npm - @designsystem-se/af - Versions diffs - 34.2.0 → 34.2.1-beta.1 - Mend

@designsystem-se/af 34.2.0 → 34.2.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2368) hide show

package/dist/cjs/digi-expandable-accordion.cjs.entry.js CHANGED Viewed

@@ -2,68 +2,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-cfa8e9be.js');
+const index = require('./index-81fc5a97.js');
 const text = require('./text-3157012b.js');
-require('./badge-notification-shape.enum-ff802554.js');
-const typographyVariation_enum = require('./typography-variation.enum-cc2d8aef.js');
-require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-7921c01e.js');
-const buttonType_enum = require('./button-type.enum-406723db.js');
-const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
-require('./calendar-week-view-heading-level.enum-fd0c841b.js');
-require('./card-footer-border.enum-143982da.js');
-require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
-require('./code-variation.enum-c4a4e6fd.js');
-require('./expandable-faq-item-variation.enum-89427195.js');
-require('./expandable-faq-variation.enum-af923f49.js');
-require('./footer-card-variation.enum-99555edc.js');
-require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-validation-message-variation.enum-c5ec3e2d.js');
-require('./form-input-type.enum-daf781ba.js');
-require('./form-textarea-variation.enum-9c90d40f.js');
-require('./info-card-multi-type.enum-14746572.js');
-require('./info-card-variation.enum-64cef637.js');
-require('./layout-container-max-width.enum-7e637f44.js');
-require('./layout-block-variation.enum-f6102119.js');
-require('./layout-columns-variation.enum-65675649.js');
-require('./layout-media-object-alignment.enum-81c8e205.js');
-require('./link-button-variation.enum-6c51aa80.js');
-require('./list-type.enum-aea4d012.js');
-require('./loader-skeleton-variation.enum-d52ba55e.js');
-require('./loader-spinner-size.enum-db2973f0.js');
-require('./logo-variation.enum-607fadb4.js');
-require('./media-figure-alignment.enum-3885aba5.js');
-require('./navigation-context-menu-item-type.enum-9b8142ad.js');
-require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
-require('./navigation-sidebar-variation.enum-1c0c3064.js');
-require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./progress-indicator-variation.enum-7cf8e0e4.js');
-require('./progress-list-item-variation.enum-90e4c874.js');
-require('./progress-list-variation.enum-06d5ce27.js');
-require('./progressbar-variation.enum-aff9fa80.js');
-require('./quote-image-inner-position.enum-e64e7a6d.js');
-require('./table-variation.enum-25df2ad7.js');
-require('./tag-media-icon.enum-372563c5.js');
-require('./tag-size.enum-0a6be639.js');
-require('./tools-feedback-banner-type.enum-de373ba0.js');
-require('./tools-feedback-rating-variation.enum-2f71e84d.js');
-require('./typography-heading-jumbo-variation.enum-8677e099.js');
-require('./typography-meta-variation.enum-13ac3538.js');
-require('./typography-time-variation.enum-bce1d87e.js');
-require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+const expandableAccordionHeaderLevel_enum = require('./expandable-accordion-header-level.enum-45483252.js');
-const expandableAccordionCss = ".digi--util--fs--xs.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-expandable-accordion{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-expandable-accordion{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-expandable-accordion{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-expandable-accordion{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-expandable-accordion{padding-top:5rem !important}.digi--util--pb--1.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-expandable-accordion{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-expandable-accordion{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-expandable-accordion{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-expandable-accordion{padding:2.5rem !important}.digi--util--p--60.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-expandable-accordion{padding:4.5rem !important}.digi--util--p--90.sc-digi-expandable-accordion{padding:5rem !important}.digi--util--ptb--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-expandable-accordion{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-expandable-accordion{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-expandable-accordion{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-expandable-accordion{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-expandable-accordion{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-expandable-accordion{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-expandable-accordion{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-expandable-accordion{display:none}.sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--border--informative);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:\"\";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.sc-digi-expandable-accordion-h .digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion::after{content:none}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{justify-content:space-between;min-height:var(--digi--input-height--large);padding:0 var(--digi--gutter--medium);border-radius:var(--digi--border-radius--primary);background-color:var(--digi--color--background--input-empty);border:1px solid var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:var(--digi--focus-outline);background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--inverted);background-color:var(--digi--color--background--inverted-1);border-color:var(--digi--color--background--inverted-1);border-block-end:none;border-end-end-radius:0;border-end-start-radius:0}.digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-size:var(--digi--global--typography--font-size--interaction-medium);color:var(--digi--color--text--secondary)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{--digi--icon--color:currentColor;color:currentColor}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{background:var(--digi--color--background--input-empty)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{display:flex;flex-direction:column}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion digi-typography.sc-digi-expandable-accordion{display:block;padding:var(--digi--container-gutter--small)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{border:1px solid var(--digi--color--background--inverted-1);border-radius:var(--digi--border-radius--primary);border-start-end-radius:0;border-start-start-radius:0}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(\n    --digi--color--background--tertiary\n  )}@keyframes heightAnim{from{height:0%}to{height:100%}}";
+const expandableAccordionCss = ".sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--divider--cta);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:\"\";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(--digi--color--background--primary)}@keyframes heightAnim{from{height:0%}to{height:100%}}";
 const DigiExpandableAccordionStyle0 = expandableAccordionCss;
 const ExpandableAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.afOnClick = index.createEvent(this, "afOnClick", 7);
