@ukic/react 3.4.0 → 3.6.0

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 (93) hide show
  1. package/dist/core/core.css +67 -49
  2. package/dist/performance-tests/App.js +109 -7
  3. package/dist/performance-tests/pages/IcAccordion/IcAccordionMultiple/index.d.ts +6 -0
  4. package/dist/performance-tests/pages/IcAccordion/IcAccordionMultiple/index.js +25 -0
  5. package/dist/performance-tests/pages/IcAccordion/IcAccordionSingle/index.d.ts +6 -0
  6. package/dist/performance-tests/pages/IcAccordion/IcAccordionSingle/index.js +17 -0
  7. package/dist/performance-tests/pages/IcButton/IcButtonMultiple/index.d.ts +6 -0
  8. package/dist/performance-tests/pages/IcButton/IcButtonMultiple/index.js +15 -0
  9. package/dist/performance-tests/pages/IcButton/IcButtonSingle/index.d.ts +6 -0
  10. package/dist/performance-tests/pages/IcButton/IcButtonSingle/index.js +12 -0
  11. package/dist/performance-tests/pages/IcButton/IcButtonVariants/index.d.ts +6 -0
  12. package/dist/performance-tests/pages/IcButton/IcButtonVariants/index.js +50 -0
  13. package/dist/performance-tests/pages/IcButton/IcButtonWithEvents/index.d.ts +6 -0
  14. package/dist/performance-tests/pages/IcButton/IcButtonWithEvents/index.js +18 -0
  15. package/dist/performance-tests/pages/IcCheckbox/IcCheckboxBasicMultiple/index.d.ts +6 -0
  16. package/dist/performance-tests/pages/IcCheckbox/IcCheckboxBasicMultiple/index.js +44 -0
  17. package/dist/performance-tests/pages/IcCheckbox/IcCheckboxMultiple/index.d.ts +6 -0
  18. package/dist/performance-tests/pages/IcCheckbox/IcCheckboxMultiple/index.js +33 -0
  19. package/dist/performance-tests/pages/IcCheckbox/IcCheckboxSingle/index.d.ts +6 -0
  20. package/dist/performance-tests/pages/IcCheckbox/IcCheckboxSingle/index.js +25 -0
  21. package/dist/performance-tests/pages/IcDialog/IcDialogAllOpen/index.d.ts +6 -0
  22. package/dist/performance-tests/pages/IcDialog/IcDialogAllOpen/index.js +16 -0
  23. package/dist/performance-tests/pages/IcDialog/IcDialogMultiple/index.d.ts +6 -0
  24. package/dist/performance-tests/pages/IcDialog/IcDialogMultiple/index.js +146 -0
  25. package/dist/performance-tests/pages/IcDialog/IcDialogSingle/index.d.ts +6 -0
  26. package/dist/performance-tests/pages/IcDialog/IcDialogSingle/index.js +27 -0
  27. package/dist/performance-tests/pages/IcDialog/IcDialogSlottedContent/index.d.ts +6 -0
  28. package/dist/performance-tests/pages/IcDialog/IcDialogSlottedContent/index.js +38 -0
  29. package/dist/performance-tests/pages/IcFooter/index.d.ts +6 -0
  30. package/dist/performance-tests/pages/IcFooter/index.js +38 -0
  31. package/dist/performance-tests/pages/IcHero/index.d.ts +6 -0
  32. package/dist/performance-tests/pages/IcHero/index.js +18 -0
  33. package/dist/performance-tests/pages/IcPageHeader/index.d.ts +6 -0
  34. package/dist/performance-tests/pages/IcPageHeader/index.js +24 -0
  35. package/dist/performance-tests/pages/IcPopoverMenu/IcPopoverMenuMultiple/index.d.ts +6 -0
  36. package/dist/performance-tests/pages/IcPopoverMenu/IcPopoverMenuMultiple/index.js +51 -0
  37. package/dist/performance-tests/pages/IcPopoverMenu/IcPopoverMenuMultipleNotRendered/index.d.ts +6 -0
  38. package/dist/performance-tests/pages/IcPopoverMenu/IcPopoverMenuMultipleNotRendered/index.js +51 -0
  39. package/dist/performance-tests/pages/IcPopoverMenu/IcPopoverMenuSingle/index.d.ts +6 -0
  40. package/dist/performance-tests/pages/IcPopoverMenu/IcPopoverMenuSingle/index.js +37 -0
  41. package/dist/performance-tests/pages/IcRadio/IcRadioMultiple/index.d.ts +6 -0
  42. package/dist/performance-tests/pages/IcRadio/IcRadioMultiple/index.js +32 -0
  43. package/dist/performance-tests/pages/IcRadio/IcRadioSingle/index.d.ts +6 -0
  44. package/dist/performance-tests/pages/IcRadio/IcRadioSingle/index.js +22 -0
  45. package/dist/performance-tests/pages/IcRadio/IcRadioVariants/index.d.ts +6 -0
  46. package/dist/performance-tests/pages/IcRadio/IcRadioVariants/index.js +84 -0
  47. package/dist/performance-tests/pages/IcSearchBar/IcSearchBarMultiple/index.d.ts +6 -0
  48. package/dist/performance-tests/pages/IcSearchBar/IcSearchBarMultiple/index.js +49 -0
  49. package/dist/performance-tests/pages/IcSearchBar/IcSearchBarSingle/index.d.ts +6 -0
  50. package/dist/performance-tests/pages/IcSearchBar/IcSearchBarSingle/index.js +23 -0
  51. package/dist/performance-tests/pages/IcSearchBar/IcSearchBarVariants/index.d.ts +6 -0
  52. package/dist/performance-tests/pages/IcSearchBar/IcSearchBarVariants/index.js +63 -0
  53. package/dist/performance-tests/pages/IcSelect/Multi/IcSelectMultiMultiple/index.d.ts +6 -0
  54. package/dist/performance-tests/pages/IcSelect/Multi/IcSelectMultiMultiple/index.js +58 -0
  55. package/dist/performance-tests/pages/IcSelect/Multi/IcSelectMultiSingle/index.d.ts +6 -0
  56. package/dist/performance-tests/pages/IcSelect/Multi/IcSelectMultiSingle/index.js +55 -0
  57. package/dist/performance-tests/pages/IcSelect/Multi/IcSelectMultiVariants/index.d.ts +6 -0
  58. package/dist/performance-tests/pages/IcSelect/Multi/IcSelectMultiVariants/index.js +115 -0
  59. package/dist/performance-tests/pages/IcSelect/Searchable/IcSelectSearchableMultiple/index.d.ts +6 -0
  60. package/dist/performance-tests/pages/IcSelect/Searchable/IcSelectSearchableMultiple/index.js +58 -0
  61. package/dist/performance-tests/pages/IcSelect/Searchable/IcSelectSearchableSingle/index.d.ts +6 -0
  62. package/dist/performance-tests/pages/IcSelect/Searchable/IcSelectSearchableSingle/index.js +55 -0
  63. package/dist/performance-tests/pages/IcSelect/Searchable/IcSelectSearchableVariants/index.d.ts +6 -0
  64. package/dist/performance-tests/pages/IcSelect/Searchable/IcSelectSearchableVariants/index.js +115 -0
  65. package/dist/performance-tests/pages/IcSelect/Single/IcSelectMultiple/index.d.ts +6 -0
  66. package/dist/performance-tests/pages/IcSelect/Single/IcSelectMultiple/index.js +58 -0
  67. package/dist/performance-tests/pages/IcSelect/Single/IcSelectSingle/index.d.ts +6 -0
  68. package/dist/performance-tests/pages/IcSelect/Single/IcSelectSingle/index.js +35 -0
  69. package/dist/performance-tests/pages/IcSelect/Single/IcSelectVariants/index.d.ts +6 -0
  70. package/dist/performance-tests/pages/IcSelect/Single/IcSelectVariants/index.js +115 -0
  71. package/dist/performance-tests/pages/IcSideNavigation/IcSideNavigationClosed/index.d.ts +6 -0
  72. package/dist/performance-tests/pages/IcSideNavigation/IcSideNavigationClosed/index.js +43 -0
  73. package/dist/performance-tests/pages/IcSideNavigation/IcSideNavigationExpanded/index.d.ts +6 -0
  74. package/dist/performance-tests/pages/IcSideNavigation/IcSideNavigationExpanded/index.js +42 -0
  75. package/dist/performance-tests/pages/IcStepper/index.d.ts +6 -0
  76. package/dist/performance-tests/pages/IcStepper/index.js +29 -0
  77. package/dist/performance-tests/pages/IcToast/IcToastMultiple/index.d.ts +6 -0
  78. package/dist/performance-tests/pages/IcToast/IcToastMultiple/index.js +30 -0
  79. package/dist/performance-tests/pages/IcToast/IcToastSingle/index.d.ts +6 -0
  80. package/dist/performance-tests/pages/IcToast/IcToastSingle/index.js +23 -0
  81. package/dist/performance-tests/pages/IcToast/IcToastVariants/index.d.ts +6 -0
  82. package/dist/performance-tests/pages/IcToast/IcToastVariants/index.js +87 -0
  83. package/dist/performance-tests/pages/IcTopNavigation/IcTopNavigationBasic/index.d.ts +6 -0
  84. package/dist/performance-tests/pages/IcTopNavigation/IcTopNavigationBasic/index.js +17 -0
  85. package/dist/performance-tests/pages/IcTopNavigation/IcTopNavigationWithNavigation/index.d.ts +6 -0
  86. package/dist/performance-tests/pages/IcTopNavigation/IcTopNavigationWithNavigation/index.js +35 -0
  87. package/package.json +3 -3
  88. package/dist/performance-tests/pages/IcButton/index.d.ts +0 -3
  89. package/dist/performance-tests/pages/IcButton/index.js +0 -8
  90. package/dist/performance-tests/pages/IcCheckbox/index.d.ts +0 -3
  91. package/dist/performance-tests/pages/IcCheckbox/index.js +0 -15
  92. package/dist/performance-tests/pages/MultipleIcButtons/index.d.ts +0 -3
  93. package/dist/performance-tests/pages/MultipleIcButtons/index.js +0 -18
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
@@ -295,17 +295,17 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
295
295
  --ic-atoms-input-field-label-subtitle-disabled
