@prismicio/editor-ui 0.1.0 → 0.3.0

package/dist/theme/sprinkles.css.d.ts

@@ -1,4 +1,3 @@
-import { type Color } from "./vars.css";
 export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles").SprinklesFn<[{
     conditions: {
         defaultCondition: false;
@@ -736,6 +735,33 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                         lightModePlaceholder: string;
                     };
                 };
+                blue1: {
+                    defaultClass: undefined;
+                    conditions: {
+                        darkMode: string;
+                        lightMode: string;
+                        darkModeActive: string;
+                        lightModeActive: string;
+                        darkModeChecked: string;
+                        lightModeChecked: string;
+                        darkModeCheckedHover: string;
+                        lightModeCheckedHover: string;
+                        darkModeDisabled: string;
+                        lightModeDisabled: string;
+                        darkModeFocusVisible: string;
+                        lightModeFocusVisible: string;
+                        darkModeFocusWithin: string;
+                        lightModeFocusWithin: string;
+                        darkModeHighlighted: string;
+                        lightModeHighlighted: string;
+                        darkModeHover: string;
+                        lightModeHover: string;
+                        darkModeOpen: string;
+                        lightModeOpen: string;
+                        darkModePlaceholder: string;
+                        lightModePlaceholder: string;
+                    };
+                };
                 purple1: {
                     defaultClass: undefined;
                     conditions: {
@@ -1820,6 +1846,33 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                         lightModePlaceholder: string;
                     };
                 };
+                blue1: {
+                    defaultClass: undefined;
+                    conditions: {
+                        darkMode: string;
+                        lightMode: string;
+                        darkModeActive: string;
+                        lightModeActive: string;
+                        darkModeChecked: string;
+                        lightModeChecked: string;
+                        darkModeCheckedHover: string;
+                        lightModeCheckedHover: string;
+                        darkModeDisabled: string;
+                        lightModeDisabled: string;
+                        darkModeFocusVisible: string;
+                        lightModeFocusVisible: string;
+                        darkModeFocusWithin: string;
+                        lightModeFocusWithin: string;
+                        darkModeHighlighted: string;
+                        lightModeHighlighted: string;
+                        darkModeHover: string;
+                        lightModeHover: string;
+                        darkModeOpen: string;
+                        lightModeOpen: string;
+                        darkModePlaceholder: string;
+                        lightModePlaceholder: string;
+                    };
+                };
                 purple1: {
                     defaultClass: undefined;
                     conditions: {
@@ -2173,7 +2226,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 };
             };
         };
