orbit-ds-variables 1.0.0

package/dist/scss/platforms/web/_variables.scss

@@ -0,0 +1,97 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$font-font-weight-body: Medium;
+$font-font-weight-comment: Regular;
+$font-font-weight-body-small: Medium;
+$font-font-weight-title: Bold;
+$font-font-weight-body-input: Semi Bold;
+$font-font-weight-body-big: Medium;
+$font-letter-spacing-title-4: 24;
+$font-font-size-body: 13;
+$font-font-size-body-small: 11;
+$font-font-size-title-3: 18;
+$font-font-size-title-2: 24;
+$font-font-size-title-1: 36;
+$font-font-size-body-input: 13;
+$font-font-size-title-4: 13;
+$font-font-size-comment: 13;
+$font-font-size-title-5: 13;
+$font-font-size-title-6: 13;
+$font-font-size-body-big: 17;
+$font-line-height-title-1: 42;
+$font-line-height-title-2: 30;
+$font-line-height-t-itle-3: 23;
+$font-line-height-body: 20;
+$font-line-height-body-small: 17;
+$font-line-height-body-input: 13;
+$font-line-height-title-4: 18;
+$font-line-height-comment: 20;
+$font-line-height-title-5: 18;
+$font-line-height-title-6: 18;
+$font-line-height-body-big: 17;
+$platform: Desktop;
+$icon-default: 24;
+$icon-small: 18;
+$icon-big: 36;
+$gap-0: 0;
+$gap-l: 18;
+$gap-m: 12;
+$gap-s: 6;
+$gap-xs: 4;
+$gap-xl: 24;
+$gap-xxl: 36;
+$gap-xxs: 2;
+$gap-ml: 16;
+$components-input-button-select-compact-height: 24;
+$components-input-button-select-default: 36;
+$components-input-button-select-min-height-textarea: 128;
+$components-input-button-select-border-width: 1;
+$components-input-button-select-min-width-hidden: 84;
+$components-input-button-select-min-width-compact-hidden: 66;
+$components-input-button-select-top-offset: 9; // Used to make top offset inside the Input, because input needs to be V align Top
+$components-input-button-select-nested-option-offset: 32; // Used to make top offset inside the Input, because input needs to be V align Top
+$components-input-button-select-compact-min-width: 24;
+$components-titles-and-tabs-header: 36;
+$components-toolbar-toolbar: 40;
+$components-action-menu-item-action-menu: 36;
+$components-e-was-nav-item-height-horizontal: 55;
+$components-e-was-nav-item-height-split-view: 55;
+$components-e-was-nav-item-height-vertical: 55;
+$components-e-was-nav-item-width-horizontal: 72;
+$components-e-was-nav-item-width-split-view: 45;
+$components-e-was-nav-item-width-vertical: 60;
+$components-chip-height-default: 32;
+$components-chip-height-compact: 26;
+$radius-s: 4;
+$radius-m: 8;
+$radius-l: 12;
+$radius-card: 8;
+$radius-input: 4;
+$radius-section: 8;
+$radius-action-menu: 4;
+$radius-popup-message: 8;
+$radius-xl: 24;
+$radius-chip: 24;
+$radius-chip-squared: 4;
+$padding-vertical-0: 0;
+$padding-vertical-xs: 4;
+$padding-vertical-s: 8;
+$padding-vertical-m: 12;
+$padding-vertical-l: 18;
+$padding-vertical-xl: 24;
+$padding-vertical-xxl: 36;
+$padding-vertical-xxs: 2;
+$padding-vertical-ml: 16;
+$padding-horizontal-0: 0;
+$padding-horizontal-xs: 4;
+$padding-horizontal-s: 8;
+$padding-horizontal-m: 12;
+$padding-horizontal-l: 18;
+$padding-horizontal-xl: 24;
+$padding-horizontal-xxl: 36;
+$padding-horizontal-xxs: 2;
+$padding-horizontal-ml: 16;
+$icon-frame-size-small: 18;
+$icon-frame-size-default: 24;
+$icon-frame-size-big: 36;

