@solid-design-system/tokens 6.0.0-next.2 → 6.0.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/cdn/themes/tailwind.css +1 -0
  2. package/cdn/themes/ui-dark/ui-dark.css +1 -0
  3. package/cdn/themes/ui-light/ui-light.css +1 -0
  4. package/cdn/themes/vb/vb.css +1 -0
  5. package/dist/theme.js +1 -1
  6. package/dist/themes/tailwind.css +75 -75
  7. package/dist/themes/ui-dark/ui-dark.css +57 -10
  8. package/dist/themes/ui-light/ui-light.css +83 -7
  9. package/dist/themes/vb/vb.css +97 -37
  10. package/dist/tokens.scss +82 -6
  11. package/package.json +8 -4
package/cdn/themes/tailwind.css ADDED
@@ -0,0 +1 @@
1
+ @custom-variant hover (&:hover:not([disabled]));@custom-variant focus (&:focus:not([disabled]));@custom-variant active (&:active:not([disabled]));@theme inline{--animate-bounce-once: bounce-once var(--sd-duration-medium,.3s)ease-in-out; --animate-grow: grow linear; --animate-loader-current: wave 1.3s infinite,loader-color-current 2.6s infinite; --animate-loader-primary: wave 1.3s infinite,loader-color-primary 2.6s infinite; --animate-loader-white: wave 1.3s infinite,loader-color-white 2.6s infinite; --aspect-16\/10: var(--sd-aspect-16\/10); --aspect-21\/9: var(--sd-aspect-21\/9); --aspect-2\/1: var(--sd-aspect-2\/1); --aspect-3\/2: var(--sd-aspect-3\/2); --aspect-3\/4: var(--sd-aspect-3\/4); --aspect-4\/3: var(--sd-aspect-4\/3); --aspect-4\/5: var(--sd-aspect-4\/5); --aspect-5\/4: var(--sd-aspect-5\/4); --aspect-6\/5: var(--sd-aspect-6\/5); --aspect-golden-ratio: var(--sd-aspect-golden-ratio); --aspect-square: var(--sd-aspect-square); --aspect-video: var(--sd-aspect-video); --background-color-accent-300: var(--sd-color-background-accent-300); --background-color-accent-500: var(--sd-color-background-accent-500); --background-color-accent-550: var(--sd-color-background-accent-550); --background-color-accent-700: var(--sd-color-background-accent-700); --background-color-accent: var(--sd-color-background-accent); --background-color-error-400: var(--sd-color-background-error-400); --background-color-error: var(--sd-color-background-error); --background-color-info: var(--sd-color-background-info); --background-color-neutral-100: var(--sd-color-background-neutral-100); --background-color-neutral-200: var(--sd-color-background-neutral-200); --background-color-neutral-300: var(--sd-color-background-neutral-300); --background-color-neutral-400: var(--sd-color-background-neutral-400); --background-color-neutral-500: var(--sd-color-background-neutral-500); --background-color-neutral-600: var(--sd-color-background-neutral-600); --background-color-neutral-800: var(--sd-color-background-neutral-800); --background-color-primary-100: var(--sd-color-background-primary-100); --background-color-primary-200: var(--sd-color-background-primary-200); --background-color-primary-300: var(--sd-color-background-primary-300); --background-color-primary-500: var(--sd-color-background-primary-500); --background-color-primary-800: var(--sd-color-background-primary-800); --background-color-primary: var(--sd-color-background-primary); --background-color-success: var(--sd-color-background-success); --background-color-warning: var(--sd-color-background-warning); --background-color-white: var(--sd-color-background-white); --border-color-accent-550: var(--sd-color-border-accent-550); --border-color-accent: var(--sd-color-border-accent); --border-color-error-400: var(--sd-color-border-error-400); --border-color-error: var(--sd-color-border-error); --border-color-neutral-400: var(--sd-color-border-neutral-400); --border-color-neutral-500: var(--sd-color-border-neutral-500); --border-color-neutral-600: var(--sd-color-border-neutral-600); --border-color-neutral-800: var(--sd-color-border-neutral-800); --border-color-primary-100: var(--sd-color-border-primary-100); --border-color-primary-200: var(--sd-color-border-primary-200); --border-color-primary-400: var(--sd-color-border-primary-400); --border-color-primary-500: var(--sd-color-border-primary-500); --border-color-primary-800: var(--sd-color-border-primary-800); --border-color-primary: var(--sd-color-border-primary); --border-color-success: var(--sd-color-border-success); --border-color-white: var(--sd-color-border-white); --border-width-2: var(--sd-border-width-2); --border-width-4: var(--sd-border-width-4); --border-width-6: var(--sd-border-width-6); --border-width-default: var(--sd-border-width); --drop-shadow-sm: var(--sd-drop-shadow-sm); --drop-shadow: var(--sd-drop-shadow); --fill-accent-550: var(--sd-color-icon-fill-accent-550); --fill-accent: var(--sd-color-icon-fill-accent); --fill-error-400: var(--sd-color-icon-fill-error-400); --fill-error: var(--sd-color-icon-fill-error); --fill-neutral-400: var(--sd-color-icon-fill-neutral-400); --fill-neutral-500: var(--sd-color-icon-fill-neutral-500); --fill-neutral-600: var(--sd-color-icon-fill-neutral-600); --fill-neutral-800: var(--sd-color-icon-fill-neutral-800); --fill-primary-100: var(--sd-color-icon-fill-primary-100); --fill-primary-200: var(--sd-color-icon-fill-primary-200); --fill-primary-400: var(--sd-color-icon-fill-primary-400); --fill-primary-500: var(--sd-color-icon-fill-primary-500); --fill-primary-800: var(--sd-color-icon-fill-primary-800); --fill-primary: var(--sd-color-icon-fill-primary); --fill-risk-high: var(--sd-color-icon-fill-risk-high); --fill-risk-increased: var(--sd-color-icon-fill-risk-increased); --fill-risk-low: var(--sd-color-icon-fill-risk-low); --fill-risk-moderate: var(--sd-color-icon-fill-risk-moderate); --fill-risk-veryhigh: var(--sd-color-icon-fill-risk-veryhigh); --fill-success: var(--sd-color-icon-fill-success); --fill-white: var(--sd-color-icon-fill-white); --font-primary: var(--sd-font-primary); --font-weight-bold: var(--sd-font-weight-bold); --font-weight-normal: var(--sd-font-weight-normal); --opacity-0: var(--sd-opacity-0); --opacity-100: var(--sd-opacity-100); --opacity-10: var(--sd-opacity-10); --opacity-20: var(--sd-opacity-20); --opacity-30: var(--sd-opacity-30); --opacity-50: var(--sd-opacity-50); --opacity-55: var(--sd-opacity-55); --opacity-5: var(--sd-opacity-5); --opacity-60: var(--sd-opacity-60); --opacity-70: var(--sd-opacity-70); --opacity-75: var(--sd-opacity-75); --opacity-80: var(--sd-opacity-80); --opacity-85: var(--sd-opacity-85); --opacity-90: var(--sd-opacity-90); --outline-color-error: var(--sd-border-color-error,var(--sd-color-error)); --outline-color-primary: var(--sd-border-color-primary,var(--sd-color-primary)); --radius-default: var(--sd-radius); --radius-full: var(--sd-radius-full); --radius-lg: var(--sd-radius-lg); --radius-md: var(--sd-radius-md); --radius-none: var(--sd-radius-none); --radius-sm: var(--sd-radius-sm); --shadow-sm: var(--sd-shadow-sm); --shadow: var(--sd-shadow); --sizing-10: var(--sd-sizing-10); --sizing-12: var(--sd-sizing-12); --sizing-16: var(--sd-sizing-16); --sizing-20: var(--sd-sizing-20); --sizing-24: var(--sd-sizing-24); --sizing-2: var(--sd-sizing-2); --sizing-2\.5: var(--sd-sizing-2\.5); --sizing-3: var(--sd-sizing-3); --sizing-4: var(--sd-sizing-4); --sizing-5: var(--sd-sizing-5); --sizing-6: var(--sd-sizing-6); --sizing-8: var(--sd-sizing-8); --sizing-varspacing: var(--tw-varspacing); --spacing-0\.25: var(--sd-spacing-0\.25); --spacing-0\.5: var(--sd-spacing-0\.5); --spacing-10: var(--sd-spacing-10); --spacing-12: var(--sd-spacing-12); --spacing-16: var(--sd-spacing-16); --spacing-1: var(--sd-spacing-1); --spacing-1\.5: var(--sd-spacing-1\.5); --spacing-20: var(--sd-spacing-20); --spacing-24: var(--sd-spacing-24); --spacing-2: var(--sd-spacing-2); --spacing-32: var(--sd-spacing-32); --spacing-3: var(--sd-spacing-3); --spacing-40: var(--sd-spacing-40); --spacing-4: var(--sd-spacing-4); --spacing-6: var(--sd-spacing-6); --spacing-8: var(--sd-spacing-8); --spacing-varspacing: var(--tw-varspacing); --spacing: var(--sd-spacing-1); --text-2xl: var(--sd-text-2xl); --text-3xl: var(--sd-text-3xl); --text-4xl: var(--sd-text-4xl); --text-base: var(--sd-text-base); --text-color-accent: var(--sd-color-text-accent); --text-color-black: var(--sd-color-text-black); --text-color-error: var(--sd-color-text-error); --text-color-neutral-500: var(--sd-color-text-neutral-500); --text-color-neutral-600: var(--sd-color-text-neutral-600); --text-color-neutral-700: var(--sd-color-text-neutral-700); --text-color-primary-100: var(--sd-color-text-primary-100); --text-color-primary-200: var(--sd-color-text-primary-200); --text-color-primary-400: var(--sd-color-text-primary-400); --text-color-primary-500: var(--sd-color-text-primary-500); --text-color-primary-800: var(--sd-color-text-primary-800); --text-color-primary: var(--sd-color-text-primary); --text-color-success: var(--sd-color-text-success); --text-color-white: var(--sd-color-text-white); --text-lg: var(--sd-text-lg); --text-sm: var(--sd-text-sm); --text-xl: var(--sd-text-xl); --transition-duration-fast: var(--sd-duration-fast,.15s); --transition-duration-medium: var(--sd-duration-medium,.3s); --transition-duration-slow: var(--sd-duration-slow,.5s); --transition-duration-x-slow: var(--sd-duration-x-slow,.75s); @keyframes bounce-once { 0% { transform: translateY(0); }50% { transform: translateY(-18px); }100% { transform: translateY(0); }}@keyframes grow { 0% { width: 0%; }100% { width: 100%; }}@keyframes loader-color-current { 0%,100% { color: currentColor; }50% { color: currentColor; opacity: 20%; }}@keyframes loader-color-primary { 0%,100% { color: var(--sd-color-icon-fill-primary,var(--sd-color-primary)); }50% { color: var(--sd-color-icon-fill-primary,var(--sd-color-primary)); opacity: 20%; }}@keyframes loader-color-white { 0%,100% { color: var(--sd-color-icon-fill-white,var(--sd-color-white)); }50% { color: var(--sd-color-icon-fill-white,var(--sd-color-white)); opacity: 20%; }}@keyframes wave { 0%,40%,100% { transform: initial; }20% { transform: translateY(-4px); }}}@utility z-10{z-index: 10;}@utility z-20{z-index: 20;}@utility z-30{z-index: 30;}@utility z-40{z-index: 40;}@utility z-50{z-index: 50;}@utility z-alert-group{z-index: var(--sd-z-index-alert-group,950);}@utility z-auto{z-index: auto;}@utility z-dialog{z-index: var(--sd-z-index-dialog,800);}@utility z-drawer{z-index: var(--sd-z-index-drawer,700);}@utility z-dropdown{z-index: var(--sd-z-index-dropdown,900);}@utility z-header{z-index: var(--sd-z-index-header,600);}@utility z-tooltip{z-index: var(--sd-z-index-tooltip,1000);}@utility varspacing-*{--tw-varspacing: --value(--spacing-*);}@utility focus-outline{outline-style: solid; outline-offset: 2px; outline-width: 2px; outline-color: var(--outline-color-primary);}@utility focus-outline-inverted{outline-style: solid; outline-offset: 2px; outline-width: 2px; outline-color: var(--outline-color-white);}
package/cdn/themes/ui-dark/ui-dark.css ADDED
@@ -0,0 +1 @@
1
+ .sd-theme-ui-dark{color-scheme:dark;--sd-theme:"ui-dark";--sd-accordion-border-width:var(--sd-spacing-0\.25);--sd-accordion-color-background:var(--sd-color-primary);--sd-accordion-color-text:var(--sd-color-white);--sd-accordion-padding-block:var(--sd-spacing-3);--sd-accordion__chevron-color-text:var(--sd-color-white);--sd-aspect-16\/10:16/10;--sd-aspect-21\/9:21/9;--sd-aspect-2\/1:2/1;--sd-aspect-3\/2:3/2;--sd-aspect-3\/4:3/4;--sd-aspect-4\/3:4/3;--sd-aspect-4\/5:4/5;--sd-aspect-5\/4:5/4;--sd-aspect-6\/5:6/5;--sd-aspect-golden-ratio:1.61803/1;--sd-aspect-square:1/1;--sd-aspect-video:16/9;--sd-audio__timestamp-color-text:var(--sd-color-primary-400);--sd-border-width-2:.125rem;--sd-border-width-4:.25rem;--sd-border-width-6:.375rem;--sd-border-width:.0625rem;--sd-brandshape--neutral-100-color-background:var(--sd-color-primary-750);--sd-brandshape--neutral-100-color-border:#fff0;--sd-brandshape--white-color-background:var(--sd-color-primary-900);--sd-breadcrumb__separator-color:var(--sd-color-primary-400);--sd-button--primary--active-color-text:var(--sd-color-primary-700);--sd-button--primary--default-color-background:var(--sd-color-white);--sd-button--primary--default-color-text:var(--sd-color-primary);--sd-button--primary--hover-color-background:var(--sd-color-primary-100);--sd-button--secondary--active-color-background:var(--sd-color-primary-500);--sd-button--secondary--hover-color-background:var(--sd-color-primary-700);--sd-button--size-lg-border-radius:var(--sd-spacing-1);--sd-button--size-lg-font-size:var(--sd-spacing-4);--sd-button--size-lg-padding-block:var(--sd-spacing-3);--sd-button--size-md-border-radius:var(--sd-spacing-1);--sd-button--size-md-font-size:var(--sd-spacing-4);--sd-button--size-md-padding-block:var(--sd-spacing-2);--sd-button--tertiary--active-color-background:var(--sd-color-primary-500);--sd-button--tertiary--hover-color-background:var(--sd-color-primary-700);--sd-color-accent-100:#b6dfaa;--sd-color-accent-200:#8ed082;--sd-color-accent-300:#6cc254;--sd-color-accent-400:#2d9d00;--sd-color-accent-500:#25880e;--sd-color-accent-550:#25880e;--sd-color-accent-600:#316f24;--sd-color-accent-700:#215725;--sd-color-accent-800:#19411b;--sd-color-accent:#2d9d00;--sd-color-background-accent-300:var(--sd-color-success);--sd-color-background-accent-500:var(--sd-color-accent-550);--sd-color-background-accent-550:var(--sd-color-accent-550);--sd-color-background-accent-700:var(--sd-color-accent-700);--sd-color-background-accent:var(--sd-color-accent);--sd-color-background-error-400:var(--sd-color-error-400);--sd-color-background-error:var(--sd-color-error);--sd-color-background-info:var(--sd-color-info);--sd-color-background-neutral-100:var(--sd-color-primary-750);--sd-color-background-neutral-200:var(--sd-color-primary-700);--sd-color-background-neutral-300:var(--sd-color-primary-700);--sd-color-background-neutral-400:var(--sd-color-neutral-600);--sd-color-background-neutral-500:var(--sd-color-neutral-600);--sd-color-background-neutral-600:var(--sd-color-neutral-600);--sd-color-background-neutral-800:var(--sd-color-neutral-800);--sd-color-background-primary-100:var(--sd-color-primary-750);--sd-color-background-primary-200:var(--sd-color-primary-750);--sd-color-background-primary-300:var(--sd-color-primary-700);--sd-color-background-primary-500:var(--sd-color-primary-500);--sd-color-background-primary-800:var(--sd-color-primary-200);--sd-color-background-primary:var(--sd-color-primary);--sd-color-background-success:var(--sd-color-success);--sd-color-background-warning:var(--sd-color-warning);--sd-color-background-white:var(--sd-color-primary-900);--sd-color-black:#181818;--sd-color-border-accent-550:var(--sd-color-accent-550);--sd-color-border-accent:var(--sd-color-accent);--sd-color-border-error-400:var(--sd-color-error-400);--sd-color-border-error:var(--sd-color-error);--sd-color-border-neutral-400:var(--sd-color-primary-400);--sd-color-border-neutral-500:var(--sd-color-neutral-500);--sd-color-border-neutral-600:var(--sd-color-neutral-600);--sd-color-border-neutral-800:var(--sd-color-white);--sd-color-border-primary-100:var(--sd-color-primary-100);--sd-color-border-primary-200:var(--sd-color-primary-200);--sd-color-border-primary-400:var(--sd-color-primary-400);--sd-color-border-primary-500:var(--sd-color-primary-100);--sd-color-border-primary-800:var(--sd-color-primary-200);--sd-color-border-primary:var(--sd-color-white);--sd-color-border-success:var(--sd-color-success);--sd-color-border-white:var(--sd-color-white);--sd-color-default-color:#fff0;--sd-color-error-300:#ea586b;--sd-color-error-400:#cc1937;--sd-color-error:#ea586b;--sd-color-icon-fill-accent-550:var(--sd-color-accent-550);--sd-color-icon-fill-accent:var(--sd-color-accent);--sd-color-icon-fill-error-400:var(--sd-color-error-400);--sd-color-icon-fill-error:var(--sd-color-error);--sd-color-icon-fill-neutral-400:var(--sd-color-neutral-400);--sd-color-icon-fill-neutral-500:var(--sd-color-neutral-600);--sd-color-icon-fill-neutral-600:var(--sd-color-neutral-600);--sd-color-icon-fill-neutral-800:var(--sd-color-white);--sd-color-icon-fill-primary-100:var(--sd-color-primary-500);--sd-color-icon-fill-primary-200:var(--sd-color-primary-800);--sd-color-icon-fill-primary-400:var(--sd-color-primary-400);--sd-color-icon-fill-primary-500:var(--sd-color-primary-200);--sd-color-icon-fill-primary-800:var(--sd-color-white);--sd-color-icon-fill-primary:var(--sd-color-white);--sd-color-icon-fill-risk-high:var(--sd-color-risk-high);--sd-color-icon-fill-risk-increased:var(--sd-color-risk-increased);--sd-color-icon-fill-risk-low:var(--sd-color-risk-low);--sd-color-icon-fill-risk-moderate:var(--sd-color-risk-moderate);--sd-color-icon-fill-risk-veryhigh:var(--sd-color-risk-veryhigh);--sd-color-icon-fill-success:var(--sd-color-success);--sd-color-icon-fill-white:var(--sd-color-white);--sd-color-info:#1582d5;--sd-color-neutral-100:#f6f6f6;--sd-color-neutral-200:#e9e9e9;--sd-color-neutral-300:#dadada;--sd-color-neutral-400:#c3c3c3;--sd-color-neutral-500:#aeaeae;--sd-color-neutral-600:#888;--sd-color-neutral-700:#686868;--sd-color-neutral-800:#515151;--sd-color-primary-100:#ecf0f9;--sd-color-primary-200:#e0e9f3;--sd-color-primary-300:#c8d5e7;--sd-color-primary-400:#99abd0;--sd-color-primary-500:#466daf;--sd-color-primary-600:#00358e;--sd-color-primary-700:#132e6e;--sd-color-primary-750:#0a204a;--sd-color-primary-800:#051530;--sd-color-primary-900:#020920;--sd-color-primary:#00358e;--sd-color-risk-high:#fa9b1e;--sd-color-risk-increased:#fff000;--sd-color-risk-low:#017dc3;--sd-color-risk-moderate:#00a593;--sd-color-risk-veryhigh:red;--sd-color-sm-color:#515151;--sd-color-success:#6cc254;--sd-color-text-accent:var(--sd-color-accent);--sd-color-text-black:var(--sd-color-white);--sd-color-text-error:var(--sd-color-error);--sd-color-text-neutral-500:var(--sd-color-neutral-600);--sd-color-text-neutral-600:var(--sd-color-neutral-600);--sd-color-text-neutral-700:var(--sd-color-primary-400);--sd-color-text-primary-100:var(--sd-color-primary-500);--sd-color-text-primary-200:var(--sd-color-primary-200);--sd-color-text-primary-400:var(--sd-color-primary-400);--sd-color-text-primary-500:var(--sd-color-primary-200);--sd-color-text-primary-800:var(--sd-color-white);--sd-color-text-primary:var(--sd-color-white);--sd-color-text-success:var(--sd-color-success);--sd-color-text-white:var(--sd-color-white);--sd-color-warning:#bb8d20;--sd-color-white:#fff;--sd-flag--neutral-500-color-background:var(--sd-color-primary-750);--sd-font-primary:"Frutiger Neue fuer UI Web";--sd-font-weight-bold:700;--sd-font-weight-normal:400;--sd-form-control-color-border:var(--sd-color-primary-200);--sd-header-color-background:var(--sd-color-primary);--sd-header-padding-bottom:0;--sd-informational-gradient--white-color-background:var(--sd-color-primary-800);--sd-interactive--active-color-text:var(--sd-color-primary-400);--sd-loader--neutral-500-color-icon-fill:var(--sd-color-primary-400);--sd-loader--neutral-600-color-icon-fill:var(--sd-color-primary-400);--sd-navigable-border-radius:0;--sd-navigable-font-size:var(--sd-spacing-4);--sd-navigable__current-indicator-border-radius:0;--sd-navigable__current-indicator-height:var(--sd-spacing-1);--sd-navigable__current-indicator-width:var(--sd-spacing-1);--sd-navigation--current-color-text:var(--sd-color-white);--sd-navigation-color-text:var(--sd-color-white);--sd-opacity-0:0%;--sd-opacity-100:100%;--sd-opacity-10:10%;--sd-opacity-20:20%;--sd-opacity-30:30%;--sd-opacity-50:50%;--sd-opacity-55:55%;--sd-opacity-5:5%;--sd-opacity-60:60%;--sd-opacity-70:70%;--sd-opacity-75:75%;--sd-opacity-80:80%;--sd-opacity-85:85%;--sd-opacity-90:90%;--sd-overlay-color-background:#051530e6;--sd-panel-color-border:var(--sd-color-primary-400);--sd-radius-full:624.938rem;--sd-radius-lg:.5rem;--sd-radius-md:.375rem;--sd-radius-none:0;--sd-radius-sm:.125rem;--sd-radius:.25rem;--sd-sizing-10:2.5rem;--sd-sizing-12:3rem;--sd-sizing-16:4rem;--sd-sizing-20:5rem;--sd-sizing-24:6rem;--sd-sizing-2:.5rem;--sd-sizing-2\.5:.625rem;--sd-sizing-3:.75rem;--sd-sizing-4:1rem;--sd-sizing-5:1.25rem;--sd-sizing-6:1.5rem;--sd-sizing-8:2rem;--sd-spacing-0\.25:.0625rem;--sd-spacing-0\.5:.125rem;--sd-spacing-10:2.5rem;--sd-spacing-12:3rem;--sd-spacing-16:4rem;--sd-spacing-1:.25rem;--sd-spacing-1\.5:.375rem;--sd-spacing-20:5rem;--sd-spacing-24:6rem;--sd-spacing-2:.5rem;--sd-spacing-32:8rem;--sd-spacing-3:.75rem;--sd-spacing-40:10rem;--sd-spacing-4:1rem;--sd-spacing-6:1.5rem;--sd-spacing-8:2rem;--sd-tag--selected--default-color-background:var(--sd-color-white);--sd-tag--selected--default-color-text:var(--sd-color-primary);--sd-text-2xl:1.75rem;--sd-text-3xl:2rem;--sd-text-4xl:2.5rem;--sd-text-base:1rem;--sd-text-lg:1.25rem;--sd-text-sm:.875rem;--sd-text-xl:1.5rem;--sd-shadow-sm:.5px .5px .5px var(--sd-color-neutral-800);--sd-shadow:0 0 0 transparent;--sd-drop-shadow-sm:.5px .5px .5px var(--sd-color-neutral-800);--sd-drop-shadow:0 0 0 0 transparent}
package/cdn/themes/ui-light/ui-light.css ADDED
@@ -0,0 +1 @@
1
+ :root,.sd-theme-ui-light{color-scheme:light;--sd-theme:"ui-light";--sd-accordion-border-width:var(--sd-spacing-0\.25);--sd-accordion-padding-block:var(--sd-spacing-3);--sd-aspect-16\/10:16/10;--sd-aspect-21\/9:21/9;--sd-aspect-2\/1:2/1;--sd-aspect-3\/2:3/2;--sd-aspect-3\/4:3/4;--sd-aspect-4\/3:4/3;--sd-aspect-4\/5:4/5;--sd-aspect-5\/4:5/4;--sd-aspect-6\/5:6/5;--sd-aspect-golden-ratio:1.61803/1;--sd-aspect-square:1/1;--sd-aspect-video:16/9;--sd-border-width-2:.125rem;--sd-border-width-4:.25rem;--sd-border-width-6:.375rem;--sd-border-width:.0625rem;--sd-button--size-lg-border-radius:var(--sd-spacing-1);--sd-button--size-lg-font-size:var(--sd-spacing-4);--sd-button--size-lg-padding-block:var(--sd-spacing-3);--sd-button--size-md-border-radius:var(--sd-spacing-1);--sd-button--size-md-font-size:var(--sd-spacing-4);--sd-button--size-md-padding-block:var(--sd-spacing-2);--sd-color-accent-100:#b6dfaa;--sd-color-accent-200:#8ed082;--sd-color-accent-300:#6cc254;--sd-color-accent-400:#2d9d00;--sd-color-accent-500:#25880e;--sd-color-accent-550:#367b28;--sd-color-accent-600:#316f24;--sd-color-accent-700:#215725;--sd-color-accent-800:#19411b;--sd-color-accent:#2d9d00;--sd-color-background-accent-300:var(--sd-color-accent-300);--sd-color-background-accent-500:var(--sd-color-accent-500);--sd-color-background-accent-550:var(--sd-color-success);--sd-color-background-accent-700:var(--sd-color-accent-700);--sd-color-background-accent:var(--sd-color-accent);--sd-color-background-error-400:var(--sd-color-error-400);--sd-color-background-error:var(--sd-color-error);--sd-color-background-info:var(--sd-color-info);--sd-color-background-neutral-100:var(--sd-color-neutral-100);--sd-color-background-neutral-200:var(--sd-color-neutral-200);--sd-color-background-neutral-300:var(--sd-color-neutral-300);--sd-color-background-neutral-400:var(--sd-color-neutral-400);--sd-color-background-neutral-500:var(--sd-color-neutral-500);--sd-color-background-neutral-600:var(--sd-color-neutral-600);--sd-color-background-neutral-800:var(--sd-color-neutral-800);--sd-color-background-primary-100:var(--sd-color-primary-100);--sd-color-background-primary-200:var(--sd-color-primary-200);--sd-color-background-primary-300:var(--sd-color-primary-300);--sd-color-background-primary-500:var(--sd-color-primary-500);--sd-color-background-primary-800:var(--sd-color-primary-800);--sd-color-background-primary:var(--sd-color-primary);--sd-color-background-success:var(--sd-color-success);--sd-color-background-warning:var(--sd-color-warning);--sd-color-background-white:var(--sd-color-white);--sd-color-black:#181818;--sd-color-border-accent-550:var(--sd-color-success);--sd-color-border-accent:var(--sd-color-accent);--sd-color-border-error-400:var(--sd-color-error-400);--sd-color-border-error:var(--sd-color-error);--sd-color-border-neutral-400:var(--sd-color-neutral-400);--sd-color-border-neutral-500:var(--sd-color-neutral-500);--sd-color-border-neutral-600:var(--sd-color-neutral-600);--sd-color-border-neutral-800:var(--sd-color-neutral-800);--sd-color-border-primary-100:var(--sd-color-primary-100);--sd-color-border-primary-200:var(--sd-color-primary-200);--sd-color-border-primary-400:var(--sd-color-primary-400);--sd-color-border-primary-500:var(--sd-color-primary-500);--sd-color-border-primary-800:var(--sd-color-primary-800);--sd-color-border-primary:var(--sd-color-primary);--sd-color-border-success:var(--sd-color-success);--sd-color-border-white:var(--sd-color-white);--sd-color-default-color:#515151bf;--sd-color-error-300:#cc1937;--sd-color-error-400:#ac1938;--sd-color-error:#cc1937;--sd-color-icon-fill-accent-550:var(--sd-color-success);--sd-color-icon-fill-accent:var(--sd-color-accent);--sd-color-icon-fill-error-400:var(--sd-color-error-400);--sd-color-icon-fill-error:var(--sd-color-error);--sd-color-icon-fill-neutral-400:var(--sd-color-neutral-400);--sd-color-icon-fill-neutral-500:var(--sd-color-neutral-500);--sd-color-icon-fill-neutral-600:var(--sd-color-neutral-600);--sd-color-icon-fill-neutral-800:var(--sd-color-neutral-800);--sd-color-icon-fill-primary-100:var(--sd-color-primary-100);--sd-color-icon-fill-primary-200:var(--sd-color-primary-200);--sd-color-icon-fill-primary-400:var(--sd-color-primary-400);--sd-color-icon-fill-primary-500:var(--sd-color-primary-500);--sd-color-icon-fill-primary-800:var(--sd-color-primary-800);--sd-color-icon-fill-primary:var(--sd-color-primary);--sd-color-icon-fill-risk-high:var(--sd-color-risk-high);--sd-color-icon-fill-risk-increased:var(--sd-color-risk-increased);--sd-color-icon-fill-risk-low:var(--sd-color-risk-low);--sd-color-icon-fill-risk-moderate:var(--sd-color-risk-moderate);--sd-color-icon-fill-risk-veryhigh:var(--sd-color-risk-veryhigh);--sd-color-icon-fill-success:var(--sd-color-success);--sd-color-icon-fill-white:var(--sd-color-white);--sd-color-info:#1582d5;--sd-color-neutral-100:#f6f6f6;--sd-color-neutral-200:#e9e9e9;--sd-color-neutral-300:#dadada;--sd-color-neutral-400:#c3c3c3;--sd-color-neutral-500:#aeaeae;--sd-color-neutral-600:#888;--sd-color-neutral-700:#686868;--sd-color-neutral-800:#515151;--sd-color-primary-100:#ecf0f9;--sd-color-primary-200:#e0e9f3;--sd-color-primary-300:#c8d5e7;--sd-color-primary-400:#99abd0;--sd-color-primary-500:#466daf;--sd-color-primary-600:#00358e;--sd-color-primary-700:#132e6e;--sd-color-primary-750:#0a204a;--sd-color-primary-800:#051530;--sd-color-primary-900:#020920;--sd-color-primary:#00358e;--sd-color-risk-high:#fa9b1e;--sd-color-risk-increased:#fff000;--sd-color-risk-low:#017dc3;--sd-color-risk-moderate:#00a593;--sd-color-risk-veryhigh:red;--sd-color-sm-color:#515151;--sd-color-success:#367b28;--sd-color-text-accent:var(--sd-color-accent);--sd-color-text-black:var(--sd-color-black);--sd-color-text-error:var(--sd-color-error);--sd-color-text-neutral-500:var(--sd-color-neutral-500);--sd-color-text-neutral-600:var(--sd-color-neutral-600);--sd-color-text-neutral-700:var(--sd-color-neutral-700);--sd-color-text-primary-100:var(--sd-color-primary-100);--sd-color-text-primary-200:var(--sd-color-primary-200);--sd-color-text-primary-400:var(--sd-color-primary-400);--sd-color-text-primary-500:var(--sd-color-primary-500);--sd-color-text-primary-800:var(--sd-color-primary-800);--sd-color-text-primary:var(--sd-color-primary);--sd-color-text-success:var(--sd-color-success);--sd-color-text-white:var(--sd-color-white);--sd-color-warning:#bb8d20;--sd-color-white:#fff;--sd-font-primary:"Frutiger Neue fuer UI Web";--sd-font-weight-bold:700;--sd-font-weight-normal:400;--sd-header-padding-bottom:0;--sd-navigable-border-radius:0;--sd-navigable-font-size:var(--sd-spacing-4);--sd-navigable__current-indicator-border-radius:0;--sd-navigable__current-indicator-height:var(--sd-spacing-1);--sd-navigable__current-indicator-width:var(--sd-spacing-1);--sd-opacity-0:0%;--sd-opacity-100:100%;--sd-opacity-10:10%;--sd-opacity-20:20%;--sd-opacity-30:30%;--sd-opacity-50:50%;--sd-opacity-55:55%;--sd-opacity-5:5%;--sd-opacity-60:60%;--sd-opacity-70:70%;--sd-opacity-75:75%;--sd-opacity-80:80%;--sd-opacity-85:85%;--sd-opacity-90:90%;--sd-radius-full:624.938rem;--sd-radius-lg:.5rem;--sd-radius-md:.375rem;--sd-radius-none:0;--sd-radius-sm:.125rem;--sd-radius:.25rem;--sd-sizing-10:2.5rem;--sd-sizing-12:3rem;--sd-sizing-16:4rem;--sd-sizing-20:5rem;--sd-sizing-24:6rem;--sd-sizing-2:.5rem;--sd-sizing-2\.5:.625rem;--sd-sizing-3:.75rem;--sd-sizing-4:1rem;--sd-sizing-5:1.25rem;--sd-sizing-6:1.5rem;--sd-sizing-8:2rem;--sd-spacing-0\.25:.0625rem;--sd-spacing-0\.5:.125rem;--sd-spacing-10:2.5rem;--sd-spacing-12:3rem;--sd-spacing-16:4rem;--sd-spacing-1:.25rem;--sd-spacing-1\.5:.375rem;--sd-spacing-20:5rem;--sd-spacing-24:6rem;--sd-spacing-2:.5rem;--sd-spacing-32:8rem;--sd-spacing-3:.75rem;--sd-spacing-40:10rem;--sd-spacing-4:1rem;--sd-spacing-6:1.5rem;--sd-spacing-8:2rem;--sd-text-2xl:1.75rem;--sd-text-3xl:2rem;--sd-text-4xl:2.5rem;--sd-text-base:1rem;--sd-text-lg:1.25rem;--sd-text-sm:.875rem;--sd-text-xl:1.5rem}.sd-theme-ui-light{--sd-shadow-sm:.5px .5px 1.5px var(--sd-color-neutral-800);--sd-shadow:0 1px 3px var(--sd-color-neutral-800);--sd-drop-shadow-sm:.5px .5px 1.5px var(--sd-color-neutral-800);--sd-drop-shadow:0 1px 3px var(--sd-color-neutral-800)}
package/cdn/themes/vb/vb.css ADDED
@@ -0,0 +1 @@
1
+ .sd-theme-vb{color-scheme:light;--sd-theme:"vb";--sd-accordion-border-width:var(--sd-spacing-0\.5);--sd-accordion-color-text:var(--sd-color-black);--sd-accordion-padding-block:var(--sd-spacing-4);--sd-accordion__chevron-color-text:var(--sd-color-neutral-600);--sd-accordion__indicator-color:#fff0;--sd-aspect-16\/10:16/10;--sd-aspect-21\/9:21/9;--sd-aspect-2\/1:2/1;--sd-aspect-3\/2:3/2;--sd-aspect-3\/4:3/4;--sd-aspect-4\/3:4/3;--sd-aspect-4\/5:4/5;--sd-aspect-5\/4:5/4;--sd-aspect-6\/5:6/5;--sd-aspect-golden-ratio:1.61803/1;--sd-aspect-square:1/1;--sd-aspect-video:16/9;--sd-border-width-2:.125rem;--sd-border-width-4:.25rem;--sd-border-width-6:.375rem;--sd-border-width:.0625rem;--sd-brandshape--neutral-100-color-border:#fff0;--sd-breadcrumb__separator-color:var(--sd-color-neutral-200);--sd-button--primary--hover-color-background:var(--sd-color-primary-600);--sd-button--primary--inverted--default-color-text:var(--sd-color-primary-900);--sd-button--primary--inverted--hover-color-text:var(--sd-color-primary-900);--sd-button--size-lg-border-radius:624.938rem;--sd-button--size-lg-font-size:.875rem;--sd-button--size-lg-padding-block:.625rem;--sd-button--size-md-border-radius:624.938rem;--sd-button--size-md-font-size:.875rem;--sd-button--size-md-padding-block:.625rem;--sd-color-accent-100:#f4cdb2;--sd-color-accent-200:#f5b691;--sd-color-accent-300:#f79a66;--sd-color-accent-400:#f97e3a;--sd-color-accent-500:#f35e01;--sd-color-accent-550:#bd5622;--sd-color-accent-600:#ab5421;--sd-color-accent-700:#925020;--sd-color-accent-800:#693f1d;--sd-color-accent:#f35e01;--sd-color-background-accent-300:var(--sd-color-primary-400);--sd-color-background-accent-500:var(--sd-color-primary);--sd-color-background-accent-550:var(--sd-color-primary-600);--sd-color-background-accent-700:var(--sd-color-primary-750);--sd-color-background-accent:var(--sd-color-primary);--sd-color-background-error-400:var(--sd-color-error);--sd-color-background-error:var(--sd-color-error);--sd-color-background-info:var(--sd-color-info);--sd-color-background-neutral-100:var(--sd-color-neutral-100);--sd-color-background-neutral-200:var(--sd-color-neutral-100);--sd-color-background-neutral-300:var(--sd-color-neutral-200);--sd-color-background-neutral-400:var(--sd-color-neutral-300);--sd-color-background-neutral-500:var(--sd-color-neutral-400);--sd-color-background-neutral-600:var(--sd-color-neutral-600);--sd-color-background-neutral-800:var(--sd-color-neutral-800);--sd-color-background-primary-100:var(--sd-color-primary-100);--sd-color-background-primary-200:var(--sd-color-primary-200);--sd-color-background-primary-300:var(--sd-color-primary-300);--sd-color-background-primary-500:var(--sd-color-primary);--sd-color-background-primary-800:var(--sd-color-primary-900);--sd-color-background-primary:var(--sd-color-primary-900);--sd-color-background-success:var(--sd-color-success);--sd-color-background-warning:var(--sd-color-warning);--sd-color-background-white:var(--sd-color-white);--sd-color-black:#181818;--sd-color-border-accent-550:var(--sd-color-primary-600);--sd-color-border-accent:var(--sd-color-primary);--sd-color-border-error-400:var(--sd-color-error);--sd-color-border-error:var(--sd-color-error);--sd-color-border-neutral-400:var(--sd-color-neutral-200);--sd-color-border-neutral-500:var(--sd-color-neutral-400);--sd-color-border-neutral-600:var(--sd-color-neutral-600);--sd-color-border-neutral-800:var(--sd-color-neutral-800);--sd-color-border-primary-100:var(--sd-color-primary-100);--sd-color-border-primary-200:var(--sd-color-primary-200);--sd-color-border-primary-400:var(--sd-color-primary-400);--sd-color-border-primary-500:var(--sd-color-primary);--sd-color-border-primary-800:var(--sd-color-primary-900);--sd-color-border-primary:var(--sd-color-primary);--sd-color-border-success:var(--sd-color-success);--sd-color-border-white:var(--sd-color-white);--sd-color-default-color:#0000001a;--sd-color-error-300:#d20000;--sd-color-error-400:#d20000;--sd-color-error:#d20000;--sd-color-icon-fill-accent-550:var(--sd-color-accent-550);--sd-color-icon-fill-accent:var(--sd-color-accent);--sd-color-icon-fill-error-400:var(--sd-color-error);--sd-color-icon-fill-error:var(--sd-color-error);--sd-color-icon-fill-neutral-400:var(--sd-color-neutral-200);--sd-color-icon-fill-neutral-500:var(--sd-color-neutral-400);--sd-color-icon-fill-neutral-600:var(--sd-color-neutral-600);--sd-color-icon-fill-neutral-800:var(--sd-color-neutral-800);--sd-color-icon-fill-primary-100:var(--sd-color-primary-100);--sd-color-icon-fill-primary-200:var(--sd-color-primary-200);--sd-color-icon-fill-primary-400:var(--sd-color-primary-400);--sd-color-icon-fill-primary-500:var(--sd-color-primary);--sd-color-icon-fill-primary-800:var(--sd-color-primary-900);--sd-color-icon-fill-primary:var(--sd-color-primary);--sd-color-icon-fill-risk-high:var(--sd-color-risk-high);--sd-color-icon-fill-risk-increased:var(--sd-color-risk-increased);--sd-color-icon-fill-risk-low:var(--sd-color-risk-low);--sd-color-icon-fill-risk-moderate:var(--sd-color-risk-moderate);--sd-color-icon-fill-risk-veryhigh:var(--sd-color-risk-veryhigh);--sd-color-icon-fill-success:var(--sd-color-success);--sd-color-icon-fill-white:var(--sd-color-white);--sd-color-info:#1582d5;--sd-color-neutral-100:#edf0f4;--sd-color-neutral-200:#d9e0e8;--sd-color-neutral-300:#ccd5e1;--sd-color-neutral-400:#bfcad9;--sd-color-neutral-500:#000000a6;--sd-color-neutral-600:#0000009e;--sd-color-neutral-700:#000000a6;--sd-color-neutral-800:#000000a6;--sd-color-primary-100:#f2f7fb;--sd-color-primary-200:#e5f0f7;--sd-color-primary-300:#99c2e1;--sd-color-primary-400:#6681a4;--sd-color-primary-500:#0066b3;--sd-color-primary-600:#005798;--sd-color-primary-700:#1a4276;--sd-color-primary-750:#1a4276;--sd-color-primary-800:#002d67;--sd-color-primary-900:#002d67;--sd-color-primary:#0066b3;--sd-color-risk-high:#fa9b1e;--sd-color-risk-increased:#fff000;--sd-color-risk-low:#017dc3;--sd-color-risk-moderate:#00a593;--sd-color-risk-veryhigh:red;--sd-color-sm-color:#000000a6;--sd-color-success:#0c7336;--sd-color-text-accent:var(--sd-color-accent);--sd-color-text-black:var(--sd-color-black);--sd-color-text-error:var(--sd-color-error);--sd-color-text-neutral-500:var(--sd-color-neutral-400);--sd-color-text-neutral-600:var(--sd-color-neutral-600);--sd-color-text-neutral-700:var(--sd-color-neutral-800);--sd-color-text-primary-100:var(--sd-color-primary-100);--sd-color-text-primary-200:var(--sd-color-primary-200);--sd-color-text-primary-400:var(--sd-color-primary-300);--sd-color-text-primary-500:var(--sd-color-primary);--sd-color-text-primary-800:var(--sd-color-primary-900);--sd-color-text-primary:var(--sd-color-primary);--sd-color-text-success:var(--sd-color-success);--sd-color-text-white:var(--sd-color-white);--sd-color-warning:#ffab00;--sd-color-white:#fff;--sd-flag--neutral-500-color-background:var(--sd-color-neutral-400);--sd-font-primary:"GenosGFG";--sd-font-weight-bold:700;--sd-font-weight-normal:400;--sd-header-padding-bottom:var(--sd-spacing-0\.5);--sd-navigable-border-radius:var(--sd-spacing-0\.5);--sd-navigable-font-size:.875rem;--sd-navigable__current-indicator-border-radius:624.938rem;--sd-navigable__current-indicator-height:.1875rem;--sd-navigable__current-indicator-width:.1875rem;--sd-navigation--current-color-text:var(--sd-color-black);--sd-navigation-color-text:var(--sd-color-neutral-800);--sd-opacity-0:0%;--sd-opacity-100:100%;--sd-opacity-10:10%;--sd-opacity-20:20%;--sd-opacity-30:30%;--sd-opacity-50:50%;--sd-opacity-55:55%;--sd-opacity-5:5%;--sd-opacity-60:60%;--sd-opacity-70:70%;--sd-opacity-75:75%;--sd-opacity-80:80%;--sd-opacity-85:85%;--sd-opacity-90:90%;--sd-overlay-color-background:#051530e6;--sd-panel-color-border:#fff0;--sd-radius-full:624.938rem;--sd-radius-lg:.5rem;--sd-radius-md:.375rem;--sd-radius-none:0;--sd-radius-sm:.125rem;--sd-radius:.25rem;--sd-sizing-10:2.5rem;--sd-sizing-12:3rem;--sd-sizing-16:4rem;--sd-sizing-20:5rem;--sd-sizing-24:6rem;--sd-sizing-2:.5rem;--sd-sizing-2\.5:.625rem;--sd-sizing-3:.75rem;--sd-sizing-4:1rem;--sd-sizing-5:1.25rem;--sd-sizing-6:1.5rem;--sd-sizing-8:2rem;--sd-spacing-0\.25:.0625rem;--sd-spacing-0\.5:.125rem;--sd-spacing-10:2.5rem;--sd-spacing-12:3rem;--sd-spacing-16:4rem;--sd-spacing-1:.25rem;--sd-spacing-1\.5:.375rem;--sd-spacing-20:5rem;--sd-spacing-24:6rem;--sd-spacing-2:.5rem;--sd-spacing-32:8rem;--sd-spacing-3:.75rem;--sd-spacing-40:10rem;--sd-spacing-4:1rem;--sd-spacing-6:1.5rem;--sd-spacing-8:2rem;--sd-tag--selected--default-color-background:var(--sd-color-primary-900);--sd-text-2xl:1.75rem;--sd-text-3xl:2rem;--sd-text-4xl:2.5rem;--sd-text-base:1rem;--sd-text-lg:1.25rem;--sd-text-sm:.875rem;--sd-text-xl:1.5rem;--sd-icon--calendar:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M17 4h3q1 0 1 1v14q0 1-1 1H4a1 1 0 0 1-1-1V5q0-1 1-1h3V3a1 1 0 0 1 2 0v1h6V3a1 1 0 1 1 2 0zm0 2v1a1 1 0 1 1-2 0V6H9v1a1 1 0 0 1-2 0V6H5v12h14V6zm-1 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm-5 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm5 0a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--chevron-down:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M16.2 9.2a1 1 0 0 1 1.4 1.5l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.5-1.5l4.2 4.3z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--chevron-up:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"m16.2 14.66-4.25-4.25-4.24 4.25a1 1 0 0 1-1.42-1.42l4.95-4.95a1 1 0 0 1 1.42 0l4.95 4.95a1 1 0 0 1-1.42 1.42\" clip-rule=\"evenodd\"/></svg>";--sd-icon--chevron-right:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M8.3 16.2a1 1 0 1 0 1.4 1.4l5-5q.4-.6 0-1.4l-5-5a1 1 0 0 0-1.4 1.5l4.2 4.2z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--chevron-left:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M14.7 16.2a1 1 0 0 1-1.5 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.5 1.5L10.4 12z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--clock:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 6v5.4l3.4 1.7a1 1 0 1 1-.8 1.8l-4-2a1 1 0 0 1-.6-.9V6a1 1 0 1 1 2 0m-1 16a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16\" clip-rule=\"evenodd\"/></svg>";--sd-icon--close:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M6.6 5.2h.1l5.3 5.4 5.3-5.3a1 1 0 0 1 1.5 1.3v.1L13.3 12l5.3 5.3a1 1 0 0 1-1.3 1.5h-.1L12 13.3l-5.3 5.3a1 1 0 0 1-1.5-1.3v-.1l5.4-5.3-5.3-5.3a1 1 0 0 1 1.3-1.5\" clip-rule=\"evenodd\"/></svg>";--sd-icon--closing-round:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M6.6 5.2h.1l5.3 5.4 5.3-5.3a1 1 0 0 1 1.5 1.3v.1L13.3 12l5.3 5.3a1 1 0 0 1-1.3 1.5h-.1L12 13.3l-5.3 5.3a1 1 0 0 1-1.5-1.3v-.1l5.4-5.3-5.3-5.3a1 1 0 0 1 1.3-1.5\" clip-rule=\"evenodd\"/></svg>";--sd-icon--eye:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 19q-6.6 0-10.8-6.4a1 1 0 0 1 0-1.2Q5.4 5.1 12 5q6.6 0 10.8 6.4.4.6 0 1.2Q18.6 19 12 19m0-2q5.2 0 8.8-5-3.6-5-8.8-5t-8.8 5q3.6 5 8.8 5m0-1a4 4 0 1 1 0-8 4 4 0 0 1 0 8m0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4\" clip-rule=\"evenodd\"/></svg>";--sd-icon--eye-crossed-out:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.6 1.5a1 1 0 0 1 1.9.8v.1L16 5.7q4 1.4 6.8 5.8a1 1 0 0 1 0 1Q18.6 19 12 19l-2-.2-1.6 3.6v.1a1 1 0 0 1-1.9-.8v-.1L8 18.3Q4 17 1.2 12.6a1 1 0 0 1 0-1.1Q5.4 5 12 5l2 .2zm-.5 6-.6 1.4a4 4 0 0 1-3.2 7l-.4 1h.4l.4.1h.3q5 0 8.5-4.6l.2-.3V12q-2.4-3.4-5.6-4.4M12 7q-5 0-8.5 4.6l-.2.3v.2q2.4 3.4 5.6 4.4l.6-1.4a4 4 0 0 1 3.2-7l.4-1h-.8zm1.6 3.8L12.2 14a2 2 0 0 0 1.4-3.2m-1.8-.8a2 2 0 0 0-1.4 3.2z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--info-circle:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m1 12a1 1 0 1 1-2 0v-5a1 1 0 1 1 2 0zm0-8a1 1 0 0 1-2 .1V8a1 1 0 0 1 2-.1z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--status-check:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--status-minus:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M3 13a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--pause:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M9.5 3q1.4.2 1.5 1.5v15q-.1 1.4-1.5 1.5H4.6C3.8 21 3 20 3 19.2V4.8C3 3.9 3.8 3 4.6 3zm10 0q1.4.2 1.5 1.5v15q-.1 1.4-1.5 1.5h-4.9c-.8 0-1.6-1-1.6-1.8V4.8c0-.9.8-1.8 1.6-1.8zM9 5H5v14h4zm10 0h-4v14h4z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--risk:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0\" clip-rule=\"evenodd\"/></svg>";--sd-icon--start:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M21.4 11.1a1 1 0 0 1 0 1.8l-17 8A1 1 0 0 1 3 20V4a1 1 0 0 1 1.4-.9zm-2.7.9L5 5.6v12.8z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--confirm-circle:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--warning:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0\" clip-rule=\"evenodd\"/></svg>";--sd-icon--exclamation-circle:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16M11 8a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zm0 8a1 1 0 1 1 2 0 1 1 0 1 1-2 0\" clip-rule=\"evenodd\"/></svg>";--sd-icon--magnifying-glass:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 15.5a7.5 7.5 0 1 1 1.4-1.4l6.3 6.2a1 1 0 0 1-1.4 1.4zM9.5 15a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11\" clip-rule=\"evenodd\"/></svg>";--sd-icon--transcript:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2h.4l.3.3 7 7 .3.7v-.1V21q0 1-1 1H5a1 1 0 0 1-1-1V3q0-1 1-1zm-1 2H6v16h12v-9h-6a1 1 0 0 1-1-.9V4m5.6 5L13 5.4V9z\" clip-rule=\"evenodd\"/></svg>";--sd-icon--mute:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zM13 5.7 7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm3.3 3.6a1 1 0 0 1 1.3 0h.1l1.3 1.3 1.3-1.3a1 1 0 0 1 1.5 1.3v.1L20.3 12l1.3 1.3a1 1 0 0 1-1.3 1.5h-.1L19 13.3l-1.3 1.3a1 1 0 0 1-1.5-1.3v-.1l1.4-1.3-1.3-1.3a1 1 0 0 1 0-1.4\" clip-rule=\"evenodd\"/></svg>";--sd-icon--volume:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zm6.3 2.3Q22 8.7 22 12a12 12 0 0 1-2.2 6.6 1 1 0 1 1-1.6-1A10 10 0 0 0 20 12q0-2.7-1.8-5.4a1 1 0 1 1 1.6-1.2m-6.8.3L7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm4.8 2.7A6 6 0 0 1 19 12q0 1.8-1.2 3.6a1 1 0 0 1-1.6-1.2q.8-1.2.8-2.4t-.8-2.4a1 1 0 0 1 1.6-1.2\" clip-rule=\"evenodd\"/></svg>";--sd-icon--reload:"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M4 18v1a1 1 0 1 1-2 0v-4q0-.9 1-1h4a1 1 0 1 1 0 2H5a8 8 0 1 0-.6-6.5 1 1 0 0 1-2-.6A10 10 0 1 1 4 18\" clip-rule=\"evenodd\"/></svg>";--sd-shadow-sm:.5px .5px var(--sd-color-neutral-800);--sd-shadow:0 4px 10px #0000001a;--sd-drop-shadow-sm:.5px .5px var(--sd-color-neutral-800);--sd-drop-shadow:0 4px 10px #0000001a}
package/dist/theme.js CHANGED
@@ -1 +1 @@
1
- export default {"base":[{"name":"animate-bounce-once","value":"bounce-once var(--sd-duration-medium, 300ms) ease-in-out;"},{"name":"animate-grow","value":"grow linear;"},{"name":"animate-loader-current","value":"wave 1.3s infinite, loader-color-current 2.6s infinite;"},{"name":"animate-loader-primary","value":"wave 1.3s infinite, loader-color-primary 2.6s infinite;"},{"name":"animate-loader-white","value":"wave 1.3s infinite, loader-color-white 2.6s infinite;"},{"name":"aspect-16/10","value":"var(--sd-aspect-16\\/10);"},{"name":"aspect-21/9","value":"var(--sd-aspect-21\\/9);"},{"name":"aspect-2/1","value":"var(--sd-aspect-2\\/1);"},{"name":"aspect-3/2","value":"var(--sd-aspect-3\\/2);"},{"name":"aspect-3/4","value":"var(--sd-aspect-3\\/4);"},{"name":"aspect-4/3","value":"var(--sd-aspect-4\\/3);"},{"name":"aspect-4/5","value":"var(--sd-aspect-4\\/5);"},{"name":"aspect-5/4","value":"var(--sd-aspect-5\\/4);"},{"name":"aspect-6/5","value":"var(--sd-aspect-6\\/5);"},{"name":"aspect-golden-ratio","value":"var(--sd-aspect-golden-ratio);"},{"name":"aspect-square","value":"var(--sd-aspect-square);"},{"name":"aspect-video","value":"var(--sd-aspect-video);"},{"name":"background-color-accent-300","value":"var(--sd-color-background-accent-300, var(--sd-color-accent-300));"},{"name":"background-color-accent-500","value":"var(--sd-color-background-accent-500, var(--sd-color-accent-500));"},{"name":"background-color-accent-550","value":"var(--sd-color-background-accent-550, var(--sd-color-accent-550));"},{"name":"background-color-accent-700","value":"var(--sd-color-background-accent-700, var(--sd-color-accent-700));"},{"name":"background-color-accent","value":"var(--sd-color-background-accent, var(--sd-color-accent));"},{"name":"background-color-error-400","value":"var(--sd-color-background-error-400, var(--sd-color-error-400));"},{"name":"background-color-error","value":"var(--sd-color-background-error, var(--sd-color-error));"},{"name":"background-color-info","value":"var(--sd-color-background-info, var(--sd-color-info));"},{"name":"background-color-neutral-100","value":"var(--sd-color-background-neutral-100, var(--sd-color-neutral-100));"},{"name":"background-color-neutral-200","value":"var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));"},{"name":"background-color-neutral-300","value":"var(--sd-color-background-neutral-300, var(--sd-color-neutral-300));"},{"name":"background-color-neutral-400","value":"var(--sd-color-background-neutral-400, var(--sd-color-neutral-400));"},{"name":"background-color-neutral-500","value":"var(--sd-color-background-neutral-500, var(--sd-color-neutral-500));"},{"name":"background-color-neutral-600","value":"var(--sd-color-background-neutral-600, var(--sd-color-neutral-600));"},{"name":"background-color-neutral-800","value":"var(--sd-color-background-neutral-800, var(--sd-color-neutral-800));"},{"name":"background-color-primary-100","value":"var(--sd-color-background-primary-100, var(--sd-color-primary-100));"},{"name":"background-color-primary-200","value":"var(--sd-color-background-primary-200, var(--sd-color-primary-200));"},{"name":"background-color-primary-300","value":"var(--sd-color-background-primary-300, var(--sd-color-primary-300));"},{"name":"background-color-primary-500","value":"var(--sd-color-background-primary-500, var(--sd-color-primary-500));"},{"name":"background-color-primary-800","value":"var(--sd-color-background-primary-800, var(--sd-color-primary-800));"},{"name":"background-color-primary","value":"var(--sd-color-background-primary, var(--sd-color-primary));"},{"name":"background-color-success","value":"var(--sd-color-background-success, var(--sd-color-success));"},{"name":"background-color-warning","value":"var(--sd-color-background-warning, var(--sd-color-warning));"},{"name":"background-color-white","value":"var(--sd-color-background-white, var(--sd-color-white));"},{"name":"border-color-accent-550","value":"var(--sd-color-border-accent-550, var(--sd-color-accent-550));"},{"name":"border-color-accent","value":"var(--sd-color-border-accent, var(--sd-color-accent));"},{"name":"border-color-error-400","value":"var(--sd-color-border-error-400, var(--sd-color-error-400));"},{"name":"border-color-error","value":"var(--sd-color-border-error, var(--sd-color-error));"},{"name":"border-color-neutral-400","value":"var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));"},{"name":"border-color-neutral-500","value":"var(--sd-color-border-neutral-500, var(--sd-color-neutral-500));"},{"name":"border-color-neutral-600","value":"var(--sd-color-border-neutral-600, var(--sd-color-neutral-600));"},{"name":"border-color-neutral-800","value":"var(--sd-color-border-neutral-800, var(--sd-color-neutral-800));"},{"name":"border-color-primary-100","value":"var(--sd-color-border-primary-100, var(--sd-color-primary-100));"},{"name":"border-color-primary-200","value":"var(--sd-color-border-primary-200, var(--sd-color-primary-200));"},{"name":"border-color-primary-400","value":"var(--sd-color-border-primary-400, var(--sd-color-primary-400));"},{"name":"border-color-primary-500","value":"var(--sd-color-border-primary-500, var(--sd-color-primary-500));"},{"name":"border-color-primary-800","value":"var(--sd-color-border-primary-800, var(--sd-color-primary-800));"},{"name":"border-color-primary","value":"var(--sd-color-border-primary, var(--sd-color-primary));"},{"name":"border-color-success","value":"var(--sd-color-border-success, var(--sd-color-success));"},{"name":"border-color-white","value":"var(--sd-color-border-white, var(--sd-color-white));"},{"name":"border-width-2","value":"var(--sd-border-width-2);"},{"name":"border-width-4","value":"var(--sd-border-width-4);"},{"name":"border-width-6","value":"var(--sd-border-width-6);"},{"name":"border-width-default","value":"var(--sd-border-width);"},{"name":"drop-shadow-sm","value":"var(--sd-drop-shadow-sm);"},{"name":"drop-shadow","value":"var(--sd-drop-shadow);"},{"name":"fill-accent-550","value":"var(--sd-color-icon-fill-accent-550, var(--sd-color-accent-550));"},{"name":"fill-accent","value":"var(--sd-color-icon-fill-accent, var(--sd-color-accent));"},{"name":"fill-error-400","value":"var(--sd-color-icon-fill-error-400, var(--sd-color-error-400));"},{"name":"fill-error","value":"var(--sd-color-icon-fill-error, var(--sd-color-error));"},{"name":"fill-neutral-400","value":"var(--sd-color-icon-fill-neutral-400, var(--sd-color-neutral-400));"},{"name":"fill-neutral-500","value":"var(--sd-color-icon-fill-neutral-500, var(--sd-color-neutral-500));"},{"name":"fill-neutral-600","value":"var(--sd-color-icon-fill-neutral-600, var(--sd-color-neutral-600));"},{"name":"fill-neutral-800","value":"var(--sd-color-icon-fill-neutral-800, var(--sd-color-neutral-800));"},{"name":"fill-primary-100","value":"var(--sd-color-icon-fill-primary-100, var(--sd-color-primary-100));"},{"name":"fill-primary-200","value":"var(--sd-color-icon-fill-primary-200, var(--sd-color-primary-200));"},{"name":"fill-primary-400","value":"var(--sd-color-icon-fill-primary-400, var(--sd-color-primary-400));"},{"name":"fill-primary-500","value":"var(--sd-color-icon-fill-primary-500, var(--sd-color-primary-500));"},{"name":"fill-primary-800","value":"var(--sd-color-icon-fill-primary-800, var(--sd-color-primary-800));"},{"name":"fill-primary","value":"var(--sd-color-icon-fill-primary, var(--sd-color-primary));"},{"name":"fill-risk-high","value":"var(--sd-color-icon-fill-risk-high, var(--sd-color-risk-high));"},{"name":"fill-risk-increased","value":"var(--sd-color-icon-fill-risk-increased, var(--sd-color-risk-increased));"},{"name":"fill-risk-low","value":"var(--sd-color-icon-fill-risk-low, var(--sd-color-risk-low));"},{"name":"fill-risk-moderate","value":"var(--sd-color-icon-fill-risk-moderate, var(--sd-color-risk-moderate));"},{"name":"fill-risk-veryhigh","value":"var(--sd-color-icon-fill-risk-veryhigh, var(--sd-color-risk-veryhigh));"},{"name":"fill-success","value":"var(--sd-color-icon-fill-success, var(--sd-color-success));"},{"name":"fill-white","value":"var(--sd-color-icon-fill-white, var(--sd-color-white));"},{"name":"font-primary","value":"var(--sd-font-primary);"},{"name":"font-weight-bold","value":"var(--sd-font-weight-bold);"},{"name":"font-weight-normal","value":"var(--sd-font-weight-normal);"},{"name":"opacity-0","value":"var(--sd-opacity-0);"},{"name":"opacity-100","value":"var(--sd-opacity-100);"},{"name":"opacity-10","value":"var(--sd-opacity-10);"},{"name":"opacity-20","value":"var(--sd-opacity-20);"},{"name":"opacity-30","value":"var(--sd-opacity-30);"},{"name":"opacity-50","value":"var(--sd-opacity-50);"},{"name":"opacity-55","value":"var(--sd-opacity-55);"},{"name":"opacity-5","value":"var(--sd-opacity-5);"},{"name":"opacity-60","value":"var(--sd-opacity-60);"},{"name":"opacity-70","value":"var(--sd-opacity-70);"},{"name":"opacity-75","value":"var(--sd-opacity-75);"},{"name":"opacity-80","value":"var(--sd-opacity-80);"},{"name":"opacity-85","value":"var(--sd-opacity-85);"},{"name":"opacity-90","value":"var(--sd-opacity-90);"},{"name":"outline-color-error","value":"var(--sd-border-color-error, var(--sd-color-error));"},{"name":"outline-color-primary","value":"var(--sd-border-color-primary, var(--sd-color-primary));"},{"name":"radius-default","value":"var(--sd-radius);"},{"name":"radius-full","value":"var(--sd-radius-full);"},{"name":"radius-lg","value":"var(--sd-radius-lg);"},{"name":"radius-md","value":"var(--sd-radius-md);"},{"name":"radius-none","value":"var(--sd-radius-none);"},{"name":"radius-sm","value":"var(--sd-radius-sm);"},{"name":"shadow-sm","value":"var(--sd-shadow-sm);"},{"name":"shadow","value":"var(--sd-shadow);"},{"name":"sizing-10","value":"var(--sd-sizing-10);"},{"name":"sizing-12","value":"var(--sd-sizing-12);"},{"name":"sizing-16","value":"var(--sd-sizing-16);"},{"name":"sizing-20","value":"var(--sd-sizing-20);"},{"name":"sizing-24","value":"var(--sd-sizing-24);"},{"name":"sizing-2","value":"var(--sd-sizing-2);"},{"name":"sizing-2.5","value":"var(--sd-sizing-2\\.5);"},{"name":"sizing-3","value":"var(--sd-sizing-3);"},{"name":"sizing-4","value":"var(--sd-sizing-4);"},{"name":"sizing-5","value":"var(--sd-sizing-5);"},{"name":"sizing-6","value":"var(--sd-sizing-6);"},{"name":"sizing-8","value":"var(--sd-sizing-8);"},{"name":"sizing-varspacing","value":"var(--tw-varspacing);"},{"name":"spacing-0.25","value":"var(--sd-spacing-0\\.25);"},{"name":"spacing-0.5","value":"var(--sd-spacing-0\\.5);"},{"name":"spacing-10","value":"var(--sd-spacing-10);"},{"name":"spacing-12","value":"var(--sd-spacing-12);"},{"name":"spacing-16","value":"var(--sd-spacing-16);"},{"name":"spacing-1","value":"var(--sd-spacing-1);"},{"name":"spacing-1.5","value":"var(--sd-spacing-1\\.5);"},{"name":"spacing-20","value":"var(--sd-spacing-20);"},{"name":"spacing-24","value":"var(--sd-spacing-24);"},{"name":"spacing-2","value":"var(--sd-spacing-2);"},{"name":"spacing-32","value":"var(--sd-spacing-32);"},{"name":"spacing-3","value":"var(--sd-spacing-3);"},{"name":"spacing-40","value":"var(--sd-spacing-40);"},{"name":"spacing-4","value":"var(--sd-spacing-4);"},{"name":"spacing-6","value":"var(--sd-spacing-6);"},{"name":"spacing-8","value":"var(--sd-spacing-8);"},{"name":"spacing-varspacing","value":"var(--tw-varspacing);"},{"name":"spacing","value":"var(--sd-spacing-1);"},{"name":"text-2xl","value":"var(--sd-text-2xl);"},{"name":"text-3xl","value":"var(--sd-text-3xl);"},{"name":"text-4xl","value":"var(--sd-text-4xl);"},{"name":"text-base","value":"var(--sd-text-base);"},{"name":"text-color-accent","value":"var(--sd-color-text-accent, var(--sd-color-accent));"},{"name":"text-color-black","value":"var(--sd-color-text-black, var(--sd-color-black));"},{"name":"text-color-error","value":"var(--sd-color-text-error, var(--sd-color-error));"},{"name":"text-color-neutral-500","value":"var(--sd-color-text-neutral-500, var(--sd-color-neutral-500));"},{"name":"text-color-neutral-600","value":"var(--sd-color-text-neutral-600, var(--sd-color-neutral-600));"},{"name":"text-color-neutral-700","value":"var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));"},{"name":"text-color-primary-100","value":"var(--sd-color-text-primary-100, var(--sd-color-primary-100));"},{"name":"text-color-primary-200","value":"var(--sd-color-text-primary-200, var(--sd-color-primary-200));"},{"name":"text-color-primary-400","value":"var(--sd-color-text-primary-400, var(--sd-color-primary-400));"},{"name":"text-color-primary-500","value":"var(--sd-color-text-primary-500, var(--sd-color-primary-500));"},{"name":"text-color-primary-800","value":"var(--sd-color-text-primary-800, var(--sd-color-primary-800));"},{"name":"text-color-primary","value":"var(--sd-color-text-primary, var(--sd-color-primary));"},{"name":"text-color-success","value":"var(--sd-color-text-success, var(--sd-color-success));"},{"name":"text-color-white","value":"var(--sd-color-text-white, var(--sd-color-white));"},{"name":"text-lg","value":"var(--sd-text-lg);"},{"name":"text-sm","value":"var(--sd-text-sm);"},{"name":"text-xl","value":"var(--sd-text-xl);"},{"name":"transition-duration-fast","value":"var(--sd-duration-fast, 150ms);"},{"name":"transition-duration-medium","value":"var(--sd-duration-medium, 300ms);"},{"name":"transition-duration-slow","value":"var(--sd-duration-slow, 500ms);"},{"name":"transition-duration-x-slow","value":"var(--sd-duration-x-slow, 750ms);"}],"utilities":[{"name":"z-10","declarations":[{"prop":"z-index","value":"10"}]},{"name":"z-20","declarations":[{"prop":"z-index","value":"20"}]},{"name":"z-30","declarations":[{"prop":"z-index","value":"30"}]},{"name":"z-40","declarations":[{"prop":"z-index","value":"40"}]},{"name":"z-50","declarations":[{"prop":"z-index","value":"50"}]},{"name":"z-alert-group","declarations":[{"prop":"z-index","value":"var(--sd-z-index-alert-group, 950)"}]},{"name":"z-auto","declarations":[{"prop":"z-index","value":"auto"}]},{"name":"z-dialog","declarations":[{"prop":"z-index","value":"var(--sd-z-index-dialog, 800)"}]},{"name":"z-drawer","declarations":[{"prop":"z-index","value":"var(--sd-z-index-drawer, 700)"}]},{"name":"z-dropdown","declarations":[{"prop":"z-index","value":"var(--sd-z-index-dropdown, 900)"}]},{"name":"z-header","declarations":[{"prop":"z-index","value":"var(--sd-z-index-header, 600)"}]},{"name":"z-tooltip","declarations":[{"prop":"z-index","value":"var(--sd-z-index-tooltip, 1000)"}]},{"name":"varspacing-*","declarations":[{"prop":"--tw-varspacing","value":"--value(--spacing-*)"}]},{"name":"focus-outline","declarations":[{"prop":"outline-style","value":"solid"},{"prop":"outline-offset","value":"2px"},{"prop":"outline-width","value":"2px"},{"prop":"outline-color","value":"var(--outline-color-primary)"}]},{"name":"focus-outline-inverted","declarations":[{"prop":"outline-style","value":"solid"},{"prop":"outline-offset","value":"2px"},{"prop":"outline-width","value":"2px"},{"prop":"outline-color","value":"var(--outline-color-white)"}]}],"theme":[{"name":"sd-theme","value":"'ui-light';"},{"name":"sd-accordion-border-width","value":"var(--sd-spacing-0\\.25);"},{"name":"sd-accordion-padding-block","value":"var(--sd-spacing-3);"},{"name":"sd-aspect-16/10","value":"16 / 10;"},{"name":"sd-aspect-21/9","value":"21 / 9;"},{"name":"sd-aspect-2/1","value":"2 / 1;"},{"name":"sd-aspect-3/2","value":"3 / 2;"},{"name":"sd-aspect-3/4","value":"3 / 4;"},{"name":"sd-aspect-4/3","value":"4 / 3;"},{"name":"sd-aspect-4/5","value":"4 / 5;"},{"name":"sd-aspect-5/4","value":"5 / 4;"},{"name":"sd-aspect-6/5","value":"6 / 5;"},{"name":"sd-aspect-golden-ratio","value":"1.6180339887498948482 / 1;"},{"name":"sd-aspect-square","value":"1 / 1;"},{"name":"sd-aspect-video","value":"16 / 9;"},{"name":"sd-border-width-2","value":"0.125rem;"},{"name":"sd-border-width-4","value":"0.25rem;"},{"name":"sd-border-width-6","value":"0.375rem;"},{"name":"sd-border-width","value":"0.0625rem;"},{"name":"sd-button--size-lg-border-radius","value":"var(--sd-spacing-1);"},{"name":"sd-button--size-lg-font-size","value":"var(--sd-spacing-4);"},{"name":"sd-button--size-lg-icon-font-size","value":"var(--sd-spacing-6);"},{"name":"sd-button--size-lg-padding-block","value":"var(--sd-spacing-2);"},{"name":"sd-button--size-md-border-radius","value":"var(--sd-spacing-1);"},{"name":"sd-button--size-md-font-size","value":"var(--sd-spacing-4);"},{"name":"sd-button--size-md-padding-block","value":"var(--sd-spacing-2);"},{"name":"sd-color-accent-100","value":"#b6dfaa;"},{"name":"sd-color-accent-200","value":"#8ed082;"},{"name":"sd-color-accent-300","value":"#6cc254;"},{"name":"sd-color-accent-400","value":"#2d9d00;"},{"name":"sd-color-accent-500","value":"#25880e;"},{"name":"sd-color-accent-550","value":"#367b28;"},{"name":"sd-color-accent-600","value":"#316f24;"},{"name":"sd-color-accent-700","value":"#215725;"},{"name":"sd-color-accent-800","value":"#19411b;"},{"name":"sd-color-accent","value":"#2d9d00;"},{"name":"sd-color-black","value":"#181818;"},{"name":"sd-color-error-300","value":"#cc1937;"},{"name":"sd-color-error-400","value":"#ac1938;"},{"name":"sd-color-error","value":"#cc1937;"},{"name":"sd-color-info","value":"#1582d5;"},{"name":"sd-color-neutral-100","value":"#f6f6f6;"},{"name":"sd-color-neutral-200","value":"#e9e9e9;"},{"name":"sd-color-neutral-300","value":"#dadada;"},{"name":"sd-color-neutral-400","value":"#c3c3c3;"},{"name":"sd-color-neutral-500","value":"#aeaeae;"},{"name":"sd-color-neutral-600","value":"#888888;"},{"name":"sd-color-neutral-700","value":"#686868;"},{"name":"sd-color-neutral-800","value":"#515151;"},{"name":"sd-color-primary-100","value":"#ecf0f9;"},{"name":"sd-color-primary-200","value":"#e0e9f3;"},{"name":"sd-color-primary-300","value":"#c8d5e7;"},{"name":"sd-color-primary-400","value":"#99abd0;"},{"name":"sd-color-primary-500","value":"#466daf;"},{"name":"sd-color-primary-600","value":"#00358e;"},{"name":"sd-color-primary-700","value":"#132e6e;"},{"name":"sd-color-primary-750","value":"#0a204a;"},{"name":"sd-color-primary-800","value":"#051530;"},{"name":"sd-color-primary-900","value":"#020920;"},{"name":"sd-color-primary","value":"#00358e;"},{"name":"sd-color-risk-high","value":"#fa9b1e;"},{"name":"sd-color-risk-increased","value":"#fff000;"},{"name":"sd-color-risk-low","value":"#017dc3;"},{"name":"sd-color-risk-moderate","value":"#00a593;"},{"name":"sd-color-risk-veryhigh","value":"#ff0000;"},{"name":"sd-color-success","value":"#367b28;"},{"name":"sd-color-warning","value":"#bb8d20;"},{"name":"sd-color-white","value":"#ffffff;"},{"name":"sd-font-primary","value":"'Frutiger Neue fuer UI Web';"},{"name":"sd-font-weight-bold","value":"700;"},{"name":"sd-font-weight-normal","value":"400;"},{"name":"sd-header-padding-bottom","value":"0;"},{"name":"sd-navigation-item-border-radius-bottom","value":"0;"},{"name":"sd-navigation-item-border-radius-top","value":"0;"},{"name":"sd-navigation-item-font-size","value":"var(--sd-spacing-4);"},{"name":"sd-navigation-item__current-indicator-border-radius","value":"0;"},{"name":"sd-navigation-item__current-indicator-height","value":"var(--sd-spacing-1);"},{"name":"sd-opacity-0","value":"0%;"},{"name":"sd-opacity-100","value":"100%;"},{"name":"sd-opacity-10","value":"10%;"},{"name":"sd-opacity-20","value":"20%;"},{"name":"sd-opacity-30","value":"30%;"},{"name":"sd-opacity-50","value":"50%;"},{"name":"sd-opacity-55","value":"55%;"},{"name":"sd-opacity-5","value":"5%;"},{"name":"sd-opacity-60","value":"60%;"},{"name":"sd-opacity-70","value":"70%;"},{"name":"sd-opacity-75","value":"75%;"},{"name":"sd-opacity-80","value":"80%;"},{"name":"sd-opacity-85","value":"85%;"},{"name":"sd-opacity-90","value":"90%;"},{"name":"sd-radius-full","value":"624.9375rem;"},{"name":"sd-radius-lg","value":"0.5rem;"},{"name":"sd-radius-md","value":"0.375rem;"},{"name":"sd-radius-none","value":"0;"},{"name":"sd-radius-sm","value":"0.125rem;"},{"name":"sd-radius","value":"0.25rem;"},{"name":"sd-sizing-10","value":"2.5rem;"},{"name":"sd-sizing-12","value":"3rem;"},{"name":"sd-sizing-16","value":"4rem;"},{"name":"sd-sizing-20","value":"5rem;"},{"name":"sd-sizing-24","value":"6rem;"},{"name":"sd-sizing-2","value":"0.5rem;"},{"name":"sd-sizing-2.5","value":"0.625rem;"},{"name":"sd-sizing-3","value":"0.75rem;"},{"name":"sd-sizing-4","value":"1rem;"},{"name":"sd-sizing-5","value":"1.25rem;"},{"name":"sd-sizing-6","value":"1.5rem;"},{"name":"sd-sizing-8","value":"2rem;"},{"name":"sd-spacing-0.25","value":"0.0625rem;"},{"name":"sd-spacing-0.5","value":"0.125rem;"},{"name":"sd-spacing-10","value":"2.5rem;"},{"name":"sd-spacing-12","value":"3rem;"},{"name":"sd-spacing-16","value":"4rem;"},{"name":"sd-spacing-1","value":"0.25rem;"},{"name":"sd-spacing-1.5","value":"0.375rem;"},{"name":"sd-spacing-20","value":"5rem;"},{"name":"sd-spacing-24","value":"6rem;"},{"name":"sd-spacing-2","value":"0.5rem;"},{"name":"sd-spacing-32","value":"8rem;"},{"name":"sd-spacing-3","value":"0.75rem;"},{"name":"sd-spacing-40","value":"10rem;"},{"name":"sd-spacing-4","value":"1rem;"},{"name":"sd-spacing-6","value":"1.5rem;"},{"name":"sd-spacing-8","value":"2rem;"},{"name":"sd-text-2xl","value":"1.75rem;"},{"name":"sd-text-3xl","value":"2rem;"},{"name":"sd-text-4xl","value":"2.5rem;"},{"name":"sd-text-base","value":"1rem;"},{"name":"sd-text-lg","value":"1.25rem;"},{"name":"sd-text-sm","value":"0.875rem;"},{"name":"sd-text-xl","value":"1.5rem;"}]}
1
+ export default {"base":[{"name":"animate-bounce-once","value":"bounce-once var(--sd-duration-medium, 300ms) ease-in-out;"},{"name":"animate-grow","value":"grow linear;"},{"name":"animate-loader-current","value":"wave 1.3s infinite, loader-color-current 2.6s infinite;"},{"name":"animate-loader-primary","value":"wave 1.3s infinite, loader-color-primary 2.6s infinite;"},{"name":"animate-loader-white","value":"wave 1.3s infinite, loader-color-white 2.6s infinite;"},{"name":"aspect-16/10","value":"var(--sd-aspect-16\\/10);"},{"name":"aspect-21/9","value":"var(--sd-aspect-21\\/9);"},{"name":"aspect-2/1","value":"var(--sd-aspect-2\\/1);"},{"name":"aspect-3/2","value":"var(--sd-aspect-3\\/2);"},{"name":"aspect-3/4","value":"var(--sd-aspect-3\\/4);"},{"name":"aspect-4/3","value":"var(--sd-aspect-4\\/3);"},{"name":"aspect-4/5","value":"var(--sd-aspect-4\\/5);"},{"name":"aspect-5/4","value":"var(--sd-aspect-5\\/4);"},{"name":"aspect-6/5","value":"var(--sd-aspect-6\\/5);"},{"name":"aspect-golden-ratio","value":"var(--sd-aspect-golden-ratio);"},{"name":"aspect-square","value":"var(--sd-aspect-square);"},{"name":"aspect-video","value":"var(--sd-aspect-video);"},{"name":"background-color-accent-300","value":"var(--sd-color-background-accent-300);"},{"name":"background-color-accent-500","value":"var(--sd-color-background-accent-500);"},{"name":"background-color-accent-550","value":"var(--sd-color-background-accent-550);"},{"name":"background-color-accent-700","value":"var(--sd-color-background-accent-700);"},{"name":"background-color-accent","value":"var(--sd-color-background-accent);"},{"name":"background-color-error-400","value":"var(--sd-color-background-error-400);"},{"name":"background-color-error","value":"var(--sd-color-background-error);"},{"name":"background-color-info","value":"var(--sd-color-background-info);"},{"name":"background-color-neutral-100","value":"var(--sd-color-background-neutral-100);"},{"name":"background-color-neutral-200","value":"var(--sd-color-background-neutral-200);"},{"name":"background-color-neutral-300","value":"var(--sd-color-background-neutral-300);"},{"name":"background-color-neutral-400","value":"var(--sd-color-background-neutral-400);"},{"name":"background-color-neutral-500","value":"var(--sd-color-background-neutral-500);"},{"name":"background-color-neutral-600","value":"var(--sd-color-background-neutral-600);"},{"name":"background-color-neutral-800","value":"var(--sd-color-background-neutral-800);"},{"name":"background-color-primary-100","value":"var(--sd-color-background-primary-100);"},{"name":"background-color-primary-200","value":"var(--sd-color-background-primary-200);"},{"name":"background-color-primary-300","value":"var(--sd-color-background-primary-300);"},{"name":"background-color-primary-500","value":"var(--sd-color-background-primary-500);"},{"name":"background-color-primary-800","value":"var(--sd-color-background-primary-800);"},{"name":"background-color-primary","value":"var(--sd-color-background-primary);"},{"name":"background-color-success","value":"var(--sd-color-background-success);"},{"name":"background-color-warning","value":"var(--sd-color-background-warning);"},{"name":"background-color-white","value":"var(--sd-color-background-white);"},{"name":"border-color-accent-550","value":"var(--sd-color-border-accent-550);"},{"name":"border-color-accent","value":"var(--sd-color-border-accent);"},{"name":"border-color-error-400","value":"var(--sd-color-border-error-400);"},{"name":"border-color-error","value":"var(--sd-color-border-error);"},{"name":"border-color-neutral-400","value":"var(--sd-color-border-neutral-400);"},{"name":"border-color-neutral-500","value":"var(--sd-color-border-neutral-500);"},{"name":"border-color-neutral-600","value":"var(--sd-color-border-neutral-600);"},{"name":"border-color-neutral-800","value":"var(--sd-color-border-neutral-800);"},{"name":"border-color-primary-100","value":"var(--sd-color-border-primary-100);"},{"name":"border-color-primary-200","value":"var(--sd-color-border-primary-200);"},{"name":"border-color-primary-400","value":"var(--sd-color-border-primary-400);"},{"name":"border-color-primary-500","value":"var(--sd-color-border-primary-500);"},{"name":"border-color-primary-800","value":"var(--sd-color-border-primary-800);"},{"name":"border-color-primary","value":"var(--sd-color-border-primary);"},{"name":"border-color-success","value":"var(--sd-color-border-success);"},{"name":"border-color-white","value":"var(--sd-color-border-white);"},{"name":"border-width-2","value":"var(--sd-border-width-2);"},{"name":"border-width-4","value":"var(--sd-border-width-4);"},{"name":"border-width-6","value":"var(--sd-border-width-6);"},{"name":"border-width-default","value":"var(--sd-border-width);"},{"name":"drop-shadow-sm","value":"var(--sd-drop-shadow-sm);"},{"name":"drop-shadow","value":"var(--sd-drop-shadow);"},{"name":"fill-accent-550","value":"var(--sd-color-icon-fill-accent-550);"},{"name":"fill-accent","value":"var(--sd-color-icon-fill-accent);"},{"name":"fill-error-400","value":"var(--sd-color-icon-fill-error-400);"},{"name":"fill-error","value":"var(--sd-color-icon-fill-error);"},{"name":"fill-neutral-400","value":"var(--sd-color-icon-fill-neutral-400);"},{"name":"fill-neutral-500","value":"var(--sd-color-icon-fill-neutral-500);"},{"name":"fill-neutral-600","value":"var(--sd-color-icon-fill-neutral-600);"},{"name":"fill-neutral-800","value":"var(--sd-color-icon-fill-neutral-800);"},{"name":"fill-primary-100","value":"var(--sd-color-icon-fill-primary-100);"},{"name":"fill-primary-200","value":"var(--sd-color-icon-fill-primary-200);"},{"name":"fill-primary-400","value":"var(--sd-color-icon-fill-primary-400);"},{"name":"fill-primary-500","value":"var(--sd-color-icon-fill-primary-500);"},{"name":"fill-primary-800","value":"var(--sd-color-icon-fill-primary-800);"},{"name":"fill-primary","value":"var(--sd-color-icon-fill-primary);"},{"name":"fill-risk-high","value":"var(--sd-color-icon-fill-risk-high);"},{"name":"fill-risk-increased","value":"var(--sd-color-icon-fill-risk-increased);"},{"name":"fill-risk-low","value":"var(--sd-color-icon-fill-risk-low);"},{"name":"fill-risk-moderate","value":"var(--sd-color-icon-fill-risk-moderate);"},{"name":"fill-risk-veryhigh","value":"var(--sd-color-icon-fill-risk-veryhigh);"},{"name":"fill-success","value":"var(--sd-color-icon-fill-success);"},{"name":"fill-white","value":"var(--sd-color-icon-fill-white);"},{"name":"font-primary","value":"var(--sd-font-primary);"},{"name":"font-weight-bold","value":"var(--sd-font-weight-bold);"},{"name":"font-weight-normal","value":"var(--sd-font-weight-normal);"},{"name":"opacity-0","value":"var(--sd-opacity-0);"},{"name":"opacity-100","value":"var(--sd-opacity-100);"},{"name":"opacity-10","value":"var(--sd-opacity-10);"},{"name":"opacity-20","value":"var(--sd-opacity-20);"},{"name":"opacity-30","value":"var(--sd-opacity-30);"},{"name":"opacity-50","value":"var(--sd-opacity-50);"},{"name":"opacity-55","value":"var(--sd-opacity-55);"},{"name":"opacity-5","value":"var(--sd-opacity-5);"},{"name":"opacity-60","value":"var(--sd-opacity-60);"},{"name":"opacity-70","value":"var(--sd-opacity-70);"},{"name":"opacity-75","value":"var(--sd-opacity-75);"},{"name":"opacity-80","value":"var(--sd-opacity-80);"},{"name":"opacity-85","value":"var(--sd-opacity-85);"},{"name":"opacity-90","value":"var(--sd-opacity-90);"},{"name":"outline-color-error","value":"var(--sd-border-color-error, var(--sd-color-error));"},{"name":"outline-color-primary","value":"var(--sd-border-color-primary, var(--sd-color-primary));"},{"name":"radius-default","value":"var(--sd-radius);"},{"name":"radius-full","value":"var(--sd-radius-full);"},{"name":"radius-lg","value":"var(--sd-radius-lg);"},{"name":"radius-md","value":"var(--sd-radius-md);"},{"name":"radius-none","value":"var(--sd-radius-none);"},{"name":"radius-sm","value":"var(--sd-radius-sm);"},{"name":"shadow-sm","value":"var(--sd-shadow-sm);"},{"name":"shadow","value":"var(--sd-shadow);"},{"name":"sizing-10","value":"var(--sd-sizing-10);"},{"name":"sizing-12","value":"var(--sd-sizing-12);"},{"name":"sizing-16","value":"var(--sd-sizing-16);"},{"name":"sizing-20","value":"var(--sd-sizing-20);"},{"name":"sizing-24","value":"var(--sd-sizing-24);"},{"name":"sizing-2","value":"var(--sd-sizing-2);"},{"name":"sizing-2.5","value":"var(--sd-sizing-2\\.5);"},{"name":"sizing-3","value":"var(--sd-sizing-3);"},{"name":"sizing-4","value":"var(--sd-sizing-4);"},{"name":"sizing-5","value":"var(--sd-sizing-5);"},{"name":"sizing-6","value":"var(--sd-sizing-6);"},{"name":"sizing-8","value":"var(--sd-sizing-8);"},{"name":"sizing-varspacing","value":"var(--tw-varspacing);"},{"name":"spacing-0.25","value":"var(--sd-spacing-0\\.25);"},{"name":"spacing-0.5","value":"var(--sd-spacing-0\\.5);"},{"name":"spacing-10","value":"var(--sd-spacing-10);"},{"name":"spacing-12","value":"var(--sd-spacing-12);"},{"name":"spacing-16","value":"var(--sd-spacing-16);"},{"name":"spacing-1","value":"var(--sd-spacing-1);"},{"name":"spacing-1.5","value":"var(--sd-spacing-1\\.5);"},{"name":"spacing-20","value":"var(--sd-spacing-20);"},{"name":"spacing-24","value":"var(--sd-spacing-24);"},{"name":"spacing-2","value":"var(--sd-spacing-2);"},{"name":"spacing-32","value":"var(--sd-spacing-32);"},{"name":"spacing-3","value":"var(--sd-spacing-3);"},{"name":"spacing-40","value":"var(--sd-spacing-40);"},{"name":"spacing-4","value":"var(--sd-spacing-4);"},{"name":"spacing-6","value":"var(--sd-spacing-6);"},{"name":"spacing-8","value":"var(--sd-spacing-8);"},{"name":"spacing-varspacing","value":"var(--tw-varspacing);"},{"name":"spacing","value":"var(--sd-spacing-1);"},{"name":"text-2xl","value":"var(--sd-text-2xl);"},{"name":"text-3xl","value":"var(--sd-text-3xl);"},{"name":"text-4xl","value":"var(--sd-text-4xl);"},{"name":"text-base","value":"var(--sd-text-base);"},{"name":"text-color-accent","value":"var(--sd-color-text-accent);"},{"name":"text-color-black","value":"var(--sd-color-text-black);"},{"name":"text-color-error","value":"var(--sd-color-text-error);"},{"name":"text-color-neutral-500","value":"var(--sd-color-text-neutral-500);"},{"name":"text-color-neutral-600","value":"var(--sd-color-text-neutral-600);"},{"name":"text-color-neutral-700","value":"var(--sd-color-text-neutral-700);"},{"name":"text-color-primary-100","value":"var(--sd-color-text-primary-100);"},{"name":"text-color-primary-200","value":"var(--sd-color-text-primary-200);"},{"name":"text-color-primary-400","value":"var(--sd-color-text-primary-400);"},{"name":"text-color-primary-500","value":"var(--sd-color-text-primary-500);"},{"name":"text-color-primary-800","value":"var(--sd-color-text-primary-800);"},{"name":"text-color-primary","value":"var(--sd-color-text-primary);"},{"name":"text-color-success","value":"var(--sd-color-text-success);"},{"name":"text-color-white","value":"var(--sd-color-text-white);"},{"name":"text-lg","value":"var(--sd-text-lg);"},{"name":"text-sm","value":"var(--sd-text-sm);"},{"name":"text-xl","value":"var(--sd-text-xl);"},{"name":"transition-duration-fast","value":"var(--sd-duration-fast, 150ms);"},{"name":"transition-duration-medium","value":"var(--sd-duration-medium, 300ms);"},{"name":"transition-duration-slow","value":"var(--sd-duration-slow, 500ms);"},{"name":"transition-duration-x-slow","value":"var(--sd-duration-x-slow, 750ms);"}],"utilities":[{"name":"z-10","declarations":[{"prop":"z-index","value":"10"}]},{"name":"z-20","declarations":[{"prop":"z-index","value":"20"}]},{"name":"z-30","declarations":[{"prop":"z-index","value":"30"}]},{"name":"z-40","declarations":[{"prop":"z-index","value":"40"}]},{"name":"z-50","declarations":[{"prop":"z-index","value":"50"}]},{"name":"z-alert-group","declarations":[{"prop":"z-index","value":"var(--sd-z-index-alert-group, 950)"}]},{"name":"z-auto","declarations":[{"prop":"z-index","value":"auto"}]},{"name":"z-dialog","declarations":[{"prop":"z-index","value":"var(--sd-z-index-dialog, 800)"}]},{"name":"z-drawer","declarations":[{"prop":"z-index","value":"var(--sd-z-index-drawer, 700)"}]},{"name":"z-dropdown","declarations":[{"prop":"z-index","value":"var(--sd-z-index-dropdown, 900)"}]},{"name":"z-header","declarations":[{"prop":"z-index","value":"var(--sd-z-index-header, 600)"}]},{"name":"z-tooltip","declarations":[{"prop":"z-index","value":"var(--sd-z-index-tooltip, 1000)"}]},{"name":"varspacing-*","declarations":[{"prop":"--tw-varspacing","value":"--value(--spacing-*)"}]},{"name":"focus-outline","declarations":[{"prop":"outline-style","value":"solid"},{"prop":"outline-offset","value":"2px"},{"prop":"outline-width","value":"2px"},{"prop":"outline-color","value":"var(--outline-color-primary)"}]},{"name":"focus-outline-inverted","declarations":[{"prop":"outline-style","value":"solid"},{"prop":"outline-offset","value":"2px"},{"prop":"outline-width","value":"2px"},{"prop":"outline-color","value":"var(--outline-color-white)"}]}],"theme":[{"name":"sd-theme","value":"'ui-light';"},{"name":"sd-accordion-border-width","value":"var(--sd-spacing-0\\.25);"},{"name":"sd-accordion-padding-block","value":"var(--sd-spacing-3);"},{"name":"sd-aspect-16/10","value":"16 / 10;"},{"name":"sd-aspect-21/9","value":"21 / 9;"},{"name":"sd-aspect-2/1","value":"2 / 1;"},{"name":"sd-aspect-3/2","value":"3 / 2;"},{"name":"sd-aspect-3/4","value":"3 / 4;"},{"name":"sd-aspect-4/3","value":"4 / 3;"},{"name":"sd-aspect-4/5","value":"4 / 5;"},{"name":"sd-aspect-5/4","value":"5 / 4;"},{"name":"sd-aspect-6/5","value":"6 / 5;"},{"name":"sd-aspect-golden-ratio","value":"1.6180339887498948482 / 1;"},{"name":"sd-aspect-square","value":"1 / 1;"},{"name":"sd-aspect-video","value":"16 / 9;"},{"name":"sd-border-width-2","value":"0.125rem;"},{"name":"sd-border-width-4","value":"0.25rem;"},{"name":"sd-border-width-6","value":"0.375rem;"},{"name":"sd-border-width","value":"0.0625rem;"},{"name":"sd-button--size-lg-border-radius","value":"var(--sd-spacing-1);"},{"name":"sd-button--size-lg-font-size","value":"var(--sd-spacing-4);"},{"name":"sd-button--size-lg-padding-block","value":"var(--sd-spacing-3);"},{"name":"sd-button--size-md-border-radius","value":"var(--sd-spacing-1);"},{"name":"sd-button--size-md-font-size","value":"var(--sd-spacing-4);"},{"name":"sd-button--size-md-padding-block","value":"var(--sd-spacing-2);"},{"name":"sd-color-accent-100","value":"#b6dfaa;"},{"name":"sd-color-accent-200","value":"#8ed082;"},{"name":"sd-color-accent-300","value":"#6cc254;"},{"name":"sd-color-accent-400","value":"#2d9d00;"},{"name":"sd-color-accent-500","value":"#25880e;"},{"name":"sd-color-accent-550","value":"#367b28;"},{"name":"sd-color-accent-600","value":"#316f24;"},{"name":"sd-color-accent-700","value":"#215725;"},{"name":"sd-color-accent-800","value":"#19411b;"},{"name":"sd-color-accent","value":"#2d9d00;"},{"name":"sd-color-background-accent-300","value":"var(--sd-color-accent-300);"},{"name":"sd-color-background-accent-500","value":"var(--sd-color-accent-500);"},{"name":"sd-color-background-accent-550","value":"var(--sd-color-success);"},{"name":"sd-color-background-accent-700","value":"var(--sd-color-accent-700);"},{"name":"sd-color-background-accent","value":"var(--sd-color-accent);"},{"name":"sd-color-background-error-400","value":"var(--sd-color-error-400);"},{"name":"sd-color-background-error","value":"var(--sd-color-error);"},{"name":"sd-color-background-info","value":"var(--sd-color-info);"},{"name":"sd-color-background-neutral-100","value":"var(--sd-color-neutral-100);"},{"name":"sd-color-background-neutral-200","value":"var(--sd-color-neutral-200);"},{"name":"sd-color-background-neutral-300","value":"var(--sd-color-neutral-300);"},{"name":"sd-color-background-neutral-400","value":"var(--sd-color-neutral-400);"},{"name":"sd-color-background-neutral-500","value":"var(--sd-color-neutral-500);"},{"name":"sd-color-background-neutral-600","value":"var(--sd-color-neutral-600);"},{"name":"sd-color-background-neutral-800","value":"var(--sd-color-neutral-800);"},{"name":"sd-color-background-primary-100","value":"var(--sd-color-primary-100);"},{"name":"sd-color-background-primary-200","value":"var(--sd-color-primary-200);"},{"name":"sd-color-background-primary-300","value":"var(--sd-color-primary-300);"},{"name":"sd-color-background-primary-500","value":"var(--sd-color-primary-500);"},{"name":"sd-color-background-primary-800","value":"var(--sd-color-primary-800);"},{"name":"sd-color-background-primary","value":"var(--sd-color-primary);"},{"name":"sd-color-background-success","value":"var(--sd-color-success);"},{"name":"sd-color-background-warning","value":"var(--sd-color-warning);"},{"name":"sd-color-background-white","value":"var(--sd-color-white);"},{"name":"sd-color-black","value":"#181818;"},{"name":"sd-color-border-accent-550","value":"var(--sd-color-success);"},{"name":"sd-color-border-accent","value":"var(--sd-color-accent);"},{"name":"sd-color-border-error-400","value":"var(--sd-color-error-400);"},{"name":"sd-color-border-error","value":"var(--sd-color-error);"},{"name":"sd-color-border-neutral-400","value":"var(--sd-color-neutral-400);"},{"name":"sd-color-border-neutral-500","value":"var(--sd-color-neutral-500);"},{"name":"sd-color-border-neutral-600","value":"var(--sd-color-neutral-600);"},{"name":"sd-color-border-neutral-800","value":"var(--sd-color-neutral-800);"},{"name":"sd-color-border-primary-100","value":"var(--sd-color-primary-100);"},{"name":"sd-color-border-primary-200","value":"var(--sd-color-primary-200);"},{"name":"sd-color-border-primary-400","value":"var(--sd-color-primary-400);"},{"name":"sd-color-border-primary-500","value":"var(--sd-color-primary-500);"},{"name":"sd-color-border-primary-800","value":"var(--sd-color-primary-800);"},{"name":"sd-color-border-primary","value":"var(--sd-color-primary);"},{"name":"sd-color-border-success","value":"var(--sd-color-success);"},{"name":"sd-color-border-white","value":"var(--sd-color-white);"},{"name":"sd-color-default-color","value":"rgba(81, 81, 81, 0.75);"},{"name":"sd-color-error-300","value":"#cc1937;"},{"name":"sd-color-error-400","value":"#ac1938;"},{"name":"sd-color-error","value":"#cc1937;"},{"name":"sd-color-icon-fill-accent-550","value":"var(--sd-color-success);"},{"name":"sd-color-icon-fill-accent","value":"var(--sd-color-accent);"},{"name":"sd-color-icon-fill-error-400","value":"var(--sd-color-error-400);"},{"name":"sd-color-icon-fill-error","value":"var(--sd-color-error);"},{"name":"sd-color-icon-fill-neutral-400","value":"var(--sd-color-neutral-400);"},{"name":"sd-color-icon-fill-neutral-500","value":"var(--sd-color-neutral-500);"},{"name":"sd-color-icon-fill-neutral-600","value":"var(--sd-color-neutral-600);"},{"name":"sd-color-icon-fill-neutral-800","value":"var(--sd-color-neutral-800);"},{"name":"sd-color-icon-fill-primary-100","value":"var(--sd-color-primary-100);"},{"name":"sd-color-icon-fill-primary-200","value":"var(--sd-color-primary-200);"},{"name":"sd-color-icon-fill-primary-400","value":"var(--sd-color-primary-400);"},{"name":"sd-color-icon-fill-primary-500","value":"var(--sd-color-primary-500);"},{"name":"sd-color-icon-fill-primary-800","value":"var(--sd-color-primary-800);"},{"name":"sd-color-icon-fill-primary","value":"var(--sd-color-primary);"},{"name":"sd-color-icon-fill-risk-high","value":"var(--sd-color-risk-high);"},{"name":"sd-color-icon-fill-risk-increased","value":"var(--sd-color-risk-increased);"},{"name":"sd-color-icon-fill-risk-low","value":"var(--sd-color-risk-low);"},{"name":"sd-color-icon-fill-risk-moderate","value":"var(--sd-color-risk-moderate);"},{"name":"sd-color-icon-fill-risk-veryhigh","value":"var(--sd-color-risk-veryhigh);"},{"name":"sd-color-icon-fill-success","value":"var(--sd-color-success);"},{"name":"sd-color-icon-fill-white","value":"var(--sd-color-white);"},{"name":"sd-color-info","value":"#1582d5;"},{"name":"sd-color-neutral-100","value":"#f6f6f6;"},{"name":"sd-color-neutral-200","value":"#e9e9e9;"},{"name":"sd-color-neutral-300","value":"#dadada;"},{"name":"sd-color-neutral-400","value":"#c3c3c3;"},{"name":"sd-color-neutral-500","value":"#aeaeae;"},{"name":"sd-color-neutral-600","value":"#888888;"},{"name":"sd-color-neutral-700","value":"#686868;"},{"name":"sd-color-neutral-800","value":"#515151;"},{"name":"sd-color-primary-100","value":"#ecf0f9;"},{"name":"sd-color-primary-200","value":"#e0e9f3;"},{"name":"sd-color-primary-300","value":"#c8d5e7;"},{"name":"sd-color-primary-400","value":"#99abd0;"},{"name":"sd-color-primary-500","value":"#466daf;"},{"name":"sd-color-primary-600","value":"#00358e;"},{"name":"sd-color-primary-700","value":"#132e6e;"},{"name":"sd-color-primary-750","value":"#0a204a;"},{"name":"sd-color-primary-800","value":"#051530;"},{"name":"sd-color-primary-900","value":"#020920;"},{"name":"sd-color-primary","value":"#00358e;"},{"name":"sd-color-risk-high","value":"#fa9b1e;"},{"name":"sd-color-risk-increased","value":"#fff000;"},{"name":"sd-color-risk-low","value":"#017dc3;"},{"name":"sd-color-risk-moderate","value":"#00a593;"},{"name":"sd-color-risk-veryhigh","value":"#ff0000;"},{"name":"sd-color-sm-color","value":"#515151;"},{"name":"sd-color-success","value":"#367b28;"},{"name":"sd-color-text-accent","value":"var(--sd-color-accent);"},{"name":"sd-color-text-black","value":"var(--sd-color-black);"},{"name":"sd-color-text-error","value":"var(--sd-color-error);"},{"name":"sd-color-text-neutral-500","value":"var(--sd-color-neutral-500);"},{"name":"sd-color-text-neutral-600","value":"var(--sd-color-neutral-600);"},{"name":"sd-color-text-neutral-700","value":"var(--sd-color-neutral-700);"},{"name":"sd-color-text-primary-100","value":"var(--sd-color-primary-100);"},{"name":"sd-color-text-primary-200","value":"var(--sd-color-primary-200);"},{"name":"sd-color-text-primary-400","value":"var(--sd-color-primary-400);"},{"name":"sd-color-text-primary-500","value":"var(--sd-color-primary-500);"},{"name":"sd-color-text-primary-800","value":"var(--sd-color-primary-800);"},{"name":"sd-color-text-primary","value":"var(--sd-color-primary);"},{"name":"sd-color-text-success","value":"var(--sd-color-success);"},{"name":"sd-color-text-white","value":"var(--sd-color-white);"},{"name":"sd-color-warning","value":"#bb8d20;"},{"name":"sd-color-white","value":"#ffffff;"},{"name":"sd-font-primary","value":"'Frutiger Neue fuer UI Web';"},{"name":"sd-font-weight-bold","value":"700;"},{"name":"sd-font-weight-normal","value":"400;"},{"name":"sd-header-padding-bottom","value":"0;"},{"name":"sd-navigable-border-radius","value":"0;"},{"name":"sd-navigable-font-size","value":"var(--sd-spacing-4);"},{"name":"sd-navigable__current-indicator-border-radius","value":"0;"},{"name":"sd-navigable__current-indicator-height","value":"var(--sd-spacing-1);"},{"name":"sd-navigable__current-indicator-width","value":"var(--sd-spacing-1);"},{"name":"sd-opacity-0","value":"0%;"},{"name":"sd-opacity-100","value":"100%;"},{"name":"sd-opacity-10","value":"10%;"},{"name":"sd-opacity-20","value":"20%;"},{"name":"sd-opacity-30","value":"30%;"},{"name":"sd-opacity-50","value":"50%;"},{"name":"sd-opacity-55","value":"55%;"},{"name":"sd-opacity-5","value":"5%;"},{"name":"sd-opacity-60","value":"60%;"},{"name":"sd-opacity-70","value":"70%;"},{"name":"sd-opacity-75","value":"75%;"},{"name":"sd-opacity-80","value":"80%;"},{"name":"sd-opacity-85","value":"85%;"},{"name":"sd-opacity-90","value":"90%;"},{"name":"sd-radius-full","value":"624.9375rem;"},{"name":"sd-radius-lg","value":"0.5rem;"},{"name":"sd-radius-md","value":"0.375rem;"},{"name":"sd-radius-none","value":"0;"},{"name":"sd-radius-sm","value":"0.125rem;"},{"name":"sd-radius","value":"0.25rem;"},{"name":"sd-sizing-10","value":"2.5rem;"},{"name":"sd-sizing-12","value":"3rem;"},{"name":"sd-sizing-16","value":"4rem;"},{"name":"sd-sizing-20","value":"5rem;"},{"name":"sd-sizing-24","value":"6rem;"},{"name":"sd-sizing-2","value":"0.5rem;"},{"name":"sd-sizing-2.5","value":"0.625rem;"},{"name":"sd-sizing-3","value":"0.75rem;"},{"name":"sd-sizing-4","value":"1rem;"},{"name":"sd-sizing-5","value":"1.25rem;"},{"name":"sd-sizing-6","value":"1.5rem;"},{"name":"sd-sizing-8","value":"2rem;"},{"name":"sd-spacing-0.25","value":"0.0625rem;"},{"name":"sd-spacing-0.5","value":"0.125rem;"},{"name":"sd-spacing-10","value":"2.5rem;"},{"name":"sd-spacing-12","value":"3rem;"},{"name":"sd-spacing-16","value":"4rem;"},{"name":"sd-spacing-1","value":"0.25rem;"},{"name":"sd-spacing-1.5","value":"0.375rem;"},{"name":"sd-spacing-20","value":"5rem;"},{"name":"sd-spacing-24","value":"6rem;"},{"name":"sd-spacing-2","value":"0.5rem;"},{"name":"sd-spacing-32","value":"8rem;"},{"name":"sd-spacing-3","value":"0.75rem;"},{"name":"sd-spacing-40","value":"10rem;"},{"name":"sd-spacing-4","value":"1rem;"},{"name":"sd-spacing-6","value":"1.5rem;"},{"name":"sd-spacing-8","value":"2rem;"},{"name":"sd-text-2xl","value":"1.75rem;"},{"name":"sd-text-3xl","value":"2rem;"},{"name":"sd-text-4xl","value":"2.5rem;"},{"name":"sd-text-base","value":"1rem;"},{"name":"sd-text-lg","value":"1.25rem;"},{"name":"sd-text-sm","value":"0.875rem;"},{"name":"sd-text-xl","value":"1.5rem;"}]}
package/dist/themes/tailwind.css CHANGED
@@ -20,73 +20,73 @@
20
20
  --aspect-golden-ratio: var(--sd-aspect-golden-ratio);
21
21
  --aspect-square: var(--sd-aspect-square);
22
22
  --aspect-video: var(--sd-aspect-video);
23
- --background-color-accent-300: var(--sd-color-background-accent-300, var(--sd-color-accent-300));
24
- --background-color-accent-500: var(--sd-color-background-accent-500, var(--sd-color-accent-500));
25
- --background-color-accent-550: var(--sd-color-background-accent-550, var(--sd-color-accent-550));
26
- --background-color-accent-700: var(--sd-color-background-accent-700, var(--sd-color-accent-700));
27
- --background-color-accent: var(--sd-color-background-accent, var(--sd-color-accent));
28
- --background-color-error-400: var(--sd-color-background-error-400, var(--sd-color-error-400));
29
- --background-color-error: var(--sd-color-background-error, var(--sd-color-error));
30
- --background-color-info: var(--sd-color-background-info, var(--sd-color-info));
31
- --background-color-neutral-100: var(--sd-color-background-neutral-100, var(--sd-color-neutral-100));
32
- --background-color-neutral-200: var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));
33
- --background-color-neutral-300: var(--sd-color-background-neutral-300, var(--sd-color-neutral-300));
34
- --background-color-neutral-400: var(--sd-color-background-neutral-400, var(--sd-color-neutral-400));
35
- --background-color-neutral-500: var(--sd-color-background-neutral-500, var(--sd-color-neutral-500));
36
- --background-color-neutral-600: var(--sd-color-background-neutral-600, var(--sd-color-neutral-600));
37
- --background-color-neutral-800: var(--sd-color-background-neutral-800, var(--sd-color-neutral-800));
38
- --background-color-primary-100: var(--sd-color-background-primary-100, var(--sd-color-primary-100));
39
- --background-color-primary-200: var(--sd-color-background-primary-200, var(--sd-color-primary-200));
40
- --background-color-primary-300: var(--sd-color-background-primary-300, var(--sd-color-primary-300));
41
- --background-color-primary-500: var(--sd-color-background-primary-500, var(--sd-color-primary-500));
42
- --background-color-primary-800: var(--sd-color-background-primary-800, var(--sd-color-primary-800));
43
- --background-color-primary: var(--sd-color-background-primary, var(--sd-color-primary));
44
- --background-color-success: var(--sd-color-background-success, var(--sd-color-success));
45
- --background-color-warning: var(--sd-color-background-warning, var(--sd-color-warning));
46
- --background-color-white: var(--sd-color-background-white, var(--sd-color-white));
47
- --border-color-accent-550: var(--sd-color-border-accent-550, var(--sd-color-accent-550));
48
- --border-color-accent: var(--sd-color-border-accent, var(--sd-color-accent));
49
- --border-color-error-400: var(--sd-color-border-error-400, var(--sd-color-error-400));
50
- --border-color-error: var(--sd-color-border-error, var(--sd-color-error));
51
- --border-color-neutral-400: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
52
- --border-color-neutral-500: var(--sd-color-border-neutral-500, var(--sd-color-neutral-500));
53
- --border-color-neutral-600: var(--sd-color-border-neutral-600, var(--sd-color-neutral-600));
54
- --border-color-neutral-800: var(--sd-color-border-neutral-800, var(--sd-color-neutral-800));
55
- --border-color-primary-100: var(--sd-color-border-primary-100, var(--sd-color-primary-100));
56
- --border-color-primary-200: var(--sd-color-border-primary-200, var(--sd-color-primary-200));
57
- --border-color-primary-400: var(--sd-color-border-primary-400, var(--sd-color-primary-400));
58
- --border-color-primary-500: var(--sd-color-border-primary-500, var(--sd-color-primary-500));
59
- --border-color-primary-800: var(--sd-color-border-primary-800, var(--sd-color-primary-800));
60
- --border-color-primary: var(--sd-color-border-primary, var(--sd-color-primary));
61
- --border-color-success: var(--sd-color-border-success, var(--sd-color-success));
62
- --border-color-white: var(--sd-color-border-white, var(--sd-color-white));
23
+ --background-color-accent-300: var(--sd-color-background-accent-300);
24
+ --background-color-accent-500: var(--sd-color-background-accent-500);
25
+ --background-color-accent-550: var(--sd-color-background-accent-550);
26
+ --background-color-accent-700: var(--sd-color-background-accent-700);
27
+ --background-color-accent: var(--sd-color-background-accent);
28
+ --background-color-error-400: var(--sd-color-background-error-400);
29
+ --background-color-error: var(--sd-color-background-error);
30
+ --background-color-info: var(--sd-color-background-info);
31
+ --background-color-neutral-100: var(--sd-color-background-neutral-100);
32
+ --background-color-neutral-200: var(--sd-color-background-neutral-200);
33
+ --background-color-neutral-300: var(--sd-color-background-neutral-300);
34
+ --background-color-neutral-400: var(--sd-color-background-neutral-400);
35
+ --background-color-neutral-500: var(--sd-color-background-neutral-500);
36
+ --background-color-neutral-600: var(--sd-color-background-neutral-600);
37
+ --background-color-neutral-800: var(--sd-color-background-neutral-800);
38
+ --background-color-primary-100: var(--sd-color-background-primary-100);
39
+ --background-color-primary-200: var(--sd-color-background-primary-200);
40
+ --background-color-primary-300: var(--sd-color-background-primary-300);
41
+ --background-color-primary-500: var(--sd-color-background-primary-500);
42
+ --background-color-primary-800: var(--sd-color-background-primary-800);
43
+ --background-color-primary: var(--sd-color-background-primary);
44
+ --background-color-success: var(--sd-color-background-success);
45
+ --background-color-warning: var(--sd-color-background-warning);
46
+ --background-color-white: var(--sd-color-background-white);
47
+ --border-color-accent-550: var(--sd-color-border-accent-550);
48
+ --border-color-accent: var(--sd-color-border-accent);
49
+ --border-color-error-400: var(--sd-color-border-error-400);
50
+ --border-color-error: var(--sd-color-border-error);
51
+ --border-color-neutral-400: var(--sd-color-border-neutral-400);
52
+ --border-color-neutral-500: var(--sd-color-border-neutral-500);
53
+ --border-color-neutral-600: var(--sd-color-border-neutral-600);
54
+ --border-color-neutral-800: var(--sd-color-border-neutral-800);
55
+ --border-color-primary-100: var(--sd-color-border-primary-100);
56
+ --border-color-primary-200: var(--sd-color-border-primary-200);
57
+ --border-color-primary-400: var(--sd-color-border-primary-400);
58
+ --border-color-primary-500: var(--sd-color-border-primary-500);
59
+ --border-color-primary-800: var(--sd-color-border-primary-800);
60
+ --border-color-primary: var(--sd-color-border-primary);
61
+ --border-color-success: var(--sd-color-border-success);
62
+ --border-color-white: var(--sd-color-border-white);
63
63
  --border-width-2: var(--sd-border-width-2);
64
64
  --border-width-4: var(--sd-border-width-4);
65
65
  --border-width-6: var(--sd-border-width-6);
66
66
  --border-width-default: var(--sd-border-width);
67
67
  --drop-shadow-sm: var(--sd-drop-shadow-sm);
68
68
  --drop-shadow: var(--sd-drop-shadow);
69
- --fill-accent-550: var(--sd-color-icon-fill-accent-550, var(--sd-color-accent-550));
70
- --fill-accent: var(--sd-color-icon-fill-accent, var(--sd-color-accent));
71
- --fill-error-400: var(--sd-color-icon-fill-error-400, var(--sd-color-error-400));
72
- --fill-error: var(--sd-color-icon-fill-error, var(--sd-color-error));
73
- --fill-neutral-400: var(--sd-color-icon-fill-neutral-400, var(--sd-color-neutral-400));
74
- --fill-neutral-500: var(--sd-color-icon-fill-neutral-500, var(--sd-color-neutral-500));
75
- --fill-neutral-600: var(--sd-color-icon-fill-neutral-600, var(--sd-color-neutral-600));
76
- --fill-neutral-800: var(--sd-color-icon-fill-neutral-800, var(--sd-color-neutral-800));
77
- --fill-primary-100: var(--sd-color-icon-fill-primary-100, var(--sd-color-primary-100));
78
- --fill-primary-200: var(--sd-color-icon-fill-primary-200, var(--sd-color-primary-200));
79
- --fill-primary-400: var(--sd-color-icon-fill-primary-400, var(--sd-color-primary-400));
80
- --fill-primary-500: var(--sd-color-icon-fill-primary-500, var(--sd-color-primary-500));
81
- --fill-primary-800: var(--sd-color-icon-fill-primary-800, var(--sd-color-primary-800));
82
- --fill-primary: var(--sd-color-icon-fill-primary, var(--sd-color-primary));
83
- --fill-risk-high: var(--sd-color-icon-fill-risk-high, var(--sd-color-risk-high));
84
- --fill-risk-increased: var(--sd-color-icon-fill-risk-increased, var(--sd-color-risk-increased));
85
- --fill-risk-low: var(--sd-color-icon-fill-risk-low, var(--sd-color-risk-low));
86
- --fill-risk-moderate: var(--sd-color-icon-fill-risk-moderate, var(--sd-color-risk-moderate));
87
- --fill-risk-veryhigh: var(--sd-color-icon-fill-risk-veryhigh, var(--sd-color-risk-veryhigh));
88
- --fill-success: var(--sd-color-icon-fill-success, var(--sd-color-success));
89
- --fill-white: var(--sd-color-icon-fill-white, var(--sd-color-white));
69
+ --fill-accent-550: var(--sd-color-icon-fill-accent-550);
70
+ --fill-accent: var(--sd-color-icon-fill-accent);
71
+ --fill-error-400: var(--sd-color-icon-fill-error-400);
72
+ --fill-error: var(--sd-color-icon-fill-error);
73
+ --fill-neutral-400: var(--sd-color-icon-fill-neutral-400);
74
+ --fill-neutral-500: var(--sd-color-icon-fill-neutral-500);
75
+ --fill-neutral-600: var(--sd-color-icon-fill-neutral-600);
76
+ --fill-neutral-800: var(--sd-color-icon-fill-neutral-800);
77
+ --fill-primary-100: var(--sd-color-icon-fill-primary-100);
78
+ --fill-primary-200: var(--sd-color-icon-fill-primary-200);
79
+ --fill-primary-400: var(--sd-color-icon-fill-primary-400);
80
+ --fill-primary-500: var(--sd-color-icon-fill-primary-500);
81
+ --fill-primary-800: var(--sd-color-icon-fill-primary-800);
82
+ --fill-primary: var(--sd-color-icon-fill-primary);
83
+ --fill-risk-high: var(--sd-color-icon-fill-risk-high);
84
+ --fill-risk-increased: var(--sd-color-icon-fill-risk-increased);
85
+ --fill-risk-low: var(--sd-color-icon-fill-risk-low);
86
+ --fill-risk-moderate: var(--sd-color-icon-fill-risk-moderate);
87
+ --fill-risk-veryhigh: var(--sd-color-icon-fill-risk-veryhigh);
88
+ --fill-success: var(--sd-color-icon-fill-success);
89
+ --fill-white: var(--sd-color-icon-fill-white);
90
90
  --font-primary: var(--sd-font-primary);
91
91
  --font-weight-bold: var(--sd-font-weight-bold);
92
92
  --font-weight-normal: var(--sd-font-weight-normal);
@@ -149,20 +149,20 @@
149
149
  --text-3xl: var(--sd-text-3xl);
150
150
  --text-4xl: var(--sd-text-4xl);
151
151
  --text-base: var(--sd-text-base);
152
- --text-color-accent: var(--sd-color-text-accent, var(--sd-color-accent));
153
- --text-color-black: var(--sd-color-text-black, var(--sd-color-black));
154
- --text-color-error: var(--sd-color-text-error, var(--sd-color-error));
155
- --text-color-neutral-500: var(--sd-color-text-neutral-500, var(--sd-color-neutral-500));
156
- --text-color-neutral-600: var(--sd-color-text-neutral-600, var(--sd-color-neutral-600));
157
- --text-color-neutral-700: var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));
158
- --text-color-primary-100: var(--sd-color-text-primary-100, var(--sd-color-primary-100));
159
- --text-color-primary-200: var(--sd-color-text-primary-200, var(--sd-color-primary-200));
160
- --text-color-primary-400: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
161
- --text-color-primary-500: var(--sd-color-text-primary-500, var(--sd-color-primary-500));
162
- --text-color-primary-800: var(--sd-color-text-primary-800, var(--sd-color-primary-800));
163
- --text-color-primary: var(--sd-color-text-primary, var(--sd-color-primary));
164
- --text-color-success: var(--sd-color-text-success, var(--sd-color-success));
165
- --text-color-white: var(--sd-color-text-white, var(--sd-color-white));
152
+ --text-color-accent: var(--sd-color-text-accent);
153
+ --text-color-black: var(--sd-color-text-black);
154
+ --text-color-error: var(--sd-color-text-error);
155
+ --text-color-neutral-500: var(--sd-color-text-neutral-500);
156
+ --text-color-neutral-600: var(--sd-color-text-neutral-600);
157
+ --text-color-neutral-700: var(--sd-color-text-neutral-700);
158
+ --text-color-primary-100: var(--sd-color-text-primary-100);
159
+ --text-color-primary-200: var(--sd-color-text-primary-200);
160
+ --text-color-primary-400: var(--sd-color-text-primary-400);
161
+ --text-color-primary-500: var(--sd-color-text-primary-500);
162
+ --text-color-primary-800: var(--sd-color-text-primary-800);
163
+ --text-color-primary: var(--sd-color-text-primary);
164
+ --text-color-success: var(--sd-color-text-success);
165
+ --text-color-white: var(--sd-color-text-white);
166
166
  --text-lg: var(--sd-text-lg);