-        borderBlockEndColor: {
+        borderBottomColor: {
             values: {
                 inherit: {
                     defaultClass: undefined;
@@ -2904,6 +2957,33 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                         lightModePlaceholder: string;
                     };
                 };
+                blue1: {
+                    defaultClass: undefined;
+                    conditions: {
+                        darkMode: string;
+                        lightMode: string;
+                        darkModeActive: string;
+                        lightModeActive: string;
+                        darkModeChecked: string;
+                        lightModeChecked: string;
+                        darkModeCheckedHover: string;
+                        lightModeCheckedHover: string;
+                        darkModeDisabled: string;
+                        lightModeDisabled: string;
+                        darkModeFocusVisible: string;
+                        lightModeFocusVisible: string;
+                        darkModeFocusWithin: string;
+                        lightModeFocusWithin: string;
+                        darkModeHighlighted: string;
+                        lightModeHighlighted: string;
+                        darkModeHover: string;
+                        lightModeHover: string;
+                        darkModeOpen: string;
+                        lightModeOpen: string;
+                        darkModePlaceholder: string;
+                        lightModePlaceholder: string;
+                    };
+                };
                 purple1: {
                     defaultClass: undefined;
                     conditions: {
@@ -3988,6 +4068,33 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                         lightModePlaceholder: string;
                     };
                 };
+                blue1: {
+                    defaultClass: undefined;
+                    conditions: {
+                        darkMode: string;
+                        lightMode: string;
+                        darkModeActive: string;
+                        lightModeActive: string;
+                        darkModeChecked: string;
+                        lightModeChecked: string;
+                        darkModeCheckedHover: string;
+                        lightModeCheckedHover: string;
+                        darkModeDisabled: string;
+                        lightModeDisabled: string;
+                        darkModeFocusVisible: string;
+                        lightModeFocusVisible: string;
+                        darkModeFocusWithin: string;
+                        lightModeFocusWithin: string;
+                        darkModeHighlighted: string;
+                        lightModeHighlighted: string;
+                        darkModeHover: string;
+                        lightModeHover: string;
+                        darkModeOpen: string;
+                        lightModeOpen: string;
+                        darkModePlaceholder: string;
+                        lightModePlaceholder: string;
+                    };
+                };
                 purple1: {
                     defaultClass: undefined;
                     conditions: {
@@ -5072,6 +5179,33 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                         lightModePlaceholder: string;
                     };
                 };
+                blue1: {
+                    defaultClass: undefined;
+                    conditions: {
+                        darkMode: string;
+                        lightMode: string;
+                        darkModeActive: string;
+                        lightModeActive: string;
+                        darkModeChecked: string;
+                        lightModeChecked: string;
+                        darkModeCheckedHover: string;
+                        lightModeCheckedHover: string;
+                        darkModeDisabled: string;
+                        lightModeDisabled: string;
+                        darkModeFocusVisible: string;
+                        lightModeFocusVisible: string;
+                        darkModeFocusWithin: string;
+                        lightModeFocusWithin: string;
+                        darkModeHighlighted: string;
+                        lightModeHighlighted: string;
+                        darkModeHover: string;
+                        lightModeHover: string;
+                        darkModeOpen: string;
+                        lightModeOpen: string;
+                        darkModePlaceholder: string;
+                        lightModePlaceholder: string;
+                    };
+                };
                 purple1: {
                     defaultClass: undefined;
                     conditions: {
@@ -5570,8 +5704,24 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 };
             };
         };
+        animationFillMode: {
+            values: {
+                backwards: {
+                    defaultClass: string;
+                };
+                both: {
+                    defaultClass: string;
+                };
+                forwards: {
+                    defaultClass: string;
+                };
+            };
+        };
         transitionProperty: {
             values: {
+                color: {
+                    defaultClass: string;
+                };
                 opacity: {
                     defaultClass: string;
                 };
@@ -5619,125 +5769,125 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
         };
         borderRadius: {
             values: {
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "1px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-                4: {
+                "12px": {
                     defaultClass: string;
                 };
-                5: {
+                "100%": {
                     defaultClass: string;
                 };
             };
         };
-        borderEndEndRadius: {
+        borderBottomRightRadius: {
             values: {
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "1px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-                4: {
+                "12px": {
                     defaultClass: string;
                 };
-                5: {
+                "100%": {
                     defaultClass: string;
                 };
             };
         };
-        borderEndStartRadius: {
+        borderBottomLeftRadius: {
             values: {
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "1px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-                4: {
+                "12px": {
                     defaultClass: string;
                 };
-                5: {
+                "100%": {
                     defaultClass: string;
                 };
             };
         };
-        borderStartEndRadius: {
+        borderTopRightRadius: {
             values: {
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "1px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-                4: {
+                "12px": {
                     defaultClass: string;
                 };
-                5: {
+                "100%": {
                     defaultClass: string;
                 };
             };
         };
-        borderStartStartRadius: {
+        borderTopLeftRadius: {
             values: {
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "1px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-                4: {
+                "12px": {
                     defaultClass: string;
                 };
-                5: {
+                "100%": {
                     defaultClass: string;
                 };
             };
@@ -5755,7 +5905,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 };
             };
         };
-        borderBlockEndStyle: {
+        borderTopStyle: {
             values: {
                 none: {
                     defaultClass: string;
@@ -5768,7 +5918,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 };
             };
         };
-        borderInlineEndStyle: {
+        borderBottomStyle: {
             values: {
                 none: {
                     defaultClass: string;
@@ -5781,7 +5931,7 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 };
             };
         };
-        outlineStyle: {
+        borderRightStyle: {
             values: {
                 none: {
                     defaultClass: string;
@@ -5794,90 +5944,110 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 };
             };
         };
-        outlineOffset: {
+        borderLeftStyle: {
             values: {
-                0: {
+                none: {
                     defaultClass: string;
                 };
-                1: {
+                dashed: {
                     defaultClass: string;
                 };
-                2: {
+                solid: {
                     defaultClass: string;
                 };
-                3: {
+            };
+        };
+        borderWidth: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                4: {
+                "1px": {
+                    defaultClass: string;
+                };
+                "2px": {
                     defaultClass: string;
                 };
-                5: {
+                "3px": {
                     defaultClass: string;
                 };
-                6: {
+            };
+        };
+        borderBottomWidth: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                7: {
+                "1px": {
                     defaultClass: string;
                 };
-                8: {
+                "2px": {
                     defaultClass: string;
                 };
-                9: {
+                "3px": {
                     defaultClass: string;
                 };
-                10: {
+            };
+        };
+        outlineStyle: {
+            values: {
+                none: {
                     defaultClass: string;
                 };
-                "33%": {
+                dashed: {
+                    defaultClass: string;
+                };
+                solid: {
                     defaultClass: string;
                 };
             };
         };
-        borderWidth: {
+        outlineOffset: {
             values: {
-                0: {
+                "0px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-            };
-        };
-        borderBlockEndWidth: {
-            values: {
-                0: {
+                "12px": {
                     defaultClass: string;
                 };
-                1: {
+                "2px": {
                     defaultClass: string;
                 };
-                2: {
+                "8px": {
                     defaultClass: string;
                 };
-                3: {
+                "16px": {
+                    defaultClass: string;
+                };
+                "24px": {
+                    defaultClass: string;
+                };
+                "48px": {
                     defaultClass: string;
                 };
             };
         };
         outlineWidth: {
             values: {
-                0: {
+                "0px": {
                     defaultClass: string;
                 };
-                1: {
+                "1px": {
                     defaultClass: string;
                 };
-                2: {
+                "2px": {
                     defaultClass: string;
                 };
-                3: {
+                "3px": {
                     defaultClass: string;
                 };
             };
@@ -5902,6 +6072,9 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 [-1]: {
                     defaultClass: string;
                 };
+                focus: {
+                    defaultClass: string;
+                };
             };
         };
         cursor: {
@@ -5938,22 +6111,22 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 inherit: {
                     defaultClass: string;
                 };
-                1: {
+                "10px": {
                     defaultClass: string;
                 };
-                2: {
+                "12px": {
                     defaultClass: string;
                 };
-                3: {
+                "16px": {
                     defaultClass: string;
                 };
-                4: {
+                "28px": {
                     defaultClass: string;
                 };
-                5: {
+                "14px": {
                     defaultClass: string;
                 };
-                6: {
+                "18px": {
                     defaultClass: string;
                 };
             };
@@ -5963,13 +6136,13 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 inherit: {
                     defaultClass: string;
                 };
-                medium: {
+                400: {
                     defaultClass: string;
                 };
-                regular: {
+                500: {
                     defaultClass: string;
                 };
-                semibold: {
+                600: {
                     defaultClass: string;
                 };
             };
@@ -5979,10 +6152,10 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 inherit: {
                     defaultClass: string;
                 };
-                0: {
+                "0px": {
                     defaultClass: string;
                 };
-                [-1]: {
+                "-0.15px": {
                     defaultClass: string;
                 };
             };
@@ -5992,760 +6165,858 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 inherit: {
                     defaultClass: string;
                 };
-                1: {
+                "12px": {
                     defaultClass: string;
                 };
-                2: {
+                "16px": {
                     defaultClass: string;
                 };
-                3: {
+                "20px": {
                     defaultClass: string;
                 };
-                4: {
+                "24px": {
                     defaultClass: string;
                 };
-                5: {
+                "28px": {
                     defaultClass: string;
                 };
-                6: {
+                "38px": {
                     defaultClass: string;
                 };
             };
         };
-        blockSize: {
+        width: {
             values: {
                 "fit-content": {
                     defaultClass: string;
                 };
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "100%": {
                     defaultClass: string;
                 };
-                1: {
+                "8px": {
                     defaultClass: string;
                 };
-                2: {
+                "16px": {
                     defaultClass: string;
                 };
-                3: {
+                "20px": {
                     defaultClass: string;
                 };
-                4: {
+                "24px": {
                     defaultClass: string;
                 };
-                5: {
+                "28px": {
                     defaultClass: string;
                 };
-                6: {
+                "32px": {
                     defaultClass: string;
                 };
-                7: {
+                "36px": {
                     defaultClass: string;
                 };
-                8: {
+                "40px": {
                     defaultClass: string;
                 };
-                9: {
+                "44px": {
                     defaultClass: string;
                 };
-                10: {
+                "72px": {
                     defaultClass: string;
                 };
             };
         };
-        inlineSize: {
+        minWidth: {
             values: {
                 "fit-content": {
                     defaultClass: string;
                 };
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "100%": {
                     defaultClass: string;
                 };
-                1: {
+                "8px": {
                     defaultClass: string;
                 };
-                2: {
+                "16px": {
                     defaultClass: string;
                 };
-                3: {
+                "20px": {
                     defaultClass: string;
                 };
-                4: {
+                "24px": {
                     defaultClass: string;
                 };
-                5: {
+                "28px": {
                     defaultClass: string;
                 };
-                6: {
+                "32px": {
                     defaultClass: string;
                 };
-                7: {
+                "36px": {
                     defaultClass: string;
                 };
-                8: {
+                "40px": {
                     defaultClass: string;
                 };
-                9: {
+                "44px": {
                     defaultClass: string;
                 };
-                10: {
+                "72px": {
                     defaultClass: string;
                 };
             };
         };
-        maxBlockSize: {
+        maxWidth: {
             values: {
                 "fit-content": {
                     defaultClass: string;
                 };
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "100%": {
                     defaultClass: string;
                 };
-                1: {
+                "8px": {
                     defaultClass: string;
                 };
-                2: {
+                "16px": {
                     defaultClass: string;
                 };
-                3: {
+                "20px": {
                     defaultClass: string;
                 };
-                4: {
+                "24px": {
                     defaultClass: string;
                 };
-                5: {
+                "28px": {
                     defaultClass: string;
                 };
-                6: {
+                "32px": {
                     defaultClass: string;
                 };
-                7: {
+                "36px": {
                     defaultClass: string;
                 };
-                8: {
+                "40px": {
                     defaultClass: string;
                 };
-                9: {
+                "44px": {
                     defaultClass: string;
                 };
-                10: {
+                "72px": {
                     defaultClass: string;
                 };
             };
         };
-        maxInlineSize: {
+        height: {
             values: {
                 "fit-content": {
                     defaultClass: string;
                 };
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "100%": {
                     defaultClass: string;
                 };
-                1: {
+                "8px": {
                     defaultClass: string;
                 };
-                2: {
+                "16px": {
                     defaultClass: string;
                 };
-                3: {
+                "20px": {
                     defaultClass: string;
                 };
-                4: {
+                "24px": {
                     defaultClass: string;
                 };
-                5: {
+                "28px": {
                     defaultClass: string;
                 };
-                6: {
+                "32px": {
                     defaultClass: string;
                 };
-                7: {
+                "36px": {
                     defaultClass: string;
                 };
-                8: {
+                "40px": {
                     defaultClass: string;
                 };
-                9: {
+                "44px": {
                     defaultClass: string;
                 };
-                10: {
+                "72px": {
                     defaultClass: string;
                 };
             };
         };
-        minBlockSize: {
+        minHeight: {
             values: {
                 "fit-content": {
                     defaultClass: string;
                 };
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "100%": {
                     defaultClass: string;
                 };
-                1: {
+                "8px": {
                     defaultClass: string;
                 };
-                2: {
+                "16px": {
                     defaultClass: string;
                 };
-                3: {
+                "20px": {
                     defaultClass: string;
                 };
-                4: {
+                "24px": {
                     defaultClass: string;
                 };
-                5: {
+                "28px": {
                     defaultClass: string;
                 };
-                6: {
+                "32px": {
                     defaultClass: string;
                 };
-                7: {
+                "36px": {
                     defaultClass: string;
                 };
-                8: {
+                "40px": {
                     defaultClass: string;
                 };
-                9: {
+                "44px": {
                     defaultClass: string;
                 };
-                10: {
+                "72px": {
                     defaultClass: string;
                 };
             };
         };
-        minInlineSize: {
+        maxHeight: {
             values: {
                 "fit-content": {
                     defaultClass: string;
                 };
-                "100%": {
+                "0px": {
                     defaultClass: string;
                 };
-                0: {
+                "100%": {
                     defaultClass: string;
                 };
-                1: {
+                "8px": {
                     defaultClass: string;
                 };
-                2: {
+                "16px": {
                     defaultClass: string;
                 };
-                3: {
+                "20px": {
                     defaultClass: string;
                 };
-                4: {
+                "24px": {
                     defaultClass: string;
                 };
-                5: {
+                "28px": {
                     defaultClass: string;
                 };
-                6: {
+                "32px": {
                     defaultClass: string;
                 };
-                7: {
+                "36px": {
                     defaultClass: string;
                 };
-                8: {
+                "40px": {
                     defaultClass: string;
                 };
-                9: {
+                "44px": {
                     defaultClass: string;
                 };
-                10: {
+                "72px": {
                     defaultClass: string;
                 };
             };
         };
         gap: {
             values: {
-                0: {
+                "0px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-                4: {
+                "12px": {
                     defaultClass: string;
                 };
-                5: {
+                "2px": {
                     defaultClass: string;
                 };
-                6: {
+                "8px": {
                     defaultClass: string;
                 };
-                7: {
+                "16px": {
                     defaultClass: string;
                 };
-                8: {
+                "24px": {
                     defaultClass: string;
                 };
-                9: {
+                "48px": {
                     defaultClass: string;
                 };
-                10: {
+            };
+        };
+        top: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "4px": {
                     defaultClass: string;
                 };
-            };
-        };
-        inset: {
-            values: {
-                0: {
+                "6px": {
                     defaultClass: string;
                 };
-                1: {
+                "10px": {
                     defaultClass: string;
                 };
-                2: {
+                "12px": {
                     defaultClass: string;
                 };
-                3: {
+                "2px": {
                     defaultClass: string;
                 };
-                4: {
+                "8px": {
                     defaultClass: string;
                 };
-                5: {
+                "16px": {
                     defaultClass: string;
                 };
-                6: {
+                "24px": {
                     defaultClass: string;
                 };
-                7: {
+                "48px": {
                     defaultClass: string;
                 };
-                8: {
+            };
+        };
+        bottom: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                9: {
+                "4px": {
                     defaultClass: string;
                 };
-                10: {
+                "6px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "10px": {
                     defaultClass: string;
                 };
-            };
-        };
-        insetBlockStart: {
-            values: {
-                0: {
+                "12px": {
                     defaultClass: string;
                 };
-                1: {
+                "2px": {
                     defaultClass: string;
                 };
-                2: {
+                "8px": {
                     defaultClass: string;
                 };
-                3: {
+                "16px": {
                     defaultClass: string;
                 };
-                4: {
+                "24px": {
                     defaultClass: string;
                 };
-                5: {
+                "48px": {
                     defaultClass: string;
                 };
-                6: {
+            };
+        };
+        left: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                7: {
+                "4px": {
                     defaultClass: string;
                 };
-                8: {
+                "6px": {
                     defaultClass: string;
                 };
-                9: {
+                "10px": {
                     defaultClass: string;
                 };
-                10: {
+                "12px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "2px": {
                     defaultClass: string;
                 };
-            };
-        };
-        insetInlineEnd: {
-            values: {
-                0: {
+                "8px": {
                     defaultClass: string;
                 };
-                1: {
+                "16px": {
                     defaultClass: string;
                 };
-                2: {
+                "24px": {
                     defaultClass: string;
                 };
-                3: {
+                "48px": {
                     defaultClass: string;
                 };
-                4: {
+            };
+        };
+        right: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                5: {
+                "4px": {
                     defaultClass: string;
                 };
-                6: {
+                "6px": {
                     defaultClass: string;
                 };
-                7: {
+                "10px": {
                     defaultClass: string;
                 };
-                8: {
+                "12px": {
                     defaultClass: string;
                 };
-                9: {
+                "2px": {
                     defaultClass: string;
                 };
-                10: {
+                "8px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "16px": {
                     defaultClass: string;
                 };
-            };
-        };
-        insetInlineStart: {
-            values: {
-                0: {
+                "24px": {
                     defaultClass: string;
                 };
-                1: {
+                "48px": {
                     defaultClass: string;
                 };
-                2: {
+            };
+        };
+        margin: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                3: {
+                "4px": {
                     defaultClass: string;
                 };
-                4: {
+                "6px": {
                     defaultClass: string;
                 };
-                5: {
+                "10px": {
                     defaultClass: string;
                 };
-                6: {
+                "12px": {
                     defaultClass: string;
                 };
-                7: {
+                "2px": {
                     defaultClass: string;
                 };
-                8: {
+                "8px": {
                     defaultClass: string;
                 };
-                9: {
+                "16px": {
                     defaultClass: string;
                 };
-                10: {
+                "24px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "48px": {
                     defaultClass: string;
                 };
             };
         };
-        marginBlock: {
+        marginTop: {
             values: {
-                0: {
+                "0px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-                4: {
+                "12px": {
                     defaultClass: string;
                 };
-                5: {
+                "2px": {
                     defaultClass: string;
                 };
-                6: {
+                "8px": {
                     defaultClass: string;
                 };
-                7: {
+                "16px": {
                     defaultClass: string;
                 };
-                8: {
+                "24px": {
                     defaultClass: string;
                 };
-                9: {
+                "48px": {
                     defaultClass: string;
                 };
-                10: {
+            };
+        };
+        marginBottom: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "4px": {
                     defaultClass: string;
                 };
-            };
-        };
-        marginBlockStart: {
-            values: {
-                0: {
+                "6px": {
                     defaultClass: string;
                 };
-                1: {
+                "10px": {
                     defaultClass: string;
                 };
-                2: {
+                "12px": {
                     defaultClass: string;
                 };
-                3: {
+                "2px": {
                     defaultClass: string;
                 };
-                4: {
+                "8px": {
                     defaultClass: string;
                 };
-                5: {
+                "16px": {
                     defaultClass: string;
                 };
-                6: {
+                "24px": {
                     defaultClass: string;
                 };
-                7: {
+                "48px": {
                     defaultClass: string;
                 };
-                8: {
+            };
+        };
+        marginLeft: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                9: {
+                "4px": {
                     defaultClass: string;
                 };
-                10: {
+                "6px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "10px": {
                     defaultClass: string;
                 };
-            };
-        };
-        marginBlockEnd: {
-            values: {
-                0: {
+                "12px": {
                     defaultClass: string;
                 };
-                1: {
+                "2px": {
                     defaultClass: string;
                 };
-                2: {
+                "8px": {
                     defaultClass: string;
                 };
-                3: {
+                "16px": {
                     defaultClass: string;
                 };
-                4: {
+                "24px": {
                     defaultClass: string;
                 };
-                5: {
+                "48px": {
                     defaultClass: string;
                 };
-                6: {
+            };
+        };
+        marginRight: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                7: {
+                "4px": {
                     defaultClass: string;
                 };
-                8: {
+                "6px": {
                     defaultClass: string;
                 };
-                9: {
+                "10px": {
                     defaultClass: string;
                 };
-                10: {
+                "12px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "2px": {
                     defaultClass: string;
                 };
-            };
-        };
-        marginInline: {
-            values: {
-                0: {
+                "8px": {
                     defaultClass: string;
                 };
-                1: {
+                "16px": {
                     defaultClass: string;
                 };
-                2: {
+                "24px": {
                     defaultClass: string;
                 };
-                3: {
+                "48px": {
                     defaultClass: string;
                 };
-                4: {
+            };
+        };
+        padding: {
+            values: {
+                "0px": {
+                    defaultClass: string;
+                };
+                "4px": {
+                    defaultClass: string;
+                };
+                "6px": {
                     defaultClass: string;
                 };
-                5: {
+                "10px": {
                     defaultClass: string;
                 };
-                6: {
+                "12px": {
                     defaultClass: string;
                 };
-                7: {
+                "2px": {
                     defaultClass: string;
                 };
-                8: {
+                "8px": {
                     defaultClass: string;
                 };
-                9: {
+                "16px": {
                     defaultClass: string;
                 };
-                10: {
+                "24px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "48px": {
                     defaultClass: string;
                 };
             };
         };
-        padding: {
+        paddingTop: {
             values: {
-                0: {
+                "0px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-                4: {
+                "12px": {
+                    defaultClass: string;
+                };
+                "2px": {
+                    defaultClass: string;
+                };
+                "8px": {
+                    defaultClass: string;
+                };
+                "16px": {
+                    defaultClass: string;
+                };
+                "24px": {
+                    defaultClass: string;
+                };
+                "48px": {
+                    defaultClass: string;
+                };
+            };
+        };
+        paddingBottom: {
+            values: {
+                "0px": {
+                    defaultClass: string;
+                };
+                "4px": {
                     defaultClass: string;
                 };
-                5: {
+                "6px": {
                     defaultClass: string;
                 };
-                6: {
+                "10px": {
                     defaultClass: string;
                 };
-                7: {
+                "12px": {
                     defaultClass: string;
                 };
-                8: {
+                "2px": {
                     defaultClass: string;
                 };
-                9: {
+                "8px": {
                     defaultClass: string;
                 };
-                10: {
+                "16px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "24px": {
+                    defaultClass: string;
+                };
+                "48px": {
                     defaultClass: string;
                 };
             };
         };
-        paddingBlock: {
+        paddingLeft: {
             values: {
-                0: {
+                "0px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-                4: {
+                "12px": {
                     defaultClass: string;
                 };
-                5: {
+                "2px": {
                     defaultClass: string;
                 };
-                6: {
+                "8px": {
                     defaultClass: string;
                 };
-                7: {
+                "16px": {
                     defaultClass: string;
                 };
-                8: {
+                "24px": {
                     defaultClass: string;
                 };
-                9: {
+                "48px": {
                     defaultClass: string;
                 };
-                10: {
+            };
+        };
+        paddingRight: {
+            values: {
+                "0px": {
+                    defaultClass: string;
+                };
+                "4px": {
+                    defaultClass: string;
+                };
+                "6px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "10px": {
+                    defaultClass: string;
+                };
+                "12px": {
+                    defaultClass: string;
+                };
+                "2px": {
+                    defaultClass: string;
+                };
+                "8px": {
+                    defaultClass: string;
+                };
+                "16px": {
+                    defaultClass: string;
+                };
+                "24px": {
+                    defaultClass: string;
+                };
+                "48px": {
                     defaultClass: string;
                 };
             };
         };
-        paddingInline: {
+        paddingBlock: {
             values: {
-                0: {
+                "0px": {
                     defaultClass: string;
                 };
-                1: {
+                "4px": {
                     defaultClass: string;
                 };
-                2: {
+                "6px": {
                     defaultClass: string;
                 };
-                3: {
+                "10px": {
                     defaultClass: string;
                 };
-                4: {
+                "12px": {
+                    defaultClass: string;
+                };
+                "2px": {
+                    defaultClass: string;
+                };
+                "8px": {
+                    defaultClass: string;
+                };
+                "16px": {
+                    defaultClass: string;
+                };
+                "24px": {
                     defaultClass: string;
                 };
-                5: {
+                "48px": {
                     defaultClass: string;
                 };
-                6: {
+            };
+        };
+        paddingInline: {
+            values: {
+                "0px": {
                     defaultClass: string;
                 };
-                7: {
+                "4px": {
                     defaultClass: string;
                 };
-                8: {
+                "6px": {
                     defaultClass: string;
                 };
-                9: {
+                "10px": {
                     defaultClass: string;
                 };
-                10: {
+                "12px": {
                     defaultClass: string;
                 };
-                "33%": {
+                "2px": {
+                    defaultClass: string;
+                };
+                "8px": {
+                    defaultClass: string;
+                };
+                "16px": {
+                    defaultClass: string;
+                };
+                "24px": {
+                    defaultClass: string;
+                };
+                "48px": {
                     defaultClass: string;
                 };
             };
@@ -6835,164 +7106,4 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
         };
     };
 }]>;
-export declare const colors: {
-    readonly currentColor: {
-        readonly darkMode: "currentColor";
-        readonly lightMode: "currentColor";
-    };
-    readonly grey1: {
-        readonly darkMode: "greyDark1";
-        readonly lightMode: "greyLight1";
-    };
-    readonly grey2: {
-        readonly darkMode: "greyDark2";
-        readonly lightMode: "greyLight2";
-    };
-    readonly grey3: {
-        readonly darkMode: "greyDark3";
-        readonly lightMode: "greyLight3";
-    };
-    readonly grey4: {
-        readonly darkMode: "greyDark4";
-        readonly lightMode: "greyLight4";
-    };
-    readonly grey5: {
-        readonly darkMode: "greyDark5";
-        readonly lightMode: "greyLight5";
-    };
-    readonly grey6: {
-        readonly darkMode: "greyDark6";
-        readonly lightMode: "greyLight6";
-    };
-    readonly grey7: {
-        readonly darkMode: "greyDark7";
-        readonly lightMode: "greyLight7";
-    };
-    readonly grey8: {
-        readonly darkMode: "greyDark8";
-        readonly lightMode: "greyLight8";
-    };
-    readonly grey9: {
-        readonly darkMode: "greyDark9";
-        readonly lightMode: "greyLight9";
-    };
-    readonly grey10: {
-        readonly darkMode: "greyDark10";
-        readonly lightMode: "greyLight10";
-    };
-    readonly grey11: {
-        readonly darkMode: "greyDark11";
-        readonly lightMode: "greyLight11";
-    };
-    readonly grey12: {
-        readonly darkMode: "greyDark12";
-        readonly lightMode: "greyLight12";
-    };
-    readonly inherit: {
-        readonly darkMode: "inherit";
-        readonly lightMode: "inherit";
-    };
-    readonly purple1: {
-        readonly darkMode: "purple1";
-        readonly lightMode: "purple1";
-    };
-    readonly purple2: {
-        readonly darkMode: "purple2";
-        readonly lightMode: "purple2";
-    };
-    readonly purple3: {
-        readonly darkMode: "purple3";
-        readonly lightMode: "purple3";
-    };
-    readonly purple4: {
-        readonly darkMode: "purple4";
-        readonly lightMode: "purple4";
-    };
-    readonly purple5: {
-        readonly darkMode: "purple5";
-        readonly lightMode: "purple5";
-    };
-    readonly purple6: {
-        readonly darkMode: "purple6";
-        readonly lightMode: "purple6";
-    };
-    readonly purple7: {
-        readonly darkMode: "purple7";
-        readonly lightMode: "purple7";
-    };
-    readonly purple8: {
-        readonly darkMode: "purple8";
-        readonly lightMode: "purple8";
-    };
-    readonly purple9: {
-        readonly darkMode: "purple9";
-        readonly lightMode: "purple9";
-    };
-    readonly purple10: {
-        readonly darkMode: "purple10";
-        readonly lightMode: "purple10";
-    };
-    readonly purple11: {
-        readonly darkMode: "purple11";
-        readonly lightMode: "purple11";
-    };
-    readonly purple12: {
-        readonly darkMode: "purple12";
-        readonly lightMode: "purple12";
-    };
-    readonly purpleAlpha1: {
-        readonly darkMode: "purpleAlpha1";
-        readonly lightMode: "purpleAlpha1";
-    };
-    readonly transparent: {
-        readonly darkMode: "transparent";
-        readonly lightMode: "transparent";
-    };
-};
-declare type ConditionalColor = Readonly<{
-    darkMode: Color;
-    lightMode: Color;
-}>;
-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" | "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" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-    };
-    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" | "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" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-    };
-    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" | "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" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-    };
-    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" | "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" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-    };
-    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" | "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" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-    };
-    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" | "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" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-    };
-    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" | "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" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-    };
-    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" | "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" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-    };
-    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" | "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" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-    };
-    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" | "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" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
-    };
-};
-export {};
+export declare type Sprinkles = Parameters<typeof sprinkles>[0];