package/dist/scss/primitives/_variables.scss

@@ -0,0 +1,88 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$system-feedback-neutral-tbd: #00eaea;
+$system-feedback-success: #439f35;
+$system-feedback-attention: #f5821f;
+$system-feedback-warning: #ff0000;
+$system-feedback-critical: #ff47e0;
+$blue-50: #ebf1fd;
+$blue-100: #37c0ff;
+$blue-200: #0095da;
+$blue-250: #1ab2f8;
+$blue-300: #0071bb;
+$blue-350: #12597c;
+$blue-400: #1f3048;
+$blue-425: #202d41;
+$blue-450: #1d283a;
+$blue-500: #1a2434;
+$green-50: #dae8d8;
+$green-100: #daf1da;
+$green-150: #c7eac7;
+$green-175: #e6f7f1;
+$green-200: #8af28a;
+$green-300: #78ce6b;
+$green-315: #86c57c;
+$green-320: #308723;
+$green-325: #58bd47;
+$green-350: #306228;
+$green-400: #446b44;
+$green-500: #374f37;
+$green-525: #2b3e2b;
+$green-550: #2e4c29;
+$green-600: #263f22;
+$green-600-copy: #263f22;
+$neutral-0: #ffffff;
+$neutral-100: #fafafa;
+$neutral-200: #f5f5f5;
+$neutral-300: #e8e8e3;
+$neutral-350: #363636;
+$neutral-400: #2e2e2e;
+$neutral-500: #242424;
+$neutral-600: #1d1d1d;
+$neutral-700: #141414;
+$neutral-10000: #000000;
+$cyan-500: #00eaea;
+$orange-100: #f5e4d5;
+$orange-200: #f2dbca;
+$orange-300: #fff3e7;
+$orange-400: #e88a33;
+$orange-500: #e26800;
+$orange-600: #f5821f;
+$orange-700: #5a3d21;
+$orange-800: #592f00;
+$red-100: #f8cece;
+$red-200: #f6c1c1;
+$red-300: #fceeeb;
+$red-350: #ff4a4a;
+$red-500: #d61f1f;
+$red-700: #711414;
+$magenta-100: #f7dbf2;
+$magenta-200: #f6e4f3;
+$magenta-300: #ff47e0;
+$magenta-400: #e222c1;
+$magenta-500: #532d4c;
+$magenta-600: #5d2d55;
+$neutral-alpha-10: rgba(36, 36, 36, 0.1);
+$neutral-alpha-20: rgba(36, 36, 36, 0.2);
+$neutral-alpha-25: rgba(36, 36, 36, 0.25);
+$neutral-alpha-65: rgba(36, 36, 36, 0.65);
+$white-alpha-1: rgba(255, 255, 255, 0.01);
+$white-alpha-2: rgba(255, 255, 255, 0.02);
+$white-alpha-3: rgba(255, 255, 255, 0.03);
+$white-alpha-5: rgba(255, 255, 255, 0.05);
+$white-alpha-7: rgba(255, 255, 255, 0.07);
+$white-alpha-15: rgba(255, 255, 255, 0.15);
+$white-alpha-25: rgba(255, 255, 255, 0.25);
+$white-alpha-30: rgba(255, 255, 255, 0.3);
+$white-alpha-50: rgba(255, 255, 255, 0.5);
+$white-alpha-60: rgba(255, 255, 255, 0.6);
+$white-alpha-65: rgba(255, 255, 255, 0.65);
+$black-alpha-1: rgba(0, 0, 0, 0.01);
+$black-alpha-2: rgba(0, 0, 0, 0.02);
+$black-alpha-4: rgba(0, 0, 0, 0.04);
+$black-alpha-10: rgba(0, 0, 0, 0.1);
+$black-alpha-14: rgba(0, 0, 0, 0.14);
+$black-alpha-20: rgba(0, 0, 0, 0.2);
+$black-alpha-30: rgba(0, 0, 0, 0.3);
+$black-alpha-35: rgba(0, 0, 0, 0.35);

