@designsystem-se/af 39.4.0-beta.darkmode.1 → 39.5.0

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

@@ -1,13 +1,13 @@
-.digi-tools-theme-provider--af25.digi-tools-theme-provider--light {
+:host .digi-tools-theme-provider--af25 {
   --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
-  --digi--color--background--dropdown: var(--digi--color--background--dropdown--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--transparent: var(--digi--color--background--interactive--default--transparent--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);
@@ -16,14 +16,12 @@
   --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--secondary-2-hypotes: var(--digi--color--background--interactive--selected--secondary-2-hypotes--light);
   --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--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--notification: var(--digi--color--background--notification--light);
   --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
-  --digi--color--background--pop-out-2-hypotes: var(--digi--color--background--pop-out-2-hypotes--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);
@@ -33,7 +31,6 @@
   --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--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--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);
@@ -47,7 +44,6 @@
   --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--surface: var(--digi--color--background--surface--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);
@@ -55,7 +51,6 @@
   --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--primary: var(--digi--color--border--interactive--default--primary--light);
-  --digi--color--border--interactive--default--secondary: var(--digi--color--border--interactive--default--secondary--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);
@@ -74,182 +69,52 @@
   --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--graphic--infographic--background: var(--digi--color--graphic--infographic--background--light);
-  --digi--color--graphic--infographic--brand--conditional--secondary: var(--digi--color--graphic--infographic--brand--conditional--secondary--light);
-  --digi--color--graphic--infographic--brand--primary: var(--digi--color--graphic--infographic--brand--primary--light);
-  --digi--color--graphic--infographic--brand--primary-alt: var(--digi--color--graphic--infographic--brand--primary-alt--light);
-  --digi--color--graphic--infographic--brand--secondary: var(--digi--color--graphic--infographic--brand--secondary--light);
-  --digi--color--graphic--infographic--lineart: var(--digi--color--graphic--infographic--lineart--light);
   --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
-  --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--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--primary-anti-reverse: var(--digi--color--icon--primary-anti-reverse--light);
   --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
-  --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--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--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--marker: var(--digi--color--marking--indication--marker--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--dropshadow: var(--digi--color--misc--dropshadow--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-primary-secondary-hypotes: var(--digi--color--text--interactive--brand-primary-secondary-hypotes--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--primary-discreet: var(--digi--color--text--interactive--primary-discreet--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--primary-stay: var(--digi--color--text--primary-stay--light);
   --digi--color--text--secondary: var(--digi--color--text--secondary--light);
-  --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--light);
 }
-.digi-tools-theme-provider--af25.digi-tools-theme-provider--dark {
-  --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--dark);
-  --digi--color--background--dropdown: var(--digi--color--background--dropdown--dark);
-  --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--dark);
-  --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--dark);
-  --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--dark);
-  --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--dark);
-  --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--dark);
-  --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--dark);
-  --digi--color--background--interactive--default--transparent: var(--digi--color--background--interactive--default--transparent--dark);
-  --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--dark);
-  --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--dark);
-  --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--dark);
-  --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--dark);
-  --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--dark);
-  --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--dark);
-  --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--dark);
-  --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--dark);
-  --digi--color--background--interactive--selected--secondary-2-hypotes: var(--digi--color--background--interactive--selected--secondary-2-hypotes--dark);
-  --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--dark);
-  --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--dark);
-  --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--dark);
-  --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--dark);
-  --digi--color--background--notification: var(--digi--color--background--notification--dark);
-  --digi--color--background--pop-out: var(--digi--color--background--pop-out--dark);
-  --digi--color--background--pop-out-2-hypotes: var(--digi--color--background--pop-out-2-hypotes--dark);
-  --digi--color--background--primary: var(--digi--color--background--primary--dark);
-  --digi--color--background--secondary: var(--digi--color--background--secondary--dark);
-  --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--dark);
-  --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--dark);
-  --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--dark);
-  --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--dark);
-  --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--dark);
-  --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--dark);
-  --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--dark);
-  --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--dark);
-  --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--dark);
-  --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--dark);
-  --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--dark);
-  --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--dark);
-  --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--dark);
-  --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--dark);
-  --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--dark);
-  --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--dark);
-  --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--dark);
-  --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--dark);
-  --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--dark);
-  --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--dark);
-  --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--dark);
-  --digi--color--background--surface: var(--digi--color--background--surface--dark);
-  --digi--color--background--transparent: var(--digi--color--background--transparent--dark);
-  --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--dark);
-  --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--dark);
-  --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--dark);
-  --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--dark);
-  --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--dark);
-  --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--dark);
-  --digi--color--border--interactive--default--secondary: var(--digi--color--border--interactive--default--secondary--dark);
-  --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--dark);
-  --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--dark);
-  --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--dark);
-  --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--dark);
-  --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--dark);
-  --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--dark);
-  --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--dark);
-  --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--dark);
-  --digi--color--border--notification: var(--digi--color--border--notification--dark);
-  --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--dark);
-  --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--dark);
-  --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--dark);
-  --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--dark);
-  --digi--color--border--transparent: var(--digi--color--border--transparent--dark);
-  --digi--color--divider--cta: var(--digi--color--divider--cta--dark);
-  --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--dark);
-  --digi--color--divider--primary: var(--digi--color--divider--primary--dark);
-  --digi--color--divider--secondary: var(--digi--color--divider--secondary--dark);
-  --digi--color--graphic--infographic--background: var(--digi--color--graphic--infographic--background--dark);
-  --digi--color--graphic--infographic--brand--conditional--secondary: var(--digi--color--graphic--infographic--brand--conditional--secondary--dark);
-  --digi--color--graphic--infographic--brand--primary: var(--digi--color--graphic--infographic--brand--primary--dark);
-  --digi--color--graphic--infographic--brand--primary-alt: var(--digi--color--graphic--infographic--brand--primary-alt--dark);
-  --digi--color--graphic--infographic--brand--secondary: var(--digi--color--graphic--infographic--brand--secondary--dark);
-  --digi--color--graphic--infographic--lineart: var(--digi--color--graphic--infographic--lineart--dark);
-  --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--dark);
-  --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--dark);
-  --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--dark);
-  --digi--color--icon--cta: var(--digi--color--icon--cta--dark);
-  --digi--color--icon--primary: var(--digi--color--icon--primary--dark);
-  --digi--color--icon--primary-anti-reverse: var(--digi--color--icon--primary-anti-reverse--dark);
-  --digi--color--icon--secondary: var(--digi--color--icon--secondary--dark);
-  --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--dark);
-  --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--dark);
-  --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--dark);
-  --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--dark);
-  --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--dark);
-  --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--dark);
-  --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--dark);
-  --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--dark);
-  --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--dark);
-  --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--dark);
-  --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--dark);
-  --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--dark);
-  --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--dark);
-  --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--dark);
-  --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--dark);
-  --digi--color--misc--dropshadow: var(--digi--color--misc--dropshadow--dark);
-  --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--dark);
-  --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--dark);
-  --digi--color--text--description: var(--digi--color--text--description--dark);
-  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--dark);
-  --digi--color--text--interactive--brand-primary-secondary-hypotes: var(--digi--color--text--interactive--brand-primary-secondary-hypotes--dark);
-  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--dark);
-  --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--dark);
-  --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--dark);
-  --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--dark);
-  --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--dark);
-  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
-  --digi--color--text--primary: var(--digi--color--text--primary--dark);
-  --digi--color--text--primary-stay: var(--digi--color--text--primary-stay--dark);
-  --digi--color--text--secondary: var(--digi--color--text--secondary--dark);
-  --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--dark);
-}
-.digi-tools-theme-provider--af18 {
+:host .digi-tools-theme-provider--af18 {
   --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light--af18);
-  --digi--color--background--dropdown: var(--digi--color--background--dropdown--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--transparent: var(--digi--color--background--interactive--default--transparent--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);
@@ -258,14 +123,12 @@
   --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--secondary-2-hypotes: var(--digi--color--background--interactive--selected--secondary-2-hypotes--light--af18);
   --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--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--notification: var(--digi--color--background--notification--light--af18);
   --digi--color--background--pop-out: var(--digi--color--background--pop-out--light--af18);
-  --digi--color--background--pop-out-2-hypotes: var(--digi--color--background--pop-out-2-hypotes--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);
@@ -275,7 +138,6 @@
   --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--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--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);
@@ -289,7 +151,6 @@
   --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--surface: var(--digi--color--background--surface--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);
@@ -297,7 +158,6 @@
   --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--primary: var(--digi--color--border--interactive--default--primary--light--af18);
-  --digi--color--border--interactive--default--secondary: var(--digi--color--border--interactive--default--secondary--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);
@@ -316,48 +176,39 @@
   --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--graphic--infographic--background: var(--digi--color--graphic--infographic--background--light--af18);
-  --digi--color--graphic--infographic--brand--conditional--secondary: var(--digi--color--graphic--infographic--brand--conditional--secondary--light--af18);
-  --digi--color--graphic--infographic--brand--primary: var(--digi--color--graphic--infographic--brand--primary--light--af18);
-  --digi--color--graphic--infographic--brand--primary-alt: var(--digi--color--graphic--infographic--brand--primary-alt--light--af18);
-  --digi--color--graphic--infographic--brand--secondary: var(--digi--color--graphic--infographic--brand--secondary--light--af18);
-  --digi--color--graphic--infographic--lineart: var(--digi--color--graphic--infographic--lineart--light--af18);
   --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light--af18);
