@ukic/canary-react 3.0.0-canary.5 → 3.0.0-canary.8

Sign up to get free protection for your applications and to get access to all the features.
package/README.md CHANGED
@@ -16,10 +16,10 @@ To install the components:
16
16
  In the root of your project:
17
17
 
18
18
  ```shell
19
- // using npm
19
+ # using npm
20
20
  npm install @ukic/canary-react @ukic/fonts
21
21
 
22
- // using yarn
22
+ # using yarn
23
23
  rm package-lock.json
24
24
  yarn add @ukic/canary-react @ukic/fonts
25
25
  ```
@@ -279,7 +279,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
279
279
  --ic-color-background-secondary-40
280
280
  );--ic-data-table-pagination-bar-keyline:var(--ic-color-keyline);--ic-data-table-icon:var(--ic-color-icon-neutral);--ic-data-table-icon-default-emphasis:var(--ic-color-icon-grey-darker);--ic-data-table-icon-high-emphasis:var(--ic-color-icon-neutral);--ic-data-table-icon-low-emphasis:var(--ic-color-icon-grey-dark);--ic-data-table-cell-background-hover:var(--ic-action-default-bg-hover);--ic-data-table-cell-background-selected-hover:var(
281
281
  --ic-action-default-bg-pressed-hover-34
282
- );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-dark);--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
282
+ );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-dark);--ic-data-table-loading-indicator-overlay-background:var(
283
+ --ic-architectural-black
284
+ );--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
283
285
  --ic-color-border-neutral-hover-dark
284
286
  );--ic-date-input-border-default-pressed:var(
285
287
  --ic-color-border-neutral-pressed-dark
@@ -347,6 +349,8 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
347
349
  --ic-atoms-list-option-description
348
350
  );--ic-search-bar-dropdown-outline:var(--ic-atoms-dropdown-list-border);--ic-search-bar-clear-button:var(--ic-atoms-input-clear-button);--ic-search-bar-filled-text-cursor:var(
349
351
  --ic-atoms-input-select-content-text-cursor
352
+ );--ic-search-bar-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-search-bar-subtitle-disabled:var(
353
+ --ic-atoms-input-field-label-subtitle-disabled
350
354
  );--ic-select-field-background:var(--ic-atoms-input-field-background);--ic-select-field-label:var(--ic-atoms-input-field-label);--ic-select-field-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-select-field-border:var(--ic-color-border-neutral-grey-dark);--ic-select-field-border-hover:var(--ic-color-border-neutral-hover-default);--ic-select-field-border-pressed:var(
351
355
  --ic-color-border-neutral-pressed-default
352
356
  );--ic-select-field-border-disabled:var(--ic-color-border-neutral-disabled);--ic-select-field-border-error:var(--ic-color-border-error-default);--ic-select-field-border-error-hover:var(--ic-color-border-error-hover);--ic-select-field-border-error-pressed:var(--ic-color-border-error-pressed);--ic-select-field-border-warning:var(--ic-color-border-warning-default);--ic-select-field-border-warning-hover:var(--ic-color-border-warning-hover);--ic-select-field-border-warning-pressed:var(
@@ -449,7 +453,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
449
453
  --ic-color-text-disabled-light
450
454
  );--ic-toggle-button-selected-icon-disabled-monochrome:var(
451
455
  --ic-color-icon-disabled-mid
452
- );--ic-top-navigation-background:var(--ic-theme-primary);--ic-top-navigation-keyline:var(--ic-color-keyline-lighten);--ic-top-navigation-icon-and-label:var(--ic-color-brand-text);--ic-top-navigation-text:var(--ic-color-brand-text);--ic-top-navigation-title-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-icon-active:var(--ic-color-icon-action-default);--ic-top-navigation-icon-hover:var(--ic-color-icon-action-hover);--ic-top-navigation-icon-hover-background:var(--ic-action-default-bg-hover);--ic-top-navigation-icon-pressed:var(--ic-color-icon-action-pressed);--ic-top-navigation-icon-pressed-background:var(
456
+ );--ic-top-navigation-background:var(--ic-brand-color-primary);--ic-top-navigation-keyline:var(--ic-color-keyline-lighten);--ic-top-navigation-icon-and-label:var(--ic-color-brand-text);--ic-top-navigation-text:var(--ic-color-brand-text);--ic-top-navigation-title-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-icon-active:var(--ic-color-icon-action-default);--ic-top-navigation-icon-hover:var(--ic-color-icon-action-hover);--ic-top-navigation-icon-hover-background:var(--ic-action-default-bg-hover);--ic-top-navigation-icon-pressed:var(--ic-color-icon-action-pressed);--ic-top-navigation-icon-pressed-background:var(
453
457
  --ic-action-default-bg-pressed
454
458
  );--ic-top-navigation-nav-group-link:var(--ic-color-hyperlink-default);--ic-top-navigation-nav-item:var(--ic-color-text-primary);--ic-top-navigation-nav-item-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-nav-group-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-nav-item-pressed:var(--ic-action-dark-bg-pressed);--ic-top-navigation-nav-group-pressed:var(--ic-action-dark-bg-pressed);--ic-top-navigation-nav-item-banner:var(--ic-action-default);--ic-top-navigation-nav-group-chevron:var(--ic-color-icon-neutral);--ic-top-navigation-link:var(--ic-color-brand-text);--ic-top-navigation-status-tag:var(--ic-color-background-primary);--ic-top-navigation-status-tag-text:var(--ic-color-text-primary);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-lighten-20);--ic-top-navigation-logo:var(--ic-color-icon-brand);--ic-top-navigation-icon:var(--ic-color-icon-brand);--ic-top-navigation-theme:var(--ic-color-icon-brand);--ic-top-navigation-disabled:var(--ic-color-text-disabled-default);--ic-top-navigation-enabled:var(--ic-color-brand-text);--ic-top-navigation-menu-background:var(--ic-color-background-secondary);--ic-top-navigation-menu-border:var(--ic-color-border-neutral-default);--ic-top-navigation-selected:var(--ic-color-icon-brand);--ic-top-navigation-search-placeholder-text:var(
455
459
  --ic-atoms-input-text-field-content-placeholder
@@ -601,7 +605,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
601
605
  --ic-atoms-option-bar-background-dark
602
606
  );--ic-atoms-option-bar-divider:var(--ic-atoms-option-bar-divider-dark);--ic-atoms-status-icon-success:var(--ic-atoms-status-icon-success-dark);--ic-atoms-status-icon-warning:var(--ic-atoms-status-icon-warning-dark);--ic-atoms-status-icon-error:var(--ic-atoms-status-icon-error-dark);--ic-atoms-status-icon-neutral:var(--ic-atoms-status-icon-neutral-dark);--ic-atoms-status-icon-info:var(--ic-atoms-status-icon-info-dark);--ic-atoms-dropdown-list-border:var(--ic-atoms-dropdown-list-border-dark);--ic-atoms-input-divider:var(--ic-atoms-input-divider-dark);--ic-atoms-input-autocomplete-field-border:var(
603
607
  --ic-atoms-input-autocomplete-field-border-dark
604
- );--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-tertiary-light);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-alert-background-success:var(--ic-status-success-dark);--ic-alert-background-error:var(--ic-red-1700);--ic-alert-background-warning:var(--ic-yellow-1700);--ic-alert-background-info:var(--ic-blue-1700);--ic-alert-background-neutral:var(--ic-architectural-850);--ic-alert-status-type-success:var(--ic-status-success-contrast);--ic-alert-status-type-error:var(--ic-status-error-contrast);--ic-alert-status-type-warning:var(--ic-status-warning-contrast);--ic-alert-status-type-info:var(--ic-status-info-contrast);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-icon-inverted);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome:var(--ic-color-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
608
+ );--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-tertiary-light);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-alert-background-success:var(--ic-status-success-dark);--ic-alert-background-error:var(--ic-red-1700);--ic-alert-background-warning:var(--ic-yellow-1700);--ic-alert-background-info:var(--ic-blue-1700);--ic-alert-background-neutral:var(--ic-architectural-850);--ic-alert-status-type-success:var(--ic-status-success-contrast);--ic-alert-status-type-error:var(--ic-status-error-contrast);--ic-alert-status-type-warning:var(--ic-status-warning-contrast);--ic-alert-status-type-info:var(--ic-status-info-contrast);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-icon-neutral);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome:var(--ic-color-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
605
609
  --ic-color-background-active-hover-dark
606
610
  );--ic-button-primary-background-pressed:var(
607
611
  --ic-color-background-active-pressed-dark
@@ -731,7 +735,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
731
735
  --ic-color-background-secondary-dark
732
736
  );--ic-data-table-pagination-bar-keyline:var(--ic-color-keyline);--ic-data-table-icon:var(--ic-color-icon-inverted);--ic-data-table-icon-default-emphasis:var(--ic-color-icon-grey-lighter);--ic-data-table-icon-high-emphasis:var(--ic-color-icon-inverted);--ic-data-table-icon-low-emphasis:var(--ic-color-icon-grey-light);--ic-data-table-cell-background-hover:var(--ic-action-light-bg-hover);--ic-data-table-cell-background-selected-hover:var(
733
737
  --ic-action-light-bg-pressed-34
734
- );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-light);--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
738
+ );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-light);--ic-data-table-loading-indicator-overlay-background:var(
739
+ --ic-architectural-black
740
+ );--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
735
741
  --ic-color-border-neutral-hover-light
