@designsystem-se/af 35.0.1 → 35.1.0

package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json

@@ -671,30 +671,6 @@
     "digiRecursiveValue": "#AAF5AB",
     "digiValue": "brand-cta-hover--secondary"
   },
-  "background--interactive--selected--primary": {
-    "name": "Background/Interactive/selected/primary",
-    "id": "VariableID:13836:2",
-    "remote": false,
-    "key": "7107fd7600cc394052436d03f249d0acf794da1c",
-    "variableCollectionId": "VariableCollectionId:13447:2",
-    "resolvedType": "COLOR",
-    "description": "Selected-utseende för kryssrutor, radioknappar, kalendern.",
-    "hiddenFromPublishing": false,
-    "valuesByMode": {
-      "13447:0": {
-        "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13385:39"
-      }
-    },
-    "scopes": [
-      "FRAME_FILL"
-    ],
-    "codeSyntax": {},
-    "digiName": "background--interactive--selected--primary",
-    "digiCSSVariable": "--digi--color--background--interactive--selected--primary",
-    "digiRecursiveValue": "#009322",
-    "digiValue": "sentiment--success--500"
-  },
   "background--sentiment--error--primary": {
     "name": "Background/Sentiment/error/primary",
     "id": "VariableID:13836:7",
@@ -745,6 +721,30 @@
     "digiRecursiveValue": "#5C5C5C",
     "digiValue": "grayscale--800"
   },
+  "background--interactive--selected--primary": {
+    "name": "Background/Interactive/selected/primary",
+    "id": "VariableID:13836:2",
+    "remote": false,
+    "key": "7107fd7600cc394052436d03f249d0acf794da1c",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Selected-utseende för kryssrutor, radioknappar, kalendern.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--selected--primary",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--primary",
+    "digiRecursiveValue": "#008A20",
+    "digiValue": "sentiment--success--500"
+  },
   "background--sentiment--error--secondary": {
     "name": "Background/Sentiment/error/secondary",
     "id": "VariableID:13916:1760",
@@ -838,7 +838,7 @@
     "codeSyntax": {},
     "digiName": "background--sentiment--success--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--success--primary",
-    "digiRecursiveValue": "#009322",
+    "digiRecursiveValue": "#008A20",
     "digiValue": "sentiment--success--500"
   },
   "background--sentiment--success--secondary": {
@@ -1006,7 +1006,7 @@
     "codeSyntax": {},
     "digiName": "background--sentiment--info--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--info--primary",
-    "digiRecursiveValue": "#0000FF",
+    "digiRecursiveValue": "#0A4DD1",
     "digiValue": "sentiment--informative--500"
   },
   "background--sentiment--info--secondary": {
@@ -1294,7 +1294,7 @@
     "codeSyntax": {},
     "digiName": "border--interactive--validation--success",
     "digiCSSVariable": "--digi--color--border--interactive--validation--success",
-    "digiRecursiveValue": "#009322",
+    "digiRecursiveValue": "#008A20",
     "digiValue": "sentiment--success--500"
   },
   "border--interactive--validation--warning": {
@@ -1368,7 +1368,7 @@
     },
     "digiName": "border--interactive--selected--primary",
     "digiCSSVariable": "--digi--color--border--interactive--selected--primary",
-    "digiRecursiveValue": "#009322",
+    "digiRecursiveValue": "#008A20",
     "digiValue": "sentiment--success--500"
   },
   "border--interactive--selected--secondary": {
@@ -1440,7 +1440,7 @@
     "codeSyntax": {},
     "digiName": "border--sentiment--success",
     "digiCSSVariable": "--digi--color--border--sentiment--success",
-    "digiRecursiveValue": "#009322",
+    "digiRecursiveValue": "#008A20",
     "digiValue": "sentiment--success--500"
   },
   "border--sentiment--warning": {
@@ -1488,7 +1488,7 @@
     "codeSyntax": {},
     "digiName": "border--sentiment--info",
     "digiCSSVariable": "--digi--color--border--sentiment--info",
-    "digiRecursiveValue": "#0000FF",
+    "digiRecursiveValue": "#0A4DD1",
     "digiValue": "sentiment--informative--500"
   },
   "border--accent--primary": {
@@ -1690,7 +1690,7 @@
     "codeSyntax": {},
     "digiName": "marking--indication--primary",
     "digiCSSVariable": "--digi--color--marking--indication--primary",
-    "digiRecursiveValue": "#009322",
+    "digiRecursiveValue": "#008A20",
     "digiValue": "sentiment--success--500"
   },
   "marking--indication--secondary": {
@@ -1745,30 +1745,6 @@
     "digiRecursiveValue": "#757575",
     "digiValue": "grayscale--700"
   },
