build tokens

nyan-matt · Mar 10, 2023 · e929f4c · e929f4c
1 parent 4dca74e
commit e929f4c
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 14 deletions.
diff --git a/input/brand-a.json b/input/brand-a.json
@@ -1,11 +1,11 @@
 {
   "color-primary": {
     "default": {
-      "value": "#0f992e",
+      "value": "#0a4173",
       "type": "color"
     },
     "hover": {
-      "value": "#0d8227",
+      "value": "#093762",
       "type": "color"
     },
     "disabled": {
@@ -41,7 +41,7 @@
     "typography": {
       "lg": {
         "fontFamily": {
-          "value": "'Inter', Helvetica, Arial, sans-serif",
+          "value": "'Consolas', Courier, monospace",
           "type": "fontFamilies"
         },
         "fontWeight": {
@@ -59,7 +59,7 @@
       },
       "sm": {
         "fontFamily": {
-          "value": "'Inter', Helvetica, Arial, sans-serif",
+          "value": "'Consolas', Courier, monospace",
           "type": "fontFamilies"
         },
         "fontWeight": {
@@ -69,6 +69,10 @@
         "fontSize": {
           "value": "12px",
           "type": "fontSizes"
+        },
+        "textCase": {
+          "value": "none",
+          "type": "textCase"
         }
       }
     },

diff --git a/input/brand-b.json b/input/brand-b.json
@@ -41,7 +41,7 @@
     "typography": {
       "lg": {
         "fontFamily": {
-          "value": "'Consolas', Courier, monospace",
+          "value": "'Inter', Helvetica, Arial, sans-serif",
           "type": "fontFamilies"
         },
         "fontWeight": {
@@ -53,13 +53,13 @@
           "type": "fontSizes"
         },
         "textCase": {
-          "value": "uppercase",
+          "value": "none",
           "type": "textCase"
         }
       },
       "sm": {
         "fontFamily": {
-          "value": "'Consolas', Courier, monospace",
+          "value": "'Inter', Helvetica, Arial, sans-serif",
           "type": "fontFamilies"
         },
         "fontWeight": {
@@ -69,6 +69,10 @@
         "fontSize": {
           "value": "12px",
           "type": "fontSizes"
+        },
+        "textCase": {
+          "value": "none",
+          "type": "textCase"
         }
       }
     },

diff --git a/output/brand-a.css b/output/brand-a.css
@@ -1,19 +1,20 @@
 .brand-a-theme {
-          --color-primary-default: #0f992e;
-  --color-primary-hover: #0d8227;
+          --color-primary-default: #0a4173;
+  --color-primary-hover: #093762;
   --color-primary-disabled: #c2d0dc;
   --button-radius: 48px;
   --button-padding-left: 16px;
   --button-padding-right: 16px;
   --button-height-lg: 36px;
   --button-height-sm: 24px;
-  --button-typography-lg-font-family: 'Inter', Helvetica, Arial, sans-serif;
+  --button-typography-lg-font-family: 'Consolas', Courier, monospace;
   --button-typography-lg-font-weight: 500;
   --button-typography-lg-font-size: 1rem;
   --button-typography-lg-text-case: none;
-  --button-typography-sm-font-family: 'Inter', Helvetica, Arial, sans-serif;
+  --button-typography-sm-font-family: 'Consolas', Courier, monospace;
   --button-typography-sm-font-weight: 500;
   --button-typography-sm-font-size: 0.75rem;
+  --button-typography-sm-text-case: none;
   --button-font-family: 'Consolas', Courier, monospace;
   --color-disabled-text: #a3a3a3;
   --color-disabled-background: #f5f5f5;

diff --git a/output/brand-b.css b/output/brand-b.css
@@ -7,13 +7,14 @@
   --button-padding-right: 16px;
   --button-height-lg: 36px;
   --button-height-sm: 24px;
-  --button-typography-lg-font-family: 'Consolas', Courier, monospace;
+  --button-typography-lg-font-family: 'Inter', Helvetica, Arial, sans-serif;
   --button-typography-lg-font-weight: 400;
   --button-typography-lg-font-size: 1rem;
-  --button-typography-lg-text-case: uppercase;
-  --button-typography-sm-font-family: 'Consolas', Courier, monospace;
+  --button-typography-lg-text-case: none;
+  --button-typography-sm-font-family: 'Inter', Helvetica, Arial, sans-serif;
   --button-typography-sm-font-weight: 400;
   --button-typography-sm-font-size: 0.75rem;
+  --button-typography-sm-text-case: none;
   --button-font-family: 'Inter', Helvetica, Arial, sans-serif;
   --color-disabled-text: #a3a3a3;
   --color-disabled-background: #f5f5f5;