@designsystem-se/af 34.0.3 → 34.0.4-beta.0

package/dist/digi-arbetsformedlingen/p-fa19e2ba.entry.js

@@ -0,0 +1 @@
+import{r as i,h as t}from"./p-f1de4bf6.js";import{r as c}from"./p-ffe5c0e8.js";const a=class{constructor(t){i(this,t),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=c("icontitle")}render(){return t("svg",{key:"077b791c613e3fba3eb459e89d37c03d3d69fdd4",class:"digi-icon-chat",width:"75",height:"59",viewBox:"0 0 75 59","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0,xmlns:"http://www.w3.org/2000/svg"},this.afTitle&&t("title",{key:"3b59a97f6fce8277e6f25f98fa41e2aa9aa8333a",id:this.titleId},this.afTitle),this.afDesc&&t("desc",{key:"02b539c1c703accb0372bbfd6d3a98564bcee1dc"},this.afDesc),t("path",{key:"2b369e60e7f4ab122493a9bd8cc4ef9a21250b08",class:"digi-icon-chat__shape",d:"M58.6018878,18.4166667 C68.2482164,21.350936 75,28.1169117 75,35.9986344 C75,40.5627858 72.7313949,44.7405697 68.9575824,48.0256244 C68.1256385,52.1022455 73.7379969,56.7951496 73.791053,56.8411327 C74.0242559,57.0527644 74.0879232,57.3656685 73.9500993,57.6416766 C73.8122754,57.9176847 73.5154053,58.0833333 73.1762122,58.0833333 C66.1479271,58.0833333 61.8551407,55.1571657 59.2473425,53.3535333 C55.7808895,54.4853745 51.9327985,55.1387725 47.8621159,55.1387725 C35.5982316,55.1387725 25.2379022,49.4034753 21.875,41.5273362 C23.7223276,41.7734552 25.5979518,41.8989234 27.4934568,41.8989234 C35.7104422,41.8989234 43.4577288,39.6267013 49.3079248,35.5008126 C55.3238753,31.257886 58.6371365,25.5702142 58.6371365,19.4852264 C58.6371365,19.1275435 58.6246958,18.7713935 58.6018878,18.4166667 Z M27.0263672,0 C41.9541534,0 54.0527344,8.67559709 54.0527344,19.3826957 C54.0527344,30.0897944 41.9541534,38.7655023 27.0263672,38.7655023 C22.9724121,38.7655023 19.140134,38.1038202 15.6879255,36.9576289 C13.0908435,38.7841288 8.81569731,41.7473958 1.81629334,41.7473958 C1.47849412,41.7473958 1.18284388,41.5797579 1.04558638,41.3001395 C0.908450338,41.0206321 0.971734551,40.7037608 1.20397911,40.4894459 C1.25681717,40.4428798 6.84611284,35.6905875 6.01758767,31.5621701 C2.25928283,28.2354657 0,24.0048247 0,19.3826957 C0,8.67559709 12.098581,0 27.0263672,0 Z",fill:"currentColor","fill-rule":"nonzero"}))}};a.style=".sc-digi-icon-chat-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chat-h svg.sc-digi-icon-chat{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{a as digi_icon_chat}

package/dist/digi-arbetsformedlingen/p-fa80d959.entry.js

@@ -0,0 +1 @@
+import{r as i,h as t}from"./p-f1de4bf6.js";import{r}from"./p-ffe5c0e8.js";const o=class{constructor(t){i(this,t),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=r("icontitle")}render(){return t("svg",{key:"776db5b1bf70dafb06f47fab41ea5773062af4b8",class:"digi-icon-arrow-right",width:"48",height:"48",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0},this.afTitle&&t("title",{key:"58f2232d6186cd7bfef6a2f85fddee1361c229ad",id:this.titleId},this.afTitle),this.afDesc&&t("desc",{key:"a9ff6167b1e517ec4fa3841db27a696fa442793f"},this.afDesc),t("path",{key:"0b5075620299ce38ba2690e0678725a993fb7eb8",class:"digi-icon-arrow-right__shape",d:"M0.381032171,24.6320096 L2.52712589,26.7533334 C3.03506039,27.2554054 3.85863836,27.2554054 4.36668125,26.7533334 L21.1817412,10.1322435 L21.1817412,46.7142843 C21.1817412,47.4243208 21.7641425,48 22.4824698,48 L25.5175031,48 C26.2358304,48 26.8182317,47.4243208 26.8182317,46.7142843 L26.8182317,10.1322435 L43.6334,26.7533334 C44.1413345,27.2554054 44.9649125,27.2554054 45.4729554,26.7533334 L47.6190491,24.6320096 C48.1269836,24.1299376 48.1269836,23.3158653 47.6190491,22.8136862 L24.9197099,0.376553992 C24.4117754,-0.125517997 23.5881975,-0.125517997 23.0801546,0.376553992 L0.381032171,22.8137933 C-0.127010724,23.3158653 -0.127010724,24.1299376 0.381032171,24.6320096 Z",id:"Icon",transform:"translate(24.000000, 24.000000) rotate(90.000000) translate(-24.000000, -24.000000) ",fill:"currentColor","fill-rule":"nonzero"}))}};o.style=".sc-digi-icon-arrow-right-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-arrow-right-h svg.sc-digi-icon-arrow-right{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{o as digi_icon_arrow_right}

package/dist/digi-arbetsformedlingen/p-fb2bc1c8.entry.js

@@ -0,0 +1 @@
+import{r as i,h as t}from"./p-f1de4bf6.js";import{r as o}from"./p-ffe5c0e8.js";const d=class{constructor(t){i(this,t),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=o("icontitle")}render(){return t("svg",{key:"bdd2a7c6762b2c22cffa8b56b52a054b85fe9a09",class:"digi-icon-window",width:"68px",height:"68px",viewBox:"0 0 68 68","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0,xmlns:"http://www.w3.org/2000/svg",fill:"currentColor"},this.afTitle&&t("title",{key:"d02bcf781f0290dfaec87177f67b43393957b113",id:this.titleId},this.afTitle),this.afDesc&&t("desc",{key:"4682a2a64d37810a1829e751c2c21f4bf53f7c15"},this.afDesc),t("g",{key:"86f2e649836c1869e41d090ca4c486738e42e5d0",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},t("g",{key:"c707aaa4f854d42ab1b4371edb78bbb0f7510469",transform:"translate(-1216, -884)",fill:"currentColor"},t("g",{key:"9960e27330c46cf6651ac39a3dbb91417d2c2134",transform:"translate(1218.8333, 886.8333)"},t("path",{key:"7048da70d797c7910774cd2677888033cf7f162c",d:"M62.3333333,0 L29.0888889,4.80358639 L29.0888889,30.4740741 L62.3333333,30.4740741 L62.3333333,0 Z M0,9.09650148 L0,30.4740741 L24.9333333,30.4740741 L24.9333333,5.54074074 L0,9.09650148 Z M29.0888889,33.2444444 L29.0888889,57.7006941 L62.3333333,62.3333333 L62.3333333,33.2444444 L29.0888889,33.2444444 Z M0,33.2444444 L0,53.3919745 L24.9333333,56.7925926 L24.9333333,33.2444444 L0,33.2444444 Z"})))))}};d.style=".sc-digi-icon-window-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-window-h svg.sc-digi-icon-window{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{d as digi_icon_window}

package/dist/digi-arbetsformedlingen/p-fb332588.entry.js

@@ -0,0 +1 @@
+import{r as o,h as i,c as d,g as e}from"./p-f1de4bf6.js";import{C as t}from"./p-5a602122.js";import{a as c,g as r,e as a,f as l}from"./p-03dd6726.js";import{P as g}from"./p-f25f9ca8.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as n}from"./p-91d1344c.js";import"./p-ee9589e6.js";import{B as b}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-bc3d2778.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-2af9b440.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-85914c7f.js";import"./p-91f1460b.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-00d6ab21.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";import{_ as k}from"./p-42aa440f.js";import{r as s}from"./p-ffe5c0e8.js";const f=class{constructor(i){o(this,i),this.highlightedCode=void 0,this.afCode=void 0,this.afVariation=t.DARK,this.afLanguage=c.HTML,this.afLang="en",this.afHideToolbar=!1}componentWillLoad(){g.manual=!0,this.formatCode()}formatCode(){this.highlightedCode=g.highlight(this.afCode,g.languages[this.afLanguage],this.afLanguage)}copyButtonClickHandler(){navigator.clipboard.writeText(this.afCode).then((()=>{}),(o=>{console.error(o)}))}get cssModifiers(){return{"digi-code-block--light":this.afVariation===t.LIGHT,"digi-code-block--dark":this.afVariation===t.DARK}}render(){return i("div",{key:"3cd32aabd7999c0f3ee40034cd74152f2bcfde3a",class:Object.assign({"digi-code-block":!0},this.cssModifiers)},i("pre",{key:"aff3b261386fd0d68c07d6a7bbbe05e3f7823d76",class:`digi-code-block__pre language-${this.afLanguage}`},i("code",{key:"c7d5be543f6be054ce63574a583de877767ac34d",class:"digi-code-block__code",lang:this.afLang,innerHTML:this.highlightedCode})),!this.afHideToolbar&&i("div",{key:"f811cd7878a9ee935e8146026339df740ec23ce6",class:"digi-code-block__toolbar"},i("digi-button",{key:"61e37d7ad9cc568def749b10d382e8f2939d5858",class:"digi-code-block__button",onAfOnClick:()=>this.copyButtonClickHandler(),afVariation:b.FUNCTION,afSize:n.SMALL},i("digi-icon-copy",{key:"0804d86709d6de68de046b43e5ea1ecea011832a",class:"digi-code-block__icon","aria-hidden":"true",slot:"icon"}),k.code.copy)))}static get watchers(){return{afCode:["formatCode"]}}};f.style="digi-code-block{--digi--code-block--background:var(--digi--color--background--primary);--digi--code-block--border-radius:0.3rem;--digi--code-block--border:1px solid var(--digi--grayscale--900);display:block}digi-code-block .digi-code-block{border-radius:var(--digi--code-block--border-radius);border:var(--digi--code-block--border);overflow:hidden;position:relative}digi-code-block .digi-code-block pre{margin:0}digi-code-block .digi-code-block--light{}digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:#545454;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--light pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:#fefefe}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.prolog,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.cdata{color:#696969}digi-code-block .digi-code-block--light .token.punctuation{color:#545454}digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.tag,digi-code-block .digi-code-block--light .token.constant,digi-code-block .digi-code-block--light .token.symbol,digi-code-block .digi-code-block--light .token.deleted{color:#007faa}digi-code-block .digi-code-block--light .token.boolean,digi-code-block .digi-code-block--light .token.number{color:#008000}digi-code-block .digi-code-block--light .token.selector,digi-code-block .digi-code-block--light .token.attr-name,digi-code-block .digi-code-block--light .token.string,digi-code-block .digi-code-block--light .token.char,digi-code-block .digi-code-block--light .token.builtin,digi-code-block .digi-code-block--light .token.inserted{color:#aa5d00}digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.entity,digi-code-block .digi-code-block--light .token.url,digi-code-block .digi-code-block--light .language-css .token.string,digi-code-block .digi-code-block--light .style .token.string,digi-code-block .digi-code-block--light .token.variable{color:#008000}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function{color:#aa5d00}digi-code-block .digi-code-block--light .token.keyword{color:#d91e18}digi-code-block .digi-code-block--light .token.regex,digi-code-block .digi-code-block--light .token.important{color:#d91e18}digi-code-block .digi-code-block--light .token.important,digi-code-block .digi-code-block--light .token.bold{font-weight:bold}digi-code-block .digi-code-block--light .token.italic{font-style:italic}digi-code-block .digi-code-block--light .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:window}digi-code-block .digi-code-block--light .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.selector{font-weight:bold}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.string{color:highlight}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.url{font-weight:normal}}digi-code-block .digi-code-block--dark{}digi-code-block .digi-code-block--dark .digi-code-block__button{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary);--digi--button--color--text--function--focus:var(--digi--color--text--secondary);--digi--button--color--icon--function--focus:var(--digi--color--text--secondary)}digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:#f8f8f2;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--dark pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:#272727}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.prolog,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.cdata{color:#d4d0ab}digi-code-block .digi-code-block--dark .token.punctuation{color:#fefefe}digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.tag,digi-code-block .digi-code-block--dark .token.constant,digi-code-block .digi-code-block--dark .token.symbol,digi-code-block .digi-code-block--dark .token.deleted{color:#ffa07a}digi-code-block .digi-code-block--dark .token.boolean,digi-code-block .digi-code-block--dark .token.number{color:#00e0e0}digi-code-block .digi-code-block--dark .token.selector,digi-code-block .digi-code-block--dark .token.attr-name,digi-code-block .digi-code-block--dark .token.string,digi-code-block .digi-code-block--dark .token.char,digi-code-block .digi-code-block--dark .token.builtin,digi-code-block .digi-code-block--dark .token.inserted{color:#abe338}digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.entity,digi-code-block .digi-code-block--dark .token.url,digi-code-block .digi-code-block--dark .language-css .token.string,digi-code-block .digi-code-block--dark .style .token.string,digi-code-block .digi-code-block--dark .token.variable{color:#00e0e0}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function{color:#ffd700}digi-code-block .digi-code-block--dark .token.keyword{color:#00e0e0}digi-code-block .digi-code-block--dark .token.regex,digi-code-block .digi-code-block--dark .token.important{color:#ffd700}digi-code-block .digi-code-block--dark .token.important,digi-code-block .digi-code-block--dark .token.bold{font-weight:bold}digi-code-block .digi-code-block--dark .token.italic{font-style:italic}digi-code-block .digi-code-block--dark .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:window}digi-code-block .digi-code-block--dark .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.selector{font-weight:bold}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.string{color:highlight}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.url{font-weight:normal}}digi-code-block .digi-code-block__toolbar{padding-bottom:0.5rem;display:flex;justify-content:flex-end;position:absolute;bottom:0;width:100%}digi-code-block .digi-code-block__button{margin-right:var(--digi--margin--smaller)}";const h=class{constructor(i){o(this,i),this.afLegend=void 0,this.afName=void 0,this.afForm=void 0,this.afId=s("digi-form-fieldset")}render(){return i("fieldset",{key:"748ffe4669f91850ff445cc1c15dfadf33aafb67",class:"digi-form-fieldset",name:this.afName,form:this.afForm,id:this.afId},this.afLegend&&i("legend",{key:"bb480d9aae933d098d8032a3ac95f544dedc8e53",class:"digi-form-fieldset__legend"},this.afLegend),i("slot",{key:"03a59ceaab79a8ca7a19f3153e5465fbb9bcf117"}))}};h.style=".sc-digi-form-fieldset-h{--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)}.sc-digi-form-fieldset-h .digi-form-fieldset.sc-digi-form-fieldset{margin:0px;padding:var(--digi--form-fieldset--padding);border:var(--digi--form-fieldset--border)}.sc-digi-form-fieldset-h .digi-form-fieldset__legend.sc-digi-form-fieldset{font-weight:var(--digi--form-fieldset--legend--font-weight);font-family:var(--digi--form-fieldset--legend--font-family);font-size:var(--digi--form-fieldset--legend--font-size);color:var(--digi--form-fieldset--legend--color);margin-block-end:var(--digi--form-fieldset--legend--margin);padding:0px}";const m=class{constructor(i){o(this,i),this.afOnChange=d(this,"afOnChange",7),this.afOnBlur=d(this,"afOnBlur",7),this.afOnFocus=d(this,"afOnFocus",7),this.afOnFocusout=d(this,"afOnFocusout",7),this.afOnInput=d(this,"afOnInput",7),this.afOnDirty=d(this,"afOnDirty",7),this.afOnTouched=d(this,"afOnTouched",7),this.afOnReady=d(this,"afOnReady",3),this.dirty=!1,this.touched=!1,this.afLabel=void 0,this.afVariation=r.PRIMARY,this.afLayout=a.INLINE,this.afName=void 0,this.afId=s("digi-form-radiobutton"),this.afRequired=void 0,this.value=void 0,this.afValue=void 0,this.checked=void 0,this.afChecked=void 0,this.afValidation=void 0,this.afAriaLabelledby=void 0,this.afAriaDescribedby=void 0,this.afAutofocus=void 0}onValueChanged(o){this.afValue=o}onAfValueChanged(o){this.value=o}onCheckedChanged(o){this.afChecked=o}onAfCheckedChanged(o){this.checked=o}async afMGetFormControlElement(){return this._input}componentDidLoad(){this.value&&(this.afValue=this.value),this.afOnReady.emit()}get cssModifiers(){return{"digi-form-radiobutton--error":this.afValidation===l.ERROR,"digi-form-radiobutton--primary":this.afVariation===r.PRIMARY,"digi-form-radiobutton--secondary":this.afVariation===r.SECONDARY,[`digi-form-radiobutton--layout-${this.afLayout}`]:!!this.afLayout}}blurHandler(o){this.touched||(this.afOnTouched.emit(o),this.touched=!0),this.afOnBlur.emit(o)}changeHandler(o){this.afOnChange.emit(o)}focusHandler(o){this.afOnFocus.emit(o)}focusoutHandler(o){this.afOnFocusout.emit(o)}inputHandler(o){this.dirty||(this.afOnDirty.emit(o),this.dirty=!0),this.afOnInput.emit(o)}render(){return i("div",{key:"8a8a2f94e272cd2e2d786ee5625457bd0cc0e830",class:Object.assign({"digi-form-radiobutton":!0},this.cssModifiers)},i("input",{key:"34173da452420b3ebeeb44f9ae0d0ed36f01aa3e",class:"digi-form-radiobutton__input",ref:o=>this._input=o,onInput:o=>this.inputHandler(o),onBlur:o=>this.blurHandler(o),onChange:o=>this.changeHandler(o),onFocus:o=>this.focusHandler(o),onFocusout:o=>this.focusoutHandler(o),"aria-describedby":this.afAriaDescribedby,"aria-labelledby":this.afAriaLabelledby,"aria-invalid":this.afValidation===l.ERROR?"true":"false",required:this.afRequired,id:this.afId,name:this.afName,type:"radio",checked:this.afChecked,value:this.afValue,autofocus:this.afAutofocus?this.afAutofocus:null}),i("label",{key:"307d7367781471e57c4c75f41b633cf2abdf3dc3",htmlFor:this.afId,class:"digi-form-radiobutton__label"},i("span",{key:"7100f8e8136a1f2266152182d9611b05dd061517",class:"digi-form-radiobutton__circle"}),this.afLabel))}get hostElement(){return e(this)}static get watchers(){return{value:["onValueChanged"],afValue:["onAfValueChanged"],checked:["onCheckedChanged"],afChecked:["onAfCheckedChanged"]}}};m.style='.sc-digi-form-radiobutton-h{--digi--form-radiobutton--border-color:var(--digi--color--border--interactive--default--on-input);--digi--form-radiobutton--border-color--primary:var(--digi--color--border--interactive--selected--primary);--digi--form-radiobutton--border-color--secondary:var(--digi--color--border--interactive--selected--secondary);--digi--form-radiobutton--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--box-shadow--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--background-color:var(--digi--color--background--interactive--default--input-elements);--digi--form-radiobutton--background-color--primary:var(--digi--color--background--interactive--selected--primary);--digi--form-radiobutton--background-color--secondary:var(--digi--color--background--interactive--selected--secondary);--digi--form-radiobutton--background-color--error:var(--digi--color--background--interactive--validation--error);--digi--form-radiobutton--border-width:var(--digi--border-width--primary);--digi--form-radiobutton--color--marker:var(--digi--grayscale--0);--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)}.sc-digi-form-radiobutton-h .digi-form-radiobutton.sc-digi-form-radiobutton{--BACKGROUND--DEFAULT:var(--digi--form-radiobutton--background-color);--BORDER-COLOR--DEFAULT:var(--digi--form-radiobutton--border-color);position:relative}.sc-digi-form-radiobutton-h .digi-form-radiobutton--primary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--primary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--primary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--secondary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--secondary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--secondary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:not(:checked)~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--error);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--error)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED);box-shadow:0 0 0 var(--digi--border-width--primary) var(--digi--form-radiobutton--box-shadow--error)}.digi-form-radiobutton__input.sc-digi-form-radiobutton{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:0;left:0}.digi-form-radiobutton__label.sc-digi-form-radiobutton{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--body--font-weight--desktop);cursor:pointer;margin-bottom:0.75rem}.digi-form-radiobutton__circle.sc-digi-form-radiobutton{flex-shrink:0;align-self:flex-start;cursor:pointer;background-color:var(--BACKGROUND--DEFAULT);border-color:var(--BORDER-COLOR--DEFAULT);border-width:var(--digi--form-radiobutton--border-width);border-style:solid;height:var(--digi--form-radiobutton--size);width:var(--digi--form-radiobutton--size);border-radius:var(--digi--form-radiobutton--size);position:relative;transform:translateY(1px)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:focus-visible~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton::after{content:"";width:var(--digi--form-radiobutton--marker--size);height:var(--digi--form-radiobutton--marker--size);border-radius:var(--digi--form-radiobutton--marker--size);background:var(--digi--form-radiobutton--color--marker);position:absolute;left:calc(50% - var(--digi--form-radiobutton--marker--size) / 2);top:calc(50% - var(--digi--form-radiobutton--marker--size) / 2)}';export{f as digi_code_block,h as digi_form_fieldset,m as digi_form_radiobutton}

package/dist/digi-arbetsformedlingen/p-fc4ba9f1.entry.js

@@ -0,0 +1 @@
+import{r as i,h as e}from"./p-f1de4bf6.js";import{r as d}from"./p-ffe5c0e8.js";const t=class{constructor(e){i(this,e),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=d("icontitle")}render(){return e("svg",{key:"a2394e29227f44f7d11b0e29befd6b4bb2f205c6",class:"digi-icon-eye",width:"29",height:"18",viewBox:"0 0 29 18",xmlns:"http://www.w3.org/2000/svg","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0},this.afTitle&&e("title",{key:"57590cd58e4df63997f85bb885d0d3326c0b3df9",id:this.titleId},this.afTitle),this.afDesc&&e("desc",{key:"79cbea0c6e7a6e672e1d951df1450ebd03fadbb2"},this.afDesc),e("path",{key:"dae1d2bef70e1d0a28456fb7eeeec75d40aad22d",class:"digi-icon-eye__shape",d:"M28.616 7.808C25.782 3.128 20.496 0 14.475 0 8.45 0 3.167 3.13.334 7.808a2.294 2.294 0 000 2.384C3.168 14.872 8.454 18 14.474 18c6.025 0 11.31-3.13 14.142-7.808a2.294 2.294 0 000-2.384zm-14.141 7.844C9.32 15.652 4.82 12.977 2.412 9c2.22-3.665 6.216-6.225 10.865-6.604.492.494.796 1.166.796 1.908 0 1.513-1.26 2.74-2.815 2.74-1.554 0-2.814-1.227-2.814-2.74v-.002c-.513.934-.804 2-.804 3.133 0 3.674 3.06 6.652 6.835 6.652s6.835-2.978 6.835-6.652a6.509 6.509 0 00-1.402-4.036C22.703 4.53 25.03 6.51 26.538 9c-2.409 3.977-6.909 6.652-12.063 6.652z",fill:"currentColor","fill-rule":"nonzero"}))}};t.style=".sc-digi-icon-eye-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-eye-h svg.sc-digi-icon-eye{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{t as digi_icon_eye}

package/dist/digi-arbetsformedlingen/p-fcb90442.entry.js

@@ -0,0 +1 @@
+import{r as i,h as e}from"./p-f1de4bf6.js";import{r as t}from"./p-ffe5c0e8.js";const o=class{constructor(e){i(this,e),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=t("icontitle")}render(){return e("svg",{key:"7bbad9a7376e5144c044c20a631f9e8415724ea3",class:"digi-icon-danger-outline",width:"48",height:"48",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0},this.afTitle&&e("title",{key:"fda263615799779887cd079c7a1713fa56973f6a",id:this.titleId},this.afTitle),this.afDesc&&e("desc",{key:"e04816ff0c43e9d6d7e43fb5703636bf282c293f"},this.afDesc),e("path",{key:"1f998046d9c115c54c3ce7c33bd15ce70eff70cc",class:"digi-icon-danger-outline__shape",d:"M16.3083126,13.5575621 C17.212521,12.6758465 18.6746453,12.6758465 19.4922806,13.5575621 L24.0133226,18.0230248 L28.6209379,13.5575621 C29.5251463,12.6758465 30.9872705,12.6758465 31.8049058,13.5575621 C32.7860681,14.4487585 32.7860681,15.889842 31.8049058,16.6957111 L27.3608176,21.151693 L31.8049058,25.6930023 C32.7860681,26.5841986 32.7860681,28.0252822 31.8049058,28.8311512 C30.9872705,29.7981941 29.5251463,29.7981941 28.6209379,28.8311512 L24.0133226,24.4510158 L19.4922806,28.8311512 C18.6746453,29.7981941 17.212521,29.7981941 16.3083126,28.8311512 C15.4137234,28.0252822 15.4137234,26.5841986 16.3083126,25.6930023 L20.8389739,21.151693 L16.3083126,16.6957111 C15.4137234,15.889842 15.4137234,14.4487585 16.3083126,13.5575621 L16.3083126,13.5575621 Z M9.87119353,3.24 C11.1166068,1.228125 13.3583507,0 15.6767354,0 L32.240732,0 C34.6453376,0 36.8870815,1.228125 38.1324948,3.24 L46.9940893,17.49375 C48.3353036,19.65 48.3353036,22.35 46.9940893,24.50625 L38.1324948,38.75625 C36.8870815,40.771875 34.6453376,42 32.240732,42 L15.6767354,42 C13.3583507,42 11.1166068,40.771875 9.87119353,38.75625 L1.00576702,24.50625 C-0.335255674,22.35 -0.335255674,19.65 1.00576702,17.49375 L9.87119353,3.24 Z M4.95376353,20.0519187 C4.50454509,20.7819413 4.50454509,21.6920993 4.95376353,22.4221219 L13.8554068,36.8329571 C14.2690341,37.5060948 15.0193347,37.9232506 15.7407776,37.9232506 L32.3724409,37.9232506 C33.1804569,37.9232506 33.9307575,37.5060948 34.3443848,36.8329571 L43.2421804,22.4221219 C43.6942846,21.6920993 43.6942846,20.7819413 43.2421804,20.0519187 L34.3443848,5.64297968 C33.9307575,4.96510158 33.1804569,4.55079007 32.3724409,4.55079007 L15.7407776,4.55079007 C15.0193347,4.55079007 14.2690341,4.96510158 13.8554068,5.64297968 L4.95376353,20.0519187 Z M38.2882725,3.27656885 L34.3443848,5.64297968 L38.2882725,3.27656885 Z M1.00987575,24.7828442 L4.95376353,22.4221219 L1.00987575,24.7828442 Z",fill:"currentColor","fill-rule":"nonzero"}))}};o.style=".sc-digi-icon-danger-outline-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-danger-outline-h svg.sc-digi-icon-danger-outline{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{o as digi_icon_danger_outline}

package/dist/digi-arbetsformedlingen/p-fe4f39b1.entry.js

@@ -0,0 +1 @@
+import{r as i,h as a}from"./p-f1de4bf6.js";import{r as e}from"./p-ffe5c0e8.js";const c=class{constructor(a){i(this,a),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=e("icontitle")}render(){return a("svg",{key:"7c8991a2097de6bf3abfcf1d333778d4593f583d",class:"digi-icon-language",width:"26",height:"20",viewBox:"0 0 26 20",xmlns:"http://www.w3.org/2000/svg","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0},this.afTitle&&a("title",{key:"ee7ab4637237c9e5a22895047fc6892810dbaff6",id:this.titleId},this.afTitle),this.afDesc&&a("desc",{key:"0cb8e37fdf263c993a428e6220a658dd204e90d3"},this.afDesc),a("g",{key:"dfcd27a4c555783933b5dacb4da8e9d2eae9648e",class:"digi-icon-language__shape",fill:"none","fill-rule":"evenodd"},a("path",{key:"76336756b51648b5a2d7d1082ef9c8f75ddcb04f",d:"M25.025 0H.975C.437 0 0 .672 0 1.5v17c0 .828.437 1.5.975 1.5h24.05c.538 0 .975-.672.975-1.5v-17c0-.828-.437-1.5-.975-1.5z",fill:"currentColor","fill-rule":"nonzero"}),a("path",{key:"3897d7fcab63c13d42be0bb89c5f2e6feadf6f0d",d:"M13 8.708v-.416c0-.345.28-.625.625-.625h3.542V6.625c0-.345.28-.625.625-.625h.416c.345 0 .625.28.625.625v1.042h3.542c.345 0 .625.28.625.625v.416c0 .345-.28.625-.625.625h-.818c-.39 1.292-1.22 2.654-2.338 3.898.522.473 1.066.9 1.61 1.255.277.18.365.545.2.832l-.207.364a.626.626 0 01-.885.213 14.327 14.327 0 01-1.904-1.485 15.261 15.261 0 01-1.979 1.494.624.624 0 01-.875-.22l-.206-.362a.627.627 0 01.211-.84 13.68 13.68 0 001.68-1.262 16.118 16.118 0 01-1.339-1.72.626.626 0 01.198-.886l.358-.214a.624.624 0 01.838.188c.332.496.715.986 1.13 1.455.781-.882 1.39-1.818 1.746-2.71h-6.17A.625.625 0 0113 8.708zM8.138 3c.291 0 .551.184.648.46l3.39 9.624a.688.688 0 01-.65.916h-.592a.688.688 0 01-.653-.472l-.774-2.348H5.65l-.774 2.348a.688.688 0 01-.653.472H3.63a.687.687 0 01-.648-.916l3.39-9.625A.688.688 0 017.02 3zm-.536 1.906H7.57S7.323 5.99 7.106 6.61L6.13 9.554h2.882L8.036 6.61c-.202-.62-.434-1.704-.434-1.704z",fill:"#fff"})))}};c.style=".sc-digi-icon-language-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-language-h svg.sc-digi-icon-language{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{c as digi_icon_language}

package/dist/digi-arbetsformedlingen/p-ffa50209.entry.js

@@ -0,0 +1 @@
+import{r as i,h as e}from"./p-f1de4bf6.js";import{r as o}from"./p-ffe5c0e8.js";const t=class{constructor(e){i(this,e),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=o("icontitle")}render(){return e("svg",{key:"e1189542b492521dbed7b3a50efc25465e6de19e",class:"digi-icon-envelope",width:"26",height:"19",viewBox:"0 0 26 19",xmlns:"http://www.w3.org/2000/svg","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0},this.afTitle&&e("title",{key:"a8bb2a5a1fb052ac8092059482ac1e5fce134f7d",id:this.titleId},this.afTitle),this.afDesc&&e("desc",{key:"e291b4cc6b3881975b87b2e9dd668b126a656f7c"},this.afDesc),e("path",{key:"017b224a5bd202123dc3dc76b312bb807761a74c",class:"digi-icon-envelope__shape",d:"M23.563 0H2.438C1.09 0 0 1.063 0 2.375v14.25C0 17.937 1.091 19 2.438 19h21.125C24.909 19 26 17.937 26 16.625V2.375C26 1.063 24.909 0 23.562 0zm0 2.375v2.019c-1.14.903-2.954 2.308-6.835 5.269-.855.655-2.55 2.23-3.728 2.212-1.179.018-2.873-1.557-3.728-2.212-3.88-2.96-5.696-4.365-6.835-5.269V2.375h21.125zM2.438 16.625V7.442c1.163.903 2.813 2.17 5.328 4.089 1.11.851 3.054 2.73 5.234 2.719 2.17.011 4.088-1.84 5.233-2.719a859.794 859.794 0 005.33-4.09v9.184H2.438z",fill:"currentColor","fill-rule":"nonzero"}))}};t.style=".sc-digi-icon-envelope-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-envelope-h svg.sc-digi-icon-envelope{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{t as digi_icon_envelope}

package/dist/digi-arbetsformedlingen/styles/README.md

@@ -0,0 +1,53 @@
+# Styles! 🎨
+Här beskriver vi hur vi jobbar med styles i designsystemet. 
+
+## Dokumentationswebben 💻
+Dokumentationswebben inkluderar våra byggda CSS-filer och fonter på samma sätt som andra team som använder sig av designsystemet. 
+
+Dokumentationswebben har egna sass-variabler och sass-hjälpfunktion och använder inte samma som i libs/styles.
+Detta på grund av jag inte fick till rätt sökväg vid import, så detta kanske vi vill ändra framöver. 
+
+Vi visar upp tokens på dokumentationswebben, dessa genereras med hjälp av script i tools/token-management.
+
+### Skapa assets till dokumentationswebben 
+1. Läs README i tools/token-management
+2. Hämta hem senaste från Figma 
+2. Skapa Web-Assets
+3. Byggda filer versionshanteras nu i källkoden
+
+### Riktlinjer för dokumentationswebben
+1. Använd primärt våra egna komponenter
+2. Om det inte går - skriv egen css/scss i komponent-filen
+3. Finns lite gemensam style i global/app.scss och global/_styles.scss, men håll det så enkelt som möjligt. 
+   När vi jobbar om dokumentationswebben så kan vi förtydliga och förenkla stylen ännu mer.
+
+## Kod komponenterna 📦
+Komponentdesignen sätts primärt i Figma. Där definieras vilka tokens som är aktuella för komponenten. 
+Övrig style är vanlig CSS/Sass i komponentens style. Just nu är det manuell handpåläggning att få samma token mellan Figma och kod, ingen automatisk process. 
+
+### Vad är ett token? 
+Att avgöra om en CSS-property är ett token eller ej är inte alltid så lätt. Vi har under 2025 arbetat igenom 
+alla våra färger så dessa är generellt tokens. Däremot om en komponent ska ha en viss padding eller margin behöver
+inte alltid vara en token. Vi har en Milestone som går ut på att arbeta igenom tokens för numeriska värden. I det 
+arbetet kommer vi förtydliga mer om när vi använder token och när vi inte gör det. 
+Till det arbetet är gjort så fattar vi beslut gemensamt per komponent. 
+
+### Regler för komponent-token  
+1. Alla färger är ett token - kan finnas undantag, men har inte sett något ännu
+2. Om en CSS-property behöver exponeras från en komponent för att team kan behöva ändra den så är det ett komponent-token
+
+### Uppdatera komponentvariabler 
+Alla CSS-properties behöver inte vara tokens. En del CSS är "hårdkodad" till komponenten. 
+Vad som är en token eller inte beslutas av teamet, men tanken är att det är något som kan behöva ändras ev team eller av annan implementerande organisation. 
+Ledordet är dock att vi håller det enkelt och exponerar inte tokens i onödan då dom inte kan plockas bort hur som helst, utan följer vårt mönster för deprecation. 
+
+1. Gör uppdateringen i Figma 
+2. Uppdatera manuellt i koden - vi har ännu inga skript som hanterar komponent-variabler automatiskt.
+
+
+## Besluta
+* Vilken dokumentation ska vi ha vart? 
+* Hur vi vill jobba med scss kontra CSS-variabler
+* Vilka scss-variabler vill vi exponera? 
+* Hur vill vi dela dom mellan apps och libs i nx-repot? Fick inte import av scss-variabler att fungera
+

package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss

@@ -0,0 +1,127 @@
+@mixin alias {
+  --digi--color--logotype-color: var(--digi--color--logotype-color--light);
+  --digi--color--infographic--infograph--primary: var(--digi--color--infographic--infograph--primary--light);
+  --digi--color--infographic--infograph--secondary: var(--digi--color--infographic--infograph--secondary--light);
+  --digi--color--infographic--infograph--tertiary: var(--digi--color--infographic--infograph--tertiary--light);
+
+  --digi--color--text--primary: var(--digi--color--text--primary--light);
+  --digi--color--text--secondary: var(--digi--color--text--secondary--light);
+  --digi--color--text--description: var(--digi--color--text--description--light);
+
+  --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
+  --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
+  --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
+  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
+  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
+  --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
+
+  --digi--color--background--primary: var(--digi--color--background--primary--light);
+  --digi--color--background--secondary: var(--digi--color--background--secondary--light);
+  --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
+  --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
+  --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
+  --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
+  --digi--color--background--transparent: var(--digi--color--background--transparent--light);
+  --digi--color--background--notification: var(--digi--color--background--notification--light);
+
+  --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
+  --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
+  --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
+  --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
+  --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
+  --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
+  --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
+  --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
+
+  --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
+  --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
+  --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
+  --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
+  --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
+
+  --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
+  --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
+  --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
+  --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
+
+  --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
+  --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
+  --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
+
+  --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
+  --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
+  --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
+
+  --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
+  --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
+  --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
+
+  --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
+  --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
+  --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
+  --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
+
+  --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
+  --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
+  --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
+
+  --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
+  --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
+  --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
+
+  --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
+  --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
+
+  --digi--color--border--notification: var(--digi--color--border--notification--light);
+  --digi--color--border--transparent: var(--digi--color--border--transparent--light);
+
+  --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
+  --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
+  --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
+  --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
+
+  --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
+  --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
+  --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
+
+  --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
+  --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
+  --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
+
+  --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
+  --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
+
+  --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
+  --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
+  --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
+  --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
+
+  --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
+  --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
+
+  --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
+  --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
+  --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
+
+  --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
+  --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
+  --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
+
+  --digi--color--divider--primary: var(--digi--color--divider--primary--light);
+  --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
+  --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
+  --digi--color--divider--cta: var(--digi--color--divider--cta--light);
+
+  --digi--color--icon--primary: var(--digi--color--icon--primary--light);
+  --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
+  --digi--color--icon--cta: var(--digi--color--icon--cta--light);
+  --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
+  --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
+
+  --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
+  --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
+  --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
+
+  --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
+  --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
+}

package/dist/digi-arbetsformedlingen/styles/src/_sass-variables.scss

@@ -0,0 +1,13 @@
+$digi--breakpoint--smallest-3: 23.375rem;
+$digi--breakpoint--small: 47.9375rem;
+$digi--breakpoint--small-below: 35.9375rem;
+$digi--breakpoint--medium: 48rem;
+$digi--breakpoint--medium-below: 47.9375rem;
+$digi--breakpoint--large: 61.9375rem;
+$digi--breakpoint--large-below: 61.9375rem;
+$digi--breakpoint--x-large: 75rem;
+$digi--breakpoint--x-large-below: 74.9375rem;
+$digi--breakpoint--xx-large: 87.5rem;
+$digi--breakpoint--xx-large-below: 87.4375rem;
+
+

package/dist/digi-arbetsformedlingen/styles/src/digi-styles.utils.scss

@@ -0,0 +1,2 @@
+@forward 'utils/forwards';
+

package/dist/digi-arbetsformedlingen/styles/src/fonts/src/fonts.css

@@ -0,0 +1,44 @@
+/* open-sans-300 - latin */
+@font-face {
+  font-family: 'Open sans';
+  font-style: normal;
+  font-weight: 300;
+  src:
+    local(''),
+    url('./assets/fonts/open-sans-300.woff2') format('woff2'),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url('./assets/fonts/open-sans-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* open-sans-regular - latin */
+@font-face {
+  font-family: 'Open sans';
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local(''),
+    url('./assets/fonts/open-sans-regular.woff2') format('woff2'),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url('./assets/fonts/open-sans-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* open-sans-600 - latin */
+@font-face {
+  font-family: 'Open sans';
+  font-style: normal;
+  font-weight: 600;
+  src:
+    local(''),
+    url('./assets/fonts/open-sans-600.woff2') format('woff2'),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url('./assets/fonts/open-sans-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* open-sans-700 - latin */
+@font-face {
+  font-family: 'Open sans';
+  font-style: normal;
+  font-weight: 700;
+  src:
+    local(''),
+    url('./assets/fonts/open-sans-700.woff2') format('woff2'),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url('./assets/fonts/open-sans-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}

package/dist/digi-arbetsformedlingen/styles/src/fonts/src/fonts.scss

@@ -0,0 +1,46 @@
+$font-path: './assets/fonts/' !default;
+
+/* open-sans-300 - latin */
+@font-face {
+  font-family: 'Open sans';
+  font-style: normal;
+  font-weight: 300;
+  src:
+    local(''),
+    url('#{$font-path}open-sans-300.woff2') format('woff2'),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url('#{$font-path}open-sans-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* open-sans-regular - latin */
+@font-face {
+  font-family: 'Open sans';
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local(''),
+    url('#{$font-path}open-sans-regular.woff2') format('woff2'),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url('#{$font-path}open-sans-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* open-sans-600 - latin */
+@font-face {
+  font-family: 'Open sans';
+  font-style: normal;
+  font-weight: 600;
+  src:
+    local(''),
+    url('#{$font-path}open-sans-600.woff2') format('woff2'),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url('#{$font-path}open-sans-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* open-sans-700 - latin */
+@font-face {
+  font-family: 'Open sans';
+  font-style: normal;
+  font-weight: 700;
+  src:
+    local(''),
+    url('#{$font-path}open-sans-700.woff2') format('woff2'),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url('#{$font-path}open-sans-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}

package/dist/digi-arbetsformedlingen/styles/src/index.scss

@@ -0,0 +1,20 @@
+@forward 'utils/forwards';
+@forward 'sass-variables';
+
+@use 'themes/common.mixin' as common;
+@use 'alias.mixin' as alias;
+@use 'themes/theme-af25.mixin' as default-theme;
+@use 'themes/theme-af18.mixin' as af18;
+
+:root {
+  @include common.brand-common();
+  @include common.numeric-common();
+  @include alias.alias();
+  @include default-theme.theme-af25();
+  @include af18.theme-af18();
+}
+
+body {
+  font-size: 1rem;
+  font-family: 'Open Sans', Arial, sans-serif;
+}