npm - @designsystem-se/af - Versions diffs - 37.0.2 → 38.0.0 - Mend

@designsystem-se/af 37.0.2 → 38.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1506) hide show

package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.css CHANGED Viewed

@@ -1,206 +1,214 @@
 :host .digi-tools-theme-provider--af25 {
-  --digi--color--logotype-color: var(--digi--color--logotype-color--light);
-  --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
-  --digi--color--infographic--background: var(--digi--color--infographic--background--light);
-  --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
-  --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
-  --digi--color--infographic--brand--tertiary: var(--digi--color--infographic--brand--tertiary--light);
-  --digi--color--text--primary: var(--digi--color--text--primary--light);
-  --digi--color--text--secondary: var(--digi--color--text--secondary--light);
-  --digi--color--text--description: var(--digi--color--text--description--light);
-  --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
-  --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
-  --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
-  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
-  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
-  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
-  --digi--color--background--primary: var(--digi--color--background--primary--light);
-  --digi--color--background--secondary: var(--digi--color--background--secondary--light);
-  --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
-  --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
-  --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
   --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
-  --digi--color--background--transparent: var(--digi--color--background--transparent--light);
-  --digi--color--background--notification: var(--digi--color--background--notification--light);
+  --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
+  --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
   --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
   --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
+  --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
   --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
   --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
   --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
-  --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
-  --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
-  --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
+  --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
   --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
+  --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
   --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
   --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
-  --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
-  --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
+  --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
   --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
   --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
   --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
-  --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
+  --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
   --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
   --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
-  --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
+  --digi--color--background--notification: var(--digi--color--background--notification--light);
+  --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
+  --digi--color--background--primary: var(--digi--color--background--primary--light);
+  --digi--color--background--secondary: var(--digi--color--background--secondary--light);
+  --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
+  --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
+  --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
+  --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
   --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
   --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
   --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
-  --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
-  --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
-  --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
-  --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
-  --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
-  --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
-  --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
   --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
   --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
   --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
   --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
   --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
   --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
-  --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
-  --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
-  --digi--color--border--notification: var(--digi--color--border--notification--light);
-  --digi--color--border--transparent: var(--digi--color--border--transparent--light);
-  --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
+  --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
+  --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
+  --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
+  --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
+  --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
+  --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
+  --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
+  --digi--color--background--transparent: var(--digi--color--background--transparent--light);
+  --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
+  --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
+  --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
   --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
   --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
-  --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
+  --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
+  --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
   --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
   --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
-  --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
-  --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
-  --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
-  --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
   --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
   --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
+  --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
+  --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
+  --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
+  --digi--color--border--notification: var(--digi--color--border--notification--light);
   --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
+  --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
   --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
   --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
-  --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
-  --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
-  --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
-  --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
-  --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
-  --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
-  --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
-  --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
-  --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
+  --digi--color--border--transparent: var(--digi--color--border--transparent--light);
+  --digi--color--divider--cta: var(--digi--color--divider--cta--light);
+  --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
   --digi--color--divider--primary: var(--digi--color--divider--primary--light);
   --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
-  --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
-  --digi--color--divider--cta: var(--digi--color--divider--cta--light);
-  --digi--color--icon--primary: var(--digi--color--icon--primary--light);
-  --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
-  --digi--color--icon--cta: var(--digi--color--icon--cta--light);
   --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
   --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
+  --digi--color--icon--cta: var(--digi--color--icon--cta--light);
+  --digi--color--icon--primary: var(--digi--color--icon--primary--light);
+  --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
+  --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
   --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
   --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
-  --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
-  --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
+  --digi--color--infographic--background: var(--digi--color--infographic--background--light);
+  --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
+  --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--light);
+  --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
+  --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--light);
+  --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
+  --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--light);
+  --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--light);
+  --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--light);
+  --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--light);
+  --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
+  --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
+  --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
+  --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
+  --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
+  --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
   --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