167
167
  --text-sm: var(--sd-text-sm);
168
168
  --text-xl: var(--sd-text-xl);
package/dist/themes/ui-dark/ui-dark.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --sd-accordion-color-background: var(--sd-color-primary);
7
7
  --sd-accordion-color-text: var(--sd-color-white);
8
8
  --sd-accordion-padding-block: var(--sd-spacing-3);
9
- --sd-accordion__chevron-color: var(--sd-color-white);
9
+ --sd-accordion__chevron-color-text: var(--sd-color-white);
10
10
  --sd-aspect-16\/10: 16 / 10;
11
11
  --sd-aspect-21\/9: 21 / 9;
12
12
  --sd-aspect-2\/1: 2 / 1;
@@ -36,8 +36,7 @@
36
36
  --sd-button--secondary--hover-color-background: var(--sd-color-primary-700);
37
37
  --sd-button--size-lg-border-radius: var(--sd-spacing-1);
38
38
  --sd-button--size-lg-font-size: var(--sd-spacing-4);
39
- --sd-button--size-lg-icon-font-size: var(--sd-spacing-6);
40
- --sd-button--size-lg-padding-block: var(--sd-spacing-2);
39
+ --sd-button--size-lg-padding-block: var(--sd-spacing-3);
41
40
  --sd-button--size-md-border-radius: var(--sd-spacing-1);
