@designsystem-se/af 39.4.0-beta.darkmode.1 → 39.5.0

package/dist/esm/digi-icon-web-tv.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-cJjrzQkn.js';
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWebTvCss = () => `.sc-digi-icon-web-tv-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-web-tv-h svg.sc-digi-icon-web-tv{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)}`;
@@ -14,11 +14,11 @@ const IconWebTv = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'ebefbfd03e028c2af22da9ce04ed629c11436d22', class: "digi-icon-web-tv", width: "18", height: "15", viewBox: "0 0 18 15", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'b27061ab317aef6a4d0b030e797f7d3284f798a7', class: "digi-icon-web-tv", width: "18", height: "15", viewBox: "0 0 18 15", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'ded3f0ab689ec03219f26d16269b3d46cf686f0f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '694ba9529456badb80596a7f086a515fc2dcd952' }, this.afDesc), h("path", { key: '7bcd4d91ada4d6351ae670e6b7f2997aa1127595', class: "digi-icon-web-tv__shape", d: "M17.1346154,3.45 L11.9423077,3.45 C11.464369,3.45 11.0769231,3.8361544 11.0769231,4.3125 L11.0769231,12.9375 C11.0769231,13.4138456 11.464369,13.8 11.9423077,13.8 L17.1346154,13.8 C17.6125541,13.8 18,13.4138456 18,12.9375 L18,4.3125 C18,3.8361544 17.6125541,3.45 17.1346154,3.45 Z M17.3076923,13.11 L11.7692308,13.11 L11.7692308,4.14 L17.3076923,4.14 L17.3076923,13.11 Z M2.72596154,0.8625 L13.6298077,0.8625 L13.6298077,2.5875 L14.5384615,2.5875 L14.5384615,0.8625 C14.5384615,0.386154403 14.1316434,0 13.6298077,0 L2.72596154,0 C2.22412588,0 1.81730769,0.386154403 1.81730769,0.8625 L1.81730769,7.7625 L0.454326923,7.7625 C0.203409092,7.7625 0,7.9555772 0,8.19375 L0,8.625 C0.00218016205,9.57588663 0.812985966,10.3465925 1.8147521,10.35 L9.99519231,10.35 L9.99519231,9.4875 L1.8147521,9.4875 C1.31391475,9.48616294 0.908651865,9.10039988 0.908653846,8.625 L9.99519231,8.625 L9.99519231,7.7625 L2.72596154,7.7625 L2.72596154,0.8625 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'a318e447575bdb87a73522aa68e465af27bc04bf', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '265a3a4841e6ef758c2d4e32f4f4b395908723b8' }, this.afDesc), h("path", { key: '9b6d07e1a9abc5118bfcbdf292ef0df714c4afd0', class: "digi-icon-web-tv__shape", d: "M17.1346154,3.45 L11.9423077,3.45 C11.464369,3.45 11.0769231,3.8361544 11.0769231,4.3125 L11.0769231,12.9375 C11.0769231,13.4138456 11.464369,13.8 11.9423077,13.8 L17.1346154,13.8 C17.6125541,13.8 18,13.4138456 18,12.9375 L18,4.3125 C18,3.8361544 17.6125541,3.45 17.1346154,3.45 Z M17.3076923,13.11 L11.7692308,13.11 L11.7692308,4.14 L17.3076923,4.14 L17.3076923,13.11 Z M2.72596154,0.8625 L13.6298077,0.8625 L13.6298077,2.5875 L14.5384615,2.5875 L14.5384615,0.8625 C14.5384615,0.386154403 14.1316434,0 13.6298077,0 L2.72596154,0 C2.22412588,0 1.81730769,0.386154403 1.81730769,0.8625 L1.81730769,7.7625 L0.454326923,7.7625 C0.203409092,7.7625 0,7.9555772 0,8.19375 L0,8.625 C0.00218016205,9.57588663 0.812985966,10.3465925 1.8147521,10.35 L9.99519231,10.35 L9.99519231,9.4875 L1.8147521,9.4875 C1.31391475,9.48616294 0.908651865,9.10039988 0.908653846,8.625 L9.99519231,8.625 L9.99519231,7.7625 L2.72596154,7.7625 L2.72596154,0.8625 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconWebTv.style = iconWebTvCss();

