@designsystem-se/af 35.2.0 → 35.2.1-beta.1

package/dist/esm/digi-tablist.entry.js

@@ -241,14 +241,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'dca1c4abca83e261d92656219eb2541a7a56ca94' }, h("div", { key: '84035bd0943841469d3975457f154361be44ca44', class: {
+        return (h(Host, { key: 'c29752d121ca72e994dfea5502e86252728a57ea' }, h("div", { key: '50e477d89f4624b7ffbbfd3114927fffe9bc28c0', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '9b940d350352ee21585088c85e5ab82a97dc93b5', class: "control-wrapper", style: {
+            } }, h("div", { key: '8f54656e1c0fb976088bf2a512c78a9ea12c9a81', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: '58bc37cc25c496d0f9f8616e3c34ce80513d1f41', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'a25ac43efa39432cd5a250c47a79b41c3cf85e51' }))), h("div", { key: '15c5de6088576a2fc7676e833c913b12b0cb052a', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: '789e732fd56a74535efe215b579e3ef2c70e9275', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'a3072c467f143306f98c8b958316a6d055fc0193' }))), h("div", { key: '68e92f739b087d623e80633ee156e11a994f9201', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
             const focusable = tab.id === this.tabs[this.selectedTab].id;
             const isActive = tab.id === this.tabs[this.activeTab].id;
             const Icon = `digi-icon-${tab.icon}`;
@@ -257,10 +257,10 @@ const NavigationTablist = class {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
-        })), h("div", { key: 'f01918fd148ec5e2dba14db76ea367f81f1319b4', class: "control-wrapper", style: {
+        })), h("div", { key: 'ee06a13724e25f71e88fc30a69150fd87dfb0a52', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '45608698c76bdd3141fd8d60608ec2b3f3174d4d', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '05aff4253f8a123bb2b4b6099886e8363cb46531' })))), h("div", { key: 'c84e4fbc3324c367ec6faa2238100b4ff5ad21aa', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '33ce9ee510d22e3677b9ec0abb3df0fd8234783b' }))));
+            } }, h("button", { key: '0edf13d3b1e50488b5c863dd2f0c526a67ea3403', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '6563cce3a1cbe1815e1fb4984677da74d1905e17' })))), h("div", { key: '35440cd87dda28887879505fb5630eb6d275aa71', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'ea47a5effeadfb2a0e1b83a1372779019532cd46' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

package/dist/esm/digi-tag-media.entry.js

@@ -32,9 +32,9 @@ const TagMedia = class {
         return h("digi-icon-news", { class: "digi-tag-media__icon" });
     }
     render() {
-        return (h(Host, { key: 'bf01b93ea91019eeaae25041ff753b6074972b4c' }, h("div", { key: '122bf660a6a10c7750dd518144514641ab076a47', class: {
+        return (h(Host, { key: 'd6fd6c062015513969862ecbb7a97284740b951d' }, h("div", { key: '678c6136fddc185b84bb48ebdedd2d0b75be5878', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: '2656de350fe78a019d3eea4ccada567cc972fa1f', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: '1c39ef5991724012abec20c2625881234df6ac30', class: "digi-tag-media__text" }, this.afText))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-tag.entry.js

@@ -30,7 +30,7 @@ const Tag = class {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: 'c22011ef8b2ee9f01a41bc7a387fb3faac986203', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '2fbea890f895b38456d00ecd841cbf5621ad2e62', slot: "icon-secondary" })));
+        return (h("digi-button", { key: 'fb74bcf162887c49f48f83324c59406d641159a7', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: 'ef6c1a3278a9dad10d4763f0a56ab2d9da8979fc', slot: "icon-secondary" })));
     }
 };
 Tag.style = DigiTagStyle0;

package/dist/esm/digi-tools-feedback-banner.entry.js

@@ -86,7 +86,7 @@ const FeedbackBanner = class {
             }), h("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, h("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, h("slot", null))))));
     }
     render() {
-        return (h("div", { key: 'ca8233ce17cdd82da7a8c192482f8eb0d2c16909', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: 'a88270032d203ee17fc47b0e98db8790da007e08', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: 'd518c92ecc3c45ac56f87fdc26f0f5242d5c5b32', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '3a90603a2d1110cbbb98e18b11963c7e5078bc0a', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-tools-feedback-rating.entry.js

@@ -166,7 +166,7 @@ const ToolsFeedbackRating = class {
             {}).text.toLowerCase() || null}`)), h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, h("g", { transform: "translate(1663, 2565)" }, h("g", { transform: "translate(190, 0)" }, h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (h("div", { class: "digi-tools-feedback-rating__thankyou" }, h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (h("div", { class: "digi-tools-feedback-rating__link" }, h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
     }
     render() {
-        return (h("div", { key: '6e63db95f773f08e3cdeb48f20be39a52fd520fd', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: 'c4256c21f32d65bf5f69d5aef9ee46dc7da78292', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: '12c11001e051554b009821f38a669d323eedac92', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '724097bc7649f5efb45d738e0ec6d60b4974ca43', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-tools-feedback.entry.js

@@ -1,31 +1,31 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bfea2cc5.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { y as FeedbackVariation, x as ToolsFeedbackType, T as ToolsFeedbackHeadingLevel } from './typography-variation.enum-b65edac6.js';
+import { z as FeedbackVariation, y as ToolsFeedbackType, T as ToolsFeedbackHeadingLevel } from './typography-variation.enum-dea0fe69.js';
 import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import { B as ButtonSize } from './code-example-variation.enum-e656d235.js';
-import './form-input-search-variation.enum-6d8dc10a.js';
+import './form-input-type.enum-a6bba983.js';
 import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
 import './calendar-week-view-heading-level.enum-6774297c.js';
 import './bar-chart-variation.enum-97c0b47f.js';
 import './code-variation.enum-1eee7c7a.js';
+import './expandable-accordion-header-level.enum-85681e2f.js';
+import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
-import './form-file-upload-variation.enum-9c49ec5e.js';
-import './form-input-type.enum-3da3db27.js';
-import './form-input-variation.enum-64d9450f.js';
-import './form-select-variation.enum-f2f6098d.js';
-import './form-textarea-variation.enum-05017e8e.js';
-import './form-validation-message-variation.enum-bcef8a9d.js';
+import './form-validation-message-variation.enum-f7835fc5.js';
+import './form-radiogroup-validation.enum-d790fc66.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
+import './layout-container-max-width.enum-c40018ac.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import './link-button-variation.enum-84d4976f.js';
 import './list-type.enum-fbb331ad.js';
 import './loader-skeleton-variation.enum-f9f867b4.js';
 import './loader-spinner-size.enum-0b246fa0.js';
+import './logo-variation.enum-5b68b79f.js';
 import './media-figure-alignment.enum-a1d36567.js';
 import './navigation-sidebar-variation.enum-8fead764.js';
 import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
@@ -40,6 +40,7 @@ import './tag-size.enum-403e0cd8.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './tools-theme-provider.brand.enum-8c5a98c9.js';
+import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
 import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
@@ -107,7 +108,7 @@ const ToolsFeedback = class {
         this.afOnReady.emit();
     }
     render() {
-        return (h("div", { key: '62857e445ed4d504768a562b8cf94e8242d9f904', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'd0a5668ad53aff2f1b0edfa9318eb00ad9f42b95', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '5e40ec3ba96d1a94ab572f70ec26aa12052bcc3a', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'd0b6ee58166aabe5d3ef53a56ef5820a217d1534', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-tools-theme-provider.entry.js

@@ -16,7 +16,7 @@ const ToolsThemeProvider = class {
         };
     }
     render() {
-        return (h(Host, { key: 'ebafb76263f79e4994c43b7760b91706918da526' }, h("div", { key: '622795bf4bdeee59ad4df0317cbd82797478f722', class: this.cssModifiers }, h("slot", { key: '758df27e5c4ef416842a3e9a6e1f466c2c99ddf1' }))));
+        return (h(Host, { key: '2607773b6e9516e477a143114b6dcd09fe9ac429' }, h("div", { key: '92deb3e6684e801b9344736816460c2b92dc71b5', class: this.cssModifiers }, h("slot", { key: '624ca40f329a46a334613772b7676296506070cf' }))));
     }
 };
 ToolsThemeProvider.style = DigiToolsThemeProviderStyle0;

package/dist/esm/digi-typography-heading-jumbo.entry.js

@@ -0,0 +1,34 @@
+import { r as registerInstance, h } from './index-bfea2cc5.js';
+import { T as TypographyHeadingJumboLevel, a as TypographyHeadingJumboVariation } from './typography-heading-jumbo-variation.enum-eb737f1b.js';
+
+const typographyHeadingJumboCss = ".sc-digi-typography-heading-jumbo-h{display:block}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--heading-jumbo--font-weight--desktop)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop-large)}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo{color:var(--digi--grayscale--0)}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{content:\"\";width:11.875rem;height:0.4375rem;background:var(--digi--color--border--accent--primary);display:block;margin-top:var(--digi--padding--small)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{width:13.75rem;margin-top:var(--digi--margin--h2-large);height:0.625rem}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo::after{background:var(--digi--color--border--accent--secondary)}digi-typography .sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{margin-bottom:var(--digi--margin--medium)}";
+const DigiTypographyHeadingJumboStyle0 = typographyHeadingJumboCss;
+
+const TypographyHeadingJumbo = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afText = '';
+        this.afVariation = undefined;
+        this.afLevel = TypographyHeadingJumboLevel.H1;
+        this.afLang = 'sv';
+    }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
+     */
+    focusOnHeading() {
+        this.headingElement.focus();
+    }
+    get cssModifiers() {
+        return {
+            'digi-typography-heading-jumbo--primary': this.afVariation === TypographyHeadingJumboVariation.PRIMARY,
+            'digi-typography-heading-jumbo--secondary': this.afVariation === TypographyHeadingJumboVariation.SECONDARY
+        };
+    }
+    render() {
+        return (h(this.afLevel, { key: '7e08e4982ca944b6c0cfc40662ab3adf0570e051', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+    }
+};
+TypographyHeadingJumbo.style = DigiTypographyHeadingJumboStyle0;
+
+export { TypographyHeadingJumbo as digi_typography_heading_jumbo };

package/dist/esm/digi-typography-meta.entry.js

@@ -15,7 +15,7 @@ const TypographyMeta = class {
         };
     }
     render() {
-        return (h("div", { key: 'fbbb08a5248c7aba45e160ae1589093a3e032018', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'ba083b744cd6b5342cd47f1578c47ecbd993e4ce', class: "digi-typography-meta__meta" }, h("slot", { key: '544eddd55db0651a396aad311469eb6967e365ff' })), h("div", { key: '5fd9aa0da6d6dec95c85000e838d7f8859fc03b9', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: 'd41f95a7edb3fdb5b16850cb85c1ab233564fc82', name: "secondary" }))));
+        return (h("div", { key: 'ef29c26740b13108920869f1d486b5a7ed3ef98b', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '28a3d77973d755226f877a5b702a8691bf5c300d', class: "digi-typography-meta__meta" }, h("slot", { key: '08907d99fc021f9ce4e6288c4d5122f5c8da5013' })), h("div", { key: 'e9061b642ad438ac9a8208c23b4abfac013a5fb7', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '17b7692f373466908810795e89d040963b1b3c37', name: "secondary" }))));
     }
 };
 TypographyMeta.style = DigiTypographyMetaStyle0;

package/dist/esm/digi-typography-preamble.entry.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h } from './index-bfea2cc5.js';
+
+const typographyPreambleCss = ".sc-digi-typography-preamble-h .digi-typography-preamble.sc-digi-typography-preamble{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--preamble--font-size--mobile);font-weight:var(--digi--typography--preamble--font-weight--desktop);line-height:var(--digi--typography--preamble--line-height--mobile);color:var(--digi--color--text--primary);max-width:var(--digi--paragraph-width--medium)}@media (min-width: 61.9375rem){.sc-digi-typography-preamble-h .digi-typography-preamble.sc-digi-typography-preamble{font-size:var(--digi--typography--preamble--font-size--desktop);line-height:var(--digi--typography--preamble--line-height--desktop)}}";
+const DigiTypographyPreambleStyle0 = typographyPreambleCss;
+
+const TypographyPreamble = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("p", { key: 'f36ed04f88420fd6e4cee6b32c942162d015d2c7', class: "digi-typography-preamble" }, h("slot", { key: '20412c932c9b4bf5ac257e6cb5e70fddc4908b1d' })));
+    }
+};
+TypographyPreamble.style = DigiTypographyPreambleStyle0;
+
+export { TypographyPreamble as digi_typography_preamble };

package/dist/esm/digi-typography-time.entry.js

@@ -56,7 +56,7 @@ const TypographyTime = class {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: '15bfe77e7d66d44ce21cfd46e0f66812eefdce7c', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: '66745abd60dd22e77650ad78d9dec6785aee7a03', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get watchers() { return {
         "afDateTime": ["formatDate"]

package/dist/esm/digi-util-breakpoint-observer.entry.js

@@ -0,0 +1,44 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bfea2cc5.js';
+import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-6d004731.js';
+
+const utilBreakpointObserverCss = ".sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer.sc-digi-util-breakpoint-observer{--SMALL:small;--MEDIUM:medium;--LARGE:large;--XLARGE:xlarge}.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--SMALL);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;pointer-events:none;transition:transform 0.01s;transform:rotate(0deg)}@media (min-width: 48rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--MEDIUM);transform:rotate(10deg)}}@media (min-width: 61.9375rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--LARGE);transform:rotate(20deg)}}@media (min-width: 75rem){.sc-digi-util-breakpoint-observer-h .digi-util-breakpoint-observer__observer.sc-digi-util-breakpoint-observer{--digi--util-breakpoint-observer--breakpoint:var(--XLARGE);transform:rotate(30deg)}}";
+const DigiUtilBreakpointObserverStyle0 = utilBreakpointObserverCss;
+
+const UtilBreakpointObserver = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnChange = createEvent(this, "afOnChange", 7);
+        this.afOnSmall = createEvent(this, "afOnSmall", 7);
+        this.afOnMedium = createEvent(this, "afOnMedium", 7);
+        this.afOnLarge = createEvent(this, "afOnLarge", 7);
+        this.afOnXLarge = createEvent(this, "afOnXLarge", 7);
+    }
+    componentDidLoad() {
+        this.handleBreakpoint();
+    }
+    handleBreakpoint(e) {
+        const observerCSSVariables = window.getComputedStyle(this._observer);
+        const value = observerCSSVariables.getPropertyValue('--digi--util-breakpoint-observer--breakpoint');
+        this.afOnChange.emit({ value, e });
+        switch (value) {
+            case UtilBreakpointObserverBreakpoints.SMALL:
+                this.afOnSmall.emit({ value, e });
+                break;
+            case UtilBreakpointObserverBreakpoints.MEDIUM:
+                this.afOnMedium.emit({ value, e });
+                break;
+            case UtilBreakpointObserverBreakpoints.LARGE:
+                this.afOnLarge.emit({ value, e });
+                break;
+            case UtilBreakpointObserverBreakpoints.XLARGE:
+                this.afOnXLarge.emit({ value, e });
+        }
+    }
+    render() {
+        return (h(Host, { key: 'ad069f81879593a325040b9c74e32d12c8015223' }, h("div", { key: '5095c371970e0bcf193b87a7b42e5bb9e0bbe55c', class: "digi-util-breakpoint-observer" }, h("div", { key: '3bc810c17434bd255ba1fad44e21bc9641ac0682', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: 'd931493321c7decfed8ae2340f7284e5455928d9' }))));
+    }
+    get hostElement() { return getElement(this); }
+};
+UtilBreakpointObserver.style = DigiUtilBreakpointObserverStyle0;
+
+export { UtilBreakpointObserver as digi_util_breakpoint_observer };

package/dist/esm/digi-util-detect-click-outside.entry.js

@@ -24,7 +24,7 @@ const UtilDetectClickOutside = class {
         }
     }
     render() {
-        return h("slot", { key: '27bdfe8bac12103746c824818432c3f5d0eb4df5' });
+        return h("slot", { key: '8c250aaf23b3b298fb74b3f2b84436240de779b9' });
     }
     get $el() { return getElement(this); }
 };

package/dist/esm/digi-util-detect-focus-outside.entry.js

@@ -24,7 +24,7 @@ const UtilDetectFocusOutside = class {
         }
     }
     render() {
-        return h("slot", { key: 'aef6d321044f1e38f110dce10d217a87faf2dbeb' });
+        return h("slot", { key: '01ea8b7681552724af508fdc4eefddbbb3fcfce9' });
     }
     get $el() { return getElement(this); }
 };

package/dist/esm/digi-util-keyup-handler.entry.js

@@ -72,7 +72,7 @@ const UtilKeyupHandler = class {
         }
     }
     render() {
-        return h("slot", { key: '193fab69ab56674ad01de1b73698e0e5b24ec7bf' });
+        return h("slot", { key: '54c6dbc94dd5a4ace8f487cb4c58beee7c7ab94f' });
     }
 };
 

package/dist/esm/digi-util-resize-observer.entry.js

@@ -29,7 +29,7 @@ const UtilResizeObserver = class {
         this.afOnChange.emit(e);
     }
     render() {
-        return h("slot", { key: 'da95fbbc06520194394e492d5aab6b07ff1ffc65' });
+        return h("slot", { key: '09295e6aee942d1bce9f26c58506e0be647412e9' });
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/expandable-accordion-header-level.enum-85681e2f.js

@@ -0,0 +1,11 @@
+var ExpandableAccordionHeaderLevel;
+(function (ExpandableAccordionHeaderLevel) {
+    ExpandableAccordionHeaderLevel["H1"] = "h1";
+    ExpandableAccordionHeaderLevel["H2"] = "h2";
+    ExpandableAccordionHeaderLevel["H3"] = "h3";
+    ExpandableAccordionHeaderLevel["H4"] = "h4";
+    ExpandableAccordionHeaderLevel["H5"] = "h5";
+    ExpandableAccordionHeaderLevel["H6"] = "h6";
+})(ExpandableAccordionHeaderLevel || (ExpandableAccordionHeaderLevel = {}));
+
+export { ExpandableAccordionHeaderLevel as E };

package/dist/esm/expandable-faq-item-variation.enum-a8cb225b.js

@@ -0,0 +1,18 @@
+var ExpandableFaqItemHeadingLevel;
+(function (ExpandableFaqItemHeadingLevel) {
+    ExpandableFaqItemHeadingLevel["H1"] = "h1";
+    ExpandableFaqItemHeadingLevel["H2"] = "h2";
+    ExpandableFaqItemHeadingLevel["H3"] = "h3";
+    ExpandableFaqItemHeadingLevel["H4"] = "h4";
+    ExpandableFaqItemHeadingLevel["H5"] = "h5";
+    ExpandableFaqItemHeadingLevel["H6"] = "h6";
+})(ExpandableFaqItemHeadingLevel || (ExpandableFaqItemHeadingLevel = {}));
+
+var ExpandableFaqItemVariation;
+(function (ExpandableFaqItemVariation) {
+    ExpandableFaqItemVariation["PRIMARY"] = "primary";
+    ExpandableFaqItemVariation["SECONDARY"] = "secondary";
+    ExpandableFaqItemVariation["TERTIARY"] = "tertiary";
+})(ExpandableFaqItemVariation || (ExpandableFaqItemVariation = {}));
+
+export { ExpandableFaqItemHeadingLevel as E, ExpandableFaqItemVariation as a };

package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js}

@@ -1,3 +1,17 @@
+var ButtonType;
+(function (ButtonType) {
+    ButtonType["BUTTON"] = "button";
+    ButtonType["SUBMIT"] = "submit";
+    ButtonType["RESET"] = "reset";
+})(ButtonType || (ButtonType = {}));
+
+var FormInputSearchVariation;
+(function (FormInputSearchVariation) {
+    FormInputSearchVariation["SMALL"] = "small";
+    FormInputSearchVariation["MEDIUM"] = "medium";
+    FormInputSearchVariation["LARGE"] = "large";
+})(FormInputSearchVariation || (FormInputSearchVariation = {}));
+
 var FormInputButtonVariation;
 (function (FormInputButtonVariation) {
     FormInputButtonVariation["PRIMARY"] = "primary";
@@ -22,4 +36,4 @@ var FormInputType;
     FormInputType["WEEK"] = "week";
 })(FormInputType || (FormInputType = {}));
 
-export { FormInputButtonVariation as F, FormInputType as a };
+export { ButtonType as B, FormInputSearchVariation as F, FormInputButtonVariation as a, FormInputType as b };

package/dist/esm/form-radiogroup-validation.enum-d790fc66.js

@@ -0,0 +1,9 @@
+var FormRadiogroupValidation;
+(function (FormRadiogroupValidation) {
+    FormRadiogroupValidation["SUCCESS"] = "success";
+    FormRadiogroupValidation["ERROR"] = "error";
+    FormRadiogroupValidation["WARNING"] = "warning";
+    FormRadiogroupValidation["NEUTRAL"] = "neutral";
+})(FormRadiogroupValidation || (FormRadiogroupValidation = {}));
+
+export { FormRadiogroupValidation as F };

package/dist/esm/{form-file-upload-variation.enum-9c49ec5e.js → form-validation-message-variation.enum-f7835fc5.js}

@@ -21,4 +21,11 @@ var FormFileUploadVariation;
     FormFileUploadVariation["LARGE"] = "large";
 })(FormFileUploadVariation || (FormFileUploadVariation = {}));
 
-export { FormFileUploadHeadingLevel as F, FormFileUploadValidation as a, FormFileUploadVariation as b };
+var FormValidationMessageVariation;
+(function (FormValidationMessageVariation) {
+    FormValidationMessageVariation["SUCCESS"] = "success";
+    FormValidationMessageVariation["ERROR"] = "error";
+    FormValidationMessageVariation["WARNING"] = "warning";
+})(FormValidationMessageVariation || (FormValidationMessageVariation = {}));
+
+export { FormFileUploadHeadingLevel as F, FormFileUploadValidation as a, FormFileUploadVariation as b, FormValidationMessageVariation as c };

package/dist/esm/index-bfea2cc5.js

@@ -52,10 +52,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'digi-button_20':
+                case 'digi-button_19':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-button_20.entry.js').then(processMod, consoleError);
+                      './digi-button_19.entry.js').then(processMod, consoleError);
                 case 'digi-badge-status':
                     return import(
                       /* webpackMode: "lazy" */
@@ -64,10 +64,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-bar-chart.entry.js').then(processMod, consoleError);
-                case 'digi-calendar-datepicker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-calendar-datepicker.entry.js').then(processMod, consoleError);
                 case 'digi-calendar-week-view':
                     return import(
                       /* webpackMode: "lazy" */
@@ -92,10 +88,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-dialog.entry.js').then(processMod, consoleError);
+                case 'digi-expandable-accordion':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-expandable-accordion.entry.js').then(processMod, consoleError);
                 case 'digi-expandable-faq':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-expandable-faq.entry.js').then(processMod, consoleError);
+                case 'digi-expandable-faq-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-expandable-faq-item.entry.js').then(processMod, consoleError);
                 case 'digi-footer':
                     return import(
                       /* webpackMode: "lazy" */
@@ -136,14 +140,26 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-form-select-filter.entry.js').then(processMod, consoleError);
-                case 'digi-form-textarea':
+                case 'digi-header':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-form-textarea.entry.js').then(processMod, consoleError);
+                      './digi-header.entry.js').then(processMod, consoleError);
                 case 'digi-header-avatar':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-header-avatar.entry.js').then(processMod, consoleError);
+                case 'digi-header-navigation':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-header-navigation.entry.js').then(processMod, consoleError);
+                case 'digi-header-navigation-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-header-navigation-item.entry.js').then(processMod, consoleError);
+                case 'digi-header-notification':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-header-notification.entry.js').then(processMod, consoleError);
                 case 'digi-icon-accessibility-deaf':
                     return import(
                       /* webpackMode: "lazy" */
@@ -196,6 +212,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-icon-bell.entry.js').then(processMod, consoleError);
+                case 'digi-icon-bell-filled':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-icon-bell-filled.entry.js').then(processMod, consoleError);
                 case 'digi-icon-book':
                     return import(
                       /* webpackMode: "lazy" */
@@ -872,10 +892,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-tools-theme-provider.entry.js').then(processMod, consoleError);
+                case 'digi-typography-heading-jumbo':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-typography-heading-jumbo.entry.js').then(processMod, consoleError);
                 case 'digi-typography-meta':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-typography-meta.entry.js').then(processMod, consoleError);
+                case 'digi-typography-preamble':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-typography-preamble.entry.js').then(processMod, consoleError);
                 case 'digi-typography-time':
                     return import(
                       /* webpackMode: "lazy" */
@@ -896,10 +924,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-badge-notification.entry.js').then(processMod, consoleError);
-                case 'digi-calendar_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-calendar_2.entry.js').then(processMod, consoleError);
                 case 'digi-code-block_3':
                     return import(
                       /* webpackMode: "lazy" */
@@ -928,6 +952,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-layout-columns.entry.js').then(processMod, consoleError);
+                case 'digi-logo_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-logo_2.entry.js').then(processMod, consoleError);
                 case 'digi-notification-alert':
                     return import(
                       /* webpackMode: "lazy" */
@@ -940,10 +968,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-util-resize-observer.entry.js').then(processMod, consoleError);
-                case 'digi-form-select_2':
+                case 'digi-icon-bars':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-form-select_2.entry.js').then(processMod, consoleError);
+                      './digi-icon-bars.entry.js').then(processMod, consoleError);
                 case 'digi-icon-chart_2':
                     return import(
                       /* webpackMode: "lazy" */
@@ -980,34 +1008,26 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-media-image_2.entry.js').then(processMod, consoleError);
-                case 'digi-form-input':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-form-input.entry.js').then(processMod, consoleError);
                 case 'digi-icon-check':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-icon-check.entry.js').then(processMod, consoleError);
-                case 'digi-icon-chevron-left':
+                case 'digi-layout-block_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-icon-chevron-left.entry.js').then(processMod, consoleError);
+                      './digi-layout-block_2.entry.js').then(processMod, consoleError);
                 case 'digi-link':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-link.entry.js').then(processMod, consoleError);
-                case 'digi-form-label_5':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-form-label_5.entry.js').then(processMod, consoleError);
-                case 'digi-icon-chevron-right':
+                case 'digi-util-breakpoint-observer':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-icon-chevron-right.entry.js').then(processMod, consoleError);
-                case 'digi-util-mutation-observer':
+                      './digi-util-breakpoint-observer.entry.js').then(processMod, consoleError);
+                case 'digi-icon-chevron-down':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-util-mutation-observer.entry.js').then(processMod, consoleError);
+                      './digi-icon-chevron-down.entry.js').then(processMod, consoleError);
           }
       }
   return import(