@reshape-biotech/design-system 2.4.1 → 2.4.2

package/dist/tokens.d.ts

@@ -1,830 +0,0 @@
-import { colors } from './tokens/colors';
-export type OutputName = 'cfu' | 'halo' | 'seed' | 'seedling' | 'leaf' | 'insect' | 'egg' | 'food' | 'positive' | 'negative' | 'review' | 'tntc' | 'contaminated' | 'countable' | 'full_growth' | 'reduced_growth' | 'dotted_growth';
-declare const annotationOutputFadedFillColors: {
-    [K in OutputName]: string;
-};
-declare const annotationOutputFadedStrokeColors: {
-    [K in OutputName]: string;
-};
-declare const 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;
-};
-declare const 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;
-};
-declare const 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;
-};
-declare const chartColor: {
-    accent: string;
-    blue: string;
-    orange: string;
-    'orange-light': string;
-    sky: string;
-    pink: string;
-    plum: string;
-    lilac: string;
-    lime: string;
-    'lime-light': string;
-    pear: string;
-    green: string;
-    yellow: string;
-    red: string;
-    gray: string;
-};
-declare const 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;
-};
-declare const boxShadow: {
-    input: string;
-    container: string;
-    menu: string;
-    hover: string;
-    focus: string;
-};
-export { colors, borderColor, textColor, backgroundColor, boxShadow, outlineColor, chartColor, annotationOutputFadedFillColors, annotationOutputFadedStrokeColors, };
-export declare const tokens: {
-    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;
-        };
-    };
-    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;
-    };
-    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;
-    };
-    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;
-    };
-    chartColor: {
-        accent: string;
-        blue: string;
-        orange: string;
-        'orange-light': string;
-        sky: string;
-        pink: string;
-        plum: string;
-        lilac: string;
-        lime: string;
-        'lime-light': string;
-        pear: string;
-        green: string;
-        yellow: string;
-        red: string;
-        gray: string;
-    };
-    annotationOutputBaseColors: {
-        cfu: any;
-        halo: any;
-        seed: any;
-        seedling: any;
-        leaf: any;
-        insect: any;
-        egg: any;
-        food: any;
-        positive: any;
-        negative: any;
-        review: any;
-        tntc: any;
-        contaminated: any;
-        countable: any;
-        full_growth: any;
-        reduced_growth: any;
-        dotted_growth: any;
-    };
-    annotationOutputFillColors: {
-        cfu: string;
-        halo: string;
-        seed: string;
-        seedling: string;
-        leaf: string;
-        insect: string;
-        egg: string;
-        food: string;
-        positive: string;
-        negative: string;
-        review: string;
-        tntc: string;
-        contaminated: string;
-        countable: string;
-        full_growth: string;
-        reduced_growth: string;
-        dotted_growth: string;
-    };
-    annotationOutputFadedFillColors: {
-        cfu: string;
-        halo: string;
-        seed: string;
-        seedling: string;
-        leaf: string;
-        insect: string;
-        egg: string;
-        food: string;
-        positive: string;
-        negative: string;
-        review: string;
-        tntc: string;
-        contaminated: string;
-        countable: string;
-        full_growth: string;
-        reduced_growth: string;
-        dotted_growth: string;
-    };
-    annotationOutputStrokeColors: {
-        cfu: string;
-        halo: string;
-        seed: string;
-        seedling: string;
-        leaf: string;
-        insect: string;
-        egg: string;
-        food: string;
-        positive: string;
-        negative: string;
-        review: string;
-        tntc: string;
-        contaminated: string;
-        countable: string;
-        full_growth: string;
-        reduced_growth: string;
-        dotted_growth: string;
-    };
-    annotationOutputFadedStrokeColors: {
-        cfu: string;
-        halo: string;
-        seed: string;
-        seedling: string;
-        leaf: string;
-        insect: string;
-        egg: string;
-        food: string;
-        positive: string;
-        negative: string;
-        review: string;
-        tntc: string;
-        contaminated: string;
-        countable: string;
-        full_growth: string;
-        reduced_growth: string;
-        dotted_growth: string;
-    };
-};