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

package/dist/digi-arbetsformedlingen/design-tokens/components/_quote-quote-multi-container.variables.scss

@@ -1,4 +1,4 @@
-@mixin digi-quote-quote-multi-container--variables {
+@mixin digi-quote-quote-multi-container--variables {
 }
 
 /** Do not touch! Autogenerated 

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

@@ -1,9 +1,9 @@
-@mixin digi-quote-single--variables() {
-  --digi--quote-single--background--primary: var(--digi--color--background--neutral-5);
-	--digi--quote-single--background--secondary: var(--digi--color--background--secondary);
-	--digi--quote-single--background--tertiary: var(--digi--color--background--primary);
-  //--digi--quote-single--border--color: var(--digi--color--border--secondary);
- 
+@mixin digi-quote-single--variables() {
+  --digi--quote-single--background--primary: var(--digi--color--background--neutral-5);
+	--digi--quote-single--background--secondary: var(--digi--color--background--secondary);
+	--digi--quote-single--background--tertiary: var(--digi--color--background--primary);
+  //--digi--quote-single--border--color: var(--digi--color--border--secondary);
+ 
 }
 
 /** Do not touch! Autogenerated 

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

@@ -1,16 +1,16 @@
-@mixin digi-tag-media--variables {
-
-  --digi--tag-media--background-color: var(--digi--color--background--inverted-3);
-  --digi--tag-media--color--icon: var(--digi--color--text--inverted);
-  --digi--tag-media--width--icon: var(--digi--typography--body--font-size--desktop-large);
-  --digi--tag-media--color--text: var(--digi--color--text--inverted);
-  --digi--tag-media--text--font-weight: var(--digi--typography--description--font-weight--desktop);
-  --digi--tag-media--text--font-size: var(--digi--typography--tag--font-size--desktop);
-  --digi--tag-media--border-radius: var(--digi--global--border-radius--base);
-  --digi--tag-media--padding: 0 var(--digi--gutter--small);
-  --digi--tag-media--margin: var(--digi--gutter--small);
-  --digi--tag-media--height: 1.875rem;
-
+@mixin digi-tag-media--variables {
+
+  --digi--tag-media--background-color: var(--digi--color--background--inverted-3);
+  --digi--tag-media--color--icon: var(--digi--color--text--inverted);
+  --digi--tag-media--width--icon: var(--digi--typography--body--font-size--desktop-large);
+  --digi--tag-media--color--text: var(--digi--color--text--inverted);
+  --digi--tag-media--text--font-weight: var(--digi--typography--description--font-weight--desktop);
+  --digi--tag-media--text--font-size: var(--digi--typography--tag--font-size--desktop);
+  --digi--tag-media--border-radius: var(--digi--global--border-radius--base);
+  --digi--tag-media--padding: 0 var(--digi--gutter--small);
+  --digi--tag-media--margin: var(--digi--gutter--small);
+  --digi--tag-media--height: 1.875rem;
+
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/design-tokens/components/_tools-feedback-rating.variables.scss

@@ -1,4 +1,4 @@
-@mixin digi-tools-feedback-rating--variables {
+@mixin digi-tools-feedback-rating--variables {
 }
 
 /** Do not touch! Autogenerated 

package/dist/digi-arbetsformedlingen/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/digi-arbetsformedlingen/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/digi-arbetsformedlingen/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designsystem-se/af",
   "author": "Arbetsförmedlingen",
-  "version": "31.3.0",
+  "version": "31.3.1-beta.0",
   "description": "Web Components for Digi Designsystem",
   "license": "Apache-2.0",
   "main": "./dist/index.cjs.js",