Add neutral hovers (#41)

* adding hover to neutral * fix: build with neutral hovers * fix: include types
Teamtailor · Feb 22, 2024 · 721227c · 721227c
1 parent e2ff945
commit 721227c
Show file tree

Hide file tree

Showing 18 changed files with 165 additions and 85 deletions.
diff --git a/dist/index.d.ts b/dist/index.d.ts
@@ -5,8 +5,11 @@ export var themeColors: {
             DEFAULT: string;
             hover: string;
             weak: string;
+            "weak-hover": string;
             medium: string;
+            "medium-hover": string;
             strong: string;
+            "strong-hover": string;
         };
         success: {
             DEFAULT: string;
@@ -760,8 +763,11 @@ export var reactLightThemeColors: {
             default: string;
             hover: string;
             weak: string;
+            weakHover: string;
             medium: string;
+            mediumHover: string;
             strong: string;
+            strongHover: string;
         };
         success: {
             default: string;
@@ -1259,8 +1265,11 @@ export var reactDarkThemeColors: {
             default: string;
             hover: string;
             weak: string;
+            weakHover: string;
             medium: string;
+            mediumHover: string;
             strong: string;
+            strongHover: string;
         };
         success: {
             default: 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 Mon, 03 Apr 2023 12:01:52 GMT
+ * Generated on Thu, 22 Feb 2024 13:19:19 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 Mon, 03 Apr 2023 12:01:52 GMT
+ * Generated on Thu, 22 Feb 2024 13:19:19 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
@@ -5,8 +5,11 @@ export namespace background {
         export { _default as default };
         export const hover: string;
         export const weak: string;
+        export const weakHover: string;
         export const medium: string;
+        export const mediumHover: string;
         export const strong: string;
+        export const strongHover: string;
     }
     namespace success {
         const _default_1: string;
@@ -35,14 +38,17 @@ export namespace background {
     namespace action {
         const strong_5: string;
         export { strong_5 as strong };
-        export const strongHover: string;
+        const strongHover_1: string;
+        export { strongHover_1 as strongHover };
         export const strongActive: string;
         export const strongDisabled: string;
         const medium_1: string;
         export { medium_1 as medium };
-        export const mediumHover: string;
+        const mediumHover_1: string;
+        export { mediumHover_1 as mediumHover };
         export const mediumActive: string;
-        export const weakHover: string;
+        const weakHover_1: string;
+        export { weakHover_1 as weakHover };
         export const weakActive: string;
     }
     namespace decorative {

diff --git a/dist/output/colors.theme.dark.react.js b/dist/output/colors.theme.dark.react.js
@@ -1,17 +1,20 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Mon, 03 Apr 2023 12:01:52 GMT
+ * Generated on Thu, 22 Feb 2024 13:19:19 GMT
  */
 module.exports = /** @type {const} */ {
     "background": {
         "canvas": "#0f0f10",
         "neutral": {
             "default": "#1c1c1e",
-            "hover": "#3f3f46",
+            "hover": "#28282b",
             "weak": "#28282b",
+            "weakHover": "#3f3f46",
             "medium": "#34353a",
-            "strong": "#3f3f46"
+            "mediumHover": "#3f3f46",
+            "strong": "#0f0f10",
+            "strongHover": "#1c1c1e"
         },
         "success": {
             "default": "#0c310e",

diff --git a/dist/output/colors.theme.light.react.d.ts b/dist/output/colors.theme.light.react.d.ts
@@ -5,8 +5,11 @@ export namespace background {
         export { _default as default };
         export const hover: string;
         export const weak: string;
+        export const weakHover: string;
         export const medium: string;
+        export const mediumHover: string;
         export const strong: string;
+        export const strongHover: string;
     }
     namespace success {
         const _default_1: string;
@@ -35,14 +38,17 @@ export namespace background {
     namespace action {
         const strong_5: string;
         export { strong_5 as strong };
-        export const strongHover: string;
+        const strongHover_1: string;
+        export { strongHover_1 as strongHover };
         export const strongActive: string;
         export const strongDisabled: string;
         const medium_1: string;
         export { medium_1 as medium };
-        export const mediumHover: string;
+        const mediumHover_1: string;
+        export { mediumHover_1 as mediumHover };
         export const mediumActive: string;
-        export const weakHover: string;
+        const weakHover_1: string;
+        export { weakHover_1 as weakHover };
         export const weakActive: string;
     }
     namespace decorative {

diff --git a/dist/output/colors.theme.light.react.js b/dist/output/colors.theme.light.react.js
@@ -1,7 +1,7 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Mon, 03 Apr 2023 12:01:52 GMT
+ * Generated on Thu, 22 Feb 2024 13:19:19 GMT
  */
 module.exports = /** @type {const} */ {
     "background": {
@@ -10,8 +10,11 @@ module.exports = /** @type {const} */ {
             "default": "#ffffff",
             "hover": "#f8f8f9",
             "weak": "#f8f8f9",
+            "weakHover": "#f4f4f5",
             "medium": "#eeeef0",
-            "strong": "#28282b"
+            "mediumHover": "#e4e4e7",
+            "strong": "#28282b",
+            "strongHover": "#3f3f46"
         },
         "success": {
             "default": "#f1fcf1",

diff --git a/dist/output/colors.theme.tailwind.d.ts b/dist/output/colors.theme.tailwind.d.ts
@@ -1,36 +1,37 @@
 export namespace background {
     const canvas: string;
-    namespace neutral {
+    const neutral: {
+        DEFAULT: string;
+        hover: string;
+        weak: string;
+        "weak-hover": string;
+        medium: string;
+        "medium-hover": string;
+        strong: string;
+        "strong-hover": string;
+    };
+    namespace success {
         const DEFAULT: string;
-        const hover: string;
-        const weak: string;
-        const medium: string;
         const strong: string;
     }
-    namespace success {
+    namespace danger {
         const DEFAULT_1: string;
         export { DEFAULT_1 as DEFAULT };
         const strong_1: string;
         export { strong_1 as strong };
     }
-    namespace danger {
+    namespace warning {
         const DEFAULT_2: string;
         export { DEFAULT_2 as DEFAULT };
         const strong_2: string;
         export { strong_2 as strong };
     }
-    namespace warning {
+    namespace info {
         const DEFAULT_3: string;
         export { DEFAULT_3 as DEFAULT };
         const strong_3: string;
         export { strong_3 as strong };
     }
-    namespace info {
-        const DEFAULT_4: string;
-        export { DEFAULT_4 as DEFAULT };
-        const strong_4: string;
-        export { strong_4 as strong };
-    }
     const action: {
         strong: string;
         "strong-hover": string;
@@ -155,32 +156,31 @@ export namespace background {
 }
 export namespace border {
     export namespace neutral_1 {
-        const DEFAULT_5: string;
-        export { DEFAULT_5 as DEFAULT };
-        const medium_1: string;
-        export { medium_1 as medium };
-        const strong_5: string;
-        export { strong_5 as strong };
+        const DEFAULT_4: string;
+        export { DEFAULT_4 as DEFAULT };
+        export const medium: string;
+        const strong_4: string;
+        export { strong_4 as strong };
     }
     export { neutral_1 as neutral };
     export namespace success_1 {
-        const DEFAULT_6: string;
-        export { DEFAULT_6 as DEFAULT };
+        const DEFAULT_5: string;
+        export { DEFAULT_5 as DEFAULT };
     }
     export { success_1 as success };
     export namespace danger_1 {
-        const DEFAULT_7: string;
-        export { DEFAULT_7 as DEFAULT };
+        const DEFAULT_6: string;
+        export { DEFAULT_6 as DEFAULT };
     }
     export { danger_1 as danger };
     export namespace warning_1 {
-        const DEFAULT_8: string;
-        export { DEFAULT_8 as DEFAULT };
+        const DEFAULT_7: string;
+        export { DEFAULT_7 as DEFAULT };
     }
     export { warning_1 as warning };
     export namespace info_1 {
-        const DEFAULT_9: string;
-        export { DEFAULT_9 as DEFAULT };
+        const DEFAULT_8: string;
+        export { DEFAULT_8 as DEFAULT };
     }
     export { info_1 as info };
     const action_1: {
@@ -249,12 +249,11 @@ export namespace border {
 }
 export namespace text {
     export namespace neutral_2 {
-        const DEFAULT_10: string;
-        export { DEFAULT_10 as DEFAULT };
-        const weak_1: string;
-        export { weak_1 as weak };
-        const medium_2: string;
-        export { medium_2 as medium };
+        const DEFAULT_9: string;
+        export { DEFAULT_9 as DEFAULT };
+        export const weak: string;
+        const medium_1: string;
+        export { medium_1 as medium };
     }
     export { neutral_2 as neutral };
     const action_2: {
@@ -268,23 +267,23 @@ export namespace text {
     };
     export { action_2 as action };
     export namespace success_2 {
-        const DEFAULT_11: string;
-        export { DEFAULT_11 as DEFAULT };
+        const DEFAULT_10: string;
+        export { DEFAULT_10 as DEFAULT };
     }
     export { success_2 as success };
     export namespace danger_2 {
-        const DEFAULT_12: string;
-        export { DEFAULT_12 as DEFAULT };
+        const DEFAULT_11: string;
+        export { DEFAULT_11 as DEFAULT };
     }
     export { danger_2 as danger };
     export namespace warning_2 {
-        const DEFAULT_13: string;
-        export { DEFAULT_13 as DEFAULT };
+        const DEFAULT_12: string;
+        export { DEFAULT_12 as DEFAULT };
     }
     export { warning_2 as warning };
     export namespace info_2 {
-        const DEFAULT_14: string;
-        export { DEFAULT_14 as DEFAULT };
+        const DEFAULT_13: string;
+        export { DEFAULT_13 as DEFAULT };
     }
     export { info_2 as info };
     const decorative_2: {
@@ -401,39 +400,39 @@ export namespace text {
 }
 export namespace icon {
     export namespace neutral_3 {
-        const DEFAULT_15: string;
-        export { DEFAULT_15 as DEFAULT };
-        const weak_2: string;
-        export { weak_2 as weak };
+        const DEFAULT_14: string;
+        export { DEFAULT_14 as DEFAULT };
+        const weak_1: string;
+        export { weak_1 as weak };
     }
     export { neutral_3 as neutral };
     export namespace success_3 {
+        const DEFAULT_15: string;
+        export { DEFAULT_15 as DEFAULT };
+        const strong_5: string;
+        export { strong_5 as strong };
+    }
+    export { success_3 as success };
+    export namespace danger_3 {
         const DEFAULT_16: string;
         export { DEFAULT_16 as DEFAULT };
         const strong_6: string;
         export { strong_6 as strong };
     }
-    export { success_3 as success };
-    export namespace danger_3 {
+    export { danger_3 as danger };
+    export namespace warning_3 {
         const DEFAULT_17: string;
         export { DEFAULT_17 as DEFAULT };
         const strong_7: string;
         export { strong_7 as strong };
     }
-    export { danger_3 as danger };
-    export namespace warning_3 {
+    export { warning_3 as warning };
+    export namespace info_3 {
         const DEFAULT_18: string;
         export { DEFAULT_18 as DEFAULT };
         const strong_8: string;
         export { strong_8 as strong };
     }
-    export { warning_3 as warning };
-    export namespace info_3 {
-        const DEFAULT_19: string;
-        export { DEFAULT_19 as DEFAULT };
-        const strong_9: string;
-        export { strong_9 as strong };
-    }
     export { info_3 as info };
     const decorative_3: {
         amber: {

diff --git a/dist/output/colors.theme.tailwind.js b/dist/output/colors.theme.tailwind.js
@@ -1,7 +1,7 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Mon, 03 Apr 2023 12:01:52 GMT
+ * Generated on Thu, 22 Feb 2024 13:19:19 GMT
  */
 module.exports = /** @type {const} */ {
     "background": {
@@ -10,8 +10,11 @@ module.exports = /** @type {const} */ {
             "DEFAULT": "var(--color-background-neutral-default)",
             "hover": "var(--color-background-neutral-hover)",
             "weak": "var(--color-background-neutral-weak)",
+            "weak-hover": "var(--color-background-neutral-weak-hover)",
             "medium": "var(--color-background-neutral-medium)",
-            "strong": "var(--color-background-neutral-strong)"
+            "medium-hover": "var(--color-background-neutral-medium-hover)",
+            "strong": "var(--color-background-neutral-strong)",
+            "strong-hover": "var(--color-background-neutral-strong-hover)"
         },
         "success": {
             "DEFAULT": "var(--color-background-success-default)",

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 Mon, 03 Apr 2023 12:01:52 GMT
+ * Generated on Thu, 22 Feb 2024 13:19:19 GMT
  */
 
 module.exports = /** @type {const} */ {