@designsystem-se/af 39.2.1-beta.3 → 39.2.1-beta.4

package/dist/collection/design-tokens/components/_info-card.variables.scss

@@ -1,7 +1,7 @@
 @mixin digi-info-card--variables() {
   --digi--info-card--background-color--primary: var(--digi--color--background--pop-out);
-  --digi--info-card--background-color--secondary: var(--digi--color--background--secondary-elevated);
-  --digi--info-card--background-color--related: var(--digi--color--background--primary-elevated);
+  --digi--info-card--background-color--secondary: var(--digi--color--background--secondary);
+  --digi--info-card--background-color--related: var(--digi--color--background--primary);
   --digi--info-card--color--heading: var(--digi--color--text--primary);
   --digi--info-card--color--heading--multi: var(--digi--color--text--interactive--primary);
   --digi--info-card--border: var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);

package/dist/collection/design-tokens/components/_link-button.variables.scss

@@ -15,8 +15,8 @@
   --digi--link-button--border-color--primary--default: var(--digi--color--border--interactive--default--primary);
   --digi--link-button--border-color--primary--hover: var(--digi--color--border--interactive--hover--primary);
   
-  --digi--link-button--color--primary-alt--default: var(--digi--color--text--interactive--brand-primary-secondary-hypotes);
-  --digi--link-button--color--primary-alt--hover: var(--digi--color--text--interactive--brand-primary-secondary-hypotes);
+  --digi--link-button--color--primary-alt--default: var(--digi--color--text--interactive--brand-primary);
+  --digi--link-button--color--primary-alt--hover: var(--digi--color--text--interactive--brand-primary);
   --digi--link-button--background--primary-alt--default: var(--digi--color--background--interactive--default--primary-inverted);
   --digi--link-button--background--primary-alt--hover: var(--digi--color--background--interactive--hover--inverted);
   --digi--link-button--border-color--primary-alt--default: var(--digi--color--border--interactive--default--inverted);
@@ -30,7 +30,7 @@
   --digi--link-button--border-color--secondary--hover: var(--digi--color--border--interactive--hover--secondary);
   
   --digi--link-button--color--secondary-alt--default: var(--digi--color--text--interactive--brand-secondary);
-  --digi--link-button--color--secondary-alt--hover: var(--digi--color--text--interactive--brand-primary-secondary-hypotes);
+  --digi--link-button--color--secondary-alt--hover: var(--digi--color--text--interactive--brand-primary);
   --digi--link-button--background--secondary-alt--default: var(--digi--color--background--interactive--default--secondary-inverted);
   --digi--link-button--background--secondary-alt--hover: var(--digi--color--background--interactive--hover--inverted);
   --digi--link-button--border-color--secondary-alt--default: var(--digi--color--border--interactive--default--inverted);

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

@@ -1,16 +1,18 @@
-@mixin digi-title-logo--variables() {
-  --digi--title-logo-text-color: var(--digi--color--text--primary);
-  --digi--title-logo-font-weight: var(--digi--global--typography--font-weight--bold);
-  --digi--title-logo-font-size: var(--digi--typography--title-logo--font-size--mobile);
-  --digi--title-logo-font-size-small: var(--digi--global--typography--font-size--large);
-  --digi--title-logo-line-height-small: 1.25rem;
-  --digi--title-logo-symbol-color: var(--digi--color--logotype--primary--symbol);
-  --digi--title-logo-symbol-width: 36px;
-  --digi--title-logo-symbol-height: 36px;
-  --digi--title-logo-symbol-width-mobile: 44px;
-  --digi--title-logo-symbol-height-mobile: 44px;
-  --digi--title-logo-text-height: 40px;
-  --digi--title-logo-border-width: var(--digi--global--border-width--base);
-  --digi--title-logo-vertical-padding: 1.375rem;
-  --digi--title-logo-gap: 9px;
+@use '../../../../../../styles/src/digi-styles.utils' as *;
+
+@mixin digi-logo--variables() {
+  --digi--logo--img--min-width: #{rem(256)};
+  --digi--logo--img--max-width:#{rem(292)};
+  --digi--logo--img--max-width--large: #{rem(368)};
+  --digi--logo--img--max-width--system: #{rem(44)};
+
+  --digi--logo--padding: 1.375rem;
+  --digi--logo--padding--wide: var(--digi--gutter--larger);
+  --digi--logo--padding--large: var(--digi--gutter--medium);
+  --digi--logo--padding--large--wide: var(--digi--gutter--larger);
+
+  --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/design-tokens/components/_navigation-context-menu.variables.scss

@@ -16,5 +16,5 @@
   --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--interactive--selected--tertiary);
   --digi--navigation-context-menu--item--display: flex;
   --digi--navigation-context-menu--item--font-family: var(--digi--global--typography--font-family--default);
-  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--interactive--tertiary);
+  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--primary);
 }

package/dist/collection/design-tokens/components/_navigation-vertical-menu-item.variables.scss

