@designsystem-se/af 39.2.1-beta.darkmode.0 → 39.2.1

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

@@ -0,0 +1,60 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+var infoCardMultiType_enum = require('./info-card-multi-type.enum-pqhvdrsN.js');
+var logger_util = require('./logger.util-DUhrcCTY.js');
+var tagMediaIcon_enum = require('./tag-media-icon.enum-DzhiwvjI.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) {
+        index.registerInstance(this, hostRef);
+        this.afOnClickLink = index.createEvent(this, "afOnClickLink", 7);
+        /**
+         * Sätter ikon för taggen
+         * @en set icon for tag
+         */
+        this.afTagIcon = tagMediaIcon_enum.TagMediaIcon.NEWS;
+        /**
+         * Sätter typ. Kan vara 'media' eller 'text'.
+         * @en Set info card variation. Can be 'media' or 'text'.
+         */
+        this.afType = infoCardMultiType_enum.InfoCardMultiType.MEDIA;
+        this.activeLink = false;
+    }
+    componentWillLoad() {
+        this.validateHeading();
+    }
+    validateHeading() {
+        if (!this.afHeading || !this.afHeadingLevel) {
+            logger_util.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_enum.InfoCardMultiType.MEDIA,
+            'digi-info-card-multi--related': this.afType === infoCardMultiType_enum.InfoCardMultiType.RELATED,
+            'digi-info-card-multi--entry': this.afType === infoCardMultiType_enum.InfoCardMultiType.ENTRY,
+            'digi-info-card-multi--hide-visited': this.hideVisitedColor
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '0647bb6d63fe553159888b854de598b299c1f78c' }, index.h("div", { key: '85d10e90476bbfda5a1830f2cfe6bef6e13cac56', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, index.h("div", { key: 'b0f4e5f689c42975c5a6bf4b0ef76123212f15ec', class: "digi-info-card-multi__content" }, this.afType == infoCardMultiType_enum.InfoCardMultiType.MEDIA && (index.h("div", { key: '862d32ccc0c001c46b01ced4cd8e8ab24150ba93', class: "digi-info-card-multi__image" }, index.h("digi-media-image", { key: '4a1fb10cb0a162b6175c2706892742fc874f94f0', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, index.h("div", { key: '21b94011384fcae7f57b8a7310eaf4b0d2c8534a', class: "digi-info-card-multi__tag" }, index.h("digi-tag-media", { key: '2afbabb7efd6d450e76087c45f817e1964be0d85', "af-icon": this.afTagIcon, afText: this.afTagText }))))), index.h("div", { key: 'a6caf5af535823d23d0a5f78fc656b3074f0f24e', class: "digi-info-card-multi__text" }, index.h(this.afHeadingLevel, { key: 'da8bc48fcd31dbf6c2dca7d67918b69b1989a02b', class: "digi-info-card-multi__heading" }, index.h("a", { key: '84c99fe27dde65fa08dde674fdd535a9a8751e82', 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)), index.h("digi-typography", { key: 'fe25b0b6fc4ba7ab20d9293a65ece443d4d8d1dd' }, index.h("slot", { key: '31245049b54339c8d20eff09ae0c2080ef72afcb' })))))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afHeading": [{
+                "validateHeading": 0
+            }],
+        "afHeadingLevel": [{
+                "validateHeading": 0
+            }]
+    }; }
+};
+InfoCardMulti.style = infoCardMultiCss();
+
+exports.digi_info_card_multi = InfoCardMulti;

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

