@designsystem-se/af 39.2.2 → 39.2.3

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

@@ -0,0 +1,310 @@
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BnKuq1L7.js';
+import { O as OverflowMode, D as Direction } from './navigation-tablist.types-Ua3MxeBh.js';
+
+const navigationTablistCss = () => `.sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--marking--navigation--selected);--tab-text-color:var(--digi--color--text--primary);--tab-icon-primary--color:var(--digi--color--icon--primary);--tab-icon-primary--color-hover:var(--digi--color--icon--primary);--tab-icon-primary--color-active:var(--digi--color--icon--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);position:relative;display:flex;gap:1rem;background-color:var(--digi--color--background--primary);margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--divider--secondary)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--interactive--default--tertiary);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--icon--cta)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .tablist-content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/"";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--interactive--primary);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}`;
+
+const NavigationTablist = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afTabChange = createEvent(this, "afTabChange", 7);
+        this.afTabFocusChange = createEvent(this, "afTabFocusChange", 7);
+        this.tabRefs = {};
+        this.activeTab = 0;
+        this.selectedTab = 0;
+        this.windowTab = 0;
+        this.tabs = [];
+        this.listOverflows = false;
+        this.showPrev = false;
+        this.showNext = false;
+        /**
+         * Bestämmer beteende då flikar överflödar
+         * * @en Set overflow behaviour
+         */
+        this.afOverflowMode = OverflowMode.Controls;
+        this.handleResize = () => {
+            if (!this.tablistRef)
+                return;
+            // Ensure we measure after any layout/paint from the resize
+            if (this._requestAnimationFrame)
+                cancelAnimationFrame(this._requestAnimationFrame);
+            this._requestAnimationFrame = requestAnimationFrame(() => {
+                var _a, _b;
+                const el = this.tablistRef;
+                const containerWidth = el.clientWidth;
+                const contentWidth = el.scrollWidth;
+                // Tolerance ≈ 1 physical pixel to absorb zoom/subpixel jitter
+                const tolerance = 1 / ((window === null || window === void 0 ? void 0 : window.devicePixelRatio) || 1);
+                // Guard against div-by-zero
+                const tabsCount = Math.max((_b = (_a = this.tabs) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0, 1);
+                const avgTabWidth = contentWidth / tabsCount;
+                // How many whole tabs fit? Nudge by tolerance to avoid off-by-one at zoom edges
+                const tabsPerWindow = Math.floor((containerWidth + tolerance) / avgTabWidth);
+                this.tabsPerWindow = Math.max(1, Math.min(tabsPerWindow, tabsCount));
+                // Ensure windowTab stays within valid bounds after resize
+                const maxValidWindowTab = Math.max(0, tabsCount - this.tabsPerWindow);
+                if (this.windowTab > maxValidWindowTab) {
+                    this.windowTab = maxValidWindowTab;
+                }
+                // Overflow check with tolerance
+                this.listOverflows = contentWidth - containerWidth > tolerance;
+                // (Optional) if you have left/right “handles”, compute visibility too:
+                this.showPrev = el.scrollLeft > tolerance;
+                this.showNext =
+                    el.scrollLeft + el.clientWidth < el.scrollWidth - tolerance;
+            });
+        };
+    }
+    handleKey(e) {
+        if (this.focusCaptured()) {
+            let captureKey = true;
+            switch (e.key) {
+                case ' ':
+                case 'Enter':
+                    return this.setActiveTabAndFocus(this.selectedTab);
+                case 'ArrowLeft':
+                    if (e.shiftKey) {
+                        this.handleTabControl(Direction.Previous);
+                    }
+                    else {
+                        this.focusTab(this.selectedTab - 1);
+                    }
+                    break;
+                case 'ArrowRight':
+                    if (e.shiftKey) {
+                        this.handleTabControl(Direction.Next);
+                    }
+                    else {
+                        this.focusTab(this.selectedTab + 1);
+                    }
+                    break;
+                case 'Home':
+                    if (e.shiftKey) {
+                        return this.focusTab(0);
+                    }
+                    else {
+                        return this.moveWindow(0);
+                    }
+                case 'End':
+                    if (e.shiftKey) {
+                        return this.focusTab(this.tabs.length - 1);
+                    }
+                    else {
+                        return this.moveWindow(this.tabs.length - 1);
+                    }
+                default:
+                    captureKey = false;
+            }
+            if (captureKey) {
+                e.preventDefault();
+            }
+        }
+    }
+    syncPanels() {
+        var _a;
+        const activeId = (_a = this.tabs[this.activeTab]) === null || _a === void 0 ? void 0 : _a.id;
+        for (const panel of this.getSlottedPanels()) {
+            panel.isVisible = panel.tab === activeId;
+        }
+    }
+    handleTabPropChange(tabId) {
+        this.setActiveTabById(tabId);
+    }
+    syncControls() {
+        const tabGroup = Math.floor(this.windowTab / this.tabsPerWindow);
+        const numberOfGroups = Math.ceil(this.tabs.length / this.tabsPerWindow);
+        this.showPrev = tabGroup > 0;
+        this.showNext = tabGroup < numberOfGroups - 1;
+    }
+    syncWindow(tabIdx) {
+        const tab = this.tabs[tabIdx];
+        const tabRef = this.tabRefs[tab.id];
+        const listBox = this.tablistRef.getBoundingClientRect();
+        const tabBox = tabRef.getBoundingClientRect();
+        const centeredOffset = tabRef.offsetLeft - listBox.width / 2 + tabBox.width / 2;
+        const maxLeft = this.tablistRef.scrollWidth - listBox.width;
+        const left = Math.max(Math.min(centeredOffset, maxLeft), 0);
+        this.tablistRef.scrollTo({
+            left,
+            behavior: 'smooth'
+        });
+    }
+    syncFocus(tabIdx) {
+        const tabRef = this.tabRefs[this.tabs[tabIdx].id];
+        tabRef.focus({ preventScroll: true });
+        this.windowTab = tabIdx;
+    }
+    setupTabs(tabs) {
+        // Angular/React can connect the element before afTabs is set.
+        if (tabs == null || tabs === '') {
+            return;
+        }
+        const hadTabs = this.tabs.length > 0;
+        if (typeof tabs === 'string') {
+            this.tabs = JSON.parse(tabs);
+        }
+        else if (Array.isArray(tabs)) {
+            this.tabs = tabs;
+        }
+        else {
+            throw new Error('Invalid format or no tabs supplied');
+        }
+        if (!hadTabs) {
+            this.setupInitialTab();
+        }
+        this.syncPanels();
+    }
+    getSlottedPanels() {
+        return Array.from(this.hostElement.querySelectorAll('digi-tablist-panel')).filter((panel) => panel.closest('digi-tablist') === this.hostElement);
+    }
+    setActiveTabById(id) {
+        const tabIdx = this.tabs.findIndex((tab) => tab.id === id);
+        if (tabIdx > -1) {
+            this.activeTab = tabIdx;
+        }
+    }
+    setupInitialTab() {
+        if (this.afActiveTab != null) {
+            return this.setActiveTabById(this.afActiveTab);
+        }
+        else if (this.afInitialTab != null) {
+            return this.setActiveTabById(this.afInitialTab);
+        }
+    }
+    setupResizeHandler() {
+        this.resizeObserver = new ResizeObserver(() => this.handleResize());
+        this.resizeObserver.observe(this.tablistRef);
+    }
+    handleTabChange(tab) {
+        const idx = this.tabs.findIndex(({ id }) => id === tab.id);
+        this.setActiveTabAndFocus(idx);
+        this.afTabChange.emit(tab);
+    }
+    handleTabControl(direction) {
+        // Calculate the current window group
+        const currentGroup = Math.floor(this.windowTab / this.tabsPerWindow);
+        const totalGroups = Math.ceil(this.tabs.length / this.tabsPerWindow);
+        let newGroup;
+        if (direction === Direction.Next) {
+            newGroup = Math.min(currentGroup + 1, totalGroups - 1);
+        }
+        else {
+            newGroup = Math.max(currentGroup - 1, 0);
+        }
+        // Move to the first tab of the target group
+        const newWindowTab = newGroup * this.tabsPerWindow;
+        this.moveWindow(newWindowTab);
+    }
+    setActiveTabAndFocus(tabIdx) {
+        this.activeTab = tabIdx;
+        this.focusTab(tabIdx);
+    }
+    focusTab(tabIdx) {
+        this.selectedTab = this.nextTabIdx(tabIdx);
+        const currentTab = this.tabs[this.selectedTab];
+        this.afTabFocusChange.emit(currentTab);
+    }
+    moveWindow(tabIdx) {
+        tabIdx = Math.max(0, Math.min(tabIdx, this.tabs.length - 1));
+        this.windowTab = tabIdx;
+    }
+    nextTabIdx(tabIdx) {
+        if (tabIdx >= this.tabs.length) {
+            return 0;
+        }
+        else if (tabIdx < 0) {
+            return this.tabs.length - 1;
+        }
+        return tabIdx;
+    }
+    focusCaptured() {
+        return this.tabs.some((tab) => this.tabRefs[tab.id] === document.activeElement);
+    }
+    componentWillLoad() {
+        this.setupTabs(this.afTabs);
+        this.setupInitialTab();
+        // Angular attaches the host first and binds `[afTabs]` on the next frame
+        // (Stencil 4.36+). @Watch skips that first assignment, so if tabs are not
+        // here yet, wait one frame. React/vanilla that already set the prop skip
+        // the delay.
+        if (this.tabs.length === 0) {
+            return new Promise((resolve) => {
+                requestAnimationFrame(() => {
+                    this.setupTabs(this.afTabs);
+                    this.setupInitialTab();
+                    resolve();
+                });
+            });
+        }
+    }
+    componentDidLoad() {
+        var _a, _b, _c;
+        this.setupTabs(this.afTabs);
+        // Also listen to window resize for viewport zoom changes
+        if (window) {
+            window.addEventListener('resize', this.handleResize, { passive: true });
+        }
+        // Recalculate once fonts finish loading (text width changes with webfonts)
+        (_c = (_b = (_a = document.fonts) === null || _a === void 0 ? void 0 : _a.ready) === null || _b === void 0 ? void 0 : _b.then) === null || _c === void 0 ? void 0 : _c.call(_b, () => this.handleResize());
+        this.setupResizeHandler();
+        this.handleResize();
+        this.syncPanels();
+        this.syncControls();
+    }
+    disconnectedCallback() {
+        var _a;
+        if (window) {
+            window.removeEventListener('resize', this.handleResize);
+        }
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        if (this._requestAnimationFrame)
+            cancelAnimationFrame(this._requestAnimationFrame);
+    }
+    render() {
+        return (h(Host, { key: 'b2d71ff4b3f2c2fa22feffbc298360c1b3202b1d' }, h("div", { key: 'df48ffc9fdabfca380675c7232af5fef80c445b9', class: {
+                'digi-tablist': true,
+                'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
+                'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
+            } }, h("div", { key: '797f70a00aa1e3dd8a3b54d43808b9515259723c', class: "control-wrapper", style: {
+                left: '0',
+                visibility: this.showPrev ? 'visible' : 'hidden'
+            } }, h("button", { key: '415237740bc65dd5cfdb0e57eb44307c9d838670', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '59f2d43ba38c7d4ebdd85a575b2e89c0fec62381' }))), h("div", { key: '01602338cbd7a63f48cdcf541629e76bac46dd4c', 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}`;
+            const badgeValue = tab.badgeValue;
+            return (h("button", { ref: (ref) => (this.tabRefs[tab.id] = ref), class: {
+                    'digi-tab': true,
+                    'is-active': isActive
+                }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
+        })), h("div", { key: 'db28ea61c349d7aaf057e84b607c4f851b3f6712', class: "control-wrapper", style: {
+                right: '0',
+                visibility: this.showNext ? 'visible' : 'hidden'
+            } }, h("button", { key: '83513f2d64cc0578155d305f21dfb1ca4a412cc6', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '9263e864c21ea5358f301214fbadda6ed7d3c74a' })))), h("div", { key: '205efbbb3aab40f51f9f85f8d74a4026970c7144', role: "presentation" }, h("slot", { key: 'e753d718f852072745f5c2a49f6189fb62f3645b', onSlotchange: () => this.syncPanels() }))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "activeTab": [{
+                "syncPanels": 0
+            }],
+        "afActiveTab": [{
+                "handleTabPropChange": 0
+            }],
+        "windowTab": [{
+                "syncControls": 0
+            }, {
+                "syncWindow": 0
+            }],
+        "listOverflows": [{
+                "syncControls": 0
+            }],
+        "selectedTab": [{
+                "syncFocus": 0
+            }],
+        "afTabs": [{
+                "setupTabs": 0
+            }]
+    }; }
+};
+NavigationTablist.style = navigationTablistCss();
+
+export { NavigationTablist as digi_tablist };

package/dist/esm/digi-title-logo.entry.js

@@ -1,25 +1,21 @@
 import { r as registerInstance, h, d as getElement } from './index-BnKuq1L7.js';
-import './calendar-week-view-heading-level.enum-BBOpiDGx.js';
-import { T as TitleLogoVariation } from './typography-variation.enum-4smNltRI.js';
+import './badge-notification-shape.enum-CKoZU0-H.js';
+import { T as TitleLogoVariation } from './typography-variation.enum-Zivp2NJB.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
-import './button-variation.enum-BMQm4N5I.js';
+import './button-size.enum-C7xgnp99.js';
 import './button-type.enum-DShzaNrQ.js';
+import './button-variation.enum-y5Nm4oWF.js';
+import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
 import './bar-chart-variation.enum-DPeoHh1J.js';
 import './code-example-variation.enum-DGI7Jkg2.js';
 import './code-variation.enum-qc6KRZue.js';
-import './expandable-accordion-header-level.enum-DwNlf6Sh.js';
-import './expandable-faq-item-variation.enum-C6B2KRZo.js';
 import './expandable-faq-variation.enum-CES5gUEo.js';
 import './footer-card-variation.enum-DzSu1-K0.js';
 import './form-checkbox-variation.enum-6-MpaVf8.js';
-import './form-file-upload-variation.enum-BfyJgcLA.js';
-import './form-input-search-variation.enum-BvWKyXb_.js';
-import './form-input-type.enum-BSJH8Lpg.js';
-import './form-input-variation.enum-DfWZa2Wv.js';
+import './form-validation-message-variation.enum-9n7Okhf1.js';
+import './form-input-type.enum-C6S1HfeA.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
-import './form-select-variation.enum-DCS1KcvC.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
-import './form-validation-message-variation.enum-B8hpiXmh.js';
 import './info-card-multi-type.enum-CkIb3cUS.js';
 import './info-card-variation.enum-_ycZeBN4.js';
 import './layout-container-max-width.enum-CuhrrYGE.js';
@@ -45,7 +41,6 @@ import './tag-size.enum-bQJ38En_.js';
 import './tools-feedback-banner-type.enum-DrVSK7Ws.js';
 import './tools-feedback-rating-variation.enum-CAmn5qzb.js';
 import './tools-theme-provider.brand.enum-DpDyNuVC.js';
-import './typography-heading-jumbo-variation.enum-DNjGvZvz.js';
 import './typography-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';

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

@@ -1,27 +1,23 @@
 import { r as registerInstance, c as createEvent, h, d as getElement } from './index-BnKuq1L7.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
-import { t as FeedbackVariation, s as ToolsFeedbackType, r as ToolsFeedbackHeadingLevel } from './typography-variation.enum-4smNltRI.js';
+import { G as FeedbackVariation, A as ToolsFeedbackType, z as ToolsFeedbackHeadingLevel } from './typography-variation.enum-Zivp2NJB.js';
 import { L as LayoutBlockVariation } from './layout-block-variation.enum-CWFirwyE.js';
-import './calendar-week-view-heading-level.enum-BBOpiDGx.js';
+import './badge-notification-shape.enum-CKoZU0-H.js';
 import './badge-status-variation.enum-C0A-p3cU.js';
-import { a as ButtonVariation, B as ButtonSize } from './button-variation.enum-BMQm4N5I.js';
+import { B as ButtonSize } from './button-size.enum-C7xgnp99.js';
 import './button-type.enum-DShzaNrQ.js';
+import { B as ButtonVariation } from './button-variation.enum-y5Nm4oWF.js';
+import './calendar-week-view-heading-level.enum-DH_-wpLB.js';
 import './bar-chart-variation.enum-DPeoHh1J.js';
 import './code-example-variation.enum-DGI7Jkg2.js';
 import './code-variation.enum-qc6KRZue.js';
-import './expandable-accordion-header-level.enum-DwNlf6Sh.js';
-import './expandable-faq-item-variation.enum-C6B2KRZo.js';
 import './expandable-faq-variation.enum-CES5gUEo.js';
 import './footer-card-variation.enum-DzSu1-K0.js';
 import './form-checkbox-variation.enum-6-MpaVf8.js';
-import './form-file-upload-variation.enum-BfyJgcLA.js';
-import './form-input-search-variation.enum-BvWKyXb_.js';
-import './form-input-type.enum-BSJH8Lpg.js';
-import './form-input-variation.enum-DfWZa2Wv.js';
+import './form-validation-message-variation.enum-9n7Okhf1.js';
+import './form-input-type.enum-C6S1HfeA.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
-import './form-select-variation.enum-DCS1KcvC.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
-import './form-validation-message-variation.enum-B8hpiXmh.js';
 import './info-card-multi-type.enum-CkIb3cUS.js';
 import './info-card-variation.enum-_ycZeBN4.js';
 import './layout-container-max-width.enum-CuhrrYGE.js';
@@ -46,7 +42,6 @@ import './tag-size.enum-bQJ38En_.js';
 import './tools-feedback-banner-type.enum-DrVSK7Ws.js';
 import './tools-feedback-rating-variation.enum-CAmn5qzb.js';
 import './tools-theme-provider.brand.enum-DpDyNuVC.js';
-import './typography-heading-jumbo-variation.enum-DNjGvZvz.js';
 import './typography-meta-variation.enum-CHxBAbI8.js';
 import './typography-time-variation.enum-rhVqmQwC.js';
 import './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';

package/dist/esm/{form-input-type.enum-BSJH8Lpg.js → form-input-type.enum-C6S1HfeA.js}

@@ -1,3 +1,10 @@
+var FormInputSearchVariation;
+(function (FormInputSearchVariation) {
+    FormInputSearchVariation["SMALL"] = "small";
+    FormInputSearchVariation["MEDIUM"] = "medium";
+    FormInputSearchVariation["LARGE"] = "large";
+})(FormInputSearchVariation || (FormInputSearchVariation = {}));
+
 var FormInputButtonVariation;
 (function (FormInputButtonVariation) {
     FormInputButtonVariation["PRIMARY"] = "primary";
@@ -22,4 +29,4 @@ var FormInputType;
     FormInputType["WEEK"] = "week";
 })(FormInputType || (FormInputType = {}));
 
-export { FormInputButtonVariation as F, FormInputType as a };
+export { FormInputSearchVariation as F, FormInputButtonVariation as a, FormInputType as b };

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

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

package/dist/esm/index-BnKuq1L7.js

@@ -146,10 +146,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'digi-badge-notification_8':
+                case 'digi-calendar_19':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-badge-notification_8.entry.js').then(processMod, consoleError);
+                      './digi-calendar_19.entry.js').then(processMod, consoleError);
                 case 'digi-badge-status':
                     return import(
                       /* webpackMode: "lazy" */
@@ -158,10 +158,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-bar-chart.entry.js').then(processMod, consoleError);
-                case 'digi-calendar-datepicker':
+                case 'digi-calendar-week-view':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-calendar-datepicker.entry.js').then(processMod, consoleError);
+                      './digi-calendar-week-view.entry.js').then(processMod, consoleError);
                 case 'digi-chart-line':
                     return import(
                       /* webpackMode: "lazy" */
@@ -182,18 +182,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-dialog.entry.js').then(processMod, consoleError);
-                case 'digi-expandable-accordion':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-expandable-accordion.entry.js').then(processMod, consoleError);
                 case 'digi-expandable-faq':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-expandable-faq.entry.js').then(processMod, consoleError);
-                case 'digi-expandable-faq-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-expandable-faq-item.entry.js').then(processMod, consoleError);
                 case 'digi-footer':
                     return import(
                       /* webpackMode: "lazy" */
@@ -966,6 +958,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-table.entry.js').then(processMod, consoleError);
+                case 'digi-tablist':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-tablist.entry.js').then(processMod, consoleError);
+                case 'digi-tablist-panel':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-tablist-panel.entry.js').then(processMod, consoleError);
                 case 'digi-tag':
                     return import(
                       /* webpackMode: "lazy" */
@@ -990,10 +990,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-tools-theme-provider.entry.js').then(processMod, consoleError);
-                case 'digi-typography-heading-jumbo':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-typography-heading-jumbo.entry.js').then(processMod, consoleError);
                 case 'digi-typography-meta':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1022,10 +1018,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-util-mutation-observer.entry.js').then(processMod, consoleError);
-                case 'digi-calendar_2':
+                case 'digi-badge-notification':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-calendar_2.entry.js').then(processMod, consoleError);
+                      './digi-badge-notification.entry.js').then(processMod, consoleError);
                 case 'digi-code-block_3':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1074,10 +1070,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-util-resize-observer.entry.js').then(processMod, consoleError);
-                case 'digi-form-select_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-form-select_2.entry.js').then(processMod, consoleError);
                 case 'digi-icon-bars':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1114,10 +1106,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-media-image_2.entry.js').then(processMod, consoleError);
-                case 'digi-form-input':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-form-input.entry.js').then(processMod, consoleError);
                 case 'digi-icon-check':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1130,30 +1118,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-layout-block_2.entry.js').then(processMod, consoleError);
-                case 'digi-util-keydown-handler':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-util-keydown-handler.entry.js').then(processMod, consoleError);
-                case 'digi-icon-chevron-down':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-icon-chevron-down.entry.js').then(processMod, consoleError);
                 case 'digi-util-breakpoint-observer':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-util-breakpoint-observer.entry.js').then(processMod, consoleError);
-                case 'digi-form-label_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-form-label_3.entry.js').then(processMod, consoleError);
                 case 'digi-icon-x':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-icon-x.entry.js').then(processMod, consoleError);
-                case 'digi-icon-validation-error_2':
+                case 'digi-button':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-icon-validation-error_2.entry.js').then(processMod, consoleError);
+                      './digi-button.entry.js').then(processMod, consoleError);
           }
       }
   return import(