@@ -2,9 +2,9 @@
   --digi--navigation-vertical-menu-item--toggle-icon--character: "+";
   --digi--navigation-vertical-menu-item--toggle-icon--character--active: "-";
 
-  --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--icon--cta);
-  --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--icon--secondary);
-  --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--icon--cta);
+  --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--text--interactive--primary);
+  --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--text--interactive--secondary);
+  --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--text--interactive--primary);
 
   --digi--navigation-vertical-menu-item--toggle-icon--background: var(--digi--color--background--interactive--default--tertiary);
   --digi--navigation-vertical-menu-item--toggle-icon--background--hover: var(--digi--color--background--interactive--hover--tertiary);

package/dist/collection/design-tokens/components/_notification-alert.variables.scss

@@ -21,7 +21,7 @@
   --digi--notification-alert--icon--background--success: var(--digi--color--background--sentiment--success--primary);
 
   --digi--notification-alert--border--warning: var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);
-  --digi--notification-alert--icon--color--warning: var(--digi--color--icon--primary-anti-reverse);
+  --digi--notification-alert--icon--color--warning: var(--digi--color--icon--primary);
   --digi--notification-alert--icon--background--warning: var(--digi--color--background--sentiment--warning--primary);
 
   --digi--notification-alert--border--danger: var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);

package/dist/collection/design-tokens/components/_progress-indicator.variables.scss

@@ -27,7 +27,7 @@
 
 	--digi--progress-indicator--icon--width: 1rem;
 	--digi--progress-indicator--icon--height: 1rem;
-	--digi--progress-indicator--icon--color: var(--digi--color--marking--indication--marker);
+	--digi--progress-indicator--icon--color: var(--digi--color--icon--secondary);
 
 	--digi--progress-indicator--icon-status--width: 1.75rem;
 	--digi--progress-indicator--icon-status--height: 1.75rem;

package/dist/collection/design-tokens/components/_quote.variables.scss

@@ -1,5 +1,5 @@
 @mixin digi-quote--variables() {
-  --digi--quote--background--primary: var(--digi--color--background--primary-elevated);
+  --digi--quote--background--primary: var(--digi--color--background--primary);
   --digi--quote--background--secondary: var(--digi--color--background--pop-out);
-  --digi--quote--background--tertiary: var(--digi--color--background--secondary-elevated);
+  --digi--quote--background--tertiary: var(--digi--color--background--secondary);
 }

package/dist/collection/design-tokens/components/_tools-feedback.variables.scss

@@ -1,6 +1,6 @@
 @mixin digi-tools-feedback--variables {
 	--digi--tools-feedback--background-color--primary: var(--digi--color--background--pop-out);
-	--digi--tools-feedback--background-color--secondary: var(--digi--color--background--primary-elevated);
+	--digi--tools-feedback--background-color--secondary: var(--digi--color--background--primary);
 	--digi--tools-feedback--padding: var(--digi--padding--large);
 	--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);
 	--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);

package/dist/collection/enums.js

@@ -127,7 +127,6 @@ export * from './components/_tools/tools-feedback/tools-feedback-heading-level.e
 export * from './components/_tools/tools-feedback/tools-feedback-type.enum';
 export * from './components/_tools/tools-feedback/tools-feedback-variation.enum';
 export * from './components/_tools/tools-theme-provider/tools-theme-provider.brand.enum';
-export * from './components/_tools/tools-theme-provider/tools-theme-provider.theme.enum';
 export * from './components/_typography/typography-heading-jumbo/typography-heading-jumbo-level.enum';
 export * from './components/_typography/typography-heading-jumbo/typography-heading-jumbo-variation.enum';
 export * from './components/_typography/typography-meta/typography-meta-variation.enum';

package/dist/collection/styles/src/{themes/_alias-light.mixin.scss → _alias.mixin.scss}

@@ -1,17 +1,14 @@
 // Genererad av createSCSSMixinsFromFigmaTokens.ts — redigera endast om du vet vad du gör!
 @mixin alias {
   --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--quinary-ghost-gra: var(--digi--color--background--interactive--default--quinary-ghost-gra--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--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--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);
@@ -19,7 +16,6 @@
   --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--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--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
-  --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--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--validation--error: var(--digi--color--background--interactive--validation--error--light);
@@ -27,19 +23,15 @@
   --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--primary-elevated: var(--digi--color--background--primary-elevated--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-elevated: var(--digi--color--background--secondary-elevated--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--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);
@@ -53,7 +45,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);
@@ -61,7 +52,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);
@@ -80,15 +70,11 @@
   --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--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--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);
@@ -102,7 +88,6 @@
   --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);
@@ -113,16 +98,11 @@
   --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--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--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);
 }

package/dist/collection/styles/src/index.scss

@@ -5,28 +5,14 @@
 @use 'themes/brand-common.mixin' as brand-common;
 @use 'themes/brand-af18.mixin' as brand-af18;
 @use 'themes/brand-af25.mixin' as brand-af25;
