@designsystem-se/af 39.2.1-beta.1 → 39.2.1-beta.3

package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-
-const iconValidationErrorCss = () => `.sc-digi-icon-validation-error-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-error-h svg.sc-digi-icon-validation-error{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
-
-const IconValidationError = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
-        this.afSvgAriaHidden = true;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: 'b20fb61395f90adad2b9e5be72d3e2ea3c5a3feb', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: '5e08a1b947d534b913fff06e02109b53c607a0be', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'f016b92eb4957943a5308d12db1ce2f1b73fae3f' }, this.afDesc), index.h("path", { key: 'f5ba662eeb6689959a6990ae2e880edc42670490', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-IconValidationError.style = iconValidationErrorCss();
-
-const iconValidationWarningCss = () => `.sc-digi-icon-validation-warning-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-warning-h svg.sc-digi-icon-validation-warning{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
-
-const IconValidationWarning = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
-        this.afSvgAriaHidden = true;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("div", { key: '7017a09730cca2dafe42548b11d18e34a693f81b' }, index.h("svg", { key: 'd56b196f88aaf6dd87bb416e422d399667e80202', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: '25751b0fd552d8dcabc3402345ba8528126dd973', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '41476cbdf1b92dd9b7c44d8791481a5cf00186ca' }, this.afDesc), index.h("g", { key: '6607df5c4713e5680fcaa2e9ea29b7cab5064e3d', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: 'c87e6472093671bc2f1f6b3d7eb0b34f512468c1', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: '17b79d3e780ecbb2394b38586388ea457c65a2f7', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
-    }
-};
-IconValidationWarning.style = iconValidationWarningCss();
-
-exports.digi_icon_validation_error = IconValidationError;
-exports.digi_icon_validation_warning = IconValidationWarning;

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

@@ -1,28 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-
-const iconXCss = () => `.sc-digi-icon-x-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-h svg.sc-digi-icon-x{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
-
-const IconX = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
-        this.afSvgAriaHidden = true;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: '0b80e24c3325440f7b556a986fdad1767a600967', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '50dbbbc37ac3de491d76c294b8894cf48e71ecd1', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '42238be205f961054edd5ec7a179235aac6c21ec' }, this.afDesc), index.h("g", { key: '9204703f40a5373da72a9f1b802bd92667a22999', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, index.h("path", { key: '16d3aabd4555481407e87d4dbc0d9f25516d60b7', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
-    }
-};
-IconX.style = iconXCss();
-
-exports.digi_icon_x = IconX;

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

@@ -1,17 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-
-const infoCardMultiContainerCss = () => `.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__heading.sc-digi-info-card-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--typography--heading-2--font-weight--desktop);font-family:var(--digi--global--typography--font-family--default);line-height:var(--digi--typography--heading-2--line-height--desktop)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__heading.sc-digi-info-card-multi-container{font-size:var(--digi--typography--heading-2--font-size--desktop-large);font-weight:var(--digi--typography--heading-2--font-weight--desktop-large);line-height:var(--digi--typography--heading-2--line-height--desktop-large)}}.sc-digi-info-card-multi-container-h .digi-info-card-multi-container__content.sc-digi-info-card-multi-container{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit, minmax(365px, 1fr))}`;
-
-const InfoCardMultiContainer = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h("div", { key: '88032692d4c99e19fcca1f3d74fcf082e087d9ea', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (index.h(this.afHeadingLevel, { key: 'a3a0d067711fd18294041884a0f00fd7bc6fa5e0', class: "digi-info-card-multi-container__heading" }, this.afHeading)), index.h("digi-layout-columns", { key: '26c5ef1fb4ccf832449252adb49035c025873f99', "af-variation": "three" }, index.h("slot", { key: 'e7a1d1b1d48b003024830d3e24ba3345c25291a8' }))));
-    }
-};
-InfoCardMultiContainer.style = infoCardMultiContainerCss();
-
-exports.digi_info_card_multi_container = InfoCardMultiContainer;

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

@@ -1,60 +0,0 @@
-'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

@@ -1,90 +0,0 @@
-'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

@@ -1,101 +0,0 @@
-'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

@@ -1,37 +0,0 @@
-'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

@@ -1,69 +0,0 @@
-'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;