npm - @prismicio/editor-ui - Versions diffs - 0.3.0 → 0.4.0 - Mend

@prismicio/editor-ui 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (136) hide show

package/dist/theme/colors.d.ts CHANGED Viewed

@@ -1,8 +1,4 @@
 export declare const colors: {
-    readonly currentColor: {
-        readonly darkMode: "currentColor";
-        readonly lightMode: "currentColor";
-    };
     readonly grey1: {
         readonly darkMode: "greyDark1";
         readonly lightMode: "greyLight1";
@@ -51,13 +47,89 @@ export declare const colors: {
         readonly darkMode: "greyDark12";
         readonly lightMode: "greyLight12";
     };
-    readonly inherit: {
-        readonly darkMode: "inherit";
-        readonly lightMode: "inherit";
+    readonly dark2: {
+        readonly darkMode: "greyDark2";
+        readonly lightMode: "greyDark2";
+    };
+    readonly dark6: {
+        readonly darkMode: "greyDark6";
+        readonly lightMode: "greyDark6";
+    };
+    readonly dark7: {
+        readonly darkMode: "greyDark7";
+        readonly lightMode: "greyDark7";
+    };
+    readonly dark12: {
+        readonly darkMode: "greyDark12";
+        readonly lightMode: "greyDark12";
+    };
+    readonly indigo10: {
+        readonly darkMode: "indigo10";
+        readonly lightMode: "indigo10";
+    };
+    readonly indigo11: {
+        readonly darkMode: "indigo11";
+        readonly lightMode: "indigo11";
+    };
+    readonly green3: {
+        readonly darkMode: "green3";
+        readonly lightMode: "green3";
+    };
+    readonly green4: {
+        readonly darkMode: "green4";
+        readonly lightMode: "green4";
+    };
+    readonly green9: {
+        readonly darkMode: "green9";
+        readonly lightMode: "green9";
     };
-    readonly blue1: {
-        readonly darkMode: "blue1";
-        readonly lightMode: "blue1";
+    readonly green10: {
+        readonly darkMode: "green10";
+        readonly lightMode: "green10";
+    };
+    readonly green11: {
+        readonly darkMode: "green11";
+        readonly lightMode: "green11";
+    };
+    readonly amber3: {
+        readonly darkMode: "amber3";
+        readonly lightMode: "amber3";
+    };
+    readonly amber4: {
+        readonly darkMode: "amber4";
+        readonly lightMode: "amber4";
+    };
+    readonly amber9: {
+        readonly darkMode: "amber9";
+        readonly lightMode: "amber9";
+    };
+    readonly amber10: {
+        readonly darkMode: "amber10";
+        readonly lightMode: "amber10";
+    };
+    readonly amber11: {
+        readonly darkMode: "amber11";
+        readonly lightMode: "amber11";
+    };
+    readonly tomato1: {
+        readonly darkMode: "tomato1";
+        readonly lightMode: "tomato1";
+    };
+    readonly tomato3: {
+        readonly darkMode: "tomato3";
+        readonly lightMode: "tomato3";
+    };
+    readonly tomato7: {
+        readonly darkMode: "tomato7";
+        readonly lightMode: "tomato7";
+    };
+    readonly tomato10: {
+        readonly darkMode: "tomato10";
+        readonly lightMode: "tomato10";
+    };
+    readonly tomato11: {
+        readonly darkMode: "tomato11";
+        readonly lightMode: "tomato11";
     };
     readonly purple1: {
         readonly darkMode: "purple1";
@@ -111,6 +183,14 @@ export declare const colors: {
         readonly darkMode: "purpleAlpha1";
         readonly lightMode: "purpleAlpha1";
     };
+    readonly currentColor: {
+        readonly darkMode: "currentColor";
+        readonly lightMode: "currentColor";
+    };
+    readonly inherit: {
+        readonly darkMode: "inherit";
+        readonly lightMode: "inherit";
+    };
     readonly transparent: {
         readonly darkMode: "transparent";
         readonly lightMode: "transparent";

package/dist/theme/selectors.d.ts CHANGED Viewed

@@ -5,44 +5,44 @@ declare type ConditionalColor = Readonly<{
 }>;
 export declare const selectors: {
     active: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeActive: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-        lightModeActive: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
+        darkModeActive: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeActive: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
     };
     checked: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeChecked: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-        lightModeChecked: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
+        darkModeChecked: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeChecked: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
     };
     checkedHover: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeCheckedHover: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-        lightModeCheckedHover: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
+        darkModeCheckedHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeCheckedHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
     };
     disabled: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeDisabled: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-        lightModeDisabled: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
+        darkModeDisabled: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeDisabled: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
     };
     focusVisible: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeFocusVisible: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-        lightModeFocusVisible: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
+        darkModeFocusVisible: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeFocusVisible: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
     };
     focusWithin: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeFocusWithin: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-        lightModeFocusWithin: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
+        darkModeFocusWithin: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeFocusWithin: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
     };
     highlighted: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeHighlighted: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-        lightModeHighlighted: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
+        darkModeHighlighted: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeHighlighted: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
     };
     hover: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeHover: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-        lightModeHover: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
+        darkModeHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
     };
     open: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModeOpen: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-        lightModeOpen: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
+        darkModeOpen: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeOpen: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
     };
     placeholder: ({ darkMode, lightMode }: ConditionalColor) => {
-        darkModePlaceholder: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-        lightModePlaceholder: "inherit" | "transparent" | "currentColor" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "blue1" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
+        darkModePlaceholder: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModePlaceholder: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
     };
 };
 export {};