-@use 'themes/alias-light.mixin' as alias-light;
-@use 'themes/alias-dark.mixin' as alias-dark;
+@use 'alias.mixin' as alias;
 
 :root {
   @include brand-common.brand-common();
   @include numeric-common.numeric-common();
   @include brand-af18.brand-af18();
   @include brand-af25.brand-af25();
-
-  @include alias-light.alias();
-
-  @media (prefers-color-scheme: dark) {
-    @include alias-dark.alias();
-  }
-}
-
-html.digi-light {
-  @include alias-light.alias();
-}
-
-html.digi-dark {
-  @include alias-dark.alias();
+  @include alias.alias();
 }
 
 body {

package/dist/collection/styles/src/themes/_brand-af18.mixin.scss

@@ -34,17 +34,14 @@
   --digi--color--water--700: #0058a3;
 
   --digi--color--background--brand-primary--light--af18: var(--digi--color--stratos--500);
-  --digi--color--background--dropdown--light--af18: var(--digi--grayscale--0);
   --digi--color--background--interactive--default--input-elements--light--af18: var(--digi--grayscale--0);
   --digi--color--background--interactive--default--pop-out--light--af18: var(--digi--color--leaf--100);
   --digi--color--background--interactive--default--primary--light--af18: var(--digi--color--stratos--500);
   --digi--color--background--interactive--default--primary-inverted--light--af18: var(--digi--color--leaf--500);
   --digi--color--background--interactive--default--quaternary--light--af18: var(--digi--grayscale--100);
-  --digi--color--background--interactive--default--quinary-ghost-gra--light--af18: var(--digi--grayscale--100);
   --digi--color--background--interactive--default--secondary--light--af18: var(--digi--grayscale--0);
+  --digi--color--background--interactive--default--secondary-inverted--light--af18: var(--digi--misc--transparent);
   --digi--color--background--interactive--default--tertiary--light--af18: var(--digi--grayscale--200);
-  --digi--color--background--interactive--default--transparent--light--af18: var(--digi--misc--transparent);
-  --digi--color--background--interactive--hover--ghost-rider--light--af18: var(--digi--misc--transparent);
   --digi--color--background--interactive--hover--inverted--light--af18: var(--digi--color--pear--500);
   --digi--color--background--interactive--hover--primary--light--af18: var(--digi--color--water--700);
   --digi--color--background--interactive--hover--quarternary--light--af18: var(--digi--grayscale--200);
@@ -52,7 +49,6 @@
   --digi--color--background--interactive--hover--tertiary--light--af18: var(--digi--color--sapphire--500);
   --digi--color--background--interactive--selected--on-menu-minus-button--light--af18: var(--digi--color--leaf--200);
   --digi--color--background--interactive--selected--primary--light--af18: var(--digi--sentiment--success--500);
-  --digi--color--background--interactive--selected--primary-stay--light--af18: var(--digi--sentiment--success--500);
   --digi--color--background--interactive--selected--secondary--light--af18: var(--digi--color--stratos--500);
   --digi--color--background--interactive--selected--tertiary--light--af18: var(--digi--grayscale--200);
   --digi--color--background--interactive--validation--error--light--af18: var(--digi--sentiment--error--200);
@@ -60,19 +56,15 @@
   --digi--color--background--interactive--validation--warning--light--af18: var(--digi--sentiment--warning--50);
   --digi--color--background--notification--light--af18: var(--digi--sentiment--error--500);
   --digi--color--background--pop-out--light--af18: var(--digi--color--leaf--100);
-  --digi--color--background--pop-out-2-hypotes--light--af18: var(--digi--color--water--200);
   --digi--color--background--primary--light--af18: var(--digi--grayscale--0);
-  --digi--color--background--primary-elevated--light--af18: var(--digi--grayscale--0);
   --digi--color--background--secondary--light--af18: var(--digi--grayscale--100);
   --digi--color--background--secondary-accent--light--af18: var(--digi--grayscale--400);
-  --digi--color--background--secondary-elevated--light--af18: var(--digi--grayscale--100);
   --digi--color--background--secondary-muted--light--af18: var(--digi--grayscale--50);
   --digi--color--background--sentiment--beta--primary--light--af18: var(--digi--color--rose--500);
   --digi--color--background--sentiment--beta--secondary--light--af18: var(--digi--color--rose--100);
   --digi--color--background--sentiment--error--primary--light--af18: var(--digi--sentiment--error--500);
   --digi--color--background--sentiment--error--secondary--light--af18: var(--digi--sentiment--error--700);
   --digi--color--background--sentiment--error--tertiary--light--af18: var(--digi--sentiment--error--200);
-  --digi--color--background--sentiment--error--tertiary-discreet--light--af18: var(--digi--sentiment--error--200);
   --digi--color--background--sentiment--info--primary--light--af18: var(--digi--sentiment--informative--500);
   --digi--color--background--sentiment--info--secondary--light--af18: var(--digi--sentiment--informative--700);
   --digi--color--background--sentiment--info--tertiary--light--af18: var(--digi--sentiment--informative--200);
@@ -86,7 +78,6 @@
   --digi--color--background--sentiment--warning--quarternary--light--af18: var(--digi--sentiment--warning--50);
   --digi--color--background--sentiment--warning--secondary--light--af18: var(--digi--sentiment--warning--700);
   --digi--color--background--sentiment--warning--tertiary--light--af18: var(--digi--sentiment--warning--200);
-  --digi--color--background--surface--light--af18: var(--digi--grayscale--0);
   --digi--color--background--transparent--light--af18: var(--digi--misc--transparent);
   --digi--color--border--accent--primary--light--af18: var(--digi--color--stratos--500);
   --digi--color--border--accent--secondary--light--af18: var(--digi--color--leaf--500);
@@ -94,7 +85,6 @@
   --digi--color--border--interactive--default--on-input--light--af18: var(--digi--grayscale--900);
   --digi--color--border--interactive--default--on-input-nuance--light--af18: var(--digi--grayscale--800);
   --digi--color--border--interactive--default--primary--light--af18: var(--digi--color--stratos--500);
-  --digi--color--border--interactive--default--secondary--light--af18: var(--digi--grayscale--100);
   --digi--color--border--interactive--hover--inverted--light--af18: var(--digi--color--pear--500);
   --digi--color--border--interactive--hover--primary--light--af18: var(--digi--color--water--700);
   --digi--color--border--interactive--hover--secondary--light--af18: var(--digi--color--stratos--500);
@@ -113,15 +103,11 @@
   --digi--color--divider--on-brand-primary--light--af18: var(--digi--color--stratos--400);
   --digi--color--divider--primary--light--af18: var(--digi--grayscale--400);
   --digi--color--divider--secondary--light--af18: var(--digi--grayscale--200);
-  --digi--color--divider--tertiary-hypotes--light--af18: var(--digi--grayscale--400);
   --digi--color--icon--brand-primary--light--af18: var(--digi--color--stratos--500);
-  --digi--color--icon--brand-primary-secondary-hypotes--light--af18: var(--digi--color--stratos--500);
   --digi--color--icon--brand-secondary--light--af18: var(--digi--color--leaf--500);
   --digi--color--icon--cta--light--af18: var(--digi--color--sapphire--500);
   --digi--color--icon--primary--light--af18: var(--digi--grayscale--900);
-  --digi--color--icon--primary-anti-reverse--light--af18: var(--digi--grayscale--900);
   --digi--color--icon--secondary--light--af18: var(--digi--grayscale--0);
-  --digi--color--icon--secondary-reverse--light--af18: var(--digi--grayscale--0);
   --digi--color--icon--validation--error--light--af18: var(--digi--sentiment--error--500);
   --digi--color--icon--validation--success--light--af18: var(--digi--sentiment--success--500);
   --digi--color--icon--validation--warning--light--af18: var(--digi--sentiment--warning--500);
@@ -135,7 +121,6 @@
   --digi--color--logotype--primary--text--light--af18: var(--digi--color--stratos--500);
   --digi--color--logotype--secondary--symbol--light--af18: #1db920;
   --digi--color--logotype--secondary--text--light--af18: var(--digi--grayscale--0);
-  --digi--color--marking--indication--marker--light--af18: var(--digi--grayscale--0);
   --digi--color--marking--indication--primary--light--af18: var(--digi--sentiment--success--500);
   --digi--color--marking--indication--secondary--light--af18: var(--digi--color--stratos--500);
   --digi--color--marking--indication--tertiary--light--af18: var(--digi--grayscale--700);
@@ -146,16 +131,11 @@
   --digi--color--misc--spinner-path--light--af18: var(--digi--grayscale--400);
   --digi--color--text--description--light--af18: var(--digi--grayscale--800);
   --digi--color--text--interactive--brand-primary--light--af18: var(--digi--color--stratos--500);
-  --digi--color--text--interactive--brand-primary-secondary-hypotes--light--af18: var(--digi--color--stratos--500);
   --digi--color--text--interactive--brand-secondary--light--af18: var(--digi--color--leaf--500);
   --digi--color--text--interactive--primary--light--af18: var(--digi--color--sapphire--500);
-  --digi--color--text--interactive--primary-discreet--light--af18: var(--digi--color--sapphire--500);
   --digi--color--text--interactive--secondary--light--af18: var(--digi--grayscale--0);
-  --digi--color--text--interactive--secondary-discreet--light--af18: var(--digi--grayscale--0);
   --digi--color--text--interactive--tertiary--light--af18: var(--digi--grayscale--900);
   --digi--color--text--interactive--visited--light--af18: var(--digi--color--amethyst--500);
   --digi--color--text--primary--light--af18: var(--digi--grayscale--900);
-  --digi--color--text--primary-stay--light--af18: var(--digi--grayscale--900);
   --digi--color--text--secondary--light--af18: var(--digi--grayscale--0);
-  --digi--color--text--secondary-stay--light--af18: var(--digi--grayscale--0);
 }

