@reshape-biotech/design-system 0.0.42 → 0.0.43

package/dist/tokens.d.ts

@@ -1,570 +1,570 @@
 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;
-            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;
-            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;
-        8: string;
-        12: string;
-        16: string;
-    };
+	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;
+			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;
+		8: string;
+		12: string;
+		16: string;
+	};
 };
 export declare const borderColor: {
-    'dark-static': 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;
+	'dark-static': 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-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;
+	'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;
 };
 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;
+	'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 boxShadow: {
-    input: string;
-    field: string;
-    nav: string;
-    calendar: string;
-    container: string;
-    panel: string;
-    outline: string;
-    focus: string;
+	input: string;
+	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;
-                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;
-            8: string;
-            12: string;
-            16: string;
-        };
-    };
-    borderColor: {
-        'dark-static': 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-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;
-        field: string;
-        nav: string;
-        calendar: string;
-        container: string;
-        panel: string;
-        outline: string;
-        focus: string;
-    };
+	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;
+				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;
+			8: string;
+			12: string;
+			16: string;
+		};
+	};
+	borderColor: {
+		'dark-static': 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-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;
+		field: string;
+		nav: string;
+		calendar: string;
+		container: string;
+		panel: string;
+		outline: string;
+		focus: string;
+	};
 };