42
41
  --sd-button--size-md-font-size: var(--sd-spacing-4);
43
42
  --sd-button--size-md-padding-block: var(--sd-spacing-2);
@@ -53,32 +52,72 @@
53
52
  --sd-color-accent-700: #215725;
54
53
  --sd-color-accent-800: #19411b;
55
54
  --sd-color-accent: #2d9d00;
55
+ --sd-color-background-accent-300: var(--sd-color-success);
56
+ --sd-color-background-accent-500: var(--sd-color-accent-550);
57
+ --sd-color-background-accent-550: var(--sd-color-accent-550);
58
+ --sd-color-background-accent-700: var(--sd-color-accent-700);
59
+ --sd-color-background-accent: var(--sd-color-accent);
60
+ --sd-color-background-error-400: var(--sd-color-error-400);
61
+ --sd-color-background-error: var(--sd-color-error);
62
+ --sd-color-background-info: var(--sd-color-info);
56
63
  --sd-color-background-neutral-100: var(--sd-color-primary-750);
57
64
  --sd-color-background-neutral-200: var(--sd-color-primary-700);
58
65
  --sd-color-background-neutral-300: var(--sd-color-primary-700);
59
66
  --sd-color-background-neutral-400: var(--sd-color-neutral-600);
60
67
  --sd-color-background-neutral-500: var(--sd-color-neutral-600);