-  --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--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--primary-anti-reverse: var(--digi--color--icon--primary-anti-reverse--light--af18);
   --digi--color--icon--secondary: var(--digi--color--icon--secondary--light--af18);
-  --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--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--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--marker: var(--digi--color--marking--indication--marker--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--dropshadow: var(--digi--color--misc--dropshadow--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-primary-secondary-hypotes: var(--digi--color--text--interactive--brand-primary-secondary-hypotes--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--primary-discreet: var(--digi--color--text--interactive--primary-discreet--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--primary-stay: var(--digi--color--text--primary-stay--light--af18);
   --digi--color--text--secondary: var(--digi--color--text--secondary--light--af18);
-  --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--light--af18);
 }

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

@@ -1,6 +1,5 @@
 import { Host, h } from "@stencil/core";
 import { ToolsThemeProviderBrandEnum } from "./tools-theme-provider.brand.enum";
-import { ToolsThemeProviderThemeEnum } from "./tools-theme-provider.theme.enum";
 /**
  * @slot default - Kan innehålla vad som helst
  * @swedishName Temaväljare
@@ -13,25 +12,14 @@ export class ToolsThemeProvider {
          */
         this.afBrand = ToolsThemeProviderBrandEnum.AF25;
     }
-    // fallback om ingen tema är valt eller specifierad, då ska man lyssna på användarens preferens. kräver dock en refresh för att lyssna på preferenser
-    get fallbackTheme() {
-        if (this.afTheme) {
-            return this.afTheme;
-        }
-        return window.matchMedia('(prefers-color-scheme: dark)').matches
-            ? ToolsThemeProviderThemeEnum.DARK
-            : ToolsThemeProviderThemeEnum.LIGHT;
-    }
     get cssModifiers() {
         return {
             'digi-tools-theme-provider--af25': this.afBrand === ToolsThemeProviderBrandEnum.AF25,
-            'digi-tools-theme-provider--af18': this.afBrand === ToolsThemeProviderBrandEnum.AF18,
-            'digi-tools-theme-provider--light': this.fallbackTheme === ToolsThemeProviderThemeEnum.LIGHT,
-            'digi-tools-theme-provider--dark': this.fallbackTheme === ToolsThemeProviderThemeEnum.DARK
+            'digi-tools-theme-provider--af18': this.afBrand === ToolsThemeProviderBrandEnum.AF18
         };
     }
     render() {
-        return (h(Host, { key: '775abbdc32e760fceeac6291781407b000471ae7' }, h("div", { key: 'b47cba6652ad6582524fba780ce46533fb4fc5e7', class: this.cssModifiers }, h("slot", { key: '90983e5eb530ad48de6e7c60cec114de70c3a43c' }))));
+        return (h(Host, { key: 'b87758648a4a902cc764015e03d19d9a25582e06' }, h("div", { key: '3b0aad02a752a395a71ebc4bdc4a57bbd930cb25', class: this.cssModifiers }, h("slot", { key: 'acd972c80b0f98d4cb3f63b2633db48ae8676820' }))));
     }
     static get is() { return "digi-tools-theme-provider"; }
     static get encapsulation() { return "scoped"; }
@@ -76,35 +64,6 @@ export class ToolsThemeProvider {
                 "reflect": false,
                 "attribute": "af-brand",
                 "defaultValue": "ToolsThemeProviderBrandEnum.AF25"
-            },
-            "afTheme": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ToolsThemeProviderThemeEnum",
-                    "resolved": "ToolsThemeProviderThemeEnum.DARK | ToolsThemeProviderThemeEnum.LIGHT",
-                    "references": {
-                        "ToolsThemeProviderThemeEnum": {
-                            "location": "import",
-                            "path": "./tools-theme-provider.theme.enum",
-                            "id": "src/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.ts::ToolsThemeProviderThemeEnum",
-                            "referenceLocation": "ToolsThemeProviderThemeEnum"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "en",
-                            "text": "Change theme for underlying components"
-                        }],
-                    "text": "\u00C4ndrar tema p\u00E5 underliggande komponenter"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "af-theme"
             }
         };
     }

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

