@syntrologie/adapt-nav 2.16.0 → 2.17.0

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

@@ -1,464 +0,0 @@
-/**
- * Syntro Design System - Color CSS Variables
- *
- * Import this file in your application to use color tokens as CSS custom properties.
- * Usage: color: var(--syntro-brand-3);
- *
- * @see https://www.figma.com/design/U0Ol5vM7FQvgPfIgCAgxgb/Design-System
- */
-
-:root {
-  /* ========================================================================== */
-  /* BASE COLORS */
-  /* ========================================================================== */
-  --syntro-base-white: #ffffff;
-  --syntro-base-black: #000000;
-
-  /* ========================================================================== */
-  /* BRAND COLORS */
-  /* ========================================================================== */
-  --syntro-brand-0: #2c0b0a;
-  --syntro-brand-1: #5b1715;
-  --syntro-brand-2: #89221f;
-  --syntro-brand-3: #b72e2a;
-  --syntro-brand-4: #d44844;
-  --syntro-brand-5: #dd6d69;
-  --syntro-brand-6: #e5918f;
-  --syntro-brand-7: #eeb6b4;
-  --syntro-brand-8: #f6dada;
-  --syntro-brand-9: #faebea;
-
-  /* ========================================================================== */
-  /* NEUTRAL COLORS - SLATE GREY */
-  /* ========================================================================== */
-  --syntro-slate-grey-0: #07080a;
-  --syntro-slate-grey-1: #0f1318;
-  --syntro-slate-grey-2: #0e1114;
-  --syntro-slate-grey-3: #1c222a;
-  --syntro-slate-grey-4: #2b333f;
-  --syntro-slate-grey-5: #394454;
-  --syntro-slate-grey-6: #475569;
-  --syntro-slate-grey-7: #677384;
-  --syntro-slate-grey-8: #87919f;
-  --syntro-slate-grey-9: #a8afba;
-  --syntro-slate-grey-10: #cbd0d7;
-  --syntro-slate-grey-11: #e8eaee;
-  --syntro-slate-grey-12: #f6f7f9;
-
-  /* ========================================================================== */
-  /* SEMANTIC COLOR SCALES */
-  /* ========================================================================== */
-
-  /* Green */
-  --syntro-green-0: #07230a;
-  --syntro-green-1: #0e4514;
-  --syntro-green-2: #16681e;
-  --syntro-green-3: #1d8a28;
-  --syntro-green-4: #24ad32;
-  --syntro-green-5: #4fbd5a;
-  --syntro-green-6: #7acd82;
-  --syntro-green-7: #a5deab;
-  --syntro-green-8: #d0eed3;
-  --syntro-green-9: #e5f6e7;
-
-  /* Yellow */
-  --syntro-yellow-0: #301f09;
-  --syntro-yellow-1: #5f3e12;
-  --syntro-yellow-2: #8f5e1b;
-  --syntro-yellow-3: #be7d24;
-  --syntro-yellow-4: #ee9c2d;
-  --syntro-yellow-5: #f1b057;
-  --syntro-yellow-6: #f5c481;
-  --syntro-yellow-7: #f8d7ab;
-  --syntro-yellow-8: #fcebd5;
-  --syntro-yellow-9: #fdf5ea;
-
-  /* Red */
-  --syntro-red-0: #330707;
-  --syntro-red-1: #660f0e;
-  --syntro-red-2: #991616;
-  --syntro-red-3: #cc1e1d;
-  --syntro-red-4: #ff2524;
-  --syntro-red-5: #ff5150;
-  --syntro-red-6: #ff7c7c;
-  --syntro-red-7: #ffa8a7;
-  --syntro-red-8: #ffd3d3;
-  --syntro-red-9: #ffe9e9;
-
-  /* Blue */
-  --syntro-blue-0: #051533;
-  --syntro-blue-1: #0a2a66;
-  --syntro-blue-2: #0f3f98;
-  --syntro-blue-3: #1454cb;
-  --syntro-blue-4: #1969fe;
-  --syntro-blue-5: #4787fe;
-  --syntro-blue-6: #75a5fe;
-  --syntro-blue-7: #a3c3ff;
-  --syntro-blue-8: #d1e1ff;
-  --syntro-blue-9: #e8f0ff;
-
-  /* Orange */
-  --syntro-orange-0: #662500;
-  --syntro-orange-1: #993d00;
-  --syntro-orange-2: #cc5800;
-  --syntro-orange-3: #ff7700;
-  --syntro-orange-4: #fea85d;
-  --syntro-orange-5: #fec58f;
-  --syntro-orange-6: #ffd6ae;
-  --syntro-orange-7: #fee6cd;
-  --syntro-orange-8: #fff1e1;
-  --syntro-orange-9: #fff8f0;
-
-  /* Purple */
-  --syntro-purple-0: #151229;
-  --syntro-purple-1: #2a2452;
-  --syntro-purple-2: #40357c;
-  --syntro-purple-3: #5547a5;
-  --syntro-purple-4: #6a59ce;
-  --syntro-purple-5: #887ad8;
-  --syntro-purple-6: #a69be2;
-  --syntro-purple-7: #c3bdeb;
-  --syntro-purple-8: #e1def5;
-  --syntro-purple-9: #f0eefa;
-
-  /* Pink */
-  --syntro-pink-0: #37091f;
-  --syntro-pink-1: #69123c;
-  --syntro-pink-2: #9b1c58;
-  --syntro-pink-3: #cd2575;
-  --syntro-pink-4: #ff2e92;
-  --syntro-pink-5: #ff58a8;
-  --syntro-pink-6: #ff82be;
-  --syntro-pink-7: #ffabd3;
-  --syntro-pink-8: #ffd5e9;
-  --syntro-pink-9: #ffeaf4;
-
-  /* ========================================================================== */
-  /* LEGACY COLORS (Being phased out) */
-  /* ========================================================================== */
-
-  /* Legacy Aqua */
-  --syntro-legacy-aqua-0: #0c5f8d;
-  --syntro-legacy-aqua-1: #146b99;
-  --syntro-legacy-aqua-2: #1d78a6;
-  --syntro-legacy-aqua-3: #2e89b6;
-  --syntro-legacy-aqua-4: #4a9fc4;
-  --syntro-legacy-aqua-5: #6bb4d1;
-  --syntro-legacy-aqua-6: #93cce0;
-  --syntro-legacy-aqua-7: #bddff0;
-  --syntro-legacy-aqua-8: #dceef8;
-  --syntro-legacy-aqua-9: #f2f8fc;
-
-  /* Legacy Violet */
-  --syntro-legacy-violet-0: #6927da;
-  --syntro-legacy-violet-1: #7839ee;
-  --syntro-legacy-violet-2: #875bf7;
-  --syntro-legacy-violet-3: #a48afb;
-  --syntro-legacy-violet-4: #c3b4fd;
-  --syntro-legacy-violet-5: #ddd6fe;
-  --syntro-legacy-violet-6: #ece9fe;
-  --syntro-legacy-violet-7: #f5f3ff;
-  --syntro-legacy-violet-8: #fbfaff;
-
-  /* Legacy Fuchsia */
-  --syntro-legacy-fuchsia-0: #9f1ab1;
-  --syntro-legacy-fuchsia-1: #ba24d5;
-  --syntro-legacy-fuchsia-2: #d444f1;
-  --syntro-legacy-fuchsia-3: #e478fa;
-  --syntro-legacy-fuchsia-4: #eeaafd;
-  --syntro-legacy-fuchsia-5: #f6d0fe;
-  --syntro-legacy-fuchsia-6: #fbe8ff;
-  --syntro-legacy-fuchsia-7: #fdf4ff;
-  --syntro-legacy-fuchsia-8: #fefaff;
-
-  /* Legacy Pink */
-  --syntro-legacy-pink-0: #a10f5f;
-  --syntro-legacy-pink-1: #dd2590;
-  --syntro-legacy-pink-2: #ee46bc;
-  --syntro-legacy-pink-3: #f670c7;
-  --syntro-legacy-pink-4: #faa7e0;
-  --syntro-legacy-pink-5: #fcceee;
-  --syntro-legacy-pink-6: #fce7f6;
-  --syntro-legacy-pink-7: #fdf2fa;
-  --syntro-legacy-pink-8: #fef6fb;
-
-  /* ========================================================================== */
-  /* SEMANTIC TOKENS - TEXT */
-  /* ========================================================================== */
-  --syntro-text-primary: #cbd0d7;
-  --syntro-text-secondary: #a8afba;
-  --syntro-text-tertiary: #87919f;
-
-  /* ========================================================================== */
-  /* SEMANTIC TOKENS - BACKGROUND */
-  /* ========================================================================== */
-  --syntro-background-primary: #0e1114;
-  --syntro-background-secondary: #07080a;
-
-  /* ========================================================================== */
-  /* SEMANTIC TOKENS - BORDER */
-  /* ========================================================================== */
-  --syntro-border-primary: #2b333f;
-  --syntro-border-secondary: #1c222a;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - BUTTON */
-  /* ========================================================================== */
-  --syntro-button-primary-text: #ffffff;
-  --syntro-button-primary-icon: #ffffff;
-  --syntro-button-primary-border: #b72e2a;
-  --syntro-button-primary-bg-default: #b72e2a;
-  --syntro-button-primary-bg-hover: #89221f;
-
-  --syntro-button-neutral-text: #cbd0d7;
-  --syntro-button-neutral-text-hover: #ffffff;
-  --syntro-button-neutral-icon: #cbd0d7;
-  --syntro-button-neutral-icon-hover: #ffffff;
-  --syntro-button-neutral-border: #2b333f;
-  --syntro-button-neutral-bg: #0e1114;
-
-  --syntro-button-link-text: #ffffff;
-  --syntro-button-link-icon: #ffffff;
-  --syntro-button-link-hover: #dd6d69;
-
-  --syntro-button-error-text: #ff5150;
-  --syntro-button-error-hover: #ff7c7c;
-
-  --syntro-button-success-text: #4fbd5a;
-  --syntro-button-success-hover: #7acd82;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - BADGE */
-  /* ========================================================================== */
-  --syntro-badge-slate-grey-content: #cbd0d7;
-  --syntro-badge-slate-grey-pill-outline: #cbd0d7;
-  --syntro-badge-slate-grey-border-primary: #394454;
-  --syntro-badge-slate-grey-border-secondary: #394454;
-  --syntro-badge-slate-grey-bg: #1c222a;
-
-  --syntro-badge-brand-content: #faebea;
-  --syntro-badge-brand-pill-outline: #faebea;
-  --syntro-badge-brand-border-primary: #e5918f;
-  --syntro-badge-brand-border-secondary: #e5918f;
-  --syntro-badge-brand-bg: #2c0b0a;
-
-  --syntro-badge-red-content: #ffd3d3;
-  --syntro-badge-red-pill-outline: #ff2524;
-  --syntro-badge-red-border-primary: #991616;
-  --syntro-badge-red-border-secondary: #991616;
-  --syntro-badge-red-bg: #330707;
-
-  --syntro-badge-yellow-content: #fcebd5;
-  --syntro-badge-yellow-pill-outline: #ee9c2d;
-  --syntro-badge-yellow-border-primary: #8f5e1b;
-  --syntro-badge-yellow-border-secondary: #8f5e1b;
-  --syntro-badge-yellow-bg: #301f09;
-
-  --syntro-badge-green-content: #d0eed3;
-  --syntro-badge-green-pill-outline: #24ad32;
-  --syntro-badge-green-border-primary: #16681e;
-  --syntro-badge-green-border-secondary: #16681e;
-  --syntro-badge-green-bg: #07230a;
-
-  --syntro-badge-purple-content: #e1def5;
-  --syntro-badge-purple-pill-outline: #6a59ce;
-  --syntro-badge-purple-border-primary: #40357c;
-  --syntro-badge-purple-border-secondary: #40357c;
-  --syntro-badge-purple-bg: #151229;
-
-  --syntro-badge-blue-content: #d1e1ff;
-  --syntro-badge-blue-pill-outline: #1969fe;
-  --syntro-badge-blue-border-primary: #0f3f98;
-  --syntro-badge-blue-border-secondary: #0f3f98;
-  --syntro-badge-blue-bg: #051533;
-
-  --syntro-badge-orange-content: #fff1e1;
-  --syntro-badge-orange-pill-outline: #fea85d;
-  --syntro-badge-orange-border-primary: #cc5800;
-  --syntro-badge-orange-border-secondary: #cc5800;
-  --syntro-badge-orange-bg: #662500;
-
-  --syntro-badge-pink-content: #ffd5e9;
-  --syntro-badge-pink-pill-outline: #ff2e92;
-  --syntro-badge-pink-border-primary: #9b1c58;
-  --syntro-badge-pink-border-secondary: #9b1c58;
-  --syntro-badge-pink-bg: #37091f;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - BADGE BANNER */
-  /* ========================================================================== */
-  --syntro-badge-banner-green-content: #d0eed3;
-  --syntro-badge-banner-green-border: #16681e;
-  --syntro-badge-banner-green-bg: #07230a;
-
-  --syntro-badge-banner-yellow-content: #fcebd5;
-  --syntro-badge-banner-yellow-border: #8f5e1b;
-  --syntro-badge-banner-yellow-bg: #301f09;
-
-  --syntro-badge-banner-red-content: #ffd3d3;
-  --syntro-badge-banner-red-border: #991616;
-  --syntro-badge-banner-red-bg: #330707;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - ALERT */
-  /* ========================================================================== */
-  --syntro-alert-green-content: #0e4514;
-  --syntro-alert-green-bg: #e5f6e7;
-
-  --syntro-alert-yellow-content: #5f3e12;
-  --syntro-alert-yellow-bg: #fdf5ea;
-
-  --syntro-alert-red-content: #660f0e;
-  --syntro-alert-red-bg: #ffe9e9;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - TAG */
-  /* ========================================================================== */
-  --syntro-tag-content: #cbd0d7;
-  --syntro-tag-border: #2b333f;
-  --syntro-tag-bg: #1c222a;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - MENU */
-  /* ========================================================================== */
-  --syntro-menu-bg-default: #0e1114;
-  --syntro-menu-bg-hover: #0f1318;
-  --syntro-menu-selected: #1c222a;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - INPUT/DROPDOWN */
-  /* ========================================================================== */
-  --syntro-input-dropdown-bg: #0e1114;
-  --syntro-input-dropdown-icon: #cbd0d7;
-  --syntro-input-dropdown-border-default: #2b333f;
-  --syntro-input-dropdown-border-selected: #b72e2a;
-  --syntro-input-dropdown-text-label: #a8afba;
-  --syntro-input-dropdown-text-placeholder: #87919f;
-  --syntro-input-dropdown-text-hint: #87919f;
-
-  --syntro-input-field-bg-default: #0e1114;
-  --syntro-input-field-bg-disabled: #07080a;
-  --syntro-input-field-text-label: #a8afba;
-  --syntro-input-field-text-placeholder: #87919f;
-  --syntro-input-field-text-hint: #87919f;
-  --syntro-input-field-text-error: #ff5150;
-  --syntro-input-field-icon-default: #a8afba;
-  --syntro-input-field-icon-placeholder: #cbd0d7;
-  --syntro-input-field-icon-error: #ff5150;
-  --syntro-input-field-border-default: #2b333f;
-  --syntro-input-field-border-selected: #b72e2a;
-  --syntro-input-field-border-error: #ff5150;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - TOGGLE */
-  /* ========================================================================== */
-  --syntro-toggle-handle-default: #ffffff;
-  --syntro-toggle-handle-disabled: #cbd0d7;
-  --syntro-toggle-off-bg-default: #2b333f;
-  --syntro-toggle-off-bg-hover: #394454;
-  --syntro-toggle-off-bg-disabled: #2b333f;
-  --syntro-toggle-on-bg-default: #1d8a28;
-  --syntro-toggle-on-bg-hover: #16681e;
-  --syntro-toggle-on-bg-disabled: #2b333f;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - CHECKBOX */
-  /* ========================================================================== */
-  --syntro-checkbox-off-bg-default: #00000000;
-  --syntro-checkbox-off-bg-hover: #394454;
-  --syntro-checkbox-off-bg-disabled: #0e1114;
-  --syntro-checkbox-off-border: #475569;
-  --syntro-checkbox-on-bg-default: #07230a;
-  --syntro-checkbox-on-bg-hover: #0e4514;
-  --syntro-checkbox-on-bg-disabled: #0e1114;
-  --syntro-checkbox-on-border: #1d8a28;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - AVATAR */
-  /* ========================================================================== */
-  --syntro-avatar-content: #cbd0d7;
-  --syntro-avatar-bg: #2b333f;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - PROGRESS BAR & SLIDER */
-  /* ========================================================================== */
-  --syntro-progress-bar-slider-bg: #2b333f;
-  --syntro-progress-bar-slider-active: #1d8a28;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - CARD */
-  /* ========================================================================== */
-  --syntro-card-bg: #0f1318;
-  --syntro-card-content: #a8afba;
-  --syntro-card-border: #2b333f;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - SIDEBAR */
-  /* ========================================================================== */
-  --syntro-sidebar-bg-default: #0f1318;
-  --syntro-sidebar-bg-hover: #1c222a;
-  --syntro-sidebar-bg-active: #2b333f;
-  --syntro-sidebar-border: #2b333f;
-  --syntro-sidebar-content-primary: #cbd0d7;
-  --syntro-sidebar-content-secondary: #a8afba;
-  --syntro-sidebar-content-tertiary: #87919f;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - MODAL */
-  /* ========================================================================== */
-  --syntro-modal-bg: #0f1318;
-  --syntro-modal-content: #a8afba;
-  --syntro-modal-border: #2b333f;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - TAB */
-  /* ========================================================================== */
-  --syntro-tab-active-bg: #1c222a;
-  --syntro-tab-active-content: #dd6d69;
-  --syntro-tab-inactive-content: #a8afba;
-  --syntro-tab-border: #2b333f;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - TABLE */
-  /* ========================================================================== */
-  --syntro-table-header-text-default: #a8afba;
-  --syntro-table-header-text-hover: #87919f;
-  --syntro-table-header-bg-default: #0f1318;
-  --syntro-table-border: #2b333f;
-  --syntro-table-cell-text-primary: #cbd0d7;
-  --syntro-table-cell-text-secondary: #a8afba;
-  --syntro-table-cell-bg-default: #0e1114;
-  --syntro-table-cell-bg-hover: #0f1318;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - BREADCRUMBS */
-  /* ========================================================================== */
-  --syntro-breadcrumbs-text-primary-default: #cbd0d7;
-  --syntro-breadcrumbs-text-primary-hover: #cbd0d7;
-  --syntro-breadcrumbs-text-secondary-default: #87919f;
-  --syntro-breadcrumbs-text-secondary-hover: #a8afba;
-  --syntro-breadcrumbs-icon-primary: #cbd0d7;
-  --syntro-breadcrumbs-icon-secondary: #87919f;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - LOADING INDICATOR */
-  /* ========================================================================== */
-  --syntro-loading-indicator-bg: #0e4514;
-  --syntro-loading-indicator-active: #4fbd5a;
-
-  /* ========================================================================== */
-  /* COMPONENT TOKENS - DATE PICKER */
-  /* ========================================================================== */
-  --syntro-date-picker-text-default: #cbd0d7;
-  --syntro-date-picker-text-selected: #ffffff;
-  --syntro-date-picker-text-disabled: #677384;
-  --syntro-date-picker-bg-default: #0e1114;
-  --syntro-date-picker-bg-middle: #1c222a;
-  --syntro-date-picker-bg-selected: #b72e2a;
-  --syntro-date-picker-border: #2b333f;
-
-  /* ========================================================================== */
-  /* MISC */
-  /* ========================================================================== */
-  --syntro-scroll: #a8afba;
-}