@ukic/canary-react 3.0.0-canary.20 → 3.0.0-canary.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/core/core.css +38 -24
  2. package/package.json +5 -5
package/dist/core/core.css CHANGED
@@ -17,13 +17,13 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
17
17
  var(--ic-font-code-family);--ic-font-badge:var(--ic-font-weight-semibold) var(--ic-font-size-caption) /
18
18
  var(--ic-font-line-height-badge) var(--ic-font-body-family);--ic-font-badge-small:var(--ic-font-weight-semibold)
19
19
  var(--ic-font-size-badge-small) / var(--ic-font-line-height-badge-small)
20
- var(--ic-font-body-family)}:root,ic-theme,.ic-theme-light{--ic-color-text-primary:var(--ic-color-text-primary-light);--ic-color-text-secondary:var(--ic-color-text-secondary-light);--ic-color-text-tertiary:var(--ic-color-text-tertiary-light);--ic-color-background-primary:var(--ic-color-background-primary-light);--ic-color-background-secondary:var(--ic-color-background-secondary-light);--ic-color-background-active:var(--ic-color-background-active-light);--ic-color-background-hover:var(--ic-color-background-hover-light);--ic-color-background-pressed:var(--ic-color-background-pressed-light);--ic-color-background-disabled:var(--ic-color-background-disabled-light);--ic-color-background-success:var(--ic-color-background-success-light);--ic-color-background-warning:var(--ic-color-background-warning-light);--ic-color-background-destructive:var(
20
+ var(--ic-font-body-family)}:root,ic-theme,.ic-theme-light{--ic-color-text-primary:var(--ic-color-text-primary-light);--ic-color-text-secondary:var(--ic-color-text-secondary-light);--ic-color-text-tertiary:var(--ic-color-text-tertiary-light);--ic-color-text-disabled:var(--ic-color-text-disabled-light);--ic-color-text-action:var(--ic-color-text-action-light);--ic-color-text-action-hover:var(--ic-color-text-action-hover-light);--ic-color-text-action-pressed:var(--ic-color-text-action-pressed-light);--ic-color-text-error:var(--ic-color-text-error-dark);--ic-color-background-primary:var(--ic-color-background-primary-light);--ic-color-background-secondary:var(--ic-color-background-secondary-light);--ic-color-background-active:var(--ic-color-background-active-light);--ic-color-background-hover:var(--ic-color-background-hover-light);--ic-color-background-pressed:var(--ic-color-background-pressed-light);--ic-color-background-disabled:var(--ic-color-background-disabled-light);--ic-color-background-success:var(--ic-color-background-success-light);--ic-color-background-warning:var(--ic-color-background-warning-light);--ic-color-background-destructive:var(
21
21
  --ic-color-background-destructive-light
22
22
  );--ic-color-background-destructive-hover:var(
23
23
  --ic-color-background-destructive-hover-light
24
24
  );--ic-color-background-destructive-pressed:var(
25
25
  --ic-color-background-destructive-pressed-light
26
- );--ic-color-background-neutral:var(--ic-color-background-neutral-light);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-light);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-default);--ic-color-border-neutral-pressed:var(
26
+ );--ic-color-background-neutral:var(--ic-color-background-neutral-light);--ic-color-page-background:var(--ic-color-page-background-light);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-light);--ic-color-border-neutral:var(--ic-color-border-neutral-default);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-default);--ic-color-border-neutral-pressed:var(
27
27
  --ic-color-border-neutral-pressed-default
28
28
  );--ic-color-border-neutral-disabled:var(
29
29
  --ic-color-border-neutral-disabled-mid
@@ -31,9 +31,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
31
31
  --ic-color-border-success-pressed-light
32
32
  );--ic-color-border-warning:var(--ic-color-border-warning-default);--ic-color-border-warning-hover:var(--ic-color-border-warning-hover-light);--ic-color-border-warning-pressed:var(
33
33
  --ic-color-border-warning-pressed-light
34
- );--ic-color-border-error:var(--ic-color-border-error-default);--ic-color-border-error-hover:var(--ic-color-border-error-hover-light);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-light);--ic-color-border-action:var(--ic-color-border-action-default);--ic-color-border-action-hover:var(--ic-color-border-action-hover-light);--ic-color-border-action-pressed:var(--ic-color-border-action-pressed-light);--ic-action-default:var(--ic-action-default-light);--ic-action-default-hover:var(--ic-action-default-hover-light);--ic-action-default-pressed:var(--ic-action-default-pressed-light);--ic-action-default-selected:var(--ic-action-default-selected-light);--ic-action-destructive:var(--ic-action-destructive-light);--ic-action-destructive-hover:var(--ic-action-destructive-hover-light);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-light);--ic-action-neutral:var(--ic-action-neutral-light);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-light);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-light);--ic-color-hyperlink-visited-monochrome:var(
34
+ );--ic-color-border-error:var(--ic-color-border-error-default);--ic-color-border-error-hover:var(--ic-color-border-error-hover-light);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-light);--ic-color-border-action:var(--ic-color-border-action-default);--ic-color-border-action-hover:var(--ic-color-border-action-hover-light);--ic-color-border-action-pressed:var(--ic-color-border-action-pressed-light);--ic-action-default:var(--ic-action-default-light);--ic-action-default-hover:var(--ic-action-default-hover-light);--ic-action-default-pressed:var(--ic-action-default-pressed-light);--ic-action-default-selected:var(--ic-action-default-selected-light);--ic-action-destructive:var(--ic-action-destructive-light);--ic-action-destructive-hover:var(--ic-action-destructive-hover-light);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-light);--ic-action-monochrome-default:var(--ic-action-monochrome);--ic-action-monochrome-default-hover:var(--ic-action-monochrome-hover);--ic-action-monochrome-default-pressed:var(--ic-action-monochrome-pressed);--ic-action-neutral:var(--ic-action-neutral-light);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-light);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-light);--ic-color-hyperlink-visited-monochrome:var(
35
35
  --ic-color-hyperlink-visited-monochrome-light
36
- );--ic-status-success:var(--ic-status-success-light);--ic-status-warning:var(--ic-status-warning-light);--ic-status-error:var(--ic-status-error-light);--ic-status-anomalous:var(--ic-status-anomalous-light);--ic-status-info:var(--ic-status-info-light);--ic-status-unknown:var(--ic-status-unknown-light);--ic-color-icon-grey:var(--ic-color-icon-grey-light);--ic-color-icon-hover:var(--ic-color-icon-hover-light);--ic-color-icon-pressed:var(--ic-color-icon-pressed-light);--ic-color-icon-disabled:var(--ic-color-icon-disabled-light);--ic-color-icon-action-default:var(--ic-color-icon-action-default-light);--ic-color-icon-error:var(--ic-color-icon-error-light);--ic-atoms-input-field-background:var(
36
+ );--ic-status-success:var(--ic-status-success-light);--ic-status-success-default-color:var(--ic-status-success-default);--ic-status-success-contrast-color:var(--ic-status-success-contrast);--ic-status-warning:var(--ic-status-warning-light);--ic-status-warning-default-color:var(--ic-status-warning-default);--ic-status-warning-dark-color:var(--ic-status-warning-dark);--ic-status-error:var(--ic-status-error-light);--ic-status-error-default-color:var(--ic-status-error-default);--ic-status-error-dark-color:var(--ic-status-error-dark);--ic-status-anomalous:var(--ic-status-anomalous-light);--ic-status-anomalous-default-color:var(--ic-status-anomalous-default);--ic-status-info:var(--ic-status-info-light);--ic-status-info-light-color:var(--ic-status-info-light);--ic-status-info-dark-color:var(--ic-status-info-dark);--ic-status-unknown:var(--ic-status-unknown-light);--ic-status-neutral:var(--ic-status-unknown-default);--ic-status-neutral-light:var(--ic-status-unknown-light);--ic-status-neutral-dark:var(--ic-status-unknown-dark);--ic-color-icon-grey:var(--ic-color-icon-grey-light);--ic-color-icon-hover:var(--ic-color-icon-hover-light);--ic-color-icon-pressed:var(--ic-color-icon-pressed-light);--ic-color-icon-disabled:var(--ic-color-icon-disabled-light);--ic-color-icon-action-default:var(--ic-color-icon-action-default-light);--ic-color-icon-action-default-hover:var(--ic-color-icon-action-hover);--ic-color-icon-action-default-pressed:var(--ic-color-icon-action-pressed);--ic-color-icon-error:var(--ic-color-icon-error-light);--ic-atoms-input-field-background:var(
37
37
  --ic-atoms-input-field-background-light
38
38
  );--ic-atoms-input-field-label:var(--ic-atoms-input-field-label-light);--ic-atoms-input-field-label-disabled:var(
39
39
  --ic-atoms-input-field-label-disabled-light
@@ -509,13 +509,13 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
509
509
  --ic-action-default-bg-pressed
510
510
  );--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-mid);--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(
511
511
  --ic-atoms-input-text-field-content-placeholder
512
- );--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-mid);--ic-tree-view-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-tree-view-icon:var(--ic-color-icon-neutral);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled-mid);--ic-tree-view-divider:var(--ic-state-layer-neutral-dark);--ic-tree-view-hover:var(--ic-action-dark-bg-hover);--ic-tree-view-pressed:var(--ic-action-dark-bg-pressed);--ic-tree-view-selected:var(--ic-action-default-bg-pressed)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
512
+ );--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-mid);--ic-tree-view-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-tree-view-icon:var(--ic-color-icon-neutral);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled-mid);--ic-tree-view-divider:var(--ic-state-layer-neutral-dark);--ic-tree-view-hover:var(--ic-action-dark-bg-hover);--ic-tree-view-pressed:var(--ic-action-dark-bg-pressed);--ic-tree-view-selected:var(--ic-action-default-bg-pressed)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-text-disabled:var(--ic-color-text-disabled-dark);--ic-color-text-action:var(--ic-color-text-action-dark);--ic-color-text-action-hover:var(--ic-color-text-action-hover-dark);--ic-color-text-action-pressed:var(--ic-color-text-action-pressed-dark);--ic-color-text-error:var(--ic-color-text-error-light);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
513
513
  --ic-color-background-destructive-dark