package/dist/esm/digi-icon-wifi-signal0.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-cJjrzQkn.js';
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWifiSignal0Css = () => `.sc-digi-icon-wifi-signal0-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-wifi-signal0-h svg.sc-digi-icon-wifi-signal0{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)}`;
@@ -14,11 +14,11 @@ const IconWifiSignal0 = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '809724ca2cf2e2dad5b8797865224986b46c81ed', class: "digi-icon-wifi-signal0", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '6e0aae4c704560fd14027fa698e8ac7695a4b7c8', class: "digi-icon-wifi-signal0", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '06ed6a670d5cd7c9c073d15ec1a27dcd6f60bb74', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '90c42f323e3d3bd8976556823a26f536a00c210c' }, this.afDesc), h("g", { key: '11015444b13ea44c4af4d1603dd85bd8af140acb', transform: "translate(0, 0)" }, h("path", { key: '29dced6dd2d447f42d0a6f09c5447b301a41f3ca', d: "M7.83654167,22.5340292 C4.93933333,22.5340292 2.58333333,24.8913208 2.58333333,27.7872375 L2.58333333,39.3282792 C2.58333333,42.2267792 4.93933333,44.5827792 7.83654167,44.5827792 C10.73375,44.5827792 13.0910417,42.2267792 13.0910417,39.3282792 L13.0910417,27.7872375 C13.0910417,24.8913208 10.73375,22.5340292 7.83654167,22.5340292 M7.83654167,47.1661125 C3.514625,47.1661125 0,43.6501958 0,39.3282792 L0,27.7872375 C0,23.4666125 3.514625,19.9506958 7.83654167,19.9506958 C12.1584583,19.9506958 15.674375,23.4666125 15.674375,27.7872375 L15.674375,39.3282792 C15.674375,43.6501958 12.1584583,47.1661125 7.83654167,47.1661125", fill: "currentColor" }), h("path", { key: '29e5617c3ceaa74d6f6049369b905e299fa25950', d: "M29.1496875,12.7752292 C26.2524792,12.7752292 23.8951875,15.1325208 23.8951875,18.0297292 L23.8951875,39.3293125 C23.8951875,42.2265208 26.2524792,44.5825208 29.1496875,44.5825208 C32.0468958,44.5825208 34.4028958,42.2265208 34.4028958,39.3293125 L34.4028958,18.0297292 C34.4028958,15.1325208 32.0468958,12.7752292 29.1496875,12.7752292 M29.1496875,47.1658542 C24.8277708,47.1658542 21.3118542,43.6499375 21.3118542,39.3293125 L21.3118542,18.0297292 C21.3118542,13.7078125 24.8277708,10.1918958 29.1496875,10.1918958 C33.4716042,10.1918958 36.9862292,13.7078125 36.9862292,18.0297292 L36.9862292,39.3293125 C36.9862292,43.6499375 33.4716042,47.1658542 29.1496875,47.1658542", fill: "currentColor" }), h("g", { key: 'ee8e96975f75397ee710ca06fd7cd9445c77399b', transform: "translate(42.8066, 0)" }, h("path", { key: '680f4fe57acccfa9fe9fd71c09379c8cbe86f0bb', d: "M7.83654167,2.58320417 C4.93933333,2.58320417 2.58333333,4.94049583 2.58333333,7.8364125 L2.58333333,39.3285375 C2.58333333,42.2257458 4.93933333,44.5830375 7.83654167,44.5830375 C10.73375,44.5830375 13.0910417,42.2257458 13.0910417,39.3285375 L13.0910417,7.8364125 C13.0910417,4.94049583 10.73375,2.58320417 7.83654167,2.58320417 M7.83654167,47.1663708 C3.514625,47.1663708 0,43.6504542 0,39.3285375 L0,7.8364125 C0,3.5157875 3.514625,-0.000129166667 7.83654167,-0.000129166667 C12.1584583,-0.000129166667 15.674375,3.5157875 15.674375,7.8364125 L15.674375,39.3285375 C15.674375,43.6504542 12.1584583,47.1663708 7.83654167,47.1663708", fill: "currentColor" })))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '33bc02e16d5beef51d1fa654035c11173e046861', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd21ee629e52acfeb82d639e20681fd0beca753fc' }, this.afDesc), h("g", { key: '3f1d465eb524ee4d29305bd03af36c69dae3ffe6', transform: "translate(0, 0)" }, h("path", { key: '8bf1dfa35c52d2a76a6826899a09fb9d4448ca6c', d: "M7.83654167,22.5340292 C4.93933333,22.5340292 2.58333333,24.8913208 2.58333333,27.7872375 L2.58333333,39.3282792 C2.58333333,42.2267792 4.93933333,44.5827792 7.83654167,44.5827792 C10.73375,44.5827792 13.0910417,42.2267792 13.0910417,39.3282792 L13.0910417,27.7872375 C13.0910417,24.8913208 10.73375,22.5340292 7.83654167,22.5340292 M7.83654167,47.1661125 C3.514625,47.1661125 0,43.6501958 0,39.3282792 L0,27.7872375 C0,23.4666125 3.514625,19.9506958 7.83654167,19.9506958 C12.1584583,19.9506958 15.674375,23.4666125 15.674375,27.7872375 L15.674375,39.3282792 C15.674375,43.6501958 12.1584583,47.1661125 7.83654167,47.1661125", fill: "currentColor" }), h("path", { key: '27d01e0b2211eecf17942dbda06fb8ee4f755549', d: "M29.1496875,12.7752292 C26.2524792,12.7752292 23.8951875,15.1325208 23.8951875,18.0297292 L23.8951875,39.3293125 C23.8951875,42.2265208 26.2524792,44.5825208 29.1496875,44.5825208 C32.0468958,44.5825208 34.4028958,42.2265208 34.4028958,39.3293125 L34.4028958,18.0297292 C34.4028958,15.1325208 32.0468958,12.7752292 29.1496875,12.7752292 M29.1496875,47.1658542 C24.8277708,47.1658542 21.3118542,43.6499375 21.3118542,39.3293125 L21.3118542,18.0297292 C21.3118542,13.7078125 24.8277708,10.1918958 29.1496875,10.1918958 C33.4716042,10.1918958 36.9862292,13.7078125 36.9862292,18.0297292 L36.9862292,39.3293125 C36.9862292,43.6499375 33.4716042,47.1658542 29.1496875,47.1658542", fill: "currentColor" }), h("g", { key: '16d93a1eb9ff2a96c4fff2cfdcb39a65f63be8f4', transform: "translate(42.8066, 0)" }, h("path", { key: '8707039861849eea3cacc4df160028dee1435186', d: "M7.83654167,2.58320417 C4.93933333,2.58320417 2.58333333,4.94049583 2.58333333,7.8364125 L2.58333333,39.3285375 C2.58333333,42.2257458 4.93933333,44.5830375 7.83654167,44.5830375 C10.73375,44.5830375 13.0910417,42.2257458 13.0910417,39.3285375 L13.0910417,7.8364125 C13.0910417,4.94049583 10.73375,2.58320417 7.83654167,2.58320417 M7.83654167,47.1663708 C3.514625,47.1663708 0,43.6504542 0,39.3285375 L0,7.8364125 C0,3.5157875 3.514625,-0.000129166667 7.83654167,-0.000129166667 C12.1584583,-0.000129166667 15.674375,3.5157875 15.674375,7.8364125 L15.674375,39.3285375 C15.674375,43.6504542 12.1584583,47.1663708 7.83654167,47.1663708", fill: "currentColor" })))));
     }
 };
 IconWifiSignal0.style = iconWifiSignal0Css();

package/dist/esm/digi-icon-wifi-signal1.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-cJjrzQkn.js';
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWifiSignal1Css = () => `.sc-digi-icon-wifi-signal1-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-wifi-signal1-h svg.sc-digi-icon-wifi-signal1{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)}`;
@@ -14,11 +14,11 @@ const IconWifiSignal1 = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '199c2ee4e97d3fc90afd6a10407ccc7197b33a98', class: "digi-icon-wifi-signal1", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'e1c66bba5e70271a97b105ea88fea3387da01310', class: "digi-icon-wifi-signal1", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '9c5316b00d4b063e507b038d7fda1db1ddfcb2f6', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e51cd7f1825615228b7517e218f4fffc0d228d95' }, this.afDesc), h("g", { key: '4927b5377e75e539bb72b34803302be4c5e0240f', transform: "translate(0, 0)" }, h("path", { key: '0111b27f8cb994577f2d52872d21140dbbf675ba', d: "M7.83654167,47.1665 C3.514625,47.1665 0,43.6505833 0,39.3286667 L0,27.787625 C0,23.4657083 3.514625,19.9510833 7.83654167,19.9510833 C12.1584583,19.9510833 15.674375,23.4657083 15.674375,27.787625 L15.674375,39.3286667 C15.674375,43.6505833 12.1584583,47.1665 7.83654167,47.1665", fill: "currentColor" }), h("path", { key: '2f9425d712f79b2a95d3ae08ea2b106c9643fcfe', d: "M29.1496875,12.7752292 C26.2524792,12.7752292 23.8951875,15.1325208 23.8951875,18.0297292 L23.8951875,39.3293125 C23.8951875,42.2265208 26.2524792,44.5825208 29.1496875,44.5825208 C32.0468958,44.5825208 34.4028958,42.2265208 34.4028958,39.3293125 L34.4028958,18.0297292 C34.4028958,15.1325208 32.0468958,12.7752292 29.1496875,12.7752292 M29.1496875,47.1658542 C24.8277708,47.1658542 21.3118542,43.6499375 21.3118542,39.3293125 L21.3118542,18.0297292 C21.3118542,13.7078125 24.8277708,10.1918958 29.1496875,10.1918958 C33.4716042,10.1918958 36.9862292,13.7078125 36.9862292,18.0297292 L36.9862292,39.3293125 C36.9862292,43.6499375 33.4716042,47.1658542 29.1496875,47.1658542", fill: "currentColor" }), h("g", { key: '11801cf3c5de722453418e7d5675ce612edf5472', transform: "translate(42.8066, 0)" }, h("path", { key: 'daaa3538c5b056b29867d1fd6f1cdaa558b79b3a', d: "M7.83654167,2.58320417 C4.93933333,2.58320417 2.58333333,4.94049583 2.58333333,7.8364125 L2.58333333,39.3285375 C2.58333333,42.2257458 4.93933333,44.5830375 7.83654167,44.5830375 C10.73375,44.5830375 13.0910417,42.2257458 13.0910417,39.3285375 L13.0910417,7.8364125 C13.0910417,4.94049583 10.73375,2.58320417 7.83654167,2.58320417 M7.83654167,47.1663708 C3.514625,47.1663708 0,43.6504542 0,39.3285375 L0,7.8364125 C0,3.5157875 3.514625,-0.000129166667 7.83654167,-0.000129166667 C12.1584583,-0.000129166667 15.674375,3.5157875 15.674375,7.8364125 L15.674375,39.3285375 C15.674375,43.6504542 12.1584583,47.1663708 7.83654167,47.1663708", fill: "currentColor" })))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '03c9b2ffb96153a3a494a52527c0762e48a9acbe', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '721f25e64fb680c68f1db4a97cd77ec2ea14b3e4' }, this.afDesc), h("g", { key: '23097c88e8be9f17672a0c77e016df57ec535564', transform: "translate(0, 0)" }, h("path", { key: '10907e817005ea5278fb13543c3c68e2fbc07ce7', d: "M7.83654167,47.1665 C3.514625,47.1665 0,43.6505833 0,39.3286667 L0,27.787625 C0,23.4657083 3.514625,19.9510833 7.83654167,19.9510833 C12.1584583,19.9510833 15.674375,23.4657083 15.674375,27.787625 L15.674375,39.3286667 C15.674375,43.6505833 12.1584583,47.1665 7.83654167,47.1665", fill: "currentColor" }), h("path", { key: 'ea5e7c5b466b4262be1dc5aa62ab3bd756ef48d0', d: "M29.1496875,12.7752292 C26.2524792,12.7752292 23.8951875,15.1325208 23.8951875,18.0297292 L23.8951875,39.3293125 C23.8951875,42.2265208 26.2524792,44.5825208 29.1496875,44.5825208 C32.0468958,44.5825208 34.4028958,42.2265208 34.4028958,39.3293125 L34.4028958,18.0297292 C34.4028958,15.1325208 32.0468958,12.7752292 29.1496875,12.7752292 M29.1496875,47.1658542 C24.8277708,47.1658542 21.3118542,43.6499375 21.3118542,39.3293125 L21.3118542,18.0297292 C21.3118542,13.7078125 24.8277708,10.1918958 29.1496875,10.1918958 C33.4716042,10.1918958 36.9862292,13.7078125 36.9862292,18.0297292 L36.9862292,39.3293125 C36.9862292,43.6499375 33.4716042,47.1658542 29.1496875,47.1658542", fill: "currentColor" }), h("g", { key: 'c8520d33fffee3156d4532dd2c54120da9e22291', transform: "translate(42.8066, 0)" }, h("path", { key: 'bb6c9a39df9bd139a95c2d6ac608e24be652f02a', d: "M7.83654167,2.58320417 C4.93933333,2.58320417 2.58333333,4.94049583 2.58333333,7.8364125 L2.58333333,39.3285375 C2.58333333,42.2257458 4.93933333,44.5830375 7.83654167,44.5830375 C10.73375,44.5830375 13.0910417,42.2257458 13.0910417,39.3285375 L13.0910417,7.8364125 C13.0910417,4.94049583 10.73375,2.58320417 7.83654167,2.58320417 M7.83654167,47.1663708 C3.514625,47.1663708 0,43.6504542 0,39.3285375 L0,7.8364125 C0,3.5157875 3.514625,-0.000129166667 7.83654167,-0.000129166667 C12.1584583,-0.000129166667 15.674375,3.5157875 15.674375,7.8364125 L15.674375,39.3285375 C15.674375,43.6504542 12.1584583,47.1663708 7.83654167,47.1663708", fill: "currentColor" })))));
     }
 };
 IconWifiSignal1.style = iconWifiSignal1Css();

