@designsystem-se/af 34.0.3-beta.0 → 34.0.3

package/dist/cjs/digi-calendar-datepicker.cjs.entry.js

@@ -4,27 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$2 = require('./index-cfa8e9be.js');
 require('./badge-notification-shape.enum-ff802554.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-07b834ba.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-7921c01e.js');
-require('./button-type.enum-406723db.js');
+require('./code-example-variation.enum-6826a1e7.js');
+require('./form-input-type.enum-1fb2180a.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./card-footer-border.enum-143982da.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
-require('./form-input-type.enum-9c8ee12a.js');
-const formInputVariation_enum = require('./form-input-variation.enum-c750520c.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -41,7 +36,7 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./typography-variation.enum-252bed2e.js');
+require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
@@ -2198,7 +2193,7 @@ const CalendarDatepicker = class {
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-calendar-datepicker');
         this.afLabel = 'Skriv in eller välj datum (åååå-mm-dd)';
         this.afLabelDescription = 'Exempel: 1992-06-26';
-        this.afValidation = toolsFeedbackVariation_enum.CalendarDatepickerValidation.NEUTRAL;
+        this.afValidation = typographyVariation_enum.CalendarDatepickerValidation.NEUTRAL;
         this.afValidationText = undefined;
         this.afInvalid = false;
         this.afValidationMessage = 'Eget meddelande';
@@ -2454,8 +2449,8 @@ const CalendarDatepicker = class {
     }
     render() {
         return (index$2.h(index$2.Host, { key: '44ccd8d80d879801a47b66ac19cf9bcae4dd6087' }, index$2.h("div", { key: '2408157d090c63c33d802b5bf0b0afb6d0d15af4', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, index$2.h("div", { key: '2f59a810b2e79132b9cf7ee51e9225f2199ab98d', class: "digi-calendar-datepicker__input-field" }, index$2.h("digi-form-input", { key: 'ef39de9113fd8e357207fad515dd6ce43520e6f2', class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afValue: this.inputValue, afValidation: this.getShowError()
-                ? formInputVariation_enum.FormInputValidation.ERROR
-                : formInputVariation_enum.FormInputValidation.NEUTRAL, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
+                ? typographyVariation_enum.FormInputValidation.ERROR
+                : typographyVariation_enum.FormInputValidation.NEUTRAL, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
                 evt.stopImmediatePropagation();
                 this.parseInput(evt);
             } }, index$2.h("button", { key: '008b0dd4b6e9fa27256685cb8d5a070310d6fb06', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": "Visa eller d\u00F6lj kalender", "aria-expanded": this.showCalendar ? 'true' : 'false', "aria-haspopup": true, onClick: () => this.toggleCalendar(), type: "button" }, index$2.h("digi-icon-calendar-alt", { key: '31923f874f4920e18e3b444bf75133c80674ad3b', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), index$2.h("div", { key: '6b964e9aebddbf3e1023cc12ddeb5e8b3dd15854', class: "digi-calendar-datepicker__calendar" }, index$2.h("digi-calendar", { key: '3f7aa9676f1996188274bf4fee666ab63d72fc01', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, onAfOnDateSelectedChange: (evt) => {

package/dist/cjs/digi-code-block_3.cjs.entry.js

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
-const codeExampleVariation_enum = require('./code-example-variation.enum-c6557727.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const codeExampleVariation_enum = require('./code-example-variation.enum-6826a1e7.js');
+const typographyVariation_enum = require('./typography-variation.enum-07b834ba.js');
 const prismGit = require('./prism-git-df985529.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-const buttonSize_enum = require('./button-size.enum-7921c01e.js');
-require('./button-type.enum-406723db.js');
+require('./form-input-type.enum-1fb2180a.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./card-footer-border.enum-143982da.js');
@@ -19,13 +18,9 @@ require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-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-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -42,7 +37,7 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./typography-variation.enum-252bed2e.js');
+require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
@@ -68,7 +63,7 @@ const CodeBlock = class {
         this.highlightedCode = undefined;
         this.afCode = undefined;
         this.afVariation = codeExampleVariation_enum.CodeBlockVariation.DARK;
-        this.afLanguage = toolsFeedbackVariation_enum.CodeBlockLanguage.HTML;
+        this.afLanguage = typographyVariation_enum.CodeBlockLanguage.HTML;
         this.afLang = 'en';
         this.afHideToolbar = false;
     }
@@ -94,7 +89,7 @@ const CodeBlock = class {
         };
     }
     render() {
-        return (index.h("div", { key: '385c9c75770f6b60ff9c5c27779ed9e11ad62d51', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'a8c0219048cc68bf85369c4c33b31dd335d1e8a4', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '18777a1701ee21ad028641bcf91e1109599eb584', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: 'dc7fa59933a94e8fb3b54d286a031fc493398450', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'b2ea60085745ca58f249108ae12d7d4d80ba460c', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: buttonSize_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'd38cd2ff9c688fe582d903c33f2bf9f183047658', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
+        return (index.h("div", { key: '385c9c75770f6b60ff9c5c27779ed9e11ad62d51', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'a8c0219048cc68bf85369c4c33b31dd335d1e8a4', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '18777a1701ee21ad028641bcf91e1109599eb584', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: 'dc7fa59933a94e8fb3b54d286a031fc493398450', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'b2ea60085745ca58f249108ae12d7d4d80ba460c', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: codeExampleVariation_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'd38cd2ff9c688fe582d903c33f2bf9f183047658', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
     }
     static get watchers() { return {
         "afCode": ["formatCode"]
@@ -136,8 +131,8 @@ const FormRadiobutton = class {
         this.dirty = false;
         this.touched = false;
         this.afLabel = undefined;
-        this.afVariation = toolsFeedbackVariation_enum.FormRadiobuttonVariation.PRIMARY;
-        this.afLayout = toolsFeedbackVariation_enum.FormRadiobuttonLayout.INLINE;
+        this.afVariation = typographyVariation_enum.FormRadiobuttonVariation.PRIMARY;
+        this.afLayout = typographyVariation_enum.FormRadiobuttonLayout.INLINE;
         this.afName = undefined;
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-radiobutton');
         this.afRequired = undefined;
@@ -177,9 +172,9 @@ const FormRadiobutton = class {
     }
     get cssModifiers() {
         return {
-            'digi-form-radiobutton--error': this.afValidation === toolsFeedbackVariation_enum.FormRadiobuttonValidation.ERROR,
-            'digi-form-radiobutton--primary': this.afVariation === toolsFeedbackVariation_enum.FormRadiobuttonVariation.PRIMARY,
-            'digi-form-radiobutton--secondary': this.afVariation === toolsFeedbackVariation_enum.FormRadiobuttonVariation.SECONDARY,
+            'digi-form-radiobutton--error': this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR,
+            'digi-form-radiobutton--primary': this.afVariation === typographyVariation_enum.FormRadiobuttonVariation.PRIMARY,
+            'digi-form-radiobutton--secondary': this.afVariation === typographyVariation_enum.FormRadiobuttonVariation.SECONDARY,
             [`digi-form-radiobutton--layout-${this.afLayout}`]: !!this.afLayout
         };
     }
@@ -207,7 +202,7 @@ const FormRadiobutton = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h("div", { key: 'f1527cff067181bc4b22e4c47b59526136a9e4e7', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '3a16dd4de203e9607dd5583bb46e1695bd6c8298', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === toolsFeedbackVariation_enum.FormRadiobuttonValidation.ERROR
+        return (index.h("div", { key: 'f1527cff067181bc4b22e4c47b59526136a9e4e7', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '3a16dd4de203e9607dd5583bb46e1695bd6c8298', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR
                 ? 'true'
                 : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '9b1ba6f7b3bc98fae2db06ade0e2712241f2fa64', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: 'a19ad55d9c0f12428c650bbd6dcea15a9f757c64', class: "digi-form-radiobutton__circle" }), this.afLabel)));
     }

package/dist/cjs/digi-code-example.cjs.entry.js

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
-const codeExampleVariation_enum = require('./code-example-variation.enum-c6557727.js');
-const buttonSize_enum = require('./button-size.enum-7921c01e.js');
+const codeExampleVariation_enum = require('./code-example-variation.enum-6826a1e7.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 const text = require('./text-ca7e238b.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
@@ -153,10 +152,10 @@ const CodeExample = class {
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
             }, onClick: () => this.toggleButtonClickHandler() })) : (''))))), this.hasControls || !!this.codeExampleLanguages ? (index.h("div", { class: {
                 'digi-code-example__controls': true
-            }, hidden: !!this.afHideControls }, index.h("span", null, index.h("slot", { name: "controls" }), index.h("div", { class: "slot__controls" }, this.codeExampleLanguages && (index.h("digi-form-fieldset", { "af-legend": text._t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (index.h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), index.h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonSize_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy))) : (!this.afHideControls && (index.h("digi-button", { class: {
+            }, hidden: !!this.afHideControls }, index.h("span", null, index.h("slot", { name: "controls" }), index.h("div", { class: "slot__controls" }, this.codeExampleLanguages && (index.h("digi-form-fieldset", { "af-legend": text._t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (index.h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), index.h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": codeExampleVariation_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy))) : (!this.afHideControls && (index.h("digi-button", { class: {
                 'digi-code-example__copy-button': true,
                 'digi-code-example__copy-button--dark': this.afCodeBlockVariation === 'dark'
-            }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonSize_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
+            }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": codeExampleVariation_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,29 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-07b834ba.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-const buttonSize_enum = require('./button-size.enum-7921c01e.js');
-require('./button-type.enum-406723db.js');
+const codeExampleVariation_enum = require('./code-example-variation.enum-6826a1e7.js');
+require('./form-input-type.enum-1fb2180a.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./card-footer-border.enum-143982da.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-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-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -42,7 +37,7 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./typography-variation.enum-252bed2e.js');
+require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
@@ -69,11 +64,11 @@ const Dialog = class {
         this._focusableElementsSelectors = 'a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]';
         this.focusableElements = [];
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-dialog');
-        this.afVariation = toolsFeedbackVariation_enum.DialogVariation.PRIMARY;
-        this.afSize = toolsFeedbackVariation_enum.DialogSize.MEDIUM;
+        this.afVariation = typographyVariation_enum.DialogVariation.PRIMARY;
+        this.afSize = typographyVariation_enum.DialogSize.MEDIUM;
         this.afShowDialog = undefined;
         this.afCloseButtonText = 'Stäng';
-        this.afHeadingLevel = toolsFeedbackVariation_enum.DialogHeadingLevel.H2;
+        this.afHeadingLevel = typographyVariation_enum.DialogHeadingLevel.H2;
         this.afHeading = undefined;
         this.afPrimaryButtonText = undefined;
         this.afSecondaryButtonText = undefined;
@@ -278,11 +273,11 @@ const Dialog = class {
     }
     get cssModifiers() {
         return {
-            'digi-dialog--primary': this.afVariation == toolsFeedbackVariation_enum.DialogVariation.PRIMARY,
-            'digi-dialog--secondary': this.afVariation == toolsFeedbackVariation_enum.DialogVariation.SECONDARY,
-            'digi-dialog--small': this.afSize == toolsFeedbackVariation_enum.DialogSize.SMALL,
-            'digi-dialog--medium': this.afSize == toolsFeedbackVariation_enum.DialogSize.MEDIUM,
-            'digi-dialog--large': this.afSize == toolsFeedbackVariation_enum.DialogSize.LARGE
+            'digi-dialog--primary': this.afVariation == typographyVariation_enum.DialogVariation.PRIMARY,
+            'digi-dialog--secondary': this.afVariation == typographyVariation_enum.DialogVariation.SECONDARY,
+            'digi-dialog--small': this.afSize == typographyVariation_enum.DialogSize.SMALL,
+            'digi-dialog--medium': this.afSize == typographyVariation_enum.DialogSize.MEDIUM,
+            'digi-dialog--large': this.afSize == typographyVariation_enum.DialogSize.LARGE
         };
     }
     render() {
@@ -290,7 +285,7 @@ const Dialog = class {
                 this._host = el;
             } }, this.afShowDialog && (index.h("div", { key: 'e0dd4d3de7a86cdb52921dbe0f3dfd24072fc230', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.h("digi-util-keydown-handler", { key: 'c2070579411f43f8a0322c19062ffaabfa88aa90', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, index.h("div", { key: 'bc97b6d0f4528264abd9991042197b665527fbdb', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: '235e9b11ccc5ae1c84943437a639ddd76ab9b16b' }, this.afCloseButtonText && (index.h("digi-button", { key: 'e38b7c95212452010352476b074135a0ddb236f0', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: buttonSize_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: '5c981bfd7165ec0c5f84dd66cbf35cd5cbf6f1b0', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: 'c29dbabf69e3093b9dccd75c673277992f0225f2', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '272f1b7d06834c750df27c6d7516a3d4478c11cb', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '73be81c62c8add95917652d6422dab6ad2584993' }), index.h("div", { key: 'dab34b232fb7c5e19ebeaae18332a7cceebd4d67', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: 'ac28051d537bcf63166cc362228617defb63f94d', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: '43fc82cfdedaef2674c35b9165438be3815a18fa', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: '235e9b11ccc5ae1c84943437a639ddd76ab9b16b' }, this.afCloseButtonText && (index.h("digi-button", { key: 'e38b7c95212452010352476b074135a0ddb236f0', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: codeExampleVariation_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: '5c981bfd7165ec0c5f84dd66cbf35cd5cbf6f1b0', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: 'c29dbabf69e3093b9dccd75c673277992f0225f2', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '272f1b7d06834c750df27c6d7516a3d4478c11cb', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '73be81c62c8add95917652d6422dab6ad2584993' }), index.h("div", { key: 'dab34b232fb7c5e19ebeaae18332a7cceebd4d67', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: 'ac28051d537bcf63166cc362228617defb63f94d', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: '43fc82cfdedaef2674c35b9165438be3815a18fa', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -5,27 +5,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cfa8e9be.js');
 const text = require('./text-ca7e238b.js');
 require('./badge-notification-shape.enum-ff802554.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-07b834ba.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-7921c01e.js');
-const buttonType_enum = require('./button-type.enum-406723db.js');
+require('./code-example-variation.enum-6826a1e7.js');
+const formInputType_enum = require('./form-input-type.enum-1fb2180a.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./card-footer-border.enum-143982da.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-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-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -42,7 +37,7 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./typography-variation.enum-252bed2e.js');
+require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
@@ -65,9 +60,9 @@ const ExpandableAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.afOnClick = index.createEvent(this, "afOnClick", 7);
-        this.afVariation = toolsFeedbackVariation_enum.ExpandableAccordionVariation.PRIMARY;
+        this.afVariation = typographyVariation_enum.ExpandableAccordionVariation.PRIMARY;
         this.afHeading = undefined;
-        this.afHeadingLevel = toolsFeedbackVariation_enum.ExpandableAccordionHeaderLevel.H2;
+        this.afHeadingLevel = typographyVariation_enum.ExpandableAccordionHeaderLevel.H2;
         this.afExpanded = false;
         this.afAnimation = true;
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-expandable-accordion');
@@ -141,7 +136,7 @@ const ExpandableAccordion = class {
         }
     }
     render() {
-        return (index.h("article", { key: '8f36885caf761283c64f6621f51009a8359452e9', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: 'c5075db3c3f7db911fcb91cd4fa358417344ea46', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: 'aa4e12619916be007ad3e1557dd73c76cb1ef909', class: "digi-expandable-accordion__heading" }, index.h("button", { key: '782179109f66bf89dc5bac402238d0af1ea46a9c', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, this.afVariation !== toolsFeedbackVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("digi-icon-chevron-down", { key: 'b110e0bff68dfe9948303496f15f53a5d665d416', class: "digi-expandable-accordion__toggle-icon" })), this.afHeading, this.afVariation === toolsFeedbackVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("span", { key: '72d6acad7f9df3ea243f88d0f0ab5c45601c7497', class: "digi-expandable-accordion__toggle-label" }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))), index.h("section", { key: '8e1eb9ff3c25c9756d71e0b93cfcc6e6fc2c7fd1', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: '5169c054bcd4505ae318e81e2bc153fd353376f7' }, index.h("digi-typography", { key: 'ce8b1571f56735acdc103066ccada62adc9287a3' }, index.h("slot", { key: 'a1431c75e3ac43d6f3bd2a0d990c08cbeaca43b7' })), this.afVariation === toolsFeedbackVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("digi-button", { key: '0facba73a687733686451651a2a0b7f08b4d606d', class: "digi-expandable-accordion__toggle-inside", afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afType: buttonType_enum.ButtonType.BUTTON, onAfOnClick: (e) => this.clickToggleHandler(e.detail, true), afFullWidth: true, afAriaExpanded: this.afExpanded, afAriaControls: `${this.afId}-content` }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))));
+        return (index.h("article", { key: '8f36885caf761283c64f6621f51009a8359452e9', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: 'c5075db3c3f7db911fcb91cd4fa358417344ea46', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: 'aa4e12619916be007ad3e1557dd73c76cb1ef909', class: "digi-expandable-accordion__heading" }, index.h("button", { key: '782179109f66bf89dc5bac402238d0af1ea46a9c', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, this.afVariation !== typographyVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("digi-icon-chevron-down", { key: 'b110e0bff68dfe9948303496f15f53a5d665d416', class: "digi-expandable-accordion__toggle-icon" })), this.afHeading, this.afVariation === typographyVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("span", { key: '72d6acad7f9df3ea243f88d0f0ab5c45601c7497', class: "digi-expandable-accordion__toggle-label" }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))), index.h("section", { key: '8e1eb9ff3c25c9756d71e0b93cfcc6e6fc2c7fd1', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: '5169c054bcd4505ae318e81e2bc153fd353376f7' }, index.h("digi-typography", { key: 'ce8b1571f56735acdc103066ccada62adc9287a3' }, index.h("slot", { key: 'a1431c75e3ac43d6f3bd2a0d990c08cbeaca43b7' })), this.afVariation === typographyVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("digi-button", { key: '0facba73a687733686451651a2a0b7f08b4d606d', class: "digi-expandable-accordion__toggle-inside", afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afType: formInputType_enum.ButtonType.BUTTON, onAfOnClick: (e) => this.clickToggleHandler(e.detail, true), afFullWidth: true, afAriaExpanded: this.afExpanded, afAriaControls: `${this.afId}-content` }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,28 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-07b834ba.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-7921c01e.js');
-require('./button-type.enum-406723db.js');
+require('./code-example-variation.enum-6826a1e7.js');
+require('./form-input-type.enum-1fb2180a.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./card-footer-border.enum-143982da.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-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-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -41,7 +36,7 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./typography-variation.enum-252bed2e.js');
+require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
@@ -62,11 +57,11 @@ const DigiFooterStyle0 = footerCss;
 const FooterFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.afVariation = toolsFeedbackVariation_enum.FooterVariation.LARGE;
+        this.afVariation = typographyVariation_enum.FooterVariation.LARGE;
     }
     get cssModifiers() {
         return {
-            'digi-footer--small': this.afVariation == toolsFeedbackVariation_enum.FooterVariation.SMALL
+            'digi-footer--small': this.afVariation == typographyVariation_enum.FooterVariation.SMALL
         };
     }
     render() {

package/dist/cjs/digi-form-error-list.cjs.entry.js

@@ -4,29 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-07b834ba.js');
 const logger_util = require('./logger.util-fdafc086.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-7921c01e.js');
-require('./button-type.enum-406723db.js');
+require('./code-example-variation.enum-6826a1e7.js');
+require('./form-input-type.enum-1fb2180a.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./card-footer-border.enum-143982da.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-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-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -43,7 +38,7 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-const typographyVariation_enum = require('./typography-variation.enum-252bed2e.js');
+require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
@@ -68,7 +63,7 @@ const FormErrorList = class {
         this.afOnReady = index.createEvent(this, "afOnReady", 3);
         this.linkItems = [];
         this.afHeading = undefined;
-        this.afHeadingLevel = toolsFeedbackVariation_enum.FormErrorListHeadingLevel.H2;
+        this.afHeadingLevel = typographyVariation_enum.FormErrorListHeadingLevel.H2;
         this.afDescription = undefined;
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-error-list');
         this.afOverrideLink = false;
@@ -128,7 +123,7 @@ const FormErrorList = class {
         this.afOnClickLink.emit(e);
     }
     render() {
-        return (index.h("div", { key: '06056fe8cb5f3b56c79158d812c1c09a1628541d', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: '6fe6e043c279c532f5738634b039dd7f542a3628', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": toolsFeedbackVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: 'f4b41e24b6725c3c25aebc32071dfce1609d981e', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: '136d509835b52a285adefbad4c5f3ea40dd701dd', class: "digi-form-error-list__description" }, this.afDescription))), index.h("ul", { key: 'f670637f5a552151162756785d68076d83a1829d', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
+        return (index.h("div", { key: '06056fe8cb5f3b56c79158d812c1c09a1628541d', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: '6fe6e043c279c532f5738634b039dd7f542a3628', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: 'f4b41e24b6725c3c25aebc32071dfce1609d981e', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: '136d509835b52a285adefbad4c5f3ea40dd701dd', class: "digi-form-error-list__description" }, this.afDescription))), index.h("ul", { key: 'f670637f5a552151162756785d68076d83a1829d', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
             return (index.h("li", { class: "digi-form-error-list__item" }, index.h("digi-link-internal", { class: "digi-form-error-list__link", afHref: item.href }, item.text)));
         }))), index.h("div", { key: '79c1093979510b76f888e9840512daf5908a0dca', hidden: true, class: "digi-form-error-list__slot" }, index.h("digi-util-mutation-observer", { key: 'f989dce00ab10de93167d9ebcfcf2c9c3eb96c69', afOptions: {
                 attributes: false,