@reshape-biotech/design-system 0.0.18 → 0.0.20

package/dist/tokens.d.ts

@@ -1,8 +1,8 @@
-export declare const colors: {
-    base: {
-        mist: string;
-        snow: string;
-        white: {
+export namespace colors {
+    namespace base {
+        let mist: string;
+        let snow: string;
+        let white: {
             default: string;
             5: string;
             10: string;
@@ -12,7 +12,7 @@ export declare const colors: {
             70: string;
             90: string;
         };
-        midnight: {
+        let midnight: {
             default: string;
             5: string;
             10: string;
@@ -22,8 +22,8 @@ export declare const colors: {
             70: string;
             90: string;
         };
-    };
-    gray: {
+    }
+    let gray: {
         1: string;
         2: string;
         3: string;
@@ -31,7 +31,7 @@ export declare const colors: {
         5: string;
         6: string;
     };
-    periwinkle: {
+    let periwinkle: {
         1: string;
         2: string;
         3: {
@@ -51,7 +51,7 @@ export declare const colors: {
         };
         6: string;
     };
-    orange: {
+    let orange: {
         1: string;
         2: string;
         3: string;
@@ -67,7 +67,7 @@ export declare const colors: {
         };
         6: string;
     };
-    sky: {
+    let sky: {
         1: string;
         2: string;
         3: string;
@@ -83,7 +83,7 @@ export declare const colors: {
         };
         6: string;
     };
-    blue: {
+    let blue: {
         1: string;
         2: string;
         3: string;
@@ -99,7 +99,7 @@ export declare const colors: {
         };
         6: string;
     };
-    green: {
+    let green: {
         1: string;
         2: string;
         3: string;
@@ -115,7 +115,7 @@ export declare const colors: {
         };
         6: string;
     };
-    yellow: {
+    let yellow: {
         1: string;
         2: string;
         3: string;
@@ -131,7 +131,7 @@ export declare const colors: {
         };
         6: string;
     };
-    red: {
+    let red: {
         1: string;
         2: string;
         3: string;
@@ -147,15 +147,15 @@ export declare const colors: {
         };
         6: string;
     };
-    shadow: {
+    let shadow: {
         2: string;
         4: string;
         8: string;
         12: string;
         16: string;
     };
-};
-export declare const borderColor: {
+}
+export const borderColor: {
     'dark-static': string;
     'dark-interactive': string;
     'dark-hover': string;
@@ -167,7 +167,7 @@ export declare const borderColor: {
     focus: string;
     danger: string;
 };
-export declare const textColor: {
+export const textColor: {
     'icon-primary': string;
     'icon-secondary': string;
     'icon-tertiary': string;
@@ -200,7 +200,7 @@ export declare const textColor: {
     warning: string;
     danger: string;
 };
-export declare const backgroundColor: {
+export const backgroundColor: {
     'dark-neutral': string;
     'dark-neutral-hover': string;
     'dark-neutral-darker': string;
@@ -270,295 +270,19 @@ export declare const backgroundColor: {
     'sky-inverse': string;
     'sky-inverse-hover': string;
 };
-export declare const boxShadow: {
-    field: string;
-    nav: string;
-    calendar: string;
-    container: string;
-    panel: string;
-    outline: string;
-    focus: 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;
-                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;
-            };
-            4: {
-                default: string;
-                10: string;
-                25: string;
-            };
-            5: {
-                default: string;
-                10: string;
-                25: 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;
-                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;
-            8: string;
-            12: string;
-            16: string;
-        };
-    };
-    borderColor: {
-        'dark-static': string;
-        'dark-interactive': string;
-        'dark-hover': string;
-        'dark-focus': string;
-        'dark-danger': string;
-        static: string;
-        interactive: string;
-        hover: string;
-        focus: string;
-        danger: string;
-    };
-    textColor: {
-        'icon-primary': string;
-        'icon-secondary': string;
-        'icon-tertiary': string;
-        'icon-primary-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: {
-        field: string;
-        nav: string;
-        calendar: string;
-        container: string;
-        panel: string;
-        outline: string;
-        focus: string;
-    };
-};
+export namespace boxShadow {
+    let field: string;
+    let nav: string;
+    let calendar: string;
+    let container: string;
+    let panel: string;
+    let outline: string;
+    let focus: string;
+}
+export namespace tokens {
+    export { colors };
+    export { borderColor };
+    export { textColor };
+    export { backgroundColor };
+    export { boxShadow };
+}