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

package/dist/collection/components/_form/form-receipt/check-icon.svg

@@ -1,22 +1,22 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg class="digi-form-receipt__icon" aria-hidden="true" version="1.1" viewBox="0 0 35 29">
-  <title>Check mark</title>
-  <g fill="none" fill-rule="evenodd">
-    <g transform="translate(-170 -32)">
-      <g transform="translate(170 32.325)">
-        <g transform="translate(0 .77495)">
-          <mask id="b" fill="white">
-            <polygon points="0 0 26.685 0 26.685 27.689 0 27.689"/>
-          </mask>
-          <path d="m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556" fill="#333" mask="url(#b)"/>
-        </g>
-        <g transform="translate(4.2177)">
-          <mask id="a" fill="white">
-            <polygon points="0 0 30.425 0 30.425 23.496 0 23.496"/>
-          </mask>
-          <path d="m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324" fill="#95C13E" mask="url(#a)"/>
-        </g>
-      </g>
-    </g>
-  </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg class="digi-form-receipt__icon" aria-hidden="true" version="1.1" viewBox="0 0 35 29">
+  <title>Check mark</title>
+  <g fill="none" fill-rule="evenodd">
+    <g transform="translate(-170 -32)">
+      <g transform="translate(170 32.325)">
+        <g transform="translate(0 .77495)">
+          <mask id="b" fill="white">
+            <polygon points="0 0 26.685 0 26.685 27.689 0 27.689"/>
+          </mask>
+          <path d="m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556" fill="#333" mask="url(#b)"/>
+        </g>
+        <g transform="translate(4.2177)">
+          <mask id="a" fill="white">
+            <polygon points="0 0 30.425 0 30.425 23.496 0 23.496"/>
+          </mask>
+          <path d="m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324" fill="#95C13E" mask="url(#a)"/>
+        </g>
+      </g>
+    </g>
+  </g>
 </svg>

package/dist/collection/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/collection/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/collection/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/collection/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/collection/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/collection/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/collection/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/collection/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/collection/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/collection/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/collection/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/collection/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/collection/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/collection/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/collection/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 

package/dist/collection/design-tokens/components/_header-avatar.variables.scss

@@ -1,9 +1,9 @@
-@mixin digi-header-avatar--variables(){
-  --digi--header-avatar--margin: var(--digi--gutter--medium);
-  --digi--header-avatar--font-family: var(--digi--global--typography--font-family--default);
-  --digi--header-avatar--font-size: var(--digi--typography--label--font-size--desktop);
-  --digi--header-avatar--line-height: var(--digi--typography--label--line-height--desktop);
-  --digi--header-avatar--color: var(--digi--color--text--primary);
+@mixin digi-header-avatar--variables(){
+  --digi--header-avatar--margin: var(--digi--gutter--medium);
+  --digi--header-avatar--font-family: var(--digi--global--typography--font-family--default);
+  --digi--header-avatar--font-size: var(--digi--typography--label--font-size--desktop);
+  --digi--header-avatar--line-height: var(--digi--typography--label--line-height--desktop);
+  --digi--header-avatar--color: var(--digi--color--text--primary);
 }
 
 /** Do not touch! Autogenerated 

package/dist/collection/design-tokens/components/_header-navigation.variables.scss

@@ -1,7 +1,7 @@
-@mixin digi-header--variables() {
-  --digi--header--border-color: var(--digi--color--border--neutral-4);
-  --digi--header--close-button--padding: var(--digi--padding--smaller);
-  --digi--header--backdrop--background-color: rgba(0, 0, 0, 0.7);
+@mixin digi-header--variables() {
+  --digi--header--border-color: var(--digi--color--border--neutral-4);
+  --digi--header--close-button--padding: var(--digi--padding--smaller);
+  --digi--header--backdrop--background-color: rgba(0, 0, 0, 0.7);
 }
 
 /** Do not touch! Autogenerated 

package/dist/collection/design-tokens/components/_header-notification.variables.scss

@@ -1,9 +1,9 @@
-@mixin header-notification--variables() {
-  --digi--header-notification--font-family: var(--digi--global--typography--font-family--default);
-  --digi--header-notification--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--header-notification--color: var(--digi--color--text--primary);
-  --digi--header-notification--color-hover: var(--digi--color--text--link);
-  --digi--header-notification--color-active: var(--digi--color--text--link);
+@mixin header-notification--variables() {
+  --digi--header-notification--font-family: var(--digi--global--typography--font-family--default);
+  --digi--header-notification--font-size: var(--digi--typography--body--font-size--desktop);
+  --digi--header-notification--color: var(--digi--color--text--primary);
+  --digi--header-notification--color-hover: var(--digi--color--text--link);
+  --digi--header-notification--color-active: var(--digi--color--text--link);
 }
 
 /** Do not touch! Autogenerated 

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

@@ -1,10 +1,10 @@
-@mixin digi-header--variables() {
-  --digi--header--padding: var(--digi--padding--large);
-  --digi--header--border-width: var(--digi--border-width--primary);
-  --digi--header--border-color: var(--digi--color--border--neutral-2);
-  --digi--header--padding-right: var(--digi--padding--medium);
-  --digi--header--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--header--font-weight: var(--digi--typography--title-logo--font-weight--desktop);
+@mixin digi-header--variables() {
+  --digi--header--padding: var(--digi--padding--large);
+  --digi--header--border-width: var(--digi--border-width--primary);
+  --digi--header--border-color: var(--digi--color--border--neutral-2);
+  --digi--header--padding-right: var(--digi--padding--medium);
+  --digi--header--font-size: var(--digi--typography--body--font-size--desktop);
+  --digi--header--font-weight: var(--digi--typography--title-logo--font-weight--desktop);
 }
 
 /** Do not touch! Autogenerated 

package/dist/collection/design-tokens/components/_icon-chart.variables.scss

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

package/dist/collection/design-tokens/components/_icon-move.variables.scss

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

package/dist/collection/design-tokens/components/_icon-share-chain.variables.scss

@@ -1,4 +1,4 @@
-@mixin digi-icon-share-chain--variables {
+@mixin digi-icon-share-chain--variables {
 }
 
 /** Do not touch! Autogenerated 

package/dist/collection/design-tokens/components/_icon-table-column.variables.scss

@@ -1,4 +1,4 @@
-@mixin digi-icon-table-column--variables {
+@mixin digi-icon-table-column--variables {
 }
 
 /** Do not touch! Autogenerated