feat: create tokens

emulsify-ds · Jun 14, 2024 · 33c1ca4 · 33c1ca4
1 parent 8bd8215
commit 33c1ca4
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 13 deletions.
diff --git a/src/components/tokens/_tokens.scss b/src/components/tokens/_tokens.scss
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Jun 2024 20:33:46 GMT
+ * Generated on Fri, 14 Jun 2024 20:51:41 GMT
  */
 
 :root {
@@ -117,12 +117,12 @@
   --checkbox-button-stroke-disabled: #a9afb1;
   --checkbox-spacing-gap: 0.25rem;
   --card-spacing: 1rem;
-  --button-color-bkg: #009fe4;
+  --button-color-bkg: #007fb6;
   --button-color-label: #ffffff;
-  --button-color-bkg-hover: #0080b7;
+  --button-color-bkg-hover: #005f89;
   --button-color-label-hover: #ffffff;
   --button-color-label-focus: #ffffff;
-  --button-color-bkg-focus: #0080b7;
+  --button-color-bkg-focus: #005f89;
   --button-padding-x: 1rem;
   --button-padding-x-hover: 1rem;
   --button-padding-x-focus: 1rem;
@@ -137,9 +137,9 @@
   --button-border-width-border-hover: 1px;
   --button-border-width-border-focus: 1px;
   --button-text-case: uppercase;
-  --button-border-color: #009fe4;
-  --button-border-color-hover: #0080b7;
-  --button-border-color-focus: #0080b7;
+  --button-border-color: #007fb6;
+  --button-border-color-hover: #005f89;
+  --button-border-color-focus: #005f89;
   --button-font-weight-label: Bold;
   --breadcrumb-default: [object Object];
   --breadcrumb-text-default: #545f64;
@@ -164,6 +164,8 @@
   --color-warning-default: #d80f0f;
   --color-link: #009fe4;
   --color-link-hover: #007fb6;
+  --color-button: #007fb6;
+  --color-button-hover: #005f89;
   --color-black: #000000;
   --color-white: #ffffff;
   --color-emulsify-blue-100: #e6f5fc;

diff --git a/src/tokens/transformed.tokens.json b/src/tokens/transformed.tokens.json
@@ -611,7 +611,7 @@
   "button": {
     "color": {
       "bkg": {
-        "value": "#009fe4",
+        "value": "#007fb6",
         "type": "color",
         "focus": {
           "value": "red",
@@ -623,7 +623,7 @@
         "type": "color"
       },
       "bkg-hover": {
-        "value": "#0080b7",
+        "value": "#005f89",
         "type": "color"
       },
       "label-hover": {
@@ -635,7 +635,7 @@
         "type": "color"
       },
       "bkg-focus": {
-        "value": "#0080b7",
+        "value": "#005f89",
         "type": "color"
       }
     },
@@ -701,15 +701,15 @@
     },
     "border": {
       "color": {
-        "value": "#009fe4",
+        "value": "#007fb6",
         "type": "color"
       },
       "color-hover": {
-        "value": "#0080b7",
+        "value": "#005f89",
         "type": "color"
       },
       "color-focus": {
-        "value": "#0080b7",
+        "value": "#005f89",
         "type": "color"
       }
     },
@@ -852,6 +852,14 @@
       "value": "#007fb6",
       "type": "color"
     },
+    "button": {
+      "value": "#007fb6",
+      "type": "color"
+    },
+    "button-hover": {
+      "value": "#005f89",
+      "type": "color"
+    },
     "black": {
       "value": "#000000",
       "type": "color"