@ctlyst.id/voila-ui 1.0.0

package/dist/types/theme/styles/atoms/constants.d.ts

@@ -0,0 +1,3 @@
+import type { ConfigConditions } from 'rainbow-sprinkles/dist/declarations/src/types';
+export declare const conditions: ConfigConditions;
+export declare const conditionsWithSelector: ConfigConditions;

package/dist/types/theme/styles/atoms/flex.css.d.ts

@@ -0,0 +1,362 @@
+export declare const flexAtoms: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
+    config: {
+        gap: {
+            values: {
+                auto: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                0: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "100vh": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "100vw": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                10: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                16: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                20: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                24: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                32: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                40: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                48: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                56: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                full: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                4: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                6: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                8: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                12: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                14: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                18: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                22: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                64: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                72: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                80: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                88: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                96: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                104: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                112: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                fitContent: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                maxContent: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                minContent: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                gapX: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                gapY: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: {
+                0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "gap";
+        };
+        flexDirection: {
+            values: {
+                row: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                column: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "column-reverse": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "row-reverse": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("row" | "column" | "column-reverse" | "row-reverse")[];
+            name: "flexDirection";
+        };
+        flexWrap: {
+            values: {
+                nowrap: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                wrap: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "wrap-reverse": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("nowrap" | "wrap" | "wrap-reverse")[];
+            name: "flexWrap";
+        };
+        justifyContent: {
+            values: {
+                [x: string]: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: string[];
+            name: "justifyContent";
+        };
+        alignItems: {
+            values: {
+                [x: string]: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: string[];
+            name: "alignItems";
+        };
+    };
+} & {
+    config: {
+        display: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "display";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        gap: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "gap";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        rowGap: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "rowGap";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        columnGap: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "columnGap";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        flex: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "flex";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        order: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "order";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        flexGrow: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "flexGrow";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        flexShrink: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "flexShrink";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        flexBasis: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "flexBasis";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+    };
+} & {
+    config: {
+        direction: {
+            mappings: "flexDirection"[];
+        };
+        wrap: {
+            mappings: "flexWrap"[];
+        };
+    };
+}]>;
+export type FlexAtoms = Parameters<typeof flexAtoms>[0];