@intellihr/blueberry 1.0.0-beta.9 → 1.0.0-beta.90

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

@@ -1,15 +1,15 @@
 import { ConditionalValue } from '@vanilla-extract/sprinkles';
 export declare const space: {
     none: string;
-    xxxSmall: import("@vanilla-extract/private").CSSVarFunction;
-    xxSmall: import("@vanilla-extract/private").CSSVarFunction;
-    xSmall: import("@vanilla-extract/private").CSSVarFunction;
-    small: import("@vanilla-extract/private").CSSVarFunction;
-    medium: import("@vanilla-extract/private").CSSVarFunction;
-    large: import("@vanilla-extract/private").CSSVarFunction;
-    xLarge: import("@vanilla-extract/private").CSSVarFunction;
-    xxLarge: import("@vanilla-extract/private").CSSVarFunction;
-    xxxLarge: import("@vanilla-extract/private").CSSVarFunction;
+    xxxSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    xxSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    xSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    xLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    xxLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    xxxLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
 declare const responsiveProperties: {
     conditions: {
@@ -3634,2071 +3634,135 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
             mappings: ("paddingBottom" | "paddingTop")[];
         };
     };
-}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<1, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3 | 4, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3 | 4 | 5, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6 | 7, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "mobile" | "tablet" | "desktop") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"mobile" | "tablet" | "desktop", OutputValue>>;
+}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends import("@vanilla-extract/sprinkles").ResponsiveArray<1, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4 | 5, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6 | 7, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4 | 5 | 6 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "mobile" | "tablet" | "desktop") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"mobile" | "tablet" | "desktop", OutputValue>>;
 export type ResponsiveValue<Value extends string | number> = ConditionalValue<typeof responsiveProperties, Value>;
