@reshape-biotech/design-system 2.4.1 → 2.4.2

package/dist/tailwind.preset.d.ts

@@ -1,538 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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: ['"MD System Mono"', 'sans-serif'],
-                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;