@reshape-biotech/design-system 0.0.47 → 0.0.48

package/dist/tokens.d.ts

@@ -0,0 +1,598 @@
+export declare const 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: string;
+        5: string;
+        6: string;
+    };
+    periwinkle: {
+        1: string;
+        2: string;
+        3: {
+            default: string;
+            10: string;
+            25: string;
+            50: string;
+        };
+        4: {
+            default: string;
+            10: string;
+            25: string;
+            50: string;
+        };
+        5: {
+            default: string;
+            10: string;
+            25: string;
+            50: string;
+        };
+        6: string;
+    };
+    orange: {
+        1: string;
+        2: string;
+        3: string;
+        4: {
+            default: string;
+            10: string;
+            25: string;
+        };
+        5: {
+            default: string;
+            10: string;
+            25: 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;
+        };
+        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;
+        };
+        6: string;
+    };
+    yellow: {
+        1: string;
+        2: string;
+        3: string;
+        4: {
+            default: string;
+            10: string;
+            25: string;
+        };
+        5: {
+            default: string;
+            10: string;
+            25: string;
+        };
+        6: string;
+    };
+    red: {
+        1: string;
+        2: string;
+        3: string;
+        4: {
+            default: string;
+            10: string;
+            25: string;
+        };
+        5: {
+            default: string;
+            10: string;
+            25: string;
+        };
+        6: string;
+    };
+    shadow: {
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+    };
+};
+export 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;
+};
+export 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;
+    '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;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    'primary-inverse': string;
+    'secondary-inverse': string;
+    'tertiary-inverse': string;
+    accent: string;
+    success: string;
+    warning: string;
+    danger: string;
+};
+export 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-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;
+    orange: string;
+    'orange-hover': string;
+    'orange-inverse': string;
+    'orange-inverse-hover': string;
+    sky: string;
+    'sky-hover': string;
+    'sky-inverse': string;
+    'sky-inverse-hover': string;
+};
+export 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;
+};
+export declare const boxShadow: {
+    input: string;
+    container: string;
+    menu: string;
+};
+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: string;
+            5: string;
+            6: string;
+        };
+        periwinkle: {
+            1: string;
+            2: string;
+            3: {
+                default: string;
+                10: string;
+                25: string;
+                50: string;
+            };
+            4: {
+                default: string;
+                10: string;
+                25: string;
+                50: string;
+            };
+            5: {
+                default: string;
+                10: string;
+                25: string;
+                50: string;
+            };
+            6: string;
+        };
+        orange: {
+            1: string;
+            2: string;
+            3: string;
+            4: {
+                default: string;
+                10: string;
+                25: string;
+            };
+            5: {
+                default: string;
+                10: string;
+                25: 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;
+            };
+            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;
+            };
+            6: string;
+        };
+        yellow: {
+            1: string;
+            2: string;
+            3: string;
+            4: {
+                default: string;
+                10: string;
+                25: string;
+            };
+            5: {
+                default: string;
+                10: string;
+                25: string;
+            };
+            6: string;
+        };
+        red: {
+            1: string;
+            2: string;
+            3: string;
+            4: {
+                default: string;
+                10: string;
+                25: string;
+            };
+            5: {
+                default: string;
+                10: string;
+                25: string;
+            };
+            6: string;
+        };
+        shadow: {
+            2: string;
+            4: string;
+            6: string;
+            8: string;
+            12: string;
+            16: 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;
+    };
+    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;
+        '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;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        'primary-inverse': string;
+        'secondary-inverse': string;
+        'tertiary-inverse': string;
+        accent: string;
+        success: string;
+        warning: string;
+        danger: 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-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;
+        orange: string;
+        'orange-hover': string;
+        'orange-inverse': string;
+        'orange-inverse-hover': string;
+        sky: string;
+        'sky-hover': string;
+        'sky-inverse': string;
+        'sky-inverse-hover': string;
+    };
+    boxShadow: {
+        input: string;
+        container: string;
+        menu: 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;
+    };
+};