@designsystem-se/af 31.3.0 → 31.3.1-beta.0

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

@@ -1,37 +1,37 @@
-@mixin digi-tools-languagepicker--variables() {
-	--digi--tools-languagepicker--button--font-size: var(--digi--global--typography--font-size--interaction-medium);
-	--digi--tools-languagepicker--button--font-size--desktop: var(--digi--global--typography--font-size--interaction-medium);
-	--digi--tools-languagepicker--button--padding: var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);
-
-	--digi--tools-languagepicker--button--border-radius: var(--digi--border-radius--button);
-	--digi--tools-languagepicker--button--border-radius--hover: var(--digi--border-radius--button);
-	--digi--tools-languagepicker--button--border-radius--focus: var(--digi--border-radius--button);
-	--digi--tools-languagepicker--button--border-radius--active: var(--digi--border-radius--button);
-
-	--digi--tools-languagepicker--button--color--text: var(--digi--global--color--neutral--grayscale--darkest-5);
-	--digi--tools-languagepicker--button--color--text--hover: var(--digi--color--text--secondary);
-	--digi--tools-languagepicker--button--color--text--focus: var(--digi--color--text--secondary);
-	--digi--tools-languagepicker--button--color--text--active: var(--digi--color--text--secondary);
-
-	--digi--tools-languagepicker--button--color--background: var(--digi--global--color--neutral--grayscale--lightest-4);
-	--digi--tools-languagepicker--button--color--background--hover: var(--digi--global--color--cta--blue--dark);
-	--digi--tools-languagepicker--button--color--background--focus: var(--digi--global--color--cta--blue--dark);
-	--digi--tools-languagepicker--button--color--background--active: var(--digi--global--color--cta--blue--dark);
-
-	--digi--tools-languagepicker--button--color--border: var(--digi--global--color--neutral--grayscale--lightest-4);
-	--digi--tools-languagepicker--button--color--border--hover: var(--digi--color--border--secondary);
-	--digi--tools-languagepicker--button--color--border--focus: var(--digi--color--border--secondary);
-	--digi--tools-languagepicker--button--color--border--active: var(--digi--color--border--secondary);
-
-	--digi--tools-languagepicker--button--border-width: var(--digi--border-width--button);
-	--digi--tools-languagepicker--button--border-width--hover: var(--digi--border-width--button);
-	--digi--tools-languagepicker--button--border-width--focus: var(--digi--border-width--button);
-	--digi--tools-languagepicker--button--border-width--active: var(--digi--border-width--button);
-
-	--digi--tools-languagepicker--button--border-style: var(--digi--border-style--primary);
-	--digi--tools-languagepicker--button--border-style--hover: var(--digi--border-style--primary);
-	--digi--tools-languagepicker--button--border-style--focus: var(--digi--border-style--primary);
-	--digi--tools-languagepicker--button--border-style--active: var(--digi--border-style--primary);
+@mixin digi-tools-languagepicker--variables() {
+	--digi--tools-languagepicker--button--font-size: var(--digi--global--typography--font-size--interaction-medium);
+	--digi--tools-languagepicker--button--font-size--desktop: var(--digi--global--typography--font-size--interaction-medium);
+	--digi--tools-languagepicker--button--padding: var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);
+
+	--digi--tools-languagepicker--button--border-radius: var(--digi--border-radius--button);
+	--digi--tools-languagepicker--button--border-radius--hover: var(--digi--border-radius--button);
+	--digi--tools-languagepicker--button--border-radius--focus: var(--digi--border-radius--button);
+	--digi--tools-languagepicker--button--border-radius--active: var(--digi--border-radius--button);
+
+	--digi--tools-languagepicker--button--color--text: var(--digi--global--color--neutral--grayscale--darkest-5);
+	--digi--tools-languagepicker--button--color--text--hover: var(--digi--color--text--secondary);
+	--digi--tools-languagepicker--button--color--text--focus: var(--digi--color--text--secondary);
+	--digi--tools-languagepicker--button--color--text--active: var(--digi--color--text--secondary);
+
+	--digi--tools-languagepicker--button--color--background: var(--digi--global--color--neutral--grayscale--lightest-4);
+	--digi--tools-languagepicker--button--color--background--hover: var(--digi--global--color--cta--blue--dark);
+	--digi--tools-languagepicker--button--color--background--focus: var(--digi--global--color--cta--blue--dark);
+	--digi--tools-languagepicker--button--color--background--active: var(--digi--global--color--cta--blue--dark);
+
+	--digi--tools-languagepicker--button--color--border: var(--digi--global--color--neutral--grayscale--lightest-4);
+	--digi--tools-languagepicker--button--color--border--hover: var(--digi--color--border--secondary);
+	--digi--tools-languagepicker--button--color--border--focus: var(--digi--color--border--secondary);
+	--digi--tools-languagepicker--button--color--border--active: var(--digi--color--border--secondary);
+
+	--digi--tools-languagepicker--button--border-width: var(--digi--border-width--button);
+	--digi--tools-languagepicker--button--border-width--hover: var(--digi--border-width--button);
+	--digi--tools-languagepicker--button--border-width--focus: var(--digi--border-width--button);
+	--digi--tools-languagepicker--button--border-width--active: var(--digi--border-width--button);
+
+	--digi--tools-languagepicker--button--border-style: var(--digi--border-style--primary);
+	--digi--tools-languagepicker--button--border-style--hover: var(--digi--border-style--primary);
+	--digi--tools-languagepicker--button--border-style--focus: var(--digi--border-style--primary);
+	--digi--tools-languagepicker--button--border-style--active: var(--digi--border-style--primary);
 }
 
 /** Do not touch! Autogenerated 

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

@@ -1,22 +1,22 @@
-@mixin digi-typography--variables() {
-  --digi--typography--h1--margin--small: var(--digi--margin--h1-small);
-  --digi--typography--h1--margin--medium: var(--digi--margin--h1-medium);
-  --digi--typography--h1--margin--large: var(--digi--margin--h1-large);
-  --digi--typography--h2--margin--small: var(--digi--margin--h2-small);
-  --digi--typography--h2--margin--large: var(--digi--margin--h2-large);
-  --digi--typography--h3--margin--small: var(--digi--margin--h3-small);
-  --digi--typography--h3--margin--large: var(--digi--margin--h3-large);
-  --digi--typography--h4--margin--small: var(--digi--margin--h4-h6-small);
-  --digi--typography--h4--margin--large: var(--digi--margin--h4-h6-large);
-  --digi--typography--h5--margin--small: var(--digi--margin--h4-h6-small);
-  --digi--typography--h6--margin--large: var(--digi--margin--h4-h6-large);
-  --digi--typography--paragraph--margin--small: var(--digi--margin--text-small);
-  --digi--typography--paragraph--margin--large: var(--digi--margin--text-large);
-  --digi--typography--paragraph--margin-top: initial;
-  --digi--typography--color--text: var(--digi--color--text--primary);
-  --digi--typography--text-decoration-thickness--hover: 0.156em;
-  --digi--typography--text-decoration-thickness--default: 0.05em;
-  --digi--typography--text-underline-offset: 3px;
+@mixin digi-typography--variables() {
+  --digi--typography--h1--margin--small: var(--digi--margin--h1-small);
+  --digi--typography--h1--margin--medium: var(--digi--margin--h1-medium);
+  --digi--typography--h1--margin--large: var(--digi--margin--h1-large);
+  --digi--typography--h2--margin--small: var(--digi--margin--h2-small);
+  --digi--typography--h2--margin--large: var(--digi--margin--h2-large);
+  --digi--typography--h3--margin--small: var(--digi--margin--h3-small);
+  --digi--typography--h3--margin--large: var(--digi--margin--h3-large);
+  --digi--typography--h4--margin--small: var(--digi--margin--h4-h6-small);
+  --digi--typography--h4--margin--large: var(--digi--margin--h4-h6-large);
+  --digi--typography--h5--margin--small: var(--digi--margin--h4-h6-small);
+  --digi--typography--h6--margin--large: var(--digi--margin--h4-h6-large);
+  --digi--typography--paragraph--margin--small: var(--digi--margin--text-small);
+  --digi--typography--paragraph--margin--large: var(--digi--margin--text-large);
+  --digi--typography--paragraph--margin-top: initial;
+  --digi--typography--color--text: var(--digi--color--text--primary);
+  --digi--typography--text-decoration-thickness--hover: 0.156em;
+  --digi--typography--text-decoration-thickness--default: 0.05em;
+  --digi--typography--text-underline-offset: 3px;
 }
 
 /** Do not touch! Autogenerated 

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

@@ -1,13 +1,13 @@
-@mixin digi-card--variables() {
-  --digi--card--background-color--primary: var(--digi--color--background--primary);
-  --digi--card--background-color--secondary: var(--digi--color--background--secondary);
-  --digi--card--padding: var(--digi--padding--large);
-  --digi--card--border: none;
-  --digi--card--border--primary: solid var(--digi--border-width--primary) var(--digi--color--border--neutral-2);
-  --digi--card--border-radius: none;
-  --digi--card--border-radius--primary: var(--digi--border--radius);
-  --digi--card--footer--border-top: solid var(--digi--border-width--primary) var(--digi--color--border--neutral-2);
-  --digi--card--footer--padding: var(--digi--padding--medium) var(--digi--padding--large);
+@mixin digi-card--variables() {
+  --digi--card--background-color--primary: var(--digi--color--background--primary);
+  --digi--card--background-color--secondary: var(--digi--color--background--secondary);
+  --digi--card--padding: var(--digi--padding--large);
+  --digi--card--border: none;
+  --digi--card--border--primary: solid var(--digi--border-width--primary) var(--digi--color--border--neutral-2);
+  --digi--card--border-radius: none;
+  --digi--card--border-radius--primary: var(--digi--border--radius);
+  --digi--card--footer--border-top: solid var(--digi--border-width--primary) var(--digi--color--border--neutral-2);
+  --digi--card--footer--padding: var(--digi--padding--medium) var(--digi--padding--large);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-week-view.variables.scss

@@ -1,47 +1,47 @@
-@mixin digi-calendar-week-view--variables() {
-	--digi--calendar-week-view--button--week--padding: calc(#{var(--digi--gutter--small)} + 1px) var(--digi--gutter--largest-2);
-	--digi--calendar-week-view--button--week--icon--width: var(--digi--gutter--medium);
-	--digi--calendar-week-view--button--week--display: flex;
-	--digi--calendar-week-view--button--week--justify-content: center;
-
-	--digi--calendar-week-view--button--week--previous-button--border-radius: var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);
-	--digi--calendar-week-view--button--week--next-button--border-radius: 0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;
-
-	--digi--calendar-week-view--button--week--width: 9.75rem;
-	--digi--calendar-week-view--button--week--width--small: 7.85rem;
-	--digi--calendar-week-view--button--week--margin: 0.125rem;
-	--digi--calendar-week-view--button--week--font-size: var(--digi--button--font-size--small);
-	--digi--calendar-week-view--button--week--keep-right--margin: 10rem;
-	--digi--calendar-week-view--button--week--keep-right--margin--small: 8.1rem;
-	--digi--calendar-week-view--button--week--background: var(--digi--color--background--primary);
-	--digi--calendar-week-view--button--week--border-color: var(--digi--color--border--secondary);
-
-	--digi--calendar-week-view--button--date--color: var(--digi--color--text--primary);
-	--digi--calendar-week-view--button--date--color--active: var(--digi--color--text--inverted);
-	--digi--calendar-week-view--button--date--color--no-value: var(--digi--color--text--primary);
-
-	--digi--calendar-week-view--button--date--background: var(--digi--color--background--primary);
-	--digi--calendar-week-view--button--date--background--active: var(--digi--color--background--complementary-1);
-	--digi--calendar-week-view--button--date--background--no-value: var(--digi--color--background--neutral-6);
-
-	--digi--calendar-week-view--button--date--border-color: var(--digi--color--border--secondary);
-	--digi--calendar-week-view--button--date--border-color--active: var(--digi--color--border--secondary);
-	--digi--calendar-week-view--button--date--border-color--no-value: var(--digi--color--border--neutral-3);
-
-	--digi--calendar-week-view--button--date--border-radius: 0;
-	--digi--calendar-week-view--button--date--padding: 16px 10px 25px 10px;
-	--digi--calendar-week-view--button--date--font-size: var(--digi--button--font-size--small);
-	--digi--calendar-week-view--button--date--box-shadow--active: inset 0 0 0 0.1875rem var(--digi--color--background--primary);
-	--digi--calendar-week-view--button--date--width: 3.75rem;
-	--digi--calendar-week-view--button--date--width--small: 3rem;
-
-	--digi--calendar-week-view--today-circle--size: 0.3125rem;
-	--digi--calendar-week-view--today-circle--background: var(--digi--color--background--complementary-1);
-	--digi--calendar-week-view--today-circle--background--no-value: var(--digi--color--text--primary);
-	--digi--calendar-week-view--today-circle--background--active: var(--digi--color--text--inverted);
-
-	--digi--calendar-week-view--dates--margin: 0 0 var(--digi--gutter--smaller) 0;
-	--digi--calendar-week-view--dates--gap: var(--digi--gutter--smaller);
+@mixin digi-calendar-week-view--variables() {
+	--digi--calendar-week-view--button--week--padding: calc(#{var(--digi--gutter--small)} + 1px) var(--digi--gutter--largest-2);
+	--digi--calendar-week-view--button--week--icon--width: var(--digi--gutter--medium);
+	--digi--calendar-week-view--button--week--display: flex;
+	--digi--calendar-week-view--button--week--justify-content: center;
+
+	--digi--calendar-week-view--button--week--previous-button--border-radius: var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);
+	--digi--calendar-week-view--button--week--next-button--border-radius: 0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;
+
+	--digi--calendar-week-view--button--week--width: 9.75rem;
+	--digi--calendar-week-view--button--week--width--small: 7.85rem;
+	--digi--calendar-week-view--button--week--margin: 0.125rem;
+	--digi--calendar-week-view--button--week--font-size: var(--digi--button--font-size--small);
+	--digi--calendar-week-view--button--week--keep-right--margin: 10rem;
+	--digi--calendar-week-view--button--week--keep-right--margin--small: 8.1rem;
+	--digi--calendar-week-view--button--week--background: var(--digi--color--background--primary);
+	--digi--calendar-week-view--button--week--border-color: var(--digi--color--border--secondary);
+
+	--digi--calendar-week-view--button--date--color: var(--digi--color--text--primary);
+	--digi--calendar-week-view--button--date--color--active: var(--digi--color--text--inverted);
+	--digi--calendar-week-view--button--date--color--no-value: var(--digi--color--text--primary);
+
+	--digi--calendar-week-view--button--date--background: var(--digi--color--background--primary);
+	--digi--calendar-week-view--button--date--background--active: var(--digi--color--background--complementary-1);
+	--digi--calendar-week-view--button--date--background--no-value: var(--digi--color--background--neutral-6);
+
+	--digi--calendar-week-view--button--date--border-color: var(--digi--color--border--secondary);
+	--digi--calendar-week-view--button--date--border-color--active: var(--digi--color--border--secondary);
+	--digi--calendar-week-view--button--date--border-color--no-value: var(--digi--color--border--neutral-3);
+
+	--digi--calendar-week-view--button--date--border-radius: 0;
+	--digi--calendar-week-view--button--date--padding: 16px 10px 25px 10px;
+	--digi--calendar-week-view--button--date--font-size: var(--digi--button--font-size--small);
+	--digi--calendar-week-view--button--date--box-shadow--active: inset 0 0 0 0.1875rem var(--digi--color--background--primary);
+	--digi--calendar-week-view--button--date--width: 3.75rem;
+	--digi--calendar-week-view--button--date--width--small: 3rem;
+
+	--digi--calendar-week-view--today-circle--size: 0.3125rem;
+	--digi--calendar-week-view--today-circle--background: var(--digi--color--background--complementary-1);
+	--digi--calendar-week-view--today-circle--background--no-value: var(--digi--color--text--primary);
+	--digi--calendar-week-view--today-circle--background--active: var(--digi--color--text--inverted);
+
+	--digi--calendar-week-view--dates--margin: 0 0 var(--digi--gutter--smaller) 0;
+	--digi--calendar-week-view--dates--gap: var(--digi--gutter--smaller);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_chart-line.variables.scss

@@ -1,4 +1,4 @@
-@mixin digi-chart-line--variables {
+@mixin digi-chart-line--variables {
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_code-example.variables.scss

@@ -1,8 +1,8 @@
-@use '../../../../global/styles/utilities' as *;
-
-@mixin digi-code-example--variables() {
-	--digi--code-example--background: var(--digi--color--background--primary);
-  --digi--code-example--controls--width: #{rem(260)};
+@use '../../../../global/styles/utilities' as *;
+
+@mixin digi-code-example--variables() {
+	--digi--code-example--background: var(--digi--color--background--primary);
+  --digi--code-example--controls--width: #{rem(260)};
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_dialog.variables.scss

@@ -1,39 +1,39 @@
-@mixin digi-dialog--variables {
-	--digi--dialog--backdrop--position: fixed;
-	--digi--dialog--backdrop--opacity: 1;
-	--digi--dialog--backdrop--z--index: 999;
-	--digi--dialog--backdrop--left: 0;
-	--digi--dialog--backdrop--top: 0;
-	--digi--dialog--backdrop--width: 100vw;
-	--digi--dialog--backdrop--height: 100vh;
-	--digi--dialog--backdrop--background--color: rgba(0, 0, 0, 0.7);
-	--digi--dialog--backdrop--display: flex;
-	--digi--dialog--backdrop--justify--content: center;
-	--digi--dialog--backdrop--align--items: center;
-
-	--digi--dialog--close--button--display: grid;
-	--digi--dialog--close--button--justify--content: end;
-	--digi--dialog--close--button--margin--right: -1rem;
-
-	--digi--dialog--button--container--display: flex;
-	--digi--dialog--button--container--flex-wrap: wrap;
-	--digi--dialog--button--container--gap: var(--digi--gutter--large);
-	--digi--dialog--button--container--padding--top: var(--digi--gutter--largest-2);
-	--digi--dialog--button--text--align--mobile: center;
-
-	--digi--dialog--content--gutter: var(--digi--gutter--largest);
-	--digi--dialog--content--margin: var(--digi--margin--large) auto;
-	--digi--dialog--content--padding: var(--digi--padding--large);
-
-	--digi--dialog--content--width--small: 28.75rem;
-	--digi--dialog--content--width--medium: 42.1875rem;
-	--digi--dialog--content--width--large: 56.25rem;
-
-	--digi--dialog--content--color--primary: var(--digi--color--text--primary);
-	--digi--dialog--content--color--background--primary: var(--digi--global--color--profile--white--base);
-
-	--digi--dialog--icon--color--primary: var(--digi--color--icons--primary);
-	--digi--dialog--icon--color--primary--hover: var(--digi--color--icons--primary);
+@mixin digi-dialog--variables {
+	--digi--dialog--backdrop--position: fixed;
+	--digi--dialog--backdrop--opacity: 1;
+	--digi--dialog--backdrop--z--index: 999;
+	--digi--dialog--backdrop--left: 0;
+	--digi--dialog--backdrop--top: 0;
+	--digi--dialog--backdrop--width: 100vw;
+	--digi--dialog--backdrop--height: 100vh;
+	--digi--dialog--backdrop--background--color: rgba(0, 0, 0, 0.7);
+	--digi--dialog--backdrop--display: flex;
+	--digi--dialog--backdrop--justify--content: center;
+	--digi--dialog--backdrop--align--items: center;
+
+	--digi--dialog--close--button--display: grid;
+	--digi--dialog--close--button--justify--content: end;
+	--digi--dialog--close--button--margin--right: -1rem;
+
+	--digi--dialog--button--container--display: flex;
+	--digi--dialog--button--container--flex-wrap: wrap;
+	--digi--dialog--button--container--gap: var(--digi--gutter--large);
+	--digi--dialog--button--container--padding--top: var(--digi--gutter--largest-2);
+	--digi--dialog--button--text--align--mobile: center;
+
+	--digi--dialog--content--gutter: var(--digi--gutter--largest);
+	--digi--dialog--content--margin: var(--digi--margin--large) auto;
+	--digi--dialog--content--padding: var(--digi--padding--large);
+
+	--digi--dialog--content--width--small: 28.75rem;
+	--digi--dialog--content--width--medium: 42.1875rem;
+	--digi--dialog--content--width--large: 56.25rem;
+
+	--digi--dialog--content--color--primary: var(--digi--color--text--primary);
+	--digi--dialog--content--color--background--primary: var(--digi--global--color--profile--white--base);
+
+	--digi--dialog--icon--color--primary: var(--digi--color--icons--primary);
+	--digi--dialog--icon--color--primary--hover: var(--digi--color--icons--primary);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_expandable-faq-item.variables.scss

@@ -1,20 +1,20 @@
-@mixin digi-expandable-faq-item--variables() {
-  --digi--expandable-faq-item--header--background-color--primary: var(--digi--color--background--neutral-5);
-  --digi--expandable-faq-item--header--background-color--secondary: var(--digi--color--background--secondary);
-  --digi--expandable-faq-item--header--background-color--tertiary: var(--digi--color--background--primary);
-  --digi--expandable-faq-item--header--toggle-icon--transition: ease-in-out var(--digi--animation--duration--base) all;
-  --digi--expandable-faq-item--content--transition: ease-in-out var(--digi--animation--duration--base) height;
-
-  --digi--expandable-faq-item--icon--size: 0.875rem;
-  --digi--expandable-faq-item--icon--margin-right: var(--digi--margin--medium);
-
-  --digi--expandable-faq-item--header--font-size: var(--digi--typography--preamble--font-size--desktop);
-	--digi--expandable-faq-item--header--font-weight: var(--digi--typography--preamble--font-weight--desktop);
-
-  --digi--expandable-faq-item--border-width: var(--digi--border-width--secondary);
-  --digi--expandable-faq-item--border-bottom-width: var(--digi--border-width--secondary);
-
-  --digi--expandable-faq-item--content--padding: var(--digi--gutter--largest-2);
+@mixin digi-expandable-faq-item--variables() {
+  --digi--expandable-faq-item--header--background-color--primary: var(--digi--color--background--neutral-5);
+  --digi--expandable-faq-item--header--background-color--secondary: var(--digi--color--background--secondary);
+  --digi--expandable-faq-item--header--background-color--tertiary: var(--digi--color--background--primary);
+  --digi--expandable-faq-item--header--toggle-icon--transition: ease-in-out var(--digi--animation--duration--base) all;
+  --digi--expandable-faq-item--content--transition: ease-in-out var(--digi--animation--duration--base) height;
+
+  --digi--expandable-faq-item--icon--size: 0.875rem;
+  --digi--expandable-faq-item--icon--margin-right: var(--digi--margin--medium);
+
+  --digi--expandable-faq-item--header--font-size: var(--digi--typography--preamble--font-size--desktop);
+	--digi--expandable-faq-item--header--font-weight: var(--digi--typography--preamble--font-weight--desktop);
+
+  --digi--expandable-faq-item--border-width: var(--digi--border-width--secondary);
+  --digi--expandable-faq-item--border-bottom-width: var(--digi--border-width--secondary);
+
+  --digi--expandable-faq-item--content--padding: var(--digi--gutter--largest-2);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_footer-card.variables.scss

@@ -1,7 +1,7 @@
-@mixin digi-footer-card--variables {
-  --digi--footer-card--text--color: var(--digi--color--text--inverted);
-  --digi--footer-card--border-bottom: solid var(--digi--border-width--primary) var(--digi--color--border--inverted-3);
-  --digi--footer-card--link--font-weight: var(--digi--typography--link-bold--font-weight--desktop);
+@mixin digi-footer-card--variables {
+  --digi--footer-card--text--color: var(--digi--color--text--inverted);
+  --digi--footer-card--border-bottom: solid var(--digi--border-width--primary) var(--digi--color--border--inverted-3);
+  --digi--footer-card--link--font-weight: var(--digi--typography--link-bold--font-weight--desktop);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_footer.variables.scss

@@ -1,14 +1,14 @@
-@mixin digi-footer--variables {
-  --digi--footer--text--color: var(--digi--color--text--inverted);
-  --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);
-  --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);
-  --digi--footer--link--color--default: var(--digi--color--text--inverted);
-  --digi--footer--link--color--hover: var(--digi--color--text--inverted);
-  --digi--footer--link--border-color--default: var(--digi--color--text--inverted);
-  --digi--footer--link--border-color--hover: var(--digi--color--text--inverted);
-  --digi--footer--padding-top: var(--digi--container-gutter--largest);
-  --digi--footer--margin-top: var(--digi--container-gutter--large);
+@mixin digi-footer--variables {
+  --digi--footer--text--color: var(--digi--color--text--inverted);
+  --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);
+  --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);
+  --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);
+  --digi--footer--link--color--default: var(--digi--color--text--inverted);
+  --digi--footer--link--color--hover: var(--digi--color--text--inverted);
+  --digi--footer--link--border-color--default: var(--digi--color--text--inverted);
+  --digi--footer--link--border-color--hover: var(--digi--color--text--inverted);
+  --digi--footer--padding-top: var(--digi--container-gutter--largest);
+  --digi--footer--margin-top: var(--digi--container-gutter--large);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_form-category-filter.variables.scss

@@ -1,5 +1,5 @@
-@mixin digi-form-category-filter--variables {
-  --digi--form-category-filter--gap: var(--digi--padding--small);
+@mixin digi-form-category-filter--variables {
+  --digi--form-category-filter--gap: var(--digi--padding--small);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_form-checkbox.variables.scss

@@ -1,25 +1,25 @@
-@mixin digi-form-checkbox--variables() {
-	--digi--form-checkbox--border-color: var(--digi--color--border--primary);
-	--digi--form-checkbox--border-color--primary: var(--digi--color--border--checkbox-primary);
-	--digi--form-checkbox--border-color--secondary: var(--digi--color--border--checkbox-secondary);
-	--digi--form-checkbox--border-color--error: var(--digi--color--border--danger);
-	--digi--form-checkbox--border-color--warning: var(--digi--color--border--warning-2);
-	--digi--form-checkbox--box-shadow--error: var(--digi--color--border--danger);
-	--digi--form-checkbox--box-shadow--warning: var(--digi--color--border--warning-2);
-	--digi--form-checkbox--background-color: var(--digi--color--background--primary);
-	--digi--form-checkbox--background-color--primary: var(--digi--color--background--checkbox-primary);
-	--digi--form-checkbox--background-color--secondary: var(--digi--color--background--checkbox-secondary);
-	--digi--form-checkbox--background-color--error: var(--digi--color--background--danger-2);
-	--digi--form-checkbox--background-color--warning: var(--digi--color--background--warning-3);
-	--digi--form-checkbox--label--background-color--hover: var(--digi--color--background--input-empty);
-	--digi--form-checkbox--input--focus--shadow: var(--digi--shadow--input-focus);
-	--digi--form-checkbox--border-width: var(--digi--border-width--primary);
-	--digi--form-checkbox--color--marker: var(--digi--color--background--checkbox-marker);
-	--digi--form-checkbox--size: 1.25rem;
-	--digi--form-checkbox--height: var(--digi--input-height--large);
-	--digi--form-checkbox--border-radius: var(--digi--border-radius--tertiary);
-  --digi--form-checkbox--padding--block: var(--digi--gutter--small);
-	--digi--form-checkbox--padding--inline: var(--digi--gutter--icon);
+@mixin digi-form-checkbox--variables() {
+	--digi--form-checkbox--border-color: var(--digi--color--border--primary);
+	--digi--form-checkbox--border-color--primary: var(--digi--color--border--checkbox-primary);
+	--digi--form-checkbox--border-color--secondary: var(--digi--color--border--checkbox-secondary);
+	--digi--form-checkbox--border-color--error: var(--digi--color--border--danger);
+	--digi--form-checkbox--border-color--warning: var(--digi--color--border--warning-2);
+	--digi--form-checkbox--box-shadow--error: var(--digi--color--border--danger);
+	--digi--form-checkbox--box-shadow--warning: var(--digi--color--border--warning-2);
+	--digi--form-checkbox--background-color: var(--digi--color--background--primary);
+	--digi--form-checkbox--background-color--primary: var(--digi--color--background--checkbox-primary);
+	--digi--form-checkbox--background-color--secondary: var(--digi--color--background--checkbox-secondary);
+	--digi--form-checkbox--background-color--error: var(--digi--color--background--danger-2);
+	--digi--form-checkbox--background-color--warning: var(--digi--color--background--warning-3);
+	--digi--form-checkbox--label--background-color--hover: var(--digi--color--background--input-empty);
+	--digi--form-checkbox--input--focus--shadow: var(--digi--shadow--input-focus);
+	--digi--form-checkbox--border-width: var(--digi--border-width--primary);
+	--digi--form-checkbox--color--marker: var(--digi--color--background--checkbox-marker);
+	--digi--form-checkbox--size: 1.25rem;
+	--digi--form-checkbox--height: var(--digi--input-height--large);
+	--digi--form-checkbox--border-radius: var(--digi--border-radius--tertiary);
+  --digi--form-checkbox--padding--block: var(--digi--gutter--small);
+	--digi--form-checkbox--padding--inline: var(--digi--gutter--icon);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_form-error-list.variables.scss

@@ -1,9 +1,9 @@
-@mixin digi-form-error-list--variables {
-	--digi--form-error-list--list--padding: var(--digi--gutter--smaller) 0 0 0;
-	--digi--form-error-list--list--margin: 0;
-
-	--digi--form-error-list--item--padding: var(--digi--padding--smaller) 0 0 0;
-	--digi--form-error-list--item--margin: 0;
+@mixin digi-form-error-list--variables {
+	--digi--form-error-list--list--padding: var(--digi--gutter--smaller) 0 0 0;
+	--digi--form-error-list--list--margin: 0;
+
+	--digi--form-error-list--item--padding: var(--digi--padding--smaller) 0 0 0;
+	--digi--form-error-list--item--margin: 0;
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_form-fieldset.variables.scss

@@ -1,12 +1,12 @@
-@mixin digi-form-fieldset--variables() {
-	--digi--form-fieldset--padding: 0;
-	--digi--form-fieldset--border: none;
-
-	--digi--form-fieldset--legend--font-weight: var(--digi--typography--description--font-weight--desktop);
-	--digi--form-fieldset--legend--font-family: var(--digi--global--typography--font-family--default);
-	--digi--form-fieldset--legend--font-size: var(--digi--typography--description--font-size--desktop);
-	--digi--form-fieldset--legend--color: var(--digi--color--text--primary);
-	--digi--form-fieldset--legend--margin: var(--digi--margin--h2-large);
+@mixin digi-form-fieldset--variables() {
+	--digi--form-fieldset--padding: 0;
+	--digi--form-fieldset--border: none;
+
+	--digi--form-fieldset--legend--font-weight: var(--digi--typography--description--font-weight--desktop);
+	--digi--form-fieldset--legend--font-family: var(--digi--global--typography--font-family--default);
+	--digi--form-fieldset--legend--font-size: var(--digi--typography--description--font-size--desktop);
+	--digi--form-fieldset--legend--color: var(--digi--color--text--primary);
+	--digi--form-fieldset--legend--margin: var(--digi--margin--h2-large);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_form-input-search.variables.scss

@@ -1,5 +1,5 @@
-@mixin digi-form-input-search--variables {
-	--digi--form-input-search--input--border-radius--default: var(--digi--border-radius--input-search);
+@mixin digi-form-input-search--variables {
+	--digi--form-input-search--input--border-radius--default: var(--digi--border-radius--input-search);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_form-radiobutton.variables.scss

@@ -1,24 +1,24 @@
-@mixin digi-form-radiobutton--variables() {
-	--digi--form-radiobutton--border-color: var(--digi--color--border--primary);
-	--digi--form-radiobutton--border-color--primary: var(--digi--color--border--radio-primary);
-	--digi--form-radiobutton--border-color--secondary: var(--digi--color--border--radio-secondary);
-	--digi--form-radiobutton--border-color--error: var(--digi--color--border--danger);
-	--digi--form-radiobutton--box-shadow--error: var(--digi--color--border--danger);
-	--digi--form-radiobutton--background-color: var(--digi--color--background--primary);
-	--digi--form-radiobutton--background-color--primary: var(--digi--color--background--radio-primary);
-	--digi--form-radiobutton--background-color--secondary: var(--digi--color--background--radio-secondary);
-	--digi--form-radiobutton--background-color--error: var(--digi--color--background--danger-2);
-	--digi--form-radiobutton--label--background-color--hover: var(--digi--color--background--input-empty);
-	--digi--form-radiobutton--input--focus--shadow: var(--digi--shadow--input-focus);
-	--digi--form-radiobutton--border-width: var(--digi--border-width--primary);
-	--digi--form-radiobutton--color--marker: var(--digi--color--background--radio-marker);
-	--digi--form-radiobutton--size: 1.25rem;
-	--digi--form-radiobutton--marker--size: calc(var(--digi--typography--input--font-size--desktop-large) * 0.4);
-	--digi--form-radiobutton--height: var(--digi--input-height--large);
-	--digi--form-radiobutton--border-radius: var(--digi--border-radius--primary);
-	--digi--form-radiobutton--padding: var(--digi--gutter--icon);
-  --digi--form-radiobutton--padding--block: var(--digi--gutter--small);
-	--digi--form-radiobutton--padding--inline: var(--digi--gutter--icon);
+@mixin digi-form-radiobutton--variables() {
+	--digi--form-radiobutton--border-color: var(--digi--color--border--primary);
+	--digi--form-radiobutton--border-color--primary: var(--digi--color--border--radio-primary);
+	--digi--form-radiobutton--border-color--secondary: var(--digi--color--border--radio-secondary);
+	--digi--form-radiobutton--border-color--error: var(--digi--color--border--danger);
+	--digi--form-radiobutton--box-shadow--error: var(--digi--color--border--danger);
+	--digi--form-radiobutton--background-color: var(--digi--color--background--primary);
+	--digi--form-radiobutton--background-color--primary: var(--digi--color--background--radio-primary);
+	--digi--form-radiobutton--background-color--secondary: var(--digi--color--background--radio-secondary);
+	--digi--form-radiobutton--background-color--error: var(--digi--color--background--danger-2);
+	--digi--form-radiobutton--label--background-color--hover: var(--digi--color--background--input-empty);
+	--digi--form-radiobutton--input--focus--shadow: var(--digi--shadow--input-focus);
+	--digi--form-radiobutton--border-width: var(--digi--border-width--primary);
+	--digi--form-radiobutton--color--marker: var(--digi--color--background--radio-marker);
+	--digi--form-radiobutton--size: 1.25rem;
+	--digi--form-radiobutton--marker--size: calc(var(--digi--typography--input--font-size--desktop-large) * 0.4);
+	--digi--form-radiobutton--height: var(--digi--input-height--large);
+	--digi--form-radiobutton--border-radius: var(--digi--border-radius--primary);
+	--digi--form-radiobutton--padding: var(--digi--gutter--icon);
+  --digi--form-radiobutton--padding--block: var(--digi--gutter--small);
+	--digi--form-radiobutton--padding--inline: var(--digi--gutter--icon);
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_form-radiogroup.variables.scss

@@ -1,4 +1,4 @@
-@mixin digi-form-radiogroup--variables {
+@mixin digi-form-radiogroup--variables {
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_form-textarea.variables.scss

@@ -1,23 +1,23 @@
-@mixin digi-form-textarea--variables() {
-	--digi--form-textarea--height--small: 4.6875rem;
-	--digi--form-textarea--height--medium: 8.4375rem;
-	--digi--form-textarea--height--large: 10.3125rem;
-	--digi--form-textarea--height--auto: auto;
-	--digi--form-textarea--border-radius: var(--digi--border-radius--input);
-	--digi--form-textarea--padding: calc(var(--digi--gutter--medium) / 2) var(--digi--gutter--medium);
-	--digi--form-textarea--background--empty: var(--digi--color--background--input-empty);
-	--digi--form-textarea--background--neutral: var(--digi--color--background--input);
-	--digi--form-textarea--background--success: var(--digi--color--background--success-2);
-	--digi--form-textarea--background--warning: var(--digi--color--background--warning-2);
-	--digi--form-textarea--background--error: var(--digi--color--background--danger-2);
-	--digi--form-textarea--border--neutral: var(--digi--border-width--input-regular) solid;
-	--digi--form-textarea--border--error: var(--digi--border-width--input-validation) solid;
-	--digi--form-textarea--border--success: var(--digi--border-width--input-validation) solid;
-	--digi--form-textarea--border--warning: var(--digi--border-width--input-validation) solid;
-	--digi--form-textarea--border-color--neutral: var(--digi--color--border--neutral-3);
-	--digi--form-textarea--border-color--success: var(--digi--color--border--success);
-	--digi--form-textarea--border-color--warning: var(--digi--color--border--warning-2);
-	--digi--form-textarea--border-color--error: var(--digi--color--border--danger);
+@mixin digi-form-textarea--variables() {
+	--digi--form-textarea--height--small: 4.6875rem;
+	--digi--form-textarea--height--medium: 8.4375rem;
+	--digi--form-textarea--height--large: 10.3125rem;
+	--digi--form-textarea--height--auto: auto;
+	--digi--form-textarea--border-radius: var(--digi--border-radius--input);
+	--digi--form-textarea--padding: calc(var(--digi--gutter--medium) / 2) var(--digi--gutter--medium);
+	--digi--form-textarea--background--empty: var(--digi--color--background--input-empty);
+	--digi--form-textarea--background--neutral: var(--digi--color--background--input);
+	--digi--form-textarea--background--success: var(--digi--color--background--success-2);
+	--digi--form-textarea--background--warning: var(--digi--color--background--warning-2);
+	--digi--form-textarea--background--error: var(--digi--color--background--danger-2);
+	--digi--form-textarea--border--neutral: var(--digi--border-width--input-regular) solid;
+	--digi--form-textarea--border--error: var(--digi--border-width--input-validation) solid;
+	--digi--form-textarea--border--success: var(--digi--border-width--input-validation) solid;
+	--digi--form-textarea--border--warning: var(--digi--border-width--input-validation) solid;
+	--digi--form-textarea--border-color--neutral: var(--digi--color--border--neutral-3);
+	--digi--form-textarea--border-color--success: var(--digi--color--border--success);
+	--digi--form-textarea--border-color--warning: var(--digi--color--border--warning-2);
+	--digi--form-textarea--border-color--error: var(--digi--color--border--danger);
 }
 
 /** Do not touch! Autogenerated