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

package/dist/atoms/typography.d.mts

@@ -0,0 +1,417 @@
+import * as rainbow_sprinkles from 'rainbow-sprinkles';
+
+declare const typographyAtoms: rainbow_sprinkles.SprinklesFn<[{
+    config: {
+        fontFamily: {
+            values: {
+                playfair: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                poppins: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: {
+                readonly playfair: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly poppins: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "fontFamily";
+        };
+        fontSize: {
+            values: {
+                heading1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                heading2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                heading3: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                heading4: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                heading5: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                heading6: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                subheading1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                subheading2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                subtitle1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                subtitle2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                body1: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                body2: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                caption: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                footer: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: {
+                readonly heading1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly heading2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly heading3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly heading4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly heading5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly heading6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly subheading1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly subheading2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly subtitle1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly subtitle2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly body1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly body2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly footer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "fontSize";
+        };
+        fontWeight: {
+            values: {
+                light: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                black: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                hairline: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                thin: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                reguler: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                medium: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                semibold: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                bold: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                extrabold: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: {
+                readonly hairline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly thin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly reguler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "fontWeight";
+        };
+        lineHeight: {
+            values: {
+                none: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                normal: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                56: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                48: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                40: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                32: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                28: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                24: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                20: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                16: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: {
+                readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly '24': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly '28': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly '32': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly '40': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly '48': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly '56': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "lineHeight";
+        };
+        letterSpacing: {
+            values: {
+                normal: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                tighter: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                tight: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                wide: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                wider: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: {
+                readonly tighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly tight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly wide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                readonly wider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            name: "letterSpacing";
+        };
+        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>;
+                };
+                end: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                start: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                justify: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                "match-parent": {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("left" | "right" | "center" | "end" | "start" | "justify" | "match-parent")[];
+            name: "textAlign";
+        };
+        fontStyle: {
+            values: {
+                normal: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                inherit: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                initial: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                italic: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                oblique: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("normal" | "inherit" | "initial" | "italic" | "oblique")[];
+            name: "fontStyle";
+        };
+        textTransform: {
+            values: {
+                none: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                capitalize: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                lowercase: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                uppercase: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("none" | "capitalize" | "lowercase" | "uppercase")[];
+            name: "textTransform";
+        };
+        textOverflow: {
+            values: {
+                string: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                inherit: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                initial: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                clip: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+                ellipsis: {
+                    default: string;
+                    conditions: Record<string | number, string>;
+                };
+            };
+            staticScale: ("string" | "inherit" | "initial" | "clip" | "ellipsis")[];
+            name: "textOverflow";
+        };
+    };
+} & {
+    config: {
+        fontFamily: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "fontFamily";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        fontSize: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "fontSize";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        lineHeight: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "lineHeight";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        letterSpacing: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "letterSpacing";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+        textDecoration: {
+            dynamic: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+            dynamicScale: true;
+            name: "textDecoration";
+            vars: {
+                default: string;
+                conditions: Record<string | number, string>;
+            };
+        };
+    };
+} & {
+    config: {};
+}]>;
+type TypographyAtoms = Parameters<typeof typographyAtoms>[0];
+
+export { type TypographyAtoms, typographyAtoms };