package/dist/collection/styles/src/themes/_brand-af25.mixin.scss

@@ -23,152 +23,22 @@
   --digi--rallarros--500: #ce1cbd;
   --digi--sapphire--500: #1616b2;
 
-  --digi--color--background--brand-primary--dark: var(--digi--grayscale--990);
-  --digi--color--background--dropdown--dark: var(--digi--grayscale--800);
-  --digi--color--background--interactive--default--input-elements--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--default--pop-out--dark: var(--digi--grayscale--850);
-  --digi--color--background--interactive--default--primary--dark: #435799;
-  --digi--color--background--interactive--default--primary-inverted--dark: var(--digi--norrsken--500);
-  --digi--color--background--interactive--default--quaternary--dark: var(--digi--grayscale--850);
-  --digi--color--background--interactive--default--quinary-ghost-gra--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--default--secondary--dark: var(--digi--grayscale--750-ny);
-  --digi--color--background--interactive--default--tertiary--dark: var(--digi--grayscale--875);
-  --digi--color--background--interactive--default--transparent--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--hover--ghost-rider--dark: var(--digi--grayscale--850);
-  --digi--color--background--interactive--hover--inverted--dark: var(--digi--norrsken--400);
-  --digi--color--background--interactive--hover--primary--dark: #879bdb;
-  --digi--color--background--interactive--hover--quarternary--dark: var(--digi--grayscale--875);
-  --digi--color--background--interactive--hover--secondary--dark: #8496a1;
-  --digi--color--background--interactive--hover--tertiary--dark: #8cd0f2;
-  --digi--color--background--interactive--selected--on-menu-minus-button--dark: var(--digi--grayscale--650);
-  --digi--color--background--interactive--selected--primary--dark: var(--digi--sentiment--success--500);
-  --digi--color--background--interactive--selected--primary-stay--dark: var(--digi--sentiment--success--500);
-  --digi--color--background--interactive--selected--secondary--dark: #435799;
-  --digi--color--background--interactive--selected--tertiary--dark: var(--digi--grayscale--875);
-  --digi--color--background--interactive--validation--error--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--validation--success--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--validation--warning--dark: var(--digi--misc--transparent);
-  --digi--color--background--notification--dark: var(--digi--sentiment--error--500);
-  --digi--color--background--pop-out--dark: var(--digi--grayscale--875);
-  --digi--color--background--pop-out-2-hypotes--dark: var(--digi--grayscale--875);
-  --digi--color--background--primary--dark: var(--digi--grayscale--950);
-  --digi--color--background--primary-elevated--dark: var(--digi--grayscale--950);
-  --digi--color--background--secondary--dark: var(--digi--grayscale--975);
-  --digi--color--background--secondary-accent--dark: var(--digi--grayscale--850);
-  --digi--color--background--secondary-elevated--dark: var(--digi--grayscale--975);
-  --digi--color--background--secondary-muted--dark: var(--digi--grayscale--900);
-  --digi--color--background--sentiment--beta--primary--dark: var(--digi--rallarros--500);
-  --digi--color--background--sentiment--beta--secondary--dark: var(--digi--rallarros--300);
-  --digi--color--background--sentiment--error--primary--dark: var(--digi--sentiment--error--500);
-  --digi--color--background--sentiment--error--secondary--dark: var(--digi--sentiment--error--700);
-  --digi--color--background--sentiment--error--tertiary--dark: var(--digi--sentiment--error--200);
-  --digi--color--background--sentiment--error--tertiary-discreet--dark: var(--digi--grayscale--850);
-  --digi--color--background--sentiment--info--primary--dark: var(--digi--sentiment--informative--500);
-  --digi--color--background--sentiment--info--secondary--dark: var(--digi--sentiment--informative--700);
-  --digi--color--background--sentiment--info--tertiary--dark: var(--digi--sentiment--informative--200);
-  --digi--color--background--sentiment--neutral--primary--dark: var(--digi--grayscale--700);
-  --digi--color--background--sentiment--neutral--secondary--dark: var(--digi--grayscale--400);
-  --digi--color--background--sentiment--neutral--tertiary--dark: var(--digi--grayscale--900);
-  --digi--color--background--sentiment--success--primary--dark: var(--digi--sentiment--success--500);
-  --digi--color--background--sentiment--success--secondary--dark: var(--digi--sentiment--success--700);
-  --digi--color--background--sentiment--success--tertiary--dark: var(--digi--sentiment--success--200);
-  --digi--color--background--sentiment--warning--primary--dark: var(--digi--sentiment--warning--500);
-  --digi--color--background--sentiment--warning--quarternary--dark: var(--digi--grayscale--850);
-  --digi--color--background--sentiment--warning--secondary--dark: var(--digi--sentiment--warning--700);
-  --digi--color--background--sentiment--warning--tertiary--dark: var(--digi--sentiment--warning--200);
-  --digi--color--background--surface--dark: var(--digi--grayscale--925);
-  --digi--color--background--transparent--dark: var(--digi--misc--transparent);
-  --digi--color--border--accent--primary--dark: #435799;
-  --digi--color--border--accent--secondary--dark: var(--digi--granskott--700);
-  --digi--color--border--interactive--default--inverted--dark: var(--digi--norrsken--500);
-  --digi--color--border--interactive--default--on-input--dark: var(--digi--grayscale--75);
-  --digi--color--border--interactive--default--on-input-nuance--dark: var(--digi--grayscale--650);
-  --digi--color--border--interactive--default--primary--dark: #435799;
-  --digi--color--border--interactive--default--secondary--dark: var(--digi--grayscale--550);
-  --digi--color--border--interactive--hover--inverted--dark: var(--digi--norrsken--400);
-  --digi--color--border--interactive--hover--primary--dark: #879bdb;
-  --digi--color--border--interactive--hover--secondary--dark: #435799;
-  --digi--color--border--interactive--selected--primary--dark: var(--digi--sentiment--success--500);
-  --digi--color--border--interactive--selected--secondary--dark: #435799;
-  --digi--color--border--interactive--validation--error--dark: var(--digi--sentiment--error--500);
-  --digi--color--border--interactive--validation--success--dark: var(--digi--sentiment--success--500);
-  --digi--color--border--interactive--validation--warning--dark: var(--digi--sentiment--warning--700);
-  --digi--color--border--notification--dark: var(--digi--grayscale--0);
-  --digi--color--border--sentiment--error--dark: var(--digi--sentiment--error--500);
-  --digi--color--border--sentiment--info--dark: var(--digi--sentiment--informative--500);
-  --digi--color--border--sentiment--success--dark: var(--digi--sentiment--success--500);
-  --digi--color--border--sentiment--warning--dark: var(--digi--sentiment--warning--500);
-  --digi--color--border--transparent--dark: var(--digi--misc--transparent);
-  --digi--color--divider--cta--dark: #8cd0f2;
-  --digi--color--divider--on-brand-primary--dark: var(--digi--grayscale--650);
-  --digi--color--divider--primary--dark: var(--digi--grayscale--800);
-  --digi--color--divider--secondary--dark: var(--digi--grayscale--650);
-  --digi--color--divider--tertiary-hypotes--dark: var(--digi--grayscale--550);
-  --digi--color--icon--brand-primary--dark: var(--digi--grayscale--75);
-  --digi--color--icon--brand-primary-secondary-hypotes--dark: #435799;
-  --digi--color--icon--brand-secondary--dark: var(--digi--norrsken--500);
-  --digi--color--icon--cta--dark: #8cd0f2;
-  --digi--color--icon--primary--dark: var(--digi--grayscale--75);
-  --digi--color--icon--primary-anti-reverse--dark: var(--digi--grayscale--900);
-  --digi--color--icon--secondary--dark: var(--digi--grayscale--75);
-  --digi--color--icon--secondary-reverse--dark: var(--digi--grayscale--900);
-  --digi--color--icon--validation--error--dark: var(--digi--sentiment--error--500);
-  --digi--color--icon--validation--success--dark: var(--digi--sentiment--success--500);
-  --digi--color--icon--validation--warning--dark: var(--digi--sentiment--warning--500);
-  --digi--color--infographic--background--dark: var(--digi--grayscale--0);
-  --digi--color--infographic--brand--primary--dark: var(--digi--granskott--700);
-  --digi--color--infographic--brand--primary-alt--dark: var(--digi--granskott--700);
-  --digi--color--infographic--brand--secondary--dark: var(--digi--granskott--300);
-  --digi--color--infographic--brand--secondary-alt--dark: var(--digi--granskott--300);
-  --digi--color--infographic--lineart--dark: var(--digi--grayscale--75);
-  --digi--color--logotype--primary--symbol--dark: var(--digi--granskott--700);
-  --digi--color--logotype--primary--text--dark: var(--digi--grayscale--0);
-  --digi--color--logotype--secondary--symbol--dark: var(--digi--granskott--700);
-  --digi--color--logotype--secondary--text--dark: var(--digi--grayscale--0);
-  --digi--color--marking--indication--marker--dark: var(--digi--grayscale--75);
-  --digi--color--marking--indication--primary--dark: var(--digi--sentiment--success--500);
-  --digi--color--marking--indication--secondary--dark: #435799;
-  --digi--color--marking--indication--tertiary--dark: var(--digi--grayscale--700);
-  --digi--color--marking--navigation--level-active--dark: var(--digi--granskott--250);
-  --digi--color--marking--navigation--level-inactive--dark: var(--digi--grayscale--100);
-  --digi--color--marking--navigation--selected--dark: var(--digi--granskott--700);
-  --digi--color--misc--skeleton--dark: var(--digi--grayscale--400);
-  --digi--color--misc--spinner-path--dark: var(--digi--grayscale--400);
-  --digi--color--text--description--dark: var(--digi--grayscale--100);
-  --digi--color--text--interactive--brand-primary--dark: var(--digi--grayscale--75);
-  --digi--color--text--interactive--brand-primary-secondary-hypotes--dark: #435799;
-  --digi--color--text--interactive--brand-secondary--dark: var(--digi--norrsken--500);
-  --digi--color--text--interactive--primary--dark: #8cd0f2;
-  --digi--color--text--interactive--primary-discreet--dark: var(--digi--grayscale--75);
-  --digi--color--text--interactive--secondary--dark: var(--digi--grayscale--75);
-  --digi--color--text--interactive--secondary-discreet--dark: var(--digi--grayscale--75);
-  --digi--color--text--interactive--tertiary--dark: var(--digi--grayscale--75);
-  --digi--color--text--interactive--visited--dark: var(--digi--amethyst--500);
-  --digi--color--text--primary--dark: var(--digi--grayscale--75);
-  --digi--color--text--primary-stay--dark: var(--digi--grayscale--850);
-  --digi--color--text--secondary--dark: var(--digi--grayscale--75);
-  --digi--color--text--secondary-stay--dark: var(--digi--grayscale--75);
-
   --digi--color--background--brand-primary--light: var(--digi--natthimmel--800);