296
296
  );--ic-checkbox-state-icon-error:var(--ic-color-icon-error-dark);--ic-checkbox-state-text:var(--ic-color-text-primary);--ic-checkbox-required-bar:var(--ic-action-default);--ic-checkbox-required-text:var(--ic-color-text-action-light);--ic-chip-label:var(--ic-color-text-primary);--ic-chip-label-inactive:var(--ic-color-text-inactive);--ic-chip-icon:var(--ic-color-icon-neutral);--ic-chip-icon-inactive:var(--ic-color-icon-disabled-dark);--ic-chip-outline:var(--ic-color-text-primary);--ic-chip-outline-inactive:var(--ic-color-border-neutral-disabled-light);--ic-chip-outline-background:var(--ic-color-background-primary);--ic-chip-outline-label:var(--ic-color-text-primary);--ic-chip-background-filled-default:var(--ic-state-layer-neutral-default);--ic-chip-background-filled-inactive:var(--ic-state-layer-neutral-light);--ic-chip-action-hover:var(--ic-action-dark-bg-hover);--ic-chip-action-pressed:var(--ic-action-dark-bg-pressed);--ic-card-text-primary:var(--ic-color-text-primary);--ic-card-disabled-text:var(--ic-color-text-disabled-mid);--ic-card-icon:var(--ic-color-icon-neutral);--ic-card-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-card-clickable-text:var(--ic-color-hyperlink-default);--ic-card-border-primary:var(--ic-color-border-neutral-grey-dark);--ic-card-border-monochrome:var(--ic-color-border-neutral-black);--ic-card-hover-border-color:var(--ic-color-border-neutral-hover-default);--ic-card-pressed-border-color:var(
297
297
  --ic-color-border-neutral-pressed-default
298
- );--ic-card-disabled-border-color:var(--ic-color-border-neutral-disabled);--ic-card-background-hover:var(--ic-action-default-bg-hover);--ic-card-background-pressed:var(--ic-action-default-bg-pressed);--ic-card-link-action-dark:var(--ic-link-text-visited);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-data-table-border:var(--ic-color-border-neutral-default);--ic-data-table-cell-background-selected:var(
298
+ );--ic-card-disabled-border-color:var(--ic-color-border-neutral-disabled);--ic-card-background-hover:var(--ic-action-default-bg-hover);--ic-card-background-pressed:var(--ic-action-default-bg-pressed);--ic-card-link-action-dark:var(--ic-link-text-visited);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-data-table-border:var(--ic-color-border-neutral-default);--ic-data-table-cell-background:var(--ic-color-background-primary);--ic-data-table-cell-background-hover:var(--ic-action-default-bg-hover);--ic-data-table-cell-background-selected:var(
299
299
  --ic-action-default-bg-hover-24
300
- );--ic-data-table-icon-button-background-hover:var(--ic-action-dark-bg-hover);--ic-data-table-icon-button-background-pressed:var(
300
+ );--ic-data-table-cell-background-selected-hover:var(
301
+ --ic-action-default-bg-pressed-hover-34
302
+ );--ic-data-table-cell-background-stripe:var(--ic-color-background-secondary);--ic-data-table-cell-data-description:var(--ic-color-text-secondary);--ic-data-table-cell-keyline:var(--ic-color-keyline-light);--ic-data-table-icon-button-background-hover:var(--ic-action-dark-bg-hover);--ic-data-table-icon-button-background-pressed:var(
301
303
  --ic-action-dark-bg-pressed
302
- );--ic-data-table-sort-toggle-icon:var(--ic-color-icon-neutral);--ic-data-table-sort-toggle-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-data-table-sort-toggle-icon-default:var(--ic-color-icon-grey-dark);--ic-data-table-header-background:var(--ic-color-background-secondary-40);--ic-data-table-header-keyline:var(--ic-color-keyline);--ic-data-table-cell-background:var(--ic-color-background-primary);--ic-data-table-cell-background-stripe:var(--ic-color-background-secondary);--ic-data-table-cell-keyline:var(--ic-color-keyline-light);--ic-data-table-text-low-emphasis:var(--ic-color-text-secondary);--ic-data-table-text-default-emphasis:var(--ic-color-text-primary);--ic-data-table-text-high-emphasis:var(--ic-color-text-primary);--ic-data-table-pagination-bar-background-color:var(
304
+ );--ic-data-table-sort-toggle-icon:var(--ic-color-icon-neutral);--ic-data-table-sort-toggle-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-data-table-sort-toggle-icon-default:var(--ic-color-icon-grey-darker);--ic-data-table-header-background:var(--ic-color-background-secondary-40);--ic-data-table-header-keyline:var(--ic-color-keyline);--ic-data-table-text-low-emphasis:var(--ic-color-text-secondary);--ic-data-table-text-default-emphasis:var(--ic-color-text-primary);--ic-data-table-text-high-emphasis:var(--ic-color-text-primary);--ic-data-table-pagination-bar-background-color:var(
303
305
  --ic-color-background-secondary-40
304
- );--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(
305
- --ic-action-default-bg-pressed-hover-34
306
- );--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(
306
+ );--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-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(
307
307
  --ic-architectural-black
308
- );--ic-data-table-cell-description-text:var(--ic-color-text-secondary-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(
308
+ );--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(
309
309
  --ic-color-border-neutral-hover-default
310
310
  );--ic-date-input-border-default-pressed:var(
311
311
  --ic-color-border-neutral-pressed-default
@@ -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(
@@ -795,23 +803,23 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
795
803
  --ic-atoms-input-field-label-subtitle-disabled
796
804
  );--ic-checkbox-state-icon-error:var(--ic-color-icon-error-light);--ic-checkbox-state-text:var(--ic-color-text-primary);--ic-checkbox-required-bar:var(--ic-action-default);--ic-checkbox-required-text:var(--ic-color-text-action-dark);--ic-chip-label:var(--ic-color-text-primary-light);--ic-chip-label-inactive:var(--ic-color-text-inactive);--ic-chip-icon:var(--ic-color-icon-neutral);--ic-chip-icon-inactive:var(--ic-color-icon-disabled-mid);--ic-chip-outline:var(--ic-color-text-primary-dark);--ic-chip-outline-inactive:var(--ic-color-border-neutral-disabled-dark);--ic-chip-outline-background:var(--ic-color-background-primary-dark);--ic-chip-outline-label:var(--ic-color-text-primary-dark);--ic-chip-background-filled-default:var(--ic-state-layer-neutral-dark);--ic-chip-background-filled-inactive:var(
797
805
  --ic-color-background-secondary-dark
798
- );--ic-chip-action-hover:var(--ic-action-light-bg-hover);--ic-chip-action-pressed:var(--ic-action-light-bg-pressed);--ic-card-text-primary:var(--ic-color-text-primary);--ic-card-disabled-text:var(--ic-color-text-disabled-dark);--ic-card-icon:var(--ic-color-icon-inverted);--ic-card-icon-disabled:var(--ic-color-icon-disabled);--ic-card-clickable-text:var(--ic-color-hyperlink-default);--ic-card-border-primary:var(--ic-color-border-neutral-default-dark);--ic-card-border-monochrome:var(--ic-color-border-neutral-white);--ic-card-hover-border-color:var(--ic-color-border-neutral-hover-dark);--ic-card-pressed-border-color:var(--ic-color-border-neutral-pressed-dark);--ic-card-disabled-border-color:var(--ic-color-border-neutral-disabled);--ic-card-background-hover:var(--ic-color-background-hover);--ic-card-background-pressed:var(--ic-color-background-pressed);--ic-card-link-action-dark:var(--ic-link-text-visited);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-data-table-border:var(--ic-color-border-neutral-default);--ic-data-table-cell-background-selected:var(
799
- --ic-action-light-bg-hover-24
800
- );--ic-data-table-icon-button-background-hover:var(
806
+ );--ic-chip-action-hover:var(--ic-action-light-bg-hover);--ic-chip-action-pressed:var(--ic-action-light-bg-pressed);--ic-card-text-primary:var(--ic-color-text-primary);--ic-card-disabled-text:var(--ic-color-text-disabled-dark);--ic-card-icon:var(--ic-color-icon-inverted);--ic-card-icon-disabled:var(--ic-color-icon-disabled);--ic-card-clickable-text:var(--ic-color-hyperlink-default);--ic-card-border-primary:var(--ic-color-border-neutral-default-dark);--ic-card-border-monochrome:var(--ic-color-border-neutral-white);--ic-card-hover-border-color:var(--ic-color-border-neutral-hover-dark);--ic-card-pressed-border-color:var(--ic-color-border-neutral-pressed-dark);--ic-card-disabled-border-color:var(--ic-color-border-neutral-disabled);--ic-card-background-hover:var(--ic-color-background-hover);--ic-card-background-pressed:var(--ic-color-background-pressed);--ic-card-link-action-dark:var(--ic-link-text-visited);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-data-table-border:var(--ic-color-border-neutral-default);--ic-data-table-cell-background:var(--ic-color-background-primary);--ic-data-table-cell-background-hover:var(--ic-action-default-bg-hover);--ic-data-table-cell-background-selected:var(
807
+ --ic-action-default-bg-hover-24
808
+ );--ic-data-table-cell-background-selected-hover:var(
809
+ --ic-action-default-bg-pressed-hover-34
810
+ );--ic-data-table-cell-background-stripe:var(
811
+ --ic-color-background-neutral-light
812
+ );--ic-data-table-cell-data-description:var(--ic-color-text-secondary-dark);--ic-data-table-cell-keyline:var(--ic-color-keyline-light);--ic-data-table-icon-button-background-hover:var(
801
813
  --ic-action-light-bg-hover
802
814
  );--ic-data-table-icon-button-background-pressed:var(
803
815
  --ic-action-light-bg-pressed
804
- );--ic-data-table-sort-toggle-icon:var(--ic-color-icon-inverted);--ic-data-table-sort-toggle-icon-disabled:var(--ic-color-icon-disabled);--ic-data-table-sort-toggle-icon-default:var(--ic-color-icon-grey-light);--ic-data-table-header-background:var(
816
+ );--ic-data-table-sort-toggle-icon:var(--ic-color-icon-inverted);--ic-data-table-sort-toggle-icon-disabled:var(--ic-color-icon-disabled);--ic-data-table-sort-toggle-icon-default:var(--ic-color-icon-grey-lighter);--ic-data-table-header-background:var(
805
817
  --ic-color-background-secondary-dark
806
- );--ic-data-table-header-keyline:var(--ic-color-keyline);--ic-data-table-cell-background:var(--ic-color-background-primary);--ic-data-table-cell-background-stripe:var(
807
- --ic-color-background-secondary
808
- );--ic-data-table-cell-keyline:var(--ic-color-keyline-light);--ic-data-table-text-low-emphasis:var(--ic-color-text-secondary);--ic-data-table-text-default-emphasis:var(--ic-color-text-primary);--ic-data-table-text-high-emphasis:var(--ic-color-text-primary);--ic-data-table-pagination-bar-background-color:var(
818
+ );--ic-data-table-header-keyline:var(--ic-color-keyline);--ic-data-table-text-low-emphasis:var(--ic-color-text-secondary);--ic-data-table-text-default-emphasis:var(--ic-color-text-primary);--ic-data-table-text-high-emphasis:var(--ic-color-text-primary);--ic-data-table-pagination-bar-background-color:var(
809
819
  --ic-color-background-secondary-dark
810
- );--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(
811
- --ic-action-light-bg-pressed-34
812
- );--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(
820
+ );--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-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(
813
821
  --ic-architectural-black
814
- );--ic-data-table-cell-description-text:var(--ic-color-text-secondary-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-default-dark);--ic-date-input-border-default-hover:var(
822
+ );--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-default-dark);--ic-date-input-border-default-hover:var(
815
823
  --ic-color-border-neutral-hover-dark
816
824
  );--ic-date-input-border-default-pressed:var(
817
825
  --ic-color-border-neutral-pressed-dark
@@ -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(
@@ -1345,17 +1357,21 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1345
1357
  --ic-atoms-input-field-label-subtitle-disabled
1346
1358
  );--ic-checkbox-state-icon-error:var(--ic-color-icon-error-light);--ic-checkbox-state-text:var(--ic-color-text-primary);--ic-checkbox-required-bar:var(--ic-action-default);--ic-checkbox-required-text:var(--ic-color-text-action-dark);--ic-chip-label:var(--ic-color-text-primary-light);--ic-chip-label-inactive:var(--ic-color-text-inactive);--ic-chip-icon:var(--ic-color-icon-neutral);--ic-chip-icon-inactive:var(--ic-color-icon-disabled-mid);--ic-chip-outline:var(--ic-color-text-primary-dark);--ic-chip-outline-inactive:var(--ic-color-border-neutral-disabled-dark);--ic-chip-outline-background:var(--ic-color-background-primary-dark);--ic-chip-outline-label:var(--ic-color-text-primary-dark);--ic-chip-background-filled-default:var(--ic-state-layer-neutral-dark);--ic-chip-background-filled-inactive:var(
1347
1359
  --ic-color-background-secondary-dark
1348
- );--ic-chip-action-hover:var(--ic-action-light-bg-hover);--ic-chip-action-pressed:var(--ic-action-light-bg-pressed);--ic-card-text-primary:var(--ic-color-text-primary);--ic-card-disabled-text:var(--ic-color-text-disabled-dark);--ic-card-icon:var(--ic-color-icon-inverted);--ic-card-icon-disabled:var(--ic-color-icon-disabled);--ic-card-clickable-text:var(--ic-color-hyperlink-default);--ic-card-border-primary:var(--ic-color-border-neutral-default-dark);--ic-card-border-monochrome:var(--ic-color-border-neutral-white);--ic-card-hover-border-color:var(--ic-color-border-neutral-hover-dark);--ic-card-pressed-border-color:var(--ic-color-border-neutral-pressed-dark);--ic-card-disabled-border-color:var(--ic-color-border-neutral-disabled);--ic-card-background-hover:var(--ic-color-background-hover);--ic-card-background-pressed:var(--ic-color-background-pressed);--ic-card-link-action-dark:var(--ic-link-text-visited);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-data-table-border:var(--ic-color-border-neutral-default);--ic-data-table-cell-background-selected:var(--ic-action-light-bg-hover-24);--ic-data-table-icon-button-background-hover:var(--ic-action-light-bg-hover);--ic-data-table-icon-button-background-pressed:var(
1360
+ );--ic-chip-action-hover:var(--ic-action-light-bg-hover);--ic-chip-action-pressed:var(--ic-action-light-bg-pressed);--ic-card-text-primary:var(--ic-color-text-primary);--ic-card-disabled-text:var(--ic-color-text-disabled-dark);--ic-card-icon:var(--ic-color-icon-inverted);--ic-card-icon-disabled:var(--ic-color-icon-disabled);--ic-card-clickable-text:var(--ic-color-hyperlink-default);--ic-card-border-primary:var(--ic-color-border-neutral-default-dark);--ic-card-border-monochrome:var(--ic-color-border-neutral-white);--ic-card-hover-border-color:var(--ic-color-border-neutral-hover-dark);--ic-card-pressed-border-color:var(--ic-color-border-neutral-pressed-dark);--ic-card-disabled-border-color:var(--ic-color-border-neutral-disabled);--ic-card-background-hover:var(--ic-color-background-hover);--ic-card-background-pressed:var(--ic-color-background-pressed);--ic-card-link-action-dark:var(--ic-link-text-visited);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-data-table-border:var(--ic-color-border-neutral-default);--ic-data-table-cell-background:var(--ic-color-background-primary);--ic-data-table-cell-background-hover:var(--ic-action-default-bg-hover);--ic-data-table-cell-background-selected:var(
1361
+ --ic-action-default-bg-hover-24
1362
+ );--ic-data-table-cell-background-selected-hover:var(
1363
+ --ic-action-default-bg-pressed-hover-34
1364
+ );--ic-data-table-cell-background-stripe:var(
1365
+ --ic-color-background-neutral-light
1366
+ );--ic-data-table-cell-data-description:var(--ic-color-text-secondary-dark);--ic-data-table-cell-keyline:var(--ic-color-keyline-light);--ic-data-table-icon-button-background-hover:var(--ic-action-light-bg-hover);--ic-data-table-icon-button-background-pressed:var(
1349
1367
  --ic-action-light-bg-pressed
1350
- );--ic-data-table-sort-toggle-icon:var(--ic-color-icon-inverted);--ic-data-table-sort-toggle-icon-disabled:var(--ic-color-icon-disabled);--ic-data-table-sort-toggle-icon-default:var(--ic-color-icon-grey-light);--ic-data-table-header-background:var(--ic-color-background-secondary-dark);--ic-data-table-header-keyline:var(--ic-color-keyline);--ic-data-table-cell-background:var(--ic-color-background-primary);--ic-data-table-cell-background-stripe:var(--ic-color-background-secondary);--ic-data-table-cell-keyline:var(--ic-color-keyline-light);--ic-data-table-text-low-emphasis:var(--ic-color-text-secondary);--ic-data-table-text-default-emphasis:var(--ic-color-text-primary);--ic-data-table-text-high-emphasis:var(--ic-color-text-primary);--ic-data-table-pagination-bar-background-color:var(
1368
+ );--ic-data-table-sort-toggle-icon:var(--ic-color-icon-inverted);--ic-data-table-sort-toggle-icon-disabled:var(--ic-color-icon-disabled);--ic-data-table-sort-toggle-icon-default:var(--ic-color-icon-grey-lighter);--ic-data-table-header-background:var(--ic-color-background-secondary-dark);--ic-data-table-header-keyline:var(--ic-color-keyline);--ic-data-table-text-low-emphasis:var(--ic-color-text-secondary);--ic-data-table-text-default-emphasis:var(--ic-color-text-primary);--ic-data-table-text-high-emphasis:var(--ic-color-text-primary);--ic-data-table-pagination-bar-background-color:var(
1351
1369
  --ic-color-background-secondary-dark
1352
1370
  );--ic-data-table-pagination-bar-keyline:var(--ic-color-keyline);--ic-data-table-loading-indicator-background-color:var(
1353
1371
  --ic-color-background-primary
1354
- );--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(
1355
- --ic-action-light-bg-pressed-34
1356
- );--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(
1372
+ );--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-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(
1357
1373
  --ic-architectural-black
1358
- );--ic-data-table-cell-description-text:var(--ic-color-text-secondary-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-default-dark);--ic-date-input-border-default-hover:var(
1374
+ );--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-default-dark);--ic-date-input-border-default-hover:var(
1359
1375
  --ic-color-border-neutral-hover-dark
1360
1376
  );--ic-date-input-border-default-pressed:var(
1361
1377
  --ic-color-border-neutral-pressed-dark
@@ -1589,7 +1605,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1589
1605
  );--ic-status-error-pressed:rgb(
1590
1606
  calc(var(--ic-status-error-r) * 0.6) calc(var(--ic-status-error-g) * 0.6)
1591
1607
  calc(var(--ic-status-error-b) * 0.6) / var(--ic-status-error-a)
1592
- );--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(
1593
1609
  var(--ic-brand-color-primary-r) var(--ic-brand-color-primary-g)
1594
1610
  var(--ic-brand-color-primary-b) / var(--ic-brand-color-primary-a)
1595
1611
  );--ic-brand-color-secondary:rgb(
@@ -1651,7 +1667,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1651
1667
  min(255, calc(var(--ic-brand-calc) + 65))
1652
1668
  min(255, calc(var(--ic-brand-calc) + 70))
1653
1669
  min(255, calc(var(--ic-brand-calc) + 77)) / 20%
1654
- );--ic-table-row-selected:#c7d7ef;--ic-color-icon-brand:var(--ic-architectural-20);--ic-color-icon-neutral:var(--ic-architectural-950);--ic-color-icon-inverted:var(--ic-architectural-40);--ic-color-icon-hover-light:var(--ic-architectural-200);--ic-color-icon-hover-lighter:var(--ic-architectural-40);--ic-color-icon-hover-dark:var(--ic-architectural-800);--ic-color-icon-pressed-light:var(--ic-architectural-300);--ic-color-icon-pressed-lighter:var(--ic-architectural-60);--ic-color-icon-pressed-dark:var(--ic-architectural-700);--ic-color-icon-disabled-light:var(--ic-architectural-200);--ic-color-icon-disabled-mid:var(--ic-architectural-300);--ic-color-icon-disabled-dark:var(--ic-architectural-600);--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-400);--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-inverted);--ic-classification-banner-not-set:var(--ic-classification-not-set);--ic-classification-banner-official:var(--ic-classification-official);--ic-classification-banner-official-sensitive:var(
1670
+ );--ic-color-icon-brand:var(--ic-architectural-20);--ic-color-icon-neutral:var(--ic-architectural-950);--ic-color-icon-inverted:var(--ic-architectural-40);--ic-color-icon-hover-light:var(--ic-architectural-200);--ic-color-icon-hover-lighter:var(--ic-architectural-40);--ic-color-icon-hover-dark:var(--ic-architectural-800);--ic-color-icon-pressed-light:var(--ic-architectural-300);--ic-color-icon-pressed-lighter:var(--ic-architectural-60);--ic-color-icon-pressed-dark:var(--ic-architectural-700);--ic-color-icon-disabled-light:var(--ic-architectural-200);--ic-color-icon-disabled-mid:var(--ic-architectural-300);--ic-color-icon-disabled-dark:var(--ic-architectural-600);--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-800);--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-400);--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-inverted);--ic-classification-banner-not-set:var(--ic-classification-not-set);--ic-classification-banner-official:var(--ic-classification-official);--ic-classification-banner-official-sensitive:var(
1655
1671
  --ic-classification-official-sensitive
1656
1672
  );--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-label:var(--ic-color-brand-text);--ic-side-navigation-icon-and-label:var(--ic-color-brand-text);--ic-side-navigation-icon-disabled:var(--ic-color-icon-disabled-light);--ic-side-navigation-status-tag-text:var(--ic-color-text-primary-light);--ic-side-navigation-status-tag: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-focussed-text:var(--ic-color-text-primary-light);--ic-side-navigation-focussed-icon:var(--ic-color-icon-neutral);--ic-side-navigation-selection-indicator:var(--ic-color-icon-brand);--ic-side-navigation-selection-indicator-disabled:var(
1657
1673
  --ic-color-icon-disabled-light
@@ -1690,7 +1706,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1690
1706
  );--ic-atoms-input-select-content-divider-light:var(
1691
1707
  --ic-color-icon-grey-default
1692
1708
  );--ic-atoms-input-select-content-divider-dark:var(--ic-color-icon-grey-light);--ic-atoms-input-select-content-text-cursor-light:var(
1693
- --ic-color-text-action
1709
+ --ic-color-text-action-light
1694
1710
  );--ic-atoms-input-select-content-text-cursor-dark:var(
1695
1711
  --ic-color-text-action-dark
1696
1712
  );--ic-atoms-input-text-field-content-placeholder-light:var(
@@ -1713,7 +1729,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1713
1729
  --ic-color-text-disabled-mid
1714
1730
  );--ic-atoms-input-text-area-content-disabled-dark:var(
1715
1731
  --ic-color-text-disabled-dark
1716
- );--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(
1717
1735
  --ic-color-text-action-dark
1718
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(
1719
1737
  --ic-color-icon-disabled-mid
@@ -1827,4 +1845,4 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1827
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%),
1828
1846
  inset 0 -4px 16px rgb(0 0 0 / 25%);--ic-easing-transition-fast:var(--ic-transition-duration-fast)
1829
1847
  cubic-bezier(0.165, 0.84, 0.44, 1);--ic-easing-transition-slow:var(--ic-transition-duration-slow)
1830
- 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/dist/performance-tests/App.js CHANGED
@@ -1,17 +1,119 @@
1
- import React from "react";
1
+ import React, { useEffect, useState } from "react";
2
2
  import { Routes, Route } from "react-router-dom";
3
- import IcButtonPage from "./pages/IcButton";
4
- import MultipleIcButtonsPage from "./pages/MultipleIcButtons";
5
- import IcCheckboxPage from "./pages/IcCheckbox";
3
+ import IcButtonSinglePage from "./pages/IcButton/IcButtonSingle";
4
+ import IcButtonMultiplePage from "./pages/IcButton/IcButtonMultiple";
5
+ import IcButtonVariantsPage from "./pages/IcButton/IcButtonVariants";
6
+ import IcButtonEventsPage from "./pages/IcButton/IcButtonWithEvents";
7
+ import IcCheckboxSinglePage from "./pages/IcCheckbox/IcCheckboxSingle";
8
+ import IcCheckboxMultiplePage from "./pages/IcCheckbox/IcCheckboxMultiple";
9
+ import IcCheckboxBasicMultiplePage from "./pages/IcCheckbox/IcCheckboxBasicMultiple";
10
+ import IcSideNavigationPage from "./pages/IcSideNavigation/IcSideNavigationClosed";
11
+ import IcSideNavigationExpandedPage from "./pages/IcSideNavigation/IcSideNavigationExpanded";
12
+ import IcTopNavigationBasicPage from "./pages/IcTopNavigation/IcTopNavigationBasic";
13
+ import IcTopNavigationPage from "./pages/IcTopNavigation/IcTopNavigationWithNavigation";
14
+ import IcPopoverMenuSinglePage from "./pages/IcPopoverMenu/IcPopoverMenuSingle";
15
+ import IcPopoverMenuMultiplePage from "./pages/IcPopoverMenu/IcPopoverMenuMultiple";
16
+ import IcPopoverMenuNotRenderedPage from "./pages/IcPopoverMenu/IcPopoverMenuMultipleNotRendered";
17
+ import IcAccordionSinglePage from "./pages/IcAccordion/IcAccordionSingle";
18
+ import IcAccordionMultiplePage from "./pages/IcAccordion/IcAccordionMultiple";
19
+ import IcDialogSinglePage from "./pages/IcDialog/IcDialogSingle";
20
+ import IcDialogSlottedContentPage from "./pages/IcDialog/IcDialogSlottedContent";
21
+ import IcDialogMultiplePage from "./pages/IcDialog/IcDialogMultiple";
22
+ import IcDialogAllOpenPage from "./pages/IcDialog/IcDialogAllOpen";
23
+ import IcSelectSinglePage from "./pages/IcSelect/Single/IcSelectSingle";
24
+ import IcSelectVariantsPage from "./pages/IcSelect/Single/IcSelectVariants";
25
+ import IcSelectMultiplePage from "./pages/IcSelect/Single/IcSelectMultiple";
26
+ import IcSearchableSelectSinglePage from "./pages/IcSelect/Searchable/IcSelectSearchableSingle";
27
+ import IcSelectSearchableVariantsPage from "./pages/IcSelect/Searchable/IcSelectSearchableVariants";
28
+ import IcSelectSearchableMultiplePage from "./pages/IcSelect/Searchable/IcSelectSearchableMultiple";
29
+ import IcSelectMultiSinglePage from "./pages/IcSelect/Multi/IcSelectMultiSingle";
30
+ import IcSelectMultiVariantsPage from "./pages/IcSelect/Multi/IcSelectMultiVariants";
31
+ import IcSelectMultiMultiplePage from "./pages/IcSelect/Multi/IcSelectMultiMultiple";
32
+ import IcSearchBarSinglePage from "./pages/IcSearchBar/IcSearchBarSingle";
33
+ import IcSearchBarVariantsPage from "./pages/IcSearchBar/IcSearchBarVariants";
34
+ import IcSearchBarMultiplePage from "./pages/IcSearchBar/IcSearchBarMultiple";
35
+ import IcRadioSinglePage from "./pages/IcRadio/IcRadioSingle";
36
+ import IcRadioVariantsPage from "./pages/IcRadio/IcRadioVariants";
37
+ import IcRadioMultiplePage from "./pages/IcRadio/IcRadioMultiple";
38
+ import IcToastSinglePage from "./pages/IcToast/IcToastSingle";
39
+ import IcToastVariantsPage from "./pages/IcToast/IcToastVariants";
40
+ import IcToastMultiplePage from "./pages/IcToast/IcToastMultiple";
41
+ import IcHeroPage from "./pages/IcHero";
42
+ import IcPageHeaderPage from "./pages/IcPageHeader";
43
+ import IcFooterPage from "./pages/IcFooter";
44
+ import IcStepperPage from "./pages/IcStepper";
45
+ var getThemeFromUrl = function () {
46
+ var hash = window.location.hash;
47
+ var queryIndex = hash.indexOf("?");
48
+ if (queryIndex !== -1) {
49
+ var params = new URLSearchParams(hash.substring(queryIndex));
50
+ var theme = params.get("theme");
51
+ return theme === "dark" ? "dark" : "light";
52
+ }
53
+ return "light";
54
+ };
6
55
  // Using React router to create pages
7
56
  // HashRouter (https://reactrouter.com/en/main/router-components/hash-router) is used so reloading the page doesn't re-direct to 404
8
57
  var App = function () {
58
+ var _a = useState(getThemeFromUrl()), theme = _a[0], setTheme = _a[1];
59
+ useEffect(function () {
60
+ var onPopState = function () { return setTheme(getThemeFromUrl()); };
61
+ window.addEventListener("popstate", onPopState);
62
+ return function () { return window.removeEventListener("popstate", onPopState); };
63
+ }, []);
64
+ useEffect(function () {
65
+ var colorVar = theme === "dark"
66
+ ? "--ic-color-page-background-dark"
67
+ : "--ic-color-background-primary-light";
68
+ document.body.style.backgroundColor = getComputedStyle(document.body)
69
+ .getPropertyValue(colorVar)
70
+ .trim();
71
+ }, [theme]);
9
72
  return (React.createElement(React.Fragment, null,
10
73
  React.createElement("main", null,
11
74
  React.createElement(Routes, null,
12
75
  React.createElement(Route, { path: "/" },
13
- React.createElement(Route, { path: "buttons", element: React.createElement(IcButtonPage, null) }),
14
- React.createElement(Route, { path: "multiple-buttons", element: React.createElement(MultipleIcButtonsPage, null) }),
15
- React.createElement(Route, { path: "checkbox", element: React.createElement(IcCheckboxPage, null) }))))));
76
+ React.createElement(Route, { path: "button", element: React.createElement(IcButtonSinglePage, { theme: theme }) }),
77
+ React.createElement(Route, { path: "button-multiple", element: React.createElement(IcButtonMultiplePage, { theme: theme }) }),
78
+ React.createElement(Route, { path: "button-variants", element: React.createElement(IcButtonVariantsPage, { theme: theme }) }),
79
+ React.createElement(Route, { path: "button-events", element: React.createElement(IcButtonEventsPage, { theme: theme }) }),
80
+ React.createElement(Route, { path: "checkbox", element: React.createElement(IcCheckboxSinglePage, { theme: theme }) }),
81
+ React.createElement(Route, { path: "checkbox-multiple", element: React.createElement(IcCheckboxMultiplePage, { theme: theme }) }),
82
+ React.createElement(Route, { path: "checkbox-basic-multiple", element: React.createElement(IcCheckboxBasicMultiplePage, { theme: theme }) }),
83
+ React.createElement(Route, { path: "side-navigation", element: React.createElement(IcSideNavigationPage, { theme: theme }) }),
84
+ React.createElement(Route, { path: "side-navigation-expanded", element: React.createElement(IcSideNavigationExpandedPage, { theme: theme }) }),
85
+ React.createElement(Route, { path: "top-navigation-basic", element: React.createElement(IcTopNavigationBasicPage, { theme: theme }) }),
86
+ React.createElement(Route, { path: "top-navigation", element: React.createElement(IcTopNavigationPage, { theme: theme }) }),
87
+ React.createElement(Route, { path: "popover-menu", element: React.createElement(IcPopoverMenuSinglePage, { theme: theme }) }),
88
+ React.createElement(Route, { path: "popover-menu-multiple", element: React.createElement(IcPopoverMenuMultiplePage, { theme: theme }) }),
89
+ React.createElement(Route, { path: "popover-menu-multiple-not-rendered", element: React.createElement(IcPopoverMenuNotRenderedPage, { theme: theme }) }),
90
+ React.createElement(Route, { path: "accordion", element: React.createElement(IcAccordionSinglePage, { theme: theme }) }),
91
+ React.createElement(Route, { path: "accordion-multiple", element: React.createElement(IcAccordionMultiplePage, { theme: theme }) }),
92
+ React.createElement(Route, { path: "dialog", element: React.createElement(IcDialogSinglePage, { theme: theme }) }),
93
+ React.createElement(Route, { path: "dialog-slotted-content", element: React.createElement(IcDialogSlottedContentPage, { theme: theme }) }),
94
+ React.createElement(Route, { path: "dialog-multiple", element: React.createElement(IcDialogMultiplePage, { theme: theme }) }),
95
+ React.createElement(Route, { path: "dialog-all-open", element: React.createElement(IcDialogAllOpenPage, { theme: theme }) }),
96
+ React.createElement(Route, { path: "select", element: React.createElement(IcSelectSinglePage, { theme: theme }) }),
97
+ React.createElement(Route, { path: "select-variants", element: React.createElement(IcSelectVariantsPage, { theme: theme }) }),
98
+ React.createElement(Route, { path: "select-multiple", element: React.createElement(IcSelectMultiplePage, { theme: theme }) }),
99
+ React.createElement(Route, { path: "searchable-select", element: React.createElement(IcSearchableSelectSinglePage, { theme: theme }) }),
100
+ React.createElement(Route, { path: "searchable-select-variants", element: React.createElement(IcSelectSearchableVariantsPage, { theme: theme }) }),
101
+ React.createElement(Route, { path: "searchable-select-multiple", element: React.createElement(IcSelectSearchableMultiplePage, { theme: theme }) }),
102
+ React.createElement(Route, { path: "multi-select", element: React.createElement(IcSelectMultiSinglePage, { theme: theme }) }),
103
+ React.createElement(Route, { path: "multi-select-variants", element: React.createElement(IcSelectMultiVariantsPage, { theme: theme }) }),
104
+ React.createElement(Route, { path: "multi-select-multiple", element: React.createElement(IcSelectMultiMultiplePage, { theme: theme }) }),
105
+ React.createElement(Route, { path: "searchbar", element: React.createElement(IcSearchBarSinglePage, { theme: theme }) }),
106
+ React.createElement(Route, { path: "searchbar-variants", element: React.createElement(IcSearchBarVariantsPage, { theme: theme }) }),
107
+ React.createElement(Route, { path: "searchbar-multiple", element: React.createElement(IcSearchBarMultiplePage, { theme: theme }) }),
108
+ React.createElement(Route, { path: "radio", element: React.createElement(IcRadioSinglePage, { theme: theme }) }),
109
+ React.createElement(Route, { path: "radio-variants", element: React.createElement(IcRadioVariantsPage, { theme: theme }) }),
110
+ React.createElement(Route, { path: "radio-multiple", element: React.createElement(IcRadioMultiplePage, { theme: theme }) }),
111
+ React.createElement(Route, { path: "toast", element: React.createElement(IcToastSinglePage, { theme: theme }) }),
112
+ React.createElement(Route, { path: "toast-variants", element: React.createElement(IcToastVariantsPage, { theme: theme }) }),
113
+ React.createElement(Route, { path: "toast-multiple", element: React.createElement(IcToastMultiplePage, { theme: theme }) }),
114
+ React.createElement(Route, { path: "hero", element: React.createElement(IcHeroPage, { theme: theme }) }),
115
+ React.createElement(Route, { path: "page-header", element: React.createElement(IcPageHeaderPage, { theme: theme }) }),
116
+ React.createElement(Route, { path: "footer", element: React.createElement(IcFooterPage, { theme: theme }) }),
117
+ React.createElement(Route, { path: "stepper", element: React.createElement(IcStepperPage, { theme: theme }) }))))));
16
118
  };