68
+ --sd-color-background-neutral-600: var(--sd-color-neutral-600);
69
+ --sd-color-background-neutral-800: var(--sd-color-neutral-800);
61
70
  --sd-color-background-primary-100: var(--sd-color-primary-750);
62
71
  --sd-color-background-primary-200: var(--sd-color-primary-750);
63
72
  --sd-color-background-primary-300: var(--sd-color-primary-700);
73
+ --sd-color-background-primary-500: var(--sd-color-primary-500);
64
74
  --sd-color-background-primary-800: var(--sd-color-primary-200);
75
+ --sd-color-background-primary: var(--sd-color-primary);
76
+ --sd-color-background-success: var(--sd-color-success);
77
+ --sd-color-background-warning: var(--sd-color-warning);
65
78
  --sd-color-background-white: var(--sd-color-primary-900);
66
79
  --sd-color-black: #181818;
80
+ --sd-color-border-accent-550: var(--sd-color-accent-550);
81
+ --sd-color-border-accent: var(--sd-color-accent);
82
+ --sd-color-border-error-400: var(--sd-color-error-400);
83
+ --sd-color-border-error: var(--sd-color-error);
67
84
  --sd-color-border-neutral-400: var(--sd-color-primary-400);
85
+ --sd-color-border-neutral-500: var(--sd-color-neutral-500);
86
+ --sd-color-border-neutral-600: var(--sd-color-neutral-600);
68
87
  --sd-color-border-neutral-800: var(--sd-color-white);