+  --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
+  --digi--color--text--description: var(--digi--color--text--description--light);
+  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
+  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
+  --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
+  --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
+  --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
+  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
+  --digi--color--text--primary: var(--digi--color--text--primary--light);
+  --digi--color--text--secondary: var(--digi--color--text--secondary--light);
 }
 :host .digi-tools-theme-provider--af18 {
-  --digi--color--logotype-color: var(--digi--color--logotype-color--light--af18);
-  --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light--af18);
-  --digi--color--infographic--background: var(--digi--color--infographic--background--light--af18);
-  --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light--af18);
-  --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light--af18);
-  --digi--color--infographic--brand--tertiary: var(--digi--color--infographic--brand--tertiary--light--af18);
-  --digi--color--text--primary: var(--digi--color--text--primary--light--af18);
-  --digi--color--text--secondary: var(--digi--color--text--secondary--light--af18);
-  --digi--color--text--description: var(--digi--color--text--description--light--af18);
-  --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light--af18);
-  --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light--af18);
-  --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light--af18);
-  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light--af18);
-  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light--af18);
-  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light--af18);
-  --digi--color--background--primary: var(--digi--color--background--primary--light--af18);
-  --digi--color--background--secondary: var(--digi--color--background--secondary--light--af18);
-  --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light--af18);
-  --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light--af18);
-  --digi--color--background--pop-out: var(--digi--color--background--pop-out--light--af18);
   --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light--af18);
-  --digi--color--background--transparent: var(--digi--color--background--transparent--light--af18);
-  --digi--color--background--notification: var(--digi--color--background--notification--light--af18);
+  --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light--af18);
+  --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light--af18);
   --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light--af18);
   --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light--af18);
+  --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light--af18);
   --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light--af18);
   --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light--af18);
   --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light--af18);
-  --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light--af18);
-  --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light--af18);
-  --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light--af18);
+  --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light--af18);
   --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light--af18);
+  --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light--af18);
   --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light--af18);
   --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light--af18);
-  --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light--af18);
-  --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light--af18);
+  --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light--af18);
   --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light--af18);
   --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light--af18);
   --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light--af18);
-  --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light--af18);
+  --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light--af18);
   --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light--af18);
   --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light--af18);
-  --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light--af18);
+  --digi--color--background--notification: var(--digi--color--background--notification--light--af18);
+  --digi--color--background--pop-out: var(--digi--color--background--pop-out--light--af18);
+  --digi--color--background--primary: var(--digi--color--background--primary--light--af18);
+  --digi--color--background--secondary: var(--digi--color--background--secondary--light--af18);
+  --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light--af18);
+  --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light--af18);
+  --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light--af18);
+  --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light--af18);
   --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light--af18);
   --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light--af18);
   --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light--af18);
-  --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light--af18);
-  --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light--af18);
-  --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light--af18);
-  --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light--af18);
-  --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light--af18);
-  --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light--af18);
-  --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light--af18);
   --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light--af18);
   --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light--af18);
   --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light--af18);
   --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light--af18);
   --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light--af18);
   --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light--af18);
-  --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light--af18);
-  --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light--af18);
-  --digi--color--border--notification: var(--digi--color--border--notification--light--af18);
-  --digi--color--border--transparent: var(--digi--color--border--transparent--light--af18);
-  --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light--af18);
+  --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light--af18);
+  --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light--af18);
+  --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light--af18);
+  --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light--af18);
+  --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light--af18);
+  --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light--af18);
+  --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light--af18);
+  --digi--color--background--transparent: var(--digi--color--background--transparent--light--af18);
+  --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light--af18);
+  --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light--af18);
+  --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light--af18);
   --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light--af18);
   --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light--af18);
-  --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light--af18);
+  --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light--af18);
+  --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light--af18);
   --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light--af18);
   --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light--af18);
-  --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light--af18);
-  --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light--af18);
-  --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light--af18);
-  --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light--af18);
   --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light--af18);
   --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light--af18);
+  --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light--af18);
+  --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light--af18);
+  --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light--af18);
+  --digi--color--border--notification: var(--digi--color--border--notification--light--af18);
   --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light--af18);
+  --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light--af18);
   --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light--af18);
   --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light--af18);