514
514
  );--ic-color-background-destructive-hover:var(
515
515
  --ic-color-background-destructive-hover-dark
516
516
  );--ic-color-background-destructive-pressed:var(
517
517
  --ic-color-background-destructive-pressed-dark
518
- );--ic-color-background-neutral:var(--ic-color-background-neutral-dark);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-dark);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-dark);--ic-color-border-neutral-pressed:var(
518
+ );--ic-color-background-neutral:var(--ic-color-background-neutral-dark);--ic-color-page-background:var(--ic-color-page-background-dark);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-dark);--ic-color-border-neutral:var(--ic-color-border-neutral-default-dark);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-dark);--ic-color-border-neutral-pressed:var(
519
519
  --ic-color-border-neutral-pressed-dark
520
520
  );--ic-color-border-neutral-disabled:var(
521
521
  --ic-color-border-neutral-disabled-dark
@@ -525,9 +525,17 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
525
525
  --ic-color-border-warning-pressed-dark
526
526
  );--ic-color-border-error:var(--ic-color-border-error-default-dark);--ic-color-border-error-hover:var(--ic-color-border-error-hover-dark);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-dark);--ic-color-border-action:var(--ic-color-border-action-default-dark);--ic-color-border-action-hover:var(--ic-color-border-action-hover-dark);--ic-color-border-action-pressed:var(
527
527
  --ic-color-border-action-pressed-dark
528
- );--ic-action-default:var(--ic-action-default-dark);--ic-action-default-hover:var(--ic-action-default-hover-dark);--ic-action-default-pressed:var(--ic-action-default-pressed-dark);--ic-action-default-selected:var(--ic-action-default-selected-dark);--ic-action-destructive:var(--ic-action-destructive-dark);--ic-action-destructive-hover:var(--ic-action-destructive-hover-dark);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-dark);--ic-action-neutral:var(--ic-action-neutral-dark);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-dark);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-dark);--ic-color-hyperlink-visited-monochrome:var(
528
+ );--ic-action-default:var(--ic-action-default-dark);--ic-action-default-hover:var(--ic-action-default-hover-dark);--ic-action-default-pressed:var(--ic-action-default-pressed-dark);--ic-action-default-selected:var(--ic-action-default-selected-dark);--ic-action-destructive:var(--ic-action-destructive-dark);--ic-action-destructive-hover:var(--ic-action-destructive-hover-dark);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-dark);--ic-action-monochrome-default:var(--ic-action-monochrome-dark);--ic-action-monochrome-default-hover:var(
529
+ --ic-action-monochrome-hover-dark
530
+ );--ic-action-monochrome-default-pressed:var(
531
+ --ic-action-monochrome-pressed-dark
532
+ );--ic-action-neutral:var(--ic-action-neutral-dark);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-dark);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-dark);--ic-color-hyperlink-visited-monochrome:var(
529
533
  --ic-color-hyperlink-visited-monochrome-dark
530
- );--ic-status-success:var(--ic-status-success-dark);--ic-status-warning:var(--ic-status-warning-dark);--ic-status-error:var(--ic-status-error-dark);--ic-status-anomalous:var(--ic-status-anomalous-dark);--ic-status-info:var(--ic-status-info-dark);--ic-status-unknown:var(--ic-status-unknown-dark);--ic-color-icon-grey:var(--ic-color-icon-grey-dark);--ic-color-icon-hover:var(--ic-color-icon-hover-dark);--ic-color-icon-pressed:var(--ic-color-icon-pressed-dark);--ic-color-icon-disabled:var(--ic-color-icon-disabled-dark);--ic-color-icon-action-default:var(--ic-color-icon-action-default-dark);--ic-color-icon-error:var(--ic-color-icon-error-dark);--ic-atoms-input-field-background:var(
534
+ );--ic-status-success:var(--ic-status-success-dark);--ic-status-success-default-color:var(--ic-status-success-default-dm);--ic-status-success-contrast-color:var(--ic-status-success-contrast-dm);--ic-status-warning:var(--ic-status-warning-dark);--ic-status-warning-default-color:var(--ic-status-warning-default-dm);--ic-status-warning-dark-color:var(--ic-status-warning-dark-dm);--ic-status-error:var(--ic-status-error-dark);--ic-status-error-default-color:var(--ic-status-error-default-dm);--ic-status-error-dark-color:var(--ic-status-error-dark-dm);--ic-status-anomalous:var(--ic-status-anomalous-dark);--ic-status-anomalous-default-color:var(--ic-status-anomalous-default-dm);--ic-status-info:var(--ic-status-info-dark);--ic-status-info-light-color:var(--ic-status-info-light-dm);--ic-status-info-dark-color:var(--ic-status-info-dark-dm);--ic-status-unknown:var(--ic-status-unknown-dark);--ic-status-neutral:var(--ic-status-unknown-default-dm);--ic-status-neutral-light:var(--ic-status-unknown-light-dm);--ic-status-neutral-dark:var(--ic-status-unknown-dark-dm);--ic-color-icon-grey:var(--ic-color-icon-grey-dark);--ic-color-icon-hover:var(--ic-color-icon-hover-dark);--ic-color-icon-pressed:var(--ic-color-icon-pressed-dark);--ic-color-icon-disabled:var(--ic-color-icon-disabled-dark);--ic-color-icon-action-default:var(--ic-color-icon-action-default-dark);--ic-color-icon-action-default-hover:var(
535
+ --ic-color-icon-action-hover-dark
536
+ );--ic-color-icon-action-default-pressed:var(
537
+ --ic-color-icon-action-pressed-dark
538
+ );--ic-color-icon-error:var(--ic-color-icon-error-dark);--ic-atoms-input-field-background:var(
531
539
  --ic-atoms-input-field-background-dark
532
540
  );--ic-atoms-input-field-label:var(--ic-atoms-input-field-label-dark);--ic-atoms-input-field-label-disabled:var(
533
541
  --ic-atoms-input-field-label-disabled-dark
@@ -684,9 +692,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
684
692
  );--ic-button-secondary-background-pressed-active:var(
685
693
  --ic-action-default-bg-pressed
686
694
  );--ic-button-secondary-background-hover-monochrome:var(
687
- --ic-action-dark-bg-hover
695
+ --ic-action-light-bg-hover
688
696
  );--ic-button-secondary-background-pressed-monochrome:var(
689
- --ic-action-dark-bg-pressed
697
+ --ic-action-light-bg-pressed
690
698
  );--ic-button-secondary-background-non-transparent-hover:linear-gradient(
691
699
  var(--ic-button-secondary-background-hover-active) 0 0
692
700
  );--ic-button-secondary-background-non-transparent-active:linear-gradient(
@@ -758,9 +766,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
758
766
  );--ic-button-tertiary-background-monochrome:var(
759
767
  --ic-color-background-neutral
760
768
  );--ic-button-tertiary-background-hover-monochrome:var(
761
- --ic-action-dark-bg-hover
769
+ --ic-action-light-bg-hover
762
770
  );--ic-button-tertiary-background-pressed-monochrome:var(
763
- --ic-action-dark-bg-pressed
771
+ --ic-action-light-bg-pressed
764
772
  );--ic-button-tertiary-background-non-transparent-monochrome-hover:linear-gradient(
765
773
  var(--ic-button-tertiary-background-hover-monochrome) 0 0
766
774
  );--ic-button-tertiary-background-non-transparent-monochrome-active:linear-gradient(
@@ -1075,13 +1083,13 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1075
1083
  --ic-action-default-bg-pressed
1076
1084
  );--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-primary-light);--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(
1077
1085
  --ic-atoms-input-text-field-content-placeholder
1078
- );--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-disabled);--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-default-bg-pressed-30)}}.ic-theme-dark{color-scheme:dark;--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
1086
+ );--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-disabled);--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-default-bg-pressed-30)}}.ic-theme-dark{color-scheme:dark;--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-text-disabled:var(--ic-color-text-disabled-dark);--ic-color-text-action:var(--ic-color-text-action-dark);--ic-color-text-action-hover:var(--ic-color-text-action-hover-dark);--ic-color-text-action-pressed:var(--ic-color-text-action-pressed-dark);--ic-color-text-error:var(--ic-color-text-error-light);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
1079
1087
  --ic-color-background-destructive-dark
1080
1088
  );--ic-color-background-destructive-hover:var(
1081
1089
  --ic-color-background-destructive-hover-dark
1082
1090
  );--ic-color-background-destructive-pressed:var(
1083
1091
  --ic-color-background-destructive-pressed-dark
1084
- );--ic-color-background-neutral:var(--ic-color-background-neutral-dark);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-dark);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-dark);--ic-color-border-neutral-pressed:var(
1092
+ );--ic-color-background-neutral:var(--ic-color-background-neutral-dark);--ic-color-page-background:var(--ic-color-page-background-dark);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-dark);--ic-color-border-neutral:var(--ic-color-border-neutral-default-dark);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-dark);--ic-color-border-neutral-pressed:var(
1085
1093
  --ic-color-border-neutral-pressed-dark
1086
1094
  );--ic-color-border-neutral-disabled:var(
1087
1095
  --ic-color-border-neutral-disabled-dark
@@ -1089,9 +1097,13 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1089
1097
  --ic-color-border-success-pressed-dark
1090
1098
  );--ic-color-border-warning:var(--ic-color-border-warning-default-dark);--ic-color-border-warning-hover:var(--ic-color-border-warning-hover-dark);--ic-color-border-warning-pressed:var(
1091
1099
  --ic-color-border-warning-pressed-dark
1092
- );--ic-color-border-error:var(--ic-color-border-error-default-dark);--ic-color-border-error-hover:var(--ic-color-border-error-hover-dark);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-dark);--ic-color-border-action:var(--ic-color-border-action-default-dark);--ic-color-border-action-hover:var(--ic-color-border-action-hover-dark);--ic-color-border-action-pressed:var(--ic-color-border-action-pressed-dark);--ic-action-default:var(--ic-action-default-dark);--ic-action-default-hover:var(--ic-action-default-hover-dark);--ic-action-default-pressed:var(--ic-action-default-pressed-dark);--ic-action-default-selected:var(--ic-action-default-selected-dark);--ic-action-destructive:var(--ic-action-destructive-dark);--ic-action-destructive-hover:var(--ic-action-destructive-hover-dark);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-dark);--ic-action-neutral:var(--ic-action-neutral-dark);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-dark);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-dark);--ic-color-hyperlink-visited-monochrome:var(
1100
+ );--ic-color-border-error:var(--ic-color-border-error-default-dark);--ic-color-border-error-hover:var(--ic-color-border-error-hover-dark);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-dark);--ic-color-border-action:var(--ic-color-border-action-default-dark);--ic-color-border-action-hover:var(--ic-color-border-action-hover-dark);--ic-color-border-action-pressed:var(--ic-color-border-action-pressed-dark);--ic-action-default:var(--ic-action-default-dark);--ic-action-default-hover:var(--ic-action-default-hover-dark);--ic-action-default-pressed:var(--ic-action-default-pressed-dark);--ic-action-default-selected:var(--ic-action-default-selected-dark);--ic-action-destructive:var(--ic-action-destructive-dark);--ic-action-destructive-hover:var(--ic-action-destructive-hover-dark);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-dark);--ic-action-monochrome-default:var(--ic-action-monochrome-dark);--ic-action-monochrome-default-hover:var(--ic-action-monochrome-hover-dark);--ic-action-monochrome-default-pressed:var(
1101
+ --ic-action-monochrome-pressed-dark
1102
+ );--ic-action-neutral:var(--ic-action-neutral-dark);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-dark);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-dark);--ic-color-hyperlink-visited-monochrome:var(
1093
1103
  --ic-color-hyperlink-visited-monochrome-dark
1094
- );--ic-status-success:var(--ic-status-success-dark);--ic-status-warning:var(--ic-status-warning-dark);--ic-status-error:var(--ic-status-error-dark);--ic-status-anomalous:var(--ic-status-anomalous-dark);--ic-status-info:var(--ic-status-info-dark);--ic-status-unknown:var(--ic-status-unknown-dark);--ic-color-icon-grey:var(--ic-color-icon-grey-dark);--ic-color-icon-hover:var(--ic-color-icon-hover-dark);--ic-color-icon-pressed:var(--ic-color-icon-pressed-dark);--ic-color-icon-disabled:var(--ic-color-icon-disabled-dark);--ic-color-icon-action-default:var(--ic-color-icon-action-default-dark);--ic-color-icon-error:var(--ic-color-icon-error-dark);--ic-atoms-input-field-background:var(
1104
+ );--ic-status-success:var(--ic-status-success-dark);--ic-status-success-default-color:var(--ic-status-success-default-dm);--ic-status-success-contrast-color:var(--ic-status-success-contrast-dm);--ic-status-warning:var(--ic-status-warning-dark);--ic-status-warning-default-color:var(--ic-status-warning-default-dm);--ic-status-warning-dark-color:var(--ic-status-warning-dark-dm);--ic-status-error:var(--ic-status-error-dark);--ic-status-error-default-color:var(--ic-status-error-default-dm);--ic-status-error-dark-color:var(--ic-status-error-dark-dm);--ic-status-anomalous:var(--ic-status-anomalous-dark);--ic-status-anomalous-default-color:var(--ic-status-anomalous-default-dm);--ic-status-info:var(--ic-status-info-dark);--ic-status-info-light-color:var(--ic-status-info-light-dm);--ic-status-info-dark-color:var(--ic-status-info-dark-dm);--ic-status-unknown:var(--ic-status-unknown-dark);--ic-status-neutral:var(--ic-status-unknown-default-dm);--ic-status-neutral-light:var(--ic-status-unknown-light-dm);--ic-status-neutral-dark:var(--ic-status-unknown-dark-dm);--ic-color-icon-grey:var(--ic-color-icon-grey-dark);--ic-color-icon-hover:var(--ic-color-icon-hover-dark);--ic-color-icon-pressed:var(--ic-color-icon-pressed-dark);--ic-color-icon-disabled:var(--ic-color-icon-disabled-dark);--ic-color-icon-action-default:var(--ic-color-icon-action-default-dark);--ic-color-icon-action-default-hover:var(--ic-color-icon-action-hover-dark);--ic-color-icon-action-default-pressed:var(
1105
+ --ic-color-icon-action-pressed-dark
1106
+ );--ic-color-icon-error:var(--ic-color-icon-error-dark);--ic-atoms-input-field-background:var(
1095
1107
  --ic-atoms-input-field-background-dark
1096
1108
  );--ic-atoms-input-field-label:var(--ic-atoms-input-field-label-dark);--ic-atoms-input-field-label-disabled:var(
1097
1109
  --ic-atoms-input-field-label-disabled-dark
@@ -1244,9 +1256,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1244
1256
  );--ic-button-secondary-background-pressed-active:var(
1245
1257
  --ic-action-default-bg-pressed
1246
1258
  );--ic-button-secondary-background-hover-monochrome:var(
1247
- --ic-action-dark-bg-hover
1259
+ --ic-action-light-bg-hover
1248
1260
  );--ic-button-secondary-background-pressed-monochrome:var(
1249
- --ic-action-dark-bg-pressed
1261
+ --ic-action-light-bg-pressed
1250
1262
  );--ic-button-secondary-background-non-transparent-hover:linear-gradient(
1251
1263
  var(--ic-button-secondary-background-hover-active) 0 0
1252
1264
  );--ic-button-secondary-background-non-transparent-active:linear-gradient(
@@ -1312,9 +1324,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1312
1324
  );--ic-button-tertiary-background-monochrome:var(
1313
1325
  --ic-color-background-neutral
1314
1326
  );--ic-button-tertiary-background-hover-monochrome:var(
1315
- --ic-action-dark-bg-hover
1327
+ --ic-action-light-bg-hover
1316
1328
  );--ic-button-tertiary-background-pressed-monochrome:var(
1317
- --ic-action-dark-bg-pressed
1329
+ --ic-action-light-bg-pressed
1318
1330
  );--ic-button-tertiary-background-non-transparent-monochrome-hover:linear-gradient(
1319
1331
  var(--ic-button-tertiary-background-hover-monochrome) 0 0
1320
1332
  );--ic-button-tertiary-background-non-transparent-monochrome-active:linear-gradient(
@@ -1593,7 +1605,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1593
1605
  );--ic-status-error-pressed:rgb(
1594
1606
  calc(var(--ic-status-error-r) * 0.6) calc(var(--ic-status-error-g) * 0.6)
1595
1607
  calc(var(--ic-status-error-b) * 0.6) / var(--ic-status-error-a)
1596
- );--ic-status-info-default:var(--ic-blue-900);--ic-status-info-default-dm:var(--ic-blue-900);--ic-status-info-light:var(--ic-blue-0);--ic-status-info-light-dm:var(--ic-blue-100);--ic-status-info-dark:var(--ic-blue-1600);--ic-status-info-dark-dm:var(--ic-blue-1700);--ic-status-info-contrast:var(--ic-blue-400);--ic-status-info-contrast-dm:var(--ic-blue-400);--ic-status-anomalous-default:var(--ic-purple-1400);--ic-status-anomalous-default-dm:var(--ic-purple-500);--ic-status-anomalous-light:var(--ic-purple-50);--ic-status-anomalous-light-dm:var(--ic-purple-50);--ic-status-anomalous-dark:var(--ic-purple-1800);--ic-status-anomalous-dark-dm:var(--ic-purple-1800);--ic-status-anomalous-contrast:var(--ic-purple-400);--ic-status-anomalous-contrast-dm:var(--ic-purple-400);--ic-status-unknown-default:var(--ic-architectural-500);--ic-status-unknown-default-dm:var(--ic-architectural-300);--ic-status-unknown-mid:var(--ic-architectural-700);--ic-status-unknown-light:var(--ic-architectural-40);--ic-status-unknown-light-dm:var(--ic-architectural-100);--ic-status-unknown-dark:var(--ic-architectural-800);--ic-status-unknown-dark-dm:var(--ic-architectural-850);--ic-status-unknown-outlined:var(--ic-architectural-200);--ic-status-unknown-contrast:var(--ic-architectural-300);--ic-status-unknown-contrast-dm:var(--ic-architectural-300);--ic-color-brand-text:var(--ic-architectural-20);--ic-color-text-primary-light:var(--ic-architectural-950);--ic-color-text-primary-dark:var(--ic-architectural-40);--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-inverted:var(--ic-architectural-white);--ic-color-text-disabled-mid: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-light:var(--ic-blue-800);--ic-color-text-action-dark:var(--ic-blue-400);--ic-color-text-action-hover-light:var(--ic-blue-1100);--ic-color-text-action-hover-dark:var(--ic-blue-200);--ic-color-text-action-pressed-light:var(--ic-blue-1300);--ic-color-text-action-pressed-dark:var(--ic-blue-100);--ic-color-text-error-light:var(--ic-red-400);--ic-color-text-error-dark:var(--ic-red-800);--ic-color-text-action-monochrome-light:var(--ic-architectural-800);--ic-color-text-action-monochrome-dark:var(--ic-architectural-white);--ic-color-text-action-monochrome-hover-light:var(--ic-architectural-850);--ic-color-text-action-monochrome-hover-dark:var(--ic-architectural-40);--ic-color-text-action-monochrome-pressed-light:var(--ic-architectural-950);--ic-color-text-action-monochrome-pressed-dark:var(--ic-architectural-60);--ic-color-background-primary-light:var(--ic-architectural-white);--ic-color-background-primary-dark:var(--ic-architectural-850);--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-100);--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-disabled-selected:var(--ic-blue-1500);--ic-color-background-selected:var(--ic-architectural-white);--ic-color-background-clear-icon-hover:var(--ic-architectural-100);--ic-color-background-elevation-level-1:var(--ic-architectural-950);--ic-color-background-elevation-level-2:var(--ic-architectural-900);--ic-color-background-elevation-level-3:var(--ic-architectural-850);--ic-color-background-elevation-level-4:var(--ic-architectural-800);--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-600);--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-200);--ic-color-border-neutral-default:var(--ic-architectural-300);--ic-color-border-neutral-default-dark:var(--ic-architectural-500);--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-200);--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-300);--ic-color-border-neutral-disabled-light:var(--ic-architectural-200);--ic-color-border-neutral-disabled-mid:var(--ic-architectural-300);--ic-color-border-neutral-disabled-dark:var(--ic-architectural-600);--ic-color-border-monochrome-light:var(--ic-architectural-800);--ic-color-border-monochrome-dark:var(--ic-architectural-white);--ic-color-border-monochrome-hover-light:var(--ic-architectural-40);--ic-color-border-monochrome-hover-dark:var(--ic-architectural-850);--ic-color-border-monochrome-pressed-light:var(--ic-architectural-60);--ic-color-border-monochrome-pressed-dark:var(--ic-architectural-950);--ic-color-border-success-default:var(--ic-green-1400);--ic-color-border-success-default-dark:var(--ic-green-1000);--ic-color-border-success-hover-light:var(--ic-green-1600);--ic-color-border-success-hover-dark:var(--ic-green-800);--ic-color-border-success-pressed-light:var(--ic-green-1700);--ic-color-border-success-pressed-dark:var(--ic-green-700);--ic-color-border-warning-default:var(--ic-yellow-900);--ic-color-border-warning-default-dark:var(--ic-yellow-800);--ic-color-border-warning-hover-light:var(--ic-yellow-1100);--ic-color-border-warning-hover-dark:var(--ic-yellow-600);--ic-color-border-warning-pressed-light:var(--ic-yellow-1200);--ic-color-border-warning-pressed-dark:var(--ic-yellow-500);--ic-color-border-error-default:var(--ic-red-800);--ic-color-border-error-default-dark:var(--ic-red-900);--ic-color-border-error-hover-light:var(--ic-red-1000);--ic-color-border-error-hover-dark:var(--ic-red-700);--ic-color-border-error-pressed-light:var(--ic-red-1100);--ic-color-border-error-pressed-dark:var(--ic-red-600);--ic-color-border-action-default:var(--ic-blue-800);--ic-color-border-action-default-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-600);--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-200);--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-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-neutral-light:var(--ic-architectural-100);--ic-action-neutral-dark:var(--ic-architectural-800);--ic-action-monochrome:var(--ic-architectural-40);--ic-action-monochrome-dark:var(--ic-architectural-950);--ic-action-monochrome-hover:var(--ic-architectural-200);--ic-action-monochrome-hover-dark:var(--ic-architectural-800);--ic-action-monochrome-pressed:var(--ic-architectural-300);--ic-action-monochrome-pressed-dark:var(--ic-architectural-700);--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-state-layer-darken-20);--ic-brand-darken-30:var(--ic-state-layer-darken-30);--ic-brand-darken-40:var(--ic-state-layer-darken-40);--ic-brand-lighten-20:var(--ic-state-layer-lighten-20);--ic-brand-lighten-40:var(--ic-state-layer-lighten-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(
1608
+ );--ic-status-info-default:var(--ic-blue-900);--ic-status-info-default-dm:var(--ic-blue-900);--ic-status-info-light:var(--ic-blue-0);--ic-status-info-light-dm:var(--ic-blue-100);--ic-status-info-dark:var(--ic-blue-1600);--ic-status-info-dark-dm:var(--ic-blue-1700);--ic-status-info-contrast:var(--ic-blue-400);--ic-status-info-contrast-dm:var(--ic-blue-400);--ic-status-anomalous-default:var(--ic-purple-1400);--ic-status-anomalous-default-dm:var(--ic-purple-500);--ic-status-anomalous-light:var(--ic-purple-50);--ic-status-anomalous-light-dm:var(--ic-purple-50);--ic-status-anomalous-dark:var(--ic-purple-1800);--ic-status-anomalous-dark-dm:var(--ic-purple-1800);--ic-status-anomalous-contrast:var(--ic-purple-400);--ic-status-anomalous-contrast-dm:var(--ic-purple-400);--ic-status-unknown-default:var(--ic-architectural-500);--ic-status-unknown-default-dm:var(--ic-architectural-300);--ic-status-unknown-mid:var(--ic-architectural-700);--ic-status-unknown-light:var(--ic-architectural-40);--ic-status-unknown-light-dm:var(--ic-architectural-100);--ic-status-unknown-dark:var(--ic-architectural-800);--ic-status-unknown-dark-dm:var(--ic-architectural-850);--ic-status-unknown-outlined:var(--ic-architectural-200);--ic-status-unknown-contrast:var(--ic-architectural-300);--ic-status-unknown-contrast-dm:var(--ic-architectural-300);--ic-color-brand-text:var(--ic-architectural-20);--ic-color-text-primary-light:var(--ic-architectural-950);--ic-color-text-primary-dark:var(--ic-architectural-40);--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-inverted:var(--ic-architectural-white);--ic-color-text-disabled-mid: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-light:var(--ic-blue-800);--ic-color-text-action-dark:var(--ic-blue-400);--ic-color-text-action-hover-light:var(--ic-blue-1100);--ic-color-text-action-hover-dark:var(--ic-blue-200);--ic-color-text-action-pressed-light:var(--ic-blue-1300);--ic-color-text-action-pressed-dark:var(--ic-blue-100);--ic-color-text-error-light:var(--ic-red-400);--ic-color-text-error-dark:var(--ic-red-800);--ic-color-text-action-monochrome-light:var(--ic-architectural-800);--ic-color-text-action-monochrome-dark:var(--ic-architectural-white);--ic-color-text-action-monochrome-hover-light:var(--ic-architectural-850);--ic-color-text-action-monochrome-hover-dark:var(--ic-architectural-40);--ic-color-text-action-monochrome-pressed-light:var(--ic-architectural-950);--ic-color-text-action-monochrome-pressed-dark:var(--ic-architectural-60);--ic-color-background-primary-light:var(--ic-architectural-white);--ic-color-background-primary-dark:var(--ic-architectural-850);--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-100);--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-disabled-selected:var(--ic-blue-1500);--ic-color-background-selected:var(--ic-architectural-white);--ic-color-background-clear-icon-hover:var(--ic-architectural-100);--ic-color-background-elevation-level-1:var(--ic-architectural-950);--ic-color-background-elevation-level-2:var(--ic-architectural-900);--ic-color-background-elevation-level-3:var(--ic-architectural-850);--ic-color-background-elevation-level-4:var(--ic-architectural-800);--ic-color-page-background-light:var(--ic-architectural-white);--ic-color-page-background-dark:var(--ic-architectural-900);--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-600);--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-200);--ic-color-border-neutral-default:var(--ic-architectural-300);--ic-color-border-neutral-default-dark:var(--ic-architectural-500);--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-200);--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-300);--ic-color-border-neutral-disabled-light:var(--ic-architectural-200);--ic-color-border-neutral-disabled-mid:var(--ic-architectural-300);--ic-color-border-neutral-disabled-dark:var(--ic-architectural-600);--ic-color-border-monochrome-light:var(--ic-architectural-800);--ic-color-border-monochrome-dark:var(--ic-architectural-white);--ic-color-border-monochrome-hover-light:var(--ic-architectural-40);--ic-color-border-monochrome-hover-dark:var(--ic-architectural-850);--ic-color-border-monochrome-pressed-light:var(--ic-architectural-60);--ic-color-border-monochrome-pressed-dark:var(--ic-architectural-950);--ic-color-border-success-default:var(--ic-green-1400);--ic-color-border-success-default-dark:var(--ic-green-1000);--ic-color-border-success-hover-light:var(--ic-green-1600);--ic-color-border-success-hover-dark:var(--ic-green-800);--ic-color-border-success-pressed-light:var(--ic-green-1700);--ic-color-border-success-pressed-dark:var(--ic-green-700);--ic-color-border-warning-default:var(--ic-yellow-900);--ic-color-border-warning-default-dark:var(--ic-yellow-800);--ic-color-border-warning-hover-light:var(--ic-yellow-1100);--ic-color-border-warning-hover-dark:var(--ic-yellow-600);--ic-color-border-warning-pressed-light:var(--ic-yellow-1200);--ic-color-border-warning-pressed-dark:var(--ic-yellow-500);--ic-color-border-error-default:var(--ic-red-800);--ic-color-border-error-default-dark:var(--ic-red-900);--ic-color-border-error-hover-light:var(--ic-red-1000);--ic-color-border-error-hover-dark:var(--ic-red-700);--ic-color-border-error-pressed-light:var(--ic-red-1100);--ic-color-border-error-pressed-dark:var(--ic-red-600);--ic-color-border-action-default:var(--ic-blue-800);--ic-color-border-action-default-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-600);--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-200);--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-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-neutral-light:var(--ic-architectural-100);--ic-action-neutral-dark:var(--ic-architectural-800);--ic-action-monochrome:var(--ic-architectural-40);--ic-action-monochrome-dark:var(--ic-architectural-950);--ic-action-monochrome-hover:var(--ic-architectural-200);--ic-action-monochrome-hover-dark:var(--ic-architectural-800);--ic-action-monochrome-pressed:var(--ic-architectural-300);--ic-action-monochrome-pressed-dark:var(--ic-architectural-700);--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-state-layer-darken-20);--ic-brand-darken-30:var(--ic-state-layer-darken-30);--ic-brand-darken-40:var(--ic-state-layer-darken-40);--ic-brand-lighten-20:var(--ic-state-layer-lighten-20);--ic-brand-lighten-40:var(--ic-state-layer-lighten-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(
1597
1609
  var(--ic-brand-color-primary-r) var(--ic-brand-color-primary-g)
1598
1610
  var(--ic-brand-color-primary-b) / var(--ic-brand-color-primary-a)
1599
1611
  );--ic-brand-color-secondary:rgb(
@@ -1694,7 +1706,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1694
1706
  );--ic-atoms-input-select-content-divider-light:var(
1695
1707
  --ic-color-icon-grey-default
1696
1708
  );--ic-atoms-input-select-content-divider-dark:var(--ic-color-icon-grey-light);--ic-atoms-input-select-content-text-cursor-light:var(
1697
- --ic-color-text-action
1709
+ --ic-color-text-action-light
1698
1710
  );--ic-atoms-input-select-content-text-cursor-dark:var(
1699
1711
  --ic-color-text-action-dark
1700
1712
  );--ic-atoms-input-text-field-content-placeholder-light:var(
@@ -1717,7 +1729,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1717
1729
  --ic-color-text-disabled-mid
1718
1730
  );--ic-atoms-input-text-area-content-disabled-dark:var(
1719
1731
  --ic-color-text-disabled-dark
1720
- );--ic-atoms-input-text-area-content-cursor-light:var(--ic-color-text-action);--ic-atoms-input-text-area-content-cursor-dark:var(
1732
+ );--ic-atoms-input-text-area-content-cursor-light:var(
1733
+ --ic-color-text-action-light
1734
+ );--ic-atoms-input-text-area-content-cursor-dark:var(
1721
1735
  --ic-color-text-action-dark
1722
1736
  );--ic-atoms-input-text-area-content-icon-light:var(--ic-color-icon-neutral);--ic-atoms-input-text-area-content-icon-dark:var(--ic-color-icon-inverted);--ic-atoms-input-text-area-content-icon-disabled-light:var(
1723
1737
  --ic-color-icon-disabled-mid
@@ -1831,4 +1845,4 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1831
1845
  inset 0 0 0 8px var(--ic-architectural-black);--ic-border-hc:var(--ic-space-1px) solid transparent;--ic-border-keyline-darken:1px solid var(--ic-color-keyline-darken);--ic-border-keyline-lighten:1px solid var(--ic-color-keyline-lighten)}:root{--ic-elevation-raised:0 0 2px rgb(0 0 0 / 50%);--ic-elevation-overlay:0 2px 8px rgb(0 0 0 / 20%);--ic-elevation-modal:0 4px 16px rgb(0 0 0 / 25%);--ic-elevation-inset:inset 0 4px 16px rgb(0 0 0 / 25%),
1832
1846
  inset 0 -4px 16px rgb(0 0 0 / 25%);--ic-easing-transition-fast:var(--ic-transition-duration-fast)
1833
1847
  cubic-bezier(0.165, 0.84, 0.44, 1);--ic-easing-transition-slow:var(--ic-transition-duration-slow)
1834
- cubic-bezier(0.165, 0.84, 0.44, 1);--ic-transition-duration-fast:100ms;--ic-transition-duration-slow:300ms;--ic-breakpoint-xs:0;--ic-breakpoint-sm:576px;--ic-breakpoint-md:768px;--ic-breakpoint-lg:992px;--ic-breakpoint-xl:1200px;--ic-space-1px:0.063rem;--ic-space-xxxs:0.125rem;--ic-space-xxs:0.25rem;--ic-space-xs:0.5rem;--ic-space-sm:0.75rem;--ic-space-md:1rem;--ic-space-lg:1.5rem;--ic-space-xl:2rem;--ic-space-xxl:3rem;--ic-z-index-base-value:0;--ic-z-index-page-header:calc(var(--ic-z-index-base-value) + 10);--ic-z-index-back-to-top:calc(var(--ic-z-index-base-value) + 20);--ic-z-index-skip-link:calc(var(--ic-z-index-base-value) + 20);--ic-z-index-popover:calc(var(--ic-z-index-base-value) + 50);--ic-z-index-sticky-page-header:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-date-picker:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-navigation-item:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-navigation-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-side-navigation:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-dialog:calc(var(--ic-z-index-base-value) + 100);--ic-z-index-toast:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-tooltip:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-classification-banner:calc(var(--ic-z-index-base-value) + 200)}
1848
+ cubic-bezier(0.165, 0.84, 0.44, 1);--ic-transition-duration-fast:100ms;--ic-transition-duration-slow:300ms;--ic-breakpoint-xs:0;--ic-breakpoint-sm:576px;--ic-breakpoint-md:768px;--ic-breakpoint-lg:992px;--ic-breakpoint-xl:1200px;--ic-space-1px:0.063rem;--ic-space-xxxs:0.125rem;--ic-space-xxs:0.25rem;--ic-space-xs:0.5rem;--ic-space-sm:0.75rem;--ic-space-md:1rem;--ic-space-lg:1.5rem;--ic-space-xl:2rem;--ic-space-xxl:3rem;--ic-z-index-base-value:0;--ic-z-index-page-header:calc(var(--ic-z-index-base-value) + 10);--ic-z-index-back-to-top:calc(var(--ic-z-index-base-value) + 20);--ic-z-index-popover:calc(var(--ic-z-index-base-value) + 50);--ic-z-index-sticky-page-header:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-date-picker:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-navigation-item:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-navigation-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-side-navigation:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-dialog:calc(var(--ic-z-index-base-value) + 100);--ic-z-index-toast:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-tooltip:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-classification-banner:calc(var(--ic-z-index-base-value) + 200);--ic-z-index-skip-link:calc(var(--ic-z-index-base-value) + 210)}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "sideEffects": [
4
4
  "*.css"
5
5
  ],
6
- "version": "3.0.0-canary.20",
6
+ "version": "3.0.0-canary.21",
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",
@@ -38,9 +38,9 @@
38
38
  "email": "icds@gchq.gov.uk"
39
39
  },
40
40
  "dependencies": {
41
- "@ukic/canary-web-components": "^3.0.0-canary.20",
42
- "@ukic/react": "^3.5.0",
43
- "@ukic/web-components": "^3.5.0"
41
+ "@ukic/canary-web-components": "^3.0.0-canary.21",
42
+ "@ukic/react": "^3.6.0",
43
+ "@ukic/web-components": "^3.6.0"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@babel/core": "^7.16.0",
@@ -104,5 +104,5 @@
104
104
  },
105
105
  "license": "MIT",
106
106
  "packageManager": "^npm@10.9.2",
107
- "gitHead": "b2e5e8e0ebf877277c71d9b8c72edde315c70fe5"
107
+ "gitHead": "f8f06110b168e3887dc77705152f18a33ad948f1"
108
108
  }