@atom-learning/components 2.52.0 → 2.53.0

package/CHANGELOG.md

@@ -1,22 +1,14 @@
-# [2.52.0](https://github.com/Atom-Learning/components/compare/v2.51.0...v2.52.0) (2023-05-05)
+# [2.53.0](https://github.com/Atom-Learning/components/compare/v2.52.0...v2.53.0) (2023-05-05)
 
 
 ### Bug Fixes
 
-* debounce is necessary for tabs or endless url update loop glitch ([9ccb612](https://github.com/Atom-Learning/components/commit/9ccb6123019f96377b7f4a4973d9359311773a71))
-* design fix stretch cards to height 100% ([51412ae](https://github.com/Atom-Learning/components/commit/51412ae7155b5a50a0c15a4a01efdf73c237545f))
-* design tweaks ([cb2c9b1](https://github.com/Atom-Learning/components/commit/cb2c9b18327d1340c0ecd4354922f6e6f8412a94))
-* overflow in Tile in Cards ([f13c185](https://github.com/Atom-Learning/components/commit/f13c18553e5ce1e34256d6418a7cc0c31d271dca))
+* snapshot Sidedrawer ([cb74fbc](https://github.com/Atom-Learning/components/commit/cb74fbcfa02fc86e37de56a6af60bbd76216beec))
 
 
 ### Features
 
-* explicitely add debounce to updateQueryParams on CMS tab change and comment ([2d8f2ff](https://github.com/Atom-Learning/components/commit/2d8f2ffb0205c56f0ab7333e82e32744a9a532bd))
-* minor but make sure the Image used for the logo has a pointer cursor ([50c8aa0](https://github.com/Atom-Learning/components/commit/50c8aa0d1ad6e224f5108503ec9341f73650955a))
-* replace Box wrapper in Card and DosAndDonts with Tile ([7487c6c](https://github.com/Atom-Learning/components/commit/7487c6c54d842506f7d5974721a8bc1a18cd465b))
-* stack Cards filter chips ([9b46a13](https://github.com/Atom-Learning/components/commit/9b46a13b1163003b39f81ef94935ffa65b71f22b))
-* store selected tab in the url in documentation site ([31ad7ed](https://github.com/Atom-Learning/components/commit/31ad7ed0628b2bf96e3f1b321007d43f8c945746))
-* useQueryParams ([5c26901](https://github.com/Atom-Learning/components/commit/5c269019d1f2b2aeedcf5274ab5c1a8d756f0152))
+* use themeMap in stitches to enable aspect ratio tokens ([b0a4c00](https://github.com/Atom-Learning/components/commit/b0a4c003bb6f46e110f5a5a8e13c8cbd794337f1))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/accordion/Accordion.d.ts

@@ -160,6 +160,13 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/accordion/AccordionContent.d.ts

@@ -157,6 +157,13 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/accordion/AccordionItem.d.ts

@@ -157,6 +157,13 @@ declare const StyledItem: import("@stitches/react/types/styled-component").Style
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/accordion/AccordionTrigger.d.ts

@@ -158,6 +158,13 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/action-icon/ActionIcon.d.ts

@@ -165,6 +165,13 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/alert-dialog/AlertDialog.d.ts

@@ -159,6 +159,13 @@ declare const StyledAlertDialog: import("@stitches/react/types/styled-component"
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/alert-dialog/AlertDialogContent.d.ts

@@ -159,6 +159,13 @@ declare const StyledAlertDialogContent: import("@stitches/react/types/styled-com
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/avatar/Avatar.d.ts

@@ -163,6 +163,13 @@ declare const StyledDiv: import("@stitches/react/types/styled-component").Styled
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -378,6 +385,13 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/badge/Badge.d.ts

@@ -157,6 +157,13 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -372,6 +379,13 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/banner/BannerContainer.d.ts

@@ -157,6 +157,13 @@ export declare const BannerContainer: import("@stitches/react/types/styled-compo
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -372,6 +379,13 @@ export declare const BannerContainer: import("@stitches/react/types/styled-compo
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/banner/banner-regular/BannerRegularContent.d.ts

@@ -157,6 +157,13 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -371,6 +378,13 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/box/Box.d.ts

@@ -156,6 +156,13 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/button/Button.d.ts

@@ -166,6 +166,13 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/calendar/Day.d.ts

@@ -160,6 +160,13 @@ export declare const Day: import("@stitches/react/types/styled-component").Style
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/carousel/CarouselPagination.d.ts

@@ -157,6 +157,13 @@ export declare const CarouselPagination: import("@stitches/react/types/styled-co
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/carousel/CarouselSlide.d.ts

@@ -157,6 +157,13 @@ declare const StyledSlide: import("@stitches/react/types/styled-component").Styl
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/carousel/CarouselSlider.d.ts

@@ -159,6 +159,13 @@ export declare const CarouselSlider: import("@stitches/react/types/styled-compon
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/checkbox/Checkbox.d.ts

@@ -160,6 +160,13 @@ declare const StyledCheckbox: import("@stitches/react/types/styled-component").S
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/chip/Chip.d.ts

@@ -158,6 +158,13 @@ export declare const StyledChipContent: import("@stitches/react/types/styled-com
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -376,6 +383,13 @@ export declare const StyledChipIcon: import("@stitches/react/types/styled-compon
             "2": any;
             "3": any;
         };
+        ratios: {
+            "16-9": any;
+            "3-2": any;
+            "4-3": any;
+            "1-1": any;
+            "3-4": any;
+        };
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
             background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -592,6 +606,13 @@ export declare const StyledChipIcon: import("@stitches/react/types/styled-compon
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -810,6 +831,13 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -1024,6 +1052,13 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -1242,6 +1277,13 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.Detaile
             "2": any;
             "3": any;
         };
+        ratios: {
+            "16-9": any;
+            "3-2": any;
+            "4-3": any;
+            "1-1": any;
+            "3-4": any;
+        };
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
             background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -1458,6 +1500,13 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Pick<React.Detaile
             "2": any;
             "3": any;
         };
+        ratios: {
+            "16-9": any;
+            "3-2": any;
+            "4-3": any;
+            "1-1": any;
+            "3-4": any;
+        };
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
             background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts

@@ -168,6 +168,13 @@ declare const StyledChipDismissibleGroupItem: import("@stitches/react/types/styl
                 "2": any;
                 "3": any;
             };
+            ratios: {
+                "16-9": any;
+                "3-2": any;
+                "4-3": any;
+                "1-1": any;
+                "3-4": any;
+            };
         }, import("@stitches/react/types/config").DefaultThemeMap, {
             bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
                 background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -385,6 +392,13 @@ declare const StyledChipDismissibleGroupItem: import("@stitches/react/types/styl
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts

@@ -168,6 +168,13 @@ declare const StyledChipToggleGroupItem: import("@stitches/react/types/styled-co
                 "2": any;
                 "3": any;
             };
+            ratios: {
+                "16-9": any;
+                "3-2": any;
+                "4-3": any;
+                "1-1": any;
+                "3-4": any;
+            };
         }, import("@stitches/react/types/config").DefaultThemeMap, {
             bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
                 background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -385,6 +392,13 @@ declare const StyledChipToggleGroupItem: import("@stitches/react/types/styled-co
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts

@@ -169,6 +169,13 @@ export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
             "2": any;
             "3": any;
         };
+        ratios: {
+            "16-9": any;
+            "3-2": any;
+            "4-3": any;
+            "1-1": any;
+            "3-4": any;
+        };
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
             background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
@@ -396,6 +403,13 @@ export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
             "2": any;
             "3": any;
         };
+        ratios: {
+            "16-9": any;
+            "3-2": any;
+            "4-3": any;
+            "1-1": any;
+            "3-4": any;
+        };
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
             background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/combobox/Combobox.d.ts

@@ -162,6 +162,13 @@ declare const StyledCombobox: import("@stitches/react/types/styled-component").S
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/combobox/ComboboxInput.d.ts

@@ -158,6 +158,13 @@ export declare const ComboboxInput: import("@stitches/react/types/styled-compone
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/combobox/ComboboxList.d.ts

@@ -156,6 +156,13 @@ export declare const ComboboxList: import("@stitches/react/types/styled-componen
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/combobox/ComboboxOption.d.ts

@@ -156,6 +156,13 @@ export declare const ComboboxOption: import("@stitches/react/types/styled-compon
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/combobox/ComboboxPopover.d.ts

@@ -156,6 +156,13 @@ export declare const ComboboxPopover: import("@stitches/react/types/styled-compo
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/data-table/DataTableLoading.d.ts

@@ -161,6 +161,13 @@ declare const PendingState: import("@stitches/react/types/styled-component").Sty
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;

package/dist/components/data-table/pagination/Pagination.d.ts

@@ -157,6 +157,13 @@ declare const StyledNav: import("@stitches/react/types/styled-component").Styled
         "2": any;
         "3": any;
     };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
         background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;