package/dist/esm/digi-icon-wifi-signal2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-cJjrzQkn.js';
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWifiSignal2Css = () => `.sc-digi-icon-wifi-signal2-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-wifi-signal2-h svg.sc-digi-icon-wifi-signal2{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)}`;
@@ -14,11 +14,11 @@ const IconWifiSignal2 = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'b5a1a6c028ce40d942698cb0f27395a5f9bc0454', class: "digi-icon-wifi-signal2", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'fd5389394a38e70433502dc3a586719cacb73c07', class: "digi-icon-wifi-signal2", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: 'b4e804982b6533fbb5e2f5576bc2df67d5a9ba0a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e22c5b640d6178c05ccf21b895b58b4f20efba96' }, this.afDesc), h("g", { key: '37ba4b50a3d1a0a58b3a9d8991f1e101f5156cbb', transform: "translate(-0, 0)" }, h("path", { key: '8d4ad06a15d5733430ef835e4e037548599b2a99', d: "M7.83654167,47.1665 C3.514625,47.1665 0,43.6505833 0,39.3286667 L0,27.787625 C0,23.4657083 3.514625,19.9510833 7.83654167,19.9510833 C12.1584583,19.9510833 15.674375,23.4657083 15.674375,27.787625 L15.674375,39.3286667 C15.674375,43.6505833 12.1584583,47.1665 7.83654167,47.1665", fill: "currentColor" }), h("path", { key: '129de26d92409bdf924c03e5527ae1cc16a3aea3', d: "M29.1496875,47.1665 C24.8277708,47.1665 21.3118542,43.6505833 21.3118542,39.3286667 L21.3118542,18.0290833 C21.3118542,13.7084583 24.8277708,10.1925417 29.1496875,10.1925417 C33.4716042,10.1925417 36.9862292,13.7084583 36.9862292,18.0290833 L36.9862292,39.3286667 C36.9862292,43.6505833 33.4716042,47.1665 29.1496875,47.1665", fill: "currentColor" }), h("g", { key: 'b8380e6e7bacebdece77e5192ae6d6e5dfbcb33b', transform: "translate(42.8066, 0)" }, h("path", { key: '2e5a69eb4f9a816b74efa1f135c859d280c1772c', d: "M7.83654167,2.58320417 C4.93933333,2.58320417 2.58333333,4.94049583 2.58333333,7.8364125 L2.58333333,39.3285375 C2.58333333,42.2257458 4.93933333,44.5830375 7.83654167,44.5830375 C10.73375,44.5830375 13.0910417,42.2257458 13.0910417,39.3285375 L13.0910417,7.8364125 C13.0910417,4.94049583 10.73375,2.58320417 7.83654167,2.58320417 M7.83654167,47.1663708 C3.514625,47.1663708 0,43.6504542 0,39.3285375 L0,7.8364125 C0,3.5157875 3.514625,-0.000129166667 7.83654167,-0.000129166667 C12.1584583,-0.000129166667 15.674375,3.5157875 15.674375,7.8364125 L15.674375,39.3285375 C15.674375,43.6504542 12.1584583,47.1663708 7.83654167,47.1663708", fill: "currentColor" })))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: 'a27e713f62f99e021d4954d6ab5af4176153fccb', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1994ab3b21c238f7fceef07b23343f833953cd3b' }, this.afDesc), h("g", { key: '6d396613a50b52410c53421d8244da6f5402382b', transform: "translate(-0, 0)" }, h("path", { key: '4b1977e5ac39953af5d129f5e05712a72bb9adb1', d: "M7.83654167,47.1665 C3.514625,47.1665 0,43.6505833 0,39.3286667 L0,27.787625 C0,23.4657083 3.514625,19.9510833 7.83654167,19.9510833 C12.1584583,19.9510833 15.674375,23.4657083 15.674375,27.787625 L15.674375,39.3286667 C15.674375,43.6505833 12.1584583,47.1665 7.83654167,47.1665", fill: "currentColor" }), h("path", { key: 'a9663ecb95287fe3421ce3590b802d7ca9854ea2', d: "M29.1496875,47.1665 C24.8277708,47.1665 21.3118542,43.6505833 21.3118542,39.3286667 L21.3118542,18.0290833 C21.3118542,13.7084583 24.8277708,10.1925417 29.1496875,10.1925417 C33.4716042,10.1925417 36.9862292,13.7084583 36.9862292,18.0290833 L36.9862292,39.3286667 C36.9862292,43.6505833 33.4716042,47.1665 29.1496875,47.1665", fill: "currentColor" }), h("g", { key: '2a5d201848315fe517b457516f7b5f37132959f7', transform: "translate(42.8066, 0)" }, h("path", { key: 'e6004f752ebb9f7e04eb164441476969c0eddd8f', d: "M7.83654167,2.58320417 C4.93933333,2.58320417 2.58333333,4.94049583 2.58333333,7.8364125 L2.58333333,39.3285375 C2.58333333,42.2257458 4.93933333,44.5830375 7.83654167,44.5830375 C10.73375,44.5830375 13.0910417,42.2257458 13.0910417,39.3285375 L13.0910417,7.8364125 C13.0910417,4.94049583 10.73375,2.58320417 7.83654167,2.58320417 M7.83654167,47.1663708 C3.514625,47.1663708 0,43.6504542 0,39.3285375 L0,7.8364125 C0,3.5157875 3.514625,-0.000129166667 7.83654167,-0.000129166667 C12.1584583,-0.000129166667 15.674375,3.5157875 15.674375,7.8364125 L15.674375,39.3285375 C15.674375,43.6504542 12.1584583,47.1663708 7.83654167,47.1663708", fill: "currentColor" })))));
     }
 };
 IconWifiSignal2.style = iconWifiSignal2Css();