17
119
  export default App;
package/dist/performance-tests/pages/IcAccordion/IcAccordionMultiple/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ type PageProps = {
3
+ theme: "light" | "dark";
4
+ };
5
+ declare const IcAccordionMultiplePage: React.FC<PageProps>;
6
+ export default IcAccordionMultiplePage;
package/dist/performance-tests/pages/IcAccordion/IcAccordionMultiple/index.js ADDED
@@ -0,0 +1,25 @@
1
+ // IcAccordionMultiplePage displays multiple accordion groups for the purpose of performance testing of the IcAccordion component.
2
+ import React from "react";
3
+ import { IcAccordion, IcAccordionGroup, IcTypography, IcTheme, } from "../../../../components";
4
+ import { SlottedSVG } from "../../../../react-component-lib/slottedSVG";
5
+ var ACCORDION_ICON = (React.createElement(SlottedSVG, { slot: "icon", width: "20", height: "1em", viewBox: "0 0 512 512", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
6
+ React.createElement("path", { d: "M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z" })));
7
+ var Accordion = function () { return (React.createElement(IcAccordionGroup, { label: "Title of the Accordion Group" },
8
+ React.createElement(IcAccordion, { heading: "Accordion 1" },
9
+ ACCORDION_ICON,
10
+ React.createElement(IcTypography, { variant: "body" }, "This is an example of the main body text")),
11
+ React.createElement(IcAccordion, { heading: "Accordion 2" },
12
+ ACCORDION_ICON,
13
+ React.createElement(IcTypography, { variant: "body" }, "This is an example of the main body text")),
14
+ React.createElement(IcAccordion, { heading: "Accordion 3" },
15
+ ACCORDION_ICON,
16
+ React.createElement(IcTypography, { variant: "body" }, "This is an example of the main body text")),
17
+ React.createElement(IcAccordion, { heading: "Accordion 4" },
18
+ ACCORDION_ICON,
19
+ React.createElement(IcTypography, { variant: "body" }, "This is an example of the main body text")))); };
20
+ var IcAccordionMultiplePage = function (_a) {
21
+ var theme = _a.theme;
22
+ return (React.createElement(IcTheme, { id: "theme-wrapper", theme: theme },
23
+ React.createElement("div", { style: { padding: "var(--ic-space-md)" } }, Array.from({ length: 20 }).map(function (_, i) { return (React.createElement(Accordion, { key: i })); }))));
24
+ };
25
+ export default IcAccordionMultiplePage;