-  "background--interactive--selected--on-menu-minus-button": {
-    "name": "Background/Interactive/selected/on-menu-minus-button",
-    "id": "VariableID:13903:3",
-    "remote": false,
-    "key": "8abd093bf4039b1bff52da8b9329fee952038d75",
-    "variableCollectionId": "VariableCollectionId:13447:2",
-    "resolvedType": "COLOR",
-    "description": "Används i vertikalmeny sekundärvariant på expanderat menyalternativ.",
-    "hiddenFromPublishing": false,
-    "valuesByMode": {
-      "13447:0": {
-        "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13461:3"
-      }
-    },
-    "scopes": [
-      "FRAME_FILL"
-    ],
-    "codeSyntax": {},
-    "digiName": "background--interactive--selected--on-menu-minus-button",
-    "digiCSSVariable": "--digi--color--background--interactive--selected--on-menu-minus-button",
-    "digiRecursiveValue": "#DDF4DD",
-    "digiValue": "brand-secondary--nuance-2"
-  },
   "icon--primary": {
     "name": "Icon/primary",
     "id": "VariableID:13650:2071",
@@ -1814,34 +1790,32 @@
     "codeSyntax": {},
     "digiName": "icon--validation--success",
     "digiCSSVariable": "--digi--color--icon--validation--success",
-    "digiRecursiveValue": "#009322",
+    "digiRecursiveValue": "#008A20",
     "digiValue": "sentiment--success--500"
   },
-  "divider--secondary": {
-    "name": "Divider/secondary",
-    "id": "VariableID:14128:613",
+  "background--interactive--selected--on-menu-minus-button": {
+    "name": "Background/Interactive/selected/on-menu-minus-button",
+    "id": "VariableID:13903:3",
     "remote": false,
-    "key": "fe7c8ba4102566f25acd415adebe629c7bb7e9a1",
+    "key": "8abd093bf4039b1bff52da8b9329fee952038d75",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Sekundär färg för divider som är subtilare än primär.",
+    "description": "Används i vertikalmeny sekundärvariant på expanderat menyalternativ.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13386:36"
+        "id": "VariableID:13461:3"
       }
     },
     "scopes": [
-      "FRAME_FILL",
-      "SHAPE_FILL",
-      "STROKE_COLOR"
+      "FRAME_FILL"
     ],
     "codeSyntax": {},
-    "digiName": "divider--secondary",
-    "digiCSSVariable": "--digi--color--divider--secondary",
-    "digiRecursiveValue": "#EDEDED",
-    "digiValue": "grayscale--200"
+    "digiName": "background--interactive--selected--on-menu-minus-button",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--on-menu-minus-button",
+    "digiRecursiveValue": "#DDF4DD",
+    "digiValue": "brand-secondary--nuance-2"
   },
   "icon--validation--warning": {
     "name": "Icon/Validation/warning",
@@ -1867,6 +1841,32 @@
     "digiRecursiveValue": "#FFE200",
     "digiValue": "sentiment--warning--500"
   },
+  "divider--secondary": {
+    "name": "Divider/secondary",
+    "id": "VariableID:14128:613",
+    "remote": false,
+    "key": "fe7c8ba4102566f25acd415adebe629c7bb7e9a1",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Sekundär färg för divider som är subtilare än primär.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:36"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "divider--secondary",
+    "digiCSSVariable": "--digi--color--divider--secondary",
+    "digiRecursiveValue": "#EDEDED",
+    "digiValue": "grayscale--200"
+  },
   "divider--tertiary": {
     "name": "Divider/tertiary",
     "id": "VariableID:14227:3558",
@@ -1919,30 +1919,6 @@
     "digiRecursiveValue": "#ABDEF7",
     "digiValue": "brand-primary--nuance-1"
   },
-  "icon--primary": {
-    "name": "Icon/primary",
-    "id": "VariableID:13650:2071",
-    "remote": false,
-    "key": "7bfa06a68ce257b5383e4980aa38749f7ba016d0",
-    "variableCollectionId": "VariableCollectionId:13447:2",
-    "resolvedType": "COLOR",
-    "description": "Förstahandsval för ikoner som ligger på ljus bakgrund.",
-    "hiddenFromPublishing": false,
-    "valuesByMode": {
-      "13447:0": {
-        "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13386:37"
-      }
-    },
-    "scopes": [
-      "ALL_SCOPES"
-    ],
-    "codeSyntax": {},
-    "digiName": "icon--primary",
-    "digiCSSVariable": "--digi--color--icon--primary",
-    "digiRecursiveValue": "#333333",
-    "digiValue": "grayscale--900"
-  },
   "icon--validation--error": {
     "name": "Icon/Validation/error",
     "id": "VariableID:13650:1357",
@@ -1993,7 +1969,6 @@
     "digiRecursiveValue": "#1616B2",
     "digiValue": "brand-link--default"
   },