-  --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light--af18);
-  --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light--af18);
-  --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light--af18);
-  --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light--af18);
-  --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light--af18);
-  --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light--af18);
-  --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light--af18);
-  --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light--af18);
-  --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light--af18);
+  --digi--color--border--transparent: var(--digi--color--border--transparent--light--af18);
+  --digi--color--divider--cta: var(--digi--color--divider--cta--light--af18);
+  --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light--af18);
   --digi--color--divider--primary: var(--digi--color--divider--primary--light--af18);
   --digi--color--divider--secondary: var(--digi--color--divider--secondary--light--af18);
-  --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light--af18);
-  --digi--color--divider--cta: var(--digi--color--divider--cta--light--af18);
-  --digi--color--icon--primary: var(--digi--color--icon--primary--light--af18);
-  --digi--color--icon--secondary: var(--digi--color--icon--secondary--light--af18);
-  --digi--color--icon--cta: var(--digi--color--icon--cta--light--af18);
   --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light--af18);
   --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light--af18);
+  --digi--color--icon--cta: var(--digi--color--icon--cta--light--af18);
+  --digi--color--icon--primary: var(--digi--color--icon--primary--light--af18);
+  --digi--color--icon--secondary: var(--digi--color--icon--secondary--light--af18);
+  --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light--af18);
   --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light--af18);
   --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light--af18);
-  --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light--af18);
-  --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light--af18);
+  --digi--color--infographic--background: var(--digi--color--infographic--background--light--af18);
+  --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light--af18);
+  --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--light--af18);
+  --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light--af18);
+  --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--light--af18);
+  --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light--af18);
+  --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--light--af18);
+  --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--light--af18);
+  --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--light--af18);
+  --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--light--af18);
+  --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light--af18);
+  --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light--af18);
+  --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light--af18);
+  --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light--af18);
+  --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light--af18);
+  --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light--af18);
   --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light--af18);
+  --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light--af18);
+  --digi--color--text--description: var(--digi--color--text--description--light--af18);
+  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light--af18);
+  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light--af18);
+  --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light--af18);
+  --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light--af18);
+  --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light--af18);
+  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light--af18);
+  --digi--color--text--primary: var(--digi--color--text--primary--light--af18);
+  --digi--color--text--secondary: var(--digi--color--text--secondary--light--af18);
 }