package/dist/scss/themes/d-green/_variables.scss

@@ -0,0 +1,90 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$shadow-action-menu: rgba(0, 0, 0, 0.15);
+$shadow-navigation: rgba(0, 0, 0, 0.07);
+$shadow-card: rgba(0, 0, 0, 0.1);
+$shadow-popup-message: rgba(0, 0, 0, 0.3);
+$shadow-submit-section: rgba(0, 0, 0, 0.2);
+$shadow-chip: rgba(0, 0, 0, 0.3);
+$chips-attemtion-default: #ffffff;
+$chips-attemtion-hover: #ffffff;
+$chips-attemtion-selected: #ffffff;
+$chips-warning-default: #ffffff;
+$chips-warning-hover: #ffffff;
+$chips-warning-selected: #ffffff;
+$chips-success-default: #ffffff;
+$chips-success-hover: #ffffff;
+$chips-success-selected: #ffffff;
+$chips-critical-default: #ffffff;
+$chips-critical-hover: #ffffff;
+$chips-critical-selected: #ffffff;
+$chips-blue-default: #ffffff;
+$chips-blue-hover: #ffffff;
+$chips-blue-selected: #ffffff;
+$xtra-sergei-variables-bg-darker: $black-alpha-2;
+$xtra-sergei-variables-bg-lighter: $white-alpha-60;
+$xtra-sergei-variables-documet-line-formerly-on-bg-disabled: $neutral-alpha-20;
+$xtra-sergei-variables-bg-accent: $black-alpha-2; // BG dark inverse
+$xtra-sergei-variables-always-black: $neutral-10000;
+$xtra-sergei-variables-always-white: $neutral-0;
+$xtra-sergei-variables-bg-2: $neutral-100;
+$xtra-sergei-variables-bg-accent-inverted: $white-alpha-65; // BG light inverse
+$xtra-sergei-variables-on-action-hover: $neutral-100;
+$xtra-sergei-variables-on-action-active: $neutral-0;
+$xtra-sergei-variables-bg-accent-2: $black-alpha-10; // BG light inverse
+$border-primary: $neutral-alpha-25;
+$border-secondary: $neutral-alpha-10;
+$border-action: $green-400;
+$border-action-hover: $green-600;
+$border-attention: $orange-500;
+$border-neutral: $blue-50;
+$text-action: $green-525;
+$text-action-hover: $green-600;
+$text-primary: $neutral-500;
+$text-secondary: $neutral-alpha-65;
+$text-on-action: $neutral-100;
+$text-action-active: $neutral-10000;
+$text-disabled: $black-alpha-30;
+$text-on-disabled: $neutral-200;
+$text-attention: $orange-500;
+$text-warning: $red-500;
+$text-critical: $magenta-400;
+$text-on-success-container-variant: $green-300;
+$text-on-attention-container: $orange-600;
+$text-on-success-container: $green-325;
+$text-on-attention-container-variant: $orange-600;
+$text-success: $green-320;
+$text-on-warning-container: $red-500;
+$text-on-warning-container-variant: $red-500;
+$text-on-critical-container: $magenta-300;
+$background-background: $neutral-200;
+$background-inside-surface-2: $black-alpha-4;
+$background-inside-surface-1: $white-alpha-65;
+$background-surface-container-2: $neutral-100;
+$background-surface-container-1: $neutral-0;
+$background-input-fields: $black-alpha-2;
+$background-success-container-variant: $green-100;
+$background-attention-container: $orange-100;
+$background-warning-container-variant: $red-100;
+$background-success-container: $green-150;
+$background-attention-container-variant: $orange-200;
+$background-warning-container: $red-100;
+$background-critical-container: $magenta-100;
+$background-critical-container-variant: $magenta-200;
+$background-action: $green-525;
+$background-disabled: $black-alpha-30;
+$background-action-hover: $green-550;
+$background-neutral-container: $blue-50;
+$background-surface-container-3: $neutral-200;
+$chips-neutral-color-neutral: $neutral-500;
+$chips-neutral-color-neutral-2: $neutral-500;
+$chips-neutral-color-hover: $neutral-500;
+$chips-neutral-color-checked: $neutral-500;
+$icon-secondary: $neutral-alpha-65;
+$icon-action: $green-525;
+$icon-disabled: $black-alpha-20;
+$icon-primary: $neutral-500;
+$icon-on-action: $neutral-100;
+$icon-attention: $orange-500;
+$scrollbar: $black-alpha-20;