-
   "icon--secondary": {
     "name": "Icon/secondary",
     "id": "VariableID:13650:2070",
@@ -2186,53 +2161,53 @@
     "digiRecursiveValue": "#FDEDED",
     "digiValue": "sentiment--error--200"
   },
-  "background--sentiment--beta--primary": {
-    "name": "Background/Sentiment/beta/primary",
-    "id": "VariableID:13916:1770",
+  "background--sentiment--neutral--secondary": {
+    "name": "Background/Sentiment/neutral/secondary",
+    "id": "VariableID:13916:1762",
     "remote": false,
-    "key": "8acdef77d07c5a63400aa1026ef6c06a0506454e",
+    "key": "1c0d36c2690749b5b45e19c00634eedd577573c0",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Bakgrundsfärg som används för statusindikatorer av varianten “beta”.",
+    "description": "Neutral bakgrundsfärg som används i statusindikatorer av sekundär variant.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13367:25"
+        "id": "VariableID:13386:35"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
     "codeSyntax": {},
-    "digiName": "background--sentiment--beta--primary",
-    "digiCSSVariable": "--digi--color--background--sentiment--beta--primary",
-    "digiRecursiveValue": "#CE1CBD",
-    "digiValue": "brand-complementary--secondary"
+    "digiName": "background--sentiment--neutral--secondary",
+    "digiCSSVariable": "--digi--color--background--sentiment--neutral--secondary",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiValue": "grayscale--400"
   },
-  "background--sentiment--neutral--secondary": {
-    "name": "Background/Sentiment/neutral/secondary",
-    "id": "VariableID:13916:1762",
+  "background--sentiment--beta--primary": {
+    "name": "Background/Sentiment/beta/primary",
+    "id": "VariableID:13916:1770",
     "remote": false,
-    "key": "1c0d36c2690749b5b45e19c00634eedd577573c0",
+    "key": "8acdef77d07c5a63400aa1026ef6c06a0506454e",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Neutral bakgrundsfärg som används i statusindikatorer av sekundär variant.",
+    "description": "Bakgrundsfärg som används för statusindikatorer av varianten “beta”.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13386:35"
+        "id": "VariableID:13367:25"
       }
     },
     "scopes": [
       "FRAME_FILL"
     ],
     "codeSyntax": {},
-    "digiName": "background--sentiment--neutral--secondary",
-    "digiCSSVariable": "--digi--color--background--sentiment--neutral--secondary",
-    "digiRecursiveValue": "#DDDDDD",
-    "digiValue": "grayscale--400"
+    "digiName": "background--sentiment--beta--primary",
+    "digiCSSVariable": "--digi--color--background--sentiment--beta--primary",
+    "digiRecursiveValue": "#CE1CBD",
+    "digiValue": "brand-complementary--secondary"
   },
   "background--sentiment--beta--secondary": {
     "name": "Background/Sentiment/beta/secondary",
@@ -2380,53 +2355,53 @@
     "digiRecursiveValue": "#333333",
     "digiValue": "grayscale--900"
   },
