@incodetech/welcome 1.86.0 → 1.86.1

package/dist/incode-design-system/src/tokens/index.d.ts

@@ -0,0 +1,566 @@
+export declare const tokens: {
+    readonly primitives: {
+        readonly color: {
+            neutral: {
+                light: string;
+                dark: string;
+            };
+            brand: {
+                50: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                900: string;
+            };
+            gray: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                500: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            brandSecondary: {
+                50: string;
+                500: string;
+            };
+            positive: {
+                50: string;
+                600: string;
+                800: string;
+            };
+            warn: {
+                50: string;
+                400: string;
+                500: string;
+                950: string;
+            };
+            negative: {
+                50: string;
+                500: string;
+                600: string;
+                950: string;
+            };
+        };
+        readonly typography: {
+            fontSize: {
+                xs: string;
+                sm: string;
+                base: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+                '3xl': string;
+                '4xl': string;
+                '5xl': string;
+                '6xl': string;
+            };
+            fontWeight: {
+                normal: string;
+                medium: string;
+                semibold: string;
+                bold: string;
+            };
+            lineHeight: {
+                none: string;
+                tight: string;
+                snug: string;
+                normal: string;
+                relaxed: string;
+                loose: string;
+            };
+            letterSpacing: {
+                tighter: string;
+                tight: string;
+                normal: string;
+                wide: string;
+                wider: string;
+                widest: string;
+            };
+            fontFamily: {
+                sans: string[];
+                mono: string[];
+            };
+        };
+        readonly spacing: {
+            readonly '-1': "-0.25rem";
+            readonly 0: "0";
+            readonly 1: "0.25rem";
+            readonly 2: "0.5rem";
+            readonly 3: "0.75rem";
+            readonly 4: "1rem";
+            readonly 5: "1.25rem";
+            readonly 6: "1.5rem";
+            readonly 7: "1.75rem";
+            readonly 8: "2rem";
+            readonly 9: "2.25rem";
+            readonly 10: "2.5rem";
+            readonly 12: "3rem";
+            readonly 16: "4rem";
+            readonly 20: "5rem";
+            readonly 24: "6rem";
+            readonly 32: "8rem";
+            readonly 40: "10rem";
+            readonly 48: "12rem";
+            readonly 56: "14rem";
+            readonly 64: "16rem";
+        };
+        readonly shadow: {
+            readonly none: "none";
+            readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+            readonly base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+            readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+            readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+            readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+            readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+            readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
+        };
+        readonly animation: {
+            readonly duration: {
+                readonly fast: "150ms";
+                readonly normal: "300ms";
+                readonly slow: "500ms";
+            };
+            readonly easing: {
+                readonly linear: "linear";
+                readonly ease: "ease";
+                readonly 'ease-in': "ease-in";
+                readonly 'ease-out': "ease-out";
+                readonly 'ease-in-out': "ease-in-out";
+            };
+        };
+    };
+    readonly reference: {
+        readonly colors: {
+            readonly brand: {
+                readonly brand: string;
+            };
+            readonly surface: {
+                readonly neutral: {
+                    readonly light: string;
+                    readonly dark: string;
+                };
+                readonly primary: {
+                    readonly '50': string;
+                    readonly '400': string;
+                    readonly '500': string;
+                    readonly '600': string;
+                };
+                readonly secondary: {
+                    readonly '0': string;
+                    readonly '50': string;
+                    readonly '100': string;
+                    readonly '200': string;
+                    readonly '300': string;
+                    readonly '500': string;
+                    readonly '700': string;
+                    readonly '800': string;
+                    readonly '900': string;
+                };
+                readonly statusSoft: {
+                    readonly negative: string;
+                    readonly warning: string;
+                    readonly positive: string;
+                };
+                readonly status: {
+                    readonly negative: string;
+                    readonly warning: string;
+                    readonly positive: string;
+                };
+            };
+            readonly icon: {
+                readonly primary: string;
+                readonly secondary: string;
+                readonly accent: string;
+                readonly negative: string;
+                readonly warning: string;
+                readonly positive: string;
+                readonly invert: string;
+                readonly success: string;
+                readonly disabled: string;
+            };
+            readonly border: {
+                readonly primary: string;
+                readonly disabled: string;
+                readonly focus: string;
+                readonly accent: string;
+                readonly negative: string;
+                readonly warning: string;
+                readonly positive: string;
+            };
+            readonly text: {
+                readonly body: {
+                    readonly primary: string;
+                    readonly secondary: string;
+                    readonly tertiary: string;
+                    readonly invert: string;
+                };
+                readonly brand: {
+                    readonly accent: string;
+                    readonly brandSecondary: string;
+                };
+                readonly status: {
+                    readonly negative: string;
+                    readonly warning: string;
+                    readonly positive: string;
+                };
+            };
+        };
+        readonly spacing: {
+            readonly component: {
+                readonly xs: "0.25rem";
+                readonly sm: "0.5rem";
+                readonly md: "0.75rem";
+                readonly lg: "1rem";
+                readonly xl: "1.5rem";
+            };
+            readonly layout: {
+                readonly xs: "1rem";
+                readonly sm: "1.5rem";
+                readonly md: "2rem";
+                readonly lg: "3rem";
+                readonly xl: "4rem";
+                readonly xxl: "6rem";
+            };
+            readonly container: {
+                readonly xs: "0.75rem";
+                readonly sm: "1rem";
+                readonly md: "1.5rem";
+                readonly lg: "2rem";
+                readonly xl: "3rem";
+            };
+            readonly stack: {
+                readonly xs: "0.5rem";
+                readonly sm: "0.75rem";
+                readonly md: "1rem";
+                readonly lg: "1.5rem";
+                readonly xl: "2rem";
+            };
+            readonly inline: {
+                readonly xs: "0.25rem";
+                readonly sm: "0.5rem";
+                readonly md: "0.75rem";
+                readonly lg: "1rem";
+            };
+        };
+        readonly typography: {
+            readonly heading: {
+                readonly h1: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly h2: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly h3: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly h4: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly h5: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly h6: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+            };
+            readonly body: {
+                readonly large: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly default: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly small: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+            };
+            readonly ui: {
+                readonly buttonLarge: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly buttonDefault: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly buttonSmall: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly label: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+                readonly caption: {
+                    readonly fontSize: string;
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+            };
+            readonly code: {
+                readonly inline: {
+                    readonly fontSize: string;
+                    readonly fontFamily: string[];
+                    readonly fontWeight: string;
+                };
+                readonly block: {
+                    readonly fontSize: string;
+                    readonly fontFamily: string[];
+                    readonly fontWeight: string;
+                    readonly lineHeight: string;
+                };
+            };
+        };
+    };
+    readonly color: {
+        readonly brand: {
+            readonly brand: string;
+        };
+        readonly surface: {
+            readonly neutral: {
+                readonly light: string;
+                readonly dark: string;
+            };
+            readonly primary: {
+                readonly '50': string;
+                readonly '400': string;
+                readonly '500': string;
+                readonly '600': string;
+            };
+            readonly secondary: {
+                readonly '0': string;
+                readonly '50': string;
+                readonly '100': string;
+                readonly '200': string;
+                readonly '300': string;
+                readonly '500': string;
+                readonly '700': string;
+                readonly '800': string;
+                readonly '900': string;
+            };
+            readonly statusSoft: {
+                readonly negative: string;
+                readonly warning: string;
+                readonly positive: string;
+            };
+            readonly status: {
+                readonly negative: string;
+                readonly warning: string;
+                readonly positive: string;
+            };
+        };
+        readonly icon: {
+            readonly primary: string;
+            readonly secondary: string;
+            readonly accent: string;
+            readonly negative: string;
+            readonly warning: string;
+            readonly positive: string;
+            readonly invert: string;
+            readonly success: string;
+            readonly disabled: string;
+        };
+        readonly border: {
+            readonly primary: string;
+            readonly disabled: string;
+            readonly focus: string;
+            readonly accent: string;
+            readonly negative: string;
+            readonly warning: string;
+            readonly positive: string;
+        };
+        readonly text: {
+            readonly body: {
+                readonly primary: string;
+                readonly secondary: string;
+                readonly tertiary: string;
+                readonly invert: string;
+            };
+            readonly brand: {
+                readonly accent: string;
+                readonly brandSecondary: string;
+            };
+            readonly status: {
+                readonly negative: string;
+                readonly warning: string;
+                readonly positive: string;
+            };
+        };
+    };
+    readonly typography: {
+        fontSize: {
+            xs: string;
+            sm: string;
+            base: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+            '6xl': string;
+        };
+        fontWeight: {
+            normal: string;
+            medium: string;
+            semibold: string;
+            bold: string;
+        };
+        lineHeight: {
+            none: string;
+            tight: string;
+            snug: string;
+            normal: string;
+            relaxed: string;
+            loose: string;
+        };
+        letterSpacing: {
+            tighter: string;
+            tight: string;
+            normal: string;
+            wide: string;
+            wider: string;
+            widest: string;
+        };
+        fontFamily: {
+            sans: string[];
+            mono: string[];
+        };
+    };
+    readonly spacing: {
+        readonly '-1': "-0.25rem";
+        readonly 0: "0";
+        readonly 1: "0.25rem";
+        readonly 2: "0.5rem";
+        readonly 3: "0.75rem";
+        readonly 4: "1rem";
+        readonly 5: "1.25rem";
+        readonly 6: "1.5rem";
+        readonly 7: "1.75rem";
+        readonly 8: "2rem";
+        readonly 9: "2.25rem";
+        readonly 10: "2.5rem";
+        readonly 12: "3rem";
+        readonly 16: "4rem";
+        readonly 20: "5rem";
+        readonly 24: "6rem";
+        readonly 32: "8rem";
+        readonly 40: "10rem";
+        readonly 48: "12rem";
+        readonly 56: "14rem";
+        readonly 64: "16rem";
+    };
+    readonly button: {
+        readonly primary: {
+            readonly surface: {
+                readonly default: string;
+                readonly hover: string;
+                readonly pressed: string;
+                readonly disabled: string;
+            };
+            readonly text: {
+                readonly default: string;
+                readonly disabled: string;
+            };
+            readonly border: {
+                readonly default: string;
+                readonly hover: string;
+                readonly pressed: string;
+                readonly disabled: string;
+            };
+        };
+        readonly secondary: {
+            readonly surface: {
+                readonly default: string;
+                readonly hover: string;
+                readonly pressed: string;
+                readonly disabled: string;
+            };
+            readonly text: {
+                readonly default: string;
+                readonly disabled: string;
+            };
+            readonly border: {
+                readonly default: string;
+                readonly hover: string;
+                readonly pressed: string;
+                readonly disabled: string;
+            };
+        };
+        readonly tertiary: {
+            readonly text: string;
+            readonly disabled: string;
+        };
+    };
+    readonly input: {
+        readonly primary: {
+            readonly surface: {
+                readonly default: string;
+                readonly hover: string;
+                readonly active: string;
+                readonly disabled: string;
+            };
+            readonly text: {
+                readonly label: {
+                    readonly default: string;
+                    readonly disabled: string;
+                };
+                readonly field: {
+                    readonly default: string;
+                    readonly disabled: string;
+                    readonly placeholder: string;
+                };
+                readonly helper: {
+                    readonly default: string;
+                    readonly disabled: string;
+                    readonly negative: string;
+                };
+            };
+            readonly border: {
+                readonly default: string;
+                readonly active: string;
+                readonly disabled: string;
+                readonly negative: string;
+            };
+        };
+    };
+    readonly spinner: {
+        surface: {
+            primary: string;
+            secondary: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+        };
+    };
+};
+export type Theme = typeof tokens;
+export type Tokens = typeof tokens;

package/dist/incode-design-system/src/tokens/primitives/animations.d.ts

@@ -0,0 +1,14 @@
+export declare const animations: {
+    readonly duration: {
+        readonly fast: "150ms";
+        readonly normal: "300ms";
+        readonly slow: "500ms";
+    };
+    readonly easing: {
+        readonly linear: "linear";
+        readonly ease: "ease";
+        readonly 'ease-in': "ease-in";
+        readonly 'ease-out': "ease-out";
+        readonly 'ease-in-out': "ease-in-out";
+    };
+};

package/dist/incode-design-system/src/tokens/primitives/colors.d.ts

@@ -0,0 +1,46 @@
+export declare const colors: {
+    neutral: {
+        light: string;
+        dark: string;
+    };
+    brand: {
+        50: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        900: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        500: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    brandSecondary: {
+        50: string;
+        500: string;
+    };
+    positive: {
+        50: string;
+        600: string;
+        800: string;
+    };
+    warn: {
+        50: string;
+        400: string;
+        500: string;
+        950: string;
+    };
+    negative: {
+        50: string;
+        500: string;
+        600: string;
+        950: string;
+    };
+};

package/dist/incode-design-system/src/tokens/primitives/shadows.d.ts

@@ -0,0 +1,10 @@
+export declare const shadows: {
+    readonly none: "none";
+    readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+    readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
+};

package/dist/incode-design-system/src/tokens/primitives/spacing.d.ts

@@ -0,0 +1,23 @@
+export declare const spacing: {
+    readonly '-1': "-0.25rem";
+    readonly 0: "0";
+    readonly 1: "0.25rem";
+    readonly 2: "0.5rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 7: "1.75rem";
+    readonly 8: "2rem";
+    readonly 9: "2.25rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+    readonly 32: "8rem";
+    readonly 40: "10rem";
+    readonly 48: "12rem";
+    readonly 56: "14rem";
+    readonly 64: "16rem";
+};

package/dist/incode-design-system/src/tokens/primitives/typography.d.ts

@@ -0,0 +1,40 @@
+export declare const typography: {
+    fontSize: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+    fontWeight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+    };
+    lineHeight: {
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+    };
+    letterSpacing: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    fontFamily: {
+        sans: string[];
+        mono: string[];
+    };
+};