88
+ --sd-color-border-primary-100: var(--sd-color-primary-100);
89
+ --sd-color-border-primary-200: var(--sd-color-primary-200);
90
+ --sd-color-border-primary-400: var(--sd-color-primary-400);
69
91
  --sd-color-border-primary-500: var(--sd-color-primary-100);
70
92
  --sd-color-border-primary-800: var(--sd-color-primary-200);
71
93
  --sd-color-border-primary: var(--sd-color-white);
94
+ --sd-color-border-success: var(--sd-color-success);
95
+ --sd-color-border-white: var(--sd-color-white);
96
+ --sd-color-default-color: rgba(255, 255, 255, 0);
72
97
  --sd-color-error-300: #ea586b;
73
98
  --sd-color-error-400: #cc1937;
74
99
  --sd-color-error: #ea586b;
100
+ --sd-color-icon-fill-accent-550: var(--sd-color-accent-550);
101
+ --sd-color-icon-fill-accent: var(--sd-color-accent);
102
+ --sd-color-icon-fill-error-400: var(--sd-color-error-400);
103
+ --sd-color-icon-fill-error: var(--sd-color-error);
104
+ --sd-color-icon-fill-neutral-400: var(--sd-color-neutral-400);
75
105
  --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-600);
106
+ --sd-color-icon-fill-neutral-600: var(--sd-color-neutral-600);
76
107
  --sd-color-icon-fill-neutral-800: var(--sd-color-white);