-  "infographic--background": {
-    "name": "Infographic/Background",
-    "id": "VariableID:16588:11013",
+  "infographic--brand--primary": {
+    "name": "Infographic/Brand/Primary",
+    "id": "VariableID:16588:3944",
     "remote": false,
-    "key": "e738249ea2e120f7948725e2d7a3ec4eadca2107",
+    "key": "bbc9f09691a4949f0395c1fd1adcd86bae1a89ef",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "",
+    "description": "Används som primär färg för infografik.",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:13367:15"
+        "id": "VariableID:17212:928"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
     "codeSyntax": {},
-    "digiName": "infographic--background",
-    "digiCSSVariable": "--digi--color--infographic--background",
-    "digiRecursiveValue": "#FFFFFF",
-    "digiValue": "grayscale--0"
+    "digiName": "infographic--brand--primary",
+    "digiCSSVariable": "--digi--color--infographic--brand--primary",
+    "digiRecursiveValue": "#02A704",
+    "digiValue": "infographics--primary"
   },
-  "infographic--brand--primary": {
-    "name": "Infographic/Brand/Primary",
-    "id": "VariableID:16588:3944",
+  "infographic--background": {
+    "name": "Infographic/Background",
+    "id": "VariableID:16588:11013",
     "remote": false,
-    "key": "bbc9f09691a4949f0395c1fd1adcd86bae1a89ef",
+    "key": "e738249ea2e120f7948725e2d7a3ec4eadca2107",
     "variableCollectionId": "VariableCollectionId:13447:2",
     "resolvedType": "COLOR",
-    "description": "Används som primär färg för infografik.",
+    "description": "",
     "hiddenFromPublishing": false,
     "valuesByMode": {
       "13447:0": {
         "type": "VARIABLE_ALIAS",
-        "id": "VariableID:17212:928"
+        "id": "VariableID:13367:15"
       }
     },
     "scopes": [
       "ALL_SCOPES"
     ],
     "codeSyntax": {},
-    "digiName": "infographic--brand--primary",
-    "digiCSSVariable": "--digi--color--infographic--brand--primary",
-    "digiRecursiveValue": "#02A704",
-    "digiValue": "infographics--primary"
+    "digiName": "infographic--background",
+    "digiCSSVariable": "--digi--color--infographic--background",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
   },
   "infographic--brand--primary-alt": {
     "name": "Infographic/Brand/Primary-alt",
@@ -2800,31 +2775,6 @@
     "digiRecursiveValue": "#000000",
     "digiCSSVariable": "--digi--grayscale--1000"
   },
-  "sentiment--informative--500": {
-    "name": "Sentiment/Informative/500",
-    "id": "VariableID:13385:85",
-    "remote": false,
-    "key": "d334ebd2e6438f1bfd00d5aa82fe55870bf319fd",
-    "variableCollectionId": "VariableCollectionId:13367:14",
-    "resolvedType": "COLOR",
-    "description": "",
-    "hiddenFromPublishing": true,
-    "valuesByMode": {
-      "13367:3": {
-        "r": 0,
-        "g": 0,
-        "b": 1,
-        "a": 1
-      }
-    },
-    "scopes": [
-      "ALL_SCOPES"
-    ],
-    "codeSyntax": {},
-    "digiName": "sentiment--informative--500",
-    "digiRecursiveValue": "#0000FF",
-    "digiCSSVariable": "--digi--sentiment--informative--500"
-  },
   "sentiment--informative--200": {
     "name": "Sentiment/Informative/200",
     "id": "VariableID:13385:86",
@@ -2875,6 +2825,31 @@
     "digiRecursiveValue": "#0058A3",
     "digiCSSVariable": "--digi--sentiment--informative--700"
   },
+  "sentiment--informative--500": {
+    "name": "Sentiment/Informative/500",
+    "id": "VariableID:13385:85",
+    "remote": false,
+    "key": "d334ebd2e6438f1bfd00d5aa82fe55870bf319fd",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.03921568766236305,
+        "g": 0.3019607961177826,
+        "b": 0.8196078538894653,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--informative--500",
+    "digiRecursiveValue": "#0A4DD1",
+    "digiCSSVariable": "--digi--sentiment--informative--500"
+  },
   "sentiment--error--200": {
     "name": "Sentiment/Error/200",
     "id": "VariableID:13385:51",
@@ -2987,8 +2962,8 @@
     "valuesByMode": {
       "13367:3": {
         "r": 0,
-        "g": 0.5764706134796143,
-        "b": 0.13333334028720856,
+        "g": 0.5411764979362488,
+        "b": 0.125490203499794,
         "a": 1
       }
     },
@@ -2997,7 +2972,7 @@
     ],
     "codeSyntax": {},
     "digiName": "sentiment--success--500",
-    "digiRecursiveValue": "#009322",
+    "digiRecursiveValue": "#008A20",
     "digiCSSVariable": "--digi--sentiment--success--500"
   },
   "sentiment--success--700": {
@@ -3172,7 +3147,7 @@
     ],
     "codeSyntax": {},
     "digiName": "misc--transparent",
-    "digiRecursiveValue": "#FFFFFF00",
+    "digiRecursiveValue": "#FFFFFF",
     "digiCSSVariable": "--digi--misc--transparent"
   }
 }

package/dist/esm/{code-example-variation.enum-e9f9fced.js → code-example-variation.enum-e656d235.js}

@@ -1,3 +1,9 @@
+var ButtonSize;
+(function (ButtonSize) {
+    ButtonSize["SMALL"] = "small";
+    ButtonSize["MEDIUM"] = "medium";
+})(ButtonSize || (ButtonSize = {}));
+
 var CodeBlockVariation;
 (function (CodeBlockVariation) {
     CodeBlockVariation["LIGHT"] = "light";
@@ -24,4 +30,4 @@ var CodeExampleVariation;
     CodeExampleVariation["DARK"] = "dark";
 })(CodeExampleVariation || (CodeExampleVariation = {}));
 
-export { CodeBlockVariation as C, CodeExampleLanguage as a, CodeExampleVariation as b };
+export { ButtonSize as B, CodeBlockVariation as C, CodeExampleLanguage as a, CodeExampleVariation as b };