-  --digi--color--background--dropdown--light: var(--digi--grayscale--0);
   --digi--color--background--interactive--default--input-elements--light: var(--digi--grayscale--0);
   --digi--color--background--interactive--default--pop-out--light: var(--digi--granskott--150);
   --digi--color--background--interactive--default--primary--light: var(--digi--natthimmel--800);
   --digi--color--background--interactive--default--primary-inverted--light: var(--digi--norrsken--500);
   --digi--color--background--interactive--default--quaternary--light: var(--digi--grayscale--100);
-  --digi--color--background--interactive--default--quinary-ghost-gra--light: var(--digi--grayscale--100);
   --digi--color--background--interactive--default--secondary--light: var(--digi--grayscale--0);
+  --digi--color--background--interactive--default--secondary-inverted--light: var(--digi--misc--transparent);
   --digi--color--background--interactive--default--tertiary--light: var(--digi--grayscale--200);
-  --digi--color--background--interactive--default--transparent--light: var(--digi--misc--transparent);
-  --digi--color--background--interactive--hover--ghost-rider--light: var(--digi--misc--transparent);
   --digi--color--background--interactive--hover--inverted--light: var(--digi--norrsken--400);
   --digi--color--background--interactive--hover--primary--light: var(--digi--natthimmel--700);
   --digi--color--background--interactive--hover--quarternary--light: var(--digi--grayscale--200);
   --digi--color--background--interactive--hover--secondary--light: var(--digi--natthimmel--250);
   --digi--color--background--interactive--hover--tertiary--light: var(--digi--sapphire--500);
