@reshape-biotech/design-system 2.4.2 → 2.5.2

package/dist/tokens.d.ts

@@ -0,0 +1,830 @@
+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;
+    };
+};