package/dist/scss/themes/d-grey/_variables.scss

@@ -0,0 +1,90 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$shadow-action-menu: rgba(0, 0, 0, 0.15);
+$shadow-navigation: rgba(0, 0, 0, 0.07);
+$shadow-card: rgba(0, 0, 0, 0.1);
+$shadow-popup-message: rgba(0, 0, 0, 0.3);
+$shadow-submit-section: rgba(0, 0, 0, 0.2);
+$shadow-chip: rgba(0, 0, 0, 0.3);
+$chips-neutral-color-neutral-2: #f7f7f7;
+$chips-neutral-color-hover: #f2f2f2;
+$chips-neutral-color-checked: #e3e3e3;
+$chips-attemtion-default: #ffffff;
+$chips-attemtion-hover: #ffffff;
+$chips-attemtion-selected: #ffffff;
+$chips-warning-default: #ffffff;
+$chips-warning-hover: #ffffff;
+$chips-warning-selected: #ffffff;
+$chips-success-default: #ffffff;
+$chips-success-hover: #ffffff;
+$chips-success-selected: #ffffff;
+$chips-critical-default: #ffffff;
+$chips-critical-hover: #ffffff;
+$chips-critical-selected: #ffffff;
+$chips-blue-default: #ffffff;
+$chips-blue-hover: #ffffff;
+$chips-blue-selected: #ffffff;
+$xtra-sergei-variables-bg-darker: $black-alpha-2;
+$xtra-sergei-variables-bg-lighter: $white-alpha-60;
+$xtra-sergei-variables-documet-line-formerly-on-bg-disabled: $neutral-alpha-20;
+$xtra-sergei-variables-bg-accent: $black-alpha-2; // BG dark inverse
+$xtra-sergei-variables-always-black: $neutral-10000;
+$xtra-sergei-variables-always-white: $neutral-0;
+$xtra-sergei-variables-bg-2: $neutral-100;
+$xtra-sergei-variables-bg-accent-inverted: $white-alpha-65; // BG light inverse
+$xtra-sergei-variables-on-action-hover: $neutral-100;
+$xtra-sergei-variables-on-action-active: $neutral-0;
+$xtra-sergei-variables-bg-accent-2: $black-alpha-10; // BG light inverse
+$border-primary: $neutral-alpha-25;
+$border-secondary: $neutral-alpha-10;
+$border-action: $blue-200;
+$border-action-hover: $blue-300;
+$border-attention: $orange-500;
+$border-neutral: $blue-50;
+$text-action: $blue-200;
+$text-action-hover: $blue-300;
+$text-primary: $neutral-500;
+$text-secondary: $neutral-alpha-65;
+$text-on-action: $neutral-100;
+$text-action-active: $neutral-10000;
+$text-disabled: $black-alpha-30;
+$text-on-disabled: $neutral-100;
+$text-attention: $orange-500;
+$text-warning: $red-500;
+$text-critical: $magenta-400;
+$text-on-success-container-variant: $green-315;
+$text-on-attention-container: $orange-600;
+$text-on-success-container: $green-325;
+$text-on-attention-container-variant: $orange-600;
+$text-success: $green-320;
+$text-on-warning-container: $red-500;
+$text-on-warning-container-variant: $red-500;
+$text-on-critical-container: $magenta-300;
+$background-background: $neutral-300;
+$background-inside-surface-2: $black-alpha-4;
+$background-inside-surface-1: $white-alpha-65;
+$background-surface-container-2: $neutral-100;
+$background-surface-container-1: $neutral-0;
+$background-input-fields: $black-alpha-4;
+$background-success-container-variant: $green-100;
+$background-attention-container: $orange-100;
+$background-warning-container-variant: $red-100;
+$background-success-container: $green-150;
+$background-attention-container-variant: $orange-200;
+$background-warning-container: $red-100;
+$background-critical-container: $magenta-100;
+$background-critical-container-variant: $magenta-200;
+$background-action: $blue-200;
+$background-disabled: $black-alpha-35;
+$background-action-hover: $blue-300;
+$background-neutral-container: $blue-50;
+$background-surface-container-3: $neutral-200;
+$chips-neutral-color-neutral: $neutral-500;
+$icon-secondary: $neutral-alpha-65;
+$icon-action: $blue-200;
+$icon-disabled: $black-alpha-20;
+$icon-primary: $neutral-500;
+$icon-on-action: $neutral-100;
+$icon-attention: $orange-500;
+$scrollbar: $black-alpha-20;

