Add text-action-hover and mono (#45)

* fix: add text-action-hover and mono * Update output configs --------- Co-authored-by: johanekhager <[email protected]>
Teamtailor · Mar 1, 2024 · 8f6428a · 8f6428a
1 parent 543ccc9
commit 8f6428a
Show file tree

Hide file tree

Showing 19 changed files with 84 additions and 10 deletions.
diff --git a/dist/index.d.ts b/dist/index.d.ts
@@ -1,5 +1,6 @@
 export var themeColors: {
     background: {
+        mono: string;
         canvas: string;
         neutral: {
             DEFAULT: string;
@@ -242,6 +243,7 @@ export var themeColors: {
         };
         action: {
             DEFAULT: string;
+            hover: string;
             "default-active": string;
             weak: string;
             "weak-active": string;
@@ -763,6 +765,7 @@ export var tokenColors: {
 };
 export var reactLightThemeColors: {
     background: {
+        mono: string;
         canvas: string;
         neutral: {
             default: string;
@@ -1005,6 +1008,7 @@ export var reactLightThemeColors: {
         };
         action: {
             default: string;
+            hover: string;
             defaultActive: string;
             weak: string;
             weakActive: string;
@@ -1270,6 +1274,7 @@ export var reactLightThemeColors: {
 };
 export var reactDarkThemeColors: {
     background: {
+        mono: string;
         canvas: string;
         neutral: {
             default: string;
@@ -1512,6 +1517,7 @@ export var reactDarkThemeColors: {
         };
         action: {
             default: string;
+            hover: string;
             defaultActive: string;
             weak: string;
             weakActive: string;

diff --git a/dist/output/colors.spectrum.react.js b/dist/output/colors.spectrum.react.js
@@ -1,7 +1,7 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 08:28:44 GMT
+ * Generated on Fri, 01 Mar 2024 07:37:28 GMT
  */
 module.exports = /** @type {const} */ {
     "black": "#000000",

diff --git a/dist/output/colors.spectrum.tailwind.js b/dist/output/colors.spectrum.tailwind.js
@@ -1,7 +1,7 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 08:28:44 GMT
+ * Generated on Fri, 01 Mar 2024 07:37:28 GMT
  */
 module.exports = /** @type {const} */ {
     "black": "#000000",

diff --git a/dist/output/colors.theme.dark.react.d.ts b/dist/output/colors.theme.dark.react.d.ts
@@ -1,4 +1,5 @@
 export namespace background {
+    const mono: string;
     const canvas: string;
     namespace neutral {
         const _default: string;
@@ -386,6 +387,8 @@ export namespace text {
     export namespace action_2 {
         const _default_30: string;
         export { _default_30 as default };
+        const hover_1: string;
+        export { hover_1 as hover };
         export const defaultActive: string;
         const weak_20: string;
         export { weak_20 as weak };

diff --git a/dist/output/colors.theme.dark.react.js b/dist/output/colors.theme.dark.react.js
@@ -1,10 +1,11 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 08:28:44 GMT
+ * Generated on Fri, 01 Mar 2024 07:37:28 GMT
  */
 module.exports = /** @type {const} */ {
     "background": {
+        "mono": "#ffffff",
         "canvas": "#0f0f10",
         "neutral": {
             "default": "#1c1c1e",
@@ -247,6 +248,7 @@ module.exports = /** @type {const} */ {
         },
         "action": {
             "default": "#f43f85",
+            "hover": "#d7256d",
             "defaultActive": "#d7256d",
             "weak": "#ffffff",
             "weakActive": "#f43f85",

diff --git a/dist/output/colors.theme.light.react.d.ts b/dist/output/colors.theme.light.react.d.ts
@@ -1,4 +1,5 @@
 export namespace background {
+    const mono: string;
     const canvas: string;
     namespace neutral {
         const _default: string;
@@ -386,6 +387,8 @@ export namespace text {
     export namespace action_2 {
         const _default_30: string;
         export { _default_30 as default };
+        const hover_1: string;
+        export { hover_1 as hover };
         export const defaultActive: string;
         const weak_20: string;
         export { weak_20 as weak };

diff --git a/dist/output/colors.theme.light.react.js b/dist/output/colors.theme.light.react.js
@@ -1,10 +1,11 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 08:28:44 GMT
+ * Generated on Fri, 01 Mar 2024 07:37:28 GMT
  */
 module.exports = /** @type {const} */ {
     "background": {
+        "mono": "#000000",
         "canvas": "#ffffff",
         "neutral": {
             "default": "#ffffff",
@@ -247,6 +248,7 @@ module.exports = /** @type {const} */ {
         },
         "action": {
             "default": "#f43f85",
+            "hover": "#d7256d",
             "defaultActive": "#d7256d",
             "weak": "#34353a",
             "weakActive": "#f43f85",

diff --git a/dist/output/colors.theme.tailwind.d.ts b/dist/output/colors.theme.tailwind.d.ts
@@ -1,4 +1,5 @@
 export namespace background {
+    const mono: string;
     const canvas: string;
     const neutral: {
         DEFAULT: string;
@@ -264,6 +265,7 @@ export namespace text {
     export { neutral_2 as neutral };
     const action_2: {
         DEFAULT: string;
+        hover: string;
         "default-active": string;
         weak: string;
         "weak-active": string;

diff --git a/dist/output/colors.theme.tailwind.js b/dist/output/colors.theme.tailwind.js
@@ -1,10 +1,11 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 08:28:44 GMT
+ * Generated on Fri, 01 Mar 2024 07:37:28 GMT
  */
 module.exports = /** @type {const} */ {
     "background": {
+        "mono": "var(--color-background-mono)",
         "canvas": "var(--color-background-canvas)",
         "neutral": {
             "DEFAULT": "var(--color-background-neutral-default)",
@@ -247,6 +248,7 @@ module.exports = /** @type {const} */ {
         },
         "action": {
             "DEFAULT": "var(--color-text-action-default)",
+            "hover": "var(--color-text-action-hover)",
             "default-active": "var(--color-text-action-default-active)",
             "weak": "var(--color-text-action-weak)",
             "weak-active": "var(--color-text-action-weak-active)",

diff --git a/src/output/colors.spectrum.react.js b/src/output/colors.spectrum.react.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 08:28:44 GMT
+ * Generated on Fri, 01 Mar 2024 07:37:28 GMT
  */
 
 module.exports = /** @type {const} */ {

diff --git a/src/output/colors.spectrum.tailwind.js b/src/output/colors.spectrum.tailwind.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 08:28:44 GMT
+ * Generated on Fri, 01 Mar 2024 07:37:28 GMT
  */
 
 module.exports = /** @type {const} */ {

diff --git a/src/output/colors.theme.dark.react.js b/src/output/colors.theme.dark.react.js
@@ -1,10 +1,11 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 08:28:44 GMT
+ * Generated on Fri, 01 Mar 2024 07:37:28 GMT
  */
 
 module.exports = /** @type {const} */ {
   "background": {
+    "mono": "#ffffff",
     "canvas": "#0f0f10",
     "neutral": {
       "default": "#1c1c1e",
@@ -247,6 +248,7 @@ module.exports = /** @type {const} */ {
     },
     "action": {
       "default": "#f43f85",
+      "hover": "#d7256d",
       "defaultActive": "#d7256d",
       "weak": "#ffffff",
       "weakActive": "#f43f85",

diff --git a/src/output/colors.theme.light.react.js b/src/output/colors.theme.light.react.js
@@ -1,10 +1,11 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 08:28:44 GMT
+ * Generated on Fri, 01 Mar 2024 07:37:28 GMT
  */
 
 module.exports = /** @type {const} */ {
   "background": {
+    "mono": "#000000",
     "canvas": "#ffffff",
     "neutral": {
       "default": "#ffffff",
@@ -247,6 +248,7 @@ module.exports = /** @type {const} */ {
     },
     "action": {
       "default": "#f43f85",
+      "hover": "#d7256d",
       "defaultActive": "#d7256d",
       "weak": "#34353a",
       "weakActive": "#f43f85",

diff --git a/src/output/colors.theme.tailwind.js b/src/output/colors.theme.tailwind.js
@@ -1,10 +1,11 @@
 /**
  * Do not edit directly
- * Generated on Thu, 29 Feb 2024 08:28:44 GMT
+ * Generated on Fri, 01 Mar 2024 07:37:28 GMT
  */
 
 module.exports = /** @type {const} */ {
   "background": {
+    "mono": "var(--color-background-mono)",
     "canvas": "var(--color-background-canvas)",
     "neutral": {
       "DEFAULT": "var(--color-background-neutral-default)",
@@ -247,6 +248,7 @@ module.exports = /** @type {const} */ {
     },
     "action": {
       "DEFAULT": "var(--color-text-action-default)",
+      "hover": "var(--color-text-action-hover)",
       "default-active": "var(--color-text-action-default-active)",
       "weak": "var(--color-text-action-weak)",
       "weak-active": "var(--color-text-action-weak-active)",

diff --git a/src/output/theme-dark.css b/src/output/theme-dark.css
@@ -1,4 +1,5 @@
 .theme-dark {
+  --color-background-mono: rgb(255, 255, 255);
   --color-background-canvas: rgb(15, 15, 16);
   --color-background-neutral-default: rgb(28, 28, 30);
   --color-background-neutral-hover: rgb(40, 40, 43);
@@ -130,6 +131,7 @@
   --color-text-neutral-weak: rgb(113, 113, 122);
   --color-text-neutral-medium: rgb(178, 179, 185);
   --color-text-action-default: rgb(244, 63, 133);
+  --color-text-action-hover: rgb(215, 37, 109);
   --color-text-action-default-active: rgb(215, 37, 109);
   --color-text-action-weak: rgb(255, 255, 255);
   --color-text-action-weak-active: rgb(244, 63, 133);

diff --git a/src/output/theme-light.css b/src/output/theme-light.css
@@ -1,4 +1,5 @@
 .theme-light {
+  --color-background-mono: rgb(0, 0, 0);
   --color-background-canvas: rgb(255, 255, 255);
   --color-background-neutral-default: rgb(255, 255, 255);
   --color-background-neutral-hover: rgb(248, 248, 249);
@@ -130,6 +131,7 @@
   --color-text-neutral-weak: rgb(178, 179, 185);
   --color-text-neutral-medium: rgb(113, 113, 122);
   --color-text-action-default: rgb(244, 63, 133);
+  --color-text-action-hover: rgb(215, 37, 109);
   --color-text-action-default-active: rgb(215, 37, 109);
   --color-text-action-weak: rgb(52, 53, 58);
   --color-text-action-weak-active: rgb(244, 63, 133);

diff --git a/tokens.json b/tokens.json
@@ -908,6 +908,11 @@
   "Light": {
     "color": {
       "background": {
+        "mono": {
+          "value": "{color.black}",
+          "type": "color",
+          "description": "{color.black}"
+        },
         "canvas": {
           "value": "{color.white}",
           "type": "color",
@@ -1674,6 +1679,11 @@
             "type": "color",
             "description": "{color.pink.500}"
           },
+          "hover": {
+            "value": "{color.pink.600}",
+            "type": "color",
+            "description": "{color.pink.600}"
+          },
           "default-active": {
             "value": "{color.pink.600}",
             "type": "color",
@@ -2597,6 +2607,11 @@
   "Dark": {
     "color": {
       "background": {
+        "mono": {
+          "value": "{color.white}",
+          "type": "color",
+          "description": "{color.white}"
+        },
         "canvas": {
           "value": "{color.zinc.1000}",
           "type": "color",
@@ -3363,6 +3378,11 @@
             "type": "color",
             "description": "{color.pink.500}"
           },
+          "hover": {
+            "value": "{color.pink.600}",
+            "type": "color",
+            "description": "{color.pink.600}"
+          },
           "default-active": {
             "value": "{color.pink.600}",
             "type": "color",

diff --git a/tokens/dark.json b/tokens/dark.json
@@ -1,6 +1,12 @@
 {
   "color": {
     "background": {
+      "mono": {
+        "value": "{color.white}",
+        "type": "color",
+        "description": "{color.white}",
+        "failedToResolve": true
+      },
       "canvas": {
         "value": "{color.zinc.1000}",
         "type": "color",
@@ -898,6 +904,12 @@
           "description": "{color.pink.500}",
           "failedToResolve": true
         },
+        "hover": {
+          "value": "{color.pink.600}",
+          "type": "color",
+          "description": "{color.pink.600}",
+          "failedToResolve": true
+        },
         "default-active": {
           "value": "{color.pink.600}",
           "type": "color",

diff --git a/tokens/light.json b/tokens/light.json
@@ -1,6 +1,12 @@
 {
   "color": {
     "background": {
+      "mono": {
+        "value": "{color.black}",
+        "type": "color",
+        "description": "{color.black}",
+        "failedToResolve": true
+      },
       "canvas": {
         "value": "{color.white}",
         "type": "color",
@@ -898,6 +904,12 @@
           "description": "{color.pink.500}",
           "failedToResolve": true
         },
+        "hover": {
+          "value": "{color.pink.600}",
+          "type": "color",
+          "description": "{color.pink.600}",
+          "failedToResolve": true
+        },
         "default-active": {
           "value": "{color.pink.600}",
           "type": "color",