-  --digi--color--background--interactive--selected--on-menu-minus-button--light: var(--digi--granskott--250);
+  --digi--color--background--interactive--selected--on-menu-minus-button--light: var(--digi--granskott--350);
   --digi--color--background--interactive--selected--primary--light: var(--digi--sentiment--success--500);
-  --digi--color--background--interactive--selected--primary-stay--light: var(--digi--sentiment--success--500);
   --digi--color--background--interactive--selected--secondary--light: var(--digi--natthimmel--800);
   --digi--color--background--interactive--selected--tertiary--light: var(--digi--grayscale--200);
   --digi--color--background--interactive--validation--error--light: var(--digi--sentiment--error--200);
@@ -176,19 +46,15 @@
   --digi--color--background--interactive--validation--warning--light: var(--digi--sentiment--warning--50);
   --digi--color--background--notification--light: var(--digi--sentiment--error--500);
   --digi--color--background--pop-out--light: var(--digi--granskott--200);
-  --digi--color--background--pop-out-2-hypotes--light: var(--digi--natthimmel--200);
   --digi--color--background--primary--light: var(--digi--grayscale--0);
-  --digi--color--background--primary-elevated--light: var(--digi--grayscale--0);
   --digi--color--background--secondary--light: var(--digi--grayscale--100);
   --digi--color--background--secondary-accent--light: var(--digi--grayscale--400);