package/dist/esm/digi-icon-wifi-signal3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-cJjrzQkn.js';
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWifiSignal3Css = () => `.sc-digi-icon-wifi-signal3-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-wifi-signal3-h svg.sc-digi-icon-wifi-signal3{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)}`;
@@ -14,11 +14,11 @@ const IconWifiSignal3 = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'cd9eeee9a1807863158136ad1514844cefb657a3', class: "digi-icon-wifi-signal3", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '612cff519c9654b5f4f8908105a55af335e7b826', class: "digi-icon-wifi-signal3", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '73fa212b7576d12dc61dc3d21f6814d0b9c249e1', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f27e9d428fb257d9ef69cf7fcc2b962111006851' }, this.afDesc), h("g", { key: '8072a7466a1a720790533094506d279003fb3363', transform: "translate(-880, -890)", fill: "currentColor" }, h("g", { key: '008efd9fb57030f1ba9cf57d8605e7a73435d364', transform: "translate(881.2917, 897.75)" }, h("g", { key: 'add48394f28ac438ceaff53de0108e917f2b781e', transform: "translate(-0, 0)" }, h("path", { key: 'e9a8be2faf5b2944662115724719c52d80a299aa', d: "M7.83654167,47.1665 C3.514625,47.1665 0,43.6505833 0,39.3286667 L0,27.787625 C0,23.4657083 3.514625,19.9510833 7.83654167,19.9510833 C12.1584583,19.9510833 15.674375,23.4657083 15.674375,27.787625 L15.674375,39.3286667 C15.674375,43.6505833 12.1584583,47.1665 7.83654167,47.1665" }), h("path", { key: '52c5403ad649234752ab1184c6aec665d5f2e879', d: "M29.1496875,47.1665 C24.8277708,47.1665 21.3118542,43.6505833 21.3118542,39.3286667 L21.3118542,18.0290833 C21.3118542,13.7084583 24.8277708,10.1925417 29.1496875,10.1925417 C33.4716042,10.1925417 36.9862292,13.7084583 36.9862292,18.0290833 L36.9862292,39.3286667 C36.9862292,43.6505833 33.4716042,47.1665 29.1496875,47.1665" }), h("path", { key: 'd0592b903d9a16166bb60f82c84d49326421c627', d: "M50.64315,47.1665 C46.3212333,47.1665 42.8066083,43.6505833 42.8066083,39.3286667 L42.8066083,7.83654167 C42.8066083,3.51591667 46.3212333,0 50.64315,0 C54.9650667,0 58.4809833,3.51591667 58.4809833,7.83654167 L58.4809833,39.3286667 C58.4809833,43.6505833 54.9650667,47.1665 50.64315,47.1665" }))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '4878c4cfdd1c7869c527355ac5f9cf66fd273696', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd64fdf7c2b5df6617706ebcba22fa58dba2c428a' }, this.afDesc), h("g", { key: '3fdf08c156e51fef5e9edfb49ae1fc65efc32f9d', transform: "translate(-880, -890)", fill: "currentColor" }, h("g", { key: '3eb33a6019b05a259bc5eec59592a788c4df0a49', transform: "translate(881.2917, 897.75)" }, h("g", { key: 'ee96ea7fa8bfad5d5eea509e7dfd763f13740a66', transform: "translate(-0, 0)" }, h("path", { key: '2ecaee9d8554b3880f61b6c435bd8cac32c79653', d: "M7.83654167,47.1665 C3.514625,47.1665 0,43.6505833 0,39.3286667 L0,27.787625 C0,23.4657083 3.514625,19.9510833 7.83654167,19.9510833 C12.1584583,19.9510833 15.674375,23.4657083 15.674375,27.787625 L15.674375,39.3286667 C15.674375,43.6505833 12.1584583,47.1665 7.83654167,47.1665" }), h("path", { key: '561e2d58bc3b393a6112622f7b436bb16a4b41ea', d: "M29.1496875,47.1665 C24.8277708,47.1665 21.3118542,43.6505833 21.3118542,39.3286667 L21.3118542,18.0290833 C21.3118542,13.7084583 24.8277708,10.1925417 29.1496875,10.1925417 C33.4716042,10.1925417 36.9862292,13.7084583 36.9862292,18.0290833 L36.9862292,39.3286667 C36.9862292,43.6505833 33.4716042,47.1665 29.1496875,47.1665" }), h("path", { key: '39fe0b14c7eccc48ab3d09802c22f3e84ed3d7c1', d: "M50.64315,47.1665 C46.3212333,47.1665 42.8066083,43.6505833 42.8066083,39.3286667 L42.8066083,7.83654167 C42.8066083,3.51591667 46.3212333,0 50.64315,0 C54.9650667,0 58.4809833,3.51591667 58.4809833,7.83654167 L58.4809833,39.3286667 C58.4809833,43.6505833 54.9650667,47.1665 50.64315,47.1665" }))))));
     }
 };
 IconWifiSignal3.style = iconWifiSignal3Css();

package/dist/esm/digi-icon-window.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-cJjrzQkn.js';
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconWindowCss = () => `.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)}`;
@@ -14,11 +14,11 @@ const IconWindow = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '479835f696172fb44f39a7a985108002d02eb5ad', class: "digi-icon-window", width: "68px", height: "68px", viewBox: "0 0 68 68", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'f62100382737a2f4940f639c3e45b2f4ac2049f2', 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
-                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '00226c14ecf9654e6ec76fb63c5e6e0aa894d5f3', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '3920dbebce0d0da53288c169c9bb9975a10d1e03' }, this.afDesc), h("g", { key: '5ecd49db5865fe274d5210eb7eadcd8ee5358aab', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '25841a7d75ef970ca3587a42c0db45a78df0b982', transform: "translate(-1216, -884)", fill: "currentColor" }, h("g", { key: '42fdcee898672616e4a4ab22b27b18d57ba290e8', transform: "translate(1218.8333, 886.8333)" }, h("path", { key: '91d821911b0a6f2fffbe0049050abf84b6306643', 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" }))))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && h("title", { key: '18edd72fe97abf38752692435d9cfdc243785252', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'cab089606bd221cf8ccab93b0586ec2da67478b4' }, this.afDesc), h("g", { key: 'ae344a65aae78155efe1cb2ce058f6697f1caddd', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '75e9e8df29ad2b3bb96d11f97f745b9f5f58ed2d', transform: "translate(-1216, -884)", fill: "currentColor" }, h("g", { key: 'e9d80c518d31ab376010ad48d4bc80b64be3c91c', transform: "translate(1218.8333, 886.8333)" }, h("path", { key: 'e479acd29628d958f70b6cacf2808bd676f75951', 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" }))))));
     }
 };
 IconWindow.style = iconWindowCss();