package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { ToolsThemeProviderBrandEnum } from "./tools-theme-provider.brand.enum";
 /**
  * @slot default - Kan innehålla vad som helst
  * @swedishName Temaväljare
- * @new
  */
 export class ToolsThemeProvider {
     constructor() {
@@ -16,7 +15,7 @@ export class ToolsThemeProvider {
         };
     }
     render() {
-        return (h(Host, { key: '97e52c3ab55f46d595a7dd39c109cca4dd957d4f' }, h("div", { key: 'de8168b59ac5e8990c64642e98f523f1a3d7e8de', class: this.cssModifiers }, h("slot", { key: '02f90aaa99c1e548b8892dbb4f6d3ff07531ccb1' }))));
+        return (h(Host, { key: 'dec67b8d136a0bb2c1ee3a428875a5207c9935cb' }, h("div", { key: 'c7769ceb730493ced3691539f854b65f3556bcb3', class: this.cssModifiers }, h("slot", { key: '4a2fc124978c9b0aa6062332c5b9744eecc11283' }))));
     }
     static get is() { return "digi-tools-theme-provider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography/typography.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class Typography {
         };
     }
     render() {
-        return (h("div", { key: 'cf498110850cb216e50617a0fa1ed4bfb7f466b8', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '01afbda49b816dd9bb02a76862b39a2ad83add15' })));
+        return (h("div", { key: '50437a6253cd108f81aa9375be96b444f74fdaa7', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '0d229970db0f141afb8a40c4fde52957c776f0d2' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {

package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js CHANGED Viewed

@@ -28,7 +28,7 @@ export class TypographyHeadingJumbo {
         };
     }
     render() {
-        return (h(this.afLevel, { key: '9f5b33cb6882d1cb0c154c5f861e5c36ed82192f', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+        return (h(this.afLevel, { key: '9ec7411b0437a784fd3e67867d5652198ee2854d', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
     }
     static get is() { return "digi-typography-heading-jumbo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-meta/typography-meta.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class TypographyMeta {
         };
     }
     render() {
-        return (h("div", { key: '3a2825004812904719e51a3b0de2f58f36496ca3', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '8a7aaafe2229e8bb2635d962584c77b943bba409', class: "digi-typography-meta__meta" }, h("slot", { key: '00e7e8833e5b8137d5ab4bc3033a72f3573b3108' })), h("div", { key: 'e0eaaa56fb0004d6f81bb103aaec4c918da21058', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '6c7217ef2bd489ae28696b08c7a176a10aee33c9', name: "secondary" }))));
+        return (h("div", { key: 'c33eb37c9323e0cd70078c697bc21dc912c8f1d0', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '30c5a2e58ff2ccfa414f1c276da8fad022f3af0e', class: "digi-typography-meta__meta" }, h("slot", { key: 'c1b25852863f306edb226025257ff952428aa8ae' })), h("div", { key: 'f9f6e078912146a0e43ae84cf34792aedb73702e', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '2d9771fc7c9f6d59d851136b835d47346f9ba2d9', name: "secondary" }))));
     }
     static get is() { return "digi-typography-meta"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-preamble/typography-preamble.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class TypographyPreamble {
     render() {
-        return (h("p", { key: '36309e9f92d69a4587a898c72453227a27650f5a', class: "digi-typography-preamble" }, h("slot", { key: '77e915bba6d272a6d6e6aca0820e598a2f29369b' })));
+        return (h("p", { key: 'db78a2df696deb6ff3e9b9823dea5952650a69e2', class: "digi-typography-preamble" }, h("slot", { key: '0b3d4bf54475917eb1703f343bc0d07dcec9ba4d' })));
     }
     static get is() { return "digi-typography-preamble"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-time/typography-time.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class TypographyTime {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: 'c6e290cb79b81b479b7cd3e0b634e97074812347', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: 'a625df7fe6bd54ca711e678b6c32edb148926600', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get is() { return "digi-typography-time"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-breakpoint-observer/util-breakpoint-observer.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class UtilBreakpointObserver {
         }
     }
     render() {
-        return (h(Host, { key: '7b728b39d3e64e3a144adbe5ba87aa0f88660225' }, h("div", { key: '28597939c55c61b83bda94e62de142f11ec482ad', class: "digi-util-breakpoint-observer" }, h("div", { key: 'de1f70aeefeaeceaf797695f1d2877df7fa80a1f', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '5ac72c8a1b44611705374e4150c6624baf49a489' }))));
+        return (h(Host, { key: 'fa76f2542c87860d7a6b501698cdd9ea28385fd7' }, h("div", { key: 'a4fc9b5eab47cf889040f6e3816f179961a28003', class: "digi-util-breakpoint-observer" }, h("div", { key: '12ce5bbab68aa3f29f9839f9d18a4717c0d256d0', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '0772066a14b4d34a52b4a3a0488411ea092e68ee' }))));
     }
     static get is() { return "digi-util-breakpoint-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-click-outside/util-detect-click-outside.js CHANGED Viewed

@@ -24,7 +24,7 @@ export class UtilDetectClickOutside {
         }
     }
     render() {
-        return h("slot", { key: '7b84abfdf638adc34736c4d25d2850a6d969d356' });
+        return h("slot", { key: '06473b3acc2ddf0f1d646b60d219524acd387537' });
     }
     static get is() { return "digi-util-detect-click-outside"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-focus-outside/util-detect-focus-outside.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class UtilDetectFocusOutside {
         }
     }
     render() {
-        return h("slot", { key: '48ad4d6e9d0899034c6dc11c5319d81344505751' });
+        return h("slot", { key: '93103b1a59521f04af77863d3abb85a9503a12d5' });
     }
     static get is() { return "digi-util-detect-focus-outside"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-intersection-observer/util-intersection-observer.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class UtilIntersectionObserver {
         this._hasIntersected = false;
     }
     render() {
-        return h("slot", { key: '4d011168ecb730b4ab3e78df5781f0577b614ebb' });
+        return h("slot", { key: '260dfb333c243a5ad9b76d95dee73d4a2c6f9b22' });
     }
     static get is() { return "digi-util-intersection-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-keydown-handler/util-keydown-handler.js CHANGED Viewed

@@ -61,7 +61,7 @@ export class UtilKeydownHandler {
         }
     }
     render() {
-        return h("slot", { key: '41770384646aa3319a1c531bb6f9f0199ec049ac' });
+        return h("slot", { key: 'fcd72f74e391d6becc44f6178461db694fe9c803' });
     }
     static get is() { return "digi-util-keydown-handler"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-keyup-handler/util-keyup-handler.js CHANGED Viewed

@@ -61,7 +61,7 @@ export class UtilKeyupHandler {
         }
     }
     render() {
-        return h("slot", { key: '983ab3c01f7928d933eacfa1c4b5ddcc0bf56f89' });
+        return h("slot", { key: 'a4c8332d13811a018c25b34a68c358c38081f136' });
     }
     static get is() { return "digi-util-keyup-handler"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-resize-observer/util-resize-observer.js CHANGED Viewed

@@ -28,7 +28,7 @@ export class UtilResizeObserver {
         this.afOnChange.emit(e);
     }
     render() {
-        return h("slot", { key: '0308f4bda91e5409b1a0edbebbe960d477f9b8f7' });
+        return h("slot", { key: '137d7846b612392ef1cab2049f861c6bdde99545' });
     }
     static get is() { return "digi-util-resize-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/design-tokens/components/_logo.variables.scss CHANGED Viewed

@@ -11,10 +11,8 @@
   --digi--logo--padding--large: var(--digi--gutter--medium);
   --digi--logo--padding--large--wide: var(--digi--gutter--larger);
-  --digi--logo--logotype-color: var(--digi--color--logotype-color);
-  --digi--logo--color--primary: var(--digi--color--text--interactive--brand-primary);
-  --digi--logo--color--secondary: var(--digi--color--text--secondary);
-  --digi--logo--color--border--primary: var(--digi--color--text--primary);
-  --digi--logo--color--border--secondary: var(--digi--color--text--secondary);
+  --digi--logo--primary--symbol: var(--digi--color--logotype--primary--symbol);
+  --digi--logo--secondary--symbol: var(--digi--color--logotype--secondary--symbol);
+  --digi--logo--primary--text: var(--digi--color--logotype--primary--text);
+  --digi--logo--secondary--text: var(--digi--color--logotype--secondary--text);
 }

package/dist/collection/enums.js CHANGED Viewed

@@ -76,7 +76,6 @@ export * from './components/_list/list/list-type.enum';
 export * from './components/_loader/loader-skeleton/loader-skeleton-variation.enum';
 export * from './components/_loader/loader-spinner/loader-spinner-size.enum';
 export * from './components/_logo/logo/logo-color.enum';
-export * from './components/_logo/logo/logo-variation.enum';
 export * from './components/_media/media-figure/media-figure-alignment.enum';
 export * from './components/_navigation/navigation-sidebar/navigation-sidebar-close-button-position.enum';
 export * from './components/_navigation/navigation-sidebar/navigation-sidebar-heading-level.enum';

package/dist/collection/interfaces.js CHANGED Viewed

@@ -1,5 +1,5 @@
-export * from './components/_chart/chart-line/chart-line-data.interface';
-export * from './components/_chart/chart-line/chart-line-series.interface';
+export * from './components/_chart/interfaces/line-chart-data.interface';
+export * from './components/_chart/interfaces/chart-data-series.interface';
 export * from './components/_form/form-select-filter/form-select-filter.interface';
 export * from './components/_form/form-filter/form-filter.types';
 export * from './components/_form/form-category-filter/form-category-filter.interfaces';