@qasa/qds-ui 0.6.0 → 0.7.1

package/dist/esm/types/components/paragraph/paragraph.d.ts

@@ -195,6 +195,7 @@ declare const getSizeStyles: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -211,6 +212,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;
@@ -227,6 +252,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: {
@@ -325,6 +366,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;

package/dist/esm/types/hooks/use-breakpoint.d.ts

@@ -1,11 +1,9 @@
 export 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;
 }
@@ -13,5 +11,5 @@ export interface UseBreakpointOptions {
  * Hook for getting the current breakpoint.
  */
 export declare function useBreakpoint(params?: UseBreakpointOptions): {
-    currentBreakpoint: "2xl" | "base" | "lg" | "md" | "sm" | "xl";
+    currentBreakpoint: "2xl" | "base" | "xl" | "lg" | "md" | "sm";
 };

package/dist/esm/types/styles/common-styles.d.ts

@@ -192,6 +192,7 @@ export declare const getFormFieldBaseStyles: (theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -208,6 +209,30 @@ export 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;
@@ -224,6 +249,22 @@ export 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: {
@@ -322,6 +363,22 @@ export 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;

package/dist/esm/types/theme/foundations/index.d.ts

@@ -197,6 +197,7 @@ export declare const foundations: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -213,6 +214,30 @@ export declare const foundations: {
     };
     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;
@@ -229,6 +254,22 @@ export declare const foundations: {
                 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: {
@@ -327,6 +368,22 @@ export declare const foundations: {
                 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;

package/dist/esm/types/theme/foundations/radius.d.ts

@@ -1,5 +1,6 @@
 export declare const radii: {
     none: string;
+    '2xs': string;
     xs: string;
     sm: string;
     md: string;

package/dist/esm/types/theme/foundations/typography.d.ts

@@ -1,5 +1,29 @@
 export declare const 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;
@@ -16,6 +40,22 @@ export declare const typography: {
             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: {
@@ -114,6 +154,22 @@ export declare const typography: {
             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;

package/dist/esm/types/theme/theme-tools.d.ts

@@ -15,6 +15,30 @@ export interface ThemeOverrides {
 export 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;
@@ -31,6 +55,22 @@ export 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: {
@@ -129,6 +169,22 @@ export 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;
@@ -339,6 +395,7 @@ export declare const overrideTheme: (overrides: ThemeOverrides) => {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;

package/dist/esm/types/theme/theme.d.ts

@@ -192,6 +192,7 @@ export declare const theme: {
     };
     radii: {
         none: string;
+        '2xs': string;
         xs: string;
         sm: string;
         md: string;
@@ -208,6 +209,30 @@ export 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;
@@ -224,6 +249,22 @@ export 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: {
@@ -322,6 +363,22 @@ export 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;