77
108
  --sd-color-icon-fill-primary-100: var(--sd-color-primary-500);
78
109
  --sd-color-icon-fill-primary-200: var(--sd-color-primary-800);
110
+ --sd-color-icon-fill-primary-400: var(--sd-color-primary-400);
79
111
  --sd-color-icon-fill-primary-500: var(--sd-color-primary-200);
80
112
  --sd-color-icon-fill-primary-800: var(--sd-color-white);
81
113
  --sd-color-icon-fill-primary: var(--sd-color-white);
114
+ --sd-color-icon-fill-risk-high: var(--sd-color-risk-high);
115
+ --sd-color-icon-fill-risk-increased: var(--sd-color-risk-increased);
116
+ --sd-color-icon-fill-risk-low: var(--sd-color-risk-low);
117
+ --sd-color-icon-fill-risk-moderate: var(--sd-color-risk-moderate);
118
+ --sd-color-icon-fill-risk-veryhigh: var(--sd-color-risk-veryhigh);
119
+ --sd-color-icon-fill-success: var(--sd-color-success);
120
+ --sd-color-icon-fill-white: var(--sd-color-white);
82
121
  --sd-color-info: #1582d5;
83
122
  --sd-color-neutral-100: #f6f6f6;
84
123
  --sd-color-neutral-200: #e9e9e9;
@@ -104,14 +143,22 @@
104
143
  --sd-color-risk-low: #017dc3;
105
144
  --sd-color-risk-moderate: #00a593;
106
145
  --sd-color-risk-veryhigh: #ff0000;
146
+ --sd-color-sm-color: #515151;
107
147
  --sd-color-success: #6cc254;
148
+ --sd-color-text-accent: var(--sd-color-accent);
108
149
  --sd-color-text-black: var(--sd-color-white);
150
+ --sd-color-text-error: var(--sd-color-error);
109
151
  --sd-color-text-neutral-500: var(--sd-color-neutral-600);
152
+ --sd-color-text-neutral-600: var(--sd-color-neutral-600);
110
153
  --sd-color-text-neutral-700: var(--sd-color-primary-400);
111
154
  --sd-color-text-primary-100: var(--sd-color-primary-500);
155
+ --sd-color-text-primary-200: var(--sd-color-primary-200);
156
+ --sd-color-text-primary-400: var(--sd-color-primary-400);
112
157
  --sd-color-text-primary-500: var(--sd-color-primary-200);
113
158
  --sd-color-text-primary-800: var(--sd-color-white);
114
159
  --sd-color-text-primary: var(--sd-color-white);
160
+ --sd-color-text-success: var(--sd-color-success);
161
+ --sd-color-text-white: var(--sd-color-white);
115
162
  --sd-color-warning: #bb8d20;
116
163
  --sd-color-white: #ffffff;
117
164
  --sd-flag--neutral-500-color-background: var(--sd-color-primary-750);
@@ -125,13 +172,13 @@
125
172
  --sd-interactive--active-color-text: var(--sd-color-primary-400);
126
173
  --sd-loader--neutral-500-color-icon-fill: var(--sd-color-primary-400);
127
174
  --sd-loader--neutral-600-color-icon-fill: var(--sd-color-primary-400);
128
- --sd-navigation-item--current-color: var(--sd-color-white);
129
- --sd-navigation-item-border-radius-bottom: 0;
130
- --sd-navigation-item-border-radius-top: 0;
131
- --sd-navigation-item-color: var(--sd-color-white);
132
- --sd-navigation-item-font-size: var(--sd-spacing-4);
133
- --sd-navigation-item__current-indicator-border-radius: 0;
134
- --sd-navigation-item__current-indicator-height: var(--sd-spacing-1);
175
+ --sd-navigable-border-radius: 0;
176
+ --sd-navigable-font-size: var(--sd-spacing-4);
177
+ --sd-navigable__current-indicator-border-radius: 0;
178
+ --sd-navigable__current-indicator-height: var(--sd-spacing-1);
179
+ --sd-navigable__current-indicator-width: var(--sd-spacing-1);
180
+ --sd-navigation--current-color-text: var(--sd-color-white);
181
+ --sd-navigation-color-text: var(--sd-color-white);
135
182
  --sd-opacity-0: 0%;
136
183
  --sd-opacity-100: 100%;
137
184
  --sd-opacity-10: 10%;
package/dist/themes/ui-light/ui-light.css CHANGED
@@ -22,8 +22,7 @@
22
22
  --sd-border-width: 0.0625rem;
23
23
  --sd-button--size-lg-border-radius: var(--sd-spacing-1);
24
24
  --sd-button--size-lg-font-size: var(--sd-spacing-4);
25
- --sd-button--size-lg-icon-font-size: var(--sd-spacing-6);
26
- --sd-button--size-lg-padding-block: var(--sd-spacing-2);
25
+ --sd-button--size-lg-padding-block: var(--sd-spacing-3);
27
26
  --sd-button--size-md-border-radius: var(--sd-spacing-1);
28
27
  --sd-button--size-md-font-size: var(--sd-spacing-4);
