@mozaic-ds/angular 0.23.1 → 0.23.2-beta.0

package/dist/mozaic-angular/assets/tokens/adeo/css/root.scss

@@ -0,0 +1,478 @@
+:root {
+  --color-secondary-sandgrey-900: #1e1e1c;
+  --color-secondary-sandgrey-800: #3a3936;
+  --color-secondary-sandgrey-700: #555550;
+  --color-secondary-sandgrey-600: #71706b;
+  --color-secondary-sandgrey-500: #8c8b85;
+  --color-secondary-sandgrey-400: #a7a6a0;
+  --color-secondary-sandgrey-300: #c2c1ba;
+  --color-secondary-sandgrey-200: #dddcd5;
+  --color-secondary-sandgrey-100: #eeedea;
+  --color-star-full: #ea7315;
+  --color-success-900: #023618;
+  --color-success-800: #035010;
+  --color-success-700: #006902;
+  --color-success-600: #188803;
+  --color-success-500: #46a610;
+  --color-success-400: #78be20;
+  --color-success-300: #9ed05f;
+  --color-success-200: #c5e39e;
+  --color-success-100: #ebf5de;
+  --color-warning-900: #360e00;
+  --color-warning-800: #531b00;
+  --color-warning-700: #8c3500;
+  --color-warning-600: #c65200;
+  --color-warning-500: #ea7315;
+  --color-warning-400: #ef934a;
+  --color-warning-300: #f4b27e;
+  --color-warning-200: #f8d2b3;
+  --color-warning-100: #fdf1e8;
+  --color-info-900: #002a41;
+  --color-info-800: #003a5c;
+  --color-info-700: #005c91;
+  --color-info-600: #007bb4;
+  --color-info-500: #0b96cc;
+  --color-info-400: #3facd7;
+  --color-info-300: #73c3e2;
+  --color-info-200: #a7d9ed;
+  --color-info-100: #daeff7;
+  --color-danger-900: #2d0000;
+  --color-danger-800: #530000;
+  --color-danger-700: #8c0003;
+  --color-danger-600: #c61112;
+  --color-danger-500: #ea302d;
+  --color-danger-400: #ef5f5c;
+  --color-danger-300: #f38d8c;
+  --color-danger-200: #f8bcbb;
+  --color-danger-100: #fdeaea;
+  --color-secondary-yellow-900: #46350d;
+  --color-secondary-yellow-800: #705613;
+  --color-secondary-yellow-700: #9c7b18;
+  --color-secondary-yellow-600: #c9a21b;
+  --color-secondary-yellow-500: #f8cc1c;
+  --color-secondary-yellow-400: #fcd64c;
+  --color-secondary-yellow-300: #fee07d;
+  --color-secondary-yellow-200: #ffebaf;
+  --color-secondary-yellow-100: #fff8e2;
+  --color-secondary-orange-900: #360e00;
+  --color-secondary-orange-800: #531b00;
+  --color-secondary-orange-700: #8c3500;
+  --color-secondary-orange-600: #c65200;
+  --color-secondary-orange-500: #ea7315;
+  --color-secondary-orange-400: #ef934a;
+  --color-secondary-orange-300: #f4b27e;
+  --color-secondary-orange-200: #f8d2b3;
+  --color-secondary-orange-100: #fdf1e8;
+  --color-secondary-red-900: #2d0000;
+  --color-secondary-red-800: #530000;
+  --color-secondary-red-700: #8c0003;
+  --color-secondary-red-600: #c61112;
+  --color-secondary-red-500: #ea302d;
+  --color-secondary-red-400: #ef5f5c;
+  --color-secondary-red-300: #f38d8c;
+  --color-secondary-red-200: #f8bcbb;
+  --color-secondary-red-100: #fdeaea;
+  --color-secondary-purple-900: #1a1a4b;
+  --color-secondary-purple-800: #282863;
+  --color-secondary-purple-700: #393879;
+  --color-secondary-purple-600: #4b4a8c;
+  --color-secondary-purple-500: #605f9d;
+  --color-secondary-purple-400: #8281b2;
+  --color-secondary-purple-300: #a4a3c7;
+  --color-secondary-purple-200: #c5c5dc;
+  --color-secondary-purple-100: #e7e7f0;
+  --color-secondary-blue-900: #082435;
+  --color-secondary-blue-800: #264653;
+  --color-secondary-blue-700: #405d68;
+  --color-secondary-blue-600: #5b737d;
+  --color-secondary-blue-500: #758992;
+  --color-secondary-blue-400: #92a2a9;
+  --color-secondary-blue-300: #b0bbc0;
+  --color-secondary-blue-200: #cdd4d8;
+  --color-secondary-blue-100: #eaedef;
+  --color-grey-000: #ffffff;
+  --color-grey-999: #000000;
+  --color-grey-900: #191919;
+  --color-grey-800: #333333;
+  --color-grey-700: #4d4d4d;
+  --color-grey-600: #666666;
+  --color-grey-500: #808080;
+  --color-grey-400: #999999;
+  --color-grey-300: #b3b3b3;
+  --color-grey-200: #cccccc;
+  --color-grey-100: #e6e6e6;
+  --color-primary-02-900: #171b26;
+  --color-primary-02-800: #242938;
+  --color-primary-02-700: #343b4c;
+  --color-primary-02-600: #494f60;
+  --color-primary-02-500: #6a7081;
+  --color-primary-02-400: #8f94a3;
+  --color-primary-02-300: #b3b7c1;
+  --color-primary-02-200: #cfd2d8;
+  --color-primary-02-100: #eeeff1;
+  --color-primary-01-900: #002e33;
+  --color-primary-01-800: #004e57;
+  --color-primary-01-700: #006974;
+  --color-primary-01-600: #007f8c;
+  --color-primary-01-500: #00919f;
+  --color-primary-01-400: #009eac;
+  --color-primary-01-300: #48bac4;
+  --color-primary-01-200: #91d5db;
+  --color-primary-01-100: #d9f0f3;
+  --color-tooltip-border: var(--color-grey-000);
+  --color-tooltip-background: var(--color-secondary-blue-600);
+  --color-toggle-disabled-checked-circle: var(--color-grey-000);
+  --color-toggle-disabled-checked-background: var(--color-primary-01-200);
+  --color-toggle-disabled-label: var(--color-grey-500);
+  --color-toggle-disabled-circle: var(--color-grey-300);
+  --color-toggle-disabled-background: var(--color-grey-100);
+  --color-toggle-hover-circle: var(--color-grey-100);
+  --color-toggle-on-circle: var(--color-grey-000);
+  --color-toggle-on-background: var(--color-primary-01-500);
+  --color-toggle-off-circle: var(--color-grey-000);
+  --color-toggle-off-background: var(--color-grey-600);
+  --color-toggle-label: var(--color-grey-999);
+  --color-tag-removable-dark-active-background: var(--color-grey-400);
+  --color-tag-removable-dark-hover-background: var(--color-grey-300);
+  --color-tag-removable-dark-icon: var(--color-grey-900);
+  --color-tag-removable-dark-text: var(--color-grey-900);
+  --color-tag-removable-dark-background: var(--color-grey-200);
+  --color-tag-removable-light-active-background: var(--color-grey-600);
+  --color-tag-removable-light-hover-background: var(--color-grey-700);
+  --color-tag-removable-light-icon: var(--color-grey-200);
+  --color-tag-removable-light-text: var(--color-grey-000);
+  --color-tag-removable-light-background: var(--color-grey-800);
+  --color-tag-selectable-dark-disabled-text: var(--color-grey-500);
+  --color-tag-selectable-dark-disabled-background: var(--color-grey-700);
+  --color-tag-selectable-dark-selected-hover-background: var(--color-primary-01-300);
+  --color-tag-selectable-dark-selected-text: var(--color-grey-900);
+  --color-tag-selectable-dark-selected-border: var(--color-primary-01-400);
+  --color-tag-selectable-dark-selected-background: var(--color-primary-01-400);
+  --color-tag-selectable-dark-active-text: var(--color-grey-900);
+  --color-tag-selectable-dark-active-border: var(--color-primary-01-200);
+  --color-tag-selectable-dark-active-background: var(--color-primary-01-200);
+  --color-tag-selectable-dark-hover-background: var(--color-primary-01-700);
+  --color-tag-selectable-dark-text: var(--color-grey-000);
+  --color-tag-selectable-dark-border: var(--color-grey-000);
+  --color-tag-selectable-dark-background: var(--color-grey-900);
+  --color-tag-selectable-light-selected-hover-background: var(--color-primary-01-700);
+  --color-tag-selectable-light-selected-text: var(--color-grey-000);
+  --color-tag-selectable-light-selected-background: var(--color-primary-01-600);
+  --color-tag-selectable-light-disabled-text: var(--color-grey-500);
+  --color-tag-selectable-light-disabled-background: var(--color-grey-100);
+  --color-tag-selectable-light-active-text: var(--color-grey-000);
+  --color-tag-selectable-light-active-border: var(--color-primary-01-800);
+  --color-tag-selectable-light-active-background: var(--color-primary-01-800);
+  --color-tag-selectable-light-hover-background: var(--color-primary-01-300);
+  --color-tag-selectable-light-text: var(--color-grey-900);
+  --color-tag-selectable-light-border: var(--color-grey-500);
+  --color-tag-selectable-light-background: var(--color-grey-000);
+  --color-tag-link-dark-active-background: var(--color-grey-700);
+  --color-tag-link-dark-hover-background: var(--color-grey-800);
+  --color-tag-link-dark-text: var(--color-grey-000);
+  --color-tag-link-dark-border: var(--color-grey-000);
+  --color-tag-link-dark-background: var(--color-grey-900);
+  --color-tag-link-light-active-background: var(--color-grey-200);
+  --color-tag-link-light-hover-background: var(--color-grey-100);
+  --color-tag-link-light-text: var(--color-grey-900);
+  --color-tag-link-light-border: var(--color-grey-500);
+  --color-tag-link-light-background: var(--color-grey-000);
+  --color-tag-text-dark-text: var(--color-grey-000);
+  --color-tag-text-dark-border: var(--color-grey-000);
+  --color-tag-text-dark-background: var(--color-grey-900);
+  --color-tag-text-light-text: var(--color-grey-900);
+  --color-tag-text-light-border: var(--color-grey-500);
+  --color-tag-text-light-background: var(--color-grey-000);
+  --color-tabs-active-disabled: var(--color-primary-01-200);
+  --color-tabs-selected-text: var(--color-primary-01-600);
+  --color-tabs-selected-border: var(--color-primary-01-600);
+  --color-tabs-active-text: var(--color-primary-01-800);
+  --color-tabs-active-background: var(--color-secondary-sandgrey-200);
+  --color-tabs-disabled-background: var(--color-grey-200);
+  --color-tabs-hover: var(--color-primary-01-800);
+  --color-tabs-element-background: var(--color-secondary-sandgrey-100);
+  --color-tabs-shadow: var(--color-grey-999);
+  --color-tabs-background: var(--color-grey-000);
+  --color-stepper-title: var(--color-primary-01-500);
+  --color-stepper-icon: var(--color-primary-01-500);
+  --color-stepper-indicator-current-border: var(--color-primary-01-500);
+  --color-stepper-indicator-current-background: var(--color-primary-01-500);
+  --color-stepper-indicator-border: var(--color-grey-400);
+  --color-stepper-indicator-background: var(--color-grey-000);
+  --color-stepper-link-hover-text: var(--color-primary-01-500);
+  --color-stepper-item-current-background: var(--color-primary-01-500);
+  --color-stepper-item-background: var(--color-grey-400);
+  --color-star-hover: var(--color-secondary-orange-300);
+  --color-star-focus: var(--color-secondary-blue-500);
+  --color-star-empty: var(--color-grey-000);
+  --color-sidebar-scroll-color: var(--color-primary-01-400);
+  --color-sidebar-scroll-background: var(--color-secondary-blue-900);
+  --color-sidebar-text-color: var(--color-grey-000);
+  --color-sidebar-text-background: var(--color-grey-100);
+  --color-sidebar-icon: var(--color-grey-000);
+  --color-sidebar-divider-background: var(--color-secondary-blue-600);
+  --color-sidebar-user-background: var(--color-secondary-blue-800);
+  --color-sidebar-feature-disabled-background: var(--color-secondary-blue-400);
+  --color-sidebar-feature-selected-background: var(--color-secondary-blue-600);
+  --color-sidebar-feature-hover-background: var(--color-secondary-blue-700);
+  --color-sidebar-feature-background: var(--color-secondary-blue-900);
+  --color-sidebar-background: var(--color-secondary-blue-900);
+  --color-progress-percentage-half: var(--color-grey-000);
+  --color-progress-percentage-default: var(--color-grey-900);
+  --color-progress-indicator: var(--color-primary-01-600);
+  --color-progress-background: var(--color-secondary-blue-200);
+  --color-phone-number-item-focus-background: var(--color-grey-100);
+  --color-phone-number-item-border: var(--color-grey-300);
+  --color-phone-number-list-background: var(--color-grey-000);
+  --color-phone-number-button-border: var(--color-grey-600);
+  --color-password-input-button-hover-background: var(--color-grey-100);
+  --color-overlay-loader-background: var(--color-secondary-blue-900);
+  --color-overlay-background: var(--color-grey-900);
+  --color-option-card-disabled-label: var(--color-grey-600);
+  --color-option-card-disabled-content: var(--color-grey-200);
+  --color-option-card-checked-label-shadow: var(--color-primary-01-100);
+  --color-option-card-checked-label-border: var(--color-primary-01-500);
+  --color-option-card-hover-label-shadow: var(--color-grey-800);
+  --color-option-card-label-shadow: var(--color-grey-300);
+  --color-option-button-disabled-label-background: var(--color-grey-200);
+  --color-option-button-checked-label-shadow: var(--color-primary-01-100);
+  --color-option-button-checked-label-border: var(--color-primary-01-500);
+  --color-option-button-hover-label-shadow: var(--color-grey-800);
+  --color-option-button-label-shadow: var(--color-grey-300);
+  --color-notification-danger-icon: var(--color-danger-600);
+  --color-notification-danger-border: var(--color-danger-500);
+  --color-notification-danger-background: var(--color-danger-100);
+  --color-notification-warning-icon: var(--color-warning-600);
+  --color-notification-warning-border: var(--color-warning-500);
+  --color-notification-warning-background: var(--color-warning-100);
+  --color-notification-success-icon: var(--color-success-600);
+  --color-notification-success-border: var(--color-success-500);
+  --color-notification-success-background: var(--color-success-100);
+  --color-notification-information-icon: var(--color-info-600);
+  --color-notification-information-border: var(--color-info-500);
+  --color-notification-information-background: var(--color-info-100);
+  --color-notification-font: var(--color-grey-999);
+  --color-listbox-disabled-background: var(--color-grey-200);
+  --color-listbox-tile-hover-background: var(--color-grey-100);
+  --color-listbox-tile-shadow: var(--color-grey-900);
+  --color-listbox-tile-border: var(--color-grey-300);
+  --color-listbox-border: var(--color-grey-600);
+  --color-listbox-background: var(--color-grey-000);
+  --color-link-danger-hover: var(--color-secondary-red-800);
+  --color-link-danger-disabled: var(--color-grey-100);
+  --color-link-danger-active: var(--color-secondary-red-700);
+  --color-link-danger-visited: var(--color-secondary-red-700);
+  --color-link-danger-base: var(--color-secondary-red-600);
+  --color-link-primary-02-hover: var(--color-primary-02-900);
+  --color-link-primary-02-disabled: var(--color-grey-100);
+  --color-link-primary-02-active: var(--color-primary-02-700);
+  --color-link-primary-02-visited: var(--color-primary-02-700);
+  --color-link-primary-02-base: var(--color-primary-02-600);
+  --color-link-primary-hover: var(--color-primary-01-800);
+  --color-link-primary-disabled: var(--color-grey-100);
+  --color-link-primary-active: var(--color-primary-01-700);
+  --color-link-primary-visited: var(--color-primary-01-700);
+  --color-link-primary-base: var(--color-primary-01-600);
+  --color-link-light-hover: var(--color-grey-400);
+  --color-link-light-disabled: var(--color-grey-100);
+  --color-link-light-active: var(--color-grey-200);
+  --color-link-light-visited: var(--color-grey-200);
+  --color-link-light-base: var(--color-grey-000);
+  --color-link-dark-hover: var(--color-grey-600);
+  --color-link-dark-disabled: var(--color-grey-100);
+  --color-link-dark-active: var(--color-grey-800);
+  --color-link-dark-visited: var(--color-grey-800);
+  --color-link-dark-base: var(--color-grey-999);
+  --color-input-checked-hover-border: var(--color-primary-01-800);
+  --color-input-checked-icon: var(--color-grey-000);
+  --color-input-checked-background: var(--color-primary-01-500);
+  --color-input-checked-border: var(--color-primary-01-500);
+  --color-input-invalid-hover-border: var(--color-danger-800);
+  --color-input-invalid-border: var(--color-danger-600);
+  --color-input-valid-hover-border: var(--color-success-800);
+  --color-input-valid-border: var(--color-success-500);
+  --color-input-focus-border: var(--color-secondary-blue-500);
+  --color-input-hover-border: var(--color-grey-900);
+  --color-input-disabled-label: var(--color-grey-500);
+  --color-input-disabled-icon: var(--color-grey-400);
+  --color-input-disabled-border: var(--color-grey-100);
+  --color-input-disabled-background: var(--color-grey-100);
+  --color-input-background: var(--color-grey-000);
+  --color-input-placeholder: var(--color-grey-600);
+  --color-input-border: var(--color-grey-600);
+  --color-input-text: var(--color-grey-900);
+  --color-hero-cover-background: var(--color-grey-900);
+  --color-heading-underline-lightest: var(--color-primary-01-200);
+  --color-heading-underline-default: var(--color-primary-01-500);
+  --color-font-danger: var(--color-danger-600);
+  --color-font-warning: var(--color-warning-600);
+  --color-font-success: var(--color-success-600);
+  --color-font-info: var(--color-info-600);
+  --color-font-lightest: var(--color-grey-000);
+  --color-font-light: var(--color-grey-600);
+  --color-font-dark: var(--color-grey-800);
+  --color-font-darker: var(--color-grey-900);
+  --color-font-darkest: var(--color-grey-999);
+  --color-font-primary-02: var(--color-primary-02-500);
+  --color-font-primary-01: var(--color-primary-01-600);
+  --color-focus-border: var(--color-secondary-blue-500);
+  --color-focus-gap: var(--color-grey-000);
+  --color-flag-bordered-danger-text: var(--color-secondary-red-600);
+  --color-flag-bordered-danger-border: var(--color-secondary-red-600);
+  --color-flag-bordered-danger-background: var(--color-grey-000);
+  --color-flag-bordered-light-text: var(--color-grey-000);
+  --color-flag-bordered-light-border: var(--color-grey-000);
+  --color-flag-bordered-light-background: var(--color-grey-999);
+  --color-flag-bordered-dark-text: var(--color-grey-999);
+  --color-flag-bordered-dark-border: var(--color-grey-999);
+  --color-flag-bordered-dark-background: var(--color-grey-000);
+  --color-flag-bordered-primary-02-text: var(--color-secondary-purple-600);
+  --color-flag-bordered-primary-02-border: var(--color-secondary-purple-600);
+  --color-flag-bordered-primary-02-background: var(--color-grey-000);
+  --color-flag-bordered-text: var(--color-primary-01-600);
+  --color-flag-bordered-border: var(--color-primary-01-600);
+  --color-flag-bordered-background: var(--color-grey-000);
+  --color-flag-solid-danger-text: var(--color-grey-000);
+  --color-flag-solid-danger-border: var(--color-secondary-red-600);
+  --color-flag-solid-danger-background: var(--color-secondary-red-600);
+  --color-flag-solid-light-text: var(--color-grey-999);
+  --color-flag-solid-light-border: var(--color-grey-000);
+  --color-flag-solid-light-background: var(--color-grey-000);
+  --color-flag-solid-dark-text: var(--color-grey-000);
+  --color-flag-solid-dark-border: var(--color-grey-999);
+  --color-flag-solid-dark-background: var(--color-grey-999);
+  --color-flag-solid-primary-02-text: var(--color-grey-000);
+  --color-flag-solid-primary-02-border: var(--color-secondary-purple-600);
+  --color-flag-solid-primary-02-background: var(--color-secondary-purple-600);
+  --color-flag-solid-text: var(--color-grey-000);
+  --color-flag-solid-border: var(--color-primary-01-600);
+  --color-flag-solid-background: var(--color-primary-01-600);
+  --color-fileuploader-alert: var(--color-danger-600);
+  --color-fileuploader-valid: var(--color-primary-01-500);
+  --color-fileuploader-files-delete: var(--color-grey-200);
+  --color-fileuploader-files-list: var(--color-grey-100);
+  --color-fileuploader-font: var(--color-grey-999);
+  --color-divider-dark: var(--color-grey-999);
+  --color-divider-default: var(--color-grey-600);
+  --color-divider-light: var(--color-grey-300);
+  --color-divider-lightest: var(--color-grey-000);
+  --color-dialog-footer-shadow: var(--color-grey-900);
+  --color-dialog-close: var(--color-grey-500);
+  --color-dialog-icon: var(--color-grey-600);
+  --color-dialog-background: var(--color-grey-000);
+  --color-datatable-empty-color: var(--color-secondary-purple-600);
+  --color-datatable-empty-background: var(--color-secondary-purple-100);
+  --color-datatable-icon: var(--color-primary-01-600);
+  --color-datatable-subtable-font: var(--color-secondary-purple-900);
+  --color-datatable-subtable-border: var(--color-secondary-purple-300);
+  --color-datatable-subtable-background: var(--color-secondary-purple-100);
+  --color-datatable-cell-background-selected: var(--color-primary-01-100);
+  --color-datatable-cell-background-hover: var(--color-secondary-blue-100);
+  --color-datatable-cell-font: var(--color-grey-900);
+  --color-datatable-sort-arrow-active: var(--color-secondary-purple-500);
+  --color-datatable-sort-arrow-default: var(--color-secondary-blue-200);
+  --color-datatable-thead-font: var(--color-secondary-purple-700);
+  --color-datatable-container-background: var(--color-secondary-purple-100);
+  --color-datatable-filters-border: var(--color-secondary-blue-300);
+  --color-card-bordered-border: var(--color-grey-500);
+  --color-card-bordered-background: var(--color-grey-000);
+  --color-button-bordered-danger-hover-font: var(--color-danger-700);
+  --color-button-bordered-danger-hover-background: var(--color-secondary-red-100);
+  --color-button-bordered-danger-active-font: var(--color-danger-800);
+  --color-button-bordered-danger-active-background: var(--color-secondary-red-200);
+  --color-button-bordered-danger-disabled-font: var(--color-grey-600);
+  --color-button-bordered-danger-disabled-background: var(--color-grey-200);
+  --color-button-bordered-danger-focus-border: var(--color-secondary-red-700);
+  --color-button-bordered-danger-font: var(--color-secondary-red-600);
+  --color-button-bordered-danger-border: var(--color-secondary-red-600);
+  --color-button-bordered-danger-background: var(--color-grey-000);
+  --color-button-bordered-neutral-hover-background: var(--color-grey-100);
+  --color-button-bordered-neutral-active-background: var(--color-grey-200);
+  --color-button-bordered-neutral-disabled-font: var(--color-grey-600);
+  --color-button-bordered-neutral-disabled-background: var(--color-grey-200);
+  --color-button-bordered-neutral-focus-border: var(--color-grey-900);
+  --color-button-bordered-neutral-font: var(--color-grey-800);
+  --color-button-bordered-neutral-border: var(--color-grey-800);
+  --color-button-bordered-neutral-background: var(--color-grey-000);
+  --color-button-bordered-primary-02-hover-background: var(--color-primary-02-100);
+  --color-button-bordered-primary-02-active-background: var(--color-primary-02-200);
+  --color-button-bordered-primary-02-disabled-font: var(--color-grey-600);
+  --color-button-bordered-primary-02-disabled-background: var(--color-grey-200);
+  --color-button-bordered-primary-02-focus-border: var(--color-primary-02-900);
+  --color-button-bordered-primary-02-font: var(--color-primary-02-500);
+  --color-button-bordered-primary-02-border: var(--color-primary-02-500);
+  --color-button-bordered-primary-02-background: var(--color-grey-000);
+  --color-button-bordered-hover-font: var(--color-primary-01-700);
+  --color-button-bordered-hover-background: var(--color-primary-01-100);
+  --color-button-bordered-active-font: var(--color-primary-01-800);
+  --color-button-bordered-active-background: var(--color-primary-01-200);
+  --color-button-bordered-disabled-font: var(--color-grey-600);
+  --color-button-bordered-disabled-background: var(--color-grey-200);
+  --color-button-bordered-focus-border: var(--color-primary-01-700);
+  --color-button-bordered-font: var(--color-primary-01-600);
+  --color-button-bordered-border: var(--color-primary-01-600);
+  --color-button-bordered-background: var(--color-grey-000);
+  --color-button-solid-danger-hover-font: var(--color-grey-000);
+  --color-button-solid-danger-hover-background: var(--color-danger-700);
+  --color-button-solid-danger-active-background: var(--color-danger-700);
+  --color-button-solid-danger-disabled-font: var(--color-grey-600);
+  --color-button-solid-danger-disabled-background: var(--color-grey-200);
+  --color-button-solid-danger-focus-border: var(--color-danger-700);
+  --color-button-solid-danger-font: var(--color-grey-000);
+  --color-button-solid-danger-background: var(--color-secondary-red-600);
+  --color-button-solid-neutral-hover-font: var(--color-grey-000);
+  --color-button-solid-neutral-hover-background: var(--color-grey-900);
+  --color-button-solid-neutral-active-background: var(--color-grey-800);
+  --color-button-solid-neutral-disabled-font: var(--color-grey-600);
+  --color-button-solid-neutral-disabled-background: var(--color-grey-200);
+  --color-button-solid-neutral-focus-border: var(--color-grey-900);
+  --color-button-solid-neutral-font: var(--color-grey-000);
+  --color-button-solid-neutral-background: var(--color-grey-800);
+  --color-button-solid-primary-02-hover-font: var(--color-grey-000);
+  --color-button-solid-primary-02-hover-background: var(--color-primary-02-800);
+  --color-button-solid-primary-02-active-background: var(--color-primary-02-900);
+  --color-button-solid-primary-02-disabled-font: var(--color-grey-600);
+  --color-button-solid-primary-02-disabled-background: var(--color-grey-200);
+  --color-button-solid-primary-02-focus-border: var(--color-primary-02-900);
+  --color-button-solid-primary-02-font: var(--color-grey-000);
+  --color-button-solid-primary-02-background: var(--color-primary-02-500);
+  --color-button-solid-hover-font: var(--color-grey-000);
+  --color-button-solid-hover-background: var(--color-primary-01-700);
+  --color-button-solid-active-background: var(--color-primary-01-700);
+  --color-button-solid-disabled-font: var(--color-grey-600);
+  --color-button-solid-disabled-background: var(--color-grey-200);
+  --color-button-solid-focus-border: var(--color-primary-01-700);
+  --color-button-solid-font: var(--color-grey-000);
+  --color-button-solid-background: var(--color-primary-01-600);
+  --color-breadcrumb-arrow-invert: var(--color-grey-000);
+  --color-breadcrumb-arrow: var(--color-grey-800);
+  --color-secondary-green-900: var(--color-primary-01-900);
+  --color-secondary-green-800: var(--color-primary-01-800);
+  --color-secondary-green-700: var(--color-primary-01-700);
+  --color-secondary-green-600: var(--color-primary-01-600);
+  --color-secondary-green-500: var(--color-primary-01-500);
+  --color-secondary-green-400: var(--color-primary-01-400);
+  --color-secondary-green-300: var(--color-primary-01-300);
+  --color-secondary-green-200: var(--color-primary-01-200);
+  --color-secondary-green-100: var(--color-primary-01-100);
+  --color-badge-neutral-text: var(--color-grey-700);
+  --color-badge-neutral-border: var(--color-grey-500);
+  --color-badge-neutral-background: var(--color-grey-100);
+  --color-badge-danger-text: var(--color-danger-700);
+  --color-badge-danger-border: var(--color-danger-500);
+  --color-badge-danger-background: var(--color-danger-100);
+  --color-badge-warning-text: var(--color-warning-700);
+  --color-badge-warning-border: var(--color-warning-500);
+  --color-badge-warning-background: var(--color-warning-100);
+  --color-badge-success-text: var(--color-success-700);
+  --color-badge-success-border: var(--color-success-500);
+  --color-badge-success-background: var(--color-success-100);
+  --color-badge-info-text: var(--color-info-700);
+  --color-badge-info-border: var(--color-info-500);
+  --color-badge-info-background: var(--color-info-100);
+  --color-tabs-default: var(--color-font-light);
+  --color-fields-help: var(--color-font-light);
+  --color-fields-requirement: var(--color-font-light);
+  --color-fields-label: var(--color-font-dark);
+  --color-fields-error: var(--color-font-danger);
+}