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

package/dist/cjs/digi-progress-list.cjs.entry.js

@@ -106,7 +106,7 @@ const ProgressList = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: 'd8e290ff4a95a95a7cc751066b42726a895cc152', class: "digi-progress-list" }, index.h("digi-typography", { key: '3185516c57e71ad920acdf32cd0e75ec6e65cbad' }, this.renderHeading(), index.h("ol", { key: 'fcbd8850448582f663752a30ba8f9a7b9f892f51', class: "digi-progress-list__content" }, index.h("slot", { key: '9b35cd65b6e7ab05d37d382012a01ca62225cf9f' })))));
+        return (index.h("div", { key: '2e27db2dbc1f47d9953af4e7bbe404acea55c36f', class: "digi-progress-list" }, index.h("digi-typography", { key: '073fa7ebf3700d098ba2b97320df43bc331c2d07' }, this.renderHeading(), index.h("ol", { key: 'c4742f82eb2cac8f05075a2b02343452c4d55402', class: "digi-progress-list__content" }, index.h("slot", { key: '3208926f0c3f5a5d469d0dc927c50af2531ff9fe' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
-const text = require('./text-3157012b.js');
+const text = require('./text-65b1b58c.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 const progressbarVariation_enum = require('./progressbar-variation.enum-aff9fa80.js');
 
@@ -78,7 +78,7 @@ const Progressbar = class {
         return;
     }
     render() {
-        return (index.h("div", { key: 'd8e75eb4b9cfaf86d41e9fb936db466b4e4fb3f5', class: this.cssModifiers, role: this.afRole === progressbarVariation_enum.ProgressbarRole.STATUS ? progressbarVariation_enum.ProgressbarRole.STATUS : null }, index.h("p", { key: '84cb940acde7d5545f2d27a9daa4b6d03adc9a75', 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: 'c4895c1dca142d8542eb7a0f7dd42426cf3dc8a5', class: this.cssModifiers, role: this.afRole === progressbarVariation_enum.ProgressbarRole.STATUS ? progressbarVariation_enum.ProgressbarRole.STATUS : null }, index.h("p", { key: '0d1d2d5d7f7c5dbb504b08b3a2adb5c6618b6018', 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: '3873931a1ae0bbc0b27c8844621f9dcf76b00db2', hidden: true, class: "digi-progressbar__slot" }, index.h("digi-util-mutation-observer", { key: '0a82a4fb490c3e89586269117744e223ae9d0a85', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: '8bead9eb3d7572b65017bc5326e20924121c82e1' })))));
+        }))), index.h("div", { key: 'c2a2e0e09ecdfd2e2fb0332f7c7e887b1310fcaa', hidden: true, class: "digi-progressbar__slot" }, index.h("digi-util-mutation-observer", { key: '705091b0ae4368ce19ce3228a63cdf2f3641dfc6', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: 'c2164a0065a20ab4ef592b58a27e61f3ff1af777' })))));
     }
     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: '4adb2aefdcbdd5634be5ecf68e4e7714deb32fd4' }, index.h("digi-util-breakpoint-observer", { key: '3a99520cc013f2c17138fdd949cf8fe645f90cb6', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: 'e82a844c1e927541756d5abfd403a83192b8ce74', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (index.h(index.Host, { key: '8aeb395709721b57cd4d4340c322820dfa5d357c' }, index.h("digi-util-breakpoint-observer", { key: 'ed512ae3c3f248b4e31a2e3c8b232773f12185dd', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '32bf2f41479ed24b91e0706a5c7095524d60c643', 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: 'ec9c0c95f98cd7283387f7a3d41a5a8884026843', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: '19cc3c24676575e0c1b90d780e1f978846c5b374', class: "digi-table__scroll-container" }, index.h("slot", { key: 'd2601c42183b85a83b6088e71e272685b73f3569' }))));
+        return (index.h("div", { key: 'cfec3ec9c285722787ba51b270521ecd42377be4', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, index.h("div", { key: '87597ffdfbf455eef785645ba46600b6fdc3548f', class: "digi-table__scroll-container" }, index.h("slot", { key: '9e8ed3b32821e952631bdab0c717554990e9f249' }))));
     }
 };
 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: '744d95298fabc70926f28bc8e6f89d615fcaefc3' }, index.h("div", { key: 'a5bd4088718b600b056ce105418e21f480729d4e', 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: '09ad1e232c2c6edc5acf9fe8081b0dde42cf6a11' }))));
     }
     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: 'c29752d121ca72e994dfea5502e86252728a57ea' }, index.h("div", { key: '50e477d89f4624b7ffbbfd3114927fffe9bc28c0', class: {
+        return (index.h(index.Host, { key: '180607f0e16810971792fae20f20779f66bbc571' }, index.h("div", { key: 'b239b4635bd359319371a9c32ecea2f359997722', 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: '8f54656e1c0fb976088bf2a512c78a9ea12c9a81', class: "control-wrapper", style: {
+            } }, index.h("div", { key: 'a4cb2462fff3516700e9f0f53e456d5bdc797330', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '789e732fd56a74535efe215b579e3ef2c70e9275', 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: 'a3072c467f143306f98c8b958316a6d055fc0193' }))), index.h("div", { key: '68e92f739b087d623e80633ee156e11a994f9201', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, index.h("button", { key: '2c7bc2a6ec4c031ca9e6cb3bf6f857db859ff247', 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: '871befe71c7b4bc92ac933e4b2902cfd0e1c325e' }))), index.h("div", { key: '6a51be569a70460036b1a267fcfd4f6cb3c28b8c', 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: 'ee06a13724e25f71e88fc30a69150fd87dfb0a52', class: "control-wrapper", style: {
+        })), index.h("div", { key: '06539859a5edf6d4d44fafc3874b5f2d14f8d440', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, index.h("button", { key: '0edf13d3b1e50488b5c863dd2f0c526a67ea3403', 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: '6563cce3a1cbe1815e1fb4984677da74d1905e17' })))), index.h("div", { key: '35440cd87dda28887879505fb5630eb6d275aa71', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: 'ea47a5effeadfb2a0e1b83a1372779019532cd46' }))));
+            } }, index.h("button", { key: '6ec53807b71b0e30187dfa93cfc2baaba6694f9f', 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: 'ebce4a19e4fb4644eedb1f8d6105c45d0000b4aa' })))), index.h("div", { key: '34f4c2c1b0e2faab4f0619a2b2a423979513b4a1', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, index.h("slot", { key: 'aa852c10ba33a303a940f313f7f49c66f23e8eb2' }))));
     }
     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: 'd6fd6c062015513969862ecbb7a97284740b951d' }, index.h("div", { key: '678c6136fddc185b84bb48ebdedd2d0b75be5878', class: {
+        return (index.h(index.Host, { key: '0755f43f5dfbd7c979d10dbeb7a9bbea8c16f5bf' }, index.h("div", { key: '2b83835e1d3709d977d0fffcf6e23795cb023a97', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, index.h("span", { key: '1c39ef5991724012abec20c2625881234df6ac30', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, index.h("span", { key: '5559d303318ae0acaed1bdc5c51952911d152c45', class: "digi-tag-media__text" }, this.afText))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
 const tagSize_enum = require('./tag-size.enum-387c516c.js');
-const text = require('./text-3157012b.js');
+const text = require('./text-65b1b58c.js');
 
 const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}";
 const DigiTagStyle0 = tagCss;
@@ -34,7 +34,7 @@ const Tag = class {
         return this.afText;
     }
     render() {
-        return (index.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 && index.h("digi-icon-x", { key: 'ef6c1a3278a9dad10d4763f0a56ab2d9da8979fc', slot: "icon-secondary" })));
+        return (index.h("digi-button", { key: 'bb6dd79bacc4b5b81e5a786964a6efaf512dfe2d', 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: 'f35ed04cde4df832f2a1e786f9139ad3ddf6068e', 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: 'd518c92ecc3c45ac56f87fdc26f0f5242d5c5b32', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && (index.h("digi-layout-block", { key: '3a90603a2d1110cbbb98e18b11963c7e5078bc0a', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (index.h("div", { key: '957d5c51df111dd35e575f151a0cf6702555e17a', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === toolsFeedbackBannerType_enum.ToolsFeedbackBannerType.FULLWIDTH && (index.h("digi-layout-block", { key: '08b0db57b462abbc8fdb8dd87ebe7e7307915eeb', 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: '12c11001e051554b009821f38a669d323eedac92', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: '724097bc7649f5efb45d738e0ec6d60b4974ca43', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (index.h("div", { key: '2e895cf3309651f866f0c4a259a405d6315511a9', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: '033b676f85c9ab20aa683226f179c5b9aac7a345', 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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
+const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
 const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
@@ -21,6 +21,7 @@ require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-radiogroup-validation.enum-03a17d4d.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');
@@ -112,7 +113,7 @@ const ToolsFeedback = class {
         this.afOnReady.emit();
     }
     render() {
-        return (index.h("div", { key: '5e40ec3ba96d1a94ab572f70ec26aa12052bcc3a', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && (index.h("digi-layout-block", { key: 'd0b6ee58166aabe5d3ef53a56ef5820a217d1534', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && this.content));
+        return (index.h("div", { key: '0e1f9a0e113146dd9dd9a2b8a6088ba0bf7cbc96', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && (index.h("digi-layout-block", { key: 'adadcc7c2ba304c3c3da1bcd9394fec97fce52f9', 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: '2607773b6e9516e477a143114b6dcd09fe9ac429' }, index.h("div", { key: '92deb3e6684e801b9344736816460c2b92dc71b5', class: this.cssModifiers }, index.h("slot", { key: '624ca40f329a46a334613772b7676296506070cf' }))));
+        return (index.h(index.Host, { key: '8afcfedff74776cc85165e51fd3c1d57fc4e4ea3' }, index.h("div", { key: '6357fb4138d1600f4f151ee4a3feafb0755d5fcf', class: this.cssModifiers }, index.h("slot", { key: '901b25b56c144376fbf1b6df7d5b610b0e09f6d4' }))));
     }
 };
 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: '7e08e4982ca944b6c0cfc40662ab3adf0570e051', 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: '982153e7654b1d2565db0f3d461c60d9f9d1726e', 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: 'ef29c26740b13108920869f1d486b5a7ed3ef98b', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, index.h("div", { key: '28a3d77973d755226f877a5b702a8691bf5c300d', class: "digi-typography-meta__meta" }, index.h("slot", { key: '08907d99fc021f9ce4e6288c4d5122f5c8da5013' })), index.h("div", { key: 'e9061b642ad438ac9a8208c23b4abfac013a5fb7', class: "digi-typography-meta__meta-secondary" }, index.h("slot", { key: '17b7692f373466908810795e89d040963b1b3c37', name: "secondary" }))));
+        return (index.h("div", { key: 'd71bcb69cc2b3ff15f2718a849ec36c04ac1fe0a', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, index.h("div", { key: '3bde5a186974df363268ec5d2d69e28bfe6d5ebf', class: "digi-typography-meta__meta" }, index.h("slot", { key: '80f9d467f6bbcb0926c3a4b00f87dcb7e3ece3d7' })), index.h("div", { key: '9d6ac0a0aa260d8b1bd4a0f866075f595d0fd51c', class: "digi-typography-meta__meta-secondary" }, index.h("slot", { key: '78612c7d376f418e8e75b2322319a41dd3f789e3', 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: 'f36ed04f88420fd6e4cee6b32c942162d015d2c7', class: "digi-typography-preamble" }, index.h("slot", { key: '20412c932c9b4bf5ac257e6cb5e70fddc4908b1d' })));
+        return (index.h("p", { key: 'f056f28c9c7983e462579b8dae35b06cf2070822', class: "digi-typography-preamble" }, index.h("slot", { key: 'bbb3d105b93d66b6833a9b2c54edc3ab15e4c47c' })));
     }
 };
 TypographyPreamble.style = DigiTypographyPreambleStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
-const text = require('./text-3157012b.js');
+const text = require('./text-65b1b58c.js');
 const typographyTimeVariation_enum = require('./typography-time-variation.enum-bce1d87e.js');
 
 const TypographyTime = class {
@@ -60,7 +60,7 @@ const TypographyTime = class {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (index.h("time", { key: '66745abd60dd22e77650ad78d9dec6785aee7a03', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (index.h("time", { key: '3681d5de9c51710c504738a520248753f26f0cbb', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get watchers() { return {
         "afDateTime": ["formatDate"]

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-81fc5a97.js');
+
+const typographyCss = "digi-typography{--digi--typography--h1--margin--small:var(--digi--margin--h1-small);--digi--typography--h1--margin--medium:var(--digi--margin--h1-medium);--digi--typography--h1--margin--large:var(--digi--margin--h1-large);--digi--typography--h2--margin--small:var(--digi--margin--h2-small);--digi--typography--h2--margin--large:var(--digi--margin--h2-large);--digi--typography--h3--margin--small:var(--digi--margin--h3-small);--digi--typography--h3--margin--large:var(--digi--margin--h3-large);--digi--typography--h4--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h4--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--h5--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h6--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--paragraph--margin--small:var(--digi--margin--text-small);--digi--typography--paragraph--margin--large:var(--digi--margin--text-large);--digi--typography--paragraph--margin-top:initial;--digi--typography--color--text:var(--digi--color--text--primary);--digi--typography--text-decoration-thickness--hover:0.156em;--digi--typography--text-decoration-thickness--default:0.05em;--digi--typography--text-underline-offset:3px;font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);--FONT-SIZE--BODY:var(--digi--typography--body--font-size--mobile);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--mobile);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--mobile);--TEXT-DECORATION--BODY:var(\n    --digi--typography--body--text-decoration--mobile\n  );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--mobile);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--mobile);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--mobile);--TEXT-DECORATION--LINK:var(\n    --digi--typography--link--text-decoration--mobile\n  );--FONT-SIZE--HEADING-1:var(--digi--typography--heading-1--font-size--mobile);--LINE-HEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--line-height--mobile\n  );--FONT-WEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-1:var(\n    --digi--typography--heading-1--text-decoration--mobile\n  );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--small);--FONT-SIZE--HEADING-2:var(--digi--typography--heading-2--font-size--mobile);--LINE-HEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--line-height--mobile\n  );--FONT-WEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-2:var(\n    --digi--typography--heading-2--text-decoration--mobile\n  );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(--digi--typography--heading-3--font-size--mobile);--LINE-HEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--line-height--mobile\n  );--FONT-WEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-3:var(\n    --digi--typography--heading-3--text-decoration--mobile\n  );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-4:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-5:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-5:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-6:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-6:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-6:var(--digi--typography--h4--margin--small);font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY)}@media (min-width: 61.9375rem){digi-typography{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n      --digi--typography--body--text-decoration--desktop\n    );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n      --digi--typography--link--text-decoration--desktop\n    );--FONT-SIZE--HEADING-1:var(\n      --digi--typography--heading-1--font-size--desktop\n    );--LINE-HEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--line-height--desktop\n    );--FONT-WEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-1:var(\n      --digi--typography--heading-1--text-decoration--desktop\n    );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n      --digi--typography--heading-2--font-size--desktop\n    );--LINE-HEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--line-height--desktop\n    );--FONT-WEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-2:var(\n      --digi--typography--heading-2--text-decoration--desktop\n    );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n      --digi--typography--heading-3--font-size--desktop\n    );--LINE-HEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--line-height--desktop\n    );--FONT-WEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-3:var(\n      --digi--typography--heading-3--text-decoration--desktop\n    );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-4:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-5:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-6:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}}digi-typography h1,digi-typography h2,digi-typography h3,digi-typography h4,digi-typography h5,digi-typography h6{margin-top:0;}digi-typography h1,digi-typography .digi-h1{font-size:var(--FONT-SIZE--HEADING-1);line-height:var(--LINE-HEIGHT--HEADING-1);font-weight:var(--FONT-WEIGHT--HEADING-1);text-decoration:var(--TEXT-DECORATION--HEADING-1);margin-bottom:var(--MARGIN--HEADING-1)}digi-typography h2,digi-typography .digi-h2{font-size:var(--FONT-SIZE--HEADING-2);line-height:var(--LINE-HEIGHT--HEADING-2);font-weight:var(--FONT-WEIGHT--HEADING-2);text-decoration:var(--TEXT-DECORATION--HEADING-2);margin-bottom:var(--MARGIN--HEADING-2)}digi-typography h3,digi-typography .digi-h3{font-size:var(--FONT-SIZE--HEADING-3);line-height:var(--LINE-HEIGHT--HEADING-3);font-weight:var(--FONT-WEIGHT--HEADING-3);text-decoration:var(--TEXT-DECORATION--HEADING-3);margin-bottom:var(--MARGIN--HEADING-3)}digi-typography h4,digi-typography .digi-h4{font-size:var(--FONT-SIZE--HEADING-4);line-height:var(--LINE-HEIGHT--HEADING-4);font-weight:var(--FONT-WEIGHT--HEADING-4);text-decoration:var(--TEXT-DECORATION--HEADING-4);margin-bottom:var(--MARGIN--HEADING-4)}digi-typography h5,digi-typography .digi-h5{font-size:var(--FONT-SIZE--HEADING-5);line-height:var(--LINE-HEIGHT--HEADING-5);font-weight:var(--FONT-WEIGHT--HEADING-5);text-decoration:var(--TEXT-DECORATION--HEADING-5);margin-bottom:var(--MARGIN--HEADING-5)}digi-typography h6,digi-typography .digi-h6{font-size:var(--FONT-SIZE--HEADING-6);line-height:var(--LINE-HEIGHT--HEADING-6);font-weight:var(--FONT-WEIGHT--HEADING-6);text-decoration:var(--TEXT-DECORATION--HEADING-6);margin-bottom:var(--MARGIN--HEADING-6)}digi-typography p,digi-typography blockquote{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);margin-top:initial;margin-bottom:var(--MARGIN--BODY);max-width:var(--digi--paragraph-width--medium)}digi-typography p:last-child,digi-typography blockquote:last-child{margin-bottom:0}digi-typography blockquote{margin-inline:0}digi-typography digi-typography-preamble{display:block;margin-bottom:var(--MARGIN--BODY)}digi-typography digi-typography-preamble:last-child{margin-bottom:0}digi-typography ul,digi-typography ol,digi-typography dl{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);max-width:var(--digi--paragraph-width--medium);margin-bottom:var(--MARGIN--BODY)}digi-typography ul,digi-typography ol{margin:0 0 var(--MARGIN--BODY) 0;padding-inline-start:1.5rem}digi-typography ul li,digi-typography ol li{margin-top:initial;margin-bottom:0.5rem;box-sizing:border-box;width:100%;padding-left:0}digi-typography ul li:last-child,digi-typography ol li:last-child{margin-bottom:0}digi-typography a{font-size:1em;line-height:var(--LINE-HEIGHT--LINK);font-weight:inherit;text-decoration:var(--TEXT-DECORATION--LINK);color:var(--digi--color--text--interactive--primary);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--default);text-underline-offset:var(--digi--typography--text-underline-offset)}digi-typography a:hover{text-decoration:var(--TEXT-DECORATION--LINK);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover)}digi-typography a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}digi-typography a:visited{color:var(--digi--color--text--interactive--visited)}digi-typography .digi-typography--hide-visited a:visited{color:var(--digi--color--text--interactive--primary)}digi-typography strong{font-weight:var(--digi--typography--label--font-weight--desktop)}";
+const DigiTypographyStyle0 = typographyCss;
+
+const Typography = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.hideVisitedColor = undefined;
+    }
+    get cssModifiers() {
+        return {
+            'digi-typography--hide-visited': this.hideVisitedColor
+        };
+    }
+    render() {
+        return (index.h("div", { key: '48e2abaa4863c9e6376094658ee04b0c01057115', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, index.h("slot", { key: '3900ca3bb23f3282026c99ad16bcdfc96fb0d303' })));
+    }
+};
+Typography.style = DigiTypographyStyle0;
+
+exports.digi_typography = Typography;

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

@@ -39,7 +39,7 @@ const UtilBreakpointObserver = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ad069f81879593a325040b9c74e32d12c8015223' }, index.h("div", { key: '5095c371970e0bcf193b87a7b42e5bb9e0bbe55c', class: "digi-util-breakpoint-observer" }, index.h("div", { key: '3bc810c17434bd255ba1fad44e21bc9641ac0682', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: 'd931493321c7decfed8ae2340f7284e5455928d9' }))));
+        return (index.h(index.Host, { key: 'b1b033ac2cf8769d1e90afb0fedb9543d9f5a42a' }, index.h("div", { key: '90ba9425c33c885e70e8447ea0d38a8dc4e35950', class: "digi-util-breakpoint-observer" }, index.h("div", { key: 'a8cbe2c6e0c284511676a18d861cb5f10ebb5ecd', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), index.h("slot", { key: '3bc4a67ca8adb44e24bc150d31e1fe3442cddcd4' }))));
     }
     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: '8c250aaf23b3b298fb74b3f2b84436240de779b9' });
+        return index.h("slot", { key: '8c8b0cacab2b6e4895c690ac4520542f4eaf54cf' });
     }
     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: '01ea8b7681552724af508fdc4eefddbbb3fcfce9' });
+        return index.h("slot", { key: '4b4451e5ec7c4724895af47da9680b7b624a3649' });
     }
     get $el() { return index.getElement(this); }
 };

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

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

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: '09295e6aee942d1bce9f26c58506e0be647412e9' });
+        return index.h("slot", { key: '3d2ece33af2eb7238451cd2c2aef54bdbb269e69' });
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/form-textarea-variation.enum-9c90d40f.js

@@ -0,0 +1,17 @@
+'use strict';
+
+exports.FormTextareaValidation = void 0;
+(function (FormTextareaValidation) {
+    FormTextareaValidation["SUCCESS"] = "success";
+    FormTextareaValidation["ERROR"] = "error";
+    FormTextareaValidation["WARNING"] = "warning";
+    FormTextareaValidation["NEUTRAL"] = "neutral";
+})(exports.FormTextareaValidation || (exports.FormTextareaValidation = {}));
+
+exports.FormTextareaVariation = void 0;
+(function (FormTextareaVariation) {
+    FormTextareaVariation["SMALL"] = "small";
+    FormTextareaVariation["MEDIUM"] = "medium";
+    FormTextareaVariation["LARGE"] = "large";
+    FormTextareaVariation["AUTO"] = "auto";
+})(exports.FormTextareaVariation || (exports.FormTextareaVariation = {}));

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

@@ -74,10 +74,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'digi-button_19.cjs':
+                case 'digi-button_16.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './digi-button_19.cjs.entry.js')); }).then(processMod, consoleError);
+                        './digi-button_16.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-badge-status.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -162,6 +162,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-form-select-filter.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'digi-form-textarea.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './digi-form-textarea.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-header.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1050,6 +1054,14 @@ 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':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './digi-icon-x.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'digi-typography.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './digi-typography.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(

package/dist/cjs/index.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const badgeNotificationShape_enum = require('./badge-notification-shape.enum-ff802554.js');
-const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
+const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
 const badgeStatusVariation_enum = require('./badge-status-variation.enum-0a5adc21.js');
 const codeExampleVariation_enum = require('./code-example-variation.enum-1611825e.js');
 const formInputType_enum = require('./form-input-type.enum-1fb2180a.js');
@@ -18,6 +18,7 @@ const footerCardVariation_enum = require('./footer-card-variation.enum-99555edc.
 const formCheckboxVariation_enum = require('./form-checkbox-variation.enum-d2ca879e.js');
 const formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-c5ec3e2d.js');
 const formRadiogroupValidation_enum = require('./form-radiogroup-validation.enum-03a17d4d.js');
+const formTextareaVariation_enum = require('./form-textarea-variation.enum-9c90d40f.js');
 const infoCardMultiType_enum = require('./info-card-multi-type.enum-14746572.js');
 const infoCardVariation_enum = require('./info-card-variation.enum-64cef637.js');
 const layoutContainerMaxWidth_enum = require('./layout-container-max-width.enum-7e637f44.js');
@@ -202,18 +203,6 @@ Object.defineProperty(exports, 'FormSelectVariation', {
         return typographyVariation_enum.FormSelectVariation;
     }
 });
-Object.defineProperty(exports, 'FormTextareaValidation', {
-    enumerable: true,
-    get: function () {
-        return typographyVariation_enum.FormTextareaValidation;
-    }
-});
-Object.defineProperty(exports, 'FormTextareaVariation', {
-    enumerable: true,
-    get: function () {
-        return typographyVariation_enum.FormTextareaVariation;
-    }
-});
 Object.defineProperty(exports, 'HeaderCenterContentWidth', {
     enumerable: true,
     get: function () {
@@ -460,6 +449,18 @@ Object.defineProperty(exports, 'FormRadiogroupValidation', {
         return formRadiogroupValidation_enum.FormRadiogroupValidation;
     }
 });
+Object.defineProperty(exports, 'FormTextareaValidation', {
+    enumerable: true,
+    get: function () {
+        return formTextareaVariation_enum.FormTextareaValidation;
+    }
+});
+Object.defineProperty(exports, 'FormTextareaVariation', {
+    enumerable: true,
+    get: function () {
+        return formTextareaVariation_enum.FormTextareaVariation;
+    }
+});
 Object.defineProperty(exports, 'InfoCardMultiType', {
     enumerable: true,
     get: function () {