npm - @ukic/canary-react - Versions diffs - 3.0.0-canary.16 → 3.0.0-canary.18 - Mend

@ukic/canary-react 3.0.0-canary.16 → 3.0.0-canary.18

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 (3) hide show

package/README.md CHANGED Viewed

@@ -58,6 +58,28 @@ The `@ukic/canary-react` package will need to be transformed before you can use
 Add a `transformIgnorePatterns` field with the value `["/node_modules/(?!@ukic/canary-react)"]` to your Jest config.
+## Typescript
+If your project is making use of Typescript, you can import the custom types used in the ICDS component library. For details on the types implemented in each component, refer to the Props table on the Code page for each Component on the [Design System Guidance site](https://design.sis.gov.uk/components/select/code)
+Types can be imported from the @ukic/canary-web-components package as per the below example.
+> [!NOTE]
+> You do not have to install this package into your project, it is already installed as a dependency of @ukic/canary-react.
+```ts
+import { IcPaginationBarOptions } from '@ukic/canary-web-components';
+let paginationConfig: IcPaginationBarOptions = {
+  itemsPerPageOptions: [
+    { label: "5", value: "5" },
+    { label: "10", value: "10" },
+  ],
+  showItemsPerPageControl: true,
+  selectedItemsPerPage: 5,
+}
+```
 ## Security
 If you've found a vulnerability, we want to know so that we can fix it. [Our security policy](https://github.com/mi6/ic-ui-kit/blob/main/SECURITY.md) tells you how to do this.

package/dist/core/core.css CHANGED Viewed

@@ -164,7 +164,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
   );--ic-button-primary-background-pressed:var(
     --ic-color-background-active-pressed-light
   );--ic-button-primary-background-monochrome:var(
-    --ic-color-background-neutral-dark
+    --ic-color-background-primary-dark
   );--ic-button-primary-background-disabled:var(
     --ic-color-background-disabled-default
   );--ic-button-primary-background-disabled-monochrome:var(
@@ -177,8 +177,8 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-color-text-disabled-mid
   );--ic-button-primary-icon:var(--ic-color-icon-inverted);--ic-button-primary-icon-monochrome:var(--ic-color-icon-inverted);--ic-button-primary-icon-dark-pressed:var(
     --ic-action-monochrome-pressed-dark
-  );--ic-button-primary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-primary-icon-disabled-monochrome:var(--ic-color-icon-disabled);--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-secondary);--ic-button-secondary-background-monochrome:var(
-    --ic-color-background-neutral-dark
+  );--ic-button-primary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-primary-icon-disabled-monochrome:var(--ic-color-icon-disabled);--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-secondary-light);--ic-button-secondary-background-monochrome:var(
+    --ic-color-background-secondary-light
   );--ic-button-secondary-background-hover-active:var(
     --ic-action-default-bg-hover
   );--ic-button-secondary-background-pressed-active:var(
@@ -187,78 +187,82 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-action-dark-bg-hover
   );--ic-button-secondary-background-pressed-monochrome:var(
     --ic-action-dark-bg-pressed
-  );--ic-button-secondary-text:var(--ic-color-text-action-light);--ic-button-secondary-text-monochrome:var(--ic-color-text-primary);--ic-button-secondary-text-active:var(--ic-color-text-action-light);--ic-button-secondary-text-hover-active:var(
+  );--ic-button-secondary-background-non-transparent-hover:linear-gradient(
+    var(--ic-button-secondary-background-hover-active) 0 0
+  );--ic-button-secondary-background-non-transparent-active:linear-gradient(
+    var(--ic-button-secondary-background-pressed-active) 0 0
+  );--ic-button-secondary-background-non-transparent-monochrome-hover:linear-gradient(
+    var(--ic-button-secondary-background-hover-monochrome) 0 0
+  );--ic-button-secondary-background-non-transparent-monochrome-active:linear-gradient(
+    var(--ic-button-secondary-background-pressed-monochrome) 0 0
+  );--ic-button-secondary-text:var(--ic-color-text-action-light);--ic-button-secondary-text-monochrome:var(
+    --ic-color-text-action-monochrome-light
+  );--ic-button-secondary-text-active:var(--ic-color-text-action-light);--ic-button-secondary-text-hover-active:var(
     --ic-color-text-action-hover-light
   );--ic-button-secondary-text-pressed-active:var(
     --ic-color-text-action-pressed-light
   );--ic-button-secondary-text-disabled:var(--ic-color-text-disabled-mid);--ic-button-secondary-text-disabled-monochrome:var(
     --ic-color-text-disabled-mid
   );--ic-button-secondary-text-hover-monochrome:var(
-    --ic-action-monochrome-hover-dark
+    --ic-color-text-action-monochrome-hover-light
   );--ic-button-secondary-text-pressed-monochrome:var(
-    --ic-action-monochrome-pressed-dark
-  );--ic-button-secondary-icon-monochrome:var(--ic-color-icon-neutral);--ic-button-secondary-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-button-secondary-icon-disabled-monochrome:var(
+    --ic-color-text-action-monochrome-pressed-light
+  );--ic-button-secondary-icon-monochrome:var(--ic-color-icon-grey-darker);--ic-button-secondary-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-button-secondary-icon-disabled-monochrome:var(
     --ic-color-icon-disabled-mid
-  );--ic-button-secondary-icon-hover-monochrome:var(
-    --ic-action-monochrome-hover-dark
-  );--ic-button-secondary-icon-pressed-monochrome:var(
+  );--ic-button-secondary-icon-hover-monochrome:var(--ic-color-icon-hover-dark);--ic-button-secondary-icon-pressed-monochrome:var(
     --ic-color-icon-pressed-dark
   );--ic-button-secondary-icon-active:var(--ic-color-icon-action-default);--ic-button-secondary-icon-hover-active:var(--ic-color-icon-action-hover);--ic-button-secondary-icon-pressed-active:var(
     --ic-color-icon-action-pressed
-  );--ic-button-secondary-border:var(--ic-color-border-action-default);--ic-button-secondary-border-monochrome:var(--ic-color-border-neutral-black);--ic-button-secondary-border-inverse:var(--ic-color-border-neutral-white);--ic-button-secondary-border-disabled:var(
+  );--ic-button-secondary-border:var(--ic-color-border-action-default);--ic-button-secondary-border-monochrome:var(
+    --ic-color-border-monochrome-light
+  );--ic-button-secondary-border-inverse:var(--ic-color-border-neutral-white);--ic-button-secondary-border-disabled:var(
     --ic-color-border-neutral-disabled
   );--ic-button-secondary-border-disabled-monochrome:var(
     --ic-color-border-neutral-disabled
   );--ic-button-secondary-border-hover:var(--ic-color-border-action-hover-light);--ic-button-secondary-border-pressed:var(
     --ic-color-border-action-pressed-light
   );--ic-button-secondary-border-hover-monochrome:var(
-    --ic-color-border-neutral-hover-dark
+    --ic-color-border-monochrome-hover-dark
   );--ic-button-secondary-border-pressed-monochrome:var(
-    --ic-color-border-neutral-pressed-light
-  );--ic-button-secondary-background-non-transparent:var(
-    --ic-color-background-solid
-  );--ic-button-secondary-background-non-transparent-disabled:var(
-    --ic-color-background-solid-disabled
-  );--ic-button-secondary-background-non-transparent-hover:var(
-    --ic-color-background-solid-hover
-  );--ic-button-secondary-background-non-transparent-active:var(
-    --ic-color-background-solid-pressed
-  );--ic-button-secondary-background-non-transparent-monochrome:var(
-    --ic-color-background-solid-mono
-  );--ic-button-secondary-background-non-transparent-monochrome-disabled:var(
-    --ic-color-background-solid-mono-disabled
-  );--ic-button-secondary-background-non-transparent-monochrome-hover:var(
-    --ic-color-background-solid-mono-hover
-  );--ic-button-secondary-background-non-transparent-monochrome-active:var(
-    --ic-color-background-solid-mono-pressed
+    --ic-color-border-monochrome-pressed-dark
   );--ic-button-tertiary-text-active:var(--ic-color-text-action-light);--ic-button-tertiary-icon-active:var(--ic-color-icon-action-default);--ic-button-tertiary-text-disabled:var(--ic-color-text-disabled-mid);--ic-button-tertiary-icon-disabled:var(--ic-color-icon-disabled-mid);--ic-button-tertiary-text-hover-active:var(
     --ic-color-text-action-hover-light
-  );--ic-button-tertiary-icon-hover-active:var(--ic-color-icon-action-hover);--ic-button-tertiary-background:var(--ic-color-background-primary);--ic-button-tertiary-background-hover-active:var(
-    --ic-action-default-bg-hover
-  );--ic-button-tertiary-text-pressed-active:var(
+  );--ic-button-tertiary-icon-hover-active:var(--ic-color-icon-action-hover);--ic-button-tertiary-text-pressed-active:var(
     --ic-color-text-action-pressed-light
-  );--ic-button-tertiary-icon-pressed-active:var(--ic-color-icon-action-pressed);--ic-button-tertiary-background-pressed-active:var(
-    --ic-action-default-bg-pressed
-  );--ic-button-tertiary-text-monochrome:var(--ic-color-text-primary);--ic-button-tertiary-icon-monochrome:var(--ic-color-icon-neutral);--ic-button-tertiary-text-disabled-monochrome:var(
+  );--ic-button-tertiary-icon-pressed-active:var(--ic-color-icon-action-pressed);--ic-button-tertiary-text-monochrome:var(
+    --ic-color-text-action-monochrome-light
+  );--ic-button-tertiary-icon-monochrome:var(--ic-color-icon-grey-darker);--ic-button-tertiary-text-disabled-monochrome:var(
     --ic-color-text-disabled-mid
   );--ic-button-tertiary-icon-disabled-monochrome:var(
     --ic-color-icon-disabled-mid
   );--ic-button-tertiary-text-hover-monochrome:var(
-    --ic-action-monochrome-hover-dark
-  );--ic-button-tertiary-icon-hover-monochrome:var(--ic-color-icon-hover-dark);--ic-button-tertiary-background-hover-monochrome:var(
-    --ic-action-dark-bg-hover
-  );--ic-button-tertiary-border-hover-monochrome:var(
-    --ic-color-border-neutral-hover-dark
-  );--ic-button-tertiary-text-pressed-monochrome:var(
-    --ic-action-monochrome-pressed-dark
+    --ic-color-text-action-monochrome-hover-light
+  );--ic-button-tertiary-icon-hover-monochrome:var(--ic-color-icon-hover-dark);--ic-button-tertiary-text-pressed-monochrome:var(
+    --ic-color-text-action-monochrome-pressed-light
   );--ic-button-tertiary-icon-pressed-monochrome:var(
     --ic-color-icon-pressed-dark
-  );--ic-button-tertiary-background-pressed-monochrome:var(
-    --ic-action-dark-bg-pressed
-  );--ic-button-tertiary-background-monochrome:var(
-    --ic-color-background-primary
+  );--ic-button-tertiary-border-hover-monochrome:var(
+    --ic-color-border-neutral-hover-dark
   );--ic-button-tertiary-text-hover-light-monochrome:var(
     --ic-action-light-hover
+  );--ic-button-tertiary-background:var(--ic-color-background-secondary-light);--ic-button-tertiary-background-hover-active:var(
+    --ic-action-default-bg-hover
+  );--ic-button-tertiary-background-pressed-active:var(
+    --ic-action-default-bg-pressed
+  );--ic-button-tertiary-background-non-transparent-hover:linear-gradient(
+    var(--ic-button-tertiary-background-hover-active) 0 0
+  );--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-secondary-light
+  );--ic-button-tertiary-background-hover-monochrome:var(
+    --ic-action-dark-bg-hover
+  );--ic-button-tertiary-background-pressed-monochrome:var(
+    --ic-action-dark-bg-pressed
+  );--ic-button-tertiary-background-non-transparent-monochrome-hover:linear-gradient(
+    var(--ic-button-tertiary-background-hover-monochrome) 0 0
+  );--ic-button-tertiary-background-non-transparent-monochrome-active:linear-gradient(
+    var(--ic-button-tertiary-background-pressed-monochrome) 0 0
   );--ic-button-destructive-background:var(--ic-color-background-destructive);--ic-button-destructive-background-hover:var(
     --ic-color-background-destructive-hover
   );--ic-button-destructive-background-pressed:var(
@@ -662,7 +666,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     );--ic-button-primary-background-disabled:var(
       --ic-color-background-disabled-default
     );--ic-button-primary-background-disabled-monochrome:var(
-      --ic-color-background-disabled-light
+      --ic-color-background-disabled-default
     );--ic-button-primary-background-hover-monochrome:var(
       --ic-color-background-hover-light
     );--ic-button-primary-background-pressed-monochrome:var(
@@ -673,38 +677,46 @@ 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-secondary-light
-    );--ic-button-secondary-background-monochrome:var(
-      --ic-color-background-secondary-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-light);--ic-button-secondary-background-monochrome:var(
+      --ic-color-background-neutral-light
     );--ic-button-secondary-background-hover-active:var(
       --ic-action-default-bg-hover
     );--ic-button-secondary-background-pressed-active:var(
       --ic-action-default-bg-pressed
     );--ic-button-secondary-background-hover-monochrome:var(
-      --ic-action-light-bg-hover
+      --ic-action-dark-bg-hover
     );--ic-button-secondary-background-pressed-monochrome:var(
-      --ic-action-light-bg-pressed
-    );--ic-button-secondary-text:var(--ic-color-text-action-dark);--ic-button-secondary-text-monochrome:var(--ic-color-brand-text);--ic-button-secondary-text-active:var(--ic-color-text-action-dark);--ic-button-secondary-text-hover-active:var(
+      --ic-action-dark-bg-pressed
+    );--ic-button-secondary-background-non-transparent-hover:linear-gradient(
+      var(--ic-button-secondary-background-hover-active) 0 0
+    );--ic-button-secondary-background-non-transparent-active:linear-gradient(
+      var(--ic-button-secondary-background-pressed-active) 0 0
+    );--ic-button-secondary-background-non-transparent-monochrome-hover:linear-gradient(
+      var(--ic-button-secondary-background-hover-monochrome) 0 0
+    );--ic-button-secondary-background-non-transparent-monochrome-active:linear-gradient(
+      var(--ic-button-secondary-background-pressed-monochrome) 0 0
+    );--ic-button-secondary-text:var(--ic-color-text-action-dark);--ic-button-secondary-text-monochrome:var(
+      --ic-color-text-action-monochrome-dark
+    );--ic-button-secondary-text-active:var(--ic-color-text-action-dark);--ic-button-secondary-text-hover-active:var(
       --ic-color-text-action-hover-dark
     );--ic-button-secondary-text-pressed-active:var(
       --ic-color-text-action-pressed-dark
     );--ic-button-secondary-text-disabled:var(--ic-color-text-disabled-dark);--ic-button-secondary-text-disabled-monochrome:var(
       --ic-color-text-disabled-dark
     );--ic-button-secondary-text-hover-monochrome:var(
-      --ic-action-monochrome-hover
+      --ic-color-text-action-monochrome-hover-dark
     );--ic-button-secondary-text-pressed-monochrome:var(
-      --ic-action-light-pressed
-    );--ic-button-secondary-icon-monochrome:var(--ic-color-icon-inverted);--ic-button-secondary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-secondary-icon-disabled-monochrome:var(
+      --ic-color-text-action-monochrome-pressed-dark
+    );--ic-button-secondary-icon-monochrome:var(--ic-color-icon-action-dark);--ic-button-secondary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-secondary-icon-disabled-monochrome:var(
       --ic-color-icon-disabled
     );--ic-button-secondary-icon-hover-monochrome:var(
-      --ic-color-icon-hover-light
+      --ic-color-icon-hover-lighter
     );--ic-button-secondary-icon-pressed-monochrome:var(
-      --ic-color-icon-pressed-light
+      --ic-color-icon-pressed-lighter
     );--ic-button-secondary-icon-active:var(--ic-color-icon-action-default);--ic-button-secondary-icon-hover-active:var(--ic-color-icon-action-hover);--ic-button-secondary-icon-pressed-active:var(
       --ic-color-icon-action-pressed
     );--ic-button-secondary-border:var(--ic-color-border-action-default-dark);--ic-button-secondary-border-monochrome:var(
-      --ic-color-border-neutral-white
+      --ic-color-border-monochrome-dark
     );--ic-button-secondary-border-inverse:var(--ic-color-border-neutral-black);--ic-button-secondary-border-disabled:var(
       --ic-color-border-neutral-disabled
     );--ic-button-secondary-border-disabled-monochrome:var(
@@ -714,37 +726,47 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     );--ic-button-secondary-border-pressed:var(
       --ic-color-border-action-pressed-dark
     );--ic-button-secondary-border-hover-monochrome:var(
-      --ic-color-border-neutral-hover-dark
+      --ic-color-border-monochrome-hover-light
     );--ic-button-secondary-border-pressed-monochrome:var(
-      --ic-color-border-neutral-pressed-dark
-    );--ic-button-tertiary-text-active:var(--ic-action-default);--ic-button-tertiary-icon-active:var(--ic-action-default);--ic-button-tertiary-text-disabled:var(--ic-color-text-disabled-dark);--ic-button-tertiary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-tertiary-text-hover-active:var(--ic-action-default-hover);--ic-button-tertiary-icon-hover-active:var(--ic-action-default-hover);--ic-button-tertiary-background:var(--ic-color-background-neutral);--ic-button-tertiary-background-hover-active:var(
-      --ic-action-default-bg-pressed-30
-    );--ic-button-tertiary-text-pressed-active:var(
+      --ic-color-border-monochrome-pressed-light
+    );--ic-button-tertiary-text-active:var(--ic-action-default);--ic-button-tertiary-icon-active:var(--ic-action-default);--ic-button-tertiary-text-disabled:var(--ic-color-text-disabled-dark);--ic-button-tertiary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-tertiary-text-hover-active:var(--ic-action-default-hover);--ic-button-tertiary-icon-hover-active:var(--ic-action-default-hover);--ic-button-tertiary-text-pressed-active:var(
       --ic-action-default-pressed-dark
     );--ic-button-tertiary-icon-pressed-active:var(
       --ic-action-default-pressed-dark
-    );--ic-button-tertiary-background-pressed-active:var(
-      --ic-action-default-bg-pressed
-    );--ic-button-tertiary-text-monochrome:var(--ic-color-brand-text);--ic-button-tertiary-icon-monochrome:var(--ic-color-icon-brand);--ic-button-tertiary-text-disabled-monochrome:var(
+    );--ic-button-tertiary-text-monochrome:var(
+      --ic-color-text-action-monochrome-dark
+    );--ic-button-tertiary-icon-monochrome:var(--ic-color-icon-action-dark);--ic-button-tertiary-text-disabled-monochrome:var(
       --ic-color-text-disabled-dark
     );--ic-button-tertiary-icon-disabled-monochrome:var(
       --ic-color-icon-disabled
     );--ic-button-tertiary-text-hover-monochrome:var(
-      --ic-action-monochrome-hover
+      --ic-color-text-action-monochrome-hover-dark
     );--ic-button-tertiary-icon-hover-monochrome:var(
-      --ic-color-icon-hover-light
-    );--ic-button-tertiary-background-hover-monochrome:var(
-      --ic-action-light-bg-hover
-    );--ic-button-tertiary-border-hover-monochrome:var(
-      --ic-color-border-neutral-hover-light
+      --ic-color-icon-hover-lighter
     );--ic-button-tertiary-text-pressed-monochrome:var(
-      --ic-action-light-pressed
+      --ic-color-text-action-monochrome-pressed-dark
     );--ic-button-tertiary-icon-pressed-monochrome:var(
-      --ic-color-icon-pressed-light
-    );--ic-button-tertiary-background-pressed-monochrome:var(
-      --ic-action-light-bg-pressed
+      --ic-color-icon-pressed-lighter
+    );--ic-button-tertiary-background:var(--ic-color-background-neutral);--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
+    );--ic-button-tertiary-background-non-transparent-hover:linear-gradient(
+      var(--ic-button-tertiary-background-hover-active) 0 0
+    );--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-button-tertiary-background-hover-monochrome:var(
+      --ic-action-dark-bg-hover
+    );--ic-button-tertiary-background-pressed-monochrome:var(
+      --ic-action-dark-bg-pressed
+    );--ic-button-tertiary-background-non-transparent-monochrome-hover:linear-gradient(
+      var(--ic-button-tertiary-background-hover-monochrome) 0 0
+    );--ic-button-tertiary-background-non-transparent-monochrome-active:linear-gradient(
+      var(--ic-button-tertiary-background-pressed-monochrome) 0 0
+    );--ic-button-tertiary-border-hover-monochrome:var(
+      --ic-color-border-neutral-hover-light
     );--ic-button-tertiary-text-hover-light-monochrome:var(
       --ic-action-light-hover
     );--ic-button-destructive-background:var(--ic-color-background-destructive);--ic-button-destructive-background-hover:var(
@@ -753,7 +775,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-color-background-destructive-pressed
     );--ic-button-destructive-background-disabled:var(
       --ic-state-layer-lighten-20
-    );--ic-button-destructive-text:var(--ic-color-text-primary-light);--ic-button-destructive-icon:var(--ic-color-icon-inverted);--ic-button-destructive-text-disabled:var(--ic-color-text-disabled-dark);--ic-button-destructive-icon-disabled:var(--ic-color-icon-disabled);--ic-button-icon-monochrome:var(--ic-action-monochrome);--ic-checkbox-border-unselected:var(--ic-color-border-neutral-grey);--ic-checkbox-border-unselected-hover:var(--ic-color-border-action-hover);--ic-checkbox-border-unselected-pressed:var(
+    );--ic-button-destructive-text:var(--ic-color-text-primary-light);--ic-button-destructive-icon:var(--ic-color-icon-inverted);--ic-button-destructive-text-disabled:var(--ic-state-layer-lighten-20);--ic-button-destructive-icon-disabled:var(--ic-state-layer-lighten-20);--ic-button-icon-monochrome:var(--ic-action-monochrome);--ic-checkbox-border-unselected:var(--ic-color-border-neutral-grey);--ic-checkbox-border-unselected-hover:var(--ic-color-border-action-hover);--ic-checkbox-border-unselected-pressed:var(
       --ic-color-border-action-pressed
     );--ic-checkbox-border-unselected-disabled:var(
       --ic-color-border-neutral-disabled
@@ -1204,7 +1226,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
   );--ic-button-primary-background-disabled:var(
     --ic-color-background-disabled-default
   );--ic-button-primary-background-disabled-monochrome:var(
-    --ic-color-background-disabled-light
+    --ic-color-background-disabled-default
   );--ic-button-primary-background-hover-monochrome:var(
     --ic-color-background-hover-light
   );--ic-button-primary-background-pressed-monochrome:var(
@@ -1215,69 +1237,97 @@ 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-secondary-light);--ic-button-secondary-background-monochrome:var(
-    --ic-color-background-secondary-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-light);--ic-button-secondary-background-monochrome:var(
+    --ic-color-background-neutral-light
   );--ic-button-secondary-background-hover-active:var(
     --ic-action-default-bg-hover
   );--ic-button-secondary-background-pressed-active:var(
     --ic-action-default-bg-pressed
   );--ic-button-secondary-background-hover-monochrome:var(
-    --ic-action-light-bg-hover
+    --ic-action-dark-bg-hover
   );--ic-button-secondary-background-pressed-monochrome:var(
-    --ic-action-light-bg-pressed
-  );--ic-button-secondary-text:var(--ic-color-text-action-dark);--ic-button-secondary-text-monochrome:var(--ic-color-brand-text);--ic-button-secondary-text-active:var(--ic-color-text-action-dark);--ic-button-secondary-text-hover-active:var(
+    --ic-action-dark-bg-pressed
+  );--ic-button-secondary-background-non-transparent-hover:linear-gradient(
+    var(--ic-button-secondary-background-hover-active) 0 0
+  );--ic-button-secondary-background-non-transparent-active:linear-gradient(
+    var(--ic-button-secondary-background-pressed-active) 0 0
+  );--ic-button-secondary-background-non-transparent-monochrome-hover:linear-gradient(
+    var(--ic-button-secondary-background-hover-monochrome) 0 0
+  );--ic-button-secondary-background-non-transparent-monochrome-active:linear-gradient(
+    var(--ic-button-secondary-background-pressed-monochrome) 0 0
+  );--ic-button-secondary-text:var(--ic-color-text-action-dark);--ic-button-secondary-text-monochrome:var(
+    --ic-color-text-action-monochrome-dark
+  );--ic-button-secondary-text-active:var(--ic-color-text-action-dark);--ic-button-secondary-text-hover-active:var(
     --ic-color-text-action-hover-dark
   );--ic-button-secondary-text-pressed-active:var(
     --ic-color-text-action-pressed-dark
   );--ic-button-secondary-text-disabled:var(--ic-color-text-disabled-dark);--ic-button-secondary-text-disabled-monochrome:var(
     --ic-color-text-disabled-dark
   );--ic-button-secondary-text-hover-monochrome:var(
-    --ic-action-monochrome-hover
+    --ic-color-text-action-monochrome-hover-dark
   );--ic-button-secondary-text-pressed-monochrome:var(
-    --ic-action-monochrome-pressed
-  );--ic-button-secondary-icon-monochrome:var(--ic-color-icon-inverted);--ic-button-secondary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-secondary-icon-disabled-monochrome:var(--ic-color-icon-disabled);--ic-button-secondary-icon-hover-monochrome:var(--ic-color-icon-hover-light);--ic-button-secondary-icon-pressed-monochrome:var(
-    --ic-color-icon-pressed-light
+    --ic-color-text-action-monochrome-pressed-dark
+  );--ic-button-secondary-icon-monochrome:var(--ic-color-icon-action-dark);--ic-button-secondary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-secondary-icon-disabled-monochrome:var(--ic-color-icon-disabled);--ic-button-secondary-icon-hover-monochrome:var(
+    --ic-color-icon-hover-lighter
+  );--ic-button-secondary-icon-pressed-monochrome:var(
+    --ic-color-icon-pressed-lighter
   );--ic-button-secondary-icon-active:var(--ic-color-icon-action-default);--ic-button-secondary-icon-hover-active:var(--ic-color-icon-action-hover);--ic-button-secondary-icon-pressed-active:var(
     --ic-color-icon-action-pressed
-  );--ic-button-secondary-border:var(--ic-color-border-action-default-dark);--ic-button-secondary-border-monochrome:var(--ic-color-border-neutral-white);--ic-button-secondary-border-inverse:var(--ic-color-border-neutral-black);--ic-button-secondary-border-disabled:var(
+  );--ic-button-secondary-border:var(--ic-color-border-action-default-dark);--ic-button-secondary-border-monochrome:var(
+    --ic-color-border-monochrome-dark
+  );--ic-button-secondary-border-inverse:var(--ic-color-border-neutral-black);--ic-button-secondary-border-disabled:var(
     --ic-color-border-neutral-disabled
   );--ic-button-secondary-border-disabled-monochrome:var(
     --ic-color-border-neutral-disabled
   );--ic-button-secondary-border-hover:var(--ic-color-border-action-hover-dark);--ic-button-secondary-border-pressed:var(
     --ic-color-border-action-pressed-dark
   );--ic-button-secondary-border-hover-monochrome:var(
-    --ic-color-border-neutral-hover-dark
+    --ic-color-border-monochrome-hover-light
   );--ic-button-secondary-border-pressed-monochrome:var(
-    --ic-color-border-neutral-pressed-dark
-  );--ic-button-tertiary-text-active:var(--ic-action-default);--ic-button-tertiary-icon-active:var(--ic-action-default);--ic-button-tertiary-text-disabled:var(--ic-color-text-disabled-dark);--ic-button-tertiary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-tertiary-text-hover-active:var(--ic-action-default-hover);--ic-button-tertiary-icon-hover-active:var(--ic-action-default-hover);--ic-button-tertiary-background:var(--ic-color-background-neutral);--ic-button-tertiary-background-hover-active:var(
-    --ic-action-default-bg-pressed-30
-  );--ic-button-tertiary-text-pressed-active:var(
+    --ic-color-border-monochrome-pressed-light
+  );--ic-button-tertiary-text-active:var(--ic-action-default);--ic-button-tertiary-icon-active:var(--ic-action-default);--ic-button-tertiary-text-disabled:var(--ic-color-text-disabled-dark);--ic-button-tertiary-icon-disabled:var(--ic-color-icon-disabled);--ic-button-tertiary-text-hover-active:var(--ic-action-default-hover);--ic-button-tertiary-icon-hover-active:var(--ic-action-default-hover);--ic-button-tertiary-text-pressed-active:var(
     --ic-action-default-pressed-dark
   );--ic-button-tertiary-icon-pressed-active:var(
     --ic-action-default-pressed-dark
-  );--ic-button-tertiary-background-pressed-active:var(
-    --ic-action-default-bg-pressed
-  );--ic-button-tertiary-text-monochrome:var(--ic-color-brand-text);--ic-button-tertiary-icon-monochrome:var(--ic-color-icon-brand);--ic-button-tertiary-text-disabled-monochrome:var(
+  );--ic-button-tertiary-text-monochrome:var(
+    --ic-color-text-action-monochrome-dark
+  );--ic-button-tertiary-icon-monochrome:var(--ic-color-icon-action-dark);--ic-button-tertiary-text-disabled-monochrome:var(
     --ic-color-text-disabled-dark
-  );--ic-button-tertiary-icon-disabled-monochrome:var(--ic-color-icon-disabled);--ic-button-tertiary-text-hover-monochrome:var(--ic-action-monochrome-hover);--ic-button-tertiary-icon-hover-monochrome:var(--ic-color-icon-hover-light);--ic-button-tertiary-background-hover-monochrome:var(
-    --ic-action-light-bg-hover
-  );--ic-button-tertiary-border-hover-monochrome:var(
-    --ic-color-border-neutral-hover-light
+  );--ic-button-tertiary-icon-disabled-monochrome:var(--ic-color-icon-disabled);--ic-button-tertiary-text-hover-monochrome:var(
+    --ic-color-text-action-monochrome-hover-dark
+  );--ic-button-tertiary-icon-hover-monochrome:var(
+    --ic-color-icon-hover-lighter
   );--ic-button-tertiary-text-pressed-monochrome:var(
-    --ic-action-monochrome-pressed
+    --ic-color-text-action-monochrome-pressed-dark
   );--ic-button-tertiary-icon-pressed-monochrome:var(
-    --ic-color-icon-pressed-light
-  );--ic-button-tertiary-background-pressed-monochrome:var(
-    --ic-action-light-bg-pressed
+    --ic-color-icon-pressed-lighter
+  );--ic-button-tertiary-background:var(--ic-color-background-neutral);--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
+  );--ic-button-tertiary-background-non-transparent-hover:linear-gradient(
+    var(--ic-button-tertiary-background-hover-active) 0 0
+  );--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-button-tertiary-background-hover-monochrome:var(
+    --ic-action-dark-bg-hover
+  );--ic-button-tertiary-background-pressed-monochrome:var(
+    --ic-action-dark-bg-pressed
+  );--ic-button-tertiary-background-non-transparent-monochrome-hover:linear-gradient(
+    var(--ic-button-tertiary-background-hover-monochrome) 0 0
+  );--ic-button-tertiary-background-non-transparent-monochrome-active:linear-gradient(
+    var(--ic-button-tertiary-background-pressed-monochrome) 0 0
+  );--ic-button-tertiary-border-hover-monochrome:var(
+    --ic-color-border-neutral-hover-light
   );--ic-button-tertiary-text-hover-light-monochrome:var(
     --ic-action-light-hover
   );--ic-button-destructive-background:var(--ic-color-background-destructive);--ic-button-destructive-background-hover:var(
     --ic-color-background-destructive-hover
   );--ic-button-destructive-background-pressed:var(
     --ic-color-background-destructive-pressed
-  );--ic-button-destructive-background-disabled:var(--ic-state-layer-lighten-20);--ic-button-destructive-text:var(--ic-color-text-primary-light);--ic-button-destructive-icon:var(--ic-color-icon-inverted);--ic-button-destructive-text-disabled:var(--ic-color-text-disabled-dark);--ic-button-destructive-icon-disabled:var(--ic-color-icon-disabled);--ic-button-icon-monochrome:var(--ic-action-monochrome);--ic-checkbox-border-unselected:var(--ic-color-border-neutral-grey);--ic-checkbox-border-unselected-hover:var(--ic-color-border-action-hover);--ic-checkbox-border-unselected-pressed:var(
+  );--ic-button-destructive-background-disabled:var(--ic-state-layer-lighten-20);--ic-button-destructive-text:var(--ic-color-text-primary-light);--ic-button-destructive-icon:var(--ic-color-icon-inverted);--ic-button-destructive-text-disabled:var(--ic-state-layer-lighten-20);--ic-button-destructive-icon-disabled:var(--ic-state-layer-lighten-20);--ic-button-icon-monochrome:var(--ic-action-monochrome);--ic-checkbox-border-unselected:var(--ic-color-border-neutral-grey);--ic-checkbox-border-unselected-hover:var(--ic-color-border-action-hover);--ic-checkbox-border-unselected-pressed:var(
     --ic-color-border-action-pressed
   );--ic-checkbox-border-unselected-disabled:var(
     --ic-color-border-neutral-disabled
@@ -1539,7 +1589,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
   );--ic-status-error-pressed:rgb(
     calc(var(--ic-status-error-r) * 0.6) calc(var(--ic-status-error-g) * 0.6)
       calc(var(--ic-status-error-b) * 0.6) / var(--ic-status-error-a)
-  );--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-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-background-solid:var(--ic-architectural-white);--ic-color-background-solid-disabled:var(--ic-architectural-100);--ic-color-background-solid-hover:var(--ic-blue-50);--ic-color-background-solid-pressed:var(--ic-blue-100);--ic-color-background-solid-mono:var(--ic-architectural-black);--ic-color-background-solid-mono-disabled:var(--ic-architectural-100);--ic-color-background-solid-mono-hover:var(--ic-architectural-800);--ic-color-background-solid-mono-pressed:var(--ic-architectural-600);--ic-color-border-neutral-default:var(--ic-architectural-300);--ic-color-border-neutral-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-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(
+  );--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(
     var(--ic-brand-color-primary-r) var(--ic-brand-color-primary-g)
       var(--ic-brand-color-primary-b) / var(--ic-brand-color-primary-a)
   );--ic-brand-color-secondary:rgb(
@@ -1601,7 +1651,7 @@ 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-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-dark:var(--ic-architectural-800);--ic-color-icon-pressed-light:var(--ic-architectural-300);--ic-color-icon-pressed-dark:var(--ic-architectural-700);--ic-color-icon-disabled-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(
+  );--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(
     --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
@@ -1777,4 +1827,4 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     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%),
     inset 0 -4px 16px rgb(0 0 0 / 25%);--ic-easing-transition-fast:var(--ic-transition-duration-fast)
     cubic-bezier(0.165, 0.84, 0.44, 1);--ic-easing-transition-slow:var(--ic-transition-duration-slow)
-    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)}:root,ic-theme,.ic-theme-light{--ic-alert-height:calc(var(--ic-space-xs) + var(--ic-space-xxl))}@media (prefers-color-scheme: dark){:root{--ic-alert-height:calc(var(--ic-space-xxs) + var(--ic-space-xxl))}}.ic-theme-dark{--ic-alert-height:calc(var(--ic-space-xxs) + var(--ic-space-xxl))}
+    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)}