29
28
  --sd-button--size-md-padding-block: var(--sd-spacing-2);
@@ -37,10 +36,72 @@
37
36
  --sd-color-accent-700: #215725;
38
37
  --sd-color-accent-800: #19411b;
39
38
  --sd-color-accent: #2d9d00;
39
+ --sd-color-background-accent-300: var(--sd-color-accent-300);
40
+ --sd-color-background-accent-500: var(--sd-color-accent-500);
41
+ --sd-color-background-accent-550: var(--sd-color-success);
42
+ --sd-color-background-accent-700: var(--sd-color-accent-700);
43
+ --sd-color-background-accent: var(--sd-color-accent);
44
+ --sd-color-background-error-400: var(--sd-color-error-400);
45
+ --sd-color-background-error: var(--sd-color-error);
46
+ --sd-color-background-info: var(--sd-color-info);
47
+ --sd-color-background-neutral-100: var(--sd-color-neutral-100);
48
+ --sd-color-background-neutral-200: var(--sd-color-neutral-200);
49
+ --sd-color-background-neutral-300: var(--sd-color-neutral-300);
50
+ --sd-color-background-neutral-400: var(--sd-color-neutral-400);
51
+ --sd-color-background-neutral-500: var(--sd-color-neutral-500);
52
+ --sd-color-background-neutral-600: var(--sd-color-neutral-600);
53
+ --sd-color-background-neutral-800: var(--sd-color-neutral-800);
54
+ --sd-color-background-primary-100: var(--sd-color-primary-100);
55
+ --sd-color-background-primary-200: var(--sd-color-primary-200);
56
+ --sd-color-background-primary-300: var(--sd-color-primary-300);
57
+ --sd-color-background-primary-500: var(--sd-color-primary-500);
58
+ --sd-color-background-primary-800: var(--sd-color-primary-800);
59
+ --sd-color-background-primary: var(--sd-color-primary);
60
+ --sd-color-background-success: var(--sd-color-success);
61
+ --sd-color-background-warning: var(--sd-color-warning);
62
+ --sd-color-background-white: var(--sd-color-white);
40
63
  --sd-color-black: #181818;
64
+ --sd-color-border-accent-550: var(--sd-color-success);
65
+ --sd-color-border-accent: var(--sd-color-accent);
66
+ --sd-color-border-error-400: var(--sd-color-error-400);
67
+ --sd-color-border-error: var(--sd-color-error);
68
+ --sd-color-border-neutral-400: var(--sd-color-neutral-400);
69
+ --sd-color-border-neutral-500: var(--sd-color-neutral-500);
70
+ --sd-color-border-neutral-600: var(--sd-color-neutral-600);
71
+ --sd-color-border-neutral-800: var(--sd-color-neutral-800);
72
+ --sd-color-border-primary-100: var(--sd-color-primary-100);
73
+ --sd-color-border-primary-200: var(--sd-color-primary-200);
74
+ --sd-color-border-primary-400: var(--sd-color-primary-400);
75
+ --sd-color-border-primary-500: var(--sd-color-primary-500);
76
+ --sd-color-border-primary-800: var(--sd-color-primary-800);
77
+ --sd-color-border-primary: var(--sd-color-primary);
78
+ --sd-color-border-success: var(--sd-color-success);
79
+ --sd-color-border-white: var(--sd-color-white);
80
+ --sd-color-default-color: rgba(81, 81, 81, 0.75);
41
81
  --sd-color-error-300: #cc1937;
42
82
  --sd-color-error-400: #ac1938;
43
83
  --sd-color-error: #cc1937;
84
+ --sd-color-icon-fill-accent-550: var(--sd-color-success);
85
+ --sd-color-icon-fill-accent: var(--sd-color-accent);
86
+ --sd-color-icon-fill-error-400: var(--sd-color-error-400);
87
+ --sd-color-icon-fill-error: var(--sd-color-error);
88
+ --sd-color-icon-fill-neutral-400: var(--sd-color-neutral-400);
89
+ --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-500);
90
+ --sd-color-icon-fill-neutral-600: var(--sd-color-neutral-600);
91
+ --sd-color-icon-fill-neutral-800: var(--sd-color-neutral-800);
92
+ --sd-color-icon-fill-primary-100: var(--sd-color-primary-100);
93
+ --sd-color-icon-fill-primary-200: var(--sd-color-primary-200);
94
+ --sd-color-icon-fill-primary-400: var(--sd-color-primary-400);
95
+ --sd-color-icon-fill-primary-500: var(--sd-color-primary-500);
96
+ --sd-color-icon-fill-primary-800: var(--sd-color-primary-800);
97
+ --sd-color-icon-fill-primary: var(--sd-color-primary);
98
+ --sd-color-icon-fill-risk-high: var(--sd-color-risk-high);
99
+ --sd-color-icon-fill-risk-increased: var(--sd-color-risk-increased);
100
+ --sd-color-icon-fill-risk-low: var(--sd-color-risk-low);
101
+ --sd-color-icon-fill-risk-moderate: var(--sd-color-risk-moderate);
102
+ --sd-color-icon-fill-risk-veryhigh: var(--sd-color-risk-veryhigh);
103
+ --sd-color-icon-fill-success: var(--sd-color-success);
104
+ --sd-color-icon-fill-white: var(--sd-color-white);
44
105
  --sd-color-info: #1582d5;
45
106
  --sd-color-neutral-100: #f6f6f6;
46
107
  --sd-color-neutral-200: #e9e9e9;
@@ -66,18 +127,33 @@
66
127
  --sd-color-risk-low: #017dc3;
67
128
  --sd-color-risk-moderate: #00a593;
68
129
  --sd-color-risk-veryhigh: #ff0000;
130
+ --sd-color-sm-color: #515151;
69
131
  --sd-color-success: #367b28;
132
+ --sd-color-text-accent: var(--sd-color-accent);
133
+ --sd-color-text-black: var(--sd-color-black);
134
+ --sd-color-text-error: var(--sd-color-error);
135
+ --sd-color-text-neutral-500: var(--sd-color-neutral-500);
136
+ --sd-color-text-neutral-600: var(--sd-color-neutral-600);
137
+ --sd-color-text-neutral-700: var(--sd-color-neutral-700);
138
+ --sd-color-text-primary-100: var(--sd-color-primary-100);
139
+ --sd-color-text-primary-200: var(--sd-color-primary-200);
140
+ --sd-color-text-primary-400: var(--sd-color-primary-400);
141
+ --sd-color-text-primary-500: var(--sd-color-primary-500);
142
+ --sd-color-text-primary-800: var(--sd-color-primary-800);
143
+ --sd-color-text-primary: var(--sd-color-primary);
144
+ --sd-color-text-success: var(--sd-color-success);
145
+ --sd-color-text-white: var(--sd-color-white);
70
146
  --sd-color-warning: #bb8d20;
71
147
  --sd-color-white: #ffffff;
72
148
  --sd-font-primary: 'Frutiger Neue fuer UI Web';
73
149
  --sd-font-weight-bold: 700;
74
150
  --sd-font-weight-normal: 400;
75
151
  --sd-header-padding-bottom: 0;
76
- --sd-navigation-item-border-radius-bottom: 0;
77
- --sd-navigation-item-border-radius-top: 0;
78
- --sd-navigation-item-font-size: var(--sd-spacing-4);
79
- --sd-navigation-item__current-indicator-border-radius: 0;
80
- --sd-navigation-item__current-indicator-height: var(--sd-spacing-1);
152
+ --sd-navigable-border-radius: 0;
153
+ --sd-navigable-font-size: var(--sd-spacing-4);
154
+ --sd-navigable__current-indicator-border-radius: 0;
155
+ --sd-navigable__current-indicator-height: var(--sd-spacing-1);
156
+ --sd-navigable__current-indicator-width: var(--sd-spacing-1);
81
157
  --sd-opacity-0: 0%;
82
158
  --sd-opacity-100: 100%;
83
159
  --sd-opacity-10: 10%;
package/dist/themes/vb/vb.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --sd-accordion-border-width: var(--sd-spacing-0\.5);
6
6
  --sd-accordion-color-text: var(--sd-color-black);
7
7
  --sd-accordion-padding-block: var(--sd-spacing-4);
8
- --sd-accordion__chevron-color: var(--sd-color-neutral-600);
8
+ --sd-accordion__chevron-color-text: var(--sd-color-neutral-600);
9
9
  --sd-accordion__indicator-color: rgba(255, 255, 255, 0);
10
10
  --sd-aspect-16\/10: 16 / 10;
11
11
  --sd-aspect-21\/9: 21 / 9;
@@ -30,7 +30,6 @@
30
30
  --sd-button--primary--inverted--hover-color-text: var(--sd-color-primary-900);
31
31
  --sd-button--size-lg-border-radius: 624.9375rem;
32
32
  --sd-button--size-lg-font-size: 0.875rem;
33
- --sd-button--size-lg-icon-font-size: 1.25rem;
34
33
  --sd-button--size-lg-padding-block: 0.625rem;
35
34
  --sd-button--size-md-border-radius: 624.9375rem;
36
35
  --sd-button--size-md-font-size: 0.875rem;
@@ -50,21 +49,67 @@
50
49
  --sd-color-background-accent-550: var(--sd-color-primary-600);
51
50
  --sd-color-background-accent-700: var(--sd-color-primary-750);
52
51
  --sd-color-background-accent: var(--sd-color-primary);
52
+ --sd-color-background-error-400: var(--sd-color-error);
53
+ --sd-color-background-error: var(--sd-color-error);
54
+ --sd-color-background-info: var(--sd-color-info);
55
+ --sd-color-background-neutral-100: var(--sd-color-neutral-100);
53
56
  --sd-color-background-neutral-200: var(--sd-color-neutral-100);
54
57
  --sd-color-background-neutral-300: var(--sd-color-neutral-200);
55
58
  --sd-color-background-neutral-400: var(--sd-color-neutral-300);
56
59
  --sd-color-background-neutral-500: var(--sd-color-neutral-400);
60
+ --sd-color-background-neutral-600: var(--sd-color-neutral-600);
61
+ --sd-color-background-neutral-800: var(--sd-color-neutral-800);
62
+ --sd-color-background-primary-100: var(--sd-color-primary-100);
63
+ --sd-color-background-primary-200: var(--sd-color-primary-200);
64
+ --sd-color-background-primary-300: var(--sd-color-primary-300);
65
+ --sd-color-background-primary-500: var(--sd-color-primary);
66
+ --sd-color-background-primary-800: var(--sd-color-primary-900);
57
67
  --sd-color-background-primary: var(--sd-color-primary-900);
68
+ --sd-color-background-success: var(--sd-color-success);
69
+ --sd-color-background-warning: var(--sd-color-warning);
70
+ --sd-color-background-white: var(--sd-color-white);
58
71
  --sd-color-black: #181818;
59
72
  --sd-color-border-accent-550: var(--sd-color-primary-600);
60
73
  --sd-color-border-accent: var(--sd-color-primary);
74
+ --sd-color-border-error-400: var(--sd-color-error);
75
+ --sd-color-border-error: var(--sd-color-error);
61
76
  --sd-color-border-neutral-400: var(--sd-color-neutral-200);
62
77
  --sd-color-border-neutral-500: var(--sd-color-neutral-400);
78
+ --sd-color-border-neutral-600: var(--sd-color-neutral-600);
79
+ --sd-color-border-neutral-800: var(--sd-color-neutral-800);
80
+ --sd-color-border-primary-100: var(--sd-color-primary-100);
81
+ --sd-color-border-primary-200: var(--sd-color-primary-200);
82
+ --sd-color-border-primary-400: var(--sd-color-primary-400);
83
+ --sd-color-border-primary-500: var(--sd-color-primary);
84
+ --sd-color-border-primary-800: var(--sd-color-primary-900);
85
+ --sd-color-border-primary: var(--sd-color-primary);
86
+ --sd-color-border-success: var(--sd-color-success);
87
+ --sd-color-border-white: var(--sd-color-white);
88
+ --sd-color-default-color: rgba(0, 0, 0, 0.1);
63
89
  --sd-color-error-300: #d20000;
64
90
  --sd-color-error-400: #d20000;
65
91
  --sd-color-error: #d20000;
92
+ --sd-color-icon-fill-accent-550: var(--sd-color-accent-550);
93
+ --sd-color-icon-fill-accent: var(--sd-color-accent);
94
+ --sd-color-icon-fill-error-400: var(--sd-color-error);
95
+ --sd-color-icon-fill-error: var(--sd-color-error);
66
96
  --sd-color-icon-fill-neutral-400: var(--sd-color-neutral-200);
67
97
  --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-400);
98
+ --sd-color-icon-fill-neutral-600: var(--sd-color-neutral-600);
99
+ --sd-color-icon-fill-neutral-800: var(--sd-color-neutral-800);
100
+ --sd-color-icon-fill-primary-100: var(--sd-color-primary-100);
101
+ --sd-color-icon-fill-primary-200: var(--sd-color-primary-200);
102
+ --sd-color-icon-fill-primary-400: var(--sd-color-primary-400);
103
+ --sd-color-icon-fill-primary-500: var(--sd-color-primary);
104
+ --sd-color-icon-fill-primary-800: var(--sd-color-primary-900);
105
+ --sd-color-icon-fill-primary: var(--sd-color-primary);
106
+ --sd-color-icon-fill-risk-high: var(--sd-color-risk-high);
107
+ --sd-color-icon-fill-risk-increased: var(--sd-color-risk-increased);
108
+ --sd-color-icon-fill-risk-low: var(--sd-color-risk-low);
109
+ --sd-color-icon-fill-risk-moderate: var(--sd-color-risk-moderate);
110
+ --sd-color-icon-fill-risk-veryhigh: var(--sd-color-risk-veryhigh);
111
+ --sd-color-icon-fill-success: var(--sd-color-success);
112
+ --sd-color-icon-fill-white: var(--sd-color-white);
68
113
  --sd-color-info: #1582d5;
69
114
  --sd-color-neutral-100: #edf0f4;
70
115
  --sd-color-neutral-200: #d9e0e8;
@@ -90,21 +135,36 @@
90
135
  --sd-color-risk-low: #017dc3;
91
136
  --sd-color-risk-moderate: #00a593;
92
137
  --sd-color-risk-veryhigh: #ff0000;
138
+ --sd-color-sm-color: rgba(0, 0, 0, 0.65);
93
139
  --sd-color-success: #0c7336;
140
+ --sd-color-text-accent: var(--sd-color-accent);
141
+ --sd-color-text-black: var(--sd-color-black);
142
+ --sd-color-text-error: var(--sd-color-error);
94
143
  --sd-color-text-neutral-500: var(--sd-color-neutral-400);
144
+ --sd-color-text-neutral-600: var(--sd-color-neutral-600);
145
+ --sd-color-text-neutral-700: var(--sd-color-neutral-800);
146
+ --sd-color-text-primary-100: var(--sd-color-primary-100);
147
+ --sd-color-text-primary-200: var(--sd-color-primary-200);
148
+ --sd-color-text-primary-400: var(--sd-color-primary-300);
149
+ --sd-color-text-primary-500: var(--sd-color-primary);
150
+ --sd-color-text-primary-800: var(--sd-color-primary-900);
151
+ --sd-color-text-primary: var(--sd-color-primary);
152
+ --sd-color-text-success: var(--sd-color-success);
153
+ --sd-color-text-white: var(--sd-color-white);
95
154
  --sd-color-warning: #ffab00;
96
155
  --sd-color-white: #ffffff;
156
+ --sd-flag--neutral-500-color-background: var(--sd-color-neutral-400);
97
157
  --sd-font-primary: 'GenosGFG';
98
158
  --sd-font-weight-bold: 700;
99
159
  --sd-font-weight-normal: 400;
100
160
  --sd-header-padding-bottom: var(--sd-spacing-0\.5);
101
- --sd-navigation-item--current-color: var(--sd-color-black);
102
- --sd-navigation-item-border-radius-bottom: var(--sd-spacing-0\.5);
103
- --sd-navigation-item-border-radius-top: var(--sd-spacing-1\.5);
104
- --sd-navigation-item-color: var(--sd-color-neutral-800);
105
- --sd-navigation-item-font-size: 0.875rem;
106
- --sd-navigation-item__current-indicator-border-radius: 624.9375rem;
107
- --sd-navigation-item__current-indicator-height: 0.1875rem;
161
+ --sd-navigable-border-radius: var(--sd-spacing-0\.5);
162
+ --sd-navigable-font-size: 0.875rem;
163
+ --sd-navigable__current-indicator-border-radius: 624.9375rem;
164
+ --sd-navigable__current-indicator-height: 0.1875rem;
165
+ --sd-navigable__current-indicator-width: 0.1875rem;
166
+ --sd-navigation--current-color-text: var(--sd-color-black);
167
+ --sd-navigation-color-text: var(--sd-color-neutral-800);
108
168
  --sd-opacity-0: 0%;
109
169
  --sd-opacity-100: 100%;
110
170
  --sd-opacity-10: 10%;
@@ -166,35 +226,35 @@
166
226
  }
167
227
 