736
742
  );--ic-date-input-border-default-pressed:var(
737
743
  --ic-color-border-neutral-pressed-light
@@ -813,6 +819,8 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
813
819
  --ic-atoms-list-option-description
814
820
  );--ic-search-bar-dropdown-outline:var(--ic-atoms-dropdown-list-border);--ic-search-bar-clear-button:var(--ic-atoms-input-clear-button);--ic-search-bar-filled-text-cursor:var(
815
821
  --ic-atoms-input-select-content-text-cursor
822
+ );--ic-search-bar-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-search-bar-subtitle-disabled:var(
823
+ --ic-atoms-input-field-label-subtitle-disabled
816
824
  );--ic-select-field-background:var(--ic-atoms-input-field-background);--ic-select-field-label:var(--ic-atoms-input-field-label);--ic-select-field-label-disabled:var(
817
825
  --ic-atoms-input-field-label-disabled
818
826
  );--ic-select-field-border:var(--ic-color-border-neutral-grey-light);--ic-select-field-border-hover:var(--ic-color-border-neutral-hover-light);--ic-select-field-border-pressed:var(
@@ -941,7 +949,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
941
949
  --ic-color-text-disabled-light
942
950
  );--ic-toggle-button-selected-icon-disabled-monochrome:var(
943
951
  --ic-color-icon-disabled-mid
944
- );--ic-top-navigation-background:var(--ic-theme-primary);--ic-top-navigation-keyline:var(--ic-color-keyline-lighten);--ic-top-navigation-icon-and-label:var(--ic-color-brand-text);--ic-top-navigation-text:var(--ic-color-brand-text);--ic-top-navigation-title-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-icon-active:var(--ic-color-icon-action-default);--ic-top-navigation-icon-hover:var(--ic-color-icon-action-hover-dark);--ic-top-navigation-icon-hover-background:var(
952
+ );--ic-top-navigation-background:var(--ic-brand-color-primary);--ic-top-navigation-keyline:var(--ic-color-keyline-lighten);--ic-top-navigation-icon-and-label:var(--ic-color-brand-text);--ic-top-navigation-text:var(--ic-color-brand-text);--ic-top-navigation-title-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-icon-active:var(--ic-color-icon-action-default);--ic-top-navigation-icon-hover:var(--ic-color-icon-action-hover-dark);--ic-top-navigation-icon-hover-background:var(
945
953
  --ic-action-default-bg-hover
946
954
  );--ic-top-navigation-icon-pressed:var(--ic-color-icon-action-pressed-dark);--ic-top-navigation-icon-pressed-background:var(
947
955
  --ic-action-default-bg-pressed
@@ -1089,7 +1097,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1089
1097
  --ic-atoms-group-label-background-dark
1090
1098
  );--ic-atoms-list-item-background:var(--ic-atoms-list-item-background-dark);--ic-atoms-loading-text:var(--ic-atoms-loading-text-dark);--ic-atoms-loading-error-text:var(--ic-atoms-loading-error-text-dark);--ic-atoms-loading-error-icon:var(--ic-atoms-loading-error-icon-dark);--ic-atoms-list-item-text:var(--ic-atoms-list-item-text-dark);--ic-atoms-list-item-divider:var(--ic-atoms-list-item-divider-dark);--ic-atoms-option-bar-text:var(--ic-atoms-option-bar-text-dark);--ic-atoms-option-bar-background:var(--ic-atoms-option-bar-background-dark);--ic-atoms-option-bar-divider:var(--ic-atoms-option-bar-divider-dark);--ic-atoms-status-icon-success:var(--ic-atoms-status-icon-success-dark);--ic-atoms-status-icon-warning:var(--ic-atoms-status-icon-warning-dark);--ic-atoms-status-icon-error:var(--ic-atoms-status-icon-error-dark);--ic-atoms-status-icon-neutral:var(--ic-atoms-status-icon-neutral-dark);--ic-atoms-status-icon-info:var(--ic-atoms-status-icon-info-dark);--ic-atoms-dropdown-list-border:var(--ic-atoms-dropdown-list-border-dark);--ic-atoms-input-divider:var(--ic-atoms-input-divider-dark);--ic-atoms-input-autocomplete-field-border:var(
1091
1099
  --ic-atoms-input-autocomplete-field-border-dark
1092
- );--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-tertiary-light);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-alert-background-success:var(--ic-status-success-dark);--ic-alert-background-error:var(--ic-red-1700);--ic-alert-background-warning:var(--ic-yellow-1700);--ic-alert-background-info:var(--ic-blue-1700);--ic-alert-background-neutral:var(--ic-architectural-850);--ic-alert-status-type-success:var(--ic-status-success-contrast);--ic-alert-status-type-error:var(--ic-status-error-contrast);--ic-alert-status-type-warning:var(--ic-status-warning-contrast);--ic-alert-status-type-info:var(--ic-status-info-contrast);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-icon-inverted);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome:var(--ic-color-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
1100
+ );--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-tertiary-light);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-alert-background-success:var(--ic-status-success-dark);--ic-alert-background-error:var(--ic-red-1700);--ic-alert-background-warning:var(--ic-yellow-1700);--ic-alert-background-info:var(--ic-blue-1700);--ic-alert-background-neutral:var(--ic-architectural-850);--ic-alert-status-type-success:var(--ic-status-success-contrast);--ic-alert-status-type-error:var(--ic-status-error-contrast);--ic-alert-status-type-warning:var(--ic-status-warning-contrast);--ic-alert-status-type-info:var(--ic-status-info-contrast);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-icon-neutral);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome:var(--ic-color-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
1093
1101
  --ic-color-background-active-hover-dark
1094
1102
  );--ic-button-primary-background-pressed:var(
1095
1103
  --ic-color-background-active-pressed-dark
@@ -1191,7 +1199,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1191
1199
  --ic-color-background-primary
1192
1200
  );--ic-data-table-icon:var(--ic-color-icon-inverted);--ic-data-table-icon-default-emphasis:var(--ic-color-icon-grey-lighter);--ic-data-table-icon-high-emphasis:var(--ic-color-icon-inverted);--ic-data-table-icon-low-emphasis:var(--ic-color-icon-grey-light);--ic-data-table-cell-background-hover:var(--ic-action-light-bg-hover);--ic-data-table-cell-background-selected-hover:var(
1193
1201
  --ic-action-light-bg-pressed-34
1194
- );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-light);--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
1202
+ );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-light);--ic-data-table-loading-indicator-overlay-background:var(
1203
+ --ic-architectural-black
1204
+ );--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
1195
1205
  --ic-color-border-neutral-hover-light