package/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "3.0.0-canary.16",
+  "version": "3.0.0-canary.18",
   "description": "React-wrapped web components compiled using StencilJS",
   "scripts": {
     "build": "npm run clean && npm run compile && npm run copy:core-css && npm run copy:normalize-css",
@@ -38,9 +38,9 @@
     "email": "icds@gchq.gov.uk"
   },
   "dependencies": {
-    "@ukic/canary-web-components": "^3.0.0-canary.16",
-    "@ukic/react": "^3.1.0",
-    "@ukic/web-components": "^3.1.0"
+    "@ukic/canary-web-components": "^3.0.0-canary.18",
+    "@ukic/react": "^3.3.0",
+    "@ukic/web-components": "^3.3.0"
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
@@ -90,7 +90,7 @@
     "webpack": "^5.76.0"
   },
   "peerDependencies": {
-    "@ukic/fonts": "^2.3.0",
+    "@ukic/fonts": "^3.1.0",
     "react": "^16.7.0 || ^17.0.2 || ^18.2.0 || ^19.0.0",
     "react-dom": "^16.7.0 || ^17.0.2 || ^18.2.0 || ^19.0.0"
   },
@@ -104,5 +104,5 @@
   },
   "license": "MIT",
   "packageManager": "^npm@10.9.2",
-  "gitHead": "6ddd470175efc6e34d94c67fe05db42304dd4e3c"
+  "gitHead": "c5aacb4fbd31c869f377411da6561eb6a2645966"
 }