package/dist/scss/themes/n-blue/_variables.scss

@@ -0,0 +1,90 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$shadow-action-menu: rgba(0, 0, 0, 0.5);
+$shadow-navigation: rgba(0, 0, 0, 0.5);
+$shadow-card: rgba(0, 0, 0, 0.5);
+$shadow-popup-message: rgba(0, 0, 0, 0.7);
+$shadow-submit-section: rgba(0, 0, 0, 0.6);
+$shadow-chip: rgba(0, 0, 0, 0.5);
+$chips-attemtion-default: #ffffff;
+$chips-attemtion-hover: #ffffff;
+$chips-attemtion-selected: #ffffff;
+$chips-warning-default: #ffffff;
+$chips-warning-hover: #ffffff;
+$chips-warning-selected: #ffffff;
+$chips-success-default: #ffffff;
+$chips-success-hover: #ffffff;
+$chips-success-selected: #ffffff;
+$chips-critical-default: #ffffff;
+$chips-critical-hover: #ffffff;
+$chips-critical-selected: #ffffff;
+$chips-blue-default: #ffffff;
+$chips-blue-hover: #ffffff;
+$chips-blue-selected: #ffffff;
+$xtra-sergei-variables-bg-darker: $black-alpha-30;
+$xtra-sergei-variables-bg-lighter: $white-alpha-7;
+$xtra-sergei-variables-documet-line-formerly-on-bg-disabled: $white-alpha-30;
+$xtra-sergei-variables-bg-accent: $white-alpha-7; // BG dark inverse
+$xtra-sergei-variables-always-black: $neutral-10000;
+$xtra-sergei-variables-always-white: $neutral-0;
+$xtra-sergei-variables-bg-2: $blue-400;
+$xtra-sergei-variables-bg-accent-inverted: $black-alpha-30; // BG light inverse
+$xtra-sergei-variables-on-action-hover: $neutral-0;
+$xtra-sergei-variables-on-action-active: $neutral-10000;
+$xtra-sergei-variables-bg-accent-2: $white-alpha-15; // BG light inverse
+$border-primary: $white-alpha-25;
+$border-secondary: $white-alpha-15;
+$border-action: $blue-200;
+$border-action-hover: $blue-100;
+$border-attention: $orange-500;
+$border-neutral: $blue-350;
+$text-action: $blue-200;
+$text-action-hover: $blue-100;
+$text-primary: $neutral-0;
+$text-secondary: $white-alpha-60;
+$text-on-action: $neutral-0;
+$text-action-active: $neutral-0;
+$text-disabled: $white-alpha-30;
+$text-on-disabled: $blue-400;
+$text-attention: $orange-600;
+$text-warning: $red-500;
+$text-critical: $magenta-300;
+$text-on-success-container-variant: $green-350;
+$text-on-attention-container: $orange-600;
+$text-on-success-container: $green-325;
+$text-on-attention-container-variant: $orange-600;
+$text-success: $green-325;
+$text-on-warning-container: $red-500;
+$text-on-warning-container-variant: $red-500;
+$text-on-critical-container: $magenta-300;
+$background-background: $blue-500;
+$background-inside-surface-2: $black-alpha-20;
+$background-inside-surface-1: $white-alpha-5;
+$background-surface-container-2: $blue-425;
+$background-surface-container-1: $blue-450;
+$background-input-fields: $white-alpha-7;
+$background-success-container-variant: $green-550;
+$background-attention-container: $orange-700;
+$background-warning-container-variant: $red-700;
+$background-success-container: $green-600;
+$background-attention-container-variant: $orange-700;
+$background-warning-container: $red-700;
+$background-critical-container: $magenta-600;
+$background-critical-container-variant: $magenta-500;
+$background-action: $blue-200;
+$background-disabled: $white-alpha-30;
+$background-action-hover: $blue-100;
+$background-neutral-container: $blue-350;
+$background-surface-container-3: $blue-450;
+$chips-neutral-color-neutral: $neutral-0;
+$chips-neutral-color-neutral-2: $neutral-0;
+$chips-neutral-color-hover: $neutral-0;
+$chips-neutral-color-checked: $neutral-0;
+$icon-secondary: $white-alpha-65;
+$icon-action: $blue-200;
+$icon-disabled: $white-alpha-30;
+$icon-primary: $neutral-0;
+$icon-on-action: $neutral-0;
+$icon-attention: $orange-600;
+$scrollbar: $white-alpha-30;