package/dist/esm/digi-icon-x-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-cJjrzQkn.js';
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconXButtonCss = () => `.sc-digi-icon-x-button-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-x-button-h svg.sc-digi-icon-x-button{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)}`;
@@ -14,11 +14,11 @@ const IconXButton = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'e8d34231ec5977153977631955ff90e76e05027c', class: "digi-icon-x-button", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '268b6edd364bd8756641c7a38f29f16e1e6c86a7', class: "digi-icon-x-button", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '0cd0cf2782fac609945743c7033610a1b2f2dab7', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5553d3491066d8ae2bfde31bc8adb6f42cb4fd6e' }, this.afDesc), h("g", { key: '856145b40a6873330247d5f46eebb9c2e365d7a9', class: "digi-icon-x-button__shape", fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '08b6828d90d1b1184574129b97d1c8399cb3d3fb', fill: "currentColor", cx: "12.5", cy: "12.5", r: "12.5" }), h("g", { key: '4edbc1a7d7a48e01a5d376b34c663ad800c89cd0', stroke: "#F9F9F9", "stroke-linecap": "square", "stroke-width": "2.044" }, h("path", { key: '2bcf2a07f5f35d1276062ec05026512ddbd202f1', d: "M8.333 8.333l8.32 8.32M16.652 8.333l-8.319 8.32" })))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'd5ae13aee950fe29fe65ee88ed6179163cd4ac87', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '790ceee576f5e4394eb72b3f8174a20c4218c3ee' }, this.afDesc), h("g", { key: '2c071d0d6a532162307a053f70dd2c427db0a541', class: "digi-icon-x-button__shape", fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '34fea91641c7a88766b4368022565b4b2e430226', fill: "currentColor", cx: "12.5", cy: "12.5", r: "12.5" }), h("g", { key: '5a65bb42e8b932260849564166aba52442568eda', stroke: "#F9F9F9", "stroke-linecap": "square", "stroke-width": "2.044" }, h("path", { key: '49d7c747fae932c3f5c5e5e181f8fe220f08eb9b', d: "M8.333 8.333l8.32 8.32M16.652 8.333l-8.319 8.32" })))));
     }
 };
 IconXButton.style = iconXButtonCss();

package/dist/esm/digi-icon-x.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
+
+const iconXCss = () => `.sc-digi-icon-x-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-x-h svg.sc-digi-icon-x{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)}`;
+
+const IconX = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '9686c4aed297ef043ed3a2abf2be9b22e2df9e4b', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '9bcfe8c0390af79c7d210b0d0746dc63af5811c9', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '980661e99a2f47ffca57a8b7efc28a5a58c94769' }, this.afDesc), h("g", { key: '5b0c599e74d296d1abea2c25f1fbbecdeeeb014b', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '768cce4fa9691fe53bf39456d4556f87be473fbe', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+    }
+};
+IconX.style = iconXCss();
+
+export { IconX as digi_icon_x };

package/dist/esm/digi-icon-youtube.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-cJjrzQkn.js';
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const iconYoutubeCss = () => `.sc-digi-icon-youtube-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-youtube-h svg.sc-digi-icon-youtube{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)}`;
@@ -14,11 +14,11 @@ const IconYoutube = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '572f696db9d0c1ce1f5a354814cb2ccbc3959ca4', class: "digi-icon-youtube", width: "27", height: "19", viewBox: "0 0 27 19", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '7f30a966b3c5c2df98069aee836289783df2014a', class: "digi-icon-youtube", width: "27", height: "19", viewBox: "0 0 27 19", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: '330491585cec2fff5d2c201f88e4bff218d362bc', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1c293d9d91ecf8476041f82e636f0f419e686497' }, this.afDesc), h("path", { key: '016ddb6fc5eaa2ed6ae8e7b92c659faddace0cfc', class: "digi-icon-youtube__shape", d: "M26.392 2.973a3.388 3.388 0 00-2.38-2.405C21.915 0 13.5 0 13.5 0S5.086 0 2.987.568A3.388 3.388 0 00.608 2.973C.046 5.093.046 9.519.046 9.519s0 4.426.562 6.547a3.338 3.338 0 002.38 2.366C5.085 19 13.5 19 13.5 19s8.414 0 10.513-.568a3.338 3.338 0 002.379-2.366c.562-2.121.562-6.547.562-6.547s0-4.425-.562-6.546zM10.748 13.537V5.501l7.033 4.018-7.033 4.018z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'd80e5ad9f7bfb16417bf6cbd01355f134d713c22', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'dcc874b110500749a1eb30bf311cbb18734ba063' }, this.afDesc), h("path", { key: '5d8794bdb94deaef0b38c36edeec4a8ff6e4602a', class: "digi-icon-youtube__shape", d: "M26.392 2.973a3.388 3.388 0 00-2.38-2.405C21.915 0 13.5 0 13.5 0S5.086 0 2.987.568A3.388 3.388 0 00.608 2.973C.046 5.093.046 9.519.046 9.519s0 4.426.562 6.547a3.338 3.338 0 002.38 2.366C5.085 19 13.5 19 13.5 19s8.414 0 10.513-.568a3.338 3.338 0 002.379-2.366c.562-2.121.562-6.547.562-6.547s0-4.425-.562-6.546zM10.748 13.537V5.501l7.033 4.018-7.033 4.018z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconYoutube.style = iconYoutubeCss();

package/dist/esm/digi-info-card-multi-container.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
+
+const infoCardMultiContainerCss = () => `.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__heading.sc-digi-info-card-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--typography--heading-2--font-weight--desktop);font-family:var(--digi--global--typography--font-family--default);line-height:var(--digi--typography--heading-2--line-height--desktop)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__heading.sc-digi-info-card-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop-large);font-weight:var(--digi--typography--heading-2--font-weight--desktop-large);line-height:var(--digi--typography--heading-2--line-height--desktop-large)}}.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__content.sc-digi-info-card-multi-container{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit, minmax(365px, 1fr))}`;
+
+const InfoCardMultiContainer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("div", { key: 'b775743ed7ca34a61266da4d54bc6ab919f5b96d', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (h(this.afHeadingLevel, { key: 'a0de52885966821356bafa26ff905d74010c8eb2', class: "digi-info-card-multi-container__heading" }, this.afHeading)), h("digi-layout-columns", { key: 'c95c7aa61c8827d89265127d47545d9acd7d0be4', "af-variation": "three" }, h("slot", { key: 'd88492c5852062ba14fa43a40bb3f1c05d9aa609' }))));
+    }
+};
+InfoCardMultiContainer.style = infoCardMultiContainerCss();
+
+export { InfoCardMultiContainer as digi_info_card_multi_container };

package/dist/esm/digi-info-card-multi.entry.js