@@ -12,7 +12,7 @@ export class Typography {
         };
     }
     render() {
-        return (h("div", { key: '796821534341fab542f6c3b33c6fb746498bf5b5', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '2c6183b5b990629b92d4d60804d83856a5ba3ec7' })));
+        return (h("div", { key: '2fd592e2c958bfb2cee6615dae9423c537ea0bf5', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: 'f3d44e653efd5a40f0262746025b35f280970516' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {

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

@@ -39,7 +39,7 @@ export class TypographyHeadingJumbo {
         };
     }
     render() {
-        return (h(this.afLevel, { key: 'be503ceecbc39c6d2baec85dbb27c17427d7c896', 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: 'b1371fea3a5e9f6bc27ee8c96195d32a016a28c8', 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

@@ -21,7 +21,7 @@ export class TypographyMeta {
         };
     }
     render() {
-        return (h("div", { key: '3ee5dded39b2d51658341da17e292d3068762787', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'f71d213cc1dfad7e7516e96599d05bf76605eadf', class: "digi-typography-meta__meta" }, h("slot", { key: '853e4fd578eff23c9ed34da3ec5f01406e12e854' })), h("div", { key: 'f47e062ff4fd82c68c9fc6dff4f623ca2c94f201', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '1b76d4139b3a44248acdd45dfd63d7cd348ae0e8', name: "secondary" }))));
+        return (h("div", { key: '3ca094760a10a0ab5343866867e6779c81719517', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'da209eae9412ae67c8725629f607dd5c477dc670', class: "digi-typography-meta__meta" }, h("slot", { key: '4b3c563c52d3bf62462310fa325088e6bcfc9a0a' })), h("div", { key: 'bf6a911efae9b3f2a177bc2a0073adee16409e32', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '488aafc3894ba96ce570c51174c84ff02f27b8fb', name: "secondary" }))));
     }
     static get is() { return "digi-typography-meta"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class TypographyPreamble {
     render() {
-        return (h("p", { key: 'bd94a45a6e7f6d6953330c0b6586b645dc090556', class: "digi-typography-preamble" }, h("slot", { key: '494ea6df5cb83761fe900b42e2a73708fbeef53d' })));
+        return (h("p", { key: '3d631d50c1baacdc644c2d789c7a7ba24ca8de72', class: "digi-typography-preamble" }, h("slot", { key: '70ff2073b54283141cea17c537582f485a05440a' })));
     }
     static get is() { return "digi-typography-preamble"; }
     static get encapsulation() { return "scoped"; }

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

@@ -63,7 +63,7 @@ export class TypographyTime {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: 'cf2add9fa09b0f8abd5415c3a657db4816724c86', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: 'b6d40c03b6bce221fa9a0e1c00f40b7106c4ccb2', 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

@@ -30,7 +30,7 @@ export class UtilBreakpointObserver {
         }
     }
     render() {
-        return (h(Host, { key: 'ba5398acadf2b4176d14141b58730584cf4e257e' }, h("div", { key: '7631a229fcc854c038204c7629371f897c081c39', class: "digi-util-breakpoint-observer" }, h("div", { key: 'f41adcb1dd9d6e79015e144a11861bd8be980827', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '11adf8b8d66e375e9bdb67eb3d70c777200d14ed' }))));
+        return (h(Host, { key: '6d7d7f6f97015280cfe8f5c08cfd5d7c589267b3' }, h("div", { key: '32731a5a8a7c6458ca1c1dba0283c2f814925707', class: "digi-util-breakpoint-observer" }, h("div", { key: '026ee52f66e17e8ed2d4d0b5564783f1d1535503', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '304b8d3b6bce375ae2f8fe05bd4090bf0273d4b9' }))));
     }
     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

@@ -28,7 +28,7 @@ export class UtilDetectClickOutside {
         }
     }
     render() {
-        return h("slot", { key: 'b03263404bb4c4e57ba4fc2150082a51d7a74696' });
+        return h("slot", { key: '38d5e13d8efb38e633c6adc92df5f2ff115ea1e7' });
     }
     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

@@ -29,7 +29,7 @@ export class UtilDetectFocusOutside {
         }
     }
     render() {
-        return h("slot", { key: '9d26cb8defe6c54071da9b09d9e8cc6b64ac174b' });
+        return h("slot", { key: '0915085a70465837896446005f1114cce018c3a0' });
     }
     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

@@ -66,7 +66,7 @@ export class UtilIntersectionObserver {
         this._hasIntersected = false;
     }
     render() {
-        return h("slot", { key: 'ce0c9e2bd65c8a8edb706b02b0cc03a1788ca2eb' });
+        return h("slot", { key: 'c4c6673ab9af1a6107ebe0b38d15b504aef74244' });
     }
     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

@@ -61,7 +61,7 @@ export class UtilKeydownHandler {
         }
     }
     render() {
-        return h("slot", { key: 'e07347cd86e34c905bf0a0b19eee84dc4f201a30' });
+        return h("slot", { key: '568e76c1f6e0716e34371a51f7eae9ab4ee6d829' });
     }
     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

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

package/dist/collection/components/_util/util-mutation-observer/util-mutation-observer.js

@@ -3,6 +3,7 @@ import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 /**
  * @componentType utility
  * @slot default - Kan innehålla vad som helst
+ * @deprecated  Denna komponent kommer tas bort från Designsystemet i januari 2027.
  * @swedishName Mutation Observer
  */
 export class UtilMutationObserver {
@@ -62,7 +63,7 @@ export class UtilMutationObserver {
         this.afOnChange.emit(e);
     }
     render() {
-        return (h(Host, { key: '6a12905761ecfa77bc065d985cc9845f09957a97' }, h("slot", { key: '383104d6e2dd02693e805de45ef790f0174f9463' })));
+        return (h(Host, { key: '7659e4c9aa149919d84e8c5817f1af5a39e6336a' }, h("slot", { key: 'caea019977300db4602328fce21fbe4225e10769' })));
     }
     static get is() { return "digi-util-mutation-observer"; }
     static get encapsulation() { return "scoped"; }

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

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

package/dist/collection/design-tokens/components/_badge-status.variables.scss

@@ -1,6 +1,6 @@
 @mixin digi-badge-status--variables() {
 	--digi--badge-status--color--primary: var(--digi--color--text--secondary);
-	--digi--badge-status--color--secondary: var(--digi--color--text--primary-stay);
+	--digi--badge-status--color--secondary: var(--digi--color--text--primary);
 
 	--digi--badge-status--background-color--approved--primary: var(--digi--color--background--sentiment--success--secondary);
 	--digi--badge-status--background-color--approved--secondary: var(--digi--color--background--sentiment--success--tertiary);