@syntrologie/adapt-nav 2.16.0 → 2.17.0

package/node_modules/@syntro/design-system/dist/tokens/colors.d.ts

@@ -1,874 +0,0 @@
-/**
- * Syntro Design System - Color Tokens
- *
- * This file contains all color tokens from the Figma design system.
- * Colors are organized by scale and semantic meaning.
- *
- * @see https://www.figma.com/design/U0Ol5vM7FQvgPfIgCAgxgb/Design-System
- */
-export declare const base: {
-    readonly white: "#ffffff";
-    readonly black: "#000000";
-};
-export declare const brand: {
-    readonly 0: "#2c0b0a";
-    readonly 1: "#5b1715";
-    readonly 2: "#89221f";
-    readonly 3: "#b72e2a";
-    readonly 4: "#d44844";
-    readonly 5: "#dd6d69";
-    readonly 6: "#e5918f";
-    readonly 7: "#eeb6b4";
-    readonly 8: "#f6dada";
-    readonly 9: "#faebea";
-};
-export declare const slateGrey: {
-    readonly 0: "#07080a";
-    readonly 1: "#0f1318";
-    readonly 2: "#0e1114";
-    readonly 3: "#1c222a";
-    readonly 4: "#2b333f";
-    readonly 5: "#394454";
-    readonly 6: "#475569";
-    readonly 7: "#677384";
-    readonly 8: "#87919f";
-    readonly 9: "#a8afba";
-    readonly 10: "#cbd0d7";
-    readonly 11: "#e8eaee";
-    readonly 12: "#f6f7f9";
-};
-export declare const green: {
-    readonly 0: "#07230a";
-    readonly 1: "#0e4514";
-    readonly 2: "#16681e";
-    readonly 3: "#1d8a28";
-    readonly 4: "#24ad32";
-    readonly 5: "#4fbd5a";
-    readonly 6: "#7acd82";
-    readonly 7: "#a5deab";
-    readonly 8: "#d0eed3";
-    readonly 9: "#e5f6e7";
-};
-export declare const yellow: {
-    readonly 0: "#301f09";
-    readonly 1: "#5f3e12";
-    readonly 2: "#8f5e1b";
-    readonly 3: "#be7d24";
-    readonly 4: "#ee9c2d";
-    readonly 5: "#f1b057";
-    readonly 6: "#f5c481";
-    readonly 7: "#f8d7ab";
-    readonly 8: "#fcebd5";
-    readonly 9: "#fdf5ea";
-};
-export declare const red: {
-    readonly 0: "#330707";
-    readonly 1: "#660f0e";
-    readonly 2: "#991616";
-    readonly 3: "#cc1e1d";
-    readonly 4: "#ff2524";
-    readonly 5: "#ff5150";
-    readonly 6: "#ff7c7c";
-    readonly 7: "#ffa8a7";
-    readonly 8: "#ffd3d3";
-    readonly 9: "#ffe9e9";
-};
-export declare const blue: {
-    readonly 0: "#051533";
-    readonly 1: "#0a2a66";
-    readonly 2: "#0f3f98";
-    readonly 3: "#1454cb";
-    readonly 4: "#1969fe";
-    readonly 5: "#4787fe";
-    readonly 6: "#75a5fe";
-    readonly 7: "#a3c3ff";
-    readonly 8: "#d1e1ff";
-    readonly 9: "#e8f0ff";
-};
-export declare const orange: {
-    readonly 0: "#662500";
-    readonly 1: "#993d00";
-    readonly 2: "#cc5800";
-    readonly 3: "#ff7700";
-    readonly 4: "#fea85d";
-    readonly 5: "#fec58f";
-    readonly 6: "#ffd6ae";
-    readonly 7: "#fee6cd";
-    readonly 8: "#fff1e1";
-    readonly 9: "#fff8f0";
-};
-export declare const purple: {
-    readonly 0: "#151229";
-    readonly 1: "#2a2452";
-    readonly 2: "#40357c";
-    readonly 3: "#5547a5";
-    readonly 4: "#6a59ce";
-    readonly 5: "#887ad8";
-    readonly 6: "#a69be2";
-    readonly 7: "#c3bdeb";
-    readonly 8: "#e1def5";
-    readonly 9: "#f0eefa";
-};
-export declare const pink: {
-    readonly 0: "#37091f";
-    readonly 1: "#69123c";
-    readonly 2: "#9b1c58";
-    readonly 3: "#cd2575";
-    readonly 4: "#ff2e92";
-    readonly 5: "#ff58a8";
-    readonly 6: "#ff82be";
-    readonly 7: "#ffabd3";
-    readonly 8: "#ffd5e9";
-    readonly 9: "#ffeaf4";
-};
-export declare const legacy: {
-    readonly aqua: {
-        readonly 0: "#0c5f8d";
-        readonly 1: "#146b99";
-        readonly 2: "#1d78a6";
-        readonly 3: "#2e89b6";
-        readonly 4: "#4a9fc4";
-        readonly 5: "#6bb4d1";
-        readonly 6: "#93cce0";
-        readonly 7: "#bddff0";
-        readonly 8: "#dceef8";
-        readonly 9: "#f2f8fc";
-    };
-    readonly violet: {
-        readonly 0: "#6927da";
-        readonly 1: "#7839ee";
-        readonly 2: "#875bf7";
-        readonly 3: "#a48afb";
-        readonly 4: "#c3b4fd";
-        readonly 5: "#ddd6fe";
-        readonly 6: "#ece9fe";
-        readonly 7: "#f5f3ff";
-        readonly 8: "#fbfaff";
-    };
-    readonly fuchsia: {
-        readonly 0: "#9f1ab1";
-        readonly 1: "#ba24d5";
-        readonly 2: "#d444f1";
-        readonly 3: "#e478fa";
-        readonly 4: "#eeaafd";
-        readonly 5: "#f6d0fe";
-        readonly 6: "#fbe8ff";
-        readonly 7: "#fdf4ff";
-        readonly 8: "#fefaff";
-    };
-    readonly pink: {
-        readonly 0: "#a10f5f";
-        readonly 1: "#dd2590";
-        readonly 2: "#ee46bc";
-        readonly 3: "#f670c7";
-        readonly 4: "#faa7e0";
-        readonly 5: "#fcceee";
-        readonly 6: "#fce7f6";
-        readonly 7: "#fdf2fa";
-        readonly 8: "#fef6fb";
-    };
-};
-export declare const text: {
-    readonly primary: "#cbd0d7";
-    readonly secondary: "#a8afba";
-    readonly tertiary: "#87919f";
-};
-export declare const background: {
-    readonly primary: "#0e1114";
-    readonly secondary: "#07080a";
-};
-export declare const border: {
-    readonly primary: "#2b333f";
-    readonly secondary: "#1c222a";
-};
-export declare const button: {
-    readonly primary: {
-        readonly text: "#ffffff";
-        readonly icon: "#ffffff";
-        readonly border: "#b72e2a";
-        readonly backgroundDefault: "#b72e2a";
-        readonly backgroundHover: "#89221f";
-    };
-    readonly neutral: {
-        readonly text: "#cbd0d7";
-        readonly textHover: "#ffffff";
-        readonly icon: "#cbd0d7";
-        readonly iconHover: "#ffffff";
-        readonly border: "#2b333f";
-        readonly background: "#0e1114";
-    };
-    readonly link: {
-        readonly text: "#ffffff";
-        readonly icon: "#ffffff";
-        readonly hover: "#dd6d69";
-    };
-    readonly error: {
-        readonly text: "#ff5150";
-        readonly hover: "#ff7c7c";
-    };
-    readonly success: {
-        readonly text: "#4fbd5a";
-        readonly hover: "#7acd82";
-    };
-};
-export declare const badge: {
-    readonly slateGrey: {
-        readonly content: "#cbd0d7";
-        readonly pillOutline: "#cbd0d7";
-        readonly borderPrimary: "#394454";
-        readonly borderSecondary: "#394454";
-        readonly background: "#1c222a";
-    };
-    readonly brand: {
-        readonly content: "#faebea";
-        readonly pillOutline: "#faebea";
-        readonly borderPrimary: "#e5918f";
-        readonly borderSecondary: "#e5918f";
-        readonly background: "#2c0b0a";
-    };
-    readonly red: {
-        readonly content: "#ffd3d3";
-        readonly pillOutline: "#ff2524";
-        readonly borderPrimary: "#991616";
-        readonly borderSecondary: "#991616";
-        readonly background: "#330707";
-    };
-    readonly yellow: {
-        readonly content: "#fcebd5";
-        readonly pillOutline: "#ee9c2d";
-        readonly borderPrimary: "#8f5e1b";
-        readonly borderSecondary: "#8f5e1b";
-        readonly background: "#301f09";
-    };
-    readonly green: {
-        readonly content: "#d0eed3";
-        readonly pillOutline: "#24ad32";
-        readonly borderPrimary: "#16681e";
-        readonly borderSecondary: "#16681e";
-        readonly background: "#07230a";
-    };
-    readonly purple: {
-        readonly content: "#e1def5";
-        readonly pillOutline: "#6a59ce";
-        readonly borderPrimary: "#40357c";
-        readonly borderSecondary: "#40357c";
-        readonly background: "#151229";
-    };
-    readonly blue: {
-        readonly content: "#d1e1ff";
-        readonly pillOutline: "#1969fe";
-        readonly borderPrimary: "#0f3f98";
-        readonly borderSecondary: "#0f3f98";
-        readonly background: "#051533";
-    };
-    readonly orange: {
-        readonly content: "#fff1e1";
-        readonly pillOutline: "#fea85d";
-        readonly borderPrimary: "#cc5800";
-        readonly borderSecondary: "#cc5800";
-        readonly background: "#662500";
-    };
-    readonly pink: {
-        readonly content: "#ffd5e9";
-        readonly pillOutline: "#ff2e92";
-        readonly borderPrimary: "#9b1c58";
-        readonly borderSecondary: "#9b1c58";
-        readonly background: "#37091f";
-    };
-};
-export declare const badgeBanner: {
-    readonly green: {
-        readonly content: "#d0eed3";
-        readonly border: "#16681e";
-        readonly background: "#07230a";
-    };
-    readonly yellow: {
-        readonly content: "#fcebd5";
-        readonly border: "#8f5e1b";
-        readonly background: "#301f09";
-    };
-    readonly red: {
-        readonly content: "#ffd3d3";
-        readonly border: "#991616";
-        readonly background: "#330707";
-    };
-};
-export declare const alert: {
-    readonly green: {
-        readonly content: "#0e4514";
-        readonly background: "#e5f6e7";
-    };
-    readonly yellow: {
-        readonly content: "#5f3e12";
-        readonly background: "#fdf5ea";
-    };
-    readonly red: {
-        readonly content: "#660f0e";
-        readonly background: "#ffe9e9";
-    };
-};
-export declare const tag: {
-    readonly content: "#cbd0d7";
-    readonly border: "#2b333f";
-    readonly background: "#1c222a";
-};
-export declare const menu: {
-    readonly backgroundDefault: "#0e1114";
-    readonly backgroundHover: "#0f1318";
-    readonly selected: "#1c222a";
-};
-export declare const inputDropdown: {
-    readonly background: "#0e1114";
-    readonly icon: "#cbd0d7";
-    readonly borderDefault: "#2b333f";
-    readonly borderSelected: "#b72e2a";
-    readonly textLabel: "#a8afba";
-    readonly textPlaceholder: "#87919f";
-    readonly textHint: "#87919f";
-};
-export declare const inputField: {
-    readonly backgroundDefault: "#0e1114";
-    readonly backgroundDisabled: "#07080a";
-    readonly textLabel: "#a8afba";
-    readonly textPlaceholder: "#87919f";
-    readonly textHint: "#87919f";
-    readonly textError: "#ff5150";
-    readonly iconDefault: "#a8afba";
-    readonly iconPlaceholder: "#cbd0d7";
-    readonly iconError: "#ff5150";
-    readonly borderDefault: "#2b333f";
-    readonly borderSelected: "#b72e2a";
-    readonly borderError: "#ff5150";
-};
-export declare const toggle: {
-    readonly handleDefault: "#ffffff";
-    readonly handleDisabled: "#cbd0d7";
-    readonly off: {
-        readonly backgroundDefault: "#2b333f";
-        readonly backgroundHover: "#394454";
-        readonly backgroundDisabled: "#2b333f";
-    };
-    readonly on: {
-        readonly backgroundDefault: "#1d8a28";
-        readonly backgroundHover: "#16681e";
-        readonly backgroundDisabled: "#2b333f";
-    };
-};
-export declare const checkbox: {
-    readonly off: {
-        readonly backgroundDefault: "#00000000";
-        readonly backgroundHover: "#394454";
-        readonly backgroundDisabled: "#0e1114";
-        readonly border: "#475569";
-    };
-    readonly on: {
-        readonly backgroundDefault: "#07230a";
-        readonly backgroundHover: "#0e4514";
-        readonly backgroundDisabled: "#0e1114";
-        readonly border: "#1d8a28";
-    };
-};
-export declare const avatar: {
-    readonly content: "#cbd0d7";
-    readonly background: "#2b333f";
-};
-export declare const progressBarSlider: {
-    readonly background: "#2b333f";
-    readonly active: "#1d8a28";
-};
-export declare const card: {
-    readonly background: "#0f1318";
-    readonly content: "#a8afba";
-    readonly border: "#2b333f";
-};
-export declare const sidebar: {
-    readonly backgroundDefault: "#0f1318";
-    readonly backgroundHover: "#1c222a";
-    readonly backgroundActive: "#2b333f";
-    readonly border: "#2b333f";
-    readonly contentPrimary: "#cbd0d7";
-    readonly contentSecondary: "#a8afba";
-    readonly contentTertiary: "#87919f";
-};
-export declare const modal: {
-    readonly background: "#0f1318";
-    readonly content: "#a8afba";
-    readonly border: "#2b333f";
-};
-export declare const tab: {
-    readonly activeBackground: "#1c222a";
-    readonly activeContent: "#dd6d69";
-    readonly inactiveContent: "#a8afba";
-    readonly border: "#2b333f";
-};
-export declare const table: {
-    readonly header: {
-        readonly textDefault: "#a8afba";
-        readonly textHover: "#87919f";
-        readonly backgroundDefault: "#0f1318";
-    };
-    readonly border: "#2b333f";
-    readonly cell: {
-        readonly textPrimary: "#cbd0d7";
-        readonly textSecondary: "#a8afba";
-        readonly backgroundDefault: "#0e1114";
-        readonly backgroundHover: "#0f1318";
-    };
-};
-export declare const breadcrumbs: {
-    readonly textPrimaryDefault: "#cbd0d7";
-    readonly textPrimaryHover: "#cbd0d7";
-    readonly textSecondaryDefault: "#87919f";
-    readonly textSecondaryHover: "#a8afba";
-    readonly iconPrimary: "#cbd0d7";
-    readonly iconSecondary: "#87919f";
-};
-export declare const loadingIndicator: {
-    readonly background: "#0e4514";
-    readonly active: "#4fbd5a";
-};
-export declare const datePicker: {
-    readonly textDefault: "#cbd0d7";
-    readonly textSelected: "#ffffff";
-    readonly textDisabled: "#677384";
-    readonly backgroundDefault: "#0e1114";
-    readonly backgroundMiddle: "#1c222a";
-    readonly backgroundSelected: "#b72e2a";
-    readonly border: "#2b333f";
-};
-export declare const scroll: "#a8afba";
-export declare const colors: {
-    readonly base: {
-        readonly white: "#ffffff";
-        readonly black: "#000000";
-    };
-    readonly brand: {
-        readonly 0: "#2c0b0a";
-        readonly 1: "#5b1715";
-        readonly 2: "#89221f";
-        readonly 3: "#b72e2a";
-        readonly 4: "#d44844";
-        readonly 5: "#dd6d69";
-        readonly 6: "#e5918f";
-        readonly 7: "#eeb6b4";
-        readonly 8: "#f6dada";
-        readonly 9: "#faebea";
-    };
-    readonly slateGrey: {
-        readonly 0: "#07080a";
-        readonly 1: "#0f1318";
-        readonly 2: "#0e1114";
-        readonly 3: "#1c222a";
-        readonly 4: "#2b333f";
-        readonly 5: "#394454";
-        readonly 6: "#475569";
-        readonly 7: "#677384";
-        readonly 8: "#87919f";
-        readonly 9: "#a8afba";
-        readonly 10: "#cbd0d7";
-        readonly 11: "#e8eaee";
-        readonly 12: "#f6f7f9";
-    };
-    readonly green: {
-        readonly 0: "#07230a";
-        readonly 1: "#0e4514";
-        readonly 2: "#16681e";
-        readonly 3: "#1d8a28";
-        readonly 4: "#24ad32";
-        readonly 5: "#4fbd5a";
-        readonly 6: "#7acd82";
-        readonly 7: "#a5deab";
-        readonly 8: "#d0eed3";
-        readonly 9: "#e5f6e7";
-    };
-    readonly yellow: {
-        readonly 0: "#301f09";
-        readonly 1: "#5f3e12";
-        readonly 2: "#8f5e1b";
-        readonly 3: "#be7d24";
-        readonly 4: "#ee9c2d";
-        readonly 5: "#f1b057";
-        readonly 6: "#f5c481";
-        readonly 7: "#f8d7ab";
-        readonly 8: "#fcebd5";
-        readonly 9: "#fdf5ea";
-    };
-    readonly red: {
-        readonly 0: "#330707";
-        readonly 1: "#660f0e";
-        readonly 2: "#991616";
-        readonly 3: "#cc1e1d";
-        readonly 4: "#ff2524";
-        readonly 5: "#ff5150";
-        readonly 6: "#ff7c7c";
-        readonly 7: "#ffa8a7";
-        readonly 8: "#ffd3d3";
-        readonly 9: "#ffe9e9";
-    };
-    readonly blue: {
-        readonly 0: "#051533";
-        readonly 1: "#0a2a66";
-        readonly 2: "#0f3f98";
-        readonly 3: "#1454cb";
-        readonly 4: "#1969fe";
-        readonly 5: "#4787fe";
-        readonly 6: "#75a5fe";
-        readonly 7: "#a3c3ff";
-        readonly 8: "#d1e1ff";
-        readonly 9: "#e8f0ff";
-    };
-    readonly orange: {
-        readonly 0: "#662500";
-        readonly 1: "#993d00";
-        readonly 2: "#cc5800";
-        readonly 3: "#ff7700";
-        readonly 4: "#fea85d";
-        readonly 5: "#fec58f";
-        readonly 6: "#ffd6ae";
-        readonly 7: "#fee6cd";
-        readonly 8: "#fff1e1";
-        readonly 9: "#fff8f0";
-    };
-    readonly purple: {
-        readonly 0: "#151229";
-        readonly 1: "#2a2452";
-        readonly 2: "#40357c";
-        readonly 3: "#5547a5";
-        readonly 4: "#6a59ce";
-        readonly 5: "#887ad8";
-        readonly 6: "#a69be2";
-        readonly 7: "#c3bdeb";
-        readonly 8: "#e1def5";
-        readonly 9: "#f0eefa";
-    };
-    readonly pink: {
-        readonly 0: "#37091f";
-        readonly 1: "#69123c";
-        readonly 2: "#9b1c58";
-        readonly 3: "#cd2575";
-        readonly 4: "#ff2e92";
-        readonly 5: "#ff58a8";
-        readonly 6: "#ff82be";
-        readonly 7: "#ffabd3";
-        readonly 8: "#ffd5e9";
-        readonly 9: "#ffeaf4";
-    };
-    readonly legacy: {
-        readonly aqua: {
-            readonly 0: "#0c5f8d";
-            readonly 1: "#146b99";
-            readonly 2: "#1d78a6";
-            readonly 3: "#2e89b6";
-            readonly 4: "#4a9fc4";
-            readonly 5: "#6bb4d1";
-            readonly 6: "#93cce0";
-            readonly 7: "#bddff0";
-            readonly 8: "#dceef8";
-            readonly 9: "#f2f8fc";
-        };
-        readonly violet: {
-            readonly 0: "#6927da";
-            readonly 1: "#7839ee";
-            readonly 2: "#875bf7";
-            readonly 3: "#a48afb";
-            readonly 4: "#c3b4fd";
-            readonly 5: "#ddd6fe";
-            readonly 6: "#ece9fe";
-            readonly 7: "#f5f3ff";
-            readonly 8: "#fbfaff";
-        };
-        readonly fuchsia: {
-            readonly 0: "#9f1ab1";
-            readonly 1: "#ba24d5";
-            readonly 2: "#d444f1";
-            readonly 3: "#e478fa";
-            readonly 4: "#eeaafd";
-            readonly 5: "#f6d0fe";
-            readonly 6: "#fbe8ff";
-            readonly 7: "#fdf4ff";
-            readonly 8: "#fefaff";
-        };
-        readonly pink: {
-            readonly 0: "#a10f5f";
-            readonly 1: "#dd2590";
-            readonly 2: "#ee46bc";
-            readonly 3: "#f670c7";
-            readonly 4: "#faa7e0";
-            readonly 5: "#fcceee";
-            readonly 6: "#fce7f6";
-            readonly 7: "#fdf2fa";
-            readonly 8: "#fef6fb";
-        };
-    };
-    readonly text: {
-        readonly primary: "#cbd0d7";
-        readonly secondary: "#a8afba";
-        readonly tertiary: "#87919f";
-    };
-    readonly background: {
-        readonly primary: "#0e1114";
-        readonly secondary: "#07080a";
-    };
-    readonly border: {
-        readonly primary: "#2b333f";
-        readonly secondary: "#1c222a";
-    };
-    readonly button: {
-        readonly primary: {
-            readonly text: "#ffffff";
-            readonly icon: "#ffffff";
-            readonly border: "#b72e2a";
-            readonly backgroundDefault: "#b72e2a";
-            readonly backgroundHover: "#89221f";
-        };
-        readonly neutral: {
-            readonly text: "#cbd0d7";
-            readonly textHover: "#ffffff";
-            readonly icon: "#cbd0d7";
-            readonly iconHover: "#ffffff";
-            readonly border: "#2b333f";
-            readonly background: "#0e1114";
-        };
-        readonly link: {
-            readonly text: "#ffffff";
-            readonly icon: "#ffffff";
-            readonly hover: "#dd6d69";
-        };
-        readonly error: {
-            readonly text: "#ff5150";
-            readonly hover: "#ff7c7c";
-        };
-        readonly success: {
-            readonly text: "#4fbd5a";
-            readonly hover: "#7acd82";
-        };
-    };
-    readonly badge: {
-        readonly slateGrey: {
-            readonly content: "#cbd0d7";
-            readonly pillOutline: "#cbd0d7";
-            readonly borderPrimary: "#394454";
-            readonly borderSecondary: "#394454";
-            readonly background: "#1c222a";
-        };
-        readonly brand: {
-            readonly content: "#faebea";
-            readonly pillOutline: "#faebea";
-            readonly borderPrimary: "#e5918f";
-            readonly borderSecondary: "#e5918f";
-            readonly background: "#2c0b0a";
-        };
-        readonly red: {
-            readonly content: "#ffd3d3";
-            readonly pillOutline: "#ff2524";
-            readonly borderPrimary: "#991616";
-            readonly borderSecondary: "#991616";
-            readonly background: "#330707";
-        };
-        readonly yellow: {
-            readonly content: "#fcebd5";
-            readonly pillOutline: "#ee9c2d";
-            readonly borderPrimary: "#8f5e1b";
-            readonly borderSecondary: "#8f5e1b";
-            readonly background: "#301f09";
-        };
-        readonly green: {
-            readonly content: "#d0eed3";
-            readonly pillOutline: "#24ad32";
-            readonly borderPrimary: "#16681e";
-            readonly borderSecondary: "#16681e";
-            readonly background: "#07230a";
-        };
-        readonly purple: {
-            readonly content: "#e1def5";
-            readonly pillOutline: "#6a59ce";
-            readonly borderPrimary: "#40357c";
-            readonly borderSecondary: "#40357c";
-            readonly background: "#151229";
-        };
-        readonly blue: {
-            readonly content: "#d1e1ff";
-            readonly pillOutline: "#1969fe";
-            readonly borderPrimary: "#0f3f98";
-            readonly borderSecondary: "#0f3f98";
-            readonly background: "#051533";
-        };
-        readonly orange: {
-            readonly content: "#fff1e1";
-            readonly pillOutline: "#fea85d";
-            readonly borderPrimary: "#cc5800";
-            readonly borderSecondary: "#cc5800";
-            readonly background: "#662500";
-        };
-        readonly pink: {
-            readonly content: "#ffd5e9";
-            readonly pillOutline: "#ff2e92";
-            readonly borderPrimary: "#9b1c58";
-            readonly borderSecondary: "#9b1c58";
-            readonly background: "#37091f";
-        };
-    };
-    readonly badgeBanner: {
-        readonly green: {
-            readonly content: "#d0eed3";
-            readonly border: "#16681e";
-            readonly background: "#07230a";
-        };
-        readonly yellow: {
-            readonly content: "#fcebd5";
-            readonly border: "#8f5e1b";
-            readonly background: "#301f09";
-        };
-        readonly red: {
-            readonly content: "#ffd3d3";
-            readonly border: "#991616";
-            readonly background: "#330707";
-        };
-    };
-    readonly alert: {
-        readonly green: {
-            readonly content: "#0e4514";
-            readonly background: "#e5f6e7";
-        };
-        readonly yellow: {
-            readonly content: "#5f3e12";
-            readonly background: "#fdf5ea";
-        };
-        readonly red: {
-            readonly content: "#660f0e";
-            readonly background: "#ffe9e9";
-        };
-    };
-    readonly tag: {
-        readonly content: "#cbd0d7";
-        readonly border: "#2b333f";
-        readonly background: "#1c222a";
-    };
-    readonly menu: {
-        readonly backgroundDefault: "#0e1114";
-        readonly backgroundHover: "#0f1318";
-        readonly selected: "#1c222a";
-    };
-    readonly inputDropdown: {
-        readonly background: "#0e1114";
-        readonly icon: "#cbd0d7";
-        readonly borderDefault: "#2b333f";
-        readonly borderSelected: "#b72e2a";
-        readonly textLabel: "#a8afba";
-        readonly textPlaceholder: "#87919f";
-        readonly textHint: "#87919f";
-    };
-    readonly inputField: {
-        readonly backgroundDefault: "#0e1114";
-        readonly backgroundDisabled: "#07080a";
-        readonly textLabel: "#a8afba";
-        readonly textPlaceholder: "#87919f";
-        readonly textHint: "#87919f";
-        readonly textError: "#ff5150";
-        readonly iconDefault: "#a8afba";
-        readonly iconPlaceholder: "#cbd0d7";
-        readonly iconError: "#ff5150";
-        readonly borderDefault: "#2b333f";
-        readonly borderSelected: "#b72e2a";
-        readonly borderError: "#ff5150";
-    };
-    readonly toggle: {
-        readonly handleDefault: "#ffffff";
-        readonly handleDisabled: "#cbd0d7";
-        readonly off: {
-            readonly backgroundDefault: "#2b333f";
-            readonly backgroundHover: "#394454";
-            readonly backgroundDisabled: "#2b333f";
-        };
-        readonly on: {
-            readonly backgroundDefault: "#1d8a28";
-            readonly backgroundHover: "#16681e";
-            readonly backgroundDisabled: "#2b333f";
-        };
-    };
-    readonly checkbox: {
-        readonly off: {
-            readonly backgroundDefault: "#00000000";
-            readonly backgroundHover: "#394454";
-            readonly backgroundDisabled: "#0e1114";
-            readonly border: "#475569";
-        };
-        readonly on: {
-            readonly backgroundDefault: "#07230a";
-            readonly backgroundHover: "#0e4514";
-            readonly backgroundDisabled: "#0e1114";
-            readonly border: "#1d8a28";
-        };
-    };
-    readonly avatar: {
-        readonly content: "#cbd0d7";
-        readonly background: "#2b333f";
-    };
-    readonly progressBarSlider: {
-        readonly background: "#2b333f";
-        readonly active: "#1d8a28";
-    };
-    readonly card: {
-        readonly background: "#0f1318";
-        readonly content: "#a8afba";
-        readonly border: "#2b333f";
-    };
-    readonly sidebar: {
-        readonly backgroundDefault: "#0f1318";
-        readonly backgroundHover: "#1c222a";
-        readonly backgroundActive: "#2b333f";
-        readonly border: "#2b333f";
-        readonly contentPrimary: "#cbd0d7";
-        readonly contentSecondary: "#a8afba";
-        readonly contentTertiary: "#87919f";
-    };
-    readonly modal: {
-        readonly background: "#0f1318";
-        readonly content: "#a8afba";
-        readonly border: "#2b333f";
-    };
-    readonly tab: {
-        readonly activeBackground: "#1c222a";
-        readonly activeContent: "#dd6d69";
-        readonly inactiveContent: "#a8afba";
-        readonly border: "#2b333f";
-    };
-    readonly table: {
-        readonly header: {
-            readonly textDefault: "#a8afba";
-            readonly textHover: "#87919f";
-            readonly backgroundDefault: "#0f1318";
-        };
-        readonly border: "#2b333f";
-        readonly cell: {
-            readonly textPrimary: "#cbd0d7";
-            readonly textSecondary: "#a8afba";
-            readonly backgroundDefault: "#0e1114";
-            readonly backgroundHover: "#0f1318";
-        };
-    };
-    readonly breadcrumbs: {
-        readonly textPrimaryDefault: "#cbd0d7";
-        readonly textPrimaryHover: "#cbd0d7";
-        readonly textSecondaryDefault: "#87919f";
-        readonly textSecondaryHover: "#a8afba";
-        readonly iconPrimary: "#cbd0d7";
-        readonly iconSecondary: "#87919f";
-    };
-    readonly loadingIndicator: {
-        readonly background: "#0e4514";
-        readonly active: "#4fbd5a";
-    };
-    readonly datePicker: {
-        readonly textDefault: "#cbd0d7";
-        readonly textSelected: "#ffffff";
-        readonly textDisabled: "#677384";
-        readonly backgroundDefault: "#0e1114";
-        readonly backgroundMiddle: "#1c222a";
-        readonly backgroundSelected: "#b72e2a";
-        readonly border: "#2b333f";
-    };
-    readonly scroll: "#a8afba";
-};
-export default colors;
-//# sourceMappingURL=colors.d.ts.map