-        this.afVariation = typographyVariation_enum.ExpandableAccordionVariation.PRIMARY;
         this.afHeading = undefined;
-        this.afHeadingLevel = typographyVariation_enum.ExpandableAccordionHeaderLevel.H2;
+        this.afHeadingLevel = expandableAccordionHeaderLevel_enum.ExpandableAccordionHeaderLevel.H2;
         this.afExpanded = false;
         this.afAnimation = true;
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-expandable-accordion');
@@ -74,7 +26,7 @@ const ExpandableAccordion = class {
         return {
             [`digi-expandable-accordion--expanded-${!!this.afExpanded}`]: true,
             [`digi-expandable-accordion--animation-${!!this.afAnimation}`]: true,
-            [`digi-expandable-accordion--variation-${this.afVariation}`]: !!this.afVariation
+            [`digi-expandable-accordion--variation-primary`]: true
         };
     }
     /**
@@ -128,16 +80,8 @@ const ExpandableAccordion = class {
         }
         this.afOnClick.emit(e);
     }
-    get toggleIcon() {
-        if (this.afExpanded) {
-            return index.h("digi-icon-chevron-up", { slot: "icon-secondary" });
-        }
-        else {
-            return index.h("digi-icon-chevron-down", { slot: "icon-secondary" });
-        }
-    }
     render() {
-        return (index.h("article", { key: '207480005adcfb36ca3f0a84bd96950ebab39858', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: '3a983cb3cd371ebad31ecbf5becaaa4cbf8bdff4', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: 'ce51ca860005ae89eb2326aecad8daaefb3c6429', class: "digi-expandable-accordion__heading" }, index.h("button", { key: '13b2f2a25fe441d584a816dcbca4e2ad9c7070a6', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, this.afVariation !== typographyVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("digi-icon-chevron-down", { key: '84d5dbce95232423088a99cfeedbb8a653869a23', class: "digi-expandable-accordion__toggle-icon" })), this.afHeading, this.afVariation === typographyVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("span", { key: '9c1376403348134f151da93664015d4a5fbbd625', class: "digi-expandable-accordion__toggle-label" }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))), index.h("section", { key: 'baf30dceed4446e309f22f455685bae58ca41017', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: 'de34f17525d7cf09d75db433ddbee0d9c5e5ad89' }, index.h("digi-typography", { key: '5230a728fd4f327991a528e3ac63a3a7ce3e5f03' }, index.h("slot", { key: '2d8b8eb040c40d96ed3cb9857b53ee48356b18b6' })), this.afVariation === typographyVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("digi-button", { key: 'a5fa7a651a2f81aa108ed31df6bad98a3bd28808', class: "digi-expandable-accordion__toggle-inside", afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afType: buttonType_enum.ButtonType.BUTTON, onAfOnClick: (e) => this.clickToggleHandler(e.detail, true), afFullWidth: true, afAriaExpanded: this.afExpanded, afAriaControls: `${this.afId}-content` }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))));
+        return (index.h("article", { key: '02340aea532ecb7415f74c39fc9d0105b3b3000c', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: 'da98703b8a2fb69c202570255a525f513dd5e99e', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: 'a666f55b00e451ebdf75cb3675e5f8f07c12f887', class: "digi-expandable-accordion__heading" }, index.h("button", { key: '0b5668f4d32b0b31ac627b0b787eb2795e756cee', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, index.h("digi-icon-chevron-down", { key: 'b2c63b1a5afe9dcc8c96b72856ac16ddfb61a38c', class: "digi-expandable-accordion__toggle-icon" }), this.afHeading))), index.h("section", { key: '7ee9a822e15da2212df6980c4b813730df44a90e', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: 'f0b3eb9abff27c9ee4e06c6924654a8874ee247f' }, index.h("digi-typography", { key: '970ae11eebb5358ebae1457dcd1f8ac8996d8336' }, index.h("slot", { key: 'aa44a79ce9417911ad9974ed5d84f7b012a0aa5a' }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-expandable-faq-item.cjs.entry.js CHANGED Viewed

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-cfa8e9be.js');
+const index = require('./index-81fc5a97.js');
 const expandableFaqItemVariation_enum = require('./expandable-faq-item-variation.enum-89427195.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const expandableFaqItemCss = ".digi--util--fs--xs.sc-digi-expandable-faq-item{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-expandable-faq-item{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-expandable-faq-item{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-expandable-faq-item{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-expandable-faq-item{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-expandable-faq-item{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-expandable-faq-item{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-expandable-faq-item{padding-top:5rem !important}.digi--util--pb--1.sc-digi-expandable-faq-item{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-expandable-faq-item{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-expandable-faq-item{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-expandable-faq-item{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-expandable-faq-item{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-expandable-faq-item{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-expandable-faq-item{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-expandable-faq-item{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-expandable-faq-item{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-expandable-faq-item{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-expandable-faq-item{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-expandable-faq-item{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-expandable-faq-item{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-expandable-faq-item{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-expandable-faq-item{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-expandable-faq-item{padding:2.5rem !important}.digi--util--p--60.sc-digi-expandable-faq-item{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-expandable-faq-item{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-expandable-faq-item{padding:4.5rem !important}.digi--util--p--90.sc-digi-expandable-faq-item{padding:5rem !important}.digi--util--ptb--1.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-expandable-faq-item{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-expandable-faq-item{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-expandable-faq-item{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-expandable-faq-item{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-expandable-faq-item{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-expandable-faq-item{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-expandable-faq-item{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-expandable-faq-item{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-expandable-faq-item{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-expandable-faq-item{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-expandable-faq-item{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-expandable-faq-item{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-expandable-faq-item{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-expandable-faq-item{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-expandable-faq-item{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-expandable-faq-item{display:none}.sc-digi-expandable-faq-item-h{--digi--expandable-faq-item--header--background-color--primary:var(--digi--color--background--neutral-5);--digi--expandable-faq-item--header--background-color--secondary:var(--digi--color--background--secondary);--digi--expandable-faq-item--header--background-color--tertiary:var(--digi--color--background--primary);--digi--expandable-faq-item--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-faq-item--content--transition:ease-in-out var(--digi--animation--duration--base) height;--digi--expandable-faq-item--icon--size:0.875rem;--digi--expandable-faq-item--icon--margin-right:var(--digi--margin--medium);--digi--expandable-faq-item--header--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--expandable-faq-item--header--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--expandable-faq-item--border-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--content--padding:var(--digi--gutter--largest-2);display:block}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item.sc-digi-expandable-faq-item{max-width:calc(var(--digi--paragraph-width--medium) + var(--digi--padding--largest-2));margin-bottom:var(--digi--global--spacing--smallest-4);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--primary.sc-digi-expandable-faq-item{--BACKGROUND:var(\n    --digi--expandable-faq-item--header--background-color--primary\n  )}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--secondary.sc-digi-expandable-faq-item{--BACKGROUND:var(\n    --digi--expandable-faq-item--header--background-color--secondary\n  )}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--expanded.sc-digi-expandable-faq-item{border-bottom-color:var(--BACKGROUND)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item{background-color:var(--BACKGROUND);width:100%;max-width:calc(var(--digi--paragraph-width--medium) + var(--digi--padding--largest-2))}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h1.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h2.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h3.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h4.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h5.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h6.sc-digi-expandable-faq-item{margin:0}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item{margin-right:var(--digi--expandable-faq-item--icon--margin-right);transition:var(--digi--expandable-faq-item--header--toggle-icon--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon--expanded.sc-digi-expandable-faq-item{transform:rotate(-180deg)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item-s>[slot^=icon],.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon .sc-digi-expandable-faq-item-s>[slot^=icon]{--digi--icon--width:var(--digi--expandable-faq-item--icon--size);--digi--icon--height:var(--digi--expandable-faq-item--icon--size)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item{color:var(--digi--color--text--primary);background-color:var(--BACKGROUND);border:none;border-radius:0;padding:var(--digi--expandable-faq-item--content--padding);font-size:var(--digi--expandable-faq-item--header--font-size);font-weight:var(--digi--expandable-faq-item--header--font-weight);width:100%;display:flex;align-items:center;text-align:left;cursor:pointer;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:hover{text-decoration:underline}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item{overflow-y:hidden}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item>div.sc-digi-expandable-faq-item{padding:var(--digi--expandable-faq-item--content--padding);box-sizing:border-box;max-width:var(--digi--paragraph-width--medium)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--animation.sc-digi-expandable-faq-item{transition:var(--digi--expandable-faq-item--content--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--hidden.sc-digi-expandable-faq-item{height:0}";
+const expandableFaqItemCss = ".sc-digi-expandable-faq-item-h{--digi--expandable-faq-item--header--background-color--primary:var(--digi--color--background--pop-out);--digi--expandable-faq-item--header--background-color--secondary:var(--digi--color--background--secondary);--digi--expandable-faq-item--header--background-color--tertiary:var(--digi--color--background--primary);--digi--expandable-faq-item--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-faq-item--content--transition:ease-in-out var(--digi--animation--duration--base) height;--digi--expandable-faq-item--icon--size:0.875rem;--digi--expandable-faq-item--icon--margin-right:var(--digi--margin--medium);--digi--expandable-faq-item--header--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--expandable-faq-item--header--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--expandable-faq-item--border-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--content--padding:var(--digi--gutter--largest-2);display:block}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item.sc-digi-expandable-faq-item{max-width:calc(var(--digi--paragraph-width--medium) + var(--digi--padding--largest-2));margin-bottom:var(--digi--global--spacing--smallest-4);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--primary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--primary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--secondary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--secondary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--tertiary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--tertiary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--expanded.sc-digi-expandable-faq-item{border-bottom-color:var(--BACKGROUND)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item{background-color:var(--BACKGROUND);width:100%;max-width:calc(var(--digi--paragraph-width--medium) + var(--digi--padding--largest-2))}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h1.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h2.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h3.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h4.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h5.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h6.sc-digi-expandable-faq-item{margin:0}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item{margin-right:var(--digi--expandable-faq-item--icon--margin-right);transition:var(--digi--expandable-faq-item--header--toggle-icon--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon--expanded.sc-digi-expandable-faq-item{transform:rotate(-180deg)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item-s>[slot^=icon],.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon .sc-digi-expandable-faq-item-s>[slot^=icon]{--digi--icon--width:var(--digi--expandable-faq-item--icon--size);--digi--icon--height:var(--digi--expandable-faq-item--icon--size)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item{color:var(--digi--color--text--primary);background-color:var(--BACKGROUND);border:none;border-radius:0;padding:var(--digi--expandable-faq-item--content--padding);font-size:var(--digi--expandable-faq-item--header--font-size);font-weight:var(--digi--expandable-faq-item--header--font-weight);width:100%;display:flex;align-items:center;text-align:left;cursor:pointer;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:hover{text-decoration:underline}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item{overflow-y:hidden}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item>div.sc-digi-expandable-faq-item{padding:var(--digi--expandable-faq-item--content--padding);box-sizing:border-box;max-width:var(--digi--paragraph-width--medium)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--animation.sc-digi-expandable-faq-item{transition:var(--digi--expandable-faq-item--content--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--hidden.sc-digi-expandable-faq-item{height:0}";
 const DigiExpandableFaqItemStyle0 = expandableFaqItemCss;
 const ExpandableFaqItem = class {
@@ -72,18 +72,18 @@ const ExpandableFaqItem = class {
         }
     }
     render() {
-        return (index.h("article", { key: '24c28aa6ee608a3c63441eae2958b9c129d48086', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: '304271c217691ae28c586239c701d288c3ddf2b9', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: '366a6fb8794372d77fa147218904409d84f590fc' }, index.h("button", { key: 'f7b1c6def5d63692c62737dc6cc5be53c567ffff', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (index.h("article", { key: '586884d3f2c91a7597743198cdab5758735943ed', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: '51e944438c6ccf3ff713f838da0117436acdd88a', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: '1e976960a26b0bab61886351c3ed4137c98ec06b' }, index.h("button", { key: 'e52835b2541c1ffc3a7becf76e59aef097240604', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-pressed": this.afExpanded ? 'true' : 'false', "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, index.h("digi-icon-chevron-down", { key: 'ebbe7820ab0877f5c2f12cf7d923eda14f198923', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, index.h("digi-icon-chevron-down", { key: '36b8f9c563b9ef4417a21fbcba204b914ea96506', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), this.afHeading))), index.h("section", { key: '0ddd4eb2d432560b90c023f5dc1c4705cd6bb375', class: {
+            } }), this.afHeading))), index.h("section", { key: '8f384f65f08a5d84649f40ad1c441ab3733fdc62', class: {
                 'digi-expandable-faq-item__content': true,
                 'digi-expandable-faq-item__content--animation': this.afAnimation,
                 'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, index.h("div", { key: '6bfcaf4addc6960dc310013c3f681fef87c0ea30' }, index.h("digi-typography", { key: '0c30fa2a5e8918abf2073a013f18a2b2f640e0d5' }, index.h("slot", { key: '5d3d774c930bd1f3032e7df9532040683d7febea' }))))));
+            }, id: `${this.afId}-content` }, index.h("div", { key: '0af73c452462f4436ef90ca4c9d5b77dba1ee1d4' }, index.h("digi-typography", { key: 'f2079bf2c748440255eafc9052e6a0b671a662fc' }, index.h("slot", { key: 'bf723138101e6ab11cfe245089eea195e8950ee0' }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-expandable-faq.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-cfa8e9be.js');
+const index = require('./index-81fc5a97.js');
 const expandableFaqVariation_enum = require('./expandable-faq-variation.enum-af923f49.js');
 const logger_util = require('./logger.util-fdafc086.js');
@@ -53,9 +53,9 @@ const ExpandableFaq = class {
             });
     }
     render() {
-        return (index.h("div", { key: 'a711e8b00214bb7bb6bbfd26603cacba3a6ba0f9', class: {
+        return (index.h("div", { key: '1f3dcc55e6e60e2624a647817174a2dd1f8574e6', class: {
                 'digi-expandable-faq': true
-            } }, index.h(this.afHeadingLevel, { key: 'c4315e1e42f13e349c0a3f37d97d06522afe81f6' }, this.afHeading), index.h("slot", { key: '54afd5ca71b828751e2919e06d63703cd8e0dc2a' })));
+            } }, index.h(this.afHeadingLevel, { key: 'b557cac87e08ff794989dc92d9e7c405859707f1' }, this.afHeading), index.h("slot", { key: '694f4df0a65c40eae1e4e260fad27377f31fd31d' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-footer-card.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-cfa8e9be.js');
+const index = require('./index-81fc5a97.js');
 const footerCardVariation_enum = require('./footer-card-variation.enum-99555edc.js');
-const footerCardCss = ".sc-digi-footer-card-h{--digi--footer-card--text--color:var(--digi--color--text--inverted);--digi--footer-card--border-bottom:solid var(--digi--border-width--primary) var(--digi--color--border--inverted-3);--digi--footer-card--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop)}.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:unset;--LINK-DECORATION:underline;--LINK-DECORATION--HOVER:underline;--LINK-SIZE:inherit;--PADDING-BOTTOM:var(--digi--container-gutter--larger);--MARGIN-BOTTOM:var(--digi--container-gutter--larger);margin-bottom:var(--MARGIN-BOTTOM);padding-bottom:var(--PADDING-BOTTOM);border-bottom:var(--BORDER)}@media (min-width: 62rem){.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:0;--PADDING-BOTTOM:var(--digi--container-gutter--large)}}.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--BORDER:var(--digi--footer-card--border-bottom);--LINK-SIZE:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 62rem){.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--LINK-SIZE:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card--icon.sc-digi-footer-card{--LINK-DECORATION:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h3,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h4,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h5,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h6{color:var(--digi--footer--text--color);margin-top:0}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 62rem){.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s p{color:var(--digi--footer--text--color)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a{font-size:var(--LINK-SIZE);color:var(--digi--footer--text--color);font-weight:var(--digi--footer-card--link--font-weight);display:flex;align-items:flex-start;text-decoration:var(--LINK-DECORATION)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a:hover{text-decoration:var(--LINK-DECORATION--HOVER)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a svg{--digi--icon--color:var(--digi--footer-card-text--color);--digi--icon--height:1em;--digi--icon--width:1em;margin-right:var(--digi--gutter--small)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul{padding:0;margin:0;list-style:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li{margin-bottom:var(--digi--gutter--largest-2)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li:last-child{margin-bottom:0}";
+const footerCardCss = ".sc-digi-footer-card-h{--digi--footer-card--text--color:var(--digi--color--text--secondary);--digi--footer-card--border-bottom:solid var(--digi--border-width--primary) var(--digi--color--divider--on-brand-primary);--digi--footer-card--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop)}.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:unset;--LINK-DECORATION:underline;--LINK-DECORATION--HOVER:underline;--LINK-SIZE:inherit;--PADDING-BOTTOM:var(--digi--container-gutter--larger);--MARGIN-BOTTOM:var(--digi--container-gutter--larger);margin-bottom:var(--MARGIN-BOTTOM);padding-bottom:var(--PADDING-BOTTOM);border-bottom:var(--BORDER)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:0;--PADDING-BOTTOM:var(--digi--container-gutter--large)}}.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--BORDER:var(--digi--footer-card--border-bottom);--LINK-SIZE:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--LINK-SIZE:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card--icon.sc-digi-footer-card{--LINK-DECORATION:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h3,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h4,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h5,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h6{color:var(--digi--footer--text--color);margin-top:0}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s p{color:var(--digi--footer--text--color)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a{font-size:var(--LINK-SIZE);color:var(--digi--footer--text--color);font-weight:var(--digi--footer-card--link--font-weight);display:flex;align-items:flex-start;text-decoration:var(--LINK-DECORATION)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a:hover{text-decoration:var(--LINK-DECORATION--HOVER)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a svg{--digi--icon--color:var(--digi--footer-card-text--color);--digi--icon--height:1em;--digi--icon--width:1em;margin-right:var(--digi--gutter--small)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul{padding:0;margin:0;list-style:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li{margin-bottom:var(--digi--gutter--largest-2)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li:last-child{margin-bottom:0}";
 const DigiFooterCardStyle0 = footerCardCss;
 const FooterFooterCard = class {
@@ -20,7 +20,7 @@ const FooterFooterCard = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '04a0d418a4dc81c5e59c0728a96b1fd942374e5e' }, index.h("div", { key: '77b3e6230e8bfa121183bacb98bb5d87dad1c701', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: 'e6c3e97476d3c896d14555948f526baa762c09d9', class: "digi-footer-card__content" }, index.h("slot", { key: 'ccf3c130651f16d5ce87c00b821e8be8fa60ed20' })))));
+        return (index.h(index.Host, { key: 'fd1e970c930fad36d18c848db7325b02bacf1cee' }, index.h("div", { key: '3db638133e06a7c248679a8c0660637d1310e0ff', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: '15ab93d8bc71a42f9b65482d20294240c4cf777d', class: "digi-footer-card__content" }, index.h("slot", { key: '052855b6532d652dd380f5a40771ed03f9a47907' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-footer.cjs.entry.js CHANGED Viewed

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-cfa8e9be.js');
-const typographyVariation_enum = require('./typography-variation.enum-cc2d8aef.js');
+const index = require('./index-81fc5a97.js');
+const typographyVariation_enum = require('./typography-variation.enum-2cf77231.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-7921c01e.js');
+require('./button-size.enum-1fd86b9e.js');
 require('./button-type.enum-406723db.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
-require('./card-footer-border.enum-143982da.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
 require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
+require('./expandable-accordion-header-level.enum-45483252.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
@@ -27,14 +27,12 @@ require('./layout-container-max-width.enum-7e637f44.js');
 const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
 require('./layout-media-object-alignment.enum-81c8e205.js');
-require('./link-button-variation.enum-6c51aa80.js');
+require('./link-button-variation.enum-137785e3.js');
 require('./list-type.enum-aea4d012.js');
 require('./loader-skeleton-variation.enum-d52ba55e.js');
 require('./loader-spinner-size.enum-db2973f0.js');
 require('./logo-variation.enum-607fadb4.js');
 require('./media-figure-alignment.enum-3885aba5.js');
-require('./navigation-context-menu-item-type.enum-9b8142ad.js');
-require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
 require('./progress-indicator-variation.enum-7cf8e0e4.js');
@@ -44,15 +42,16 @@ require('./progressbar-variation.enum-aff9fa80.js');
 require('./quote-image-inner-position.enum-e64e7a6d.js');
 require('./table-variation.enum-25df2ad7.js');
 require('./tag-media-icon.enum-372563c5.js');
-require('./tag-size.enum-0a6be639.js');
+require('./tag-size.enum-387c516c.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
+require('./tools-theme-provider.brand.enum-bc855272.js');
 require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
-const footerCss = ".sc-digi-footer-h {\n  --digi--footer--text--color: var(--digi--color--text--inverted);\n  --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);\n  --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);\n  --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);\n  --digi--footer--link--color--default: var(--digi--color--text--inverted);\n  --digi--footer--link--color--hover: var(--digi--color--text--inverted);\n  --digi--footer--link--border-color--default: var(--digi--color--text--inverted);\n  --digi--footer--link--border-color--hover: var(--digi--color--text--inverted);\n  --digi--footer--padding-top: var(--digi--container-gutter--largest);\n  --digi--footer--margin-top: var(--digi--container-gutter--large);\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer {\n  --MARGIN-TOP: var(--digi--footer--margin-top);\n  color: var(--digi--footer--text--color);\n  font-family: var(--digi--footer--text--font-family);\n  font-size: var(--digi--footer--text--font-size);\n  font-weight: var(--digi--footer--text--font-weight);\n  line-height: normal;\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n  grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 62rem) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  .sc-digi-footer-h .digi-footer--small.sc-digi-footer-s > [slot^=content-top] > *:first-child, .sc-digi-footer-h .digi-footer--small .sc-digi-footer-s > [slot^=content-top] > *:first-child {\n    grid-column: 1/3;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer {\n  container-type: inline-size;\n  padding-top: var(--digi--footer--padding-top);\n}\n.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  padding: var(--digi--footer--padding-top) 0;\n}\n@media (max-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n    justify-content: center;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer__content-bottom {\n    justify-content: center;\n  }\n}\n.sc-digi-footer-h .sc-digi-footer-s  digi-logo  {\n  --digi--logo--padding--large--wide: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-top] {\n  display: grid;\n  grid-template-rows: repeat(2, auto);\n  column-gap: var(--digi--gutter--largest);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n  display: flex;\n  align-items: flex-end;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-top: var(--MARGIN-TOP);\n}\n@media (min-width: 62rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n    --MARGIN-TOP: 0;\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--text--color);\n  padding: var(--digi--gutter--small);\n  margin: 0;\n}\n@media (min-width: 62rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n    padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--link--color--default);\n  border-color: var(--digi--footer--link--border-color--default);\n  margin: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:visited, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:visited {\n  color: var(--digi--footer--link--color--default);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:active, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:active {\n  background: transparent;\n  color: var(--digi--footer--link--color--hover);\n  border-color: var(--digi--footer--link--border-color--hover);\n}";
+const footerCss = ".sc-digi-footer-h {\n  --digi--footer--text--color: var(--digi--color--text--secondary);\n  --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);\n  --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);\n  --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);\n  --digi--footer--link--color--default: var(--digi--color--text--secondary);\n  --digi--footer--link--color--hover: var(--digi--color--text--secondary);\n  --digi--footer--link--border-color--default: var(--digi--color--text--secondary);\n  --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);\n  --digi--footer--padding-top: var(--digi--container-gutter--largest);\n  --digi--footer--margin-top: var(--digi--container-gutter--large);\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer {\n  --MARGIN-TOP: var(--digi--footer--margin-top);\n  color: var(--digi--footer--text--color);\n  font-family: var(--digi--footer--text--font-family);\n  font-size: var(--digi--footer--text--font-size);\n  font-weight: var(--digi--footer--text--font-weight);\n  line-height: normal;\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n  grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  .sc-digi-footer-h .digi-footer--small.sc-digi-footer-s > [slot^=content-top] > *:first-child, .sc-digi-footer-h .digi-footer--small .sc-digi-footer-s > [slot^=content-top] > *:first-child {\n    grid-column: 1/3;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer {\n  container-type: inline-size;\n  padding-top: var(--digi--footer--padding-top);\n}\n.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  padding: var(--digi--footer--padding-top) 0;\n}\n@media (max-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n    justify-content: center;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer__content-bottom {\n    justify-content: center;\n  }\n}\n.sc-digi-footer-h .sc-digi-footer-s  digi-logo  {\n  --digi--logo--padding--large--wide: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-top] {\n  display: grid;\n  grid-template-rows: repeat(2, auto);\n  column-gap: var(--digi--gutter--largest);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n  display: flex;\n  align-items: flex-end;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-top: var(--MARGIN-TOP);\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n    --MARGIN-TOP: 0;\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--text--color);\n  padding: var(--digi--gutter--small);\n  margin: 0;\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n    padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--link--color--default);\n  border-color: var(--digi--footer--link--border-color--default);\n  margin: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:visited, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:visited {\n  color: var(--digi--footer--link--color--default);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:active, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:active {\n  background: transparent;\n  color: var(--digi--footer--link--color--hover);\n  border-color: var(--digi--footer--link--border-color--hover);\n}";
 const DigiFooterStyle0 = footerCss;
 const FooterFooter = class {
@@ -66,7 +65,7 @@ const FooterFooter = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a61e1b548e49c141dcfbf080395aacfdb885ed88' }, index.h("footer", { key: '8cd11c96960fdb02552af52a7e46d98d53b1ddbc', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: '4b5055eb5842e438c5a6c4fdf1c5e08544cc2f84' }, index.h("digi-layout-block", { key: 'f0a4412ff367fb67ce9e6abd68abfc3ae1bb8e92', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: '3b03c59c0498c21b393ee94e6d6ebe93b466b9c1', "af-no-gutter": true }, index.h("div", { key: 'a09315a60fa2632929bbd86e53987b7519b630ac', class: "digi-footer__content-top" }, index.h("slot", { key: '7442e18654919a8b72ec2848985cd2b938961761', name: "content-top" })), index.h("div", { key: 'cf2d0458e56c3a8af623e0007f756d96a7cba160', class: "digi-footer__content-bottom" }, index.h("slot", { key: '9fb9ae5cbf99c77cbf9dcdcda3796273caad82e9', name: "content-bottom-left" }), index.h("slot", { key: 'd3097050e6122ec6acbe0e4863af1b2a3b450e34', name: "content-bottom-right" }))))))));
+        return (index.h(index.Host, { key: '27eaaeb6323b8eab2c9e676e52baff22e3931b59' }, index.h("footer", { key: 'a18d1fbd40129804018f9768db4f3aa27cd3ecdf', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: '87b429e38f0eb8d589b7522cff7130f0cbf30634' }, index.h("digi-layout-block", { key: 'd983d8d03811df520b946e701e50f8a7d88259aa', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: '3213388b3b270fedbb848c1d6d129d693f8876cd', "af-no-gutter": true }, index.h("div", { key: '4b8725eaead3c4b9ce57d7b77af3fcb3fa3522da', class: "digi-footer__content-top" }, index.h("slot", { key: 'c21f38065a406da56631f1f9345eb92e8d8f834d', name: "content-top" })), index.h("div", { key: 'b3fc3c7fc7f8f6ba18865c5e58b7cda17ccc38ca', class: "digi-footer__content-bottom" }, index.h("slot", { key: 'f16a990a7608e2f673b39e1bc7191024afdfaac4', name: "content-bottom-left" }), index.h("slot", { key: '848d34e8d04affe50fab869bba06fb03625db725', name: "content-bottom-right" }))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-form-category-filter.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-cfa8e9be.js');
+const index = require('./index-81fc5a97.js');
-const formCategoryFilterCss = ".sc-digi-form-category-filter-h{--digi--form-category-filter--gap:var(--digi--padding--small)}.sc-digi-form-category-filter-h .digi-form-category-filter.sc-digi-form-category-filter{display:flex;flex-wrap:wrap;gap:var(--digi--form-category-filter--gap)}.sc-digi-form-category-filter-h .digi-form-category-filter--category.sc-digi-form-category-filter{--digi--button--icon--spacing:0px}.sc-digi-form-category-filter-h .digi-form-category-filter--category--not-selected.sc-digi-form-category-filter{--digi--button--color--background--primary--default:var(\n    --digi--color--background--secondary\n  );--digi--button--color--text--primary--default:var(\n    --digi--color--text--secondary\n  );--digi--button--color--border--primary--default:var(\n    --digi--color--background--secondary\n  )}.sc-digi-form-category-filter-h .digi-form-category-filter--category--thin-text.sc-digi-form-category-filter{font-weight:400}";
+const formCategoryFilterCss = ".sc-digi-form-category-filter-h{--digi--form-category-filter--gap:var(--digi--padding--small)}.sc-digi-form-category-filter-h .digi-form-category-filter.sc-digi-form-category-filter{display:flex;flex-wrap:wrap;gap:var(--digi--form-category-filter--gap)}.sc-digi-form-category-filter-h .digi-form-category-filter--category.sc-digi-form-category-filter{--digi--button--icon--spacing:0px}.sc-digi-form-category-filter-h .digi-form-category-filter--category--not-selected.sc-digi-form-category-filter{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--quaternary);--digi--button--color--text--primary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--quaternary)}.sc-digi-form-category-filter-h .digi-form-category-filter--category--thin-text.sc-digi-form-category-filter{font-weight:400}";
 const DigiFormCategoryFilterStyle0 = formCategoryFilterCss;
 const FormCategoryFilter = class {
@@ -99,7 +99,7 @@ const FormCategoryFilter = class {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (index.h(index.Host, { key: '67e0c4e7c2be49eabfa299204d5c76f3ad4fd778' }, index.h("div", { key: '2edae8c98f0b70ea19d830cd1e0288b0a2c6b820', class: {
+        return (index.h(index.Host, { key: '546117d0885502aef20ee5e1c3027a14c038dd8b' }, index.h("div", { key: '1ebd8d6a3f18b0248556783f8b7cecd984dbcc8d', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (index.h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -107,7 +107,7 @@ const FormCategoryFilter = class {
             }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
                 this.toggleCategory(category);
             } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (index.h("span", null, category.name, ' ', index.h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: '5e2cfb74aea26a4420dda35926ee363634123c43' }, index.h("digi-button", { key: '4e17efbdcc8d395a9d343d9d735745d2b4a2b4a8', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: 'f0dae2df00b4c6484f54995352eb6411d4d568da' }, index.h("digi-button", { key: '1dc1028d7e7407ee724c294e02c52246f39e6025', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (index.h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (index.h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }