Export Figma Variables (#606)

utilitywarehouse · Nov 20, 2024 · bc9b8f8 · bc9b8f8
1 parent f7ada83
commit bc9b8f8
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 58 deletions.
diff --git a/packages/design-tokens/build/native/dark/tokens-dark.js b/packages/design-tokens/build/native/dark/tokens-dark.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Nov 20 2024 11:29:04 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Nov 20 2024 14:30:01 GMT+0000 (Coordinated Universal Time)
  */
 
 export const tokens = {
@@ -192,7 +192,7 @@ export const tokens = {
     },
     "backgroundColorDisabled": "#323232",
     "iconColorDisabled": "#414141",
-    "unChecked": {
+    "unchecked": {
       "backgroundColor": "#707070",
       "iconColor": "#585858",
       "backgroundColorHover": "#585858"
@@ -214,7 +214,7 @@ export const tokens = {
     },
     "backgroundColor": "#1d1d1d",
     "borderWidth": 2,
-    "unChecked": {
+    "unchecked": {
       "borderColor": "#b8b8b8",
       "borderColorHover": "#75a7fd"
     },
@@ -227,22 +227,21 @@ export const tokens = {
       "color": "#002d80",
       "width": 8
     },
-    "unChecked": {
+    "unchecked": {
       "borderColor": "#b8b8b8",
       "borderColorDisabled": "#585858",
       "borderColorHover": "#b8b8b8",
-      "borderColorFocus": "#b8b8b8",
-      "borderColorPressed": "#ffffff"
+      "borderColorFocus": "#b8b8b8"
     },
     "checked": {
-      "borderColor": "#75a7fd",
       "backgroundColor": "#75a7fd",
       "backgroundColorDisabled": "#c1c1c1",
       "iconColor": "#010a19",
       "iconColorDisabled": "#707070"
     },
     "backgroundColor": "#1d1d1d",
-    "borderRadius": 4
+    "borderRadius": 4,
+    "padding": 4
   },
   "card": {
     "borderWidth": 1,

diff --git a/packages/design-tokens/build/native/default/tokens-default.js b/packages/design-tokens/build/native/default/tokens-default.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Nov 20 2024 11:29:04 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Nov 20 2024 14:30:01 GMT+0000 (Coordinated Universal Time)
  */
 
 export const tokens = {

diff --git a/packages/design-tokens/build/native/light/tokens-light.js b/packages/design-tokens/build/native/light/tokens-light.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Nov 20 2024 11:29:04 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Nov 20 2024 14:30:01 GMT+0000 (Coordinated Universal Time)
  */
 
 export const tokens = {
@@ -192,7 +192,7 @@ export const tokens = {
     },
     "backgroundColorDisabled": "#b8b8b8",
     "iconColorDisabled": "#b8b8b8",
-    "unChecked": {
+    "unchecked": {
       "backgroundColor": "#888888",
       "iconColor": "#585858",
       "backgroundColorHover": "#707070"
@@ -214,7 +214,7 @@ export const tokens = {
     },
     "backgroundColor": "#ffffff",
     "borderWidth": 2,
-    "unChecked": {
+    "unchecked": {
       "borderColor": "#888888",
       "borderColorHover": "#4789fa"
     },
@@ -227,22 +227,21 @@ export const tokens = {
       "color": "#ecf4fe",
       "width": 8
     },
-    "unChecked": {
+    "unchecked": {
       "borderColor": "#888888",
       "borderColorDisabled": "#b8b8b8",
       "borderColorHover": "#4789fa",
-      "borderColorFocus": "#4789fa",
-      "borderColorPressed": "#888888"
+      "borderColorFocus": "#4789fa"
     },
     "checked": {
-      "borderColor": "#4789fa",
       "backgroundColor": "#4789fa",
       "backgroundColorDisabled": "#d8d8d8",
       "iconColor": "#ffffff",
       "iconColorDisabled": "#a0a0a0"
     },
     "backgroundColor": "#ffffff",
-    "borderRadius": 4
+    "borderRadius": 4,
+    "padding": 4
   },
   "card": {
     "borderWidth": 1,

diff --git a/packages/design-tokens/build/web/css/_variables.css b/packages/design-tokens/build/web/css/_variables.css
@@ -515,9 +515,9 @@
   --switch-checked-icon-color: #003a9e;
   --switch-background-color-disabled: #b8b8b8;
   --switch-icon-color-disabled: #b8b8b8;
-  --switch-un-checked-background-color: #888888;
-  --switch-un-checked-icon-color: #585858;
-  --switch-un-checked-background-color-hover: #707070;
+  --switch-unchecked-background-color: #888888;
+  --switch-unchecked-icon-color: #585858;
+  --switch-unchecked-background-color-hover: #707070;
   --radio-checked-border-color: #4789fa;
   --radio-checked-inner-circle-background-color: #4789fa;
   --radio-checked-inner-circle-size: 14;
@@ -527,25 +527,24 @@
   --radio-halo-width: 8;
   --radio-background-color: #ffffff;
   --radio-border-width: 2;
-  --radio-un-checked-border-color: #888888;
-  --radio-un-checked-border-color-hover: #4789fa;
+  --radio-unchecked-border-color: #888888;
+  --radio-unchecked-border-color-hover: #4789fa;
   --radio-border-color-disabled: #b8b8b8;
   --checkbox-size: 24;
   --checkbox-border-width: 2;
   --checkbox-halo-color: #ecf4fe;
   --checkbox-halo-width: 8;
-  --checkbox-un-checked-border-color: #888888;
-  --checkbox-un-checked-border-color-disabled: #b8b8b8;
-  --checkbox-un-checked-border-color-hover: #4789fa;
-  --checkbox-un-checked-border-color-focus: #4789fa;
-  --checkbox-un-checked-border-color-pressed: #888888;
-  --checkbox-checked-border-color: #4789fa;
+  --checkbox-unchecked-border-color: #888888;
+  --checkbox-unchecked-border-color-disabled: #b8b8b8;
+  --checkbox-unchecked-border-color-hover: #4789fa;
+  --checkbox-unchecked-border-color-focus: #4789fa;
   --checkbox-checked-background-color: #4789fa;
   --checkbox-checked-background-color-disabled: #d8d8d8;
   --checkbox-checked-icon-color: #ffffff;
   --checkbox-checked-icon-color-disabled: #a0a0a0;
   --checkbox-background-color: #ffffff;
   --checkbox-border-radius: 4;
+  --checkbox-padding: 4;
   --input-border-color: #707070;
   --input-border-width: 2;
   --input-border-width-focus: 2;
@@ -663,9 +662,9 @@
   --switch-checked-icon-color: #0658e5;
   --switch-background-color-disabled: #323232;
   --switch-icon-color-disabled: #414141;
-  --switch-un-checked-background-color: #707070;
-  --switch-un-checked-icon-color: #585858;
-  --switch-un-checked-background-color-hover: #585858;
+  --switch-unchecked-background-color: #707070;
+  --switch-unchecked-icon-color: #585858;
+  --switch-unchecked-background-color-hover: #585858;
   --radio-checked-border-color: #75a7fd;
   --radio-checked-inner-circle-background-color: #75a7fd;
   --radio-checked-inner-circle-size: 14;
@@ -675,23 +674,22 @@
   --radio-halo-width: 8;
   --radio-background-color: #1d1d1d;
   --radio-border-width: 2;
-  --radio-un-checked-border-color: #b8b8b8;
-  --radio-un-checked-border-color-hover: #75a7fd;
+  --radio-unchecked-border-color: #b8b8b8;
+  --radio-unchecked-border-color-hover: #75a7fd;
   --radio-border-color-disabled: #585858;
   --checkbox-size: 24;
   --checkbox-border-width: 2;
   --checkbox-halo-color: #002d80;
   --checkbox-halo-width: 8;
-  --checkbox-un-checked-border-color: #b8b8b8;
-  --checkbox-un-checked-border-color-disabled: #585858;
-  --checkbox-un-checked-border-color-hover: #b8b8b8;
-  --checkbox-un-checked-border-color-focus: #b8b8b8;
-  --checkbox-un-checked-border-color-pressed: #ffffff;
-  --checkbox-checked-border-color: #75a7fd;
+  --checkbox-unchecked-border-color: #b8b8b8;
+  --checkbox-unchecked-border-color-disabled: #585858;
+  --checkbox-unchecked-border-color-hover: #b8b8b8;
+  --checkbox-unchecked-border-color-focus: #b8b8b8;
   --checkbox-checked-background-color: #75a7fd;
   --checkbox-checked-background-color-disabled: #c1c1c1;
   --checkbox-checked-icon-color: #010a19;
   --checkbox-checked-icon-color-disabled: #707070;
   --checkbox-background-color: #1d1d1d;
   --checkbox-border-radius: 4;
+  --checkbox-padding: 4;
 }
diff --git a/packages/design-tokens/tokens/design-tokens-global.json b/packages/design-tokens/tokens/design-tokens-global.json
@@ -2023,7 +2023,7 @@
       "icon-color-disabled": {
         "value": "#b8b8b8"
       },
-      "un-checked": {
+      "unchecked": {
         "background-color": {
           "value": "#888888"
         },
@@ -2069,7 +2069,7 @@
       "border-width": {
         "value": 2
       },
-      "un-checked": {
+      "unchecked": {
         "border-color": {
           "value": "#888888"
         },
@@ -2096,7 +2096,7 @@
           "value": 8
         }
       },
-      "un-checked": {
+      "unchecked": {
         "border-color": {
           "value": "#888888"
         },
@@ -2108,15 +2108,9 @@
         },
         "border-color-focus": {
           "value": "#4789fa"
-        },
-        "border-color-pressed": {
-          "value": "#888888"
         }
       },
       "checked": {
-        "border-color": {
-          "value": "#4789fa"
-        },
         "background-color": {
           "value": "#4789fa"
         },
@@ -2135,6 +2129,9 @@
       },
       "border-radius": {
         "value": 4
+      },
+      "padding": {
+        "value": 4
       }
     }
   },
@@ -2561,7 +2558,7 @@
       "icon-color-disabled": {
         "value": "#414141"
       },
-      "un-checked": {
+      "unchecked": {
         "background-color": {
           "value": "#707070"
         },
@@ -2607,7 +2604,7 @@
       "border-width": {
         "value": 2
       },
-      "un-checked": {
+      "unchecked": {
         "border-color": {
           "value": "#b8b8b8"
         },
@@ -2634,7 +2631,7 @@
           "value": 8
         }
       },
-      "un-checked": {
+      "unchecked": {
         "border-color": {
           "value": "#b8b8b8"
         },
@@ -2646,15 +2643,9 @@
         },
         "border-color-focus": {
           "value": "#b8b8b8"
-        },
-        "border-color-pressed": {
-          "value": "#ffffff"
         }
       },
       "checked": {
-        "border-color": {
-          "value": "#75a7fd"
-        },
         "background-color": {
           "value": "#75a7fd"
         },
@@ -2673,7 +2664,10 @@
       },
       "border-radius": {
         "value": 4
+      },
+      "padding": {
+        "value": 4
       }
     }
   }
-}
+}