@reshape-biotech/design-system 2.4.2 → 2.5.2

package/dist/tailwind.preset.d.ts

@@ -0,0 +1,538 @@
+import typography from '@tailwindcss/typography';
+declare const config: {
+    safelist: string[];
+    theme: {
+        extend: {
+            colors: {
+                base: {
+                    mist: string;
+                    snow: string;
+                    white: {
+                        default: string;
+                        5: string;
+                        10: string;
+                        15: string;
+                        25: string;
+                        50: string;
+                        70: string;
+                        90: string;
+                    };
+                    midnight: {
+                        default: string;
+                        5: string;
+                        8: string;
+                        10: string;
+                        15: string;
+                        25: string;
+                        50: string;
+                        70: string;
+                        90: string;
+                    };
+                };
+                gray: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    5: string;
+                    6: string;
+                };
+                periwinkle: {
+                    1: string;
+                    2: string;
+                    3: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    6: string;
+                };
+                orange: {
+                    1: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    2: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    6: string;
+                };
+                sky: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    6: string;
+                };
+                blue: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    6: string;
+                };
+                green: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    5: {
+                        default: string;
+                        5: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    6: string;
+                };
+                yellow: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    6: string;
+                };
+                red: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    6: string;
+                };
+                shadow: {
+                    2: string;
+                    4: string;
+                    6: string;
+                    8: string;
+                    12: string;
+                    16: string;
+                };
+                pink: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    6: string;
+                };
+                plum: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    6: string;
+                };
+                lilac: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    6: string;
+                };
+                lime: {
+                    1: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    2: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    6: string;
+                };
+                pear: {
+                    1: string;
+                    2: string;
+                    3: string;
+                    4: {
+                        default: string;
+                        10: string;
+                        25: string;
+                    };
+                    5: {
+                        default: string;
+                        10: string;
+                        25: string;
+                        50: string;
+                        75: string;
+                    };
+                    6: string;
+                };
+            };
+            backgroundColor: {
+                'dark-neutral': string;
+                'dark-neutral-hover': string;
+                'dark-neutral-darker': string;
+                'dark-neutral-darker-hover': string;
+                'dark-accent': string;
+                'dark-accent-hover': string;
+                'dark-accent-inverse': string;
+                'dark-accent-inverse-hover': string;
+                'dark-success': string;
+                'dark-success-hover': string;
+                'dark-success-inverse': string;
+                'dark-success-inverse-hover': string;
+                'dark-warning': string;
+                'dark-warning-hover': string;
+                'dark-warning-inverse': string;
+                'dark-warning-inverse-hover': string;
+                'dark-danger': string;
+                'dark-danger-hover': string;
+                'dark-danger-inverse': string;
+                'dark-danger-inverse-hover': string;
+                'dark-blue': string;
+                'dark-blue-hover': string;
+                'dark-orange': string;
+                'dark-orange-hover': string;
+                'dark-sky': string;
+                'dark-sky-hover': string;
+                'dark-pink': string;
+                'dark-pink-hover': string;
+                'dark-plum': string;
+                'dark-plum-hover': string;
+                'dark-lilac': string;
+                'dark-lilac-hover': string;
+                'dark-lime': string;
+                'dark-lime-hover': string;
+                'dark-pear': string;
+                'dark-pear-hover': string;
+                'dark-primary': string;
+                'dark-secondary': string;
+                'dark-base': string;
+                'dark-base-inverse': string;
+                'dark-overlay': string;
+                surface: string;
+                'surface-secondary': string;
+                base: string;
+                'base-inverse': string;
+                overlay: string;
+                neutral: string;
+                'neutral-hover': string;
+                'neutral-darker': string;
+                'neutral-darker-hover': string;
+                'neutral-inverse': string;
+                'neutral-inverse-hover': string;
+                accent: string;
+                'accent-hover': string;
+                'accent-inverse': string;
+                'accent-inverse-hover': string;
+                success: string;
+                'success-hover': string;
+                'success-inverse': string;
+                'success-inverse-hover': string;
+                warning: string;
+                'warning-hover': string;
+                'warning-inverse': string;
+                'warning-inverse-hover': string;
+                danger: string;
+                'danger-hover': string;
+                'danger-inverse': string;
+                'danger-inverse-hover': string;
+                blue: string;
+                'blue-hover': string;
+                'blue-inverse': string;
+                'blue-inverse-hover': string;
+                orange: string;
+                'orange-hover': string;
+                'orange-inverse': string;
+                'orange-inverse-hover': string;
+                sky: string;
+                'sky-hover': string;
+                'sky-inverse': string;
+                'sky-inverse-hover': string;
+                pink: string;
+                'pink-hover': string;
+                'pink-inverse': string;
+                'pink-inverse-hover': string;
+                plum: string;
+                'plum-hover': string;
+                'plum-inverse': string;
+                'plum-inverse-hover': string;
+                lilac: string;
+                'lilac-hover': string;
+                'lilac-inverse': string;
+                'lilac-inverse-hover': string;
+                lime: string;
+                'lime-hover': string;
+                'lime-inverse': string;
+                'lime-inverse-hover': string;
+                pear: string;
+                'pear-hover': string;
+                'pear-inverse': string;
+                'pear-inverse-hover': string;
+            };
+            borderColor: {
+                'dark-static': string;
+                'dark-input': string;
+                'dark-interactive': string;
+                'dark-hover': string;
+                'dark-focus': string;
+                'dark-danger': string;
+                static: string;
+                input: string;
+                interactive: string;
+                hover: string;
+                focus: string;
+                danger: string;
+                'static-inverse': string;
+                'interactive-inverse': string;
+                'blue-inverse': string;
+                'orange-inverse': string;
+                'pink-inverse': string;
+                'lime-inverse': string;
+                white: string;
+                axis: string;
+            };
+            textColor: {
+                'icon-primary': string;
+                'icon-secondary': string;
+                'icon-tertiary': string;
+                'icon-primary-inverse': string;
+                'icon-secondary-inverse': string;
+                'icon-accent': string;
+                'icon-success': string;
+                'icon-warning': string;
+                'icon-danger': string;
+                'icon-blue': string;
+                'icon-orange': string;
+                'icon-sky': string;
+                'icon-pink': string;
+                'icon-plum': string;
+                'icon-lilac': string;
+                'icon-lime': string;
+                'icon-pear': string;
+                'icon-white': string;
+                'dark-primary': string;
+                'dark-secondary': string;
+                'dark-tertiary': string;
+                'dark-primary-inverse': string;
+                'dark-secondary-inverse': string;
+                'dark-tertiary-inverse': string;
+                'dark-accent': string;
+                'dark-success': string;
+                'dark-warning': string;
+                'dark-danger': string;
+                'dark-blue': string;
+                'dark-orange': string;
+                'dark-sky': string;
+                'dark-pink': string;
+                'dark-plum': string;
+                'dark-lilac': string;
+                'dark-lime': string;
+                'dark-pear': string;
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                'primary-inverse': string;
+                'secondary-inverse': string;
+                'tertiary-inverse': string;
+                accent: string;
+                success: string;
+                warning: string;
+                danger: string;
+                blue: string;
+                orange: string;
+                sky: string;
+                pink: string;
+                plum: string;
+                lilac: string;
+                lime: string;
+                pear: string;
+            };
+            boxShadow: {
+                input: string;
+                container: string;
+                menu: string;
+                hover: string;
+                focus: string;
+            };
+            outlineColor: {
+                'dark-static': string;
+                'dark-input': string;
+                'dark-interactive': string;
+                'dark-hover': string;
+                'dark-focus': string;
+                static: string;
+                input: string;
+                interactive: string;
+                hover: string;
+                focus: string;
+            };
+            fontFamily: {
+                mono: string[];
+                sans: string[];
+            };
+            fontSize: {
+                xxs: string;
+                label: string;
+            };
+        };
+    };
+    plugins: (typeof typography | {
+        handler: import("tailwindcss/types/config.js").PluginCreator;
+        config?: Partial<import("tailwindcss/types/config.js").Config> | undefined;
+    })[];
+    daisyui: {
+        styled: boolean;
+        logs: boolean;
+        themes: {
+            light: {
+                primary: string;
+                'primary-content': string;
+                secondary: string;
+                'secondary-content': string;
+                accent: string;
+                'accent-content': string;
+                neutral: string;
+                'neutral-content': string;
+                'base-100': string;
+                info: string;
+                'info-content': string;
+                success: string;
+                'success-content': string;
+                warning: string;
+                'warning-content': string;
+                error: string;
+                'error-content': string;
+                default: string;
+            };
+        }[];
+    };
+};
+export default config;

