⚙️ Generate theme tokens

sl-design-system · Apr 3, 2024 · 3826614 · 3826614
1 parent f77b4c2
commit 3826614
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/packages/themes/sanoma-learning/all.css b/packages/themes/sanoma-learning/all.css
@@ -1808,6 +1808,8 @@
     --sl-color-input-switch-default-unchecked-default-handle: rgb(var(--sl-color-palette-white-base));
     --sl-color-input-switch-default-unchecked-default-icon: rgb(var(--sl-color-palette-black-base));
     --sl-color-input-switch-default-unchecked-default-background: rgb(var(--sl-color-palette-neutral-300));
+    --sl-color-input-option-valid-checked-disabled-icon: rgb(var(--sl-color-palette-neutral-400));
+    --sl-color-input-option-valid-checked-disabled-label: rgb(var(--sl-color-palette-neutral-400));
     --sl-color-input-option-valid-checked-active-background: rgb(var(--sl-color-palette-success-200));
     --sl-color-input-option-valid-checked-default-background: rgb(var(--sl-color-palette-success-400));
     --sl-color-input-option-valid-unchecked-active-border: rgb(var(--sl-color-palette-success-400));
@@ -2285,8 +2287,6 @@
     --sl-color-input-switch-default-unchecked-hover-icon: var(--sl-color-input-switch-default-unchecked-default-icon);
     --sl-color-input-switch-default-unchecked-hover-text: var(--sl-body-background);
     --sl-color-input-switch-default-unchecked-default-text: var(--sl-body-background);
-    --sl-color-input-option-valid-checked-disabled-icon: var(--sl-color-input-option-default-checked-disabled-icon);
-    --sl-color-input-option-valid-checked-disabled-label: var(--sl-color-input-option-default-checked-disabled-label);
     --sl-color-input-option-valid-checked-disabled-background: var(
       --sl-color-input-option-default-checked-disabled-background
     );

diff --git a/packages/themes/sanoma-learning/dark.css b/packages/themes/sanoma-learning/dark.css
@@ -142,6 +142,8 @@
   --sl-color-input-switch-default-unchecked-default-handle: rgb(var(--sl-color-palette-white-base));
   --sl-color-input-switch-default-unchecked-default-icon: rgb(var(--sl-color-palette-black-base));
   --sl-color-input-switch-default-unchecked-default-background: rgb(var(--sl-color-palette-neutral-300));
+  --sl-color-input-option-valid-checked-disabled-icon: rgb(var(--sl-color-palette-neutral-400));
+  --sl-color-input-option-valid-checked-disabled-label: rgb(var(--sl-color-palette-neutral-400));
   --sl-color-input-option-valid-checked-active-background: rgb(var(--sl-color-palette-success-200));
   --sl-color-input-option-valid-checked-default-background: rgb(var(--sl-color-palette-success-400));
   --sl-color-input-option-valid-unchecked-active-border: rgb(var(--sl-color-palette-success-400));
@@ -603,8 +605,6 @@
   --sl-color-input-switch-default-unchecked-hover-icon: var(--sl-color-input-switch-default-unchecked-default-icon);
   --sl-color-input-switch-default-unchecked-hover-text: var(--sl-body-background);
   --sl-color-input-switch-default-unchecked-default-text: var(--sl-body-background);
-  --sl-color-input-option-valid-checked-disabled-icon: var(--sl-color-input-option-default-checked-disabled-icon);
-  --sl-color-input-option-valid-checked-disabled-label: var(--sl-color-input-option-default-checked-disabled-label);
   --sl-color-input-option-valid-checked-disabled-background: var(
     --sl-color-input-option-default-checked-disabled-background
   );

diff --git a/packages/themes/sanoma-learning/dark.json b/packages/themes/sanoma-learning/dark.json
@@ -3026,13 +3026,13 @@
                 "failedToResolve": true
               },
               "label": {
-                "value": "{color.input.option.default.checked.disabled.label}",
+                "value": "{color.palette.neutral.400}",
                 "type": "color",
                 "description": "color.surface.solid.primary.foreground",
                 "failedToResolve": true
               },
               "icon": {
-                "value": "{color.input.option.default.checked.disabled.icon}",
+                "value": "{color.palette.neutral.400}",
                 "type": "color",
                 "description": "color.surface.solid.primary.background",
                 "failedToResolve": true

diff --git a/packages/themes/sanoma-learning/dark.scss b/packages/themes/sanoma-learning/dark.scss
@@ -143,6 +143,8 @@
   --sl-color-input-switch-default-unchecked-default-handle: rgb(var(--sl-color-palette-white-base));
   --sl-color-input-switch-default-unchecked-default-icon: rgb(var(--sl-color-palette-black-base));
   --sl-color-input-switch-default-unchecked-default-background: rgb(var(--sl-color-palette-neutral-300));
+  --sl-color-input-option-valid-checked-disabled-icon: rgb(var(--sl-color-palette-neutral-400));
+  --sl-color-input-option-valid-checked-disabled-label: rgb(var(--sl-color-palette-neutral-400));
   --sl-color-input-option-valid-checked-active-background: rgb(var(--sl-color-palette-success-200));
   --sl-color-input-option-valid-checked-default-background: rgb(var(--sl-color-palette-success-400));
   --sl-color-input-option-valid-unchecked-active-border: rgb(var(--sl-color-palette-success-400));
@@ -604,8 +606,6 @@
   --sl-color-input-switch-default-unchecked-hover-icon: var(--sl-color-input-switch-default-unchecked-default-icon);
   --sl-color-input-switch-default-unchecked-hover-text: var(--sl-body-background);
   --sl-color-input-switch-default-unchecked-default-text: var(--sl-body-background);
-  --sl-color-input-option-valid-checked-disabled-icon: var(--sl-color-input-option-default-checked-disabled-icon);
-  --sl-color-input-option-valid-checked-disabled-label: var(--sl-color-input-option-default-checked-disabled-label);
   --sl-color-input-option-valid-checked-disabled-background: var(
     --sl-color-input-option-default-checked-disabled-background
   );