1196
1206
  );--ic-date-input-border-default-pressed:var(
1197
1207
  --ic-color-border-neutral-pressed-light
@@ -1253,6 +1263,8 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1253
1263
  --ic-atoms-list-option-description
1254
1264
  );--ic-search-bar-dropdown-outline:var(--ic-atoms-dropdown-list-border);--ic-search-bar-clear-button:var(--ic-atoms-input-clear-button);--ic-search-bar-filled-text-cursor:var(
1255
1265
  --ic-atoms-input-select-content-text-cursor
1266
+ );--ic-search-bar-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-search-bar-subtitle-disabled:var(
1267
+ --ic-atoms-input-field-label-subtitle-disabled
1256
1268
  );--ic-select-field-background:var(--ic-atoms-input-field-background);--ic-select-field-label:var(--ic-atoms-input-field-label);--ic-select-field-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-select-field-border:var(--ic-color-border-neutral-grey-light);--ic-select-field-border-hover:var(--ic-color-border-neutral-hover-light);--ic-select-field-border-pressed:var(
1257
1269
  --ic-color-border-neutral-pressed-light
1258
1270
  );--ic-select-field-border-disabled:var(
@@ -1365,11 +1377,11 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1365
1377
  --ic-color-text-disabled-light
1366
1378
  );--ic-toggle-button-selected-icon-disabled-monochrome:var(
1367
1379
  --ic-color-icon-disabled-mid
1368
- );--ic-top-navigation-background:var(--ic-theme-primary);--ic-top-navigation-keyline:var(--ic-color-keyline-lighten);--ic-top-navigation-icon-and-label:var(--ic-color-brand-text);--ic-top-navigation-text:var(--ic-color-brand-text);--ic-top-navigation-title-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-icon-active:var(--ic-color-icon-action-default);--ic-top-navigation-icon-hover:var(--ic-color-icon-action-hover-dark);--ic-top-navigation-icon-hover-background:var(--ic-action-default-bg-hover);--ic-top-navigation-icon-pressed:var(--ic-color-icon-action-pressed-dark);--ic-top-navigation-icon-pressed-background:var(
1380
+ );--ic-top-navigation-background:var(--ic-brand-color-primary);--ic-top-navigation-keyline:var(--ic-color-keyline-lighten);--ic-top-navigation-icon-and-label:var(--ic-color-brand-text);--ic-top-navigation-text:var(--ic-color-brand-text);--ic-top-navigation-title-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-icon-active:var(--ic-color-icon-action-default);--ic-top-navigation-icon-hover:var(--ic-color-icon-action-hover-dark);--ic-top-navigation-icon-hover-background:var(--ic-action-default-bg-hover);--ic-top-navigation-icon-pressed:var(--ic-color-icon-action-pressed-dark);--ic-top-navigation-icon-pressed-background:var(
1369
1381
  --ic-action-default-bg-pressed
1370
1382
  );--ic-top-navigation-nav-group-link:var(--ic-color-hyperlink-default);--ic-top-navigation-nav-item:var(--ic-color-text-primary);--ic-top-navigation-nav-item-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-nav-group-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-nav-item-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-nav-group-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-nav-item-banner:var(--ic-action-default);--ic-top-navigation-nav-group-chevron:var(--ic-color-icon-brand);--ic-top-navigation-link:var(--ic-color-brand-text);--ic-top-navigation-status-tag:var(--ic-color-background-primary-light);--ic-top-navigation-status-tag-text:var(--ic-color-text-inverse);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-lighten-20);--ic-top-navigation-logo:var(--ic-color-icon-brand);--ic-top-navigation-icon:var(--ic-color-icon-brand);--ic-top-navigation-theme:var(--ic-color-icon-brand);--ic-top-navigation-disabled:var(--ic-color-text-disabled-dark);--ic-top-navigation-enabled:var(--ic-color-brand-text);--ic-top-navigation-menu-background:var(--ic-color-background-primary);--ic-top-navigation-menu-border:var(--ic-color-border-neutral-default);--ic-top-navigation-selected:var(--ic-color-icon-brand);--ic-top-navigation-search-placeholder-text:var(
1371
1383
  --ic-atoms-input-text-field-content-placeholder
1372
- );--ic-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled-dark);--ic-tree-view-icon-disabled:var(--ic-color-icon-pressed);--ic-tree-view-icon:var(--ic-color-icon-inverted);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled);--ic-tree-view-divider:var(--ic-state-layer-neutral-light);--ic-tree-view-hover:var(--ic-action-light-bg-hover);--ic-tree-view-pressed:var(--ic-action-light-bg-pressed);--ic-tree-view-selected:var(--ic-action-dark-selected)}:root{--ic-architectural-20:#f9fafa;--ic-architectural-40:#f4f4f5;--ic-architectural-60:#eeeff0;--ic-architectural-80:#e8e9eb;--ic-architectural-100:#e1e3e5;--ic-architectural-200:#c4c8cd;--ic-architectural-300:#a7acb3;--ic-architectural-400:#8a919b;--ic-architectural-500:#6c7580;--ic-architectural-600:#575e68;--ic-architectural-700:#41464d;--ic-architectural-750:#3b3e45;--ic-architectural-800:#2c2f34;--ic-architectural-850:#232629;--ic-architectural-900:#17191c;--ic-architectural-950:#0b0c0c;--ic-architectural-white:#fff;--ic-architectural-black:#000;--ic-architectural-700-state-layer-10:rgb(65 70 77 / 10%);--ic-architectural-700-state-layer-20:rgb(65 70 77 / 20%);--ic-architectural-700-state-layer-24:rgb(65 70 77 / 24%);--ic-architectural-700-state-layer-34:rgb(65 70 77 / 34%);--ic-architectural-white-state-layer-10:rgb(255 255 255 / 10%);--ic-architectural-white-state-layer-20:rgb(255 255 255 / 20%);--ic-architectural-white-state-layer-24:rgb(255 255 255 / 24%);--ic-architectural-white-state-layer-25:rgb(255 255 255 / 25%);--ic-architectural-white-state-layer-30:rgb(255 255 255 / 30%);--ic-architectural-white-state-layer-34:rgb(255 255 255 / 34%);--ic-architectural-white-state-layer-40:rgb(255 255 255 / 40%);--ic-architectural-white-state-layer-50:rgb(255 255 255 / 50%);--ic-architectural-black-state-layer-10:rgb(0 0 0 / 10%);--ic-architectural-black-state-layer-20:rgb(0 0 0 / 20%);--ic-architectural-black-state-layer-25:rgb(0 0 0 / 25%);--ic-architectural-black-state-layer-30:rgb(0 0 0 / 30%);--ic-architectural-black-state-layer-40:rgb(0 0 0 / 40%);--ic-architectural-black-state-layer-50:rgb(0 0 0 / 50%);--ic-blue-0:#e1f0fc;--ic-blue-50:#c3e1f9;--ic-blue-100:#98c9f5;--ic-blue-200:#77b4f0;--ic-blue-300:#5da0ea;--ic-blue-400:#488fe3;--ic-blue-500:#377fdb;--ic-blue-600:#2a71d2;--ic-blue-700:#2064c8;--ic-blue-800:#1759bc;--ic-blue-900:#124db3;--ic-blue-1000:#0e43a8;--ic-blue-1100:#0b399c;--ic-blue-1200:#09308e;--ic-blue-1300:#07277e;--ic-blue-1400:#1b3c79;--ic-blue-1500:#122e63;--ic-blue-1600:#041144;--ic-blue-1700:#020b2e;--ic-blue-800-state-layer-10:rgb(23 89 188 / 10%);--ic-blue-800-state-layer-20:rgb(23 89 188 / 20%);--ic-blue-800-state-layer-24:rgb(23 89 188 / 24%);--ic-blue-800-state-layer-30:rgb(23 89 188 / 30%);--ic-blue-800-state-layer-34:rgb(23 89 188 / 34%);--ic-blue-800-state-layer-50:rgb(23 89 188 / 50%);--ic-red-0:#ffe4e3;--ic-red-50:#fec9c8;--ic-red-100:#fca19e;--ic-red-200:#f9837d;--ic-red-300:#f66d63;--ic-red-400:#f15b4e;--ic-red-500:#ec4e3d;--ic-red-600:#e54330;--ic-red-700:#dd3b25;--ic-red-800:#d4351c;--ic-red-900:#c92c16;--ic-red-1000:#bc2411;--ic-red-1100:#ad1e0e;--ic-red-1300:#8b1209;--ic-red-1500:#610a05;--ic-red-1700:#330403;--ic-green-0:#e8fef3;--ic-green-50:#d1fde7;--ic-green-100:#b2fad6;--ic-green-200:#97f6c8;--ic-green-300:#81f2bb;--ic-green-400:#6dedaf;--ic-green-500:#5ce7a3;--ic-green-600:#4cdf98;--ic-green-700:#3ed78d;--ic-green-800:#31cd83;--ic-green-900:#26c278;--ic-green-1000:#1bb56c;--ic-green-1100:#12a661;--ic-green-1200:#0b9655;--ic-green-1300:#058449;--ic-green-1400:#00703c;--ic-green-1600:#0e462b;--ic-green-1700:#0e3020;--ic-yellow-0:#fffbd8;--ic-yellow-50:#fff7b0;--ic-yellow-100:#ffed83;--ic-yellow-200:#ffe058;--ic-yellow-300:#ffd12e;--ic-yellow-400:#ffc107;--ic-yellow-500:#f8ae10;--ic-yellow-600:#f09d19;--ic-yellow-700:#e78f22;--ic-yellow-800:#dc832a;--ic-yellow-900:#d07932;--ic-yellow-1000:#c26f38;--ic-yellow-1100:#b3673c;--ic-yellow-1200:#a25e3f;--ic-yellow-1300:#8f553e;--ic-yellow-1400:#7a4c3c;--ic-yellow-1700:#342521;--ic-purple-0:#f9f2ff;--ic-purple-50:#efdbff;--ic-purple-100:#e4c5ff;--ic-purple-200:#d5a2fe;--ic-purple-300:#c988fd;--ic-purple-400:#bf74fc;--ic-purple-500:#b764fb;--ic-purple-600:#b057f9;--ic-purple-700:#ab4df7;--ic-purple-800:#a645f5;--ic-purple-900:#a13ef2;--ic-purple-1000:#9c38ee;--ic-purple-1100:#9733e8;--ic-purple-1200:#902fe0;--ic-purple-1300:#882ad5;--ic-purple-1400:#7c25c2;--ic-purple-1800:#350f54;--ic-light-blue-0:#f7faff;--ic-light-blue-100:#e3ecfd;--ic-light-blue-600:#769ee7;--ic-light-blue-1000:#3d6abe;--ic-light-blue-1400:#1b3c79;--ic-dark-blue-0:#eff3fa;--ic-dark-blue-20:#cdd5e3;--ic-dark-blue-40:#abb6ce;--ic-dark-blue-60:#8997b7;--ic-dark-blue-80:#6678a0;--ic-dark-blue-100:#445a8b;--ic-dark-blue-500:#192b50;--ic-dark-blue-700:#0c213a;--ic-dark-blue-800:#0e1c30;--ic-dark-blue-900:#0a1321;--ic-color-classification-blue:#2b71c7;--ic-color-classification-yellow:#f39c2c;--ic-color-classification-red:#a00;--ic-color-classification-grey:#616161;--ic-classification-not-set:var(--ic-color-classification-grey);--ic-classification-official:var(--ic-color-classification-blue);--ic-classification-official-sensitive:var(--ic-color-classification-blue);--ic-classification-secret:var(--ic-color-classification-yellow);--ic-classification-top-secret:var(--ic-color-classification-red);--ic-brand-blue-primary:#1b3c79;--ic-brand-darken-20:var(--ic-architectural-black-state-layer-20);--ic-brand-darken-30:var(--ic-architectural-black-state-layer-30);--ic-brand-darken-40:var(--ic-architectural-black-state-layer-40);--ic-brand-lighten-20:var(--ic-architectural-white-state-layer-20);--ic-brand-lighten-40:var(--ic-architectural-white-state-layer-40);--ic-color-link-default:#1759bc;--ic-color-link-hover:#7c2855;--ic-color-link-visited:#330072;--ic-color-link-visited-contrast:#b0b0b0;--ic-color-hyperlink-default-light:var(--ic-blue-800);--ic-color-hyperlink-default-dark:var(--ic-blue-300);--ic-color-hyperlink-visited-light:var(--ic-color-link-visited);--ic-color-hyperlink-visited-dark:var(--ic-purple-300);--ic-color-hyperlink-visited-monochrome-light:var(
1384
+ );--ic-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled-dark);--ic-tree-view-icon-disabled:var(--ic-color-icon-pressed);--ic-tree-view-icon:var(--ic-color-icon-inverted);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled);--ic-tree-view-divider:var(--ic-state-layer-neutral-light);--ic-tree-view-hover:var(--ic-action-light-bg-hover);--ic-tree-view-pressed:var(--ic-action-light-bg-pressed);--ic-tree-view-selected:var(--ic-action-dark-selected)}:root{--ic-architectural-20:#f9fafa;--ic-architectural-40:#f4f4f5;--ic-architectural-60:#eeeff0;--ic-architectural-80:#e8e9eb;--ic-architectural-100:#e1e3e5;--ic-architectural-200:#c4c8cd;--ic-architectural-300:#a7acb3;--ic-architectural-400:#8a919b;--ic-architectural-500:#6c7580;--ic-architectural-600:#575e68;--ic-architectural-700:#41464d;--ic-architectural-750:#3b3e45;--ic-architectural-800:#2c2f34;--ic-architectural-850:#232629;--ic-architectural-900:#17191c;--ic-architectural-950:#0b0c0c;--ic-architectural-white:#fff;--ic-architectural-black:#000;--ic-architectural-700-state-layer-10:rgb(65 70 77 / 10%);--ic-architectural-700-state-layer-20:rgb(65 70 77 / 20%);--ic-architectural-700-state-layer-24:rgb(65 70 77 / 24%);--ic-architectural-700-state-layer-34:rgb(65 70 77 / 34%);--ic-architectural-white-state-layer-10:rgb(255 255 255 / 10%);--ic-architectural-white-state-layer-20:rgb(255 255 255 / 20%);--ic-architectural-white-state-layer-24:rgb(255 255 255 / 24%);--ic-architectural-white-state-layer-25:rgb(255 255 255 / 25%);--ic-architectural-white-state-layer-30:rgb(255 255 255 / 30%);--ic-architectural-white-state-layer-34:rgb(255 255 255 / 34%);--ic-architectural-white-state-layer-40:rgb(255 255 255 / 40%);--ic-architectural-white-state-layer-50:rgb(255 255 255 / 50%);--ic-architectural-black-state-layer-10:rgb(0 0 0 / 10%);--ic-architectural-black-state-layer-20:rgb(0 0 0 / 20%);--ic-architectural-black-state-layer-25:rgb(0 0 0 / 25%);--ic-architectural-black-state-layer-30:rgb(0 0 0 / 30%);--ic-architectural-black-state-layer-40:rgb(0 0 0 / 40%);--ic-architectural-black-state-layer-50:rgb(0 0 0 / 50%);--ic-blue-0:#e1f0fc;--ic-blue-50:#c3e1f9;--ic-blue-100:#98c9f5;--ic-blue-200:#77b4f0;--ic-blue-300:#5da0ea;--ic-blue-400:#488fe3;--ic-blue-500:#377fdb;--ic-blue-600:#2a71d2;--ic-blue-700:#2064c8;--ic-blue-800:#1759bc;--ic-blue-900:#124db3;--ic-blue-1000:#0e43a8;--ic-blue-1100:#0b399c;--ic-blue-1200:#09308e;--ic-blue-1300:#07277e;--ic-blue-1400:#1b3c79;--ic-blue-1500:#122e63;--ic-blue-1600:#041144;--ic-blue-1700:#020b2e;--ic-blue-800-state-layer-10:rgb(23 89 188 / 10%);--ic-blue-800-state-layer-20:rgb(23 89 188 / 20%);--ic-blue-800-state-layer-24:rgb(23 89 188 / 24%);--ic-blue-800-state-layer-30:rgb(23 89 188 / 30%);--ic-blue-800-state-layer-34:rgb(23 89 188 / 34%);--ic-blue-800-state-layer-50:rgb(23 89 188 / 50%);--ic-red-0:#ffe4e3;--ic-red-50:#fec9c8;--ic-red-100:#fca19e;--ic-red-200:#f9837d;--ic-red-300:#f66d63;--ic-red-400:#f15b4e;--ic-red-500:#ec4e3d;--ic-red-600:#e54330;--ic-red-700:#dd3b25;--ic-red-800:#d4351c;--ic-red-900:#c92c16;--ic-red-1000:#bc2411;--ic-red-1100:#ad1e0e;--ic-red-1300:#8b1209;--ic-red-1500:#610a05;--ic-red-1700:#330403;--ic-green-0:#e8fef3;--ic-green-50:#d1fde7;--ic-green-100:#b2fad6;--ic-green-200:#97f6c8;--ic-green-300:#81f2bb;--ic-green-400:#6dedaf;--ic-green-500:#5ce7a3;--ic-green-600:#4cdf98;--ic-green-700:#3ed78d;--ic-green-800:#31cd83;--ic-green-900:#26c278;--ic-green-1000:#1bb56c;--ic-green-1100:#12a661;--ic-green-1200:#0b9655;--ic-green-1300:#058449;--ic-green-1400:#00703c;--ic-green-1600:#0e462b;--ic-green-1700:#0e3020;--ic-yellow-0:#fffbd8;--ic-yellow-50:#fff7b0;--ic-yellow-100:#ffed83;--ic-yellow-200:#ffe058;--ic-yellow-300:#ffd12e;--ic-yellow-400:#ffc107;--ic-yellow-500:#f8ae10;--ic-yellow-600:#f09d19;--ic-yellow-700:#e78f22;--ic-yellow-800:#dc832a;--ic-yellow-900:#d07932;--ic-yellow-1000:#c26f38;--ic-yellow-1100:#b3673c;--ic-yellow-1200:#a25e3f;--ic-yellow-1300:#8f553e;--ic-yellow-1400:#7a4c3c;--ic-yellow-1700:#342521;--ic-purple-0:#f9f2ff;--ic-purple-50:#efdbff;--ic-purple-100:#e4c5ff;--ic-purple-200:#d5a2fe;--ic-purple-300:#c988fd;--ic-purple-400:#bf74fc;--ic-purple-500:#b764fb;--ic-purple-600:#b057f9;--ic-purple-700:#ab4df7;--ic-purple-800:#a645f5;--ic-purple-900:#a13ef2;--ic-purple-1000:#9c38ee;--ic-purple-1100:#9733e8;--ic-purple-1200:#902fe0;--ic-purple-1300:#882ad5;--ic-purple-1400:#7c25c2;--ic-purple-1800:#350f54;--ic-light-blue-0:#f7faff;--ic-light-blue-100:#e3ecfd;--ic-light-blue-600:#769ee7;--ic-light-blue-1000:#3d6abe;--ic-light-blue-1400:#1b3c79;--ic-dark-blue-0:#eff3fa;--ic-dark-blue-20:#cdd5e3;--ic-dark-blue-40:#abb6ce;--ic-dark-blue-60:#8997b7;--ic-dark-blue-80:#6678a0;--ic-dark-blue-100:#445a8b;--ic-dark-blue-500:#192b50;--ic-dark-blue-700:#0c213a;--ic-dark-blue-800:#0e1c30;--ic-dark-blue-900:#0a1321;--ic-color-classification-blue:#2b71c7;--ic-color-classification-yellow:#f39c2c;--ic-color-classification-red:#a00;--ic-color-classification-grey:#616161;--ic-classification-not-set:var(--ic-color-classification-grey);--ic-classification-official:var(--ic-color-classification-blue);--ic-classification-official-sensitive:var(--ic-color-classification-blue);--ic-classification-secret:var(--ic-color-classification-yellow);--ic-classification-top-secret:var(--ic-color-classification-red);--ic-color-link-default:#1759bc;--ic-color-link-hover:#7c2855;--ic-color-link-visited:#330072;--ic-color-link-visited-contrast:#b0b0b0;--ic-color-hyperlink-default-light:var(--ic-blue-800);--ic-color-hyperlink-default-dark:var(--ic-blue-300);--ic-color-hyperlink-visited-light:var(--ic-color-link-visited);--ic-color-hyperlink-visited-dark:var(--ic-purple-300);--ic-color-hyperlink-visited-monochrome-light:var(
1373
1385
  --ic-color-text-secondary-light
1374
1386
  );--ic-color-hyperlink-visited-monochrome-dark:var(
1375
1387
  --ic-color-link-visited-contrast
@@ -1395,51 +1407,71 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1395
1407
  );--ic-status-error-pressed:rgb(
1396
1408
  calc(var(--ic-status-error-r) * 0.6) calc(var(--ic-status-error-g) * 0.6)
1397
1409
  calc(var(--ic-status-error-b) * 0.6) / var(--ic-status-error-a)
1398
- );--ic-status-info-default:var(--ic-blue-900);--ic-status-info-light:var(--ic-blue-0);--ic-status-info-dark:var(--ic-blue-1600);--ic-status-info-contrast:var(--ic-blue-400);--ic-status-anomalous-default:var(--ic-purple-1400);--ic-status-anomalous-light:var(--ic-purple-50);--ic-status-anomalous-dark:var(--ic-purple-1800);--ic-status-anomalous-contrast:var(--ic-purple-400);--ic-status-unknown-default:var(--ic-architectural-500);--ic-status-unknown-mid:var(--ic-architectural-700);--ic-status-unknown-light:var(--ic-architectural-40);--ic-status-unknown-dark:var(--ic-architectural-800);--ic-status-unknown-outlined:var(--ic-architectural-200);--ic-status-unknown-contrast:var(--ic-architectural-300);--ic-color-brand-text:var(--ic-architectural-white);--ic-color-text-primary-light:var(--ic-architectural-950);--ic-color-text-primary-dark:var(--ic-architectural-white);--ic-color-text-secondary-light:var(--ic-architectural-700);--ic-color-text-secondary-dark:var(--ic-architectural-100);--ic-color-text-tertiary-light:var(--ic-architectural-500);--ic-color-text-tertiary-dark:var(--ic-architectural-200);--ic-color-text-inverse-light:var(--ic-color-text-primary-dark);--ic-color-text-inverse-dark:var(--ic-color-text-primary-light);--ic-color-text-inverted:var(--ic-architectural-white);--ic-color-text-disabled-default:var(--ic-architectural-300);--ic-color-text-disabled-light:var(--ic-architectural-200);--ic-color-text-disabled-dark:var(--ic-architectural-600);--ic-color-text-inactive:var(--ic-architectural-400);--ic-color-text-action:var(--ic-blue-800);--ic-color-text-action-dark:var(--ic-blue-400);--ic-color-text-action-hover:var(--ic-blue-1100);--ic-color-text-action-hover-dark:var(--ic-blue-200);--ic-color-text-action-pressed:var(--ic-blue-1300);--ic-color-text-action-pressed-dark:var(--ic-blue-100);--ic-color-text-error-light:var(--ic-red-300);--ic-color-text-error-dark:var(--ic-red-800);--ic-color-background-primary-light:var(--ic-architectural-white);--ic-color-background-primary-dark:var(--ic-architectural-800);--ic-color-background-secondary-light:var(--ic-architectural-20);--ic-color-background-secondary-40:var(--ic-architectural-40);--ic-color-background-secondary-dark:var(--ic-architectural-700);--ic-color-background-neutral-light:var(--ic-architectural-800);--ic-color-background-neutral-dark:var(--ic-architectural-950);--ic-color-background-active-light:var(--ic-blue-800);--ic-color-background-active-dark:var(--ic-blue-400);--ic-color-background-hover-default:var(--ic-blue-1100);--ic-color-background-hover-light:var(--ic-architectural-200);--ic-color-background-hover-dark:var(--ic-architectural-800);--ic-color-background-active-hover-light:var(--ic-blue-1100);--ic-color-background-active-hover-dark:var(--ic-blue-200);--ic-color-background-pressed-default:var(--ic-blue-1300);--ic-color-background-pressed-light:var(--ic-architectural-300);--ic-color-background-pressed-dark:var(--ic-architectural-700);--ic-color-background-active-pressed-light:var(--ic-blue-1300);--ic-color-background-active-pressed-dark:var(--ic-blue-600);--ic-color-background-disabled-default:var(--ic-architectural-200);--ic-color-background-disabled-light:var(--ic-architectural-80);--ic-color-background-disabled-dark:var(--ic-architectural-300);--ic-color-background-disabled-mid:var(--ic-architectural-400);--ic-color-background-disabled-darkest:var(--ic-architectural-600);--ic-color-background-selected:var(--ic-architectural-white);--ic-color-background-clear-icon-hover:var(--ic-architectural-100);--ic-color-background-success-light:var(--ic-green-1400);--ic-color-background-success-dark:var(--ic-green-300);--ic-color-background-warning-light:var(--ic-yellow-400);--ic-color-background-warning-dark:var(--ic-yellow-300);--ic-color-background-destructive-light:var(--ic-red-800);--ic-color-background-destructive-dark:var(--ic-red-300);--ic-color-background-destructive-hover-light:var(--ic-red-1100);--ic-color-background-destructive-hover-dark:var(--ic-red-400);--ic-color-background-destructive-pressed-light:var(--ic-red-1300);--ic-color-background-destructive-pressed-dark:var(--ic-red-700);--ic-color-background-solid:var(--ic-architectural-white);--ic-color-background-solid-disabled:var(--ic-architectural-100);--ic-color-background-solid-hover:var(--ic-blue-50);--ic-color-background-solid-pressed:var(--ic-blue-100);--ic-color-background-solid-mono:var(--ic-architectural-black);--ic-color-background-solid-mono-disabled:var(--ic-architectural-100);--ic-color-background-solid-mono-hover:var(--ic-architectural-800);--ic-color-background-solid-mono-pressed:var(--ic-architectural-600);--ic-color-border-neutral-default:var(--ic-architectural-300);--ic-color-border-neutral-black:var(--ic-architectural-black);--ic-color-border-neutral-white:var(--ic-architectural-white);--ic-color-border-neutral-grey-light:var(--ic-architectural-40);--ic-color-border-neutral-grey-dark:var(--ic-architectural-400);--ic-color-border-neutral-pressed-default:var(--ic-architectural-600);--ic-color-border-neutral-pressed-light:var(--ic-architectural-200);--ic-color-border-neutral-pressed-dark:var(--ic-architectural-700);--ic-color-border-neutral-hover-default:var(--ic-architectural-500);--ic-color-border-neutral-hover-light:var(--ic-architectural-200);--ic-color-border-neutral-hover-dark:var(--ic-architectural-800);--ic-color-border-neutral-disabled-light:var(--ic-architectural-200);--ic-color-border-neutral-disabled-dark:var(--ic-architectural-600);--ic-color-border-success-light:var(--ic-green-1400);--ic-color-border-success-dark:var(--ic-green-300);--ic-color-border-success-hover-light:var(--ic-green-1600);--ic-color-border-success-hover-dark:var(--ic-green-400);--ic-color-border-success-pressed-light:var(--ic-green-1700);--ic-color-border-success-pressed-dark:var(--ic-green-600);--ic-color-border-warning-light:var(--ic-yellow-900);--ic-color-border-warning-dark:var(--ic-yellow-300);--ic-color-border-warning-hover-light:var(--ic-yellow-1100);--ic-color-border-warning-hover-dark:var(--ic-yellow-400);--ic-color-border-warning-pressed-light:var(--ic-yellow-1300);--ic-color-border-warning-pressed-dark:var(--ic-yellow-500);--ic-color-border-error-light:var(--ic-red-800);--ic-color-border-error-dark:var(--ic-red-300);--ic-color-border-error-hover-light:var(--ic-red-1100);--ic-color-border-error-hover-dark:var(--ic-red-400);--ic-color-border-error-pressed-light:var(--ic-red-1300);--ic-color-border-error-pressed-dark:var(--ic-red-700);--ic-color-border-action-light:var(--ic-blue-800);--ic-color-border-action-dark:var(--ic-blue-400);--ic-color-border-action-hover-light:var(--ic-blue-1100);--ic-color-border-action-hover-dark:var(--ic-blue-200);--ic-color-border-action-pressed-light:var(--ic-blue-1300);--ic-color-border-action-pressed-dark:var(--ic-blue-100);--ic-action-default-light:var(--ic-blue-800);--ic-action-default-dark:var(--ic-blue-400);--ic-action-default-hover-light:var(--ic-blue-1100);--ic-action-default-hover-dark:var(--ic-blue-200);--ic-action-default-pressed-light:var(--ic-blue-1300);--ic-action-default-pressed-dark:var(--ic-blue-100);--ic-action-default-selected-light:var(--ic-blue-800-state-layer-10);--ic-action-default-selected-dark:var(--ic-blue-900);--ic-action-default-disabled:var(--ic-blue-50);--ic-action-default-active-alpha:var(--ic-blue-800-state-layer-50);--ic-action-default-bg-hover:var(--ic-blue-800-state-layer-10);--ic-action-default-bg-hover-24:var(--ic-blue-800-state-layer-24);--ic-action-default-bg-pressed-30:var(--ic-blue-800-state-layer-30);--ic-action-default-bg-pressed-hover-34:var(--ic-blue-800-state-layer-34);--ic-action-default-bg-pressed:var(--ic-blue-800-state-layer-20);--ic-action-default-bg-hover-no-alpha:#e7eef8;--ic-action-default-bg-pressed-no-alpha:#d0def2;--ic-action-destructive-light:var(--ic-red-800);--ic-action-destructive-dark:var(--ic-red-300);--ic-action-destructive-hover-light:var(--ic-red-1100);--ic-action-destructive-hover-dark:var(--ic-red-400);--ic-action-destructive-pressed-light:var(--ic-red-1300);--ic-action-destructive-pressed-dark:var(--ic-red-700);--ic-action-light:var(--ic-architectural-white);--ic-action-light-hover:var(--ic-architectural-200);--ic-action-light-pressed:var(--ic-architectural-300);--ic-action-light-bg-hover:var(--ic-state-layer-lighten-10);--ic-action-light-bg-hover-24:var(--ic-architectural-white-state-layer-24);--ic-action-light-bg-pressed:var(--ic-state-layer-lighten-20);--ic-action-light-bg-pressed-34:var(--ic-architectural-white-state-layer-34);--ic-action-light-selected:var(--ic-blue-800-state-layer-10);--ic-action-dark:var(--ic-architectural-950);--ic-action-dark-hover:var(--ic-architectural-800);--ic-action-dark-pressed:var(--ic-architectural-700);--ic-action-dark-bg-hover:var(--ic-architectural-700-state-layer-10);--ic-action-dark-bg-pressed:var(--ic-architectural-700-state-layer-20);--ic-action-dark-bg-hover-no-alpha:#ececed;--ic-action-dark-bg-active-no-alpha:#d9dadb;--ic-action-dark-selected:var(--ic-blue-900);--ic-action-neutral-light:var(--ic-architectural-100);--ic-action-neutral-dark:var(--ic-architectural-800);--ic-theme-blue-primary-r:27;--ic-theme-blue-primary-g:60;--ic-theme-blue-primary-b:121;--ic-theme-blue-primary-a:1;--ic-theme-lighten-20:rgb(255 255 255 / 20%);--ic-theme-lighten-40:rgb(255 255 255 / 40%);--ic-theme-primary-r:var(--ic-theme-blue-primary-r);--ic-theme-primary-g:var(--ic-theme-blue-primary-g);--ic-theme-primary-b:var(--ic-theme-blue-primary-b);--ic-theme-primary-a:var(--ic-theme-blue-primary-a);--ic-theme-primary:rgb(
1399
- var(--ic-theme-primary-r) var(--ic-theme-primary-g)
1400
- var(--ic-theme-primary-b) / var(--ic-theme-primary-a)
1401
- );--ic-theme-secondary:rgb(
1402
- calc(var(--ic-theme-primary-r) * 0.8) calc(var(--ic-theme-primary-g) * 0.8)
1403
- calc(var(--ic-theme-primary-b) * 0.8) / var(--ic-theme-primary-a)
1404
- );--ic-theme-tertiary:rgb(
1405
- calc(var(--ic-theme-primary-r) * 0.6) calc(var(--ic-theme-primary-g) * 0.6)
1406
- calc(var(--ic-theme-primary-b) * 0.6) / var(--ic-theme-primary-a)
1407
- );--ic-theme-secondary-light:rgb(
1408
- calc(var(--ic-theme-primary-r) + ((255 - var(--ic-theme-primary-r)) * 0.2))
1410
+ );--ic-status-info-default:var(--ic-blue-900);--ic-status-info-light:var(--ic-blue-0);--ic-status-info-dark:var(--ic-blue-1600);--ic-status-info-contrast:var(--ic-blue-400);--ic-status-anomalous-default:var(--ic-purple-1400);--ic-status-anomalous-light:var(--ic-purple-50);--ic-status-anomalous-dark:var(--ic-purple-1800);--ic-status-anomalous-contrast:var(--ic-purple-400);--ic-status-unknown-default:var(--ic-architectural-500);--ic-status-unknown-mid:var(--ic-architectural-700);--ic-status-unknown-light:var(--ic-architectural-40);--ic-status-unknown-dark:var(--ic-architectural-800);--ic-status-unknown-outlined:var(--ic-architectural-200);--ic-status-unknown-contrast:var(--ic-architectural-300);--ic-color-brand-text:var(--ic-architectural-white);--ic-color-text-primary-light:var(--ic-architectural-950);--ic-color-text-primary-dark:var(--ic-architectural-white);--ic-color-text-secondary-light:var(--ic-architectural-700);--ic-color-text-secondary-dark:var(--ic-architectural-100);--ic-color-text-tertiary-light:var(--ic-architectural-500);--ic-color-text-tertiary-dark:var(--ic-architectural-200);--ic-color-text-inverse-light:var(--ic-color-text-primary-dark);--ic-color-text-inverse-dark:var(--ic-color-text-primary-light);--ic-color-text-inverted:var(--ic-architectural-white);--ic-color-text-disabled-default:var(--ic-architectural-300);--ic-color-text-disabled-light:var(--ic-architectural-200);--ic-color-text-disabled-dark:var(--ic-architectural-600);--ic-color-text-inactive:var(--ic-architectural-400);--ic-color-text-action:var(--ic-blue-800);--ic-color-text-action-dark:var(--ic-blue-400);--ic-color-text-action-hover:var(--ic-blue-1100);--ic-color-text-action-hover-dark:var(--ic-blue-200);--ic-color-text-action-pressed:var(--ic-blue-1300);--ic-color-text-action-pressed-dark:var(--ic-blue-100);--ic-color-text-error-light:var(--ic-red-300);--ic-color-text-error-dark:var(--ic-red-800);--ic-color-background-primary-light:var(--ic-architectural-white);--ic-color-background-primary-dark:var(--ic-architectural-800);--ic-color-background-secondary-light:var(--ic-architectural-20);--ic-color-background-secondary-40:var(--ic-architectural-40);--ic-color-background-secondary-dark:var(--ic-architectural-700);--ic-color-background-neutral-light:var(--ic-architectural-800);--ic-color-background-neutral-dark:var(--ic-architectural-950);--ic-color-background-active-light:var(--ic-blue-800);--ic-color-background-active-dark:var(--ic-blue-400);--ic-color-background-hover-default:var(--ic-blue-1100);--ic-color-background-hover-light:var(--ic-architectural-200);--ic-color-background-hover-dark:var(--ic-architectural-800);--ic-color-background-active-hover-light:var(--ic-blue-1100);--ic-color-background-active-hover-dark:var(--ic-blue-200);--ic-color-background-pressed-default:var(--ic-blue-1300);--ic-color-background-pressed-light:var(--ic-architectural-300);--ic-color-background-pressed-dark:var(--ic-architectural-700);--ic-color-background-active-pressed-light:var(--ic-blue-1300);--ic-color-background-active-pressed-dark:var(--ic-blue-600);--ic-color-background-disabled-default:var(--ic-architectural-200);--ic-color-background-disabled-light:var(--ic-architectural-80);--ic-color-background-disabled-dark:var(--ic-architectural-300);--ic-color-background-disabled-mid:var(--ic-architectural-400);--ic-color-background-disabled-darkest:var(--ic-architectural-600);--ic-color-background-selected:var(--ic-architectural-white);--ic-color-background-clear-icon-hover:var(--ic-architectural-100);--ic-color-background-success-light:var(--ic-green-1400);--ic-color-background-success-dark:var(--ic-green-300);--ic-color-background-warning-light:var(--ic-yellow-400);--ic-color-background-warning-dark:var(--ic-yellow-300);--ic-color-background-destructive-light:var(--ic-red-800);--ic-color-background-destructive-dark:var(--ic-red-300);--ic-color-background-destructive-hover-light:var(--ic-red-1100);--ic-color-background-destructive-hover-dark:var(--ic-red-400);--ic-color-background-destructive-pressed-light:var(--ic-red-1300);--ic-color-background-destructive-pressed-dark:var(--ic-red-700);--ic-color-background-solid:var(--ic-architectural-white);--ic-color-background-solid-disabled:var(--ic-architectural-100);--ic-color-background-solid-hover:var(--ic-blue-50);--ic-color-background-solid-pressed:var(--ic-blue-100);--ic-color-background-solid-mono:var(--ic-architectural-black);--ic-color-background-solid-mono-disabled:var(--ic-architectural-100);--ic-color-background-solid-mono-hover:var(--ic-architectural-800);--ic-color-background-solid-mono-pressed:var(--ic-architectural-600);--ic-color-border-neutral-default:var(--ic-architectural-300);--ic-color-border-neutral-black:var(--ic-architectural-black);--ic-color-border-neutral-white:var(--ic-architectural-white);--ic-color-border-neutral-grey-light:var(--ic-architectural-40);--ic-color-border-neutral-grey-dark:var(--ic-architectural-400);--ic-color-border-neutral-pressed-default:var(--ic-architectural-600);--ic-color-border-neutral-pressed-light:var(--ic-architectural-200);--ic-color-border-neutral-pressed-dark:var(--ic-architectural-700);--ic-color-border-neutral-hover-default:var(--ic-architectural-500);--ic-color-border-neutral-hover-light:var(--ic-architectural-200);--ic-color-border-neutral-hover-dark:var(--ic-architectural-800);--ic-color-border-neutral-disabled-light:var(--ic-architectural-200);--ic-color-border-neutral-disabled-dark:var(--ic-architectural-600);--ic-color-border-success-light:var(--ic-green-1400);--ic-color-border-success-dark:var(--ic-green-300);--ic-color-border-success-hover-light:var(--ic-green-1600);--ic-color-border-success-hover-dark:var(--ic-green-400);--ic-color-border-success-pressed-light:var(--ic-green-1700);--ic-color-border-success-pressed-dark:var(--ic-green-600);--ic-color-border-warning-light:var(--ic-yellow-900);--ic-color-border-warning-dark:var(--ic-yellow-300);--ic-color-border-warning-hover-light:var(--ic-yellow-1100);--ic-color-border-warning-hover-dark:var(--ic-yellow-400);--ic-color-border-warning-pressed-light:var(--ic-yellow-1300);--ic-color-border-warning-pressed-dark:var(--ic-yellow-500);--ic-color-border-error-light:var(--ic-red-800);--ic-color-border-error-dark:var(--ic-red-300);--ic-color-border-error-hover-light:var(--ic-red-1100);--ic-color-border-error-hover-dark:var(--ic-red-400);--ic-color-border-error-pressed-light:var(--ic-red-1300);--ic-color-border-error-pressed-dark:var(--ic-red-700);--ic-color-border-action-light:var(--ic-blue-800);--ic-color-border-action-dark:var(--ic-blue-400);--ic-color-border-action-hover-light:var(--ic-blue-1100);--ic-color-border-action-hover-dark:var(--ic-blue-200);--ic-color-border-action-pressed-light:var(--ic-blue-1300);--ic-color-border-action-pressed-dark:var(--ic-blue-100);--ic-action-default-light:var(--ic-blue-800);--ic-action-default-dark:var(--ic-blue-400);--ic-action-default-hover-light:var(--ic-blue-1100);--ic-action-default-hover-dark:var(--ic-blue-200);--ic-action-default-pressed-light:var(--ic-blue-1300);--ic-action-default-pressed-dark:var(--ic-blue-100);--ic-action-default-selected-light:var(--ic-blue-800-state-layer-10);--ic-action-default-selected-dark:var(--ic-blue-900);--ic-action-default-disabled:var(--ic-blue-50);--ic-action-default-active-alpha:var(--ic-blue-800-state-layer-50);--ic-action-default-bg-hover:var(--ic-blue-800-state-layer-10);--ic-action-default-bg-hover-24:var(--ic-blue-800-state-layer-24);--ic-action-default-bg-pressed-30:var(--ic-blue-800-state-layer-30);--ic-action-default-bg-pressed-hover-34:var(--ic-blue-800-state-layer-34);--ic-action-default-bg-pressed:var(--ic-blue-800-state-layer-20);--ic-action-default-bg-hover-no-alpha:#e7eef8;--ic-action-default-bg-pressed-no-alpha:#d0def2;--ic-action-destructive-light:var(--ic-red-800);--ic-action-destructive-dark:var(--ic-red-300);--ic-action-destructive-hover-light:var(--ic-red-1100);--ic-action-destructive-hover-dark:var(--ic-red-400);--ic-action-destructive-pressed-light:var(--ic-red-1300);--ic-action-destructive-pressed-dark:var(--ic-red-700);--ic-action-light:var(--ic-architectural-white);--ic-action-light-hover:var(--ic-architectural-200);--ic-action-light-pressed:var(--ic-architectural-300);--ic-action-light-bg-hover:var(--ic-state-layer-lighten-10);--ic-action-light-bg-hover-24:var(--ic-architectural-white-state-layer-24);--ic-action-light-bg-pressed:var(--ic-state-layer-lighten-20);--ic-action-light-bg-pressed-34:var(--ic-architectural-white-state-layer-34);--ic-action-light-selected:var(--ic-blue-800-state-layer-10);--ic-action-dark:var(--ic-architectural-950);--ic-action-dark-hover:var(--ic-architectural-800);--ic-action-dark-pressed:var(--ic-architectural-700);--ic-action-dark-bg-hover:var(--ic-architectural-700-state-layer-10);--ic-action-dark-bg-pressed:var(--ic-architectural-700-state-layer-20);--ic-action-dark-bg-hover-no-alpha:#ececed;--ic-action-dark-bg-active-no-alpha:#d9dadb;--ic-action-dark-selected:var(--ic-blue-900);--ic-action-neutral-light:var(--ic-architectural-100);--ic-action-neutral-dark:var(--ic-architectural-800);--ic-brand-blue-primary:#1b3c79;--ic-brand-blue-primary-r:27;--ic-brand-blue-primary-g:60;--ic-brand-blue-primary-b:121;--ic-brand-blue-primary-a:1;--ic-brand-darken-20:var(--ic-architectural-black-state-layer-20);--ic-brand-darken-30:var(--ic-architectural-black-state-layer-30);--ic-brand-darken-40:var(--ic-architectural-black-state-layer-40);--ic-brand-lighten-20:var(--ic-architectural-white-state-layer-20);--ic-brand-lighten-40:var(--ic-architectural-white-state-layer-40);--ic-brand-color-primary-r:var(--ic-brand-blue-primary-r);--ic-brand-color-primary-g:var(--ic-brand-blue-primary-g);--ic-brand-color-primary-b:var(--ic-brand-blue-primary-b);--ic-brand-color-primary-a:var(--ic-brand-blue-primary-a);--ic-brand-color-primary:rgb(
1411
+ var(--ic-brand-color-primary-r) var(--ic-brand-color-primary-g)
1412
+ var(--ic-brand-color-primary-b) / var(--ic-brand-color-primary-a)
1413
+ );--ic-brand-color-secondary:rgb(
1414
+ calc(var(--ic-brand-color-primary-r) * 0.8)
1415
+ calc(var(--ic-brand-color-primary-g) * 0.8)
1416
+ calc(var(--ic-brand-color-primary-b) * 0.8) /
1417
+ var(--ic-brand-color-primary-a)
1418
+ );--ic-brand-color-tertiary:rgb(
1419
+ calc(var(--ic-brand-color-primary-r) * 0.6)
1420
+ calc(var(--ic-brand-color-primary-g) * 0.6)
1421
+ calc(var(--ic-brand-color-primary-b) * 0.6) /
1422
+ var(--ic-brand-color-primary-a)
1423
+ );--ic-brand-color-secondary-light:rgb(
1424
+ calc(
1425
+ var(--ic-brand-color-primary-r) +
1426
+ ((255 - var(--ic-brand-color-primary-r)) * 0.2)
1427
+ )
1409
1428
  calc(
1410
- var(--ic-theme-primary-g) + ((255 - var(--ic-theme-primary-g)) * 0.2)
1429
+ var(--ic-brand-color-primary-g) +
1430
+ ((255 - var(--ic-brand-color-primary-g)) * 0.2)
1411
1431
  )
1412
1432
  calc(
1413
- var(--ic-theme-primary-b) + ((255 - var(--ic-theme-primary-b)) * 0.2)
1414
- ) / var(--ic-theme-primary-a)
1415
- );--ic-theme-tertiary-light:rgb(
1416
- calc(var(--ic-theme-primary-r) + ((255 - var(--ic-theme-primary-r)) * 0.4))
1433
+ var(--ic-brand-color-primary-b) +
1434
+ ((255 - var(--ic-brand-color-primary-b)) * 0.2)
1435
+ ) / var(--ic-brand-color-primary-a)
1436
+ );--ic-brand-color-tertiary-light:rgb(
1437
+ calc(
1438
+ var(--ic-brand-color-primary-r) +
1439
+ ((255 - var(--ic-brand-color-primary-r)) * 0.4)
1440
+ )
1417
1441
  calc(
1418
- var(--ic-theme-primary-g) + ((255 - var(--ic-theme-primary-g)) * 0.4)
1442
+ var(--ic-brand-color-primary-g) +
1443
+ ((255 - var(--ic-brand-color-primary-g)) * 0.4)
1419
1444
  )
1420
1445
  calc(
1421
- var(--ic-theme-primary-b) + ((255 - var(--ic-theme-primary-b)) * 0.4)
1422
- ) / var(--ic-theme-primary-a)
1423
- );--ic-theme-dark-mode-threshold:133.3505;--ic-theme-primary-r-calc:calc(var(--ic-theme-primary-r) * 299);--ic-theme-primary-g-calc:calc(var(--ic-theme-primary-g) * 587);--ic-theme-primary-b-calc:calc(var(--ic-theme-primary-b) * 114);--ic-theme-primary-sum-calc:calc(
1424
- var(--ic-theme-primary-r-calc) + var(--ic-theme-primary-g-calc) +
1425
- var(--ic-theme-primary-b-calc)
1426
- );--ic-theme-primary-divide-calc:calc(var(--ic-theme-primary-sum-calc) / 1000);--ic-theme-primary-subtract-calc:calc(
1427
- var(--ic-theme-primary-divide-calc) - var(--ic-theme-dark-mode-threshold)
1428
- );--ic-theme-primary-calc:calc(var(--ic-theme-primary-subtract-calc) * -10000);--ic-theme-calc:max(0, var(--ic-theme-primary-calc));--ic-theme-text:rgb(
1429
- min(255, calc(var(--ic-theme-calc) + 11))
1430
- min(255, calc(var(--ic-theme-calc) + 12))
1431
- min(255, calc(var(--ic-theme-calc) + 12)) / var(--ic-theme-primary-a)
1432
- );--ic-theme-hover:rgb(
1433
- min(255, calc(var(--ic-theme-calc) + 65))
1434
- min(255, calc(var(--ic-theme-calc) + 70))
1435
- min(255, calc(var(--ic-theme-calc) + 77)) / 10%
1436
- );--ic-theme-active:rgb(
1437
- min(255, calc(var(--ic-theme-calc) + 65))
1438
- min(255, calc(var(--ic-theme-calc) + 70))
1439
- min(255, calc(var(--ic-theme-calc) + 77)) / 20%
1446
+ var(--ic-brand-color-primary-b) +
1447
+ ((255 - var(--ic-brand-color-primary-b)) * 0.4)
1448
+ ) / var(--ic-brand-color-primary-a)
1449
+ );--ic-brand-dark-mode-threshold:133.3505;--ic-brand-color-primary-r-calc:calc(var(--ic-brand-color-primary-r) * 299);--ic-brand-color-primary-g-calc:calc(var(--ic-brand-color-primary-g) * 587);--ic-brand-color-primary-b-calc:calc(var(--ic-brand-color-primary-b) * 114);--ic-brand-color-primary-sum-calc:calc(
1450
+ var(--ic-brand-color-primary-r-calc) + var(--ic-brand-color-primary-g-calc) +
1451
+ var(--ic-brand-color-primary-b-calc)
1452
+ );--ic-brand-color-primary-divide-calc:calc(
1453
+ var(--ic-brand-color-primary-sum-calc) / 1000
1454
+ );--ic-brand-color-primary-subtract-calc:calc(
1455
+ var(--ic-brand-color-primary-divide-calc) -
1456
+ var(--ic-brand-dark-mode-threshold)
1457
+ );--ic-brand-color-primary-calc:calc(
1458
+ var(--ic-brand-color-primary-subtract-calc) * -10000
1459
+ );--ic-brand-calc:max(0, var(--ic-brand-color-primary-calc));--ic-brand-text-color:rgb(
1460
+ min(255, calc(var(--ic-brand-calc) + 11))
1461
+ min(255, calc(var(--ic-brand-calc) + 12))
1462
+ min(255, calc(var(--ic-brand-calc) + 12)) /
1463
+ var(--ic-brand-color-primary-a)
1464
+ );--ic-brand-hover:rgb(
1465
+ min(255, calc(var(--ic-brand-calc) + 65))
1466
+ min(255, calc(var(--ic-brand-calc) + 70))
1467
+ min(255, calc(var(--ic-brand-calc) + 77)) / 10%
1468
+ );--ic-brand-active:rgb(
1469
+ min(255, calc(var(--ic-brand-calc) + 65))
1470
+ min(255, calc(var(--ic-brand-calc) + 70))
1471
+ min(255, calc(var(--ic-brand-calc) + 77)) / 20%
1440
1472
  );--ic-table-row-selected:#c7d7ef;--ic-color-icon-brand:var(--ic-architectural-white);--ic-color-icon-neutral:var(--ic-architectural-950);--ic-color-icon-inverted:var(--ic-architectural-white);--ic-color-icon-hover-light:var(--ic-architectural-200);--ic-color-icon-hover-dark:var(--ic-architectural-800);--ic-color-icon-pressed-light:var(--ic-architectural-300);--ic-color-icon-pressed-dark:var(--ic-architectural-700);--ic-color-icon-disabled-mid:var(--ic-architectural-200);--ic-color-icon-disabled-light:var(--ic-architectural-300);--ic-color-icon-disabled-dark:var(--ic-architectural-500);--ic-color-icon-grey-default:var(--ic-architectural-400);--ic-color-icon-grey-lighter:var(--ic-architectural-100);--ic-color-icon-grey-light:var(--ic-architectural-200);--ic-color-icon-grey-dark:var(--ic-architectural-500);--ic-color-icon-grey-darker:var(--ic-architectural-700);--ic-color-icon-action-default-light:var(--ic-blue-800);--ic-color-icon-action-default-dark:var(--ic-blue-400);--ic-color-icon-action-hover:var(--ic-blue-1100);--ic-color-icon-action-hover-dark:var(--ic-blue-200);--ic-color-icon-action-pressed:var(--ic-blue-1300);--ic-color-icon-action-pressed-dark:var(--ic-blue-100);--ic-color-icon-error-light:var(--ic-red-300);--ic-color-icon-error-dark:var(--ic-red-800);--ic-color-icon-action-dark:var(--ic-architectural-white);--ic-state-layer-primary:var(--ic-brand-blue-primary);--ic-state-layer-secondary-default:var(--ic-blue-50);--ic-state-layer-secondary-light:var(--ic-blue-0);--ic-state-layer-secondary-dark:var(--ic-blue-100);--ic-state-layer-neutral-default:var(--ic-architectural-200);--ic-state-layer-neutral-light:var(--ic-architectural-100);--ic-state-layer-neutral-dark:var(--ic-architectural-400);--ic-state-layer-neutral-darker:var(--ic-architectural-600);--ic-state-layer-darken-10:var(--ic-architectural-black-state-layer-10);--ic-state-layer-darken-20:var(--ic-architectural-black-state-layer-20);--ic-state-layer-darken-25:var(--ic-architectural-black-state-layer-25);--ic-state-layer-darken-30:var(--ic-architectural-black-state-layer-30);--ic-state-layer-darken-40:var(--ic-architectural-black-state-layer-40);--ic-state-layer-darken-50:var(--ic-architectural-black-state-layer-50);--ic-state-layer-lighten-10:var(--ic-architectural-white-state-layer-10);--ic-state-layer-lighten-20:var(--ic-architectural-white-state-layer-20);--ic-state-layer-lighten-25:var(--ic-architectural-white-state-layer-25);--ic-state-layer-lighten-40:var(--ic-architectural-white-state-layer-40);--ic-state-layer-lighten-50:var(--ic-architectural-white-state-layer-50);--ic-surface-brand:var(--ic-architectural-white);--ic-surface-primary:var(--ic-architectural-white);--ic-surface-secondary:var(--ic-architectural-white);--ic-surface-inverted:var(--ic-architectural-white);--ic-surface-disabled:var(--ic-architectural-white);--ic-classification-banner-text:var(--ic-color-text-primary-light);--ic-classification-banner-text-inverted:var(--ic-color-text-inverse-light);--ic-classification-banner-not-set:var(--ic-classification-not-set);--ic-classification-banner-official:var(--ic-classification-official);--ic-classification-banner-official-sensitive:var(