package/dist/scss/themes/n-green/_variables.scss

@@ -0,0 +1,90 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$shadow-action-menu: rgba(0, 0, 0, 0.5);
+$shadow-navigation: rgba(0, 0, 0, 0.5);
+$shadow-card: rgba(0, 0, 0, 0.5);
+$shadow-popup-message: rgba(0, 0, 0, 0.7);
+$shadow-submit-section: rgba(0, 0, 0, 0.6);
+$shadow-chip: rgba(0, 0, 0, 0.5);
+$chips-attemtion-default: #ffffff;
+$chips-attemtion-hover: #ffffff;
+$chips-attemtion-selected: #ffffff;
+$chips-warning-default: #ffffff;
+$chips-warning-hover: #ffffff;
+$chips-warning-selected: #ffffff;
+$chips-success-default: #ffffff;
+$chips-success-hover: #ffffff;
+$chips-success-selected: #ffffff;
+$chips-critical-default: #ffffff;
+$chips-critical-hover: #ffffff;
+$chips-critical-selected: #ffffff;
+$chips-blue-default: #ffffff;
+$chips-blue-hover: #ffffff;
+$chips-blue-selected: #ffffff;
+$xtra-sergei-variables-bg-darker: $black-alpha-20;
+$xtra-sergei-variables-bg-lighter: $white-alpha-7;
+$xtra-sergei-variables-documet-line-formerly-on-bg-disabled: $white-alpha-50;
+$xtra-sergei-variables-bg-accent: $white-alpha-7; // BG dark inverse
+$xtra-sergei-variables-always-black: $neutral-10000;
+$xtra-sergei-variables-always-white: $neutral-0;
+$xtra-sergei-variables-bg-2: $green-500;
+$xtra-sergei-variables-bg-accent-inverted: $black-alpha-30; // BG light inverse
+$xtra-sergei-variables-on-action-hover: $green-500;
+$xtra-sergei-variables-on-action-active: $neutral-10000;
+$xtra-sergei-variables-bg-accent-2: $white-alpha-15; // BG light inverse
+$border-primary: $white-alpha-25;
+$border-secondary: $white-alpha-15;
+$border-action: $green-200;
+$border-action-hover: $green-50;
+$border-attention: $orange-500;
+$border-neutral: $blue-350;
+$text-action: $green-200;
+$text-action-hover: $green-50;
+$text-primary: $neutral-0;
+$text-secondary: $white-alpha-60;
+$text-on-action: $green-500;
+$text-action-active: $neutral-0;
+$text-disabled: $white-alpha-30;
+$text-on-disabled: $green-500;
+$text-attention: $orange-600;
+$text-warning: $red-500;
+$text-critical: $magenta-300;
+$text-on-success-container-variant: $green-350;
+$text-on-attention-container: $orange-600;
+$text-on-success-container: $green-325;
+$text-on-attention-container-variant: $orange-600;
+$text-success: $green-325;
+$text-on-warning-container: $red-500;
+$text-on-warning-container-variant: $red-500;
+$text-on-critical-container: $magenta-300;
+$background-background: $green-600;
+$background-inside-surface-2: $black-alpha-20;
+$background-inside-surface-1: $white-alpha-7;
+$background-surface-container-2: $white-alpha-7;
+$background-surface-container-1: $white-alpha-5;
+$background-input-fields: $white-alpha-7;
+$background-success-container-variant: $green-550;
+$background-attention-container: $orange-700;
+$background-warning-container-variant: $red-700;
+$background-success-container: $green-600;
+$background-attention-container-variant: $orange-700;
+$background-warning-container: $red-700;
+$background-critical-container: $magenta-600;
+$background-critical-container-variant: $magenta-500;
+$background-action: $green-200;
+$background-disabled: $white-alpha-30;
+$background-action-hover: $green-50;
+$background-neutral-container: $blue-350;
+$background-surface-container-3: $white-alpha-15;
+$chips-neutral-color-neutral: $neutral-0;
+$chips-neutral-color-neutral-2: $neutral-0;
+$chips-neutral-color-hover: $neutral-0;
+$chips-neutral-color-checked: $neutral-0;
+$icon-secondary: $white-alpha-65;
+$icon-action: $green-200;
+$icon-disabled: $white-alpha-30;
+$icon-primary: $neutral-0;
+$icon-on-action: $neutral-0;
+$icon-attention: $orange-600;
+$scrollbar: $white-alpha-30;