@@ -0,0 +1,63 @@
+import { r as registerInstance, d as createEvent, h, a as Host, c as getElement } from './index-B8OxDoWx.js';
+import { I as InfoCardMultiHeadingLevel, a as InfoCardMultiType } from './info-card-multi-type.enum-u37CGyZ9.js';
+import { l as logger } from './logger.util-DdB9j8uV.js';
+import { T as TagMediaIcon } from './tag-media-icon.enum-BvcVTm_t.js';
+
+const infoCardMultiCss = () => `.sc-digi-info-card-multi-h{--digi--info-card-multi--color--heading:var(--digi--color--text--primary);--digi--info-card-multi--color--heading--link:var(--digi--color--text--interactive--primary);--digi--info-card-multi--border:var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);--digi--info-card-multi--padding--image:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--image--desktop:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--text:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--text--desktop:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--info-card-multi--media-heading--font-size--mobile:var(--digi--typography--heading-3--font-size--mobile);--digi--info-card-multi--media-heading--font-size--desktop:var(--digi--typography--heading-3--font-size--desktop);--digi--info-card-multi--related-heading--font-size--mobile:var(--digi--typography--heading-3--font-size--mobile);--digi--info-card-multi--related-heading--font-size--desktop:var(--digi--typography--heading-3--font-size--desktop);--digi--info-card-multi--entry-heading--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--info-card-multi--entry-heading--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--info-card--background-color:var(--digi--color--background--primary)}.sc-digi-info-card-multi-h .digi-info-card-multi.sc-digi-info-card-multi{box-sizing:border-box;background-color:var(--BACKGROUND-COLOR);height:100%;display:grid}.sc-digi-info-card-multi-h .digi-info-card-multi--media.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--media-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--image);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--media.sc-digi-info-card-multi{--PADDING:var(--digi--info-card-multi--padding--image--desktop);--FONT-SIZE--HEADING:var(--digi--info-card-multi--media-heading--font-size--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--related-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--text);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--related-heading--font-size--desktop);--PADDING:var(--digi--info-card-multi--padding--text--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{border-top:var(--digi--info-card-multi--border)}.sc-digi-info-card-multi-h .digi-info-card-multi--entry.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--entry-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--text);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--entry.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--entry-heading--font-size--desktop);--PADDING:var(--digi--info-card-multi--padding--text--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi__image.sc-digi-info-card-multi{position:relative}.sc-digi-info-card-multi-h .digi-info-card-multi__tag.sc-digi-info-card-multi{position:absolute;z-index:1;left:1rem;bottom:0.5rem}.sc-digi-info-card-multi-h .digi-info-card-multi__content.sc-digi-info-card-multi{grid-column:1;grid-row:1}.sc-digi-info-card-multi-h .digi-info-card-multi__text.sc-digi-info-card-multi{padding:var(--PADDING)}.sc-digi-info-card-multi-h .digi-info-card-multi__heading.sc-digi-info-card-multi{font-size:var(--FONT-SIZE--HEADING);color:var(--COLOR--HEADING);font-family:var(--digi--global--typography--font-family--default);font-weight:var(--digi--info-card-multi--heading--font-weight);display:inline-block;margin-top:0;margin-bottom:0.5rem}.sc-digi-info-card-multi-h .digi-info-card-multi--active-link.sc-digi-info-card-multi .digi-info-card-multi__heading.sc-digi-info-card-multi{text-decoration:underline}.sc-digi-info-card-multi-h .digi-info-card-multi__link.sc-digi-info-card-multi{margin-top:0;display:block;font-size:inherit;line-height:inherit;font-weight:inherit}.sc-digi-info-card-multi-h .digi-info-card-multi__link-overlay.sc-digi-info-card-multi{grid-column:1;grid-row:1;opacity:0}.sc-digi-info-card-multi-h .digi-info-card-multi--hide-visited.sc-digi-info-card-multi .digi-info-card-multi__heading.sc-digi-info-card-multi .digi-info-card-multi__link.sc-digi-info-card-multi:visited{color:var(--digi--info-card-multi--color--heading--link)}.sc-digi-info-card-multi-s .digi-media-image{display:block !important}.sc-digi-info-card-multi-s img{display:block !important}`;
+
+const InfoCardMulti = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnClickLink = createEvent(this, "afOnClickLink", 7);
+        /**
+         * Sätter ikon för taggen
+         * @en set icon for tag
+         */
+        this.afTagIcon = TagMediaIcon.NEWS;
+        /**
+         * Sätter rubrikens vikt (h1-h6)
+         * @en Set heading level (h1-h6)
+         */
+        this.afHeadingLevel = InfoCardMultiHeadingLevel.H2;
+        /**
+         * Sätter typ. Kan vara 'media' eller 'text'.
+         * @en Set info card variation. Can be 'media' or 'text'.
+         */
+        this.afType = InfoCardMultiType.MEDIA;
+        this.activeLink = false;
+    }
+    componentWillLoad() {
+        this.validateHeading();
+    }
+    validateHeading() {
+        if (!this.afHeading || !this.afHeadingLevel) {
+            logger.warn(`digi-info-card must have a heading and a heading level. Please add af-heading and af-heading-level`, this.hostElement);
+        }
+    }
+    clickLinkHandler(e) {
+        this.afOnClickLink.emit(e);
+    }
+    get cssModifiers() {
+        return {
+            'digi-info-card-multi--media': this.afType === InfoCardMultiType.MEDIA,
+            'digi-info-card-multi--related': this.afType === InfoCardMultiType.RELATED,
+            'digi-info-card-multi--entry': this.afType === InfoCardMultiType.ENTRY,
+            'digi-info-card-multi--hide-visited': this.hideVisitedColor
+        };
+    }
+    render() {
+        return (h(Host, { key: '40e08212349dbcbae90dc2279de6fdbadf0527da' }, h("div", { key: '58d088d14a91ea0f0e07ae40b7d219bb9d68256c', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: '37a3b4de10ebc418cb4f68bc3a4fc104fdaacf60', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: '127380282d5ef5c2174beb0c1cf4164c65a27a45', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: 'd1fe3af3f1f61be389988cddc3120f34d9d8cd8a', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: '4c4aabe2de9f976ddc31e560d2881c491fed6284', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: 'db2a7dbc59ca1bd95ef5cdd423d667fe590298a9', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: '25e35ef232462000e0581c512bfcd688ae5dc529', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: '497eefce1e4519e47c1a502bb23827a3a36f7623', class: "digi-info-card-multi__heading" }, h("a", { key: '245731299d3ae5716d690a1ecdab3c48d01b53aa', class: "digi-info-card-multi__link", href: this.afLinkHref, onMouseEnter: () => (this.activeLink = true), onFocus: () => (this.activeLink = true), onMouseLeave: () => (this.activeLink = false), onBlur: () => (this.activeLink = false), onClick: (e) => this.clickLinkHandler(e) }, this.afHeading)), h("digi-typography", { key: '47c5b4387a170df7796fed40d580dcf4fd9be3fc' }, h("slot", { key: '60e37504a789ec5b2590a2a853df6935cce36767' })))))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "afHeading": [{
+                "validateHeading": 0
+            }],
+        "afHeadingLevel": [{
+                "validateHeading": 0
+            }]
+    }; }
+};
+InfoCardMulti.style = infoCardMultiCss();
+
+export { InfoCardMulti as digi_info_card_multi };

package/dist/esm/digi-info-card.entry.js