1441
1473
  --ic-classification-official
1442
- );--ic-classification-banner-secret:var(--ic-classification-secret);--ic-classification-banner-top-secret:var(--ic-classification-top-secret);--ic-footer-background:var(--ic-theme-secondary);--ic-footer-text:var(--ic-color-brand-text);--ic-footer-link:var(--ic-color-hyperlink-brand);--ic-footer-icon:var(--ic-color-icon-brand);--ic-footer-chevron-icon:var(--ic-color-icon-brand);--ic-footer-logo:var(--ic-color-icon-brand);--ic-footer-bottom-background:var(--ic-theme-tertiary);--ic-footer-keyline:var(--ic-color-keyline-lighten);--ic-footer-hover:var(--ic-action-light-bg-hover);--ic-footer-pressed:var(--ic-action-light-bg-pressed);--ic-hero-background:var(--ic-theme-tertiary);--ic-hero-heading:var(--ic-color-brand-text);--ic-hero-secondary-heading:var(--ic-color-brand-text);--ic-hero-body:var(--ic-color-brand-text);--ic-hero-keyline:var(--ic-color-keyline-lighten);--ic-side-navigation-background:var(--ic-theme-primary);--ic-side-navigation-icon:var(--ic-color-icon-brand);--ic-side-navigation-icon-disabled:var(--ic-color-icon-grey-light);--ic-side-navigation-status-tag-text:var(--ic-color-text-primary-light);--ic-side-navigation-logo:var(--ic-color-icon-brand);--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20);--ic-side-navigation-icon-and-label:var(--ic-color-brand-text);--ic-side-navigation-theme:var(--ic-color-background-primary-light);--ic-side-navigation-hover:var(--ic-theme-hover);--ic-side-navigation-pressed:var(--ic-theme-active);--ic-side-navigation-icon-label:var(--ic-color-icon-brand);--ic-side-navigation-text:var(--ic-theme-text);--ic-side-navigation-status-tag:var(--ic-color-background-primary-light);--ic-side-navigation-focussed:var(--ic-color-background-primary-light);--ic-side-navigation-focussed-text:var(--ic-color-text-primary-light);--ic-side-navigation-focussed-icon:var(--ic-color-text-primary-light);--ic-side-navigation-selection-indicator:var(--ic-color-icon-brand);--ic-side-navigation-selection-indicator-disabled:var(
1474
+ );--ic-classification-banner-secret:var(--ic-classification-secret);--ic-classification-banner-top-secret:var(--ic-classification-top-secret);--ic-footer-background:var(--ic-brand-color-secondary);--ic-footer-text:var(--ic-color-brand-text);--ic-footer-link:var(--ic-color-hyperlink-brand);--ic-footer-icon:var(--ic-color-icon-brand);--ic-footer-chevron-icon:var(--ic-color-icon-brand);--ic-footer-logo:var(--ic-color-icon-brand);--ic-footer-bottom-background:var(--ic-brand-color-tertiary);--ic-footer-keyline:var(--ic-color-keyline-lighten);--ic-footer-hover:var(--ic-action-light-bg-hover);--ic-footer-pressed:var(--ic-action-light-bg-pressed);--ic-hero-background:var(--ic-brand-color-tertiary);--ic-hero-heading:var(--ic-color-brand-text);--ic-hero-secondary-heading:var(--ic-color-brand-text);--ic-hero-body:var(--ic-color-brand-text);--ic-hero-keyline:var(--ic-color-keyline-lighten);--ic-side-navigation-background:var(--ic-brand-color-primary);--ic-side-navigation-icon:var(--ic-color-icon-brand);--ic-side-navigation-icon-disabled:var(--ic-color-icon-grey-light);--ic-side-navigation-status-tag-text:var(--ic-color-text-primary-light);--ic-side-navigation-logo:var(--ic-color-icon-brand);--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20);--ic-side-navigation-icon-and-label:var(--ic-color-brand-text);--ic-side-navigation-theme:var(--ic-color-background-primary-light);--ic-side-navigation-hover:var(--ic-brand-hover);--ic-side-navigation-pressed:var(--ic-brand-active);--ic-side-navigation-icon-label:var(--ic-color-icon-brand);--ic-side-navigation-text:var(--ic-brand-text-color);--ic-side-navigation-status-tag:var(--ic-color-background-primary-light);--ic-side-navigation-focussed:var(--ic-color-background-primary-light);--ic-side-navigation-focussed-text:var(--ic-color-text-primary-light);--ic-side-navigation-focussed-icon:var(--ic-color-text-primary-light);--ic-side-navigation-selection-indicator:var(--ic-color-icon-brand);--ic-side-navigation-selection-indicator-disabled:var(
1443
1475
  --ic-color-icon-disabled-light
1444
1476
  );--ic-toast-background:var(--ic-color-background-primary-dark);--ic-toast-status-success:var(--ic-status-success-contrast);--ic-toast-status-error:var(--ic-status-error-contrast);--ic-toast-status-warning:var(--ic-status-warning-contrast);--ic-toast-status-info:var(--ic-status-info-contrast);--ic-toast-status-neutral:var(--ic-status-unknown-contrast);--ic-toast-icon-success:var(--ic-status-success-contrast);--ic-toast-icon-error:var(--ic-status-error-contrast);--ic-toast-icon-warning:var(--ic-status-warning-contrast);--ic-toast-icon-info:var(--ic-status-info-contrast);--ic-toast-icon-neutral:var(--ic-status-unknown-contrast);--ic-toast-title:var(--ic-color-text-inverse-light);--ic-toast-description:var(--ic-color-text-inverse-light);--ic-toast-dismiss-button:var(--ic-color-icon-inverted);--ic-atoms-input-field-background-light:var(
1445
1477
  --ic-color-background-primary-light
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "sideEffects": [
4
4
  "*.css"
5
5
  ],
6
- "version": "3.0.0-canary.5",
6
+ "version": "3.0.0-canary.8",
7
7
  "description": "React-wrapped web components compiled using StencilJS",
8
8
  "scripts": {
9
9
  "build": "npm run clean && npm run compile && npm run copy:core-css && npm run copy:normalize-css",
@@ -30,9 +30,9 @@
30
30
  "dist/"
31
31
  ],
32
32
  "dependencies": {
33
- "@ukic/canary-web-components": "^3.0.0-canary.5",
34
- "@ukic/react": "^3.0.0-alpha.5",
35
- "@ukic/web-components": "^3.0.0-alpha.5"
33
+ "@ukic/canary-web-components": "^3.0.0-canary.8",
34
+ "@ukic/react": "^3.0.0-alpha.8",
35
+ "@ukic/web-components": "^3.0.0-alpha.8"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@babel/core": "^7.16.0",
@@ -94,5 +94,5 @@
94
94
  ]
95
95
  },
96
96
  "license": "MIT",
97
- "gitHead": "7204bc78595a8f362dc1e58e830b8622b6085d45"
97
+ "gitHead": "aadff337c20cb1dee5e221f7e88179dc8242789e"
98
98
  }