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

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

@@ -1,22 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-Cn1hHaSy.js');
 
-const index = require('./index-7a477838.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 DigiInfoCardMultiContainerStyle0 = infoCardMultiContainerCss;
+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);
-        this.afHeading = undefined;
-        this.afHeadingLevel = undefined;
     }
     render() {
-        return (index.h("div", { key: '2d91d2d4e461b4160373e89dd827740e7e9adc45', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (index.h(this.afHeadingLevel, { key: 'bcaeeebf96f779e3b58dc383f758ee05ffda7d5a', class: "digi-info-card-multi-container__heading" }, this.afHeading)), index.h("digi-layout-columns", { key: 'dde2c2295c8bbd09a177f8f6dca9f0da2916ca3b', "af-variation": "three" }, index.h("slot", { key: '86202b3f63bd71bf6480936777a6c819440fe94d' }))));
+        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 = DigiInfoCardMultiContainerStyle0;
+InfoCardMultiContainer.style = infoCardMultiContainerCss();
 
 exports.digi_info_card_multi_container = InfoCardMultiContainer;

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

@@ -1,28 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+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 index = require('./index-7a477838.js');
-const infoCardMultiType_enum = require('./info-card-multi-type.enum-14746572.js');
-const logger_util = require('./logger.util-fdafc086.js');
-const tagMediaIcon_enum = require('./tag-media-icon.enum-372563c5.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 DigiInfoCardMultiStyle0 = infoCardMultiCss;
+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);
-        this.afSrc = undefined;
-        this.afAlt = undefined;
-        this.afTagText = undefined;
+        /**
+         * Sätter ikon för taggen
+         * @en set icon for tag
+         */
         this.afTagIcon = tagMediaIcon_enum.TagMediaIcon.NEWS;
-        this.afHeading = undefined;
-        this.afHeadingLevel = undefined;
+        /**
+         * 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.afLinkHref = undefined;
-        this.hideVisitedColor = undefined;
         this.activeLink = false;
     }
     componentWillLoad() {
@@ -45,14 +43,18 @@ const InfoCardMulti = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a05608b955f142a66703d9648b7d3ec32bbcf645' }, index.h("div", { key: '8650bc5ae00357c2fc0c592fc4a6c7d1ebe565ff', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, index.h("div", { key: 'f2ecd84c75e2bede595b351e6330bd24b434e807', class: "digi-info-card-multi__content" }, this.afType == infoCardMultiType_enum.InfoCardMultiType.MEDIA && (index.h("div", { key: 'a13529f04b172be43648e74382c49d3d507c7d52', class: "digi-info-card-multi__image" }, index.h("digi-media-image", { key: 'ad53e158a5255732503a9808e62d239d822e6295', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, index.h("div", { key: '7822841c0652aad7c3b14438e3f5b00eaf911433', class: "digi-info-card-multi__tag" }, index.h("digi-tag-media", { key: 'c5c400e89444726c3c3479bbc85dcab16f673408', "af-icon": this.afTagIcon, afText: this.afTagText }))))), index.h("div", { key: '8329f1fc4bcc040c3b69041c1acc798140781c7d', class: "digi-info-card-multi__text" }, index.h(this.afHeadingLevel, { key: 'd47bcf8798d1ea0d83332b7abc8f568aa6f4ebe5', class: "digi-info-card-multi__heading" }, index.h("a", { key: 'fca34c5fbe950cb3e2016b3e23c1b5b590df39d4', 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: '821e6203fba01efb9d9d2c64fc676123ad2e918b' }, index.h("slot", { key: '2a216306befcb253efe763eda089262b3e84b30f' })))))));
+        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"],
-        "afHeadingLevel": ["validateHeading"]
+        "afHeading": [{
+                "validateHeading": 0
+            }],
+        "afHeadingLevel": [{
+                "validateHeading": 0
+            }]
     }; }
 };
-InfoCardMulti.style = DigiInfoCardMultiStyle0;
+InfoCardMulti.style = infoCardMultiCss();
 
 exports.digi_info_card_multi = InfoCardMulti;

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

@@ -1,29 +1,36 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+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 index = require('./index-7a477838.js');
-const infoCardVariation_enum = require('./info-card-variation.enum-64cef637.js');
-const logger_util = require('./logger.util-fdafc086.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 DigiInfoCardStyle0 = infoCardCss;
+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);
-        this.afHeading = undefined;
-        this.afHeadingLevel = undefined;
+        /**
+         * 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.afLinkText = undefined;
-        this.afLinkHref = undefined;
-        this.hideVisitedColor = undefined;
         this.activeLink = false;
-        this.afSvgAriaHidden = undefined;
         this.hasListIcon = false;
     }
     // get shouldRenderListIcon() {
@@ -66,14 +73,18 @@ const InfoCard = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'f7f629acc7bd66a48b30bdf8ca6e4aeee6da9735', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, index.h("div", { key: 'ca7b539e6c95853b4300d343a3d0953005773bd8', class: "digi-info-card__content" }, index.h("div", { key: 'c264f8a955a4a1dd10c706ee5e026b5de6a9480a', class: "digi-info-card__icon" }, this.hasListIcon && (index.h("span", { key: '8bb815c3349de26a8c126769a96c91cf0ee59ced', class: "digi-info-card__icon" }, index.h("slot", { key: '352c1e31d5fc7daa9c0e896218fbfa3049b4b3fd', name: "icon" })))), index.h(this.afHeadingLevel, { key: 'ed911ad3eba1cd61ad9d27d85c56dff209ae2596', class: "digi-info-card__heading" }, this.afHeading), index.h("digi-typography", { key: '93ebdf196ff8de19303b4122f624bc72db6f43fd' }, index.h("slot", { key: '6f0964297e065e5674c0452902b937f9a96c29a1' })), this.shouldRenderInternalLink && (index.h("digi-link-internal", { key: 'af116bc1d9b2054f1b595defa395fc3ca4cacb02', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+        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"],
-        "afHeadingLevel": ["validateHeading"]
+        "afHeading": [{
+                "validateHeading": 0
+            }],
+        "afHeadingLevel": [{
+                "validateHeading": 0
+            }]
     }; }
 };
-InfoCard.style = DigiInfoCardStyle0;
+InfoCard.style = infoCardCss();
 
 exports.digi_info_card = InfoCard;

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

@@ -1,23 +1,25 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+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 index = require('./index-7a477838.js');
-const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
-const layoutContainerMaxWidth_enum = require('./layout-container-max-width.enum-7e637f44.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 DigiLayoutBlockStyle0 = layoutBlockCss;
+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;
-        this.afVerticalPadding = undefined;
-        this.afMarginTop = undefined;
-        this.afMarginBottom = undefined;
     }
     containerChangeHandler() {
         this._container = this.afContainer;
@@ -36,27 +38,32 @@ const LayoutBlock = class {
         };
     }
     render() {
-        return (index.h("div", { key: '1ae2b7371f08238720ee66d8f0452c7fbf1ec095', 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)))));
+        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"]
+        "afContainer": [{
+                "containerChangeHandler": 0
+            }]
     }; }
 };
-LayoutBlock.style = DigiLayoutBlockStyle0;
+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 DigiLayoutContainerStyle0 = layoutContainerCss;
+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;
-        this.afNoGutter = undefined;
-        this.afVerticalPadding = undefined;
-        this.afMarginTop = undefined;
-        this.afMarginBottom = undefined;
     }
     variationChangeHandler() {
         this._variation = this.afVariation;
@@ -80,13 +87,15 @@ const LayoutContainer = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'c5c995f525db9697284f7891573a62f7bf00e16a', class: Object.assign({}, this.cssModifiers) }, index.h("slot", { key: '571994e8ef260f38adb61ed52814e2da676e669f' })));
+        return (index.h("div", { key: '85f483f4ae22a8a3bf3825923f3b6bb12961bf84', class: Object.assign({}, this.cssModifiers) }, index.h("slot", { key: '18a8b9b8d9e151435776a1acaafba5bde59e4a10' })));
     }
     static get watchers() { return {
-        "afVariation": ["variationChangeHandler"]
+        "afVariation": [{
+                "variationChangeHandler": 0
+            }]
     }; }
 };
-LayoutContainer.style = DigiLayoutContainerStyle0;
+LayoutContainer.style = layoutContainerCss();
 
 exports.digi_layout_block = LayoutBlock;
 exports.digi_layout_container = LayoutContainer;

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

@@ -1,18 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-Cn1hHaSy.js');
+var layoutColumnsVariation_enum = require('./layout-columns-variation.enum-OgD-hvRN.js');
 
-const index = require('./index-7a477838.js');
-const layoutColumnsVariation_enum = require('./layout-columns-variation.enum-65675649.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 DigiLayoutColumnsStyle0 = layoutColumnsCss;
+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;
-        this.afVariation = undefined;
+        /**
+         * 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() {
@@ -25,9 +29,9 @@ const LayoutColumns = class {
         };
     }
     render() {
-        return (index.h(this.afElement, { key: 'be3b15187c7de3cb245847ca0a4f37ed3bc9d5b1', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, index.h("slot", { key: '57c7075fa79bfb94954aefddae4e39fe5024959c' })));
+        return (index.h(this.afElement, { key: 'df449fd6546b8d2f3d0be1cdf88397049cc9f3b2', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, index.h("slot", { key: 'e0a5ba226891cc1c8bfd03544bbc7de797ab5e14' })));
     }
 };
-LayoutColumns.style = DigiLayoutColumnsStyle0;
+LayoutColumns.style = layoutColumnsCss();
 
 exports.digi_layout_columns = LayoutColumns;

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

@@ -1,25 +1,40 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-Cn1hHaSy.js');
+var linkButtonVariation_enum = require('./link-button-variation.enum-03cHZQxx.js');
 
-const index = require('./index-7a477838.js');
-const linkButtonVariation_enum = require('./link-button-variation.enum-137785e3.js');
-
-const linkButtonCss = ".sc-digi-link-button-h{--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-s>a digi-badge-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:focus-visible .digi-link-button__icon,.sc-digi-link-button-s>a:active .digi-link-button__icon{--COLOR--DEFAULT: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}.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%}.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)}";
-const DigiLinkButtonStyle0 = linkButtonCss;
+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);
-        this.afHref = undefined;
-        this.afAriaLabel = undefined;
+        /**
+         * 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;
-        this.hasNotification = undefined;
     }
     clickLinkHandler(e) {
         if (this.afOverrideLink) {
@@ -31,21 +46,9 @@ const LinkButton = class {
         const tabIndex = this.hostElement.getAttribute('tabIndex');
         !!tabIndex && tabIndex === '0' && this._link.setAttribute('tabIndex', '-1');
     }
-    componentWillLoad() {
-        this.setHasNotification();
-    }
-    componentWillUpdate() {
-        this.setHasNotification();
-    }
     componentDidLoad() {
         this.initRouting();
     }
-    setHasNotification() {
-        const notification = !!this.hostElement.querySelector('[slot="notification"]');
-        if (notification) {
-            this.hasNotification = notification;
-        }
-    }
     get cssModifiers() {
         return {
             'digi-link-button--primary': this.afVariation === linkButtonVariation_enum.LinkButtonVariation.PRIMARY,
@@ -57,10 +60,10 @@ const LinkButton = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '46458f669c4841d319e88abec5acaff8fa0763c7', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (index.h("a", { key: '041e70d145bd0a581557354a79633519bfb725bf', href: this.afHref, "aria-label": this.afAriaLabel, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, index.h("span", { key: 'b1eb50dbbd8bdfe366eecc4763b51a0beb9e012f', class: "digi-link-button__text" }, index.h("slot", { key: '49c971415b792cc1ca1cb271c2aeee3935721cdd' })), this.hasNotification && index.h("slot", { key: '64fa0e232a6c3ec189d51a1d3cdbcfa6a4d5b3f8', name: "notification" }), index.h("digi-icon-chevron-right", { key: '431fd10cbee41812db9bbb123d3160a247e7814f', class: "digi-link-button__icon" }))), this.afLinkContainer && (index.h(index.Fragment, { key: '58d510056cac70ccc94a3ee824f8bac2c0f0ed6d' }, index.h("slot", { key: '843533e3d19e26965c36240abc2f1e373bbab4bc' }), this.hasNotification && index.h("slot", { key: '592a9a5b697acf614e553db42f814050aedef9bf', name: "notification" })))));
+        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 = DigiLinkButtonStyle0;
+LinkButton.style = linkButtonCss();
 
 exports.digi_link_button = LinkButton;