@@ -0,0 +1,93 @@
+import { r as registerInstance, d as createEvent, h, c as getElement } from './index-B8OxDoWx.js';
+import { a as InfoCardHeadingLevel, c as InfoCardType, b as InfoCardSize, I as InfoCardBorderPosition, d as InfoCardVariation } from './info-card-variation.enum-PuRFa9pe.js';
+import { l as logger } from './logger.util-DdB9j8uV.js';
+
+const infoCardCss = () => `.sc-digi-info-card-h{--digi--info-card--background-color--primary:var(--digi--color--background--pop-out);--digi--info-card--background-color--secondary:var(--digi--color--background--secondary);--digi--info-card--background-color--related:var(--digi--color--background--primary);--digi--info-card--color--heading:var(--digi--color--text--primary);--digi--info-card--color--heading--multi:var(--digi--color--text--interactive--primary);--digi--info-card--border:var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);--digi--info-card--padding:var(--digi--padding--large) var(--digi--padding--medium) var(--digi--padding--largest) var(--digi--padding--medium);--digi--info-card--padding--desktop:var(--digi--padding--largest-2) var(--digi--padding--largest) var(--digi--padding--largest-3) var(--digi--padding--largest);--digi--info-card--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--info-card--heading--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--info-card--heading--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--BACKGROUND-COLOR:var(--digi--info-card--background-color--single)}.sc-digi-info-card-h .digi-info-card.sc-digi-info-card{background-color:var(--BACKGROUND-COLOR);height:100%;display:grid;position:relative}.sc-digi-info-card-h .digi-info-card--primary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--primary)}.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--related);--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--secondary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--secondary)}.sc-digi-info-card-h .digi-info-card--border-top.sc-digi-info-card{border-top:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card--border-left.sc-digi-info-card{border-left:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card__content.sc-digi-info-card{grid-column:1;grid-row:1;padding:var(--PADDING)}.sc-digi-info-card-h .digi-info-card__icon.sc-digi-info-card{position:absolute;top:0;right:0;transform:translateY(-50%)}.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--info-card--heading--font-size--mobile);margin-top:0;margin-bottom:0.5rem;font-weight:var(--digi--info-card--heading--font-weight);display:block;color:var(--COLOR--HEADING)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-size:var(--digi--info-card--heading--font-size--desktop);margin-bottom:1rem}}.sc-digi-info-card-h .digi-info-card--active-link.sc-digi-info-card .digi-info-card__heading.sc-digi-info-card{text-decoration:underline}.sc-digi-info-card-h .digi-info-card__link.sc-digi-info-card{margin-top:var(--MARGIN-TOP);display:block;font-size:inherit;line-height:inherit;font-weight:inherit}.sc-digi-info-card-h .digi-info-card__link-overlay.sc-digi-info-card{grid-column:1;grid-row:1;opacity:0}`;
+
+const InfoCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnClickLink = createEvent(this, "afOnClickLink", 7);
+        /**
+         * Sätter rubrikens vikt (h1-h6)
+         * @en Set heading level (h1-h6)
+         */
+        this.afHeadingLevel = InfoCardHeadingLevel.H2;
+        /**
+         * Sätter typ. Kan vara 'tip' or 'related'.
+         * @en Set info card variation. Can be 'tip' or 'related'.
+         */
+        this.afType = InfoCardType.TIP;
+        /**
+         * Sätter storlek på kortet. Kan vara 'Standard'.
+         * @en Set info card size. Can be 'Standard'.
+         */
+        this.afSize = InfoCardSize.STANDARD;
+        /**
+         * Sätter position för kantlinjen. Kan vara 'top' eller 'left'. Detta har endast genomslag om 'af-type' är 'related'.
+         * @en Set border position. Can be 'top' or 'left'. This only applies if 'af-type' is 'related'.
+         */
+        this.afBorderPosition = InfoCardBorderPosition.TOP;
+        /**
+         * Sätter variant. Kan vara 'primary' eller 'secondary'.
+         * @en Set info card variation. Can be 'primary' or 'secondary'.
+         */
+        this.afVariation = InfoCardVariation.PRIMARY;
+        this.activeLink = false;
+        this.hasListIcon = false;
+    }
+    // get shouldRenderListIcon() {
+    // 	return true
+    // }
+    setHasListIcon() {
+        const List = this.hostElement.querySelector('digi-list');
+        if (List) {
+            this.hasListIcon = true;
+        }
+    }
+    componentWillLoad() {
+        this.validateHeading();
+        this.setHasListIcon();
+    }
+    validateHeading() {
+        if (!this.afHeading || !this.afHeadingLevel) {
+            logger.warn(`digi-info-card must have a heading and a heading level. Please add af-heading and af-heading-level`, this.hostElement);
+        }
+    }
+    clickLinkHandler(e) {
+        this.afOnClickLink.emit(e);
+    }
+    get shouldRenderInternalLink() {
+        return this.afType !== this.afLinkText && this.afLinkHref;
+    }
+    get cssModifiers() {
+        return {
+            'digi-info-card--primary': this.afVariation === InfoCardVariation.PRIMARY &&
+                this.afType === InfoCardType.TIP,
+            'digi-info-card--secondary': this.afVariation === InfoCardVariation.SECONDARY,
+            'digi-info-card--tip': this.afType === InfoCardType.TIP,
+            'digi-info-card--related': this.afType === InfoCardType.RELATED,
+            'digi-info-card--standard': this.afSize === InfoCardSize.STANDARD,
+            'digi-info-card--border-top': this.afBorderPosition === InfoCardBorderPosition.TOP &&
+                this.afType === InfoCardType.RELATED,
+            'digi-info-card--border-left': this.afBorderPosition === InfoCardBorderPosition.LEFT &&
+                this.afType === InfoCardType.RELATED,
+            'digi-info-card--active-link': this.activeLink === true
+        };
+    }
+    render() {
+        return (h("div", { key: '8e2cd02aaaa88c2fcc417a2a37212ab62373b53a', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: '03eba3cc6cb519434bbbd5b09f61f43335d7b0f4', class: "digi-info-card__content" }, h("div", { key: '13b70006b10eacd7e4c596bd3b3738b485a02798', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '9e895ebc4a809b504bb8f8dbadde49b940846408', class: "digi-info-card__icon" }, h("slot", { key: '7824534ea077c953189af5b099176f133a3faae3', name: "icon" })))), h(this.afHeadingLevel, { key: '351b81fb2f15ab93d5dee48d3cf54ea842cce60d', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '824b313e4c7bcb18846281724f3bb13e8e0d1066' }, h("slot", { key: '716ff8cd8f32da6aa2fbbc90c7d20b641126d45f' })), this.shouldRenderInternalLink && (h("digi-link-internal", { key: '8485fbe49ad5c9ac41c68c9c3c7afcc916628b0a', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "afHeading": [{
+                "validateHeading": 0
+            }],
+        "afHeadingLevel": [{
+                "validateHeading": 0
+            }]
+    }; }
+};
+InfoCard.style = infoCardCss();
+
+export { InfoCard as digi_info_card };

package/dist/esm/digi-layout-block_2.entry.js

@@ -0,0 +1,98 @@
+import { r as registerInstance, h, F as Fragment } from './index-B8OxDoWx.js';
+import { L as LayoutBlockVariation } from './layout-block-variation.enum-CWFirwyE.js';
+import { L as LayoutBlockContainer, a as LayoutContainerVariation, b as LayoutContainerMaxWidth } from './layout-container-max-width.enum-CuhrrYGE.js';
+
+const layoutBlockCss = () => `.sc-digi-layout-block-h{--digi--layout-block--background--primary:var(--digi--color--background--primary);--digi--layout-block--background--secondary:var(--digi--color--background--secondary);--digi--layout-block--background--tertiary:var(--digi--color--background--sentiment--neutral--primary);--digi--layout-block--background--symbol:var(--digi--color--background--pop-out);--digi--layout-block--background--profile:var(--digi--color--background--brand-primary);display:block}.sc-digi-layout-block-h .digi-layout-block.sc-digi-layout-block{background:var(--BACKGROUND)}.sc-digi-layout-block-h .digi-layout-block--transparent.sc-digi-layout-block{--BACKGROUND:transparent}.sc-digi-layout-block-h .digi-layout-block--primary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--primary)}.sc-digi-layout-block-h .digi-layout-block--secondary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--secondary)}.sc-digi-layout-block-h .digi-layout-block--tertiary.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--tertiary)}.sc-digi-layout-block-h .digi-layout-block--symbol.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--symbol)}.sc-digi-layout-block-h .digi-layout-block--profile.sc-digi-layout-block{--BACKGROUND:var(--digi--layout-block--background--profile)}`;
+
+const LayoutBlock = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this._container = LayoutBlockContainer.STATIC;
+        /**
+         * Sätter variant. Kontrollerar bakgrundsfärgen.
+         * @en Set variation. Controls background color.
+         */
+        this.afVariation = LayoutBlockVariation.PRIMARY;
+        /**
+         * Sätter den inre containervarianten, eller tar bort den helt. Kan vara 'static', 'fluid' eller 'none'.
+         * @en Set inner container variation, or remove it completely. Can be 'static', 'fluid' or 'none'.
+         */
+        this.afContainer = LayoutBlockContainer.STATIC;
+    }
+    containerChangeHandler() {
+        this._container = this.afContainer;
+    }
+    componentWillLoad() {
+        this.containerChangeHandler();
+    }
+    get cssModifiers() {
+        return {
+            'digi-layout-block--transparent': this.afVariation === LayoutBlockVariation.TRANSPARENT,
+            'digi-layout-block--primary': this.afVariation === LayoutBlockVariation.PRIMARY,
+            'digi-layout-block--secondary': this.afVariation === LayoutBlockVariation.SECONDARY,
+            'digi-layout-block--tertiary': this.afVariation === LayoutBlockVariation.TERTIARY,
+            'digi-layout-block--symbol': this.afVariation === LayoutBlockVariation.SYMBOL,
+            'digi-layout-block--profile': this.afVariation === LayoutBlockVariation.PROFILE
+        };
+    }
+    render() {
+        return (h("div", { key: 'e630ca471a7fbaa6057ffde3634d89d0f9c8d306', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === LayoutBlockContainer.NONE ? (h(Fragment, null, h("slot", null))) : (h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, h("slot", null)))));
+    }
+    static get watchers() { return {
+        "afContainer": [{
+                "containerChangeHandler": 0
+            }]
+    }; }
+};
+LayoutBlock.style = layoutBlockCss();
+
+const layoutContainerCss = () => `.sc-digi-layout-container-h{--digi--layout-container--width:var(--digi--container-width--smaller);--digi--layout-container--gutter:var(--digi--container-gutter--base);--digi--layout-container--vertical-padding:0;--digi--layout-container--margin-top:0;--digi--layout-container--margin-bottom:0}.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{box-sizing:border-box;width:100%;max-width:var(--digi--layout-container--width);padding:var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);margin-left:auto;margin-right:auto;margin-top:var(--digi--layout-container--margin-top);margin-bottom:var(--digi--layout-container--margin-bottom);box-sizing:border-box}@media (min-width: 36rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--small);--digi--layout-container--gutter:var(--digi--container-gutter--small)}}@media (min-width: 48rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--medium);--digi--layout-container--gutter:var(--digi--container-gutter--medium)}}@media (min-width: 61.9375rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--large);--digi--layout-container--gutter:var(--digi--container-gutter--large)}}@media (min-width: 75rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--larger);--digi--layout-container--gutter:var(--digi--container-gutter--larger)}}@media (min-width: 87.5rem){.sc-digi-layout-container-h .digi-layout-container.sc-digi-layout-container{--digi--layout-container--width:var(--digi--container-width--largest);--digi--layout-container--gutter:var(--digi--container-gutter--largest)}.sc-digi-layout-container-h .digi-layout-container--max-width-1200.sc-digi-layout-container{--digi--layout-container--width:var(--digi--global--size--larger)}}.sc-digi-layout-container-h .digi-layout-container--fluid.sc-digi-layout-container{--digi--layout-container--width:none !important}.sc-digi-layout-container-h .digi-layout-container--no-gutter.sc-digi-layout-container{--digi--layout-container--gutter:0}.sc-digi-layout-container-h .digi-layout-container--vertical-padding.sc-digi-layout-container{--digi--layout-container--vertical-padding:var(--digi--padding--large)}.sc-digi-layout-container-h .digi-layout-container--margin-top.sc-digi-layout-container{--digi--layout-container--margin-top:var(--digi--margin--large)}.sc-digi-layout-container-h .digi-layout-container--margin-bottom.sc-digi-layout-container{--digi--layout-container--margin-bottom:var(--digi--margin--large)}`;
+
+const LayoutContainer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this._variation = LayoutContainerVariation.STATIC;
+        /**
+         * Sätter containervarianten. Kan vara 'static' eller 'fluid'.
+         * @en Set container variation. Can be 'static' or 'fluid'.
+         */
+        this.afVariation = LayoutContainerVariation.STATIC;
+        /**
+         * Styr max-bredden på containern, vi rekommenderar att du behåller default-max-width. Läs mer om dom olika bredderna under designmönster för grid och brytpunkter.
+         * @en Sets max-width to the container.
+         * */
+        this.afMaxWidth = LayoutContainerMaxWidth.WIDTH_1400;
+    }
+    variationChangeHandler() {
+        this._variation = this.afVariation;
+    }
+    componentWillLoad() {
+        this.variationChangeHandler();
+    }
+    get cssModifiers() {
+        if (this._variation === LayoutContainerVariation.NONE) {
+            return {};
+        }
+        return {
+            'digi-layout-container': true,
+            'digi-layout-container--static': this._variation === LayoutContainerVariation.STATIC,
+            'digi-layout-container--fluid': this._variation === LayoutContainerVariation.FLUID,
+            'digi-layout-container--max-width-1200': this.afMaxWidth === LayoutContainerMaxWidth.WIDTH_1200,
+            'digi-layout-container--no-gutter': this.afNoGutter,
+            'digi-layout-container--vertical-padding': this.afVerticalPadding,
+            'digi-layout-container--margin-top': this.afMarginTop,
+            'digi-layout-container--margin-bottom': this.afMarginBottom
+        };
+    }
+    render() {
+        return (h("div", { key: '1c607c82f9a2c2f6cbf565558c2be15ec72bdf92', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: 'dffb4c1b288a534bf7d3c24f69f7b37569b8187c' })));
+    }
+    static get watchers() { return {
+        "afVariation": [{
+                "variationChangeHandler": 0
+            }]
+    }; }
+};
+LayoutContainer.style = layoutContainerCss();
+
+export { LayoutBlock as digi_layout_block, LayoutContainer as digi_layout_container };

