@qasa/qds-ui 0.6.0 → 0.7.1

package/dist/index.d.ts

@@ -198,6 +198,7 @@ declare const theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -214,6 +215,30 @@ declare const theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -230,6 +255,22 @@ declare const theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -328,6 +369,22 @@ declare const theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -368,6 +425,30 @@ interface ThemeOverrides {
 declare const overrideTheme: (overrides: ThemeOverrides) => {
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -384,6 +465,22 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -482,6 +579,22 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -692,6 +805,7 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -964,6 +1078,7 @@ declare const getFormFieldBaseStyles: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -980,6 +1095,30 @@ declare const getFormFieldBaseStyles: (theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -996,6 +1135,22 @@ declare const getFormFieldBaseStyles: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -1094,6 +1249,22 @@ declare const getFormFieldBaseStyles: (theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -1391,6 +1562,7 @@ declare const getSizeStyles$6: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -1407,6 +1579,30 @@ declare const getSizeStyles$6: (theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -1423,6 +1619,22 @@ declare const getSizeStyles$6: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -1521,6 +1733,22 @@ declare const getSizeStyles$6: (theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -1788,6 +2016,7 @@ declare const getVariantStyles$1: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -1804,6 +2033,30 @@ declare const getVariantStyles$1: (theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -1820,6 +2073,22 @@ declare const getVariantStyles$1: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -1918,6 +2187,22 @@ declare const getVariantStyles$1: (theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -2224,6 +2509,7 @@ declare const getSizeStyles$5: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -2240,6 +2526,30 @@ declare const getSizeStyles$5: (theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -2256,6 +2566,22 @@ declare const getSizeStyles$5: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -2289,16 +2615,10 @@ declare const getSizeStyles$5: (theme: {
             '2xs': {
                 fontFamily: string;
                 fontWeight: string;
-                /**
-                 * Truncates the heading after a specific number of lines
-                 */
                 fontSize: string;
                 lineHeight: string;
                 letterSpacing: string;
-            }; /**
-             * Alignment of the heading
-             * @default 'left'
-             */
+            };
             '3xs': {
                 fontFamily: string;
                 fontWeight: string;
@@ -2360,6 +2680,22 @@ declare const getSizeStyles$5: (theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -2409,9 +2745,6 @@ declare const getSizeStyles$5: (theme: {
     '2xs': {
         fontFamily: string;
         fontWeight: string;
-        /**
-         * Truncates the heading after a specific number of lines
-         */
         fontSize: string;
         lineHeight: string;
         letterSpacing: string;
@@ -2655,6 +2988,7 @@ declare const getSizeStyles$4: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -2675,6 +3009,30 @@ declare const getSizeStyles$4: (theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -2691,6 +3049,22 @@ declare const getSizeStyles$4: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -2789,6 +3163,22 @@ declare const getSizeStyles$4: (theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -3123,6 +3513,7 @@ declare const getSizeStyles$3: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -3139,6 +3530,30 @@ declare const getSizeStyles$3: (theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -3155,6 +3570,22 @@ declare const getSizeStyles$3: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -3253,6 +3684,22 @@ declare const getSizeStyles$3: (theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -3481,6 +3928,7 @@ declare const getVariantStyles: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -3497,6 +3945,30 @@ declare const getVariantStyles: (theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -3513,6 +3985,22 @@ declare const getVariantStyles: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -3611,6 +4099,22 @@ declare const getVariantStyles: (theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -3971,6 +4475,7 @@ declare const getSizeStyles$2: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -3987,6 +4492,30 @@ declare const getSizeStyles$2: (theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -4003,6 +4532,22 @@ declare const getSizeStyles$2: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -4101,6 +4646,22 @@ declare const getSizeStyles$2: (theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -4359,6 +4920,7 @@ declare const getSizeStyles$1: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -4375,6 +4937,30 @@ declare const getSizeStyles$1: (theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -4391,6 +4977,22 @@ declare const getSizeStyles$1: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -4489,6 +5091,22 @@ declare const getSizeStyles$1: (theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -4716,6 +5334,7 @@ declare const getSizeStyles: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -4732,6 +5351,30 @@ declare const getSizeStyles: (theme: {
     };
     typography: {
         display: {
+            '3xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            '2xl': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xl: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
             lg: {
                 fontFamily: string;
                 fontWeight: string;
@@ -4748,6 +5391,22 @@ declare const getSizeStyles: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
+            xs: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -4846,6 +5505,22 @@ declare const getSizeStyles: (theme: {
                 letterSpacing: string;
             };
         };
+        button: {
+            md: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+            sm: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+            };
+        };
         caption: {
             md: {
                 fontFamily: string;
@@ -5090,12 +5765,10 @@ declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.Re
 
 interface UseBreakpointOptions {
     /**
-     * If `true` the intital value will be `base` instead of the current breakpoint.
-     * This is to support hydration when using SSR.
+     * If `true` the initial value will be `base` instead of the current breakpoint.
+     * This is to support hydration when using server side rendering.
      *
-     * If you're creating a client-side rendered app, you can pass `false` to get the correct value on the first render.
-     *
-     * @default true
+     * @default false
      */
     ssr?: boolean;
 }
@@ -5103,7 +5776,7 @@ interface UseBreakpointOptions {
  * Hook for getting the current breakpoint.
  */
 declare function useBreakpoint(params?: UseBreakpointOptions): {
-    currentBreakpoint: "2xl" | "base" | "lg" | "md" | "sm" | "xl";
+    currentBreakpoint: "2xl" | "base" | "xl" | "lg" | "md" | "sm";
 };
 
 declare type Breakpoints = Theme['breakpoints'];