-  --digi--color--background--secondary-elevated--light: var(--digi--grayscale--100);
   --digi--color--background--secondary-muted--light: var(--digi--grayscale--50);
   --digi--color--background--sentiment--beta--primary--light: var(--digi--rallarros--500);
   --digi--color--background--sentiment--beta--secondary--light: var(--digi--rallarros--300);
   --digi--color--background--sentiment--error--primary--light: var(--digi--sentiment--error--500);
   --digi--color--background--sentiment--error--secondary--light: var(--digi--sentiment--error--700);
   --digi--color--background--sentiment--error--tertiary--light: var(--digi--sentiment--error--200);
-  --digi--color--background--sentiment--error--tertiary-discreet--light: var(--digi--sentiment--error--200);
   --digi--color--background--sentiment--info--primary--light: var(--digi--sentiment--informative--500);
   --digi--color--background--sentiment--info--secondary--light: var(--digi--sentiment--informative--700);
   --digi--color--background--sentiment--info--tertiary--light: var(--digi--sentiment--informative--200);
@@ -202,7 +68,6 @@
   --digi--color--background--sentiment--warning--quarternary--light: var(--digi--sentiment--warning--50);
   --digi--color--background--sentiment--warning--secondary--light: var(--digi--sentiment--warning--700);
   --digi--color--background--sentiment--warning--tertiary--light: var(--digi--sentiment--warning--200);