package/dist/tailwind.preset.js

@@ -0,0 +1,56 @@
+import daisyui from 'daisyui';
+import typography from '@tailwindcss/typography';
+import containerQueries from '@tailwindcss/container-queries';
+import { backgroundColor, borderColor, boxShadow, colors, textColor, outlineColor, } from './tokens.js';
+const config = {
+    safelist: ['tailwind-safelist.txt'],
+    theme: {
+        extend: {
+            colors,
+            backgroundColor,
+            borderColor,
+            textColor,
+            boxShadow,
+            outlineColor,
+            fontFamily: {
+                mono: ['"Geist Mono"', 'monospace'],
+                sans: ['"af Another Sans"', 'sans-serif'],
+            },
+            fontSize: {
+                xxs: '10px',
+                label: '13px',
+            },
+        },
+    },
+    plugins: [daisyui, typography, containerQueries],
+    daisyui: {
+        // base: true,
+        styled: true,
+        logs: false,
+        themes: [
+            {
+                light: {
+                    primary: backgroundColor['accent-inverse'],
+                    'primary-content': textColor['primary-inverse'],
+                    secondary: backgroundColor.neutral,
+                    'secondary-content': textColor.primary,
+                    accent: backgroundColor.accent,
+                    'accent-content': textColor.primary,
+                    neutral: backgroundColor.neutral,
+                    'neutral-content': textColor.primary,
+                    'base-100': backgroundColor['surface'],
+                    info: backgroundColor.sky,
+                    'info-content': textColor.primary,
+                    success: backgroundColor.success,
+                    'success-content': textColor['primary-inverse'],
+                    warning: backgroundColor.warning,
+                    'warning-content': textColor.warning,
+                    error: backgroundColor.danger,
+                    'error-content': textColor.danger,
+                    default: colors.periwinkle[5].default,
+                },
+            },
+        ],
+    },
+};
+export default config;