@utilitywarehouse/hearth-react-native 0.2.0 → 0.3.1

package/build/core/themes.d.ts

@@ -27,6 +27,42 @@ export declare const lightTheme: {
         readonly '4/6': "66.666%";
         readonly '5/6': "83.333%";
         readonly full: DimensionValue;
+        readonly none: 0;
+        readonly '2xs': {
+            readonly base: 2;
+            readonly md: 2;
+            readonly lg: 2;
+        };
+        readonly xs: {
+            readonly base: 4;
+            readonly md: 4;
+            readonly lg: 4;
+        };
+        readonly sm: {
+            readonly base: 8;
+            readonly md: 8;
+            readonly lg: 8;
+        };
+        readonly md: {
+            readonly base: 12;
+            readonly md: 12;
+            readonly lg: 12;
+        };
+        readonly lg: {
+            readonly base: 16;
+            readonly md: 16;
+            readonly lg: 16;
+        };
+        readonly xl: {
+            readonly base: 20;
+            readonly md: 24;
+            readonly lg: 24;
+        };
+        readonly '2xl': {
+            readonly base: 28;
+            readonly md: 28;
+            readonly lg: 40;
+        };
         readonly '0': 0;
         readonly '25': 2;
         readonly '50': 4;
@@ -441,11 +477,14 @@ export declare const lightTheme: {
                 readonly margin: 16;
             };
             readonly spacing: {
-                readonly lg: 20;
-                readonly md: 16;
-                readonly sm: 12;
-                readonly xl: 28;
-                readonly xs: 8;
+                readonly '2xl': 28;
+                readonly '2xs': 2;
+                readonly lg: 16;
+                readonly md: 12;
+                readonly none: 0;
+                readonly sm: 8;
+                readonly xl: 20;
+                readonly xs: 4;
             };
         };
         readonly tablet: {
@@ -467,11 +506,14 @@ export declare const lightTheme: {
                 readonly margin: 32;
             };
             readonly spacing: {
-                readonly lg: 24;
-                readonly md: 16;
-                readonly sm: 12;
-                readonly xl: 28;
-                readonly xs: 8;
+                readonly '2xl': 28;
+                readonly '2xs': 2;
+                readonly lg: 16;
+                readonly md: 12;
+                readonly none: 0;
+                readonly sm: 8;
+                readonly xl: 24;
+                readonly xs: 4;
             };
         };
         readonly desktop: {
@@ -493,11 +535,14 @@ export declare const lightTheme: {
                 readonly margin: 32;
             };
             readonly spacing: {
-                readonly lg: 24;
-                readonly md: 16;
-                readonly sm: 12;
-                readonly xl: 40;
-                readonly xs: 8;
+                readonly '2xl': 40;
+                readonly '2xs': 2;
+                readonly lg: 16;
+                readonly md: 12;
+                readonly none: 0;
+                readonly sm: 8;
+                readonly xl: 24;
+                readonly xs: 4;
             };
         };
     };
