@ukic/web-components 3.7.0 → 3.9.0

package/dist/components/ic-top-navigation.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { D as DEVICE_SIZES, k as getBrandForegroundAppearance, i as isSlotUsed, O as getSlot, n as getCurrentDeviceSize, h as onComponentPropUndefinedChange, c as checkResizeObserver, o as onComponentRequiredPropUndefined, e as IcBrandForegroundEnum, Y as isEmptyString, l as isPropDefined } from './helpers.js';
+import { D as DEVICE_SIZES, l as getBrandForegroundAppearance, i as isSlotUsed, P as getSlot, q as getCurrentDeviceSize, j as onComponentPropUndefinedChange, c as checkResizeObserver, o as onComponentRequiredPropUndefined, e as IcBrandForegroundEnum, Y as isEmptyString, m as isPropDefined } from './helpers.js';
 import { d as defineCustomElement$8 } from './ic-button2.js';
 import { d as defineCustomElement$7 } from './ic-horizontal-scroll2.js';
 import { d as defineCustomElement$6 } from './ic-loading-indicator2.js';
@@ -218,16 +218,16 @@ const TopNavigation = /*@__PURE__*/ proxyCustomElement(class TopNavigation exten
         const attrs = Component == "a" && {
             href: href,
         };
-        return (h(Host, { key: '04ae428a97e2c58967096b74d112eaff245f8dff', class: {
+        return (h(Host, { key: 'b0d2e6aebeb66ddb4ca659cfba83e2cdbd6ec3f4', class: {
                 "fullwidth-searchbar": hasFullWidthSearchBar,
                 "mobile-mode": overMobileBreakpoint,
                 [IcBrandForegroundEnum.Dark]: foregroundColor === IcBrandForegroundEnum.Dark,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("div", { key: '567b43f0ff4239ec947520f1b3cfdca5f248a273', class: "top-navigation" }, h("ic-section-container", { key: 'de93c750d52edcafbf52b45f35adeb6547a68b7b', aligned: contentAligned, "full-height": true }, h("header", { key: '70f3227f015418d9fa82e64786a0b6c9543b3bee', role: "banner" }, h("div", { key: 'cd42a8c33f9baef9566f2fea19d3e9462f4e067a', class: "top-panel-container" }, h("div", { key: '192dbc95a46ffb8d06a7f55258e791a149003bd4', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (h(Component, Object.assign({ key: '434d3d4de2d251752145200352425032692fc1cd', class: "title-link" }, attrs), hasAppIcon && (h("div", { key: '6f3d2089eb16b717946baa082706beb46f04657d', class: "app-icon-container" }, h("slot", { key: '0daa4b46d9e2d72aa1c68e62279e5a3389ec3ab2', name: "app-icon" }))), isSmallDeviceSize &&
+            } }, h("div", { key: '4a4576c41289fc356d5cfd4e0414901bd8d21a88', class: "top-navigation" }, h("ic-section-container", { key: 'ec7aa4c1ce015f80c3850c2eba3b1e6b6d00c475', aligned: contentAligned, "full-height": true }, h("header", { key: 'b388f01d5e3084e0530dcc5b460d773b8f51d1f2', role: "banner" }, h("div", { key: 'a733f85700e1abccdf8aeceb97198359c53f9960', class: "top-panel-container" }, h("div", { key: '948679467aee550281cdec8c5e43c6d5b4e7fd29', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (h(Component, Object.assign({ key: '4054a371178c53cf2794e7a9a653575b95a9354c', class: "title-link" }, attrs), hasAppIcon && (h("div", { key: '11616acef1f4ff274320f24da803eab7cc52fa1d', class: "app-icon-container" }, h("slot", { key: 'b36a9b7f67c72851dd11fd8f356a6735f4676814', name: "app-icon" }))), isSmallDeviceSize &&
             (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (h("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
-                `${appTitle} (${shortAppTitle})` }, h("h1", null, shortAppTitleSlot ? (h("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (h("ic-typography", { variant: appTitleVariant }, h("h1", { class: "title-wrap" }, hasAppTitleSlot ? (h("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (h("div", { key: '83a440ebcedf586a87690b57ea9ecfce1495ceb7', class: "app-status" }, h("ic-typography", { key: '0889ee69e31b3665821b286915a43e253fd66c1a', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (h("div", { key: '542d3f22383d5bac8eda47fcd47ef694f054929b', class: "app-version" }, h("ic-typography", { key: '0ed2b7209b4f03da9d462ac1406d3530696b702c', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (h("div", { key: 'dbc3439b52e9d9257fc1c98ad50e25e92140ceca', class: "search-menu-container" }, h("div", { key: '3f5b5d05659459daab6d0bcbd69dd0ac70eae0f8', class: "search-actions-container" }, !overMobileBreakpoint ? (h(Fragment, null, h("slot", { name: "search" }), hasIconButtons && (h("div", { class: "icon-buttons-container" }, h("slot", { name: "buttons" }))))) : (h(Fragment, null, hasSearchSlotContent && (h("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, h("slot", { name: "toggle-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasMenuContent && (h("div", { class: "menu-button-container" }, h("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), h("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, h("ic-button", { id: "menu-button", ref: (el) => (this.menuButtonEl = el), theme: foregroundColor, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))))), mobileSearchBarVisible && (h("div", { key: 'b3f55a4e18ef3c55503b56447d5fbeb19e569a4f', class: "search-bar-container" }, h("slot", { key: '99ebca2aa04bf76d949384c517dc2012312dbd92', name: "search" }))), hasNavigation && !overMobileBreakpoint && (h("div", { key: '6113dfcd92cf06c1f9a533ec6c2f0af3d26abca7', class: "navigation-tabs" }, h("span", { key: 'fa638d34955dccbdb7a8f149e0a8e083e3df0f72', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), h("nav", { key: 'fc6e24c76b720a463e81dbbe00c91a065bb260ea', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, h("ic-horizontal-scroll", { key: 'da133fd91d91ff172067fc9aad86651a4c3a2f95', monochrome: true, appearance: foregroundColor }, h("ul", { key: 'f48330caa3937f35f2f65a3fbad830bda2b5c342', class: "navigation-item-list", tabindex: "-1" }, h("slot", { key: '74eb909d405109d5387f42e00a633e8ed09ff6f6', name: "navigation" }))))))))), navMenuVisible && (h("ic-navigation-menu", { key: 'c77d988d1af3ac37eebb5d598b5f649f1d47c899', version: version, status: status, class: {
+                `${appTitle} (${shortAppTitle})` }, h("h1", null, shortAppTitleSlot ? (h("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (h("ic-typography", { variant: appTitleVariant }, h("h1", { class: "title-wrap" }, hasAppTitleSlot ? (h("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (h("div", { key: '42f5c01069f02f82abd34b4a540050154bdafec5', class: "app-status" }, h("ic-typography", { key: '6052ad2c828b533ec121ee45d71c0afcdaae0622', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (h("div", { key: '173b8c98351d425e843aae093902b91feaa7fd05', class: "app-version" }, h("ic-typography", { key: 'f46ecb51ac2c1f2c01beabf4590ac76681d94733', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (h("div", { key: '8f85b0505a04f7a3affb88ceaa81fe9eccd72ea1', class: "search-menu-container" }, h("div", { key: 'ff332cfc554fef6856becd5fb87b9f315565bc1e', class: "search-actions-container" }, !overMobileBreakpoint ? (h(Fragment, null, h("slot", { name: "search" }), hasIconButtons && (h("div", { class: "icon-buttons-container" }, h("slot", { name: "buttons" }))))) : (h(Fragment, null, hasSearchSlotContent && (h("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, h("slot", { name: "toggle-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasMenuContent && (h("div", { class: "menu-button-container" }, h("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), h("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, h("ic-button", { id: "menu-button", ref: (el) => (this.menuButtonEl = el), theme: foregroundColor, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))))), mobileSearchBarVisible && (h("div", { key: 'ef7c477979320e20293484f6594eb89a38973540', class: "search-bar-container" }, h("slot", { key: 'b19e53fc019ff1d16c0da99d7d38bc6428dd7cc8', name: "search" }))), hasNavigation && !overMobileBreakpoint && (h("div", { key: 'bdd8f9b982328135f06fc010828bbf0dc803a788', class: "navigation-tabs" }, h("span", { key: 'e231e5a002a04ff6275aa2d6a39c66d83787367a', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), h("nav", { key: '201327e158e97d601a8fb93b8174af6091bd0295', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, h("ic-horizontal-scroll", { key: 'df8f402d0da993079b7378292cba17e85259c53c', monochrome: true, appearance: foregroundColor }, h("ul", { key: '22aa05880499690dcd43572705234bdb6fd386b0', class: "navigation-item-list", tabindex: "-1" }, h("slot", { key: 'effb669cef379880d7b45ca4e74ef096c10a1afb', name: "navigation" }))))))))), navMenuVisible && (h("ic-navigation-menu", { key: 'a0a45fb9db2ea99414cdc2570f6c9697a96f01ad', version: version, status: status, class: {
                 inline,
-            } }, hasIconButtons && (h("div", { key: '77d9283a5fdffa724e13f667e9d09ae72f72329e', class: "menu-buttons-slot", slot: "buttons" }, h("slot", { key: '020b485ca53e55926b072738ab7dcb465f1efce5', name: "buttons" }))), h("ul", { key: '16101ca81c95d2de0d55c7a051ccffd5a987f5f8', slot: "navigation" }, h("slot", { key: '02bde8c67591e4c2c15d005252f1f7ae87cff61a', name: "navigation" }))))));
+            } }, hasIconButtons && (h("div", { key: '8c74bfd6c807022ccb315bd4718fa8a521fb08ae', class: "menu-buttons-slot", slot: "buttons" }, h("slot", { key: '1720467597b353122e907f7c83e1f9e0ef62c9ad', name: "buttons" }))), h("ul", { key: 'ccdc85df3febad2d603caeccafbd675be4d3d9a2', slot: "navigation" }, h("slot", { key: '1f465185f8937c81b279e8823127e0e8bc7d6841', name: "navigation" }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/ic-typography2.js

@@ -171,7 +171,7 @@ const Typography = /*@__PURE__*/ proxyCustomElement(class Typography extends HTM
     render() {
         var _a, _b;
         const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;
-        return (h(Host, { key: 'f3ae0024474b949d4cd79a2d626524a08f0a83f9', class: {
+        return (h(Host, { key: '0f64ad9e02b32790b2bc269df212468b2f9426f7', class: {
                 [`ic-typography-${variant}`]: true,
                 [`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,
                 ["ic-typography-bold"]: !!bold,
@@ -184,7 +184,7 @@ const Typography = /*@__PURE__*/ proxyCustomElement(class Typography extends HTM
             ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===
                 "IC-TOOLTIP") &&
             maxLines &&
-            maxLines > 0 ? (h("div", { class: "trunc-wrapper", ref: (el) => (this.truncWrapperEl = el) }, h("slot", null))) : (h("slot", null)), variant === "body" && maxLines && maxLines > 0 && truncated && (h("button", { key: 'ab55fb9e3b5d0ed50a99d8f194fe0e9436de1613', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
+            maxLines > 0 ? (h("div", { class: "trunc-wrapper", ref: (el) => (this.truncWrapperEl = el) }, h("slot", null))) : (h("slot", null)), variant === "body" && maxLines && maxLines > 0 && truncated && (h("button", { key: '3e5f7e8b549122986d1dc67fe35b5e270233eb71', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/core/core.css

@@ -159,7 +159,53 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-group-label-background-light
   );--ic-atoms-list-item-background:var(--ic-atoms-list-item-background-light);--ic-atoms-loading-text:var(--ic-atoms-loading-text-light);--ic-atoms-loading-error-text:var(--ic-atoms-loading-error-text-light);--ic-atoms-loading-error-icon:var(--ic-atoms-loading-error-icon-light);--ic-atoms-list-item-text:var(--ic-atoms-list-item-text-light);--ic-atoms-list-item-divider:var(--ic-atoms-list-item-divider-light);--ic-atoms-option-bar-text:var(--ic-atoms-option-bar-text-light);--ic-atoms-option-bar-background:var(--ic-atoms-option-bar-background-light);--ic-atoms-option-bar-divider:var(--ic-atoms-option-bar-divider-light);--ic-atoms-status-icon-success:var(--ic-atoms-status-icon-success-light);--ic-atoms-status-icon-warning:var(--ic-atoms-status-icon-warning-light);--ic-atoms-status-icon-error:var(--ic-atoms-status-icon-error-light);--ic-atoms-status-icon-neutral:var(--ic-atoms-status-icon-neutral-light);--ic-atoms-status-icon-info:var(--ic-atoms-status-icon-info-light);--ic-atoms-dropdown-list-border:var(--ic-atoms-dropdown-list-border-light);--ic-atoms-input-divider:var(--ic-atoms-input-divider-light);--ic-atoms-input-autocomplete-field-border:var(
     --ic-atoms-input-autocomplete-field-border-light
-  );--ic-border-focus:var(--ic-border-focus-light);--ic-border-focus-inset:var(--ic-border-focus-inset-light);--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-disabled-mid);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-neutral);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-dark-bg-hover);--ic-accordion-background-pressed:var(--ic-action-dark-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-neutral);--ic-accordion-chevron-disabled:var(--ic-color-icon-grey);--ic-alert-background-success:var(--ic-status-success);--ic-alert-background-error:var(--ic-status-error);--ic-alert-background-warning:var(--ic-status-warning);--ic-alert-background-info:var(--ic-status-info);--ic-alert-background-neutral:var(--ic-status-unknown);--ic-alert-status-type-success:var(--ic-status-success-default);--ic-alert-status-type-error:var(--ic-status-error-default);--ic-alert-status-type-warning:var(--ic-status-warning-default);--ic-alert-status-type-info:var(--ic-status-info-default);--ic-alert-status-type-neutral:var(--ic-status-unknown-default);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-default);--ic-alert-icon-error:var(--ic-status-error-default);--ic-alert-icon-warning:var(--ic-status-warning-default);--ic-alert-icon-info:var(--ic-status-info-default);--ic-alert-icon-neutral:var(--ic-status-unknown-default);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:rgba(255 255 255 0%);--ic-alert-border-error:rgba(255 255 255 0%);--ic-alert-border-warning:rgba(255 255 255 0%);--ic-alert-border-info:rgba(255 255 255 0%);--ic-alert-border-neutral:rgba(255 255 255 0%);--ic-badge-text:var(--ic-color-text-inverted);--ic-badge-icon:var(--ic-color-icon-inverted);--ic-badge-warning-text:var(--ic-color-text-primary);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome:var(--ic-color-icon-neutral);--ic-badge-success:var(--ic-status-success-default);--ic-badge-warning:var(--ic-status-warning-default);--ic-badge-error:var(--ic-status-error-default);--ic-badge-info:var(--ic-status-info-default);--ic-badge-dark:var(--ic-color-background-neutral);--ic-badge-light:var(--ic-color-background-primary);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default);--ic-breadcrumb-icon-monochrome:var(--ic-color-icon-neutral);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
+  );--ic-border-focus:var(--ic-border-focus-light);--ic-border-focus-inset:var(--ic-border-focus-inset-light);--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-disabled-mid);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-neutral);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-dark-bg-hover);--ic-accordion-background-pressed:var(--ic-action-dark-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-neutral);--ic-accordion-chevron-disabled:var(--ic-color-icon-grey);--ic-action-chip-filled-background-default:var(--ic-color-background-active);--ic-action-chip-filled-background-hover:var(
+    --ic-color-background-active-hover-light
+  );--ic-action-chip-filled-background-pressed:var(
+    --ic-color-background-active-pressed-light
+  );--ic-action-chip-filled-label:var(--ic-color-text-inverted);--ic-action-chip-filled-icon:var(--ic-color-icon-inverted);--ic-action-chip-monochrome-filled-background-default:var(
+    --ic-color-background-primary-dark
+  );--ic-action-chip-monochrome-filled-background-hover:var(
+    --ic-color-background-hover-dark
+  );--ic-action-chip-monochrome-filled-background-pressed:var(
+    --ic-color-background-pressed-dark
+  );--ic-action-chip-outlined-background-default:var(
+    --ic-color-background-secondary
+  );--ic-action-chip-outlined-background-hover:var(--ic-action-default-bg-hover);--ic-action-chip-outlined-background-pressed:var(
+    --ic-action-default-bg-pressed
+  );--ic-action-chip-monochrome-outlined-background-default:var(
+    --ic-color-background-secondary
+  );--ic-action-chip-monochrome-outlined-background-hover:var(
+    --ic-action-dark-bg-hover
+  );--ic-action-chip-monochrome-outlined-background-pressed:var(
+    --ic-action-dark-bg-pressed
+  );--ic-action-chip-outlined-border-default:var(--ic-color-border-action);--ic-action-chip-outlined-border-hover:var(--ic-color-border-action-hover);--ic-action-chip-outlined-border-pressed:var(
+    --ic-color-border-action-pressed
+  );--ic-action-chip-monochrome-outlined-border-default:var(
+    --ic-color-border-monochrome-light
+  );--ic-action-chip-monochrome-outlined-border-hover:var(
+    --ic-color-border-monochrome-hover-dark
+  );--ic-action-chip-monochrome-outlined-border-pressed:var(
+    --ic-color-border-monochrome-pressed-dark
+  );--ic-action-chip-outlined-border-disabled:var(
+    --ic-color-border-neutral-disabled-mid
+  );--ic-action-chip-outlined-label:var(--ic-color-text-action);--ic-action-chip-outlined-label-hover:var(--ic-color-text-action-hover);--ic-action-chip-outlined-label-pressed:var(--ic-color-text-action-pressed);--ic-action-chip-outlined-icon:var(--ic-color-icon-action-default);--ic-action-chip-outlined-icon-hover:var(
+    --ic-color-icon-action-default-hover
+  );--ic-action-chip-outlined-icon-pressed:var(
+    --ic-color-icon-action-default-pressed
+  );--ic-action-chip-monochrome-outlined-label:var(
+    --ic-color-text-action-monochrome-light
+  );--ic-action-chip-monochrome-outlined-label-hover:var(
+    --ic-color-text-action-monochrome-hover-light
+  );--ic-action-chip-monochrome-outlined-label-pressed:var(
+    --ic-color-text-action-monochrome-pressed-light
+  );--ic-action-chip-monochrome-outlined-icon:var(--ic-color-icon-grey-darker);--ic-action-chip-monochrome-outlined-icon-hover:var(
+    --ic-color-icon-hover-dark
+  );--ic-action-chip-monochrome-outlined-icon-pressed:var(
+    --ic-color-icon-neutral
+  );--ic-action-chip-background-disabled:var(
+    --ic-color-background-disabled-default
+  );--ic-action-chip-label-disabled:var(--ic-color-text-disabled-mid);--ic-action-chip-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-alert-background-ai:var(--ic-status-anomalous);--ic-alert-background-success:var(--ic-status-success);--ic-alert-background-error:var(--ic-status-error);--ic-alert-background-warning:var(--ic-status-warning);--ic-alert-background-info:var(--ic-status-info);--ic-alert-background-neutral:var(--ic-status-unknown);--ic-alert-status-type-ai:var(--ic-status-anomalous-default);--ic-alert-status-type-success:var(--ic-status-success-default);--ic-alert-status-type-error:var(--ic-status-error-default);--ic-alert-status-type-warning:var(--ic-status-warning-default);--ic-alert-status-type-info:var(--ic-status-info-default);--ic-alert-status-type-neutral:var(--ic-status-unknown-default);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-ai:var(--ic-status-anomalous-default);--ic-alert-icon-success:var(--ic-status-success-default);--ic-alert-icon-error:var(--ic-status-error-default);--ic-alert-icon-warning:var(--ic-status-warning-default);--ic-alert-icon-info:var(--ic-status-info-default);--ic-alert-icon-neutral:var(--ic-status-unknown-default);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-ai:rgba(255 255 255 0%);--ic-alert-border-success:rgba(255 255 255 0%);--ic-alert-border-error:rgba(255 255 255 0%);--ic-alert-border-warning:rgba(255 255 255 0%);--ic-alert-border-info:rgba(255 255 255 0%);--ic-alert-border-neutral:rgba(255 255 255 0%);--ic-badge-text:var(--ic-color-text-inverted);--ic-badge-icon:var(--ic-color-icon-inverted);--ic-badge-warning-text:var(--ic-color-text-primary);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome:var(--ic-color-icon-neutral);--ic-badge-ai:var(--ic-status-anomalous-default);--ic-badge-success:var(--ic-status-success-default);--ic-badge-warning:var(--ic-status-warning-default);--ic-badge-error:var(--ic-status-error-default);--ic-badge-info:var(--ic-status-info-default);--ic-badge-dark:var(--ic-color-background-neutral);--ic-badge-light:var(--ic-color-background-primary);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default);--ic-breadcrumb-icon-monochrome:var(--ic-color-icon-neutral);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
     --ic-color-background-active-hover-light
   );--ic-button-primary-background-pressed:var(
     --ic-color-background-active-pressed-light
@@ -435,7 +481,29 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-input-text-field-content-disabled
   );--ic-text-field-typing-cursor:var(
     --ic-atoms-input-select-content-text-cursor
-  );--ic-toggle-button-unselected-border:var(--ic-color-border-action);--ic-toggle-button-unselected-text:var(--ic-color-text-action-light);--ic-toggle-button-unselected-icon:var(--ic-color-icon-action-default);--ic-toggle-button-unselected-border-hover:var(
+  );--ic-time-picker-field-background:var(--ic-atoms-input-field-background);--ic-time-picker-time-field-border-default:var(
+    --ic-color-border-neutral-grey-dark
+  );--ic-time-picker-time-field-border-hover:var(
+    --ic-color-border-neutral-hover-default
+  );--ic-time-picker-time-field-border-pressed:var(
+    --ic-color-border-neutral-pressed-default
+  );--ic-time-picker-border-disabled:var(--ic-color-border-neutral-disabled-mid);--ic-time-picker-border-error:var(--ic-color-border-error-default);--ic-time-picker-border-error-hover:var(--ic-color-border-error-hover-light);--ic-time-picker-border-error-pressed:var(
+    --ic-color-border-error-pressed-light
+  );--ic-time-picker-border-warning:var(--ic-color-border-warning-default);--ic-time-picker-border-warning-hover:var(
+    --ic-color-border-warning-hover-light
+  );--ic-time-picker-border-warning-pressed:var(
+    --ic-color-border-warning-pressed-light
+  );--ic-time-picker-border-success:var(--ic-color-border-success-default);--ic-time-picker-border-success-hover:var(
+    --ic-color-border-success-hover-light
+  );--ic-time-picker-border-success-pressed:var(
+    --ic-color-border-success-pressed-light
+  );--ic-time-picker-icon-error:var(--ic-atoms-input-state-icon-error);--ic-time-picker-icon-warning:var(--ic-atoms-input-state-icon-warning);--ic-time-picker-icon-success:var(--ic-atoms-input-state-icon-success);--ic-time-picker-label:var(--ic-atoms-input-field-label);--ic-time-picker-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-time-picker-status-text:var(--ic-atoms-input-state-text);--ic-time-picker-subtitle:var(--ic-atoms-input-field-label-subtitle);--ic-time-picker-subtitle-disabled:var(
+    --ic-atoms-input-field-label-subtitle-disabled
+  );--ic-time-picker-time-text-default:var(--ic-color-text-primary);--ic-time-picker-time-text-disabled:var(--ic-color-text-disabled-mid);--ic-time-picker-field-placeholder-text:var(
+    --ic-atoms-input-text-field-content-placeholder
+  );--ic-time-picker-typing-cursor:var(
+    --ic-atoms-input-select-content-text-cursor
+  );--ic-time-picker-clear-icon:var(--ic-atoms-input-clear-button);--ic-toggle-button-unselected-border:var(--ic-color-border-action);--ic-toggle-button-unselected-text:var(--ic-color-text-action-light);--ic-toggle-button-unselected-icon:var(--ic-color-icon-action-default);--ic-toggle-button-unselected-border-hover:var(
     --ic-color-border-action-hover
   );--ic-toggle-button-unselected-text-hover:var(
     --ic-color-text-action-hover-light
@@ -665,7 +733,59 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-atoms-option-bar-background-dark
     );--ic-atoms-option-bar-divider:var(--ic-atoms-option-bar-divider-dark);--ic-atoms-status-icon-success:var(--ic-atoms-status-icon-success-dark);--ic-atoms-status-icon-warning:var(--ic-atoms-status-icon-warning-dark);--ic-atoms-status-icon-error:var(--ic-atoms-status-icon-error-dark);--ic-atoms-status-icon-neutral:var(--ic-atoms-status-icon-neutral-dark);--ic-atoms-status-icon-info:var(--ic-atoms-status-icon-info-dark);--ic-atoms-dropdown-list-border:var(--ic-atoms-dropdown-list-border-dark);--ic-atoms-input-divider:var(--ic-atoms-input-divider-dark);--ic-atoms-input-autocomplete-field-border:var(
       --ic-atoms-input-autocomplete-field-border-dark
-    );--ic-border-focus:var(--ic-border-focus-dark);--ic-border-focus-inset:var(--ic-border-focus-inset-dark);--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-disabled-dark);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-alert-background-success:var(--ic-status-success-dark-dm);--ic-alert-background-error:var(--ic-status-error-dark-dm);--ic-alert-background-warning:var(--ic-status-warning-dark-dm);--ic-alert-background-info:var(--ic-status-info-dark-dm);--ic-alert-background-neutral:var(--ic-status-unknown-dark-dm);--ic-alert-status-type-success:var(--ic-status-success-default-dm);--ic-alert-status-type-error:var(--ic-status-error-contrast-dm);--ic-alert-status-type-warning:var(--ic-status-warning-contrast-dm);--ic-alert-status-type-info:var(--ic-status-info-contrast-dm);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast-dm);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-primary-light);--ic-badge-icon:var(--ic-color-icon-neutral);--ic-badge-warning-text:var(--ic-color-text-primary-light);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome:var(--ic-color-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
+    );--ic-border-focus:var(--ic-border-focus-dark);--ic-border-focus-inset:var(--ic-border-focus-inset-dark);--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-disabled-dark);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-action-chip-filled-background-default:var(
+      --ic-color-background-active
+    );--ic-action-chip-filled-background-hover:var(
+      --ic-color-background-active-hover-dark
+    );--ic-action-chip-filled-background-pressed:var(
+      --ic-color-background-active-pressed-dark
+    );--ic-action-chip-filled-label:var(--ic-color-text-primary-light);--ic-action-chip-filled-icon:var(--ic-color-icon-neutral);--ic-action-chip-monochrome-filled-background-default:var(
+      --ic-color-background-primary-light
+    );--ic-action-chip-monochrome-filled-background-hover:var(
+      --ic-color-background-hover-light
+    );--ic-action-chip-monochrome-filled-background-pressed:var(
+      --ic-color-background-pressed-light
+    );--ic-action-chip-outlined-background-default:var(
+      --ic-color-background-neutral-dark
+    );--ic-action-chip-outlined-background-hover:var(
+      --ic-action-default-bg-hover
+    );--ic-action-chip-outlined-background-pressed:var(
+      --ic-action-default-bg-pressed
+    );--ic-action-chip-monochrome-outlined-background-default:var(
+      --ic-color-background-neutral-light
+    );--ic-action-chip-monochrome-outlined-background-hover:var(
+      --ic-action-light-bg-hover
+    );--ic-action-chip-monochrome-outlined-background-pressed:var(
+      --ic-action-light-bg-pressed
+    );--ic-action-chip-outlined-border-default:var(--ic-color-border-action);--ic-action-chip-outlined-border-hover:var(--ic-color-border-action-hover);--ic-action-chip-outlined-border-pressed:var(
+      --ic-color-border-action-pressed
+    );--ic-action-chip-monochrome-outlined-border-default:var(
+      --ic-color-border-monochrome-dark
+    );--ic-action-chip-monochrome-outlined-border-hover:var(
+      --ic-color-border-monochrome-hover-light
+    );--ic-action-chip-monochrome-outlined-border-pressed:var(
+      --ic-color-border-monochrome-pressed-light
+    );--ic-action-chip-outlined-border-disabled:var(
+      --ic-color-border-neutral-disabled-mid
+    );--ic-action-chip-outlined-label:var(--ic-color-text-action);--ic-action-chip-outlined-label-hover:var(--ic-color-text-action-hover);--ic-action-chip-outlined-label-pressed:var(
+      --ic-color-text-action-pressed
+    );--ic-action-chip-outlined-icon:var(--ic-color-icon-action-default);--ic-action-chip-outlined-icon-hover:var(
+      --ic-color-icon-action-default-hover
+    );--ic-action-chip-outlined-icon-pressed:var(
+      --ic-color-icon-action-default-pressed
+    );--ic-action-chip-monochrome-outlined-label:var(
+      --ic-color-text-action-monochrome-dark
+    );--ic-action-chip-monochrome-outlined-label-hover:var(
+      --ic-color-text-action-monochrome-hover-dark
+    );--ic-action-chip-monochrome-outlined-label-pressed:var(
+      --ic-color-text-action-monochrome-pressed-dark
+    );--ic-action-chip-monochrome-outlined-icon:var(--ic-color-icon-action-dark);--ic-action-chip-monochrome-outlined-icon-hover:var(
+      --ic-color-icon-hover-lighter
+    );--ic-action-chip-monochrome-outlined-icon-pressed:var(
+      --ic-color-icon-pressed-lighter
+    );--ic-action-chip-label-disabled:var(--ic-color-text-disabled-mid);--ic-action-chip-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-action-chip-background-disabled:var(
+      --ic-color-background-disabled-default
+    );--ic-alert-background-ai:var(--ic-status-anomalous-dark-dm);--ic-alert-background-success:var(--ic-status-success-dark-dm);--ic-alert-background-error:var(--ic-status-error-dark-dm);--ic-alert-background-warning:var(--ic-status-warning-dark-dm);--ic-alert-background-info:var(--ic-status-info-dark-dm);--ic-alert-background-neutral:var(--ic-status-unknown-dark-dm);--ic-alert-status-type-ai:var(--ic-status-anomalous-default-dm);--ic-alert-status-type-success:var(--ic-status-success-default-dm);--ic-alert-status-type-error:var(--ic-status-error-contrast-dm);--ic-alert-status-type-warning:var(--ic-status-warning-contrast-dm);--ic-alert-status-type-info:var(--ic-status-info-contrast-dm);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast-dm);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-ai:var(--ic-status-anomalous-contrast);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-ai:var(--ic-status-anomalous-contrast);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-primary-light);--ic-badge-icon:var(--ic-color-icon-neutral);--ic-badge-warning-text:var(--ic-color-text-primary-light);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome:var(--ic-color-icon-inverted);--ic-badge-ai:var(--ic-status-anomalous-contrast);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
       --ic-color-background-active-hover-dark
     );--ic-button-primary-background-pressed:var(
       --ic-color-background-active-pressed-dark
@@ -685,8 +805,8 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-action-monochrome-pressed-dark
     );--ic-button-primary-icon-disabled:var(--ic-color-icon-disabled-light);--ic-button-primary-icon-disabled-monochrome:var(
       --ic-color-icon-disabled-dark
-    );--ic-button-primary-icon-action:var(--ic-color-icon-action-default);--ic-button-primary-icon-hover:var(--ic-color-icon-action-hover);--ic-button-primary-icon-pressed:var(--ic-color-icon-action-pressed);--ic-button-secondary-background:var(--ic-color-background-neutral-light);--ic-button-secondary-background-monochrome:var(
-      --ic-color-background-neutral-light
+    );--ic-button-primary-icon-action:var(--ic-color-icon-action-default);--ic-button-primary-icon-hover:var(--ic-color-icon-action-hover);--ic-button-primary-icon-pressed:var(--ic-color-icon-action-pressed);--ic-button-secondary-background:var(--ic-color-background-neutral-dark);--ic-button-secondary-background-monochrome:var(
+      --ic-color-background-neutral-dark
     );--ic-button-secondary-background-hover-active:var(
       --ic-action-default-bg-hover
     );--ic-button-secondary-background-pressed-active:var(
@@ -755,7 +875,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-color-text-action-monochrome-pressed-dark
     );--ic-button-tertiary-icon-pressed-monochrome:var(
       --ic-color-icon-pressed-lighter
-    );--ic-button-tertiary-background:var(--ic-color-background-neutral);--ic-button-tertiary-background-hover-active:var(
+    );--ic-button-tertiary-background:var(--ic-color-background-neutral-dark);--ic-button-tertiary-background-hover-active:var(
       --ic-action-default-bg-pressed-30
     );--ic-button-tertiary-background-pressed-active:var(
       --ic-action-default-bg-pressed
@@ -764,7 +884,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     );--ic-button-tertiary-background-non-transparent-active:linear-gradient(
       var(--ic-button-tertiary-background-pressed-active) 0 0
     );--ic-button-tertiary-background-monochrome:var(
-      --ic-color-background-neutral
+      --ic-color-background-neutral-dark
     );--ic-button-tertiary-background-hover-monochrome:var(
       --ic-action-light-bg-hover
     );--ic-button-tertiary-background-pressed-monochrome:var(
@@ -999,7 +1119,37 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-atoms-input-text-field-content-disabled
     );--ic-text-field-typing-cursor:var(
       --ic-atoms-input-select-content-text-cursor
-    );--ic-toggle-button-unselected-border:var(--ic-color-border-action);--ic-toggle-button-unselected-text:var(--ic-color-text-action-dark);--ic-toggle-button-unselected-icon:var(--ic-color-icon-action-default);--ic-toggle-button-unselected-border-hover:var(
+    );--ic-time-picker-field-background:var(--ic-atoms-input-field-background);--ic-time-picker-time-field-border-default:var(
+      --ic-color-border-neutral-default-dark
+    );--ic-time-picker-time-field-border-hover:var(
+      --ic-color-border-neutral-hover-dark
+    );--ic-time-picker-time-field-border-pressed:var(
+      --ic-color-border-neutral-pressed-dark
+    );--ic-time-picker-border-disabled:var(
+      --ic-color-border-neutral-disabled-dark
+    );--ic-time-picker-border-error:var(--ic-color-border-error-default-dark);--ic-time-picker-border-error-hover:var(
+      --ic-color-border-error-hover-dark
+    );--ic-time-picker-border-error-pressed:var(
+      --ic-color-border-error-pressed-dark
+    );--ic-time-picker-border-warning:var(
+      --ic-color-border-warning-default-dark
+    );--ic-time-picker-border-warning-hover:var(
+      --ic-color-border-warning-hover-dark
+    );--ic-time-picker-border-warning-pressed:var(
+      --ic-color-border-warning-pressed-dark
+    );--ic-time-picker-border-success:var(
+      --ic-color-border-success-default-dark
+    );--ic-time-picker-border-success-hover:var(
+      --ic-color-border-success-hover-dark
+    );--ic-time-picker-border-success-pressed:var(
+      --ic-color-border-success-pressed-dark
+    );--ic-time-picker-icon-error:var(--ic-atoms-input-state-icon-error);--ic-time-picker-icon-warning:var(--ic-atoms-input-state-icon-warning);--ic-time-picker-icon-success:var(--ic-atoms-input-state-icon-success);--ic-time-picker-label:var(--ic-atoms-input-field-label);--ic-time-picker-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-time-picker-status-text:var(--ic-atoms-input-state-text);--ic-time-picker-subtitle:var(--ic-atoms-input-field-label-subtitle);--ic-time-picker-subtitle-disabled:var(
+      --ic-atoms-input-field-label-subtitle-disabled
+    );--ic-time-picker-time-text-default:var(--ic-color-text-primary);--ic-time-picker-time-text-disabled:var(--ic-color-text-disabled-dark);--ic-time-picker-field-placeholder-text:var(
+      --ic-atoms-input-text-field-content-placeholder
+    );--ic-time-picker-typing-cursor:var(
+      --ic-atoms-input-select-content-text-cursor
+    );--ic-time-picker-clear-icon:var(--ic-atoms-input-clear-button);--ic-toggle-button-unselected-border:var(--ic-color-border-action);--ic-toggle-button-unselected-text:var(--ic-color-text-action-dark);--ic-toggle-button-unselected-icon:var(--ic-color-icon-action-default);--ic-toggle-button-unselected-border-hover:var(
       --ic-color-border-action-hover
     );--ic-toggle-button-unselected-text-hover:var(
       --ic-color-text-action-hover-dark
@@ -1229,7 +1379,53 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-group-label-background-dark
   );--ic-atoms-list-item-background:var(--ic-atoms-list-item-background-dark);--ic-atoms-loading-text:var(--ic-atoms-loading-text-dark);--ic-atoms-loading-error-text:var(--ic-atoms-loading-error-text-dark);--ic-atoms-loading-error-icon:var(--ic-atoms-loading-error-icon-dark);--ic-atoms-list-item-text:var(--ic-atoms-list-item-text-dark);--ic-atoms-list-item-divider:var(--ic-atoms-list-item-divider-dark);--ic-atoms-option-bar-text:var(--ic-atoms-option-bar-text-dark);--ic-atoms-option-bar-background:var(--ic-atoms-option-bar-background-dark);--ic-atoms-option-bar-divider:var(--ic-atoms-option-bar-divider-dark);--ic-atoms-status-icon-success:var(--ic-atoms-status-icon-success-dark);--ic-atoms-status-icon-warning:var(--ic-atoms-status-icon-warning-dark);--ic-atoms-status-icon-error:var(--ic-atoms-status-icon-error-dark);--ic-atoms-status-icon-neutral:var(--ic-atoms-status-icon-neutral-dark);--ic-atoms-status-icon-info:var(--ic-atoms-status-icon-info-dark);--ic-atoms-dropdown-list-border:var(--ic-atoms-dropdown-list-border-dark);--ic-atoms-input-divider:var(--ic-atoms-input-divider-dark);--ic-atoms-input-autocomplete-field-border:var(
     --ic-atoms-input-autocomplete-field-border-dark
-  );--ic-border-focus:var(--ic-border-focus-dark);--ic-border-focus-inset:var(--ic-border-focus-inset-dark);--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-disabled-dark);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-alert-background-success:var(--ic-status-success-dark-dm);--ic-alert-background-error:var(--ic-status-error-dark-dm);--ic-alert-background-warning:var(--ic-status-warning-dark-dm);--ic-alert-background-info:var(--ic-status-info-dark-dm);--ic-alert-background-neutral:var(--ic-status-unknown-dark-dm);--ic-alert-status-type-success:var(--ic-status-success-default-dm);--ic-alert-status-type-error:var(--ic-status-error-contrast-dm);--ic-alert-status-type-warning:var(--ic-status-warning-contrast-dm);--ic-alert-status-type-info:var(--ic-status-info-contrast-dm);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast-dm);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-primary-light);--ic-badge-icon:var(--ic-color-icon-neutral);--ic-badge-warning-text:var(--ic-color-text-primary-light);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome:var(--ic-color-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
+  );--ic-border-focus:var(--ic-border-focus-dark);--ic-border-focus-inset:var(--ic-border-focus-inset-dark);--ic-typography-color:var(--ic-color-text-primary);--ic-accordion-heading-text:var(--ic-color-text-primary);--ic-accordion-group-title-text:var(--ic-color-text-primary);--ic-accordion-heading-text-disabled:var(--ic-color-text-disabled-dark);--ic-accordion-body-text:var(--ic-color-text-primary);--ic-accordion-icon:var(--ic-color-icon-inverted);--ic-accordion-icon-disabled:var(--ic-color-icon-disabled);--ic-accordion-background-hover:var(--ic-action-light-bg-hover);--ic-accordion-background-pressed:var(--ic-action-light-bg-pressed);--ic-accordion-divider:var(--ic-atoms-option-bar-divider);--ic-accordion-chevron:var(--ic-color-icon-inverted);--ic-accordion-chevron-disabled:var(--ic-color-icon-disabled);--ic-action-chip-filled-background-default:var(--ic-color-background-active);--ic-action-chip-filled-background-hover:var(
+    --ic-color-background-active-hover-dark
+  );--ic-action-chip-filled-background-pressed:var(
+    --ic-color-background-active-pressed-dark
+  );--ic-action-chip-filled-label:var(--ic-color-text-primary-light);--ic-action-chip-filled-icon:var(--ic-color-icon-neutral);--ic-action-chip-monochrome-filled-background-default:var(
+    --ic-color-background-primary-light
+  );--ic-action-chip-monochrome-filled-background-hover:var(
+    --ic-color-background-hover-light
+  );--ic-action-chip-monochrome-filled-background-pressed:var(
+    --ic-color-background-pressed-light
+  );--ic-action-chip-outlined-background-default:var(
+    --ic-color-background-neutral-dark
+  );--ic-action-chip-outlined-background-hover:var(--ic-action-default-bg-hover);--ic-action-chip-outlined-background-pressed:var(
+    --ic-action-default-bg-pressed
+  );--ic-action-chip-monochrome-outlined-background-default:var(
+    --ic-color-background-neutral-light
+  );--ic-action-chip-monochrome-outlined-background-hover:var(
+    --ic-action-light-bg-hover
+  );--ic-action-chip-monochrome-outlined-background-pressed:var(
+    --ic-action-light-bg-pressed
+  );--ic-action-chip-outlined-border-default:var(--ic-color-border-action);--ic-action-chip-outlined-border-hover:var(--ic-color-border-action-hover);--ic-action-chip-outlined-border-pressed:var(
+    --ic-color-border-action-pressed
+  );--ic-action-chip-monochrome-outlined-border-default:var(
+    --ic-color-border-monochrome-dark
+  );--ic-action-chip-monochrome-outlined-border-hover:var(
+    --ic-color-border-monochrome-hover-light
+  );--ic-action-chip-monochrome-outlined-border-pressed:var(
+    --ic-color-border-monochrome-pressed-light
+  );--ic-action-chip-outlined-border-disabled:var(
+    --ic-color-border-neutral-disabled-mid
+  );--ic-action-chip-outlined-label:var(--ic-color-text-action);--ic-action-chip-outlined-label-hover:var(--ic-color-text-action-hover);--ic-action-chip-outlined-label-pressed:var(--ic-color-text-action-pressed);--ic-action-chip-outlined-icon:var(--ic-color-icon-action-default);--ic-action-chip-outlined-icon-hover:var(
+    --ic-color-icon-action-default-hover
+  );--ic-action-chip-outlined-icon-pressed:var(
+    --ic-color-icon-action-default-pressed
+  );--ic-action-chip-monochrome-outlined-label:var(
+    --ic-color-text-action-monochrome-dark
+  );--ic-action-chip-monochrome-outlined-label-hover:var(
+    --ic-color-text-action-monochrome-hover-dark
+  );--ic-action-chip-monochrome-outlined-label-pressed:var(
+    --ic-color-text-action-monochrome-pressed-dark
+  );--ic-action-chip-monochrome-outlined-icon:var(--ic-color-icon-action-dark);--ic-action-chip-monochrome-outlined-icon-hover:var(
+    --ic-color-icon-hover-lighter
+  );--ic-action-chip-monochrome-outlined-icon-pressed:var(
+    --ic-color-icon-pressed-lighter
+  );--ic-action-chip-label-disabled:var(--ic-color-text-disabled-mid);--ic-action-chip-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-action-chip-background-disabled:var(
+    --ic-color-background-disabled-default
+  );--ic-alert-background-ai:var(--ic-status-anomalous-dark-dm);--ic-alert-background-success:var(--ic-status-success-dark-dm);--ic-alert-background-error:var(--ic-status-error-dark-dm);--ic-alert-background-warning:var(--ic-status-warning-dark-dm);--ic-alert-background-info:var(--ic-status-info-dark-dm);--ic-alert-background-neutral:var(--ic-status-unknown-dark-dm);--ic-alert-status-type-ai:var(--ic-status-anomalous-default-dm);--ic-alert-status-type-success:var(--ic-status-success-default-dm);--ic-alert-status-type-error:var(--ic-status-error-contrast-dm);--ic-alert-status-type-warning:var(--ic-status-warning-contrast-dm);--ic-alert-status-type-info:var(--ic-status-info-contrast-dm);--ic-alert-status-type-neutral:var(--ic-status-unknown-contrast-dm);--ic-alert-title:var(--ic-color-text-primary);--ic-alert-description:var(--ic-color-text-primary);--ic-alert-icon-ai:var(--ic-status-anomalous-contrast);--ic-alert-icon-success:var(--ic-status-success-contrast);--ic-alert-icon-error:var(--ic-status-error-contrast);--ic-alert-icon-warning:var(--ic-status-warning-contrast);--ic-alert-icon-info:var(--ic-status-info-contrast);--ic-alert-icon-neutral:var(--ic-status-unknown-contrast);--ic-alert-icon-dismissible:var(--ic-atoms-input-clear-button);--ic-alert-border-ai:var(--ic-status-anomalous-contrast);--ic-alert-border-success:var(--ic-status-success-contrast);--ic-alert-border-error:var(--ic-status-error-contrast);--ic-alert-border-warning:var(--ic-status-warning-contrast);--ic-alert-border-info:var(--ic-status-info-contrast);--ic-alert-border-neutral:var(--ic-status-unknown-contrast);--ic-badge-text:var(--ic-color-text-primary-light);--ic-badge-icon:var(--ic-color-icon-neutral);--ic-badge-warning-text:var(--ic-color-text-primary-light);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-text-monochrome:var(--ic-color-text-primary);--ic-badge-icon-monochrome:var(--ic-color-icon-inverted);--ic-badge-ai:var(--ic-status-anomalous-contrast);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-color-background-neutral-light);--ic-badge-dark:var(--ic-color-background-primary-light);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-button-primary-background:var(--ic-color-background-active);--ic-button-primary-background-hover:var(
     --ic-color-background-active-hover-dark
   );--ic-button-primary-background-pressed:var(
     --ic-color-background-active-pressed-dark
@@ -1249,8 +1445,8 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-action-monochrome-pressed-dark
   );--ic-button-primary-icon-disabled:var(--ic-color-icon-disabled-light);--ic-button-primary-icon-disabled-monochrome:var(
     --ic-color-icon-disabled-dark
-  );--ic-button-primary-icon-action:var(--ic-color-icon-action-default);--ic-button-primary-icon-hover:var(--ic-color-icon-action-hover);--ic-button-primary-icon-pressed:var(--ic-color-icon-action-pressed);--ic-button-secondary-background:var(--ic-color-background-neutral-light);--ic-button-secondary-background-monochrome:var(
-    --ic-color-background-neutral-light
+  );--ic-button-primary-icon-action:var(--ic-color-icon-action-default);--ic-button-primary-icon-hover:var(--ic-color-icon-action-hover);--ic-button-primary-icon-pressed:var(--ic-color-icon-action-pressed);--ic-button-secondary-background:var(--ic-color-background-neutral-dark);--ic-button-secondary-background-monochrome:var(
+    --ic-color-background-neutral-dark
   );--ic-button-secondary-background-hover-active:var(
     --ic-action-default-bg-hover
   );--ic-button-secondary-background-pressed-active:var(
@@ -1313,7 +1509,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-color-text-action-monochrome-pressed-dark
   );--ic-button-tertiary-icon-pressed-monochrome:var(
     --ic-color-icon-pressed-lighter
-  );--ic-button-tertiary-background:var(--ic-color-background-neutral);--ic-button-tertiary-background-hover-active:var(
+  );--ic-button-tertiary-background:var(--ic-color-background-neutral-dark);--ic-button-tertiary-background-hover-active:var(
     --ic-action-default-bg-pressed-30
   );--ic-button-tertiary-background-pressed-active:var(
     --ic-action-default-bg-pressed
@@ -1322,7 +1518,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
   );--ic-button-tertiary-background-non-transparent-active:linear-gradient(
     var(--ic-button-tertiary-background-pressed-active) 0 0
   );--ic-button-tertiary-background-monochrome:var(
-    --ic-color-background-neutral
+    --ic-color-background-neutral-dark
   );--ic-button-tertiary-background-hover-monochrome:var(
     --ic-action-light-bg-hover
   );--ic-button-tertiary-background-pressed-monochrome:var(
@@ -1503,7 +1699,31 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-input-text-field-content-disabled
   );--ic-text-field-typing-cursor:var(
     --ic-atoms-input-select-content-text-cursor
-  );--ic-toggle-button-unselected-border:var(--ic-color-border-action);--ic-toggle-button-unselected-text:var(--ic-color-text-action-dark);--ic-toggle-button-unselected-icon:var(--ic-color-icon-action-default);--ic-toggle-button-unselected-border-hover:var(
+  );--ic-time-picker-field-background:var(--ic-atoms-input-field-background);--ic-time-picker-time-field-border-default:var(
+    --ic-color-border-neutral-default-dark
+  );--ic-time-picker-time-field-border-hover:var(
+    --ic-color-border-neutral-hover-dark
+  );--ic-time-picker-time-field-border-pressed:var(
+    --ic-color-border-neutral-pressed-dark
+  );--ic-time-picker-border-disabled:var(
+    --ic-color-border-neutral-disabled-dark
+  );--ic-time-picker-border-error:var(--ic-color-border-error-default-dark);--ic-time-picker-border-error-hover:var(--ic-color-border-error-hover-dark);--ic-time-picker-border-error-pressed:var(
+    --ic-color-border-error-pressed-dark
+  );--ic-time-picker-border-warning:var(--ic-color-border-warning-default-dark);--ic-time-picker-border-warning-hover:var(
+    --ic-color-border-warning-hover-dark
+  );--ic-time-picker-border-warning-pressed:var(
+    --ic-color-border-warning-pressed-dark
+  );--ic-time-picker-border-success:var(--ic-color-border-success-default-dark);--ic-time-picker-border-success-hover:var(
+    --ic-color-border-success-hover-dark
+  );--ic-time-picker-border-success-pressed:var(
+    --ic-color-border-success-pressed-dark
+  );--ic-time-picker-icon-error:var(--ic-atoms-input-state-icon-error);--ic-time-picker-icon-warning:var(--ic-atoms-input-state-icon-warning);--ic-time-picker-icon-success:var(--ic-atoms-input-state-icon-success);--ic-time-picker-label:var(--ic-atoms-input-field-label);--ic-time-picker-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-time-picker-status-text:var(--ic-atoms-input-state-text);--ic-time-picker-subtitle:var(--ic-atoms-input-field-label-subtitle);--ic-time-picker-subtitle-disabled:var(
+    --ic-atoms-input-field-label-subtitle-disabled
+  );--ic-time-picker-time-text-default:var(--ic-color-text-primary);--ic-time-picker-time-text-disabled:var(--ic-color-text-disabled-dark);--ic-time-picker-field-placeholder-text:var(
+    --ic-atoms-input-text-field-content-placeholder
+  );--ic-time-picker-typing-cursor:var(
+    --ic-atoms-input-select-content-text-cursor
+  );--ic-time-picker-clear-icon:var(--ic-atoms-input-clear-button);--ic-toggle-button-unselected-border:var(--ic-color-border-action);--ic-toggle-button-unselected-text:var(--ic-color-text-action-dark);--ic-toggle-button-unselected-icon:var(--ic-color-icon-action-default);--ic-toggle-button-unselected-border-hover:var(
     --ic-color-border-action-hover
   );--ic-toggle-button-unselected-text-hover:var(
     --ic-color-text-action-hover-dark
@@ -1667,11 +1887,11 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     min(255, calc(var(--ic-brand-calc) + 65))
       min(255, calc(var(--ic-brand-calc) + 70))
       min(255, calc(var(--ic-brand-calc) + 77)) / 20%
-  );--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(
+  );--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-850);--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(
     --ic-classification-official-sensitive
   );--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(
     --ic-color-icon-disabled-light
-  );--ic-side-navigation-logo:var(--ic-color-icon-brand);--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20);--ic-side-navigation-theme:var(--ic-color-background-primary-light);--ic-side-navigation-text:var(--ic-brand-text-color);--ic-side-navigation-focussed:var(--ic-color-background-primary-light);--ic-toast-background:var(--ic-color-background-elevation-level-3);--ic-toast-status-success:var(--ic-status-success-contrast);--ic-toast-status-error:var(--ic-status-error-contrast);--ic-toast-status-warning:var(--ic-status-warning-contrast);--ic-toast-status-info:var(--ic-status-info-contrast);--ic-toast-status-neutral:var(--ic-status-unknown-contrast);--ic-toast-icon-success:var(--ic-status-success-contrast);--ic-toast-icon-error:var(--ic-status-error-contrast);--ic-toast-icon-warning:var(--ic-status-warning-contrast);--ic-toast-icon-info:var(--ic-status-info-contrast);--ic-toast-icon-neutral:var(--ic-status-unknown-contrast);--ic-toast-title:var(--ic-color-text-inverted);--ic-toast-description:var(--ic-color-text-inverted);--ic-toast-dismiss-button:var(--ic-color-icon-inverted);--ic-atoms-input-field-label-light:var(--ic-color-text-primary-light);--ic-atoms-input-field-label-dark:var(--ic-color-text-primary-dark);--ic-atoms-input-field-label-disabled-light:var(
+  );--ic-side-navigation-logo:var(--ic-color-icon-brand);--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20);--ic-side-navigation-theme:var(--ic-color-background-primary-light);--ic-side-navigation-text:var(--ic-brand-text-color);--ic-side-navigation-focussed:var(--ic-color-background-primary-light);--ic-toast-background:var(--ic-color-background-elevation-level-3);--ic-toast-status-ai:var(--ic-status-anomalous-contrast);--ic-toast-status-success:var(--ic-status-success-contrast);--ic-toast-status-error:var(--ic-status-error-contrast);--ic-toast-status-warning:var(--ic-status-warning-contrast);--ic-toast-status-info:var(--ic-status-info-contrast);--ic-toast-status-neutral:var(--ic-status-unknown-contrast);--ic-toast-icon-ai:var(--ic-status-anomalous-contrast);--ic-toast-icon-success:var(--ic-status-success-contrast);--ic-toast-icon-error:var(--ic-status-error-contrast);--ic-toast-icon-warning:var(--ic-status-warning-contrast);--ic-toast-icon-info:var(--ic-status-info-contrast);--ic-toast-icon-neutral:var(--ic-status-unknown-contrast);--ic-toast-title:var(--ic-color-text-inverted);--ic-toast-description:var(--ic-color-text-inverted);--ic-toast-dismiss-button:var(--ic-color-icon-inverted);--ic-atoms-input-field-label-light:var(--ic-color-text-primary-light);--ic-atoms-input-field-label-dark:var(--ic-color-text-primary-dark);--ic-atoms-input-field-label-disabled-light:var(
     --ic-color-text-disabled-mid
   );--ic-atoms-input-field-label-disabled-dark:var(
     --ic-color-text-disabled-dark