@uh-design-system/component-library 1.5.2-rc.0 → 1.5.2

package/dist/esm/datepickerUtils-COTFpgJ4.js

@@ -0,0 +1,316 @@
+import { g as getLanguage } from './store-Cj7kJXiG.js';
+
+const createDate = (year, month, day = 1) => {
+    const date = new Date(0);
+    date.setFullYear(year, month, day);
+    date.setHours(0, 0, 0, 0);
+    return date;
+};
+const parseISODate = (dateString) => {
+    if (!dateString)
+        return null;
+    const parts = dateString.split('-');
+    if (parts.length < 3)
+        return null;
+    let year;
+    let monthStr;
+    let dayStr;
+    if (parts[0] === '') {
+        year = -parseInt(parts[1], 10);
+        monthStr = parts[2];
+        dayStr = parts[3];
+    }
+    else {
+        year = parseInt(parts[0], 10);
+        monthStr = parts[1];
+        dayStr = parts[2];
+    }
+    const month = parseInt(monthStr, 10);
+    const day = parseInt(dayStr, 10);
+    if (isNaN(year) || isNaN(month) || isNaN(day))
+        return null;
+    return createDate(year, month - 1, day);
+};
+const dateToString = (date) => {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+};
+const formatDisplayDate = (dateString) => {
+    if (!dateString)
+        return '';
+    const date = parseISODate(dateString);
+    if (!date)
+        return '';
+    const day = date.getDate();
+    const month = date.getMonth() + 1;
+    const year = date.getFullYear();
+    return `${day}.${month}.${year}`;
+};
+const parseInputDate = (input) => {
+    if (!input)
+        return null;
+    const parts = input.split(/[.\-/]/);
+    if (parts.length !== 3)
+        return null;
+    let day;
+    let month;
+    let year;
+    if (parts[0].length === 4 && !isNaN(parseInt(parts[0], 10))) {
+        year = parseInt(parts[0], 10);
+        month = parseInt(parts[1], 10);
+        day = parseInt(parts[2], 10);
+    }
+    else {
+        day = parseInt(parts[0], 10);
+        month = parseInt(parts[1], 10);
+        year = parseInt(parts[2], 10);
+    }
+    if (isNaN(day) || isNaN(month) || isNaN(year))
+        return null;
+    if (day < 1 || day > 31 || month < 1 || month > 12)
+        return null;
+    const date = createDate(year, month - 1, day);
+    if (date.getDate() !== day || date.getMonth() !== month - 1 || date.getFullYear() !== year) {
+        return null;
+    }
+    const yearStr = year.toString().padStart(4, '0');
+    const monthStr = month.toString().padStart(2, '0');
+    const dayStr = day.toString().padStart(2, '0');
+    return `${yearStr}-${monthStr}-${dayStr}`;
+};
+const isDateDisabled = (date, constraints) => {
+    const normalizedDate = new Date(date);
+    normalizedDate.setHours(0, 0, 0, 0);
+    if (constraints.min) {
+        const minDate = parseISODate(constraints.min);
+        if (minDate && normalizedDate < minDate) {
+            return true;
+        }
+    }
+    if (constraints.max) {
+        const maxDate = parseISODate(constraints.max);
+        if (maxDate && normalizedDate > maxDate) {
+            return true;
+        }
+    }
+    if (constraints.disabledDates && constraints.disabledDates.length > 0) {
+        const dateString = dateToString(normalizedDate);
+        if (constraints.disabledDates.includes(dateString)) {
+            return true;
+        }
+    }
+    return false;
+};
+const isDateSelected = (date, selectedDateString) => {
+    if (!selectedDateString)
+        return false;
+    const selectedDate = parseISODate(selectedDateString);
+    if (!selectedDate)
+        return false;
+    const normalizedDate = new Date(date);
+    normalizedDate.setHours(0, 0, 0, 0);
+    return normalizedDate.getTime() === selectedDate.getTime();
+};
+const getCalendarDays = (year, month) => {
+    const TOTAL_CELLS = 42;
+    const firstDay = createDate(year, month, 1);
+    const lastDay = createDate(year, month + 1, 0);
+    const firstDayOfWeek = (firstDay.getDay() + 6) % 7;
+    const prevMonthDaysToAdd = firstDayOfWeek === 0 ? 7 : firstDayOfWeek;
+    const days = [];
+    const prevMonthLastDay = createDate(year, month, 0).getDate();
+    for (let i = prevMonthDaysToAdd - 1; i >= 0; i--) {
+        const day = prevMonthLastDay - i;
+        days.push({
+            day,
+            isCurrentMonth: false,
+            isToday: false,
+            date: createDate(year, month - 1, day),
+        });
+    }
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    for (let day = 1; day <= lastDay.getDate(); day++) {
+        const date = createDate(year, month, day);
+        days.push({
+            day,
+            isCurrentMonth: true,
+            isToday: date.getTime() === today.getTime(),
+            date,
+        });
+    }
+    const remainingDays = TOTAL_CELLS - days.length;
+    for (let day = 1; day <= remainingDays; day++) {
+        days.push({
+            day,
+            isCurrentMonth: false,
+            isToday: false,
+            date: createDate(year, month + 1, day),
+        });
+    }
+    return days;
+};
+const generateYearOptions = (minYear, maxYear) => {
+    const currentYear = new Date().getFullYear();
+    const min = minYear ?? currentYear - 100;
+    const max = maxYear ?? currentYear + 100;
+    const years = [];
+    for (let year = min; year <= max; year++) {
+        years.push(year);
+    }
+    return years;
+};
+const findFirstSelectableDateInMonth = (year, month, constraints) => {
+    const lastDayOfMonth = createDate(year, month + 1, 0).getDate();
+    for (let day = 1; day <= lastDayOfMonth; day++) {
+        const date = createDate(year, month, day);
+        if (!isDateDisabled(date, constraints)) {
+            return date;
+        }
+    }
+    return null;
+};
+const findLastSelectableDateInMonth = (year, month, constraints) => {
+    const lastDayOfMonth = createDate(year, month + 1, 0).getDate();
+    for (let d = lastDayOfMonth; d >= 1; d--) {
+        const date = createDate(year, month, d);
+        if (!isDateDisabled(date, constraints)) {
+            return date;
+        }
+    }
+    return null;
+};
+const getFirstSelectableDate = (constraints) => {
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    if (!isDateDisabled(today, constraints)) {
+        return today;
+    }
+    if (constraints.min) {
+        const minDate = parseISODate(constraints.min);
+        if (minDate && !isDateDisabled(minDate, constraints)) {
+            return minDate;
+        }
+        if (minDate) {
+            const candidate = new Date(minDate);
+            for (let i = 0; i < 365; i++) {
+                candidate.setDate(candidate.getDate() + 1);
+                if (!isDateDisabled(candidate, constraints)) {
+                    return new Date(candidate);
+                }
+            }
+        }
+    }
+    if (constraints.max) {
+        const maxDate = parseISODate(constraints.max);
+        if (maxDate && !isDateDisabled(maxDate, constraints)) {
+            return maxDate;
+        }
+        if (maxDate) {
+            const candidate = new Date(maxDate);
+            for (let i = 0; i < 365; i++) {
+                candidate.setDate(candidate.getDate() - 1);
+                if (!isDateDisabled(candidate, constraints)) {
+                    return new Date(candidate);
+                }
+            }
+        }
+    }
+    return today;
+};
+function navigateMonth(currentMonth, currentYear, direction) {
+    const date = createDate(currentYear, currentMonth + (direction === 'prev' ? -1 : 1));
+    return {
+        month: date.getMonth(),
+        year: date.getFullYear(),
+    };
+}
+function getKeyboardNavigationStep(key) {
+    switch (key) {
+        case 'ArrowUp':
+            return -7;
+        case 'ArrowDown':
+            return 7;
+        case 'ArrowLeft':
+            return -1;
+        case 'ArrowRight':
+            return 1;
+        default:
+            return 0;
+    }
+}
+function getNextSelectableDate(startDate, step, constraints, maxIterations = 365) {
+    const newDate = new Date(startDate);
+    const direction = Math.sign(step);
+    newDate.setDate(newDate.getDate() + step);
+    if (!isDateDisabled(newDate, constraints)) {
+        return newDate;
+    }
+    for (let i = 1; i < maxIterations; i++) {
+        newDate.setDate(newDate.getDate() + direction);
+        if (!isDateDisabled(newDate, constraints)) {
+            return newDate;
+        }
+    }
+    return null;
+}
+function handleDateInputKeyDown(event) {
+    const key = event.key;
+    const controlKeys = ['Backspace', 'Delete', 'Tab', 'Escape', 'Enter', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'];
+    if (controlKeys.includes(key))
+        return;
+    if ((event.ctrlKey || event.metaKey) && ['a', 'c', 'v', 'x'].includes(key.toLowerCase()))
+        return;
+    const allowedChars = /^[0-9.\-/]$/;
+    if (!allowedChars.test(key)) {
+        event.preventDefault();
+        return;
+    }
+    const separators = /^[.\-/]$/;
+    if (separators.test(key)) {
+        const input = event.target;
+        const cursorPos = input.selectionStart ?? 0;
+        const charBefore = input.value[cursorPos - 1];
+        if ((cursorPos === 0 && input.selectionEnd === 0) || (charBefore && separators.test(charBefore))) {
+            event.preventDefault();
+        }
+    }
+}
+const t = (fi, sv, en) => {
+    switch (getLanguage()) {
+        case 'fi':
+            return fi;
+        case 'sv':
+            return sv;
+        default:
+            return en;
+    }
+};
+const withSelectedDateSuffix = (base, selectedDate) => {
+    if (!selectedDate)
+        return base;
+    const day = selectedDate.getDate();
+    const month = monthNamesGenitive()[selectedDate.getMonth()];
+    const year = selectedDate.getFullYear();
+    return t(`${base}, valittu päivämäärä: ${day}. ${month} ${year}`, `${base}, valt datum: ${day} ${month} ${year}`, `${base}, selected date: ${day} ${month} ${year}`);
+};
+const openDatePicker = (selectedDate) => withSelectedDateSuffix(t('Avaa päivämäärävalitsin', 'Öppna datumväljare', 'Open date picker'), selectedDate);
+const closeDatePicker = (selectedDate) => withSelectedDateSuffix(t('Sulje päivämäärävalitsin', 'Stäng datumväljare', 'Close date picker'), selectedDate);
+const dateFormatHint = () => t('Käytä muotoa pp.kk.vvvv', 'Använd formatet dd.mm.åååå', 'Use format dd.mm.yyyy');
+const dateNotAvailable = () => t('Tämä päivämäärä ei ole valittavissa.', 'Detta datum är inte tillgängligt.', 'This date is not available.');
+const monthNames = () => t(['tammikuu', 'helmikuu', 'maaliskuu', 'huhtikuu', 'toukokuu', 'kesäkuu', 'heinäkuu', 'elokuu', 'syyskuu', 'lokakuu', 'marraskuu', 'joulukuu'], ['januari', 'februari', 'mars', 'april', 'maj', 'juni', 'juli', 'augusti', 'september', 'oktober', 'november', 'december'], ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']);
+const weekdayNamesShort = () => t(['ma', 'ti', 'ke', 'to', 'pe', 'la', 'su'], ['må', 'ti', 'on', 'to', 'fr', 'lö', 'sö'], ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']);
+const weekdayNames = () => t(['maanantai', 'tiistai', 'keskiviikko', 'torstai', 'perjantai', 'lauantai', 'sunnuntai'], ['måndag', 'tisdag', 'onsdag', 'torsdag', 'fredag', 'lördag', 'söndag'], ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']);
+const monthNamesGenitive = () => t(['tammikuuta', 'helmikuuta', 'maaliskuuta', 'huhtikuuta', 'toukokuuta', 'kesäkuuta', 'heinäkuuta', 'elokuuta', 'syyskuuta', 'lokakuuta', 'marraskuuta', 'joulukuuta'], ['januari', 'februari', 'mars', 'april', 'maj', 'juni', 'juli', 'augusti', 'september', 'oktober', 'november', 'december'], ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']);
+const showToday = () => t('Näytä tänään', 'Visa idag', 'Show today');
+const clearDate = () => t('Tyhjennä', 'Rensa', 'Clear');
+const previousMonth = () => t('Edellinen kuukausi', 'Föregående månad', 'Previous month');
+const nextMonth = () => t('Seuraava kuukausi', 'Nästa månad', 'Next month');
+const monthLabel = () => t('Kuukausi', 'Månad', 'Month');
+const yearLabel = () => t('Vuosi', 'År', 'Year');
+const selectMonth = () => t('Valitse kuukausi', 'Välj månad', 'Select month');
+const selectYear = () => t('Valitse vuosi', 'Välj år', 'Select year');
+
+export { isDateSelected as A, monthNamesGenitive as B, weekdayNames as C, showToday as D, clearDate as E, getKeyboardNavigationStep as F, parseISODate as a, getFirstSelectableDate as b, closeDatePicker as c, dateFormatHint as d, dateToString as e, createDate as f, generateYearOptions as g, handleDateInputKeyDown as h, isDateDisabled as i, findFirstSelectableDateInMonth as j, getNextSelectableDate as k, formatDisplayDate as l, dateNotAvailable as m, navigateMonth as n, openDatePicker as o, parseInputDate as p, findLastSelectableDateInMonth as q, monthNames as r, getCalendarDays as s, selectMonth as t, monthLabel as u, selectYear as v, previousMonth as w, nextMonth as x, yearLabel as y, weekdayNamesShort as z };

package/dist/esm/disableEventsFactory-Dj3sSg-t.js

@@ -0,0 +1,23 @@
+import { r as registerInstance } from './index-KrLJvXEc.js';
+
+const disableEventsFactory = (Base) => {
+    const DisableEvents = class extends Base {
+        constructor(hostRef) {
+            super();
+            registerInstance(this, hostRef);
+        }
+        _disableEventEmits = false;
+        _setDisableEventEmits(value = false) {
+            this._disableEventEmits = value;
+        }
+        async setDisableEventEmits(value = false) {
+            this._setDisableEventEmits(value);
+        }
+        getShouldEmit(conditions) {
+            return !this._disableEventEmits && !conditions?.some(c => !c);
+        }
+    };
+    return DisableEvents;
+};
+
+export { disableEventsFactory as d };

package/dist/esm/ds-accordion.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-KrLJvXEc.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { c as cx } from './cx-COyyiGn2.js';
 import { i as inheritAttributes, b as inheritAriaAttributes } from './attributes-DfbgRyXR.js';
-import { g as getLanguage } from './store-CwvEVFVT.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
+import { g as getLanguage } from './store-Cj7kJXiG.js';
+import { c as componentFactory } from './componentFactory-Ct4nz3XH.js';
 
-const dsAccordionCss = () => `.ds-accordion__b8qnxH.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__b8qnxH__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__b8qnxH__title.sc-ds-accordion:not(.ds-accordion__b8qnxH__title--hide-top-border) .ds-accordion__b8qnxH__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__b8qnxH__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__b8qnxH__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__b8qnxH__title--border-aligned.ds-accordion__b8qnxH__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__b8qnxH__title--border-aligned.ds-accordion__b8qnxH__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__b8qnxH__title--with-background.sc-ds-accordion .ds-accordion__b8qnxH__open-button.sc-ds-accordion:not(.ds-accordion__b8qnxH__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__b8qnxH__title--with-background.sc-ds-accordion:has(.ds-accordion__b8qnxH__open-button.ds-accordion__b8qnxH__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__b8qnxH__title.sc-ds-accordion:has(.ds-accordion__b8qnxH__open-button:hover:not(.ds-accordion__b8qnxH__open-button--icon-button)) .ds-accordion__b8qnxH__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__b8qnxH__title.sc-ds-accordion:has(.ds-accordion__b8qnxH__open-button:active:not(.ds-accordion__b8qnxH__open-button--icon-button)) .ds-accordion__b8qnxH__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__b8qnxH__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__b8qnxH__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__b8qnxH__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__b8qnxH__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__b8qnxH__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__b8qnxH__open-button-container.sc-ds-accordion:has(.ds-accordion__b8qnxH__open-button:not(.ds-accordion__b8qnxH__open-button--icon-button)){width:100%}.ds-accordion__b8qnxH__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__b8qnxH__open-button-container.sc-ds-accordion:has(.ds-accordion__b8qnxH__open-button--border-aligned:not(.ds-accordion__b8qnxH__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__b8qnxH__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__b8qnxH__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__b8qnxH__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__b8qnxH__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__b8qnxH__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__b8qnxH__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__b8qnxH__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__b8qnxH__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__b8qnxH__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__b8qnxH__open-button--icon-button){padding-inline:0}.ds-accordion__b8qnxH__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__b8qnxH__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__b8qnxH__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__b8qnxH__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__b8qnxH__title--with-background.sc-ds-accordion .ds-accordion__b8qnxH__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__b8qnxH__open-button--icon-button)::before,.ds-accordion__b8qnxH__title--with-background.sc-ds-accordion .ds-accordion__b8qnxH__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__b8qnxH__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__b8qnxH__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__b8qnxH__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__b8qnxH__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__b8qnxH__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__b8qnxH__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__b8qnxH__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__b8qnxH__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__b8qnxH__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__b8qnxH__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__b8qnxH__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__b8qnxH__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__b8qnxH__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__b8qnxH__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__b8qnxH__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__b8qnxH__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__b8qnxH.sc-ds-accordion-s>[slot=header],.ds-accordion__b8qnxH .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__b8qnxH__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__b8qnxH__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__b8qnxH__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__b8qnxH__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__b8qnxH__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__b8qnxH__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__b8qnxH__content--with-background.sc-ds-accordion::before,.ds-accordion__b8qnxH__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__b8qnxH__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__b8qnxH.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__b8qnxH .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__b8qnxH.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__b8qnxH .sc-ds-accordion-s>ul[slot=content][class*=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}`;
+const dsAccordionCss = () => `.ds-accordion__MsKlb0.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__MsKlb0__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MsKlb0__title.sc-ds-accordion:not(.ds-accordion__MsKlb0__title--hide-top-border) .ds-accordion__MsKlb0__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MsKlb0__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__MsKlb0__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__MsKlb0__title--border-aligned.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__title--border-aligned.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion .ds-accordion__MsKlb0__open-button.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion:has(.ds-accordion__MsKlb0__open-button.ds-accordion__MsKlb0__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MsKlb0__title.sc-ds-accordion:has(.ds-accordion__MsKlb0__open-button:hover:not(.ds-accordion__MsKlb0__open-button--icon-button)) .ds-accordion__MsKlb0__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__MsKlb0__title.sc-ds-accordion:has(.ds-accordion__MsKlb0__open-button:active:not(.ds-accordion__MsKlb0__open-button--icon-button)) .ds-accordion__MsKlb0__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__MsKlb0__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__MsKlb0__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MsKlb0__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__MsKlb0__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__MsKlb0__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__MsKlb0__open-button-container.sc-ds-accordion:has(.ds-accordion__MsKlb0__open-button:not(.ds-accordion__MsKlb0__open-button--icon-button)){width:100%}.ds-accordion__MsKlb0__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__MsKlb0__open-button-container.sc-ds-accordion:has(.ds-accordion__MsKlb0__open-button--border-aligned:not(.ds-accordion__MsKlb0__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__MsKlb0__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__MsKlb0__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__MsKlb0__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__MsKlb0__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__MsKlb0__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__MsKlb0__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__MsKlb0__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__MsKlb0__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__MsKlb0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button){padding-inline:0}.ds-accordion__MsKlb0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion .ds-accordion__MsKlb0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button)::before,.ds-accordion__MsKlb0__title--with-background.sc-ds-accordion .ds-accordion__MsKlb0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MsKlb0__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MsKlb0__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__MsKlb0__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__MsKlb0__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__MsKlb0__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__MsKlb0__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__MsKlb0__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__MsKlb0__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__MsKlb0__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__MsKlb0__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__MsKlb0__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__MsKlb0__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MsKlb0__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__MsKlb0__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__MsKlb0__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__MsKlb0__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MsKlb0.sc-ds-accordion-s>[slot=header],.ds-accordion__MsKlb0 .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__MsKlb0__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MsKlb0__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__MsKlb0__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__MsKlb0__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__MsKlb0__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__MsKlb0__content--with-background.sc-ds-accordion::before,.ds-accordion__MsKlb0__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MsKlb0__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__MsKlb0.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__MsKlb0 .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__MsKlb0.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__MsKlb0 .sc-ds-accordion-s>ul[slot=content][class*=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}`;
 
 const DsAccordion = class extends Mixin(componentFactory('ds-accordion', { stopRootTracking: true })) {
     constructor(hostRef) {

package/dist/esm/ds-action-list-divider.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-CooQbSxe.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { r as registerInstance, h } from './index-KrLJvXEc.js';
+import { c as cx } from './cx-COyyiGn2.js';
 
-const dsActionListDividerCss = () => `.ds-no-style-leak.sc-ds-action-list-divider *.sc-ds-action-list-divider{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-divider-h{display:block}.ds-action-list-divider__b8qnxH.sc-ds-action-list-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);margin:var(--ds-spacing-2xSmall) 0}`;
+const dsActionListDividerCss = () => `.ds-no-style-leak.sc-ds-action-list-divider *.sc-ds-action-list-divider{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-divider-h{display:block}.ds-action-list-divider__MsKlb0.sc-ds-action-list-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);margin:var(--ds-spacing-2xSmall) 0}`;
 
 const DsActionListDivider = class {
     constructor(hostRef) {

package/dist/esm/ds-action-list-group-title.entry.js

@@ -1,10 +1,10 @@
-import { M as Mixin, r as registerInstance, h, H as Host } from './index-CooQbSxe.js';
-import { c as cx } from './cx-DXV-q3iL.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
+import { M as Mixin, r as registerInstance, h, H as Host } from './index-KrLJvXEc.js';
+import { c as cx } from './cx-COyyiGn2.js';
+import { c as componentFactory } from './componentFactory-Ct4nz3XH.js';
 import './utils-BGPSuOgq.js';
-import './store-CwvEVFVT.js';
+import './store-Cj7kJXiG.js';
 
-const dsActionListGroupTitleCss = () => `.ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__b8qnxH.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}`;
+const dsActionListGroupTitleCss = () => `.ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__MsKlb0.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}`;
 
 const DsActionListGroupTitle = class extends Mixin(componentFactory('ds-action-list-group-title')) {
     constructor(hostRef) {

package/dist/esm/ds-action-list-item.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-KrLJvXEc.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { c as cx } from './cx-COyyiGn2.js';
 import { c as consumeActionMenuContext } from './actionMenuContext-Ccf9CXPb.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
-import './store-CwvEVFVT.js';
+import { c as componentFactory } from './componentFactory-Ct4nz3XH.js';
+import './store-Cj7kJXiG.js';
 
-const dsActionListItemCss = () => `.ds-no-style-leak.sc-ds-action-list-item *.sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__b8qnxH.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__b8qnxH.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__b8qnxH--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__b8qnxH.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__b8qnxH--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__b8qnxH.sc-ds-action-list-item:focus-visible:not(:disabled){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1)}.ds-action-list-item__b8qnxH.sc-ds-action-list-item:disabled,.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--unavailable.sc-ds-action-list-item .ds-action-list-item__b8qnxH__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--unavailable.sc-ds-action-list-item .ds-action-list-item__b8qnxH__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__b8qnxH--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__b8qnxH--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__b8qnxH.ds-action-list-item__b8qnxH--action-danger.ds-action-list-item__b8qnxH--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__b8qnxH__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__b8qnxH__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__b8qnxH__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__b8qnxH__label.sc-ds-action-list-item{display:block}.ds-action-list-item__b8qnxH__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__b8qnxH__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__b8qnxH__selector.ds-action-list-item__b8qnxH__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__b8qnxH__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__b8qnxH__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__b8qnxH__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__b8qnxH__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__b8qnxH__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__b8qnxH__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}`;
+const dsActionListItemCss = () => `.ds-no-style-leak.sc-ds-action-list-item *.sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__MsKlb0.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__MsKlb0.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__MsKlb0.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__MsKlb0.sc-ds-action-list-item:focus-visible:not(:disabled){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1)}.ds-action-list-item__MsKlb0.sc-ds-action-list-item:disabled,.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--unavailable.sc-ds-action-list-item .ds-action-list-item__MsKlb0__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--unavailable.sc-ds-action-list-item .ds-action-list-item__MsKlb0__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.ds-action-list-item__MsKlb0--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__MsKlb0__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__MsKlb0__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__MsKlb0__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__MsKlb0__label.sc-ds-action-list-item{display:block}.ds-action-list-item__MsKlb0__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__MsKlb0__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__MsKlb0__selector.ds-action-list-item__MsKlb0__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__MsKlb0__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__MsKlb0__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__MsKlb0__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__MsKlb0__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__MsKlb0__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__MsKlb0__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}`;
 
 const DsActionListItem = class extends Mixin(componentFactory('ds-action-list-item')) {
     constructor(hostRef) {

package/dist/esm/ds-action-list.entry.js

@@ -1,8 +1,8 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-CooQbSxe.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-KrLJvXEc.js';
+import { c as cx } from './cx-COyyiGn2.js';
 import { b as idGenerator, t as transformTagName, i as ifDefined } from './utils-BGPSuOgq.js';
-import { g as getLanguage } from './store-CwvEVFVT.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
+import { g as getLanguage } from './store-Cj7kJXiG.js';
+import { c as componentFactory } from './componentFactory-Ct4nz3XH.js';
 
 const actionListGroupLabel = () => {
     switch (getLanguage()) {
@@ -35,7 +35,7 @@ const actionListGroupLabelMultiSelect = () => {
     }
 };
 
-const dsActionListCss = () => `.ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__b8qnxH.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}`;
+const dsActionListCss = () => `.ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__MsKlb0.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}`;
 
 const listIdGenerator = idGenerator('ds-action-list');
 const DsActionList = class extends Mixin(componentFactory('ds-action-list')) {

package/dist/esm/ds-action-menu.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-KrLJvXEc.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, e as isEventWithinElement, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { c as cx } from './cx-COyyiGn2.js';
 import { s as storeActionMenuContext, p as provideActionMenuContext } from './actionMenuContext-Ccf9CXPb.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
-import './store-CwvEVFVT.js';
+import { c as componentFactory } from './componentFactory-Ct4nz3XH.js';
+import './store-Cj7kJXiG.js';
 
-const dsActionMenuCss = () => `.ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__b8qnxH.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__b8qnxH__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__b8qnxH__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__b8qnxH__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__b8qnxH__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__b8qnxH__menu.ds-action-menu__b8qnxH__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}`;
+const dsActionMenuCss = () => `.ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__MsKlb0.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__MsKlb0__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__MsKlb0__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__MsKlb0__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__MsKlb0__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}`;
 
 const MENU_MARGIN = 8;
 const MENU_MIN_HEIGHT = 120;

package/dist/esm/ds-assistive-text_3.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, h, e as getElement, F as Fragment } from './index-CooQbSxe.js';
-import { c as cx } from './cx-DXV-q3iL.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
+import { M as Mixin, r as registerInstance, h, e as getElement, F as Fragment } from './index-KrLJvXEc.js';
+import { c as cx } from './cx-COyyiGn2.js';
+import { c as componentFactory } from './componentFactory-Ct4nz3XH.js';
 import { i as inheritAttributes, b as inheritAriaAttributes } from './attributes-DfbgRyXR.js';
 import { t as transformTagName, d as declareComponentDependencies, i as ifDefined } from './utils-BGPSuOgq.js';
-import { g as getRequiredText, a as getOptionalText } from './controlUtils-CyKca018.js';
-import './store-CwvEVFVT.js';
+import { g as getRequiredText, a as getOptionalText } from './controlUtils-Ddynysnm.js';
+import './store-Cj7kJXiG.js';
 
-const dsAssistiveTextCss = () => `.ds-assistive-text__b8qnxH.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}`;
+const dsAssistiveTextCss = () => `.ds-assistive-text__MsKlb0.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}`;
 
 const DsAssistiveText = class extends Mixin(componentFactory('ds-assistive-text')) {
     constructor(hostRef) {
@@ -22,7 +22,7 @@ const DsAssistiveText = class extends Mixin(componentFactory('ds-assistive-text'
 };
 DsAssistiveText.style = dsAssistiveTextCss();
 
-const dsControlLabelCss = () => `.ds-control-label__b8qnxH__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__b8qnxH{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__b8qnxH:empty{display:none}`;
+const dsControlLabelCss = () => `.ds-control-label__MsKlb0__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__MsKlb0{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__MsKlb0:empty{display:none}`;
 
 const DsControlLabel = class extends Mixin(componentFactory('ds-control-label')) {
     constructor(hostRef) {

package/dist/esm/ds-backdrop.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-KrLJvXEc.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { c as cx } from './cx-COyyiGn2.js';
 import { B as BACKDROP_TRANSITION_IN_DURATION, c as BACKDROP_TRANSITION_OUT_DURATION } from './constants-CLNvzo86.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
+import { c as componentFactory } from './componentFactory-Ct4nz3XH.js';
 import './utils-BGPSuOgq.js';
-import './store-CwvEVFVT.js';
+import './store-Cj7kJXiG.js';
 
-const dsBackdropCss = () => `.ds-backdrop__b8qnxH{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__b8qnxH::backdrop{background-color:var(--ds-bgColor-transparent-onLight);transition:display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease}@starting-style{.ds-backdrop__b8qnxH::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__b8qnxH--in::backdrop{transition:display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease}.ds-backdrop__b8qnxH--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__b8qnxH::backdrop{transition:none}}html:has(.ds-modal__b8qnxH--open){overflow:hidden}`;
+const dsBackdropCss = () => `.ds-backdrop__MsKlb0{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__MsKlb0::backdrop{background-color:var(--ds-bgColor-transparent-onLight);transition:display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease}@starting-style{.ds-backdrop__MsKlb0::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__MsKlb0--in::backdrop{transition:display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease}.ds-backdrop__MsKlb0--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__MsKlb0::backdrop{transition:none}}html:has(.ds-modal__MsKlb0--open){overflow:hidden}`;
 
 const DsBackdrop = class extends Mixin(componentFactory('ds-backdrop', { transparentForRootTracking: true })) {
     constructor(hostRef) {

package/dist/esm/ds-badge.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-KrLJvXEc.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { c as cx } from './cx-COyyiGn2.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
-import './store-CwvEVFVT.js';
+import { c as componentFactory } from './componentFactory-Ct4nz3XH.js';
+import './store-Cj7kJXiG.js';
 
-const dsBadgeCss = () => `.ds-badge__b8qnxH.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__b8qnxH--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__b8qnxH--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__b8qnxH--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__b8qnxH--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__b8qnxH--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__b8qnxH--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__b8qnxH--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__b8qnxH--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__b8qnxH__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__b8qnxH__content__text.sc-ds-badge{white-space:nowrap}`;
+const dsBadgeCss = () => `.ds-badge__MsKlb0.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__MsKlb0--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__MsKlb0--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__MsKlb0--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__MsKlb0--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__MsKlb0--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__MsKlb0--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__MsKlb0--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__MsKlb0--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__MsKlb0__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__MsKlb0__content__text.sc-ds-badge{white-space:nowrap}`;
 
 const DsBadge = class extends Mixin(componentFactory('ds-badge')) {
     constructor(hostRef) {