@ctlyst.id/voila-ui-core 3.0.0-beta.0 → 3.0.0-beta.2

package/dist/atoms/common.d.ts

@@ -0,0 +1,748 @@
+import * as rainbow_sprinkles from 'rainbow-sprinkles';
+
+declare const commonAtoms: rainbow_sprinkles.SprinklesFn<[{
+    config: {
+        color: {
+            values: {
+                transparent: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blackTypoHigh: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blackTypoMedium: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blackTypoLow: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                whiteTypoHigh: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                whiteTypoMedium: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                whiteTypoLow: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                redSurface1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                redSurface2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellowSurface1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellowSurface2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blueSurface1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blueSurface2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                greenSurface1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                greenSurface2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                redAccent1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                redAccent2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                redAccent3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellowAccent1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellowAccent2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellowAccent3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blueAccent1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blueAccent2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blueAccent3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                greenAccent1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                greenAccent2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                greenAccent3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                red1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                red2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                red3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellow1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellow2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellow3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blue1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blue2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blue3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                green1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                green2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                green3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                primary: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                secondary: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                black: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                white: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                grey1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                grey2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                grey3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                grey4: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: {
+                blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                grey4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "color";
+        };
+        backgroundColor: {
+            values: {
+                transparent: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blackTypoHigh: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blackTypoMedium: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blackTypoLow: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                whiteTypoHigh: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                whiteTypoMedium: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                whiteTypoLow: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                redSurface1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                redSurface2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellowSurface1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellowSurface2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blueSurface1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blueSurface2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                greenSurface1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                greenSurface2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                redAccent1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                redAccent2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                redAccent3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellowAccent1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellowAccent2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellowAccent3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blueAccent1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blueAccent2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blueAccent3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                greenAccent1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                greenAccent2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                greenAccent3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                red1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                red2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                red3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellow1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellow2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                yellow3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blue1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blue2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                blue3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                green1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                green2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                green3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                primary: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                secondary: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                black: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                white: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                grey1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                grey2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                grey3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                grey4: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: {
+                blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                grey4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "backgroundColor";
+        };
+        opacity: {
+            values: {
+                0: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                100: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                30: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                60: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                90: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: {
+                '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '30': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '60': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '90': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "opacity";
+        };
+        textAlign: {
+            values: {
+                left: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                right: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                center: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                justify: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("left" | "right" | "center" | "justify")[];
+            name: "textAlign";
+        };
+        zIndex: {
+            values: {
+                auto: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                hide: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                base: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                docked: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                dropdown: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                sticky: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                banner: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                overlay: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                modal: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                popover: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                skipLink: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                toast: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                tooltip: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: {
+                hide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                docked: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                dropdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                sticky: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                banner: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                skipLink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                toast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "zIndex";
+        };
+        visibility: {
+            values: {
+                hidden: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                visible: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                collapse: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("hidden" | "visible" | "collapse")[];
+            name: "visibility";
+        };
+        overflowWrap: {
+            values: {
+                normal: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                anywhere: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "break-word": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("normal" | "anywhere" | "break-word")[];
+            name: "overflowWrap";
+        };
+    };
+} & {
+    config: {
+        display: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "display";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        color: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "color";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        backgroundColor: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "backgroundColor";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        opacity: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "opacity";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        zIndex: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "zIndex";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        content: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "content";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        cursor: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "cursor";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+    };
+} & {
+    config: {
+        bgColor: {
+            mappings: "backgroundColor"[];
+        };
+    };
+}]>;
+type CommonAtoms = Parameters<typeof commonAtoms>[0];
+
+export { type CommonAtoms, commonAtoms };