package/dist/esm/digi-layout-columns.entry.js

@@ -0,0 +1,35 @@
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
+import { a as LayoutColumnsElement, L as LayoutColumnsGap, b as LayoutColumnsVariation } from './layout-columns-variation.enum-DJCufAhy.js';
+
+const layoutColumnsCss = () => `.sc-digi-layout-columns-h{--digi--layout-columns--gap--column:var(--digi--gutter--largest);--digi--layout-columns--gap--row:var(--digi--gutter--largest);--digi--layout-columns--min-width:0;--digi--layout-columns--gap--column--32:var(--digi--global--spacing--largest-4)}.sc-digi-layout-columns-h .digi-layout-columns.sc-digi-layout-columns{display:grid;grid-column-gap:var(--digi--layout-columns--gap--column);grid-row-gap:var(--digi--layout-columns--gap--row);grid-template-columns:repeat(auto-fit, minmax(var(--digi--layout-columns--min-width), 1fr))}.sc-digi-layout-columns-h .digi-layout-columns--column-gap-32.sc-digi-layout-columns{--digi--layout-columns--gap--column:var(--digi--layout-columns--gap--column--32)}.sc-digi-layout-columns-h .digi-layout-columns--one.sc-digi-layout-columns{--digi--layout-columns--min-width:100%}.sc-digi-layout-columns-h .digi-layout-columns--two.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(50% - var(--digi--layout-columns--gap--column))}.sc-digi-layout-columns-h .digi-layout-columns--three.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(33% - var(--digi--layout-columns--gap--column))}.sc-digi-layout-columns-h .digi-layout-columns--four.sc-digi-layout-columns{--digi--layout-columns--min-width:calc(25% - var(--digi--layout-columns--gap--column))}`;
+
+const LayoutColumns = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Sätter elementtypen på det omslutande elementet. Kan vara 'div', 'ul' eller 'ol'.
+         * @en Set wrapper element type. can be 'div', 'ul' or 'ol'.
+         */
+        this.afElement = LayoutColumnsElement.DIV;
+        /**
+         * Sätter CSS-propertyn grid-column-gap, default är 16px (1rem). Kan sättas till '32' eller default.
+         * @en Set CSS-propety grid-column-gap, default is 16px (1rem).  Can be set to '32' or default.
+         */
+        this.afColumnGap = LayoutColumnsGap.DEFAULT;
+    }
+    get cssModifiers() {
+        return {
+            'digi-layout-columns--one': this.afVariation === LayoutColumnsVariation.ONE,
+            'digi-layout-columns--two': this.afVariation === LayoutColumnsVariation.TWO,
+            'digi-layout-columns--three': this.afVariation === LayoutColumnsVariation.THREE,
+            'digi-layout-columns--four': this.afVariation === LayoutColumnsVariation.FOUR,
+            'digi-layout-columns--column-gap-32': this.afColumnGap === LayoutColumnsGap.GAP_32
+        };
+    }
+    render() {
+        return (h(this.afElement, { key: '4157535713ba17f132f4c9cec477baf70a970809', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: 'a3168743bd6a97197fe39a2c41cfe8c06c96ce83' })));
+    }
+};
+LayoutColumns.style = layoutColumnsCss();
+
+export { LayoutColumns as digi_layout_columns };