-  --digi--color--background--surface--light: var(--digi--grayscale--0);
   --digi--color--background--transparent--light: var(--digi--misc--transparent);
   --digi--color--border--accent--primary--light: var(--digi--natthimmel--800);
   --digi--color--border--accent--secondary--light: var(--digi--granskott--700);
@@ -210,7 +75,6 @@
   --digi--color--border--interactive--default--on-input--light: var(--digi--grayscale--900);
   --digi--color--border--interactive--default--on-input-nuance--light: var(--digi--grayscale--800);
   --digi--color--border--interactive--default--primary--light: var(--digi--natthimmel--800);
-  --digi--color--border--interactive--default--secondary--light: var(--digi--grayscale--100);
   --digi--color--border--interactive--hover--inverted--light: var(--digi--norrsken--400);
   --digi--color--border--interactive--hover--primary--light: var(--digi--natthimmel--700);
   --digi--color--border--interactive--hover--secondary--light: var(--digi--natthimmel--800);
@@ -229,15 +93,11 @@
   --digi--color--divider--on-brand-primary--light: var(--digi--natthimmel--350);
   --digi--color--divider--primary--light: var(--digi--grayscale--400);
   --digi--color--divider--secondary--light: var(--digi--grayscale--200);
-  --digi--color--divider--tertiary-hypotes--light: var(--digi--grayscale--400);
   --digi--color--icon--brand-primary--light: var(--digi--natthimmel--800);
-  --digi--color--icon--brand-primary-secondary-hypotes--light: var(--digi--natthimmel--800);
   --digi--color--icon--brand-secondary--light: var(--digi--norrsken--500);
   --digi--color--icon--cta--light: var(--digi--sapphire--500);
   --digi--color--icon--primary--light: var(--digi--grayscale--900);
-  --digi--color--icon--primary-anti-reverse--light: var(--digi--grayscale--900);
   --digi--color--icon--secondary--light: var(--digi--grayscale--0);
-  --digi--color--icon--secondary-reverse--light: var(--digi--grayscale--0);
   --digi--color--icon--validation--error--light: var(--digi--sentiment--error--500);
   --digi--color--icon--validation--success--light: var(--digi--sentiment--success--500);
   --digi--color--icon--validation--warning--light: var(--digi--sentiment--warning--500);
@@ -251,27 +111,21 @@
   --digi--color--logotype--primary--text--light: var(--digi--natthimmel--800);
   --digi--color--logotype--secondary--symbol--light: #1db920;
   --digi--color--logotype--secondary--text--light: var(--digi--grayscale--0);
-  --digi--color--marking--indication--marker--light: var(--digi--grayscale--0);
   --digi--color--marking--indication--primary--light: var(--digi--sentiment--success--500);
   --digi--color--marking--indication--secondary--light: var(--digi--natthimmel--800);
   --digi--color--marking--indication--tertiary--light: var(--digi--grayscale--700);
-  --digi--color--marking--navigation--level-active--light: var(--digi--granskott--250);
+  --digi--color--marking--navigation--level-active--light: var(--digi--granskott--350);
   --digi--color--marking--navigation--level-inactive--light: var(--digi--grayscale--100);
   --digi--color--marking--navigation--selected--light: var(--digi--granskott--700);
   --digi--color--misc--skeleton--light: var(--digi--grayscale--400);
   --digi--color--misc--spinner-path--light: var(--digi--grayscale--400);
   --digi--color--text--description--light: var(--digi--grayscale--800);
   --digi--color--text--interactive--brand-primary--light: var(--digi--natthimmel--800);
-  --digi--color--text--interactive--brand-primary-secondary-hypotes--light: var(--digi--natthimmel--800);
   --digi--color--text--interactive--brand-secondary--light: var(--digi--norrsken--500);
   --digi--color--text--interactive--primary--light: var(--digi--sapphire--500);
-  --digi--color--text--interactive--primary-discreet--light: var(--digi--sapphire--500);
   --digi--color--text--interactive--secondary--light: var(--digi--grayscale--0);
-  --digi--color--text--interactive--secondary-discreet--light: var(--digi--grayscale--0);
   --digi--color--text--interactive--tertiary--light: var(--digi--grayscale--900);
   --digi--color--text--interactive--visited--light: var(--digi--amethyst--500);
   --digi--color--text--primary--light: var(--digi--grayscale--900);
-  --digi--color--text--primary-stay--light: var(--digi--grayscale--900);
   --digi--color--text--secondary--light: var(--digi--grayscale--0);
-  --digi--color--text--secondary-stay--light: var(--digi--grayscale--0);
 }