@@ -664,36 +709,56 @@ export declare const lightTheme: {
                 };
             };
             readonly space: {
-                readonly none: {};
+                readonly none: {
+                    readonly gap: {
+                        readonly base: 0;
+                        readonly md: 0;
+                        readonly lg: 0;
+                    };
+                };
+                readonly '2xs': {
+                    readonly gap: {
+                        readonly base: 2;
+                        readonly md: 2;
+                        readonly lg: 2;
+                    };
+                };
                 readonly xs: {
+                    readonly gap: {
+                        readonly base: 4;
+                        readonly md: 4;
+                        readonly lg: 4;
+                    };
+                };
+                readonly sm: {
                     readonly gap: {
                         readonly base: 8;
                         readonly md: 8;
                         readonly lg: 8;
                     };
                 };
-                readonly sm: {
+                readonly md: {
                     readonly gap: {
                         readonly base: 12;
                         readonly md: 12;
                         readonly lg: 12;
                     };
                 };
-                readonly md: {
+                readonly lg: {
                     readonly gap: {
                         readonly base: 16;
                         readonly md: 16;
                         readonly lg: 16;
                     };
                 };
-                readonly lg: {
+                readonly xl: {
                     readonly gap: {
                         readonly base: 20;
                         readonly md: 24;
                         readonly lg: 24;
                     };
                 };
-                readonly xl: {
+                readonly '2xl': {
                     readonly gap: {
                         readonly base: 28;
                         readonly md: 28;
@@ -722,55 +787,55 @@ export declare const lightTheme: {
             readonly danger: {
                 readonly border: "#de2612";
                 readonly foreground: {
-                    readonly default: "#fcfbf2";
+                    readonly default: "#101010";
                     readonly subtle: "#de2612";
                 };
                 readonly surface: {
-                    readonly default: "#de2612";
-                    readonly subtle: "#ffccc5";
+                    readonly default: "#ff634a";
+                    readonly subtle: "#ffa89d";
                 };
             };
             readonly functional: {
-                readonly border: "#888888";
+                readonly border: "#5b5b5b";
                 readonly foreground: {
-                    readonly default: "#fcfbf2";
-                    readonly subtle: "#888888";
+                    readonly default: "#101010";
+                    readonly subtle: "#5b5b5b";
                 };
                 readonly surface: {
-                    readonly default: "#888888";
+                    readonly default: "#919191";
                     readonly subtle: "#d3d3d3";
                 };
             };
             readonly info: {
                 readonly border: "#1c6cd4";
                 readonly foreground: {
-                    readonly default: "#fcfbf2";
+                    readonly default: "#101010";
                     readonly subtle: "#1c6cd4";
                 };
                 readonly surface: {
-                    readonly default: "#1c6cd4";
+                    readonly default: "#6bb0ff";
                     readonly subtle: "#bcddff";
                 };
             };
             readonly positive: {
                 readonly border: "#0f834a";
                 readonly foreground: {
-                    readonly default: "#fcfbf2";
+                    readonly default: "#101010";
                     readonly subtle: "#0f834a";
                 };
                 readonly surface: {
-                    readonly default: "#0f834a";
+                    readonly default: "#36bf7d";
                     readonly subtle: "#a2e2c3";
                 };
             };
             readonly warning: {
                 readonly border: "#be5400";
                 readonly foreground: {
-                    readonly default: "#fcfbf2";
+                    readonly default: "#101010";
                     readonly subtle: "#be5400";
                 };
                 readonly surface: {
-                    readonly default: "#be5400";
+                    readonly default: "#ff8010";
                     readonly subtle: "#ffcca8";
                 };
             };
@@ -843,14 +908,14 @@ export declare const lightTheme: {
             };
             readonly functional: {
                 readonly border: {
+                    readonly inverted: "#f7f7f7";
                     readonly strong: "#101010";
                     readonly subtle: "#101010";
-                    readonly inverted: "#f7f7f7";
                 };
                 readonly foreground: {
+                    readonly inverted: "#f7f7f7";
                     readonly strong: "#fcfbf2";
                     readonly subtle: "#101010";
-                    readonly inverted: "#f7f7f7";
                 };
                 readonly surface: {
                     readonly strong: {
@@ -948,9 +1013,11 @@ export declare const lightTheme: {
             };
         };
         readonly text: {
+            readonly affirmative: "#0f834a";
+            readonly brand: "#7a42c8";
             readonly inverted: "#fcfbf2";
             readonly primary: "#101010";
-            readonly secondary: "#888888";
+            readonly secondary: "#5b5b5b";
         };
         readonly blue: {
             readonly '0': "#f8fbff";
@@ -1195,6 +1262,42 @@ export declare const darkTheme: {
         readonly '4/6': "66.666%";
         readonly '5/6': "83.333%";
         readonly full: DimensionValue;
+        readonly none: 0;
+        readonly '2xs': {
+            readonly base: 2;
+            readonly md: 2;
+            readonly lg: 2;
+        };
+        readonly xs: {
+            readonly base: 4;
+            readonly md: 4;
+            readonly lg: 4;
+        };
+        readonly sm: {
+            readonly base: 8;
+            readonly md: 8;
+            readonly lg: 8;
+        };
+        readonly md: {
+            readonly base: 12;
+            readonly md: 12;
+            readonly lg: 12;
+        };
+        readonly lg: {
+            readonly base: 16;
+            readonly md: 16;
+            readonly lg: 16;
+        };
+        readonly xl: {
+            readonly base: 20;
+            readonly md: 24;
+            readonly lg: 24;
+        };
+        readonly '2xl': {
+            readonly base: 28;
+            readonly md: 28;
+            readonly lg: 40;
+        };
         readonly '0': 0;
         readonly '25': 2;
         readonly '50': 4;
@@ -1609,11 +1712,14 @@ export declare const darkTheme: {
                 readonly margin: 16;
             };
             readonly spacing: {
-                readonly lg: 20;
-                readonly md: 16;
-                readonly sm: 12;
-                readonly xl: 28;
-                readonly xs: 8;
+                readonly '2xl': 28;
+                readonly '2xs': 2;
+                readonly lg: 16;
+                readonly md: 12;
+                readonly none: 0;
+                readonly sm: 8;
+                readonly xl: 20;
+                readonly xs: 4;
             };
         };
         readonly tablet: {
@@ -1635,11 +1741,14 @@ export declare const darkTheme: {
                 readonly margin: 32;
             };
             readonly spacing: {
-                readonly lg: 24;
-                readonly md: 16;
-                readonly sm: 12;
-                readonly xl: 28;
-                readonly xs: 8;
+                readonly '2xl': 28;
+                readonly '2xs': 2;
+                readonly lg: 16;
+                readonly md: 12;
+                readonly none: 0;
+                readonly sm: 8;
+                readonly xl: 24;
+                readonly xs: 4;
             };
         };
         readonly desktop: {
@@ -1661,11 +1770,14 @@ export declare const darkTheme: {
                 readonly margin: 32;
             };
             readonly spacing: {
-                readonly lg: 24;
-                readonly md: 16;
-                readonly sm: 12;
-                readonly xl: 40;
-                readonly xs: 8;
+                readonly '2xl': 40;
+                readonly '2xs': 2;
+                readonly lg: 16;
+                readonly md: 12;
+                readonly none: 0;
+                readonly sm: 8;
+                readonly xl: 24;
+                readonly xs: 4;
             };
         };
     };
@@ -1832,36 +1944,56 @@ export declare const darkTheme: {
                 };
             };
             readonly space: {
-                readonly none: {};
+                readonly none: {
+                    readonly gap: {
+                        readonly base: 0;
+                        readonly md: 0;
+                        readonly lg: 0;
+                    };
+                };
+                readonly '2xs': {
+                    readonly gap: {
+                        readonly base: 2;
+                        readonly md: 2;
+                        readonly lg: 2;
+                    };
+                };
                 readonly xs: {
+                    readonly gap: {
+                        readonly base: 4;
+                        readonly md: 4;
+                        readonly lg: 4;
+                    };
+                };
+                readonly sm: {
                     readonly gap: {
                         readonly base: 8;
                         readonly md: 8;
                         readonly lg: 8;
                     };
                 };
-                readonly sm: {
+                readonly md: {
                     readonly gap: {
                         readonly base: 12;
                         readonly md: 12;
                         readonly lg: 12;
                     };
                 };
-                readonly md: {
+                readonly lg: {
                     readonly gap: {
                         readonly base: 16;
                         readonly md: 16;
                         readonly lg: 16;
                     };
                 };
-                readonly lg: {
+                readonly xl: {
                     readonly gap: {
                         readonly base: 20;
                         readonly md: 24;
                         readonly lg: 24;
                     };
                 };
-                readonly xl: {
+                readonly '2xl': {
                     readonly gap: {
                         readonly base: 28;
                         readonly md: 28;
@@ -1878,7 +2010,7 @@ export declare const darkTheme: {
         readonly white: "#ffffff";
         readonly black: "#000000";
         readonly background: {
-            readonly brand: "#996cda";
+            readonly brand: "#7a42c8";
             readonly primary: "#191917";
             readonly secondary: "#232323";
         };
@@ -1890,56 +2022,56 @@ export declare const darkTheme: {
             readonly danger: {
                 readonly border: "#ff7964";
                 readonly foreground: {
-                    readonly default: "#fcfbf2";
+                    readonly default: "#101010";
                     readonly subtle: "#ff7964";
                 };
                 readonly surface: {
-                    readonly default: "#de2612";
-                    readonly subtle: "#521a16";
+                    readonly default: "#ff634a";
+                    readonly subtle: "#ffa89d";
                 };
             };
             readonly functional: {
                 readonly border: "#b2afae";
                 readonly foreground: {
-                    readonly default: "#fcfbf2";
+                    readonly default: "#101010";
                     readonly subtle: "#b2afae";
                 };
                 readonly surface: {
-                    readonly default: "#888888";
-                    readonly subtle: "#232323";
+                    readonly default: "#919191";
+                    readonly subtle: "#d3d3d3";
                 };
             };
             readonly info: {
                 readonly border: "#6bb0ff";
                 readonly foreground: {
-                    readonly default: "#fcfbf2";
+                    readonly default: "#101010";
                     readonly subtle: "#6bb0ff";
                 };
                 readonly surface: {
-                    readonly default: "#1c6cd4";
-                    readonly subtle: "#042455";
+                    readonly default: "#6bb0ff";
+                    readonly subtle: "#bcddff";
                 };
             };
             readonly positive: {
                 readonly border: "#58ca93";
                 readonly foreground: {
-                    readonly default: "#fcfbf2";
+                    readonly default: "#101010";
                     readonly subtle: "#58ca93";
                 };
                 readonly surface: {
-                    readonly default: "#0f834a";
-                    readonly subtle: "#033d21";
+                    readonly default: "#36bf7d";
+                    readonly subtle: "#a2e2c3";
                 };
             };
             readonly warning: {
                 readonly border: "#ff9639";
                 readonly foreground: {
-                    readonly default: "#fcfbf2";
+                    readonly default: "#101010";
                     readonly subtle: "#ff9639";
                 };
                 readonly surface: {
-                    readonly default: "#cb5b00";
-                    readonly subtle: "#6b2d00";
+                    readonly default: "#ff8010";
+                    readonly subtle: "#ffcca8";
                 };
             };
         };
@@ -1954,7 +2086,7 @@ export declare const darkTheme: {
         readonly interactive: {
             readonly affirmative: {
                 readonly border: {
-                    readonly strong: "#ebebeb";
+                    readonly strong: "#101010";
                     readonly subtle: "#58ca93";
                 };
                 readonly foreground: {
@@ -1990,7 +2122,7 @@ export declare const darkTheme: {
             };
             readonly destructive: {
                 readonly border: {
-                    readonly strong: "#ebebeb";
+                    readonly strong: "#101010";
                     readonly subtle: "#ff7964";
                 };
                 readonly foreground: {
@@ -2011,14 +2143,14 @@ export declare const darkTheme: {
             };
             readonly functional: {
                 readonly border: {
+                    readonly inverted: "#f7f7f7";
                     readonly strong: "#ebebeb";
                     readonly subtle: "#ebebeb";
-                    readonly inverted: "#f7f7f7";
                 };
                 readonly foreground: {
+                    readonly inverted: "#f7f7f7";
                     readonly strong: "#fcfbf2";
                     readonly subtle: "#ebebeb";
-                    readonly inverted: "#f7f7f7";
                 };
                 readonly surface: {
                     readonly strong: {
@@ -2030,15 +2162,15 @@ export declare const darkTheme: {
                         readonly active: "#4c4c4c";
                         readonly hover: "#3a3837";
                         readonly inverted: {
-                            readonly active: "#d3d3d3";
-                            readonly hover: "#ebebeb";
+                            readonly active: "#3a3837";
+                            readonly hover: "#3f3f3f";
                         };
                     };
                 };
             };
             readonly highlight: {
                 readonly border: {
-                    readonly strong: "#f7f7f7";
+                    readonly strong: "#101010";
                 };
                 readonly foreground: {
                     readonly strong: "#101010";
@@ -2116,7 +2248,9 @@ export declare const darkTheme: {
             };
         };
         readonly text: {
-            readonly inverted: "#191917";
+            readonly affirmative: "#58ca93";
+            readonly brand: "#af90de";
+            readonly inverted: "#fcfbf2";
             readonly primary: "#ebebeb";
             readonly secondary: "#b2afae";
         };
@@ -2364,6 +2498,42 @@ export declare const themes: {
             readonly '4/6': "66.666%";
             readonly '5/6': "83.333%";
             readonly full: DimensionValue;
+            readonly none: 0;
+            readonly '2xs': {
+                readonly base: 2;
+                readonly md: 2;
+                readonly lg: 2;
+            };
+            readonly xs: {
+                readonly base: 4;
+                readonly md: 4;
+                readonly lg: 4;
+            };
+            readonly sm: {
+                readonly base: 8;
+                readonly md: 8;
+                readonly lg: 8;
+            };
+            readonly md: {
+                readonly base: 12;
+                readonly md: 12;
+                readonly lg: 12;
+            };
+            readonly lg: {
+                readonly base: 16;
+                readonly md: 16;
+                readonly lg: 16;
+            };
+            readonly xl: {
+                readonly base: 20;
+                readonly md: 24;
+                readonly lg: 24;
+            };
+            readonly '2xl': {
+                readonly base: 28;
+                readonly md: 28;
+                readonly lg: 40;
+            };
             readonly '0': 0;
             readonly '25': 2;
             readonly '50': 4;
@@ -2778,11 +2948,14 @@ export declare const themes: {
                     readonly margin: 16;
                 };
                 readonly spacing: {
-                    readonly lg: 20;
-                    readonly md: 16;
-                    readonly sm: 12;
-                    readonly xl: 28;
-                    readonly xs: 8;
+                    readonly '2xl': 28;
+                    readonly '2xs': 2;
+                    readonly lg: 16;
+                    readonly md: 12;
+                    readonly none: 0;
+                    readonly sm: 8;
+                    readonly xl: 20;
+                    readonly xs: 4;
                 };
             };
             readonly tablet: {
@@ -2804,11 +2977,14 @@ export declare const themes: {
                     readonly margin: 32;
                 };
                 readonly spacing: {
-                    readonly lg: 24;
-                    readonly md: 16;
-                    readonly sm: 12;
-                    readonly xl: 28;
-                    readonly xs: 8;
+                    readonly '2xl': 28;
+                    readonly '2xs': 2;
+                    readonly lg: 16;
+                    readonly md: 12;
+                    readonly none: 0;
+                    readonly sm: 8;
+                    readonly xl: 24;
+                    readonly xs: 4;
                 };
             };
             readonly desktop: {
@@ -2830,11 +3006,14 @@ export declare const themes: {
                     readonly margin: 32;
                 };
                 readonly spacing: {
-                    readonly lg: 24;
-                    readonly md: 16;
-                    readonly sm: 12;
-                    readonly xl: 40;
-                    readonly xs: 8;
+                    readonly '2xl': 40;
+                    readonly '2xs': 2;
+                    readonly lg: 16;
+                    readonly md: 12;
+                    readonly none: 0;
+                    readonly sm: 8;
+                    readonly xl: 24;
+                    readonly xs: 4;
                 };
             };
         };
@@ -3001,36 +3180,56 @@ export declare const themes: {
                     };
                 };
                 readonly space: {
-                    readonly none: {};
+                    readonly none: {
+                        readonly gap: {
+                            readonly base: 0;
+                            readonly md: 0;
+                            readonly lg: 0;
+                        };
+                    };
+                    readonly '2xs': {
+                        readonly gap: {
+                            readonly base: 2;
+                            readonly md: 2;
+                            readonly lg: 2;
+                        };
+                    };
                     readonly xs: {
+                        readonly gap: {
+                            readonly base: 4;
+                            readonly md: 4;
+                            readonly lg: 4;
+                        };
+                    };
+                    readonly sm: {
                         readonly gap: {
                             readonly base: 8;
                             readonly md: 8;
                             readonly lg: 8;
                         };
                     };
-                    readonly sm: {
+                    readonly md: {
                         readonly gap: {
                             readonly base: 12;
                             readonly md: 12;
                             readonly lg: 12;
                         };
                     };
-                    readonly md: {
+                    readonly lg: {
                         readonly gap: {
                             readonly base: 16;
                             readonly md: 16;
                             readonly lg: 16;
                         };
                     };
-                    readonly lg: {
+                    readonly xl: {
                         readonly gap: {
                             readonly base: 20;
                             readonly md: 24;
                             readonly lg: 24;
                         };
                     };
-                    readonly xl: {
+                    readonly '2xl': {
                         readonly gap: {
                             readonly base: 28;
                             readonly md: 28;
@@ -3059,55 +3258,55 @@ export declare const themes: {
                 readonly danger: {
                     readonly border: "#de2612";
                     readonly foreground: {
-                        readonly default: "#fcfbf2";
+                        readonly default: "#101010";
                         readonly subtle: "#de2612";
                     };
                     readonly surface: {
-                        readonly default: "#de2612";
-                        readonly subtle: "#ffccc5";
+                        readonly default: "#ff634a";
+                        readonly subtle: "#ffa89d";
                     };
                 };
                 readonly functional: {
-                    readonly border: "#888888";
+                    readonly border: "#5b5b5b";
                     readonly foreground: {
-                        readonly default: "#fcfbf2";
-                        readonly subtle: "#888888";
+                        readonly default: "#101010";
+                        readonly subtle: "#5b5b5b";
                     };
                     readonly surface: {
-                        readonly default: "#888888";
+                        readonly default: "#919191";
                         readonly subtle: "#d3d3d3";
                     };
                 };
                 readonly info: {
                     readonly border: "#1c6cd4";
                     readonly foreground: {
-                        readonly default: "#fcfbf2";
+                        readonly default: "#101010";
                         readonly subtle: "#1c6cd4";
                     };
                     readonly surface: {
-                        readonly default: "#1c6cd4";
+                        readonly default: "#6bb0ff";
                         readonly subtle: "#bcddff";
                     };
                 };
                 readonly positive: {
                     readonly border: "#0f834a";
                     readonly foreground: {
-                        readonly default: "#fcfbf2";
+                        readonly default: "#101010";
                         readonly subtle: "#0f834a";
                     };
                     readonly surface: {
-                        readonly default: "#0f834a";
+                        readonly default: "#36bf7d";
                         readonly subtle: "#a2e2c3";
                     };
                 };
                 readonly warning: {
                     readonly border: "#be5400";
                     readonly foreground: {
-                        readonly default: "#fcfbf2";
+                        readonly default: "#101010";
                         readonly subtle: "#be5400";
                     };
                     readonly surface: {
-                        readonly default: "#be5400";
+                        readonly default: "#ff8010";
                         readonly subtle: "#ffcca8";
                     };
                 };
@@ -3180,14 +3379,14 @@ export declare const themes: {
                 };
                 readonly functional: {
                     readonly border: {
+                        readonly inverted: "#f7f7f7";
                         readonly strong: "#101010";
                         readonly subtle: "#101010";
-                        readonly inverted: "#f7f7f7";
                     };
                     readonly foreground: {
+                        readonly inverted: "#f7f7f7";
                         readonly strong: "#fcfbf2";
                         readonly subtle: "#101010";
-                        readonly inverted: "#f7f7f7";
                     };
                     readonly surface: {
                         readonly strong: {
@@ -3285,9 +3484,11 @@ export declare const themes: {
                 };
             };
             readonly text: {
+                readonly affirmative: "#0f834a";
+                readonly brand: "#7a42c8";
                 readonly inverted: "#fcfbf2";
                 readonly primary: "#101010";
-                readonly secondary: "#888888";
+                readonly secondary: "#5b5b5b";
             };
             readonly blue: {
                 readonly '0': "#f8fbff";
@@ -3532,6 +3733,42 @@ export declare const themes: {
             readonly '4/6': "66.666%";
             readonly '5/6': "83.333%";
             readonly full: DimensionValue;
+            readonly none: 0;
+            readonly '2xs': {
+                readonly base: 2;
+                readonly md: 2;
+                readonly lg: 2;
+            };
+            readonly xs: {
+                readonly base: 4;
+                readonly md: 4;
+                readonly lg: 4;
+            };
+            readonly sm: {
+                readonly base: 8;
+                readonly md: 8;
+                readonly lg: 8;
+            };
+            readonly md: {
+                readonly base: 12;
+                readonly md: 12;
+                readonly lg: 12;
+            };
+            readonly lg: {
+                readonly base: 16;
+                readonly md: 16;
+                readonly lg: 16;
+            };
+            readonly xl: {
+                readonly base: 20;
+                readonly md: 24;
+                readonly lg: 24;
+            };
+            readonly '2xl': {
+                readonly base: 28;
+                readonly md: 28;
+                readonly lg: 40;
+            };
             readonly '0': 0;
             readonly '25': 2;
             readonly '50': 4;
@@ -3946,11 +4183,14 @@ export declare const themes: {
                     readonly margin: 16;
                 };
                 readonly spacing: {
-                    readonly lg: 20;
-                    readonly md: 16;
-                    readonly sm: 12;
-                    readonly xl: 28;
-                    readonly xs: 8;
+                    readonly '2xl': 28;
+                    readonly '2xs': 2;
+                    readonly lg: 16;
+                    readonly md: 12;
+                    readonly none: 0;
+                    readonly sm: 8;
+                    readonly xl: 20;
+                    readonly xs: 4;
                 };
             };
             readonly tablet: {
@@ -3972,11 +4212,14 @@ export declare const themes: {
                     readonly margin: 32;
                 };
                 readonly spacing: {
-                    readonly lg: 24;
-                    readonly md: 16;
-                    readonly sm: 12;
-                    readonly xl: 28;
-                    readonly xs: 8;
+                    readonly '2xl': 28;
+                    readonly '2xs': 2;
+                    readonly lg: 16;
+                    readonly md: 12;
+                    readonly none: 0;
+                    readonly sm: 8;
+                    readonly xl: 24;
+                    readonly xs: 4;
                 };
             };
             readonly desktop: {
@@ -3998,11 +4241,14 @@ export declare const themes: {
                     readonly margin: 32;
                 };
                 readonly spacing: {
-                    readonly lg: 24;
-                    readonly md: 16;
-                    readonly sm: 12;
-                    readonly xl: 40;
-                    readonly xs: 8;
+                    readonly '2xl': 40;
+                    readonly '2xs': 2;
+                    readonly lg: 16;
+                    readonly md: 12;
+                    readonly none: 0;
+                    readonly sm: 8;
+                    readonly xl: 24;
+                    readonly xs: 4;
                 };
             };
         };
@@ -4169,36 +4415,56 @@ export declare const themes: {
                     };
                 };
                 readonly space: {
-                    readonly none: {};
+                    readonly none: {
+                        readonly gap: {
+                            readonly base: 0;
+                            readonly md: 0;
+                            readonly lg: 0;
+                        };
+                    };
+                    readonly '2xs': {
+                        readonly gap: {
+                            readonly base: 2;
+                            readonly md: 2;
+                            readonly lg: 2;
+                        };
+                    };
                     readonly xs: {
+                        readonly gap: {
+                            readonly base: 4;
+                            readonly md: 4;
+                            readonly lg: 4;
+                        };
+                    };
+                    readonly sm: {
                         readonly gap: {
                             readonly base: 8;
                             readonly md: 8;
                             readonly lg: 8;
                         };
                     };
-                    readonly sm: {
+                    readonly md: {
                         readonly gap: {
                             readonly base: 12;
                             readonly md: 12;
                             readonly lg: 12;
                         };
                     };
-                    readonly md: {
+                    readonly lg: {
                         readonly gap: {
                             readonly base: 16;
                             readonly md: 16;
                             readonly lg: 16;
                         };
                     };
-                    readonly lg: {
+                    readonly xl: {
                         readonly gap: {
                             readonly base: 20;
                             readonly md: 24;
                             readonly lg: 24;
                         };
                     };
-                    readonly xl: {
+                    readonly '2xl': {
                         readonly gap: {
                             readonly base: 28;
                             readonly md: 28;
@@ -4215,7 +4481,7 @@ export declare const themes: {
             readonly white: "#ffffff";
             readonly black: "#000000";
             readonly background: {
-                readonly brand: "#996cda";
+                readonly brand: "#7a42c8";
                 readonly primary: "#191917";
                 readonly secondary: "#232323";
             };
@@ -4227,56 +4493,56 @@ export declare const themes: {
                 readonly danger: {
                     readonly border: "#ff7964";
                     readonly foreground: {
-                        readonly default: "#fcfbf2";
+                        readonly default: "#101010";
                         readonly subtle: "#ff7964";
                     };
                     readonly surface: {
-                        readonly default: "#de2612";
-                        readonly subtle: "#521a16";
+                        readonly default: "#ff634a";
+                        readonly subtle: "#ffa89d";
                     };
                 };
                 readonly functional: {
                     readonly border: "#b2afae";
                     readonly foreground: {
-                        readonly default: "#fcfbf2";
+                        readonly default: "#101010";
                         readonly subtle: "#b2afae";
                     };
                     readonly surface: {
-                        readonly default: "#888888";
-                        readonly subtle: "#232323";
+                        readonly default: "#919191";
+                        readonly subtle: "#d3d3d3";
                     };
                 };
                 readonly info: {
                     readonly border: "#6bb0ff";
                     readonly foreground: {
-                        readonly default: "#fcfbf2";
+                        readonly default: "#101010";
                         readonly subtle: "#6bb0ff";
                     };
                     readonly surface: {
-                        readonly default: "#1c6cd4";
-                        readonly subtle: "#042455";
+                        readonly default: "#6bb0ff";
+                        readonly subtle: "#bcddff";
                     };
                 };
                 readonly positive: {
                     readonly border: "#58ca93";
                     readonly foreground: {
-                        readonly default: "#fcfbf2";
+                        readonly default: "#101010";
                         readonly subtle: "#58ca93";
                     };
                     readonly surface: {
-                        readonly default: "#0f834a";
-                        readonly subtle: "#033d21";
+                        readonly default: "#36bf7d";
+                        readonly subtle: "#a2e2c3";
                     };
                 };
                 readonly warning: {
                     readonly border: "#ff9639";
                     readonly foreground: {
-                        readonly default: "#fcfbf2";
+                        readonly default: "#101010";
                         readonly subtle: "#ff9639";
                     };
                     readonly surface: {
-                        readonly default: "#cb5b00";
-                        readonly subtle: "#6b2d00";
+                        readonly default: "#ff8010";
+                        readonly subtle: "#ffcca8";
                     };
                 };
             };
@@ -4291,7 +4557,7 @@ export declare const themes: {
             readonly interactive: {
                 readonly affirmative: {
                     readonly border: {
-                        readonly strong: "#ebebeb";
+                        readonly strong: "#101010";
                         readonly subtle: "#58ca93";
                     };
                     readonly foreground: {
@@ -4327,7 +4593,7 @@ export declare const themes: {
                 };
                 readonly destructive: {
                     readonly border: {
-                        readonly strong: "#ebebeb";
+                        readonly strong: "#101010";
                         readonly subtle: "#ff7964";
                     };
                     readonly foreground: {
@@ -4348,14 +4614,14 @@ export declare const themes: {
                 };
                 readonly functional: {
                     readonly border: {
+                        readonly inverted: "#f7f7f7";
                         readonly strong: "#ebebeb";
                         readonly subtle: "#ebebeb";
-                        readonly inverted: "#f7f7f7";
                     };
                     readonly foreground: {
+                        readonly inverted: "#f7f7f7";
                         readonly strong: "#fcfbf2";
                         readonly subtle: "#ebebeb";
-                        readonly inverted: "#f7f7f7";
                     };
                     readonly surface: {
                         readonly strong: {
@@ -4367,15 +4633,15 @@ export declare const themes: {
                             readonly active: "#4c4c4c";
                             readonly hover: "#3a3837";
                             readonly inverted: {
-                                readonly active: "#d3d3d3";
-                                readonly hover: "#ebebeb";
+                                readonly active: "#3a3837";
+                                readonly hover: "#3f3f3f";
                             };
                         };
                     };
                 };
                 readonly highlight: {
                     readonly border: {
-                        readonly strong: "#f7f7f7";
+                        readonly strong: "#101010";
                     };
                     readonly foreground: {
                         readonly strong: "#101010";
@@ -4453,7 +4719,9 @@ export declare const themes: {
                 };
             };
             readonly text: {
-                readonly inverted: "#191917";
+                readonly affirmative: "#58ca93";
+                readonly brand: "#af90de";
+                readonly inverted: "#fcfbf2";
                 readonly primary: "#ebebeb";
                 readonly secondary: "#b2afae";
             };