168
228
  .sd-theme-vb {
169
- --sd-icon--vb--calendar: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 4h3q1 0 1 1v14q0 1-1 1H4a1 1 0 0 1-1-1V5q0-1 1-1h3V3a1 1 0 0 1 2 0v1h6V3a1 1 0 1 1 2 0zm0 2v1a1 1 0 1 1-2 0V6H9v1a1 1 0 0 1-2 0V6H5v12h14V6zm-1 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm-5 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm5 0a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2z" clip-rule="evenodd"/></svg>';
170
- --sd-icon--vb--chevron-down: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.2 9.2a1 1 0 0 1 1.4 1.5l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.5-1.5l4.2 4.3z" clip-rule="evenodd"/></svg>';
171
- --sd-icon--vb--chevron-up: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.2 14.66-4.25-4.25-4.24 4.25a1 1 0 0 1-1.42-1.42l4.95-4.95a1 1 0 0 1 1.42 0l4.95 4.95a1 1 0 0 1-1.42 1.42" clip-rule="evenodd"/></svg>';
172
- --sd-icon--vb--chevron-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.3 16.2a1 1 0 1 0 1.4 1.4l5-5q.4-.6 0-1.4l-5-5a1 1 0 0 0-1.4 1.5l4.2 4.2z" clip-rule="evenodd"/></svg>';
173
- --sd-icon--vb--chevron-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.7 16.2a1 1 0 0 1-1.5 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.5 1.5L10.4 12z" clip-rule="evenodd"/></svg>';
174
- --sd-icon--vb--clock: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 6v5.4l3.4 1.7a1 1 0 1 1-.8 1.8l-4-2a1 1 0 0 1-.6-.9V6a1 1 0 1 1 2 0m-1 16a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16" clip-rule="evenodd"/></svg>';
175
- --sd-icon--vb--close: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 5.2h.1l5.3 5.4 5.3-5.3a1 1 0 0 1 1.5 1.3v.1L13.3 12l5.3 5.3a1 1 0 0 1-1.3 1.5h-.1L12 13.3l-5.3 5.3a1 1 0 0 1-1.5-1.3v-.1l5.4-5.3-5.3-5.3a1 1 0 0 1 1.3-1.5" clip-rule="evenodd"/></svg>';
176
- --sd-icon--vb--closing-round: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 5.2h.1l5.3 5.4 5.3-5.3a1 1 0 0 1 1.5 1.3v.1L13.3 12l5.3 5.3a1 1 0 0 1-1.3 1.5h-.1L12 13.3l-5.3 5.3a1 1 0 0 1-1.5-1.3v-.1l5.4-5.3-5.3-5.3a1 1 0 0 1 1.3-1.5" clip-rule="evenodd"/></svg>';
177
- --sd-icon--vb--eye: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 19q-6.6 0-10.8-6.4a1 1 0 0 1 0-1.2Q5.4 5.1 12 5q6.6 0 10.8 6.4.4.6 0 1.2Q18.6 19 12 19m0-2q5.2 0 8.8-5-3.6-5-8.8-5t-8.8 5q3.6 5 8.8 5m0-1a4 4 0 1 1 0-8 4 4 0 0 1 0 8m0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4" clip-rule="evenodd"/></svg>';
178
- --sd-icon--vb--eye-crossed-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.6 1.5a1 1 0 0 1 1.9.8v.1L16 5.7q4 1.4 6.8 5.8a1 1 0 0 1 0 1Q18.6 19 12 19l-2-.2-1.6 3.6v.1a1 1 0 0 1-1.9-.8v-.1L8 18.3Q4 17 1.2 12.6a1 1 0 0 1 0-1.1Q5.4 5 12 5l2 .2zm-.5 6-.6 1.4a4 4 0 0 1-3.2 7l-.4 1h.4l.4.1h.3q5 0 8.5-4.6l.2-.3V12q-2.4-3.4-5.6-4.4M12 7q-5 0-8.5 4.6l-.2.3v.2q2.4 3.4 5.6 4.4l.6-1.4a4 4 0 0 1 3.2-7l.4-1h-.8zm1.6 3.8L12.2 14a2 2 0 0 0 1.4-3.2m-1.8-.8a2 2 0 0 0-1.4 3.2z" clip-rule="evenodd"/></svg>';
179
- --sd-icon--vb--info-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m1 12a1 1 0 1 1-2 0v-5a1 1 0 1 1 2 0zm0-8a1 1 0 0 1-2 .1V8a1 1 0 0 1 2-.1z" clip-rule="evenodd"/></svg>';
180
- --sd-icon--vb--status-check: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z" clip-rule="evenodd"/></svg>';
181
- --sd-icon--vb--status-minus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 13a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2z" clip-rule="evenodd"/></svg>';
182
- --sd-icon--vb--pause: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3q1.4.2 1.5 1.5v15q-.1 1.4-1.5 1.5H4.6C3.8 21 3 20 3 19.2V4.8C3 3.9 3.8 3 4.6 3zm10 0q1.4.2 1.5 1.5v15q-.1 1.4-1.5 1.5h-4.9c-.8 0-1.6-1-1.6-1.8V4.8c0-.9.8-1.8 1.6-1.8zM9 5H5v14h4zm10 0h-4v14h4z" clip-rule="evenodd"/></svg>';
183
- --sd-icon--vb--risk: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
184
- --sd-icon--vb--start: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.4 11.1a1 1 0 0 1 0 1.8l-17 8A1 1 0 0 1 3 20V4a1 1 0 0 1 1.4-.9zm-2.7.9L5 5.6v12.8z" clip-rule="evenodd"/></svg>';
185
- --sd-icon--vb--confirm-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z" clip-rule="evenodd"/></svg>';
186
- --sd-icon--vb--warning: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
187
- --sd-icon--vb--exclamation-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16M11 8a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zm0 8a1 1 0 1 1 2 0 1 1 0 1 1-2 0" clip-rule="evenodd"/></svg>';
188
- --sd-icon--vb--magnifying-glass: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 15.5a7.5 7.5 0 1 1 1.4-1.4l6.3 6.2a1 1 0 0 1-1.4 1.4zM9.5 15a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11" clip-rule="evenodd"/></svg>';
189
- --sd-icon--vb--transcript: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2h.4l.3.3 7 7 .3.7v-.1V21q0 1-1 1H5a1 1 0 0 1-1-1V3q0-1 1-1zm-1 2H6v16h12v-9h-6a1 1 0 0 1-1-.9V4m5.6 5L13 5.4V9z" clip-rule="evenodd"/></svg>';
190
- --sd-icon--vb--mute: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zM13 5.7 7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm3.3 3.6a1 1 0 0 1 1.3 0h.1l1.3 1.3 1.3-1.3a1 1 0 0 1 1.5 1.3v.1L20.3 12l1.3 1.3a1 1 0 0 1-1.3 1.5h-.1L19 13.3l-1.3 1.3a1 1 0 0 1-1.5-1.3v-.1l1.4-1.3-1.3-1.3a1 1 0 0 1 0-1.4" clip-rule="evenodd"/></svg>';
191
- --sd-icon--vb--volume: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zm6.3 2.3Q22 8.7 22 12a12 12 0 0 1-2.2 6.6 1 1 0 1 1-1.6-1A10 10 0 0 0 20 12q0-2.7-1.8-5.4a1 1 0 1 1 1.6-1.2m-6.8.3L7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm4.8 2.7A6 6 0 0 1 19 12q0 1.8-1.2 3.6a1 1 0 0 1-1.6-1.2q.8-1.2.8-2.4t-.8-2.4a1 1 0 0 1 1.6-1.2" clip-rule="evenodd"/></svg>';
192
- --sd-icon--vb--reload: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 18v1a1 1 0 1 1-2 0v-4q0-.9 1-1h4a1 1 0 1 1 0 2H5a8 8 0 1 0-.6-6.5 1 1 0 0 1-2-.6A10 10 0 1 1 4 18" clip-rule="evenodd"/></svg>';
229
+ --sd-icon--calendar: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 4h3q1 0 1 1v14q0 1-1 1H4a1 1 0 0 1-1-1V5q0-1 1-1h3V3a1 1 0 0 1 2 0v1h6V3a1 1 0 1 1 2 0zm0 2v1a1 1 0 1 1-2 0V6H9v1a1 1 0 0 1-2 0V6H5v12h14V6zm-1 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm-5 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm5 0a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2z" clip-rule="evenodd"/></svg>';
230
+ --sd-icon--chevron-down: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.2 9.2a1 1 0 0 1 1.4 1.5l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.5-1.5l4.2 4.3z" clip-rule="evenodd"/></svg>';
231
+ --sd-icon--chevron-up: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.2 14.66-4.25-4.25-4.24 4.25a1 1 0 0 1-1.42-1.42l4.95-4.95a1 1 0 0 1 1.42 0l4.95 4.95a1 1 0 0 1-1.42 1.42" clip-rule="evenodd"/></svg>';
232
+ --sd-icon--chevron-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.3 16.2a1 1 0 1 0 1.4 1.4l5-5q.4-.6 0-1.4l-5-5a1 1 0 0 0-1.4 1.5l4.2 4.2z" clip-rule="evenodd"/></svg>';
233
+ --sd-icon--chevron-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.7 16.2a1 1 0 0 1-1.5 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.5 1.5L10.4 12z" clip-rule="evenodd"/></svg>';
234
+ --sd-icon--clock: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 6v5.4l3.4 1.7a1 1 0 1 1-.8 1.8l-4-2a1 1 0 0 1-.6-.9V6a1 1 0 1 1 2 0m-1 16a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16" clip-rule="evenodd"/></svg>';
235
+ --sd-icon--close: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 5.2h.1l5.3 5.4 5.3-5.3a1 1 0 0 1 1.5 1.3v.1L13.3 12l5.3 5.3a1 1 0 0 1-1.3 1.5h-.1L12 13.3l-5.3 5.3a1 1 0 0 1-1.5-1.3v-.1l5.4-5.3-5.3-5.3a1 1 0 0 1 1.3-1.5" clip-rule="evenodd"/></svg>';
236
+ --sd-icon--closing-round: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 5.2h.1l5.3 5.4 5.3-5.3a1 1 0 0 1 1.5 1.3v.1L13.3 12l5.3 5.3a1 1 0 0 1-1.3 1.5h-.1L12 13.3l-5.3 5.3a1 1 0 0 1-1.5-1.3v-.1l5.4-5.3-5.3-5.3a1 1 0 0 1 1.3-1.5" clip-rule="evenodd"/></svg>';
237
+ --sd-icon--eye: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 19q-6.6 0-10.8-6.4a1 1 0 0 1 0-1.2Q5.4 5.1 12 5q6.6 0 10.8 6.4.4.6 0 1.2Q18.6 19 12 19m0-2q5.2 0 8.8-5-3.6-5-8.8-5t-8.8 5q3.6 5 8.8 5m0-1a4 4 0 1 1 0-8 4 4 0 0 1 0 8m0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4" clip-rule="evenodd"/></svg>';
238
+ --sd-icon--eye-crossed-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.6 1.5a1 1 0 0 1 1.9.8v.1L16 5.7q4 1.4 6.8 5.8a1 1 0 0 1 0 1Q18.6 19 12 19l-2-.2-1.6 3.6v.1a1 1 0 0 1-1.9-.8v-.1L8 18.3Q4 17 1.2 12.6a1 1 0 0 1 0-1.1Q5.4 5 12 5l2 .2zm-.5 6-.6 1.4a4 4 0 0 1-3.2 7l-.4 1h.4l.4.1h.3q5 0 8.5-4.6l.2-.3V12q-2.4-3.4-5.6-4.4M12 7q-5 0-8.5 4.6l-.2.3v.2q2.4 3.4 5.6 4.4l.6-1.4a4 4 0 0 1 3.2-7l.4-1h-.8zm1.6 3.8L12.2 14a2 2 0 0 0 1.4-3.2m-1.8-.8a2 2 0 0 0-1.4 3.2z" clip-rule="evenodd"/></svg>';
239
+ --sd-icon--info-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m1 12a1 1 0 1 1-2 0v-5a1 1 0 1 1 2 0zm0-8a1 1 0 0 1-2 .1V8a1 1 0 0 1 2-.1z" clip-rule="evenodd"/></svg>';
240
+ --sd-icon--status-check: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z" clip-rule="evenodd"/></svg>';
241
+ --sd-icon--status-minus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 13a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2z" clip-rule="evenodd"/></svg>';
242
+ --sd-icon--pause: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3q1.4.2 1.5 1.5v15q-.1 1.4-1.5 1.5H4.6C3.8 21 3 20 3 19.2V4.8C3 3.9 3.8 3 4.6 3zm10 0q1.4.2 1.5 1.5v15q-.1 1.4-1.5 1.5h-4.9c-.8 0-1.6-1-1.6-1.8V4.8c0-.9.8-1.8 1.6-1.8zM9 5H5v14h4zm10 0h-4v14h4z" clip-rule="evenodd"/></svg>';
243
+ --sd-icon--risk: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
244
+ --sd-icon--start: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.4 11.1a1 1 0 0 1 0 1.8l-17 8A1 1 0 0 1 3 20V4a1 1 0 0 1 1.4-.9zm-2.7.9L5 5.6v12.8z" clip-rule="evenodd"/></svg>';
245
+ --sd-icon--confirm-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z" clip-rule="evenodd"/></svg>';
246
+ --sd-icon--warning: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
247
+ --sd-icon--exclamation-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16M11 8a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zm0 8a1 1 0 1 1 2 0 1 1 0 1 1-2 0" clip-rule="evenodd"/></svg>';
248
+ --sd-icon--magnifying-glass: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 15.5a7.5 7.5 0 1 1 1.4-1.4l6.3 6.2a1 1 0 0 1-1.4 1.4zM9.5 15a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11" clip-rule="evenodd"/></svg>';
249
+ --sd-icon--transcript: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2h.4l.3.3 7 7 .3.7v-.1V21q0 1-1 1H5a1 1 0 0 1-1-1V3q0-1 1-1zm-1 2H6v16h12v-9h-6a1 1 0 0 1-1-.9V4m5.6 5L13 5.4V9z" clip-rule="evenodd"/></svg>';
250
+ --sd-icon--mute: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zM13 5.7 7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm3.3 3.6a1 1 0 0 1 1.3 0h.1l1.3 1.3 1.3-1.3a1 1 0 0 1 1.5 1.3v.1L20.3 12l1.3 1.3a1 1 0 0 1-1.3 1.5h-.1L19 13.3l-1.3 1.3a1 1 0 0 1-1.5-1.3v-.1l1.4-1.3-1.3-1.3a1 1 0 0 1 0-1.4" clip-rule="evenodd"/></svg>';
251
+ --sd-icon--volume: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zm6.3 2.3Q22 8.7 22 12a12 12 0 0 1-2.2 6.6 1 1 0 1 1-1.6-1A10 10 0 0 0 20 12q0-2.7-1.8-5.4a1 1 0 1 1 1.6-1.2m-6.8.3L7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm4.8 2.7A6 6 0 0 1 19 12q0 1.8-1.2 3.6a1 1 0 0 1-1.6-1.2q.8-1.2.8-2.4t-.8-2.4a1 1 0 0 1 1.6-1.2" clip-rule="evenodd"/></svg>';
252
+ --sd-icon--reload: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 18v1a1 1 0 1 1-2 0v-4q0-.9 1-1h4a1 1 0 1 1 0 2H5a8 8 0 1 0-.6-6.5 1 1 0 0 1-2-.6A10 10 0 1 1 4 18" clip-rule="evenodd"/></svg>';
193
253
  }
194
254
 
195
255
  .sd-theme-vb {
196
- --sd-shadow-sm: 0.5px 0.5px 0 var(--sd-color-neutral-800);
197
- --sd-shadow: 0 4px 10px 0 rgba(0 0 0 0.1);
198
- --sd-drop-shadow-sm: 0.5px 0.5px 0 var(--sd-color-neutral-800);
199
- --sd-drop-shadow: 0 4px 10px 0 rgba(0 0 0 0.1);
256
+ --sd-shadow-sm: 0.5px 0.5px var(--sd-color-neutral-800);
257
+ --sd-shadow: 0 4px 10px rgba(0 0 0 / 0.1);
258
+ --sd-drop-shadow-sm: 0.5px 0.5px var(--sd-color-neutral-800);
259
+ --sd-drop-shadow: 0 4px 10px rgba(0 0 0 / 0.1);
200
260
  }
package/dist/tokens.scss CHANGED
@@ -19,7 +19,6 @@ $sd-border-width-6: var(--sd-border-width-6);
19
19
  $sd-border-width: var(--sd-border-width);
20
20
  $sd-button--size-lg-border-radius: var(--sd-button--size-lg-border-radius);
21
21
  $sd-button--size-lg-font-size: var(--sd-button--size-lg-font-size);
22
- $sd-button--size-lg-icon-font-size: var(--sd-button--size-lg-icon-font-size);
23
22
  $sd-button--size-lg-padding-block: var(--sd-button--size-lg-padding-block);
24
23
  $sd-button--size-md-border-radius: var(--sd-button--size-md-border-radius);
25
24
  $sd-button--size-md-font-size: var(--sd-button--size-md-font-size);
@@ -34,10 +33,72 @@ $sd-color-accent-600: var(--sd-color-accent-600);
34
33
  $sd-color-accent-700: var(--sd-color-accent-700);
35
34
  $sd-color-accent-800: var(--sd-color-accent-800);
36
35
  $sd-color-accent: var(--sd-color-accent);
36
+ $sd-color-background-accent-300: var(--sd-color-background-accent-300);
37
+ $sd-color-background-accent-500: var(--sd-color-background-accent-500);
38
+ $sd-color-background-accent-550: var(--sd-color-background-accent-550);
39
+ $sd-color-background-accent-700: var(--sd-color-background-accent-700);
40
+ $sd-color-background-accent: var(--sd-color-background-accent);
41
+ $sd-color-background-error-400: var(--sd-color-background-error-400);
42
+ $sd-color-background-error: var(--sd-color-background-error);
43
+ $sd-color-background-info: var(--sd-color-background-info);
44
+ $sd-color-background-neutral-100: var(--sd-color-background-neutral-100);
45
+ $sd-color-background-neutral-200: var(--sd-color-background-neutral-200);
46
+ $sd-color-background-neutral-300: var(--sd-color-background-neutral-300);
47
+ $sd-color-background-neutral-400: var(--sd-color-background-neutral-400);
48
+ $sd-color-background-neutral-500: var(--sd-color-background-neutral-500);
49
+ $sd-color-background-neutral-600: var(--sd-color-background-neutral-600);
50
+ $sd-color-background-neutral-800: var(--sd-color-background-neutral-800);
51
+ $sd-color-background-primary-100: var(--sd-color-background-primary-100);
52
+ $sd-color-background-primary-200: var(--sd-color-background-primary-200);
53
+ $sd-color-background-primary-300: var(--sd-color-background-primary-300);
54
+ $sd-color-background-primary-500: var(--sd-color-background-primary-500);
55
+ $sd-color-background-primary-800: var(--sd-color-background-primary-800);
56
+ $sd-color-background-primary: var(--sd-color-background-primary);
57
+ $sd-color-background-success: var(--sd-color-background-success);
58
+ $sd-color-background-warning: var(--sd-color-background-warning);
59
+ $sd-color-background-white: var(--sd-color-background-white);
37
60
  $sd-color-black: var(--sd-color-black);
61
+ $sd-color-border-accent-550: var(--sd-color-border-accent-550);
62
+ $sd-color-border-accent: var(--sd-color-border-accent);
63
+ $sd-color-border-error-400: var(--sd-color-border-error-400);
64
+ $sd-color-border-error: var(--sd-color-border-error);
65
+ $sd-color-border-neutral-400: var(--sd-color-border-neutral-400);
66
+ $sd-color-border-neutral-500: var(--sd-color-border-neutral-500);
67
+ $sd-color-border-neutral-600: var(--sd-color-border-neutral-600);
68
+ $sd-color-border-neutral-800: var(--sd-color-border-neutral-800);
69
+ $sd-color-border-primary-100: var(--sd-color-border-primary-100);
70
+ $sd-color-border-primary-200: var(--sd-color-border-primary-200);
71
+ $sd-color-border-primary-400: var(--sd-color-border-primary-400);
72
+ $sd-color-border-primary-500: var(--sd-color-border-primary-500);
73
+ $sd-color-border-primary-800: var(--sd-color-border-primary-800);
74
+ $sd-color-border-primary: var(--sd-color-border-primary);
75
+ $sd-color-border-success: var(--sd-color-border-success);
76
+ $sd-color-border-white: var(--sd-color-border-white);
77
+ $sd-color-default-color: var(--sd-color-default-color);
38
78
  $sd-color-error-300: var(--sd-color-error-300);
39
79
  $sd-color-error-400: var(--sd-color-error-400);
40
80
  $sd-color-error: var(--sd-color-error);
81
+ $sd-color-icon-fill-accent-550: var(--sd-color-icon-fill-accent-550);
82
+ $sd-color-icon-fill-accent: var(--sd-color-icon-fill-accent);
83
+ $sd-color-icon-fill-error-400: var(--sd-color-icon-fill-error-400);
84
+ $sd-color-icon-fill-error: var(--sd-color-icon-fill-error);
85
+ $sd-color-icon-fill-neutral-400: var(--sd-color-icon-fill-neutral-400);
86
+ $sd-color-icon-fill-neutral-500: var(--sd-color-icon-fill-neutral-500);
87
+ $sd-color-icon-fill-neutral-600: var(--sd-color-icon-fill-neutral-600);
88
+ $sd-color-icon-fill-neutral-800: var(--sd-color-icon-fill-neutral-800);
89
+ $sd-color-icon-fill-primary-100: var(--sd-color-icon-fill-primary-100);
90
+ $sd-color-icon-fill-primary-200: var(--sd-color-icon-fill-primary-200);
91
+ $sd-color-icon-fill-primary-400: var(--sd-color-icon-fill-primary-400);
92
+ $sd-color-icon-fill-primary-500: var(--sd-color-icon-fill-primary-500);
93
+ $sd-color-icon-fill-primary-800: var(--sd-color-icon-fill-primary-800);
94
+ $sd-color-icon-fill-primary: var(--sd-color-icon-fill-primary);
95
+ $sd-color-icon-fill-risk-high: var(--sd-color-icon-fill-risk-high);
96
+ $sd-color-icon-fill-risk-increased: var(--sd-color-icon-fill-risk-increased);
97
+ $sd-color-icon-fill-risk-low: var(--sd-color-icon-fill-risk-low);
98
+ $sd-color-icon-fill-risk-moderate: var(--sd-color-icon-fill-risk-moderate);
99
+ $sd-color-icon-fill-risk-veryhigh: var(--sd-color-icon-fill-risk-veryhigh);
100
+ $sd-color-icon-fill-success: var(--sd-color-icon-fill-success);
101
+ $sd-color-icon-fill-white: var(--sd-color-icon-fill-white);
41
102
  $sd-color-info: var(--sd-color-info);
42
103
  $sd-color-neutral-100: var(--sd-color-neutral-100);
43
104
  $sd-color-neutral-200: var(--sd-color-neutral-200);
@@ -63,18 +124,33 @@ $sd-color-risk-increased: var(--sd-color-risk-increased);
63
124
  $sd-color-risk-low: var(--sd-color-risk-low);
64
125
  $sd-color-risk-moderate: var(--sd-color-risk-moderate);
65
126
  $sd-color-risk-veryhigh: var(--sd-color-risk-veryhigh);
127
+ $sd-color-sm-color: var(--sd-color-sm-color);
66
128
  $sd-color-success: var(--sd-color-success);
129
+ $sd-color-text-accent: var(--sd-color-text-accent);
130
+ $sd-color-text-black: var(--sd-color-text-black);
131
+ $sd-color-text-error: var(--sd-color-text-error);
132
+ $sd-color-text-neutral-500: var(--sd-color-text-neutral-500);
133
+ $sd-color-text-neutral-600: var(--sd-color-text-neutral-600);
134
+ $sd-color-text-neutral-700: var(--sd-color-text-neutral-700);
135
+ $sd-color-text-primary-100: var(--sd-color-text-primary-100);
136
+ $sd-color-text-primary-200: var(--sd-color-text-primary-200);
137
+ $sd-color-text-primary-400: var(--sd-color-text-primary-400);
138
+ $sd-color-text-primary-500: var(--sd-color-text-primary-500);
139
+ $sd-color-text-primary-800: var(--sd-color-text-primary-800);
140
+ $sd-color-text-primary: var(--sd-color-text-primary);
141
+ $sd-color-text-success: var(--sd-color-text-success);
142
+ $sd-color-text-white: var(--sd-color-text-white);
67
143
  $sd-color-warning: var(--sd-color-warning);
68
144
  $sd-color-white: var(--sd-color-white);
69
145
  $sd-font-primary: var(--sd-font-primary);
70
146
  $sd-font-weight-bold: var(--sd-font-weight-bold);
71
147
  $sd-font-weight-normal: var(--sd-font-weight-normal);
72
148
  $sd-header-padding-bottom: var(--sd-header-padding-bottom);
73
- $sd-navigation-item-border-radius-bottom: var(--sd-navigation-item-border-radius-bottom);
74
- $sd-navigation-item-border-radius-top: var(--sd-navigation-item-border-radius-top);
75
- $sd-navigation-item-font-size: var(--sd-navigation-item-font-size);
76
- $sd-navigation-item__current-indicator-border-radius: var(--sd-navigation-item__current-indicator-border-radius);
77
- $sd-navigation-item__current-indicator-height: var(--sd-navigation-item__current-indicator-height);
149
+ $sd-navigable-border-radius: var(--sd-navigable-border-radius);
150
+ $sd-navigable-font-size: var(--sd-navigable-font-size);
151
+ $sd-navigable__current-indicator-border-radius: var(--sd-navigable__current-indicator-border-radius);
152
+ $sd-navigable__current-indicator-height: var(--sd-navigable__current-indicator-height);
153
+ $sd-navigable__current-indicator-width: var(--sd-navigable__current-indicator-width);
78
154
  $sd-opacity-0: var(--sd-opacity-0);
79
155
  $sd-opacity-100: var(--sd-opacity-100);
80
156
  $sd-opacity-10: var(--sd-opacity-10);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@solid-design-system/tokens",
3
- "version": "6.0.0-next.2",
3
+ "version": "6.0.0-next.4",
4
4
  "description": "Solid Design System: Tokens",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -8,11 +8,15 @@
8
8
  },
9
9
  "main": "index.js",
10
10
  "files": [
11
- "dist"
11
+ "dist",
12
+ "cdn"
12
13
  ],
13
14
  "exports": {
14
- "./scss": "./dist/tokens.scss",
15
- "./themes": "./dist/themes"
15
+ "./dist/scss": "./dist/tokens.scss",
16
+ "./dist/tailwind.css": "./dist/themes/tailwind.css",
17
+ "./dist/tailwind.json": "./dist/themes/tailwind.json",
18
+ "./dist/themes": "./dist/themes",
19
+ "./dist/themes/*": "./dist/themes/*"
16
20
  },
17
21
  "keywords": [],
18
22
  "homepage": "https://solid-design-system.fe.union-investment.de/docs/",