@designsystem-se/af 34.2.1-beta.3 → 35.0.0

package/dist/cjs/digi-progressbar.cjs.entry.js

@@ -78,7 +78,7 @@ const Progressbar = class {
         return;
     }
     render() {
-        return (index.h("div", { key: 'cd9de104336face6adf170fb4b1293908b994ef3', class: this.cssModifiers, role: this.afRole === progressbarVariation_enum.ProgressbarRole.STATUS ? progressbarVariation_enum.ProgressbarRole.STATUS : null }, index.h("p", { key: 'eedec93430edec0ff10058c67a97aa7bdb977d4c', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (index.h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (index.h("div", { key: '151336013ed8b95c8768446617154ff687be2e29', class: this.cssModifiers, role: this.afRole === progressbarVariation_enum.ProgressbarRole.STATUS ? progressbarVariation_enum.ProgressbarRole.STATUS : null }, index.h("p", { key: 'b2de477f0269b24f7743637e5e40e687b4eba091', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (index.h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (index.h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -89,7 +89,7 @@ const Progressbar = class {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, index.h("span", { class: "digi-progressbar__step-indicator" }, index.h("span", { class: "digi-progressbar__step-number" }, index$1 + 1))));
-        }))), index.h("div", { key: 'bddda9fc4b39a47cdfa3cd3af6a3d796fdbad14d', hidden: true, class: "digi-progressbar__slot" }, index.h("digi-util-mutation-observer", { key: 'c5e0705ecbfb5575a786758964486d5b17cc04f0', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: '7118f96d78366df86ff006c43cadeb1fc43bb858' })))));
+        }))), index.h("div", { key: '6d8ec353c3162d3019c44f48f3be7a7b9a07adce', hidden: true, class: "digi-progressbar__slot" }, index.h("digi-util-mutation-observer", { key: '977129def5204fff9e2307628434f844272c5245', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: 'e7246db76f7836d1df8b4225ee92e45b82bffa98' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-quote.cjs.entry.js

@@ -96,7 +96,7 @@ const Quote = class {
         return (index.h("div", { class: "digi-quote__variation--highlight-wrapper" }, index.h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), index.h("div", { class: "digi-quote-icon-flex" }, index.h("span", { class: "quote-icon" }, this.renderQuotationMark()), index.h("div", { class: "quote-content" }, index.h("digi-typography", null, index.h("blockquote", null, index.h("slot", null))), index.h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), index.h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (index.h(index.Host, { key: '525ba7fbd71b2a31a8b050d300af0e580bb6a98e' }, index.h("digi-util-breakpoint-observer", { key: 'e6a0cea740192e9f12f7d636d3baee7fb7261f36', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '0e1bb67754db4cc513e5db22f475f59f77aab797', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (index.h(index.Host, { key: '87877e2a6673408528a948d9b30819cd6ac2b8bc' }, index.h("digi-util-breakpoint-observer", { key: '694b3b0af533dc63ab7f8376d4f31be0aec03bb7', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: 'b0e58828e47831efccd8134a727e8fa09830c635', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
 };
 Quote.style = DigiQuoteStyle0;

package/dist/cjs/digi-table.cjs.entry.js

@@ -25,7 +25,7 @@ const Table = class {
         };
     }
     render() {
-        return (index.h("div", { key: '672c0d88ee2057829da46509f4a3ed678715242a', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: 'f197d78db93c1b22cf727a1322b1781939aa4d98', class: "digi-table__scroll-container" }, index.h("slot", { key: 'b35255291276b12e0b7661a5d257c8038c4b6b41' }))));
+        return (index.h("div", { key: '8ac08323eaac5cc315114a986497362ab605d891', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: '607592e7cdf1606691b26eb2bf2338d73ef32dce', class: "digi-table__scroll-container" }, index.h("slot", { key: '33299011515a9f4dfbe0b317a69e61fcb2bb6e7c' }))));
     }
 };
 Table.style = DigiTableStyle0;

package/dist/cjs/digi-tablist-panel.cjs.entry.js

@@ -11,11 +11,11 @@ const NavigationTabPanel = class {
         this.isVisible = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'b89f13e04d43b15eaa39221387ca24ab8db74821' }, index.h("div", { key: 'cb11153b3b6b42ebc11d5d4a650684b72cd35a0c', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (index.h(index.Host, { key: 'e4cfd11c6f4bbb2487c0ff743e8ebf7dd5659ae2' }, index.h("div", { key: '6c88d83d97f6192b59138bcedb262c5bf6c609a4', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, index.h("slot", { key: '82547d5268852f00080baed6250f86b258e082f7' }))));
+            } }, index.h("slot", { key: 'fecd78af4cb75e725d1df5fc39c2b56786f73414' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -245,14 +245,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (index.h(index.Host, { key: 'cd0e1b6864fd6626c4353d3ba6ce87ae9ada03f1' }, index.h("div", { key: '58615534f1ba0a9419e732378990be13c0d41f1e', class: {
+        return (index.h(index.Host, { key: '984dcccc1c59d1d0d8516a0da050f6da14ac4bda' }, index.h("div", { key: '242017c856b2afb3776314b5a4203ef969627d47', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === navigationTablist_types.OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === navigationTablist_types.OverflowMode.Controls
-            } }, index.h("div", { key: 'e356625ac7f8fc34d05c2bcbc8ce88ece6279ee6', class: "control-wrapper", style: {
+            } }, index.h("div", { key: 'e29a128663f7e46eed7eae365ac5821341b13e08', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, index.h("button", { key: 'b1e4d8cd6a55c2e50e2fd5a081553c953bd3c650', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: 'c630e957ba8228fab9a38ddf2a28015fcf9c352b' }))), index.h("div", { key: 'd1a17aafd851954ba9d4530ecbbc2430095c77c5', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, index.h("button", { key: 'f86ad9656b7450f13e568d029e4f2a9c0ff68dad', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Previous) }, index.h("digi-icon-chevron-left", { key: '0f127badcf5fd6a527a0c727820b9b34baba5c3c' }))), index.h("div", { key: '0d42040ba9f1ea0c5647da3000922fd6f5c0ef43', 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}`;
@@ -261,10 +261,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) }, index.h("div", { class: "content-wrapper" }, index.h("span", { class: "tablist-content" }, tab.icon && index.h(Icon, { "aria-hidden": "true" }), index.h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (index.h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), index.h("div", { class: "indicator" }))));
-        })), index.h("div", { key: 'ffec77b5eee5eb4bfe9cfa8bfe79d1f576ff85d5', class: "control-wrapper", style: {
+        })), index.h("div", { key: '6b11bef0a81bf78077379a6785e535424cd6b9d1', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, index.h("button", { key: 'fe1a428304f6b4c1447dfa017bbec9a397022499', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: '2ae47a6ac521a2f237f7b82efb3745776e05617c' })))), index.h("div", { key: 'ec52d456d4229b0e7611dbce988894e95d2ba28e', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: 'b500ff8ccb8a823052f20f26c5568cf9a0cf2245' }))));
+            } }, index.h("button", { key: '94cb2c7233e90d96d9b9fd7ef367f7d1246dce81', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(navigationTablist_types.Direction.Next) }, index.h("digi-icon-chevron-right", { key: 'b11e774bc5314e0cb1ef3bd6d44dd73d449e4443' })))), index.h("div", { key: 'dd959e9ffdc3e09b10ce4c3d444fc8ef8d5cf293', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: '7d32d706b18c5896088fef6d84e6e64fb9d1648d' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

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

@@ -36,9 +36,9 @@ const TagMedia = class {
         return index.h("digi-icon-news", { class: "digi-tag-media__icon" });
     }
     render() {
-        return (index.h(index.Host, { key: 'efd13fdeab1128b75e97d558dcae6686e3942124' }, index.h("div", { key: 'd2465b967077f22e5410870a044b637cdb2ba850', class: {
+        return (index.h(index.Host, { key: 'b056b523f0be742d2af41b9734e0db41d665eeaa' }, index.h("div", { key: '366e0e530ff486178a1667ecdab71dcb34c96b0d', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, index.h("span", { key: 'd9a9bb25e48873ba99d9ef96f528cc4fd979504b', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, index.h("span", { key: '65d35f0234bab6039154145b3e444424c671baaa', class: "digi-tag-media__text" }, this.afText))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -34,7 +34,7 @@ const Tag = class {
         return this.afText;
     }
     render() {
-        return (index.h("digi-button", { key: '25cd85aae8ecef406e405a7334aebd9386cea51c', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && index.h("digi-icon-x", { key: '92a8316a636f60cd25b4da9a4b542ccf703f8b76', slot: "icon-secondary" })));
+        return (index.h("digi-button", { key: '6cd1e8bd2b86cfc5dc56f9a8f608af04f8b9bd38', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && index.h("digi-icon-x", { key: '7552bb5b2151effbdb3cb887387b5d6966632795', slot: "icon-secondary" })));
     }
 };
 Tag.style = DigiTagStyle0;

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

@@ -90,7 +90,7 @@ const FeedbackBanner = class {
             }), index.h("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, index.h("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, index.h("slot", null))))));
     }
     render() {
-        return (index.h("div", { key: '68e63e78c9dc40593f31eb05ca0dd2d07bde9446', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && (index.h("digi-layout-block", { key: 'b9f88ac069668d7b767ad3d9d651be4b0c73b89e', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (index.h("div", { key: '9b1bb5f17bd98360101a595a39317ae2e3d3ee90', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && (index.h("digi-layout-block", { key: '92a071cfa238d90541e04e5cc02253646c51cb76', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -170,7 +170,7 @@ const ToolsFeedbackRating = class {
             {}).text.toLowerCase() || null}`)), index.h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (index.h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, index.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) }, index.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' : ''}` }, index.h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, index.h("g", { transform: "translate(1663, 2565)" }, index.h("g", { transform: "translate(190, 0)" }, index.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 && (index.h("div", { class: "digi-tools-feedback-rating__thankyou" }, index.h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, index.h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.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" }), index.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" }))), index.h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (index.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 && (index.h("div", { class: "digi-tools-feedback-rating__link" }, index.h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
     }
     render() {
-        return (index.h("div", { key: '967490d85c65f835f61f9722e9c4f2b94ae1904f', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: 'd355387d252bd2c7f557474d0a3659840aa2e55e', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (index.h("div", { key: '30c3b503e8a9cbb4c3a7f5f2ee6ab7f5cf8fd902', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: 'e40bc40068bd12d7f2a42c6a94c58943366acd46', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const layoutBlockVariation_enum = require('./layout-block-variation.enum-f610211
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 const buttonSize_enum = require('./button-size.enum-1fd86b9e.js');
-require('./form-input-variation.enum-d8228d73.js');
+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('./bar-chart-variation.enum-a4e866b6.js');
@@ -21,6 +21,9 @@ require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-file-upload-variation.enum-634cfae8.js');
+require('./form-input-search-variation.enum-c50239bc.js');
+require('./form-input-type.enum-9c8ee12a.js');
+require('./form-input-variation.enum-c750520c.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
 require('./form-validation-message-variation.enum-855ae0be.js');
@@ -116,7 +119,7 @@ const ToolsFeedback = class {
         this.afOnReady.emit();
     }
     render() {
-        return (index.h("div", { key: '8b5324384461950afeefb05016ac9a50b26a0f98', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && (index.h("digi-layout-block", { key: '4a5389e739712975c6c1561cc3592e3c682c00d8', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && this.content));
+        return (index.h("div", { key: '1f5143d0753d083ce4c6414e7fef0fae421907ea', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && (index.h("digi-layout-block", { key: '48691aeca81929244d8d3aa89d45937b80d595d8', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && this.content));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -20,7 +20,7 @@ const ToolsThemeProvider = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '3d85bfe083df9d1feada59943c68d95d800f3db5' }, index.h("div", { key: '74d720cb1d027f2e38bb8aeed19b541cb9cf9f8e', class: this.cssModifiers }, index.h("slot", { key: '42555ba2aba34139d098d0ad96cf64e3499e04ae' }))));
+        return (index.h(index.Host, { key: 'abee476e758c439570721e97ad1a823ba735b4ac' }, index.h("div", { key: 'ac14be06f3dc8ea4fea7e6e73b85f12900e28704', class: this.cssModifiers }, index.h("slot", { key: '359808b5467a64d0475c9ce83c25941a2136f716' }))));
     }
 };
 ToolsThemeProvider.style = DigiToolsThemeProviderStyle0;

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

@@ -30,7 +30,7 @@ const TypographyHeadingJumbo = class {
         };
     }
     render() {
-        return (index.h(this.afLevel, { key: 'def5efef7bab80df7a371eb00cf9bd5bc3cc73e1', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+        return (index.h(this.afLevel, { key: 'a7415708610fc7695ebc44c13a00f8af694ef885', 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;

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

@@ -19,7 +19,7 @@ const TypographyMeta = class {
         };
     }
     render() {
-        return (index.h("div", { key: '5d86b5fab03697a08c456f30efd43c270e5ecc13', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, index.h("div", { key: 'caaf5aa1edd6233c2613ca3fee3ff4549e66e35c', class: "digi-typography-meta__meta" }, index.h("slot", { key: '35c6b0a568f0ed44f00184f5038210d1245f68fa' })), index.h("div", { key: 'b83127e93dc0091b8aa0edc262b76643cf25693a', class: "digi-typography-meta__meta-secondary" }, index.h("slot", { key: 'faf4e8c8da51bce680c2cbd174b101cde86d2413', name: "secondary" }))));
+        return (index.h("div", { key: 'f13545fb85df51846eadc1a23bd79da674851caf', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, index.h("div", { key: '52a6d669d1b480c5226a22518379164b0f228d6d', class: "digi-typography-meta__meta" }, index.h("slot", { key: '0b05a2b4d29f28c76e2aaf3c8dc032ae714aa4ac' })), index.h("div", { key: 'ef78bd85632741210a3dab1a3475471a8ef7a5ef', class: "digi-typography-meta__meta-secondary" }, index.h("slot", { key: '34fad6e489891596e7c68e9f3e6b9193a07c782b', name: "secondary" }))));
     }
 };
 TypographyMeta.style = DigiTypographyMetaStyle0;

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

@@ -12,7 +12,7 @@ const TypographyPreamble = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("p", { key: 'eb1c8dc2c62957198905635e3ed5db049083fffe', class: "digi-typography-preamble" }, index.h("slot", { key: '4260930021c7fe3b0ecc848f9e233b1537959083' })));
+        return (index.h("p", { key: 'a7aa20ba92ca92dd62a7d215edb3e0fb0d267ddc', class: "digi-typography-preamble" }, index.h("slot", { key: 'aacc61d671c2d7cb2ea5d42d5452c46ec4edcb9e' })));
     }
 };
 TypographyPreamble.style = DigiTypographyPreambleStyle0;

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

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

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

@@ -39,7 +39,7 @@ const UtilBreakpointObserver = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4424bda29d60cd0145cd444840492784458bc036' }, index.h("div", { key: 'aac9dad240a4d6c13cb1ccbdb9a726e61aaad1cb', class: "digi-util-breakpoint-observer" }, index.h("div", { key: 'b5afcb0f0f82052411fa6f625e55d486867593ea', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: '543d436c99ddf2c56f85bcb452f0d9f7f8f2e44a' }))));
+        return (index.h(index.Host, { key: '117a6274faa0c709162a6f6a176784b0553a736a' }, index.h("div", { key: '1cbd6bf86b846ad67f340e73b9bf5afc7e2a2125', class: "digi-util-breakpoint-observer" }, index.h("div", { key: 'e9e9ceff5ad75ed50ac752c1439915f5bb4a2bc8', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: '2ac13582e56ef551982c8894e5507ae21201f9f2' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -28,7 +28,7 @@ const UtilDetectClickOutside = class {
         }
     }
     render() {
-        return index.h("slot", { key: '0f02774e807bd71017910839e0b0220138efc42c' });
+        return index.h("slot", { key: 'a8ce93ee77f1b6e346eb0ad1205f2ae44d685fde' });
     }
     get $el() { return index.getElement(this); }
 };

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

@@ -28,7 +28,7 @@ const UtilDetectFocusOutside = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'b8089a6a260239f98b6b8cd1942e9a6ed439589d' });
+        return index.h("slot", { key: '878287c0a2c1c4380e0eacdec9c9dfc793066728' });
     }
     get $el() { return index.getElement(this); }
 };

package/dist/cjs/digi-util-keydown-handler.cjs.entry.js

@@ -76,7 +76,7 @@ const UtilKeydownHandler = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'd7f48cfd9a71e8e14b457f93ffd79f0d17becf37' });
+        return index.h("slot", { key: '9a0385a00a61d75f479e7bf74ec372f5c805d396' });
     }
 };
 

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

@@ -76,7 +76,7 @@ const UtilKeyupHandler = class {
         }
     }
     render() {
-        return index.h("slot", { key: 'cd4f228ad73f212debe63c118e78e029e554fcb3' });
+        return index.h("slot", { key: 'b7ec62ef5b0c9d982cef6ebed88308531fd074be' });
     }
 };
 

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

@@ -33,7 +33,7 @@ const UtilResizeObserver = class {
         this.afOnChange.emit(e);
     }
     render() {
-        return index.h("slot", { key: '65c577f1cd20653cfe0dfb57d37c04c6aff9a91b' });
+        return index.h("slot", { key: 'b217fe66dcf0daf5d1b8faa1173b3198fafd551d' });
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/form-input-search-variation.enum-c50239bc.js

@@ -0,0 +1,8 @@
+'use strict';
+
+exports.FormInputSearchVariation = void 0;
+(function (FormInputSearchVariation) {
+    FormInputSearchVariation["SMALL"] = "small";
+    FormInputSearchVariation["MEDIUM"] = "medium";
+    FormInputSearchVariation["LARGE"] = "large";
+})(exports.FormInputSearchVariation || (exports.FormInputSearchVariation = {}));

package/dist/cjs/form-input-type.enum-9c8ee12a.js

@@ -0,0 +1,25 @@
+'use strict';
+
+exports.FormInputButtonVariation = void 0;
+(function (FormInputButtonVariation) {
+    FormInputButtonVariation["PRIMARY"] = "primary";
+    FormInputButtonVariation["SECONDARY"] = "secondary";
+})(exports.FormInputButtonVariation || (exports.FormInputButtonVariation = {}));
+
+exports.FormInputType = void 0;
+(function (FormInputType) {
+    FormInputType["COLOR"] = "color";
+    FormInputType["DATE"] = "date";
+    FormInputType["DATETIME_LOCAL"] = "datetime-local";
+    FormInputType["EMAIL"] = "email";
+    FormInputType["HIDDEN"] = "hidden";
+    FormInputType["MONTH"] = "month";
+    FormInputType["NUMBER"] = "number";
+    FormInputType["PASSWORD"] = "password";
+    FormInputType["SEARCH"] = "search";
+    FormInputType["TEL"] = "tel";
+    FormInputType["TEXT"] = "text";
+    FormInputType["TIME"] = "time";
+    FormInputType["URL"] = "url";
+    FormInputType["WEEK"] = "week";
+})(exports.FormInputType || (exports.FormInputType = {}));

package/dist/cjs/form-input-variation.enum-c750520c.js

@@ -0,0 +1,29 @@
+'use strict';
+
+exports.FormInputMode = void 0;
+(function (FormInputMode) {
+    FormInputMode["DEFAULT"] = "";
+    FormInputMode["NONE"] = "none";
+    FormInputMode["TEXT"] = "text";
+    FormInputMode["DECIMAL"] = "decimal";
+    FormInputMode["NUMERIC"] = "numeric";
+    FormInputMode["TEL"] = "tel";
+    FormInputMode["SEARCH"] = "search";
+    FormInputMode["EMAIL"] = "email";
+    FormInputMode["URL"] = "url";
+})(exports.FormInputMode || (exports.FormInputMode = {}));
+
+exports.FormInputValidation = void 0;
+(function (FormInputValidation) {
+    FormInputValidation["SUCCESS"] = "success";
+    FormInputValidation["ERROR"] = "error";
+    FormInputValidation["WARNING"] = "warning";
+    FormInputValidation["NEUTRAL"] = "neutral";
+})(exports.FormInputValidation || (exports.FormInputValidation = {}));
+
+exports.FormInputVariation = void 0;
+(function (FormInputVariation) {
+    FormInputVariation["SMALL"] = "small";
+    FormInputVariation["MEDIUM"] = "medium";
+    FormInputVariation["LARGE"] = "large";
+})(exports.FormInputVariation || (exports.FormInputVariation = {}));

package/dist/cjs/index-81fc5a97.js

@@ -74,18 +74,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'digi-button_10.cjs':
+                case 'digi-bar-chart_8.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './digi-button_10.cjs.entry.js')); }).then(processMod, consoleError);
+                        './digi-bar-chart_8.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-badge-status.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-badge-status.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-bar-chart.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './digi-bar-chart.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-calendar-datepicker.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -150,6 +146,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-form-filter.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'digi-form-input-search.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './digi-form-input-search.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-form-radiogroup.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -966,14 +966,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-icon-arrow-right.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-icon-caret-down_2.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './digi-icon-caret-down_2.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-icon-check-circle-solid_4.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-icon-check-circle-solid_4.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'digi-icon-search.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './digi-icon-search.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-layout-columns.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1002,10 +1002,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-icon-bars.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-icon-chart_2.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './digi-icon-chart_2.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-icon-copy.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1038,6 +1034,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-media-image_2.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'digi-form-input.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './digi-form-input.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-icon-check.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1066,10 +1066,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-icon-chevron-down.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-icon-x.cjs':
+                case 'digi-form-label_5.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './digi-icon-x.cjs.entry.js')); }).then(processMod, consoleError);
+                        './digi-form-label_5.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-icon-chevron-right.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */

package/dist/cjs/index.cjs.js

@@ -6,7 +6,7 @@ const badgeNotificationShape_enum = require('./badge-notification-shape.enum-ff8
 const typographyVariation_enum = require('./typography-variation.enum-d6a04b47.js');
 const badgeStatusVariation_enum = require('./badge-status-variation.enum-0a5adc21.js');
 const buttonSize_enum = require('./button-size.enum-1fd86b9e.js');
-const formInputVariation_enum = require('./form-input-variation.enum-d8228d73.js');
+const buttonType_enum = require('./button-type.enum-406723db.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 const calendarWeekViewHeadingLevel_enum = require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 const barChartVariation_enum = require('./bar-chart-variation.enum-a4e866b6.js');
@@ -18,6 +18,9 @@ const expandableFaqVariation_enum = require('./expandable-faq-variation.enum-af9
 const footerCardVariation_enum = require('./footer-card-variation.enum-99555edc.js');
 const formCheckboxVariation_enum = require('./form-checkbox-variation.enum-d2ca879e.js');
 const formFileUploadVariation_enum = require('./form-file-upload-variation.enum-634cfae8.js');
+const formInputSearchVariation_enum = require('./form-input-search-variation.enum-c50239bc.js');
+const formInputType_enum = require('./form-input-type.enum-9c8ee12a.js');
+const formInputVariation_enum = require('./form-input-variation.enum-c750520c.js');
 const formSelectVariation_enum = require('./form-select-variation.enum-528c1bf0.js');
 const formTextareaVariation_enum = require('./form-textarea-variation.enum-9c90d40f.js');
 const formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-855ae0be.js');
@@ -263,43 +266,7 @@ Object.defineProperty(exports, 'ButtonSize', {
 Object.defineProperty(exports, 'ButtonType', {
     enumerable: true,
     get: function () {
-        return formInputVariation_enum.ButtonType;
-    }
-});
-Object.defineProperty(exports, 'FormInputButtonVariation', {
-    enumerable: true,
-    get: function () {
-        return formInputVariation_enum.FormInputButtonVariation;
-    }
-});
-Object.defineProperty(exports, 'FormInputMode', {
-    enumerable: true,
-    get: function () {
-        return formInputVariation_enum.FormInputMode;
-    }
-});
-Object.defineProperty(exports, 'FormInputSearchVariation', {
-    enumerable: true,
-    get: function () {
-        return formInputVariation_enum.FormInputSearchVariation;
-    }
-});
-Object.defineProperty(exports, 'FormInputType', {
-    enumerable: true,
-    get: function () {
-        return formInputVariation_enum.FormInputType;
-    }
-});
-Object.defineProperty(exports, 'FormInputValidation', {
-    enumerable: true,
-    get: function () {
-        return formInputVariation_enum.FormInputValidation;
-    }
-});
-Object.defineProperty(exports, 'FormInputVariation', {
-    enumerable: true,
-    get: function () {
-        return formInputVariation_enum.FormInputVariation;
+        return buttonType_enum.ButtonType;
     }
 });
 Object.defineProperty(exports, 'ButtonVariation', {
@@ -422,6 +389,42 @@ Object.defineProperty(exports, 'FormFileUploadVariation', {
         return formFileUploadVariation_enum.FormFileUploadVariation;
     }
 });
+Object.defineProperty(exports, 'FormInputSearchVariation', {
+    enumerable: true,
+    get: function () {
+        return formInputSearchVariation_enum.FormInputSearchVariation;
+    }
+});
+Object.defineProperty(exports, 'FormInputButtonVariation', {
+    enumerable: true,
+    get: function () {
+        return formInputType_enum.FormInputButtonVariation;
+    }
+});
+Object.defineProperty(exports, 'FormInputType', {
+    enumerable: true,
+    get: function () {
+        return formInputType_enum.FormInputType;
+    }
+});
+Object.defineProperty(exports, 'FormInputMode', {
+    enumerable: true,
+    get: function () {
+        return formInputVariation_enum.FormInputMode;
+    }
+});
+Object.defineProperty(exports, 'FormInputValidation', {
+    enumerable: true,
+    get: function () {
+        return formInputVariation_enum.FormInputValidation;
+    }
+});
+Object.defineProperty(exports, 'FormInputVariation', {
+    enumerable: true,
+    get: function () {
+        return formInputVariation_enum.FormInputVariation;
+    }
+});
 Object.defineProperty(exports, 'FormSelectValidation', {
     enumerable: true,
     get: function () {