package/dist/scss/themes/n-grey/_variables.scss

@@ -0,0 +1,90 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$shadow-action-menu: rgba(0, 0, 0, 0.5);
+$shadow-navigation: rgba(0, 0, 0, 0.5);
+$shadow-card: #000000;
+$shadow-popup-message: rgba(0, 0, 0, 0.7);
+$shadow-submit-section: rgba(0, 0, 0, 0.8);
+$shadow-chip: rgba(0, 0, 0, 0.5);
+$chips-neutral-color-neutral-2: #474747;
+$chips-neutral-color-hover: #545454;
+$chips-neutral-color-checked: #6e6e6e;
+$chips-attemtion-default: #8a5323;
+$chips-attemtion-hover: #9d5416;
+$chips-attemtion-selected: #df781f;
+$chips-warning-default: #861313;
+$chips-warning-hover: #b00202;
+$chips-warning-selected: #e80303;
+$chips-success-default: #2c5126;
+$chips-success-hover: #317128;
+$chips-success-selected: #3f9233;
+$chips-critical-default: #772d6b;
+$chips-critical-hover: #9a3289;
+$chips-critical-selected: #b13a9e;
+$chips-blue-default: #12597c;
+$chips-blue-hover: #17709c;
+$chips-blue-selected: #1a80b2;
+$xtra-sergei-variables-bg-darker: $black-alpha-30;
+$xtra-sergei-variables-bg-lighter: $white-alpha-5;
+$xtra-sergei-variables-documet-line-formerly-on-bg-disabled: $white-alpha-30;
+$xtra-sergei-variables-bg-accent: $white-alpha-5; // BG dark inverse
+$xtra-sergei-variables-always-black: $neutral-10000;
+$xtra-sergei-variables-always-white: $neutral-0;
+$xtra-sergei-variables-bg-2: $neutral-400;
+$xtra-sergei-variables-bg-accent-inverted: $black-alpha-30; // BG light inverse
+$xtra-sergei-variables-on-action-hover: $neutral-500;
+$xtra-sergei-variables-on-action-active: $neutral-10000;
+$xtra-sergei-variables-bg-accent-2: $white-alpha-15; // BG light inverse
+$border-primary: $white-alpha-25;
+$border-secondary: $white-alpha-15;
+$border-action: $blue-200;
+$border-action-hover: $blue-100;
+$border-attention: $orange-600;
+$border-neutral: $blue-350;
+$text-action: $blue-250;
+$text-action-hover: $blue-100;
+$text-primary: $neutral-0;
+$text-secondary: $white-alpha-60;
+$text-on-action: $neutral-100;
+$text-action-active: $neutral-0;
+$text-disabled: $white-alpha-30;
+$text-on-disabled: $neutral-400;
+$text-attention: $orange-600;
+$text-warning: $red-350;
+$text-critical: $magenta-300;
+$text-on-success-container-variant: $green-350;
+$text-on-attention-container: $orange-600;
+$text-on-success-container: $green-325;
+$text-on-attention-container-variant: $orange-600;
+$text-success: $green-325;
+$text-on-warning-container: $red-500;
+$text-on-warning-container-variant: $red-500;
+$text-on-critical-container: $magenta-300;
+$background-background: $neutral-600;
+$background-inside-surface-2: $black-alpha-20;
+$background-inside-surface-1: $white-alpha-5;
+$background-surface-container-2: $neutral-400;
+$background-surface-container-1: $neutral-500;
+$background-input-fields: $white-alpha-5;
+$background-success-container-variant: $green-550;
+$background-attention-container: $orange-700;
+$background-warning-container-variant: $red-700;
+$background-success-container: $green-600;
+$background-attention-container-variant: $orange-700;
+$background-warning-container: $red-700;
+$background-critical-container: $magenta-600;
+$background-critical-container-variant: $magenta-500;
+$background-action: $blue-200;
+$background-disabled: $white-alpha-30;
+$background-action-hover: $blue-100;
+$background-neutral-container: $blue-350;
+$background-surface-container-3: $neutral-350;
+$chips-neutral-color-neutral: $neutral-0;
+$icon-secondary: $white-alpha-65;
+$icon-action: $blue-200;
+$icon-disabled: $white-alpha-30;
+$icon-primary: $neutral-0;
+$icon-on-action: $neutral-100;
+$icon-attention: $orange-600;
+$scrollbar: $white-alpha-30;

package/dist/tailwind/index.js

@@ -0,0 +1,13 @@
+// Auto-generated from tokens.json — do not edit directly.
+export { default as primitives } from './primitives/colors.js';
+export { default as dGreen } from './themes/d-green/colors.js';
+export { default as nGreen } from './themes/n-green/colors.js';
+export { default as nGrey } from './themes/n-grey/colors.js';
+export { default as nBlue } from './themes/n-blue/colors.js';
+export { default as dGrey } from './themes/d-grey/colors.js';
+export { default as webPlatform } from './platforms/web/tokens.js';
+export { default as webPlatformTheme } from './platforms/web/theme.js';
+export { default as desktopPlatform } from './platforms/desktop/tokens.js';
+export { default as desktopPlatformTheme } from './platforms/desktop/theme.js';
+export { default as ipadPlatform } from './platforms/ipad/tokens.js';
+export { default as ipadPlatformTheme } from './platforms/ipad/theme.js';