-export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles").SprinklesFn<[{
-    conditions: {
-        defaultCondition: "mobile";
-        conditionNames: ("mobile" | "tablet" | "desktop")[];
-    };
-    styles: {
-        alignItems: {
-            values: {
-                center: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                stretch: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                flexStart: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                flexEnd: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        borderRadius: {
-            values: {
-                default: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                sharp: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                smooth: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                round: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        columnGap: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                large: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                medium: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        display: {
-            values: {
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                flex: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                block: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                inline: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                inlineBlock: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                inlineFlex: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        flexDirection: {
-            values: {
-                column: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                row: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                rowReverse: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                columnReverse: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        flexGrow: {
-            values: {
-                [x: number]: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        flexShrink: {
-            values: {
-                [x: number]: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        flexWrap: {
-            values: {
-                nowrap: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                wrap: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        justifyContent: {
-            values: {
-                center: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                stretch: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                flexStart: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                flexEnd: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                spaceBetween: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        lineHeight: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                default: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        marginBottom: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                large: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                medium: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        marginLeft: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                large: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                medium: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        marginRight: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                large: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                medium: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        marginTop: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                large: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                medium: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        paddingBottom: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                large: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                medium: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        paddingLeft: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                large: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                medium: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        paddingRight: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                large: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                medium: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        paddingTop: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                large: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                medium: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        position: {
-            values: {
-                fixed: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                absolute: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                relative: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        rowGap: {
-            values: {
-                small: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                large: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                none: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxSmall: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                medium: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                xxxLarge: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-        textAlign: {
-            values: {
-                left: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                right: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-                center: {
-                    defaultClass: string;
-                    conditions: {
-                        mobile: string;
-                        tablet: string;
-                        desktop: string;
-                    };
-                };
-            };
-        };
-    };
-} & {
-    styles: {
-        padding: {
-            mappings: ("paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop")[];
-        };
-        paddingX: {
-            mappings: ("paddingLeft" | "paddingRight")[];
-        };
-        paddingY: {
-            mappings: ("paddingBottom" | "paddingTop")[];
-        };
-    };
-}, {
-    conditions: {
-        defaultCondition: "lightMode";
-        conditionNames: ("lightMode" | "darkMode")[];
-    };
-    styles: {
-        color: {
-            values: {
-                brandBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brand: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                info: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positive: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                caution: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                critical: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutral: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                surfaceBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                surfaceBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                surfaceText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                surfaceTextLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-            };
-        };
-        background: {
-            values: {
-                brandBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brand: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                brandContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                highlightContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                info: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                infoContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positive: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                positiveContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                caution: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                cautionContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                critical: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                criticalContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralBgDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutral: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralDark: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                neutralContrast: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                surfaceBg: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                surfaceBgDarkest: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                surfaceText: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-                surfaceTextLight: {
-                    defaultClass: string;
-                    conditions: {
-                        lightMode: string;
-                        darkMode: string;
-                    };
-                };
-            };
-        };
-    };
-}]>;
+export declare const sprinkles: ((props: {
+    alignItems?: "center" | "stretch" | "flexStart" | "flexEnd" | {
+        mobile?: "center" | "stretch" | "flexStart" | "flexEnd" | undefined;
+        tablet?: "center" | "stretch" | "flexStart" | "flexEnd" | undefined;
+        desktop?: "center" | "stretch" | "flexStart" | "flexEnd" | undefined;
+    } | undefined;
+    borderRadius?: "default" | "sharp" | "smooth" | "round" | "none" | {
+        mobile?: "default" | "sharp" | "smooth" | "round" | "none" | undefined;
+        tablet?: "default" | "sharp" | "smooth" | "round" | "none" | undefined;
+        desktop?: "default" | "sharp" | "smooth" | "round" | "none" | undefined;
+    } | undefined;
+    columnGap?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    display?: "none" | "flex" | "block" | "inline" | "inlineBlock" | "inlineFlex" | {
+        mobile?: "none" | "flex" | "block" | "inline" | "inlineBlock" | "inlineFlex" | undefined;
+        tablet?: "none" | "flex" | "block" | "inline" | "inlineBlock" | "inlineFlex" | undefined;
+        desktop?: "none" | "flex" | "block" | "inline" | "inlineBlock" | "inlineFlex" | undefined;
+    } | undefined;
+    flexDirection?: "column" | "row" | "rowReverse" | "columnReverse" | {
+        mobile?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
+        tablet?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
+        desktop?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
+    } | undefined;
+    flexGrow?: number | {
+        mobile?: number | undefined;
+        tablet?: number | undefined;
+        desktop?: number | undefined;
+    } | undefined;
+    flexShrink?: number | {
+        mobile?: number | undefined;
+        tablet?: number | undefined;
+        desktop?: number | undefined;
+    } | undefined;
+    flexWrap?: "nowrap" | "wrap" | {
+        mobile?: "nowrap" | "wrap" | undefined;
+        tablet?: "nowrap" | "wrap" | undefined;
+        desktop?: "nowrap" | "wrap" | undefined;
+    } | undefined;
+    justifyContent?: "center" | "stretch" | "flexStart" | "flexEnd" | "spaceBetween" | {
+        mobile?: "center" | "stretch" | "flexStart" | "flexEnd" | "spaceBetween" | undefined;
+        tablet?: "center" | "stretch" | "flexStart" | "flexEnd" | "spaceBetween" | undefined;
+        desktop?: "center" | "stretch" | "flexStart" | "flexEnd" | "spaceBetween" | undefined;
+    } | undefined;
+    lineHeight?: "small" | "xxSmall" | "xSmall" | "default" | {
+        mobile?: "small" | "xxSmall" | "xSmall" | "default" | undefined;
+        tablet?: "small" | "xxSmall" | "xSmall" | "default" | undefined;
+        desktop?: "small" | "xxSmall" | "xSmall" | "default" | undefined;
+    } | undefined;
+    marginBottom?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    marginLeft?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    marginRight?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    marginTop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    paddingBottom?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    paddingLeft?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    paddingRight?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    paddingTop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    position?: "fixed" | "absolute" | "relative" | {
+        mobile?: "fixed" | "absolute" | "relative" | undefined;
+        tablet?: "fixed" | "absolute" | "relative" | undefined;
+        desktop?: "fixed" | "absolute" | "relative" | undefined;
+    } | undefined;
+    rowGap?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    textAlign?: "left" | "right" | "center" | {
+        mobile?: "left" | "right" | "center" | undefined;
+        tablet?: "left" | "right" | "center" | undefined;
+        desktop?: "left" | "right" | "center" | undefined;
+    } | undefined;
+    padding?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    paddingX?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+    paddingY?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | {
+        mobile?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        tablet?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+        desktop?: "small" | "large" | "xLarge" | "xxLarge" | "xxSmall" | "xSmall" | "none" | "xxxSmall" | "medium" | "xxxLarge" | undefined;
+    } | undefined;
+} & {
+    color?: "brandBg" | "brandBgDark" | "brandBgDarkest" | "brandLight" | "brand" | "brandDark" | "brandText" | "brandContrast" | "brandAccentBg" | "brandAccentBgDark" | "brandAccentBgDarkest" | "brandAccentLight" | "brandAccent" | "brandAccentDark" | "brandAccentText" | "brandAccentContrast" | "highlightBg" | "highlightBgDark" | "highlightBgDarkest" | "highlightLight" | "highlight" | "highlightDark" | "highlightText" | "highlightContrast" | "infoBg" | "infoBgDark" | "infoBgDarkest" | "infoLight" | "info" | "infoDark" | "infoText" | "infoContrast" | "positiveBg" | "positiveBgDark" | "positiveBgDarkest" | "positiveLight" | "positive" | "positiveDark" | "positiveText" | "positiveContrast" | "cautionBg" | "cautionBgDark" | "cautionBgDarkest" | "cautionLight" | "caution" | "cautionDark" | "cautionText" | "cautionContrast" | "criticalBg" | "criticalBgDark" | "criticalBgDarkest" | "criticalLight" | "critical" | "criticalDark" | "criticalText" | "criticalContrast" | "neutralBg" | "neutralBgDark" | "neutralBgDarkest" | "neutralLight" | "neutral" | "neutralDark" | "neutralText" | "neutralContrast" | "surfaceBg" | "surfaceBgDarkest" | "surfaceText" | "surfaceTextLight" | "surfaceTextDisabled" | undefined;
+    background?: "brandBg" | "brandBgDark" | "brandBgDarkest" | "brandLight" | "brand" | "brandDark" | "brandText" | "brandContrast" | "brandAccentBg" | "brandAccentBgDark" | "brandAccentBgDarkest" | "brandAccentLight" | "brandAccent" | "brandAccentDark" | "brandAccentText" | "brandAccentContrast" | "highlightBg" | "highlightBgDark" | "highlightBgDarkest" | "highlightLight" | "highlight" | "highlightDark" | "highlightText" | "highlightContrast" | "infoBg" | "infoBgDark" | "infoBgDarkest" | "infoLight" | "info" | "infoDark" | "infoText" | "infoContrast" | "positiveBg" | "positiveBgDark" | "positiveBgDarkest" | "positiveLight" | "positive" | "positiveDark" | "positiveText" | "positiveContrast" | "cautionBg" | "cautionBgDark" | "cautionBgDarkest" | "cautionLight" | "caution" | "cautionDark" | "cautionText" | "cautionContrast" | "criticalBg" | "criticalBgDark" | "criticalBgDarkest" | "criticalLight" | "critical" | "criticalDark" | "criticalText" | "criticalContrast" | "neutralBg" | "neutralBgDark" | "neutralBgDarkest" | "neutralLight" | "neutral" | "neutralDark" | "neutralText" | "neutralContrast" | "surfaceBg" | "surfaceBgDarkest" | "surfaceText" | "surfaceTextLight" | "surfaceTextDisabled" | undefined;
+}) => string) & {
+    properties: Set<"background" | "color" | "lineHeight" | "alignItems" | "columnGap" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "borderRadius" | "padding" | "paddingX" | "paddingY">;
+};
 export type Sprinkles = Parameters<typeof sprinkles>[0];
 export {};
 //# sourceMappingURL=sprinkles.css.d.ts.map