@@ -0,0 +1,90 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+var infoCardVariation_enum = require('./info-card-variation.enum-B1cqmknX.js');
+var logger_util = require('./logger.util-DUhrcCTY.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) {
+        index.registerInstance(this, hostRef);
+        this.afOnClickLink = index.createEvent(this, "afOnClickLink", 7);
+        /**
+         * Sätter typ. Kan vara 'tip' or 'related'.
+         * @en Set info card variation. Can be 'tip' or 'related'.
+         */
+        this.afType = infoCardVariation_enum.InfoCardType.TIP;
+        /**
+         * Sätter storlek på kortet. Kan vara 'Standard'.
+         * @en Set info card size. Can be 'Standard'.
+         */
+        this.afSize = infoCardVariation_enum.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 = infoCardVariation_enum.InfoCardBorderPosition.TOP;
+        /**
+         * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
+         * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+         */
+        this.afVariation = infoCardVariation_enum.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_util.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_enum.InfoCardVariation.PRIMARY &&
+                this.afType === infoCardVariation_enum.InfoCardType.TIP,
+            'digi-info-card--secondary': this.afVariation === infoCardVariation_enum.InfoCardVariation.SECONDARY,
+            'digi-info-card--tip': this.afType === infoCardVariation_enum.InfoCardType.TIP,
+            'digi-info-card--related': this.afType === infoCardVariation_enum.InfoCardType.RELATED,
+            'digi-info-card--standard': this.afSize === infoCardVariation_enum.InfoCardSize.STANDARD,
+            'digi-info-card--border-top': this.afBorderPosition === infoCardVariation_enum.InfoCardBorderPosition.TOP &&
+                this.afType === infoCardVariation_enum.InfoCardType.RELATED,
+            'digi-info-card--border-left': this.afBorderPosition === infoCardVariation_enum.InfoCardBorderPosition.LEFT &&
+                this.afType === infoCardVariation_enum.InfoCardType.RELATED,
+            'digi-info-card--active-link': this.activeLink === true
+        };
+    }
+    render() {
+        return (index.h("div", { key: 'fbdeac4da7aa22626349c61b243f10b6a4bd3d42', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, index.h("div", { key: '44772e768e3bc80a7a5a20b7858d6970070f27db', class: "digi-info-card__content" }, index.h("div", { key: 'e770035d77564f3a57a39c553631d37d1c278626', class: "digi-info-card__icon" }, this.hasListIcon && (index.h("span", { key: '68e4ad4d7b050ac36c23647f7a65cc6b059e20d2', class: "digi-info-card__icon" }, index.h("slot", { key: 'a8550b30fdb6e31dbb8e9d02bb4275f0d74bf73c', name: "icon" })))), index.h(this.afHeadingLevel, { key: '9f4d71156595099a0825c586ae533e89ef0028a1', class: "digi-info-card__heading" }, this.afHeading), index.h("digi-typography", { key: '915eb7c59aba9eaa9cf36a6af281ec31c17fe77e' }, index.h("slot", { key: '72c6ddf7f4ec870b670183e6f2b844ec46116aaf' })), this.shouldRenderInternalLink && (index.h("digi-link-internal", { key: '0ad0f534ef93d7743f2a93dc21edd9bdf423548b', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afHeading": [{
+                "validateHeading": 0
+            }],
+        "afHeadingLevel": [{
+                "validateHeading": 0
+            }]
+    }; }
+};
+InfoCard.style = infoCardCss();
+
+exports.digi_info_card = InfoCard;

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

@@ -0,0 +1,101 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+var layoutBlockVariation_enum = require('./layout-block-variation.enum-BldWvnDk.js');
+var layoutContainerMaxWidth_enum = require('./layout-container-max-width.enum-DqWtU7WK.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) {
+        index.registerInstance(this, hostRef);
+        this._container = layoutContainerMaxWidth_enum.LayoutBlockContainer.STATIC;
+        /**
+         * Sätter variant. Kontrollerar bakgrundsfärgen.
+         * @en Set variation. Controls background color.
+         */
+        this.afVariation = layoutBlockVariation_enum.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 = layoutContainerMaxWidth_enum.LayoutBlockContainer.STATIC;
+    }
+    containerChangeHandler() {
+        this._container = this.afContainer;
+    }
+    componentWillLoad() {
+        this.containerChangeHandler();
+    }
+    get cssModifiers() {
+        return {
+            'digi-layout-block--transparent': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT,
+            'digi-layout-block--primary': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.PRIMARY,
+            'digi-layout-block--secondary': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.SECONDARY,
+            'digi-layout-block--tertiary': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.TERTIARY,
+            'digi-layout-block--symbol': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.SYMBOL,
+            'digi-layout-block--profile': this.afVariation === layoutBlockVariation_enum.LayoutBlockVariation.PROFILE
+        };
+    }
+    render() {
+        return (index.h("div", { key: '02364da2acedc07b373a859a16c18e75b44853ce', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === layoutContainerMaxWidth_enum.LayoutBlockContainer.NONE ? (index.h(index.Fragment, null, index.h("slot", null))) : (index.h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, index.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) {
+        index.registerInstance(this, hostRef);
+        this._variation = layoutContainerMaxWidth_enum.LayoutContainerVariation.STATIC;
+        /**
+         * Sätter containervarianten. Kan vara 'static' eller 'fluid'.
+         * @en Set container variation. Can be 'static' or 'fluid'.
+         */
+        this.afVariation = layoutContainerMaxWidth_enum.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_enum.LayoutContainerMaxWidth.WIDTH_1400;
+    }
+    variationChangeHandler() {
+        this._variation = this.afVariation;
+    }
+    componentWillLoad() {
+        this.variationChangeHandler();
+    }
+    get cssModifiers() {
+        if (this._variation === layoutContainerMaxWidth_enum.LayoutContainerVariation.NONE) {
+            return {};
+        }
+        return {
+            'digi-layout-container': true,
+            'digi-layout-container--static': this._variation === layoutContainerMaxWidth_enum.LayoutContainerVariation.STATIC,
+            'digi-layout-container--fluid': this._variation === layoutContainerMaxWidth_enum.LayoutContainerVariation.FLUID,
+            'digi-layout-container--max-width-1200': this.afMaxWidth === layoutContainerMaxWidth_enum.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 (index.h("div", { key: '85f483f4ae22a8a3bf3825923f3b6bb12961bf84', class: Object.assign({}, this.cssModifiers) }, index.h("slot", { key: '18a8b9b8d9e151435776a1acaafba5bde59e4a10' })));
+    }
+    static get watchers() { return {
+        "afVariation": [{
+                "variationChangeHandler": 0
+            }]
+    }; }
+};
+LayoutContainer.style = layoutContainerCss();
+
+exports.digi_layout_block = LayoutBlock;
+exports.digi_layout_container = LayoutContainer;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+var layoutColumnsVariation_enum = require('./layout-columns-variation.enum-OgD-hvRN.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) {
+        index.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 = layoutColumnsVariation_enum.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 = layoutColumnsVariation_enum.LayoutColumnsGap.DEFAULT;
+    }
+    get cssModifiers() {
+        return {
+            'digi-layout-columns--one': this.afVariation === layoutColumnsVariation_enum.LayoutColumnsVariation.ONE,
+            'digi-layout-columns--two': this.afVariation === layoutColumnsVariation_enum.LayoutColumnsVariation.TWO,
+            'digi-layout-columns--three': this.afVariation === layoutColumnsVariation_enum.LayoutColumnsVariation.THREE,
+            'digi-layout-columns--four': this.afVariation === layoutColumnsVariation_enum.LayoutColumnsVariation.FOUR,
+            'digi-layout-columns--column-gap-32': this.afColumnGap === layoutColumnsVariation_enum.LayoutColumnsGap.GAP_32
+        };
+    }
+    render() {
+        return (index.h(this.afElement, { key: 'df449fd6546b8d2f3d0be1cdf88397049cc9f3b2', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, index.h("slot", { key: 'e0a5ba226891cc1c8bfd03544bbc7de797ab5e14' })));
+    }
+};
+LayoutColumns.style = layoutColumnsCss();
+
+exports.digi_layout_columns = LayoutColumns;

package/dist/cjs/digi-link-button.cjs.entry.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+var linkButtonVariation_enum = require('./link-button-variation.enum-03cHZQxx.js');
+
+const linkButtonCss = () => `.sc-digi-link-button-h{display:inline-flex;position:relative;max-width:100%;width:fit-content;vertical-align:top;--digi--link-button--font-size--medium:var(--digi--typography--button--font-size--desktop);--digi--link-button--font-family:var(--digi--global--typography--font-family--default);--digi--link-button--font-weight:var(--digi--typography--button--font-weight--desktop);--digi--link-button--padding--medium:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--link-button--border:var(--digi--border-width--secondary) solid;--digi--link-button--border-radius:var(--digi--global--border-radius--largest-2);--digi--link-button--icon--margin-left:var(--digi--margin--large);--digi--link-button--color--primary--default:var(--digi--color--text--interactive--secondary);--digi--link-button--color--primary--hover:var(--digi--color--text--interactive--secondary);--digi--link-button--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--link-button--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--link-button--border-color--primary--default:var(--digi--color--border--interactive--default--primary);--digi--link-button--border-color--primary--hover:var(--digi--color--border--interactive--hover--primary);--digi--link-button--color--primary-alt--default:var(--digi--color--text--interactive--brand-primary);--digi--link-button--color--primary-alt--hover:var(--digi--color--text--interactive--brand-primary);--digi--link-button--background--primary-alt--default:var(--digi--color--background--interactive--default--primary-inverted);--digi--link-button--background--primary-alt--hover:var(--digi--color--background--interactive--hover--inverted);--digi--link-button--border-color--primary-alt--default:var(--digi--color--border--interactive--default--inverted);--digi--link-button--border-color--primary-alt--hover:var(--digi--color--border--interactive--hover--inverted);--digi--link-button--color--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--link-button--color--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--link-button--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--link-button--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--link-button--border-color--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--link-button--border-color--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--link-button--color--secondary-alt--default:var(--digi--color--text--interactive--brand-secondary);--digi--link-button--color--secondary-alt--hover:var(--digi--color--text--interactive--brand-primary);--digi--link-button--background--secondary-alt--default:var(--digi--color--background--interactive--default--secondary-inverted);--digi--link-button--background--secondary-alt--hover:var(--digi--color--background--interactive--hover--inverted);--digi--link-button--border-color--secondary-alt--default:var(--digi--color--border--interactive--default--inverted);--digi--link-button--border-color--secondary-alt--hover:var(--digi--color--border--interactive--hover--inverted);--BADGE--RIGHT:1.75rem}.digi-link-button--primary.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--primary--default);--COLOR--HOVER:var(--digi--link-button--color--primary--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--primary--default);--BACKGROUND--HOVER:var(--digi--link-button--background--primary--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--primary--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--primary--hover)}.digi-link-button--primary-alt.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--primary-alt--default);--COLOR--HOVER:var(--digi--link-button--color--primary-alt--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--primary-alt--default);--BACKGROUND--HOVER:var(--digi--link-button--background--primary-alt--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--primary-alt--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--primary-alt--hover)}.digi-link-button--secondary.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--secondary--default);--COLOR--HOVER:var(--digi--link-button--color--secondary--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--secondary--default);--BACKGROUND--HOVER:var(--digi--link-button--background--secondary--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--secondary--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--secondary--hover)}.digi-link-button--secondary-alt.sc-digi-link-button-h{--COLOR--DEFAULT:var(--digi--link-button--color--secondary-alt--default);--COLOR--HOVER:var(--digi--link-button--color--secondary-alt--hover);--BACKGROUND--DEFAULT:var(--digi--link-button--background--secondary-alt--default);--BACKGROUND--HOVER:var(--digi--link-button--background--secondary-alt--hover);--BORDER-COLOR--DEFAULT:var(--digi--link-button--border-color--secondary-alt--default);--BORDER-COLOR--HOVER:var(--digi--link-button--border-color--secondary-alt--hover)}.sc-digi-link-button-h a.sc-digi-link-button{position:relative;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;font-family:var(--digi--link-button--font-family);font-size:var(--digi--link-button--font-size--medium);height:2.5rem;font-weight:var(--digi--link-button--font-weight);background:var(--BACKGROUND--DEFAULT);padding:var(--digi--link-button--padding--medium);border-radius:var(--digi--link-button--border-radius);border:var(--digi--link-button--border);border-color:var(--BORDER-COLOR--DEFAULT);box-sizing:border-box;white-space:nowrap}.sc-digi-link-button-h a.sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:visited{color:var(--COLOR--DEFAULT)}.sc-digi-link-button-h a.sc-digi-link-button:hover,.sc-digi-link-button-h a.sc-digi-link-button:focus-visible,.sc-digi-link-button-h a.sc-digi-link-button:active{background:var(--BACKGROUND--HOVER);color:var(--COLOR--HOVER);border-color:var(--BORDER-COLOR--HOVER)}.sc-digi-link-button-h a.sc-digi-link-button:hover .digi-link-button__icon.sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:hover [class*=digi-icon].sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:focus-visible .digi-link-button__icon.sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:focus-visible [class*=digi-icon].sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:active .digi-link-button__icon.sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button:active [class*=digi-icon].sc-digi-link-button{--COLOR--DEFAULT:var(--COLOR--HOVER);--digi--icon--color:var(--COLOR--HOVER)}.sc-digi-link-button-h a.sc-digi-link-button:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-link-button-h a.sc-digi-link-button [class*=digi-icon].sc-digi-link-button,.sc-digi-link-button-h a.sc-digi-link-button .digi-link-button__icon.sc-digi-link-button{margin-left:var(--digi--link-button--icon--margin-left);--digi--icon--color:var(--COLOR--DEFAULT)}.digi-link-button--hide-icon.sc-digi-link-button-h a.sc-digi-link-button [class*=digi-icon].sc-digi-link-button,.digi-link-button--hide-icon.sc-digi-link-button-h a.sc-digi-link-button .digi-link-button__icon.sc-digi-link-button{display:none}.digi-link-button--fullwidth.sc-digi-link-button-h{display:flex;width:100%}.digi-link-button--fullwidth.sc-digi-link-button-h a.sc-digi-link-button{width:100%}.sc-digi-link-button-s>[slot=notification]{position:absolute;top:0;transform:translateY(-50%);right:var(--BADGE--RIGHT)}.sc-digi-link-button-s>a{position:relative;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;font-family:var(--digi--link-button--font-family);font-size:var(--digi--link-button--font-size--medium);height:2.5rem;font-weight:var(--digi--link-button--font-weight);background:var(--BACKGROUND--DEFAULT);padding:var(--digi--link-button--padding--medium);border-radius:var(--digi--link-button--border-radius);border:var(--digi--link-button--border);border-color:var(--BORDER-COLOR--DEFAULT);box-sizing:border-box;white-space:nowrap}.sc-digi-link-button-s>a,.sc-digi-link-button-s>a:visited{color:var(--COLOR--DEFAULT)}.sc-digi-link-button-s>a:hover,.sc-digi-link-button-s>a:focus-visible,.sc-digi-link-button-s>a:active{background:var(--BACKGROUND--HOVER);color:var(--COLOR--HOVER);border-color:var(--BORDER-COLOR--HOVER)}.sc-digi-link-button-s>a:hover .digi-link-button__icon,.sc-digi-link-button-s>a:hover [class*=digi-icon],.sc-digi-link-button-s>a:focus-visible .digi-link-button__icon,.sc-digi-link-button-s>a:focus-visible [class*=digi-icon],.sc-digi-link-button-s>a:active .digi-link-button__icon,.sc-digi-link-button-s>a:active [class*=digi-icon]{--COLOR--DEFAULT:var(--COLOR--HOVER);--digi--icon--color:var(--COLOR--HOVER)}.sc-digi-link-button-s>a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-link-button-s>a [class*=digi-icon],.sc-digi-link-button-s>a .digi-link-button__icon{margin-left:var(--digi--link-button--icon--margin-left);--digi--icon--color:var(--COLOR--DEFAULT)}.digi-link-button--hide-icon.sc-digi-link-button-s>a [class*=digi-icon],.digi-link-button--hide-icon .sc-digi-link-button-s>a [class*=digi-icon],.digi-link-button--hide-icon.sc-digi-link-button-s>a .digi-link-button__icon,.digi-link-button--hide-icon .sc-digi-link-button-s>a .digi-link-button__icon{display:none}.digi-link-button--fullwidth.sc-digi-link-button-s>a,.digi-link-button--fullwidth .sc-digi-link-button-s>a{width:100%}`;
+
+const LinkButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnClick = index.createEvent(this, "afOnClick", 7);
+        /**
+         * Sätter variant. Kan vara 'primary', 'secondary', 'primary-alt' eller 'secondary-alt'
+         * @en Set variation. Can be 'primary', 'secondary', 'primary-alt' or 'secondary-alt'
+         */
+        this.afVariation = linkButtonVariation_enum.LinkButtonVariation.PRIMARY;
+        /**
+         * Kringgår länkens vanliga klick-beteende (e.preventDefault()).
+         * Bör endast användas om det vanliga beteendet är problematiskt pga dynamisk routing eller liknande.
+         * @en Override default link behavior. Should only be used if default link behaviour is a problem with e.g. routing
+         */
+        this.afOverrideLink = false;
+        /**
+         * Sätt till true om du använder Angular, se exempelkod under 'Översikt'
+         * @en Set to true if using Angular
+         */
+        this.afLinkContainer = false;
+        /**
+         * Dölj ikonen.
+         * @en Hide icon.
+         */
+        this.afHideIcon = false;
+        /**
+         * Fullbredd.
+         * @en Fullwidth.
+         */
+        this.afFullwidth = false;
+    }
+    clickLinkHandler(e) {
+        if (this.afOverrideLink) {
+            e.preventDefault();
+        }
+        this.afOnClick.emit(e);
+    }
+    initRouting() {
+        const tabIndex = this.hostElement.getAttribute('tabIndex');
+        !!tabIndex && tabIndex === '0' && this._link.setAttribute('tabIndex', '-1');
+    }
+    componentDidLoad() {
+        this.initRouting();
+    }
+    get cssModifiers() {
+        return {
+            'digi-link-button--primary': this.afVariation === linkButtonVariation_enum.LinkButtonVariation.PRIMARY,
+            'digi-link-button--secondary': this.afVariation === linkButtonVariation_enum.LinkButtonVariation.SECONDARY,
+            'digi-link-button--primary-alt': this.afVariation === linkButtonVariation_enum.LinkButtonVariation.PRIMARY_ALT,
+            'digi-link-button--secondary-alt': this.afVariation === linkButtonVariation_enum.LinkButtonVariation.SECONDARY_ALT,
+            'digi-link-button--hide-icon': this.afHideIcon,
+            'digi-link-button--fullwidth': this.afFullwidth
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '3e393174fb3f8f4b02567d304127f101239f8937', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (index.h("a", { key: 'c97467a953af82581a97960d40a436cd7c84a847', href: this.afHref, "aria-label": this.afAriaLabel, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, index.h("span", { key: 'fd34281aaa5ca31a8f940b1d367753ebbd70fb38', class: "digi-link-button__text" }, index.h("slot", { key: '414df5ccce6b431b206609b480d41fdf7ea825e0' })), index.h("slot", { key: 'd7b031a5e9b6d989706d18af4bf9ebde24a004fd', name: "notification" }), index.h("digi-icon-chevron-right", { key: '891f34a6477a06621ee585267595b505f2cc52c7', class: "digi-link-button__icon" }))), this.afLinkContainer && (index.h(index.Fragment, { key: '8d1b4841bd732a2ec9cece2f4b46be4861d50f27' }, index.h("slot", { key: '60e6371986761dcac1a3a824f04add971b799649' }), index.h("slot", { key: 'ab710d3014f59f7806786ecfa5abcc1b6c73ff84', name: "notification" })))));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+LinkButton.style = linkButtonCss();
+
+exports.digi_link_button = LinkButton;

package/dist/cjs/digi-link-internal.cjs.entry.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+
+const linkInternalCss = () => `.sc-digi-link-internal:root{--digi--grayscale--0:#ffffff;--digi--grayscale--100:#f4f4f4;--digi--grayscale--1000:#000000;--digi--grayscale--200:#ededed;--digi--grayscale--300:#e4e4e4;--digi--grayscale--400:#dddddd;--digi--grayscale--50:#fbfbfb;--digi--grayscale--500:#cacaca;--digi--grayscale--600:#acacac;--digi--grayscale--700:#757575;--digi--grayscale--800:#5c5c5c;--digi--grayscale--900:#333333;--digi--misc--transparent:#ffffff00;--digi--sentiment--error--200:#fdeded;--digi--sentiment--error--500:#da0000;--digi--sentiment--error--700:#c7311a;--digi--sentiment--informative--200:#e9e9ff;--digi--sentiment--informative--500:#0a4dd1;--digi--sentiment--informative--700:#0058a3;--digi--sentiment--success--200:#e9f6ec;--digi--sentiment--success--500:#008a20;--digi--sentiment--success--700:#02703c;--digi--sentiment--warning--200:#fff398;--digi--sentiment--warning--50:#fffbdd;--digi--sentiment--warning--500:#ffe200;--digi--sentiment--warning--700:#ffc108;--digi--sentiment--warning--900:#664d00;--digi--animation--duration--base:var(--digi--global--animation--duration--base);--digi--animation--duration--small:var(--digi--global--animation--duration--short);--digi--animation--duration--large:var(--digi--global--animation--duration--longer);--digi--animation--duration--reduced:var(--digi--global--animation--duration--shortest);--digi--animation--duration--sweep:var(--digi--global--animation--duration--longest);--digi--animation--rotation--45:var(--digi--global--animation--rotation--smallest-2);--digi--animation--rotation--90:var(--digi--global--animation--rotation--smallest);--digi--animation--rotation--135:var(--digi--global--animation--rotation--smaller);--digi--animation--rotation--180:var(--digi--global--animation--rotation--small);--digi--animation--rotation--225:var(--digi--global--animation--rotation--base);--digi--animation--rotation--270:var(--digi--global--animation--rotation--large);--digi--animation--rotation--315:var(--digi--global--animation--rotation--larger);--digi--animation--rotation--360:var(--digi--global--animation--rotation--largest);--digi--global--animation--duration--base:0.3s;--digi--global--animation--duration--short:0.2s;--digi--global--animation--duration--shorter:0.1s;--digi--global--animation--duration--shortest:0.01s;--digi--global--animation--duration--long:0.4s;--digi--global--animation--duration--longer:0.5s;--digi--global--animation--duration--longest:4s;--digi--global--animation--rotation--smallest-2:0deg;--digi--global--animation--rotation--smallest:45deg;--digi--global--animation--rotation--smaller:90deg;--digi--global--animation--rotation--small:135deg;--digi--global--animation--rotation--base:180deg;--digi--global--animation--rotation--large:225deg;--digi--global--animation--rotation--larger:270deg;--digi--global--animation--rotation--largest:315deg;--digi--global--animation--rotation--largest-2:360deg;--digi--global--border-radius--base:6px;--digi--global--border-radius--small:4px;--digi--global--border-radius--smaller:3px;--digi--global--border-radius--smallest:2px;--digi--global--border-radius--smallest-2:1px;--digi--global--border-radius--smallest-3:0px;--digi--global--border-radius--large:8px;--digi--global--border-radius--larger:16px;--digi--global--border-radius--largest:32px;--digi--global--border-radius--largest-2:64px;--digi--global--border-width--base:2px;--digi--global--border-width--small:1px;--digi--global--border-width--smaller:0px;--digi--global--border-width--large:4px;--digi--global--border-width--larger:6px;--digi--global--border-width--largest:8px;--digi--global--border-width--largest-2:10px;--digi--global--border-style--solid:solid;--digi--global--border-style--none:none;--digi--global--border-style--dashed:dashed;--digi--global--spacing--base:16px;--digi--global--spacing--small:14px;--digi--global--spacing--smaller:12px;--digi--global--spacing--smallest:10px;--digi--global--spacing--smallest-2:8px;--digi--global--spacing--smallest-3:6px;--digi--global--spacing--smallest-4:4px;--digi--global--spacing--smallest-5:3px;--digi--global--spacing--smallest-6:2px;--digi--global--spacing--smallest-7:1px;--digi--global--spacing--large:18px;--digi--global--spacing--larger:20px;--digi--global--spacing---:22px;--digi--global--spacing--largest-2:24px;--digi--global--spacing--largest-3:28px;--digi--global--spacing--largest-4:32px;--digi--global--spacing--largest-5:40px;--digi--global--spacing--largest-6:48px;--digi--global--spacing--largest-7:56px;--digi--global--spacing--largest-8:64px;--digi--global--spacing--largest:22px;--digi--global--spacing--largest-3-5:30px;--digi--global--spacing--largest-9:72px;--digi--global--spacing--largest-10:80px;--digi--global--breakpoint--smallest-3:374px;--digi--global--breakpoint--smallest-2:375px;--digi--global--breakpoint--smallest:575px;--digi--global--breakpoint--smaller:576px;--digi--global--breakpoint--small:767px;--digi--global--breakpoint--medium:768px;--digi--global--breakpoint--large:991px;--digi--global--breakpoint--larger:992px;--digi--global--breakpoint--largest:1199px;--digi--global--breakpoint--largest-2:1200px;--digi--global--breakpoint--largest-3:1399px;--digi--global--breakpoint--largest-4:1400px;--digi--global--size--smaller:auto;--digi--global--size--small:36rem;--digi--global--size--base:48rem;--digi--global--size--large:62rem;--digi--global--size--larger:75rem;--digi--global--size--largest:87.5rem;--digi--global--text-width--small:31rem;--digi--global--text-width--base:35rem;--digi--global--text-width--large:40rem;--digi--global--text-width--larger:44rem;--digi--global--text-width--largest:48rem;--digi--global--text-width--largest-2:53rem;--digi--global--text-width--largest-3:61rem;--digi--global--text-width--largest-4:70rem;--digi--global--typography--line-height--base:1.5;--digi--global--typography--line-height--small:1;--digi--global--typography--line-height--large:2;--digi--global--typography--font-size--base:1rem;--digi--global--typography--font-size--small:0.875rem;--digi--global--typography--font-size--smaller:0.75rem;--digi--global--typography--font-size--large:1.125rem;--digi--global--typography--font-size--larger:1.25rem;--digi--global--typography--font-size--largest:1.375rem;--digi--global--typography--font-size--largest-2:1.5rem;--digi--global--typography--font-size--largest-3:1.75rem;--digi--global--typography--font-size--largest-4:2rem;--digi--global--typography--font-size--largest-5:2.25rem;--digi--global--typography--font-size--interaction-small:0.875rem;--digi--global--typography--font-size--interaction-medium:1rem;--digi--global--typography--font-size--interaction-large:1.125rem;--digi--global--typography--font-size--largest-6:2.5rem;--digi--global--typography--font-weight--regular:400;--digi--global--typography--font-weight--light:300;--digi--global--typography--font-weight--semibold:600;--digi--global--typography--font-weight--bold:700;--digi--global--typography--font-family--default:'Open Sans';--digi--global--typography--font-family--mono:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;--digi--global--typography--text-decoration--default:none;--digi--global--typography--text-decoration--link:underline;--digi--border-radius--primary:var(--digi--global--border-radius--smallest-3);--digi--border-radius--secondary:var(--digi--global--border-radius--base);--digi--border-radius--tertiary:var(--digi--global--border-radius--smaller);--digi--border-radius--complementary-1:var(--digi--global--border-radius--largest);--digi--border-radius--complementary-2:var(--digi--global--border-radius--largest-2);--digi--border-radius--button:var(--digi--global--border-radius--base);--digi--border-radius--input:var(--digi--global--border-radius--smallest-3);--digi--border-radius--input-search:var(--digi--global--border-radius--base);--digi--border-radius--complementary-3:var(--digi--global--border-radius--larger);--digi--border-width--primary:var(--digi--global--border-width--small);--digi--border-width--secondary:var(--digi--global--border-width--base);--digi--border-width--complementary-1:var(--digi--global--border-width--largest);--digi--border-width--complementary-2:var(--digi--global--border-width--largest-2);--digi--border-width--input-regular:var(--digi--global--border-width--small);--digi--border-width--input-validation:var(--digi--global--border-width--base);--digi--border-width--button:var(--digi--global--border-width--small);--digi--border-style--primary:var(--digi--global--border-style--solid);--digi--border-style--secondary:var(--digi--global--border-style--none);--digi--padding--medium:var(--digi--global--spacing--base);--digi--padding--smaller:var(--digi--global--spacing--smallest-2);--digi--padding--small:var(--digi--global--spacing--smaller);--digi--padding--large:var(--digi--global--spacing--largest-2);--digi--padding--larger:var(--digi--global--spacing--largest-3);--digi--padding--largest:var(--digi--global--spacing--largest-4);--digi--padding--largest-2:var(--digi--global--spacing--largest-5);--digi--padding--largest-3:var(--digi--global--spacing--largest-6);--digi--margin--smaller:var(--digi--global--spacing--smallest-2);--digi--margin--small:var(--digi--global--spacing--smallest);--digi--margin--medium:var(--digi--global--spacing--base);--digi--margin--large:var(--digi--global--spacing--largest-2);--digi--margin--larger:var(--digi--global--spacing--largest-3);--digi--margin--largest:var(--digi--global--spacing--largest-4);--digi--margin--h1-small:var(--digi--global--spacing--base);--digi--margin--h1-medium:var(--digi--global--spacing--largest-2);--digi--margin--h1-large:var(--digi--global--spacing--largest-4);--digi--margin--h2-small:var(--digi--global--spacing--base);--digi--margin--h2-large:var(--digi--global--spacing--base);--digi--margin--h3-small:var(--digi--global--spacing--smallest-2);--digi--margin--h3-large:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-small:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-large:var(--digi--global--spacing--smallest-2);--digi--margin--text-small:var(--digi--global--spacing--largest-2);--digi--margin--text-large:var(--digi--global--spacing--largest-2);--digi--gutter--largest-3:var(--digi--global--spacing--largest-2);--digi--gutter--largest-2:var(--digi--global--spacing--larger);--digi--gutter--largest:var(--digi--global--spacing--base);--digi--gutter--larger:var(--digi--global--spacing--smaller);--digi--gutter--large:var(--digi--global--spacing--smallest);--digi--gutter--medium:var(--digi--global--spacing--smallest-2);--digi--gutter--small:var(--digi--global--spacing--smallest-3);--digi--gutter--smaller:var(--digi--global--spacing--smallest-4);--digi--gutter--smallest:var(--digi--global--spacing--smallest-5);--digi--gutter--smallest-2:var(--digi--global--spacing--smallest-6);--digi--gutter--smallest-3:var(--digi--global--spacing--smallest-7);--digi--gutter--button-block-small:var(--digi--global--spacing--smallest-3);--digi--gutter--button-block-medium:var(--digi--global--spacing--smallest-2);--digi--gutter--button-block-large:var(--digi--global--spacing--smallest);--digi--gutter--button-inline-small:var(--digi--global--spacing--smallest-2);--digi--gutter--button-inline-medium:var(--digi--global--spacing--base);--digi--gutter--button-inline-large:var(--digi--global--spacing--largest-2);--digi--gutter--icon:var(--digi--global--spacing--smallest);--digi--breakpoint--small-below:var(--digi--global--breakpoint--smallest);--digi--breakpoint--small:var(--digi--global--breakpoint--smaller);--digi--breakpoint--medium-below:var(--digi--global--breakpoint--small);--digi--breakpoint--medium:var(--digi--global--breakpoint--medium);--digi--breakpoint--large-below:var(--digi--global--breakpoint--large);--digi--breakpoint--large:var(--digi--global--breakpoint--larger);--digi--breakpoint--x-large-below:var(--digi--global--breakpoint--largest);--digi--breakpoint--x-large:var(--digi--global--breakpoint--largest-2);--digi--breakpoint--xx-large-below:var(--digi--global--breakpoint--largest-3);--digi--breakpoint--xx-large:var(--digi--global--breakpoint--largest-4);--digi--container-width--smaller:var(--digi--global--size--smaller);--digi--container-width--small:var(--digi--global--size--small);--digi--container-width--base:var(--digi--global--size--base);--digi--container-width--medium:var(--digi--global--size--base);--digi--container-width--large:var(--digi--global--size--large);--digi--container-width--larger:var(--digi--global--size--larger);--digi--container-width--largest:var(--digi--global--size--largest);--digi--container-gutter--smaller:var(--digi--global--spacing--base);--digi--container-gutter--small:var(--digi--global--spacing--large);--digi--container-gutter--base:var(--digi--global--spacing--base);--digi--container-gutter--medium:var(--digi--global--spacing--largest-2);--digi--container-gutter--large:var(--digi--global--spacing--base);--digi--container-gutter--larger:var(--digi--global--spacing--largest-3-5);--digi--container-gutter--largest:var(--digi--global--spacing--largest-5);--digi--paragraph-width--medium:var(--digi--global--text-width--base);--digi--paragraph-width--large:var(--digi--global--text-width--large);--digi--input-height--small:var(--digi--global--spacing--largest-4);--digi--input-height--medium:var(--digi--global--spacing--largest-5);--digi--input-height--large:var(--digi--global--spacing--largest-6);--digi--typography--body--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--body--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--body--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--body--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--body--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--body--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--description--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--description--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-1--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-1--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-1--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--font-size--desktop:var(--digi--global--typography--font-size--largest-2);--digi--typography--heading-2--font-size--desktop-large:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-2--font-size--mobile:var(--digi--global--typography--font-size--largest);--digi--typography--heading-2--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--font-size--desktop:var(--digi--global--typography--font-size--larger);--digi--typography--heading-3--font-size--desktop-large:var(--digi--global--typography--font-size--largest);--digi--typography--heading-3--font-size--mobile:var(--digi--global--typography--font-size--large);--digi--typography--heading-3--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--heading-4--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-jumbo--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-jumbo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-jumbo--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--input--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--label--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--label-description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label-description--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--link--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--link--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--link--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--link--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--link--text-decoration--desktop:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--mobile:var(--digi--global--typography--text-decoration--link);--digi--typography--link-bold--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--preamble--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--accordion--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--tag--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-size--mobile:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--breadcrumbs--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--breadcrumbs--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--title-logo--font-size--desktop:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--title-logo--font-weight--desktop:var(--digi--global--typography--font-weight--bold);--digi--typography--button--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--button--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--button--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--color--amethyst--500:#822998;--digi--color--jade--100:#bddfda;--digi--color--jade--200:#7fc1b6;--digi--color--jade--400:#379d8d;--digi--color--jade--50:#ddeeec;--digi--color--jade--500:#058470;--digi--color--jade--600:#046a5a;--digi--color--jade--700:#035548;--digi--color--jade--900:#02372f;--digi--color--leaf--100:#f1f7e5;--digi--color--leaf--200:#ddebc1;--digi--color--leaf--400:#aace65;--digi--color--leaf--500:#95c23e;--digi--color--leaf--600:#779b32;--digi--color--pear--500:#b7ee4a;--digi--color--pear--600:#a7d943;--digi--color--rose--100:#f4cada;--digi--color--rose--200:#e997b7;--digi--color--rose--400:#dd5c8e;--digi--color--rose--50:#f9e4ec;--digi--color--rose--500:#d43372;--digi--color--rose--600:#bd2e65;--digi--color--rose--700:#882149;--digi--color--rose--900:#54172e;--digi--color--sapphire--500:#1616b2;--digi--color--stratos--100:#dddde9;--digi--color--stratos--400:#33337b;--digi--color--stratos--500:#00005a;--digi--color--stratos--600:#000048;--digi--color--water--200:#f1f8fe;--digi--color--water--500:#bdd3e7;--digi--color--water--700:#0058a3;--digi--color--background--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--input-elements--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--primary-inverted--light--af18:var(--digi--color--leaf--500);--digi--color--background--interactive--default--quaternary--light--af18:var(--digi--grayscale--100);--digi--color--background--interactive--default--secondary--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light--af18:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--background--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--background--interactive--hover--quarternary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--secondary--light--af18:var(--digi--color--water--500);--digi--color--background--interactive--hover--tertiary--light--af18:var(--digi--color--sapphire--500);--digi--color--background--interactive--selected--on-menu-minus-button--light--af18:var(--digi--color--leaf--200);--digi--color--background--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--selected--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--validation--error--light--af18:var(--digi--sentiment--error--200);--digi--color--background--interactive--validation--success--light--af18:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--notification--light--af18:var(--digi--sentiment--error--500);--digi--color--background--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--primary--light--af18:var(--digi--grayscale--0);--digi--color--background--secondary--light--af18:var(--digi--grayscale--100);--digi--color--background--secondary-accent--light--af18:var(--digi--grayscale--400);--digi--color--background--secondary-muted--light--af18:var(--digi--grayscale--50);--digi--color--background--sentiment--beta--primary--light--af18:var(--digi--color--rose--500);--digi--color--background--sentiment--beta--secondary--light--af18:var(--digi--color--rose--100);--digi--color--background--sentiment--error--primary--light--af18:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light--af18:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--info--primary--light--af18:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light--af18:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light--af18:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light--af18:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light--af18:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--background--sentiment--success--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light--af18:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light--af18:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light--af18:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--quarternary--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--warning--secondary--light--af18:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light--af18:var(--digi--sentiment--warning--200);--digi--color--background--transparent--light--af18:var(--digi--misc--transparent);--digi--color--border--accent--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--accent--secondary--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--default--inverted--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--default--on-input--light--af18:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light--af18:var(--digi--grayscale--800);--digi--color--border--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--border--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--border--interactive--hover--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--interactive--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--900);--digi--color--border--notification--light--af18:var(--digi--grayscale--0);--digi--color--border--sentiment--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--sentiment--info--light--af18:var(--digi--sentiment--informative--500);--digi--color--border--sentiment--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--border--transparent--light--af18:var(--digi--misc--transparent);--digi--color--divider--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--divider--on-brand-primary--light--af18:var(--digi--color--stratos--400);--digi--color--divider--primary--light--af18:var(--digi--grayscale--400);--digi--color--divider--secondary--light--af18:var(--digi--grayscale--200);--digi--color--icon--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--icon--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--icon--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--primary--light--af18:var(--digi--grayscale--900);--digi--color--icon--secondary--light--af18:var(--digi--grayscale--0);--digi--color--icon--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--icon--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--infographic--background--light--af18:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--primary-alt--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--secondary--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--brand--secondary-alt--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--lineart--light--af18:var(--digi--grayscale--900);--digi--color--logotype--primary--symbol--light--af18:var(--digi--color--leaf--500);--digi--color--logotype--primary--text--light--af18:var(--digi--color--stratos--500);--digi--color--logotype--secondary--symbol--light--af18:#1db920;--digi--color--logotype--secondary--text--light--af18:var(--digi--grayscale--0);--digi--color--marking--indication--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--marking--indication--tertiary--light--af18:var(--digi--grayscale--700);--digi--color--marking--navigation--level-active--light--af18:var(--digi--color--leaf--200);--digi--color--marking--navigation--level-inactive--light--af18:var(--digi--grayscale--100);--digi--color--marking--navigation--selected--light--af18:var(--digi--color--leaf--500);--digi--color--misc--skeleton--light--af18:var(--digi--grayscale--400);--digi--color--misc--spinner-path--light--af18:var(--digi--grayscale--400);--digi--color--text--description--light--af18:var(--digi--grayscale--800);--digi--color--text--interactive--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--text--interactive--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--text--interactive--primary--light--af18:var(--digi--color--sapphire--500);--digi--color--text--interactive--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--text--interactive--visited--light--af18:var(--digi--color--amethyst--500);--digi--color--text--primary--light--af18:var(--digi--grayscale--900);--digi--color--text--secondary--light--af18:var(--digi--grayscale--0);--digi--amethyst--500:#822998;--digi--granskott--150:#f2faf2;--digi--granskott--200:#ebf8eb;--digi--granskott--250:#ddf4dd;--digi--granskott--300:#cbecc9;--digi--granskott--350:#ace4ad;--digi--granskott--650:#1db920;--digi--granskott--700:#02a704;--digi--granskott--750:#018903;--digi--granskott--800:#016503;--digi--natthimmel--200:#e9f6fd;--digi--natthimmel--250:#ddf1fc;--digi--natthimmel--300:#c9e9fa;--digi--natthimmel--350:#abdef7;--digi--natthimmel--700:#043982;--digi--natthimmel--800:#091d54;--digi--natthimmel--900:#071744;--digi--norrsken--400:#aaf5ab;--digi--norrsken--500:#67ee6a;--digi--rallarros--300:#f8ddf5;--digi--rallarros--500:#ce1cbd;--digi--sapphire--500:#1616b2;--digi--color--background--brand-primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--input-elements--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light:var(--digi--granskott--150);--digi--color--background--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--primary-inverted--light:var(--digi--norrsken--500);--digi--color--background--interactive--default--quaternary--light:var(--digi--grayscale--100);--digi--color--background--interactive--default--secondary--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--background--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--background--interactive--hover--quarternary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--secondary--light:var(--digi--natthimmel--250);--digi--color--background--interactive--hover--tertiary--light:var(--digi--sapphire--500);--digi--color--background--interactive--selected--on-menu-minus-button--light:var(--digi--granskott--350);--digi--color--background--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--selected--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--validation--error--light:var(--digi--sentiment--error--200);--digi--color--background--interactive--validation--success--light:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light:var(--digi--sentiment--warning--50);--digi--color--background--notification--light:var(--digi--sentiment--error--500);--digi--color--background--pop-out--light:var(--digi--granskott--200);--digi--color--background--primary--light:var(--digi--grayscale--0);--digi--color--background--secondary--light:var(--digi--grayscale--100);--digi--color--background--secondary-accent--light:var(--digi--grayscale--400);--digi--color--background--secondary-muted--light:var(--digi--grayscale--50);--digi--color--background--sentiment--beta--primary--light:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--light:var(--digi--rallarros--300);--digi--color--background--sentiment--error--primary--light:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--info--primary--light:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light:var(--digi--grayscale--900);--digi--color--background--sentiment--success--primary--light:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--quarternary--light:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--warning--secondary--light:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light:var(--digi--sentiment--warning--200);--digi--color--background--transparent--light:var(--digi--misc--transparent);--digi--color--border--accent--primary--light:var(--digi--natthimmel--800);--digi--color--border--accent--secondary--light:var(--digi--granskott--700);--digi--color--border--interactive--default--inverted--light:var(--digi--norrsken--500);--digi--color--border--interactive--default--on-input--light:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light:var(--digi--grayscale--800);--digi--color--border--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--border--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--border--interactive--hover--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--validation--error--light:var(--digi--sentiment--error--500);--digi--color--border--interactive--validation--success--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light:var(--digi--sentiment--warning--900);--digi--color--border--notification--light:var(--digi--grayscale--0);--digi--color--border--sentiment--error--light:var(--digi--sentiment--error--500);--digi--color--border--sentiment--info--light:var(--digi--sentiment--informative--500);--digi--color--border--sentiment--success--light:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light:var(--digi--sentiment--warning--500);--digi--color--border--transparent--light:var(--digi--misc--transparent);--digi--color--divider--cta--light:var(--digi--sapphire--500);--digi--color--divider--on-brand-primary--light:var(--digi--natthimmel--350);--digi--color--divider--primary--light:var(--digi--grayscale--400);--digi--color--divider--secondary--light:var(--digi--grayscale--200);--digi--color--icon--brand-primary--light:var(--digi--natthimmel--800);--digi--color--icon--brand-secondary--light:var(--digi--norrsken--500);--digi--color--icon--cta--light:var(--digi--sapphire--500);--digi--color--icon--primary--light:var(--digi--grayscale--900);--digi--color--icon--secondary--light:var(--digi--grayscale--0);--digi--color--icon--validation--error--light:var(--digi--sentiment--error--500);--digi--color--icon--validation--success--light:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light:var(--digi--sentiment--warning--500);--digi--color--infographic--background--light:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light:var(--digi--granskott--700);--digi--color--infographic--brand--primary-alt--light:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--light:var(--digi--granskott--300);--digi--color--infographic--brand--secondary-alt--light:var(--digi--granskott--300);--digi--color--infographic--lineart--light:var(--digi--grayscale--900);--digi--color--logotype--primary--symbol--light:var(--digi--granskott--700);--digi--color--logotype--primary--text--light:var(--digi--natthimmel--800);--digi--color--logotype--secondary--symbol--light:#1db920;--digi--color--logotype--secondary--text--light:var(--digi--grayscale--0);--digi--color--marking--indication--primary--light:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light:var(--digi--natthimmel--800);--digi--color--marking--indication--tertiary--light:var(--digi--grayscale--700);--digi--color--marking--navigation--level-active--light:var(--digi--granskott--350);--digi--color--marking--navigation--level-inactive--light:var(--digi--grayscale--100);--digi--color--marking--navigation--selected--light:var(--digi--granskott--700);--digi--color--misc--skeleton--light:var(--digi--grayscale--400);--digi--color--misc--spinner-path--light:var(--digi--grayscale--400);--digi--color--text--description--light:var(--digi--grayscale--800);--digi--color--text--interactive--brand-primary--light:var(--digi--natthimmel--800);--digi--color--text--interactive--brand-secondary--light:var(--digi--norrsken--500);--digi--color--text--interactive--primary--light:var(--digi--sapphire--500);--digi--color--text--interactive--secondary--light:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light:var(--digi--grayscale--900);--digi--color--text--interactive--visited--light:var(--digi--amethyst--500);--digi--color--text--primary--light:var(--digi--grayscale--900);--digi--color--text--secondary--light:var(--digi--grayscale--0);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--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--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--quaternary:var(--digi--color--background--interactive--default--quaternary--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--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--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--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--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--validation--error:var(--digi--color--background--interactive--validation--error--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--notification:var(--digi--color--background--notification--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--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-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--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--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--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--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--quarternary:var(--digi--color--background--sentiment--warning--quarternary--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--transparent:var(--digi--color--background--transparent--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--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--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--primary:var(--digi--color--border--interactive--default--primary--light);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--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--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--interactive--validation--error:var(--digi--color--border--interactive--validation--error--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--notification:var(--digi--color--border--notification--light);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--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--transparent:var(--digi--color--border--transparent--light);--digi--color--divider--cta:var(--digi--color--divider--cta--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--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--cta:var(--digi--color--icon--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--validation--error:var(--digi--color--icon--validation--error--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--infographic--background:var(--digi--color--infographic--background--light);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light);--digi--color--infographic--brand--primary-alt:var(--digi--color--infographic--brand--primary-alt--light);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--secondary-alt:var(--digi--color--infographic--brand--secondary-alt--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light);--digi--color--logotype--primary--symbol:var(--digi--color--logotype--primary--symbol--light);--digi--color--logotype--primary--text:var(--digi--color--logotype--primary--text--light);--digi--color--logotype--secondary--symbol:var(--digi--color--logotype--secondary--symbol--light);--digi--color--logotype--secondary--text:var(--digi--color--logotype--secondary--text--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--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--navigation--selected:var(--digi--color--marking--navigation--selected--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--text--description:var(--digi--color--text--description--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--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--visited:var(--digi--color--text--interactive--visited--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light)}body.sc-digi-link-internal{font-size:1rem;font-family:"Open Sans", Arial, sans-serif}.sc-digi-link-internal-h{display:inline-flex;max-width:100%;vertical-align:top;--digi--link-internal--gap:var(--digi--gutter--medium);--digi--link-internal--color--default:var(--digi--color--text--interactive--primary);--digi--link-internal--color--hover:var(--digi--color--text--interactive--primary);--digi--link-internal--color--visited:var(--digi--color--text--interactive--visited);--digi--link-internal--font-size:var(--digi--typography--link--font-size--desktop);--digi--link-internal--font-family:var(--digi--global--typography--font-family--default);--digi--link-internal--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link-internal--text-decoration--default:var(--digi--global--typography--text-decoration--default);--digi--link-internal--text-decoration--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-internal--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link-internal--text-decoration--icon--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-internal--text-decoration-thickness:0.156em;--digi--link-internal--text-underline-offset:3px}.sc-digi-link-internal-h .digi-link-internal.sc-digi-link-internal{--digi--link--gap:var(--digi--link-internal--gap);--digi--link--color--default:var(--digi--link-internal--color--default);--digi--link--color--hover:var(--digi--link-internal--color--hover);--digi--link--color--visited:var(--digi--link-internal--color--visited);--digi--link--font-size:var(--digi--link-internal--font-size);--digi--link--font-family:var(--digi--link-internal--font-family);--digi--link--font-weight:var(--digi--link-internal--font-weight);--digi--link--text-decoration--default:var(--digi--link-internal--text-decoration--default);--digi--link--text-decoration--hover:var(--digi--link-internal--text-decoration--hover);--digi--link--text-decoration--icon--default:var(--digi--link-internal--text-decoration--icon--default);--digi--link--text-decoration--icon--hover:var(--digi--link-internal--text-decoration--icon--hover)}.sc-digi-link-internal-h:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}`;
+
+const LinkInternal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnClick = index.createEvent(this, "afOnClick", 7);
+        /**
+         * Kringgår länkens vanliga klick-beteende (e.preventDefault()).
+         * Bör endast användas om det vanliga beteendet är problematiskt pga dynamisk routing eller liknande.
+         * @en Override default link behavior. Should only be used if default link behaviour is a problem with e.g. routing
+         */
+        this.afOverrideLink = false;
+        /**
+         * Sätt till true om du använder Angular, se exempelkod under 'Översikt'
+         * @en Set to true if using Angular
+         */
+        this.afLinkContainer = false;
+    }
+    clickLinkHandler(e) {
+        e.stopImmediatePropagation();
+        this.afOnClick.emit(e.detail);
+    }
+    get cssModifiers() {
+        return {
+            'digi-link--hide-visited': this.hideVisitedColor
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (index.h("digi-link", { key: 'a706b4079ce762660dbc1485432882e58f19e77e', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), index.h("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (index.h("digi-link", { key: 'a2962646501a8ae9b950b7388fa52275ad9127d3', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("slot", { key: 'fe5d219a4eec5914341798e4fd489c14f955c3cc' })))));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+LinkInternal.style = linkInternalCss();
+
+exports.digi_link_internal = LinkInternal;