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

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

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DvpMvX1M.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-Dzq9qJk7.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { c as cx } from './cx-BrOdPf9x.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import './store-c20XLOUp.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import './store-DYWVDmmN.js';
 
-const dsSpinnerCss = () => `.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-paragraph-width-optimal{max-width:var(--ds-paragraphWidth-optimal)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__oJU1eo{display:inline-block}.ds-spinner__oJU1eo:has(.ds-spinner__oJU1eo__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__oJU1eo{}.ds-spinner__oJU1eo--small{padding:1.5px}.ds-spinner__oJU1eo--medium{padding:3px}.ds-spinner__oJU1eo--large{padding:3px}.ds-spinner__oJU1eo--xLarge{padding:5.5px}.ds-spinner__oJU1eo--2xLarge{padding:5.5px}.ds-spinner__oJU1eo--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__oJU1eo{}.ds-spinner__oJU1eo--below{flex-direction:column;align-items:center}.ds-spinner__oJU1eo--right{flex-direction:row;align-items:center}.ds-spinner__oJU1eo__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__oJU1eo__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__oJU1eo__text--white{color:var(--ds-textColor-white)}.ds-spinner__oJU1eo__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__oJU1eo__segment--1{animation-delay:-0.3s}.ds-spinner__oJU1eo__segment--2{animation-delay:-0.2s}.ds-spinner__oJU1eo__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__oJU1eo__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__oJU1eo__segment--1{animation-delay:-0.6s}.ds-spinner__oJU1eo__segment--2{animation-delay:-0.4s}.ds-spinner__oJU1eo__segment--3{animation-delay:-0.2s}}`;
+const dsSpinnerCss = () => `.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-paragraph-width-optimal{max-width:var(--ds-paragraphWidth-optimal)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__pA2cRq{display:inline-block}.ds-spinner__pA2cRq:has(.ds-spinner__pA2cRq__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__pA2cRq{}.ds-spinner__pA2cRq--small{padding:1.5px}.ds-spinner__pA2cRq--medium{padding:3px}.ds-spinner__pA2cRq--large{padding:3px}.ds-spinner__pA2cRq--xLarge{padding:5.5px}.ds-spinner__pA2cRq--2xLarge{padding:5.5px}.ds-spinner__pA2cRq--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__pA2cRq{}.ds-spinner__pA2cRq--below{flex-direction:column;align-items:center}.ds-spinner__pA2cRq--right{flex-direction:row;align-items:center}.ds-spinner__pA2cRq__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__pA2cRq__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__pA2cRq__text--white{color:var(--ds-textColor-white)}.ds-spinner__pA2cRq__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__pA2cRq__segment--1{animation-delay:-0.3s}.ds-spinner__pA2cRq__segment--2{animation-delay:-0.2s}.ds-spinner__pA2cRq__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__pA2cRq__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__pA2cRq__segment--1{animation-delay:-0.6s}.ds-spinner__pA2cRq__segment--2{animation-delay:-0.4s}.ds-spinner__pA2cRq__segment--3{animation-delay:-0.2s}}`;
 
 const SPINNER_SIZES = {
     'small': 10,
@@ -67,11 +67,11 @@ const DsSpinner = class extends Mixin(componentFactory('ds-spinner')) {
         const segmentClasses = (index) => classNames(`${baseClass}__segment`, `${baseClass}__segment--${index}`);
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-spinner', this.el);
         const spinnerSizeValue = this.dsCustomSize ? `calc(${this.dsCustomSize} / 1.5833333333)` : `${sizeInPixels}px`;
-        return (h("div", { key: '22d731a3381debe084f5caabf7f4f62f50c4caf4', role: this.dsUseRoleAlert ? 'alert' : undefined, "aria-live": this.dsUseAriaLive ? 'polite' : undefined, class: classes, style: {
+        return (h("div", { key: 'a33343e541291ea9ba854634c3f26a1853cfa64f', role: this.dsUseRoleAlert ? 'alert' : undefined, "aria-live": this.dsUseAriaLive ? 'polite' : undefined, class: classes, style: {
                 '--spinner-size': spinnerSizeValue,
                 '--spinner-color': `${spinnerColorVariable}`,
                 '--spinner-border-color': this.dsColour == 'white' ? 'var(--ds-overlay-white-15)' : 'transparent',
-            }, ...this.inheritedAttributes }, h("div", { key: '0e415eeb1da1e4cce51c5fe6c8e212d6b4c3fe7f', class: `${baseClass}__spinner` }, h("div", { key: 'f427fc3b0ee1a7f00014bc8f720710392bd1ffda', class: segmentClasses(1) }), h("div", { key: '796c7e0d493f524df33dd2995c7cd0b863a98499', class: segmentClasses(2) }), h("div", { key: 'e2959d5b0d51e0463fcf9659e6d4090bba44f2ac', class: segmentClasses(3) })), this.dsHiddenAssistiveText && (h(DsVisuallyHidden, { key: '3fdb1904b5edfc746ae25e7d2dcb4dd5cd9d6b7a' }, h("span", { key: '458410c6e7d5ef61f206993f44a842210de48838' }, this.dsHiddenAssistiveText))), this.dsText && (h("span", { key: 'e6f7214438611d6d944882c39d3ff7687331bb53', class: textClasses, style: { fontSize: this.dsCustomTextSize } }, this.dsText))));
+            }, ...this.inheritedAttributes }, h("div", { key: '116bbf9107b66da116f2d6fdcf9568338c8766af', class: `${baseClass}__spinner` }, h("div", { key: '3db7345f09d73f86c46bb61c8e2e70f3d8f4faed', class: segmentClasses(1) }), h("div", { key: 'b4248b82e5b6fe49ac4731c0b1cd56e7a75979b1', class: segmentClasses(2) }), h("div", { key: '4cd59a8e7f375d4dde962b8f15db1177bf2239c6', class: segmentClasses(3) })), this.dsHiddenAssistiveText && (h(DsVisuallyHidden, { key: '6fbc62de59ebad538ab4ab260eee616c2f467337' }, h("span", { key: '721d8c643f286893bfee85d77c520ed381bad5a1' }, this.dsHiddenAssistiveText))), this.dsText && (h("span", { key: '161af4dc48584b93618f3032882b6d015ccad5b1', class: textClasses, style: { fontSize: this.dsCustomTextSize } }, this.dsText))));
     }
 };
 declareComponentDependencies([h("ds-visually-hidden", null)]);

package/dist/esm/ds-step-base.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DvpMvX1M.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DHrlezow.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-BrOdPf9x.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import './utils-CRB48Q9-.js';
-import './store-c20XLOUp.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import './utils-D5pGK2ZH.js';
+import './store-DYWVDmmN.js';
 
-const dsStepBaseCss = () => `.ds-no-style-leak.sc-ds-step-base *.sc-ds-step-base{all:unset;box-sizing:border-box;display:block}.ds-step-base__oJU1eo__host--full-width.sc-ds-step-base-h{flex:1}.ds-step-base__oJU1eo.sc-ds-step-base{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;flex-direction:column;align-items:stretch;gap:var(--ds-spacing-xSmall)}.ds-step-base__oJU1eo--vertical.sc-ds-step-base{flex-direction:row}`;
+const dsStepBaseCss = () => `.ds-no-style-leak.sc-ds-step-base *.sc-ds-step-base{all:unset;box-sizing:border-box;display:block}.ds-step-base__pA2cRq__host--full-width.sc-ds-step-base-h{flex:1}.ds-step-base__pA2cRq.sc-ds-step-base{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;flex-direction:column;align-items:stretch;gap:var(--ds-spacing-xSmall)}.ds-step-base__pA2cRq--vertical.sc-ds-step-base{flex-direction:row}`;
 
 const DsStepBase = class extends Mixin(componentFactory('ds-step-base')) {
     constructor(hostRef) {
@@ -23,7 +23,7 @@ const DsStepBase = class extends Mixin(componentFactory('ds-step-base')) {
         const classes = classNames(baseClass, {
             [`${baseClass}--vertical`]: this.dsOrientation === 'vertical',
         });
-        return (h(Host, { key: '702427499d88dc226b042bf108784317d44fec82', class: hostClasses }, h("div", { key: 'bff29411a1d598a0379ed46505d2ae1f067a8087', class: classes }, h("slot", { key: '1c41190c0002d2c56acef366611ef641f9f83da3', name: "bullet" }), h("slot", { key: '671405e298b9cbb25915c4d084fcac48ada22dc7', name: "content" }))));
+        return (h(Host, { key: '3cc4f0a49914d0d143fd786aae3d1e403e1f84c2', class: hostClasses }, h("div", { key: 'dd719ba02ec99f0c74aa785f4b5b5c9181a0c184', class: classes }, h("slot", { key: 'efe43588e563c4bf7a54c0abfa1fefe296f5d3b2', name: "bullet" }), h("slot", { key: 'bce9e362a7d400c87f23217aea6da514b030f60e', name: "content" }))));
     }
 };
 DsStepBase.style = dsStepBaseCss();

package/dist/esm/ds-step-bullet-base.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DvpMvX1M.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-BrOdPf9x.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import './store-c20XLOUp.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import './store-DYWVDmmN.js';
 
-const dsStepBulletBaseCss = () => `.ds-no-style-leak.sc-ds-step-bullet-base *.sc-ds-step-bullet-base{all:unset;box-sizing:border-box;display:block}.ds-step-bullet-base__oJU1eo.sc-ds-step-bullet-base{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;height:100%}.ds-step-bullet-base__oJU1eo--vertical.sc-ds-step-bullet-base{flex-direction:column;align-items:center;justify-content:flex-start;width:auto;height:100%}.ds-step-bullet-base__oJU1eo__bullet.sc-ds-step-bullet-base{display:flex;align-items:center;justify-content:center;border-radius:50%;border-style:solid;border-width:0;width:2rem;height:2rem;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);flex:0 0 auto}.ds-step-bullet-base__oJU1eo__bullet--small.sc-ds-step-bullet-base{width:2rem;height:1.5rem}.ds-step-bullet-base__oJU1eo__bullet--small.ds-step-bullet-base__oJU1eo__bullet--vertical.sc-ds-step-bullet-base{width:1.5rem;height:2rem}.ds-step-bullet-base__oJU1eo__line.sc-ds-step-bullet-base{flex:1 1 auto;min-width:0;align-self:center;margin-inline:var(--ds-spacing-2xSmall)}.ds-step-bullet-base__oJU1eo__line--small.sc-ds-step-bullet-base{margin-inline:0}.ds-step-bullet-base__oJU1eo__line--vertical.sc-ds-step-bullet-base{margin-inline:0;margin-block:var(--ds-spacing-2xSmall);height:auto;min-height:2rem;flex:1 1 auto}.ds-step-bullet-base__oJU1eo__line--no-line.ds-step-bullet-base__oJU1eo__line--vertical.sc-ds-step-bullet-base{min-height:0}.ds-step-bullet-base__oJU1eo__line--small.ds-step-bullet-base__oJU1eo__line--vertical.sc-ds-step-bullet-base{margin-block:0}`;
+const dsStepBulletBaseCss = () => `.ds-no-style-leak.sc-ds-step-bullet-base *.sc-ds-step-bullet-base{all:unset;box-sizing:border-box;display:block}.ds-step-bullet-base__pA2cRq.sc-ds-step-bullet-base{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;height:100%}.ds-step-bullet-base__pA2cRq--vertical.sc-ds-step-bullet-base{flex-direction:column;align-items:center;justify-content:flex-start;width:auto;height:100%}.ds-step-bullet-base__pA2cRq__bullet.sc-ds-step-bullet-base{display:flex;align-items:center;justify-content:center;border-radius:50%;border-style:solid;border-width:0;width:2rem;height:2rem;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);flex:0 0 auto}.ds-step-bullet-base__pA2cRq__bullet--small.sc-ds-step-bullet-base{width:2rem;height:1.5rem}.ds-step-bullet-base__pA2cRq__bullet--small.ds-step-bullet-base__pA2cRq__bullet--vertical.sc-ds-step-bullet-base{width:1.5rem;height:2rem}.ds-step-bullet-base__pA2cRq__line.sc-ds-step-bullet-base{flex:1 1 auto;min-width:0;align-self:center;margin-inline:var(--ds-spacing-2xSmall)}.ds-step-bullet-base__pA2cRq__line--small.sc-ds-step-bullet-base{margin-inline:0}.ds-step-bullet-base__pA2cRq__line--vertical.sc-ds-step-bullet-base{margin-inline:0;margin-block:var(--ds-spacing-2xSmall);height:auto;min-height:2rem;flex:1 1 auto}.ds-step-bullet-base__pA2cRq__line--no-line.ds-step-bullet-base__pA2cRq__line--vertical.sc-ds-step-bullet-base{min-height:0}.ds-step-bullet-base__pA2cRq__line--small.ds-step-bullet-base__pA2cRq__line--vertical.sc-ds-step-bullet-base{margin-block:0}`;
 
 const DsStepBulletBase = class extends Mixin(componentFactory('ds-step-bullet-base')) {
     constructor(hostRef) {
@@ -88,7 +88,7 @@ const DsStepBulletBase = class extends Mixin(componentFactory('ds-step-bullet-ba
             backgroundColor: this.dsLineColour,
             [this.isVertical ? 'width' : 'height']: this.lineWidthVar,
         };
-        return (h("div", { key: 'ab693e813640c737467eeec36915bb942480b266', class: classes, "aria-hidden": "true" }, h("div", { key: 'dfb3bc6a41186ed711b43390b06124a2161ff8c4', class: bulletClass, style: bulletStyle }, this.dsText, this.dsIcon && h(this.DsIcon, { key: '2ce405fc278a00d0015c0519da4023c6bfeb769a', dsSize: this.iconSize, dsName: this.dsIcon, dsColour: this.dsIconColour })), this.dsLineWidth !== 'none' && h("div", { key: '16d995f7424b4c3076885da142dd2915c5755ba5', class: lineClass, style: lineStyle })));
+        return (h("div", { key: 'be602b6df86662390f411363e62734ac706f675f', class: classes, "aria-hidden": "true" }, h("div", { key: 'a28492717b621d882114d6e6ed905729aaffae14', class: bulletClass, style: bulletStyle }, this.dsText, this.dsIcon && h(this.DsIcon, { key: '9b20fb80675c77bec29a5c0b93071abab6ade575', dsSize: this.iconSize, dsName: this.dsIcon, dsColour: this.dsIconColour })), this.dsLineWidth !== 'none' && h("div", { key: '2e8d6b5d14839aa52b690fcd901239938d5de484', class: lineClass, style: lineStyle })));
     }
 };
 declareComponentDependencies([h("ds-icon", { dsName: "" })]);

package/dist/esm/ds-step-bullet.entry.js

@@ -1,9 +1,9 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DvpMvX1M.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import { s as stepFactory } from './stepFactory-BsW62oAL.js';
-import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import './store-c20XLOUp.js';
-import './stepContext-BRxngxAe.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { s as stepFactory } from './stepFactory-CGyfuf-C.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import './store-DYWVDmmN.js';
+import './stepContext-CEXwfMEs.js';
 
 const dsStepBulletCss = () => `.sc-ds-step-bullet-h{display:contents}`;
 
@@ -116,7 +116,7 @@ const DsStepBullet = class extends Mixin(componentFactory('ds-step-bullet'), ste
         };
     }
     render() {
-        return h(this.DsStepBulletBase, { key: '10dbf01b6c20369865b1ff0e7b50bfdc0ceac609', ...this.bulletProps });
+        return h(this.DsStepBulletBase, { key: 'a62501301642df7c2aed85a005db622ad8bb226a', ...this.bulletProps });
     }
 };
 declareComponentDependencies([h("ds-step-bullet-base", null)]);

package/dist/esm/ds-step-content-base.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DvpMvX1M.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DHrlezow.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-BrOdPf9x.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import './store-c20XLOUp.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import './store-DYWVDmmN.js';
 
-const dsStepContentBaseCss = () => `.ds-no-style-leak.sc-ds-step-content-base *.sc-ds-step-content-base{all:unset;box-sizing:border-box;display:block}.ds-step-content-base__oJU1eo__host--full-width.sc-ds-step-content-base-h{width:100%}.ds-step-content-base__oJU1eo.sc-ds-step-content-base{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;flex-direction:column;gap:var(--ds-spacing-xSmall);padding-block-end:0;padding-inline:var(--ds-spacing-2xSmall) var(--ds-spacing-medium)}.ds-step-content-base__oJU1eo--full-width.sc-ds-step-content-base{width:100%}.ds-step-content-base__oJU1eo--vertical.sc-ds-step-content-base{padding-block-end:var(--ds-spacing-medium);padding-inline:0}.ds-step-content-base__oJU1eo__heading.sc-ds-step-content-base{margin:0}.ds-step-content-base__oJU1eo__heading--vertical.sc-ds-step-content-base{padding:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall)) 0 0}.ds-step-content-base__oJU1eo__content.sc-ds-step-content-base{color:var(--ds-textColor-secondary)}.ds-step-content-base__oJU1eo__visually-hidden.sc-ds-step-content-base{display:contents}`;
+const dsStepContentBaseCss = () => `.ds-no-style-leak.sc-ds-step-content-base *.sc-ds-step-content-base{all:unset;box-sizing:border-box;display:block}.ds-step-content-base__pA2cRq__host--full-width.sc-ds-step-content-base-h{width:100%}.ds-step-content-base__pA2cRq.sc-ds-step-content-base{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;flex-direction:column;gap:var(--ds-spacing-xSmall);padding-block-end:0;padding-inline:var(--ds-spacing-2xSmall) var(--ds-spacing-medium)}.ds-step-content-base__pA2cRq--full-width.sc-ds-step-content-base{width:100%}.ds-step-content-base__pA2cRq--vertical.sc-ds-step-content-base{padding-block-end:var(--ds-spacing-medium);padding-inline:0}.ds-step-content-base__pA2cRq__heading.sc-ds-step-content-base{margin:0}.ds-step-content-base__pA2cRq__heading--vertical.sc-ds-step-content-base{padding:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall)) 0 0}.ds-step-content-base__pA2cRq__content.sc-ds-step-content-base{color:var(--ds-textColor-secondary)}.ds-step-content-base__pA2cRq__visually-hidden.sc-ds-step-content-base{display:contents}`;
 
 const DsStepContentBase = class extends Mixin(componentFactory('ds-step-content-base')) {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const DsStepContentBase = class extends Mixin(componentFactory('ds-step-content-
         const headingAriaAttributes = {
             ['aria-current']: this.dsAriaCurrent,
         };
-        return (h(Host, { key: 'a4b578452c6444484dbb2326663d59d6fec4756f', class: hostClasses }, h("div", { key: '6b542f4eb6467fc80c2c4cbea46916d44c5f59d5', class: classes }, h("slot", { key: 'fd2996c183ef30c17232da6eb957b19135a3fe32', name: "heading" }), !!this.dsHeading && (h("span", { key: '405501ecc67437587c9019a778a67c47b2f3f072', class: headingClasses, style: headingStyles, ...headingAriaAttributes }, this.dsOrdinal !== undefined && (h(this.DsVisuallyHidden, { key: '39a4ed9be7972e255d3b5d77b15ace717b9c9c0b', class: visuallyHiddenClasses, dsTag: "span" }, this.dsOrdinal, ".\u00A0")), this.dsHeading, this.dsHiddenAssistiveText && (h(this.DsVisuallyHidden, { key: '3763f20e05886bc920bbda5d015267d8d14f9488', class: visuallyHiddenClasses, dsTag: "span" }, "\u00A0", this.dsHiddenAssistiveText)))), h("div", { key: '5fa8d2cdaa1cb9a8594ca71916124f5e767e7aeb', class: contentClasses }, h("slot", { key: '5d4f89328a536aff75a628f60d94a5ab1d7e0d21', name: "content" })))));
+        return (h(Host, { key: '25ce47b304faf4d7f6c9266c666f6376c5e72ad5', class: hostClasses }, h("div", { key: 'cb46fb4984542d73958ef306367fbd2d5d2ae406', class: classes }, h("slot", { key: '5f43dc10d7bb320060221a3699d0ff51f3475fef', name: "heading" }), !!this.dsHeading && (h("span", { key: 'a1b7a1632f1d219b03b849da5b024976090fa7bd', class: headingClasses, style: headingStyles, ...headingAriaAttributes }, this.dsOrdinal !== undefined && (h(this.DsVisuallyHidden, { key: 'a1615288101594e4bc1a64b680d507a7b1bc97b2', class: visuallyHiddenClasses, dsTag: "span" }, this.dsOrdinal, ".\u00A0")), this.dsHeading, this.dsHiddenAssistiveText && (h(this.DsVisuallyHidden, { key: '2b1712946c341c141403790d54c7f458e0c5b1b4', class: visuallyHiddenClasses, dsTag: "span" }, "\u00A0", this.dsHiddenAssistiveText)))), h("div", { key: '5002686b0a706fe6275509c2f7242b9f955e3ef2', class: contentClasses }, h("slot", { key: 'f2b25c27fabf39b9e8adff2da33f24c508947a82', name: "content" })))));
     }
 };
 declareComponentDependencies([h("ds-visually-hidden", null)]);

package/dist/esm/ds-step-content.entry.js

@@ -1,9 +1,9 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DvpMvX1M.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import { s as stepFactory } from './stepFactory-BsW62oAL.js';
-import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { g as getLanguage } from './store-c20XLOUp.js';
-import './stepContext-BRxngxAe.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { s as stepFactory } from './stepFactory-CGyfuf-C.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import { g as getLanguage } from './store-DYWVDmmN.js';
+import './stepContext-CEXwfMEs.js';
 
 const dsStepContentCss = () => `.sc-ds-step-content-h{display:contents}`;
 
@@ -55,7 +55,7 @@ const DsStepContent = class extends Mixin(componentFactory('ds-step-content'), s
         }
     }
     render() {
-        return (h(this.DsStepContentBase, { key: '307466ac884abff2e2860aae11e6ce236d5344b0', dsOrientation: this.orientation, dsHeading: this.dsHeading, dsHeadingColour: this.headingColour, dsOrdinal: this.ordinal, dsFullWidth: this.dsFullWidth, dsHiddenAssistiveText: this.isCompleted ? this.stepCompleted : undefined, dsAriaCurrent: this.phase === 'current' ? 'step' : undefined }, h("slot", { key: '8cb2226ff31aad295d0cc7499b75e1bd43149f1d', name: "heading", slot: "heading" }), h("slot", { key: '4f2d80c4ddfe7879079f007d052a71aad7f2cedb', name: "content", slot: "content" })));
+        return (h(this.DsStepContentBase, { key: '63a95baa13529efd8c142391031ffc31c8ca98f5', dsOrientation: this.orientation, dsHeading: this.dsHeading, dsHeadingColour: this.headingColour, dsOrdinal: this.ordinal, dsFullWidth: this.dsFullWidth, dsHiddenAssistiveText: this.isCompleted ? this.stepCompleted : undefined, dsAriaCurrent: this.phase === 'current' ? 'step' : undefined }, h("slot", { key: '6b29a2e935c1c65d113c271cbff9c40bbfb2cbca', name: "heading", slot: "heading" }), h("slot", { key: '010976cdcd833565366d481779c38d502d1b8929', name: "content", slot: "content" })));
     }
 };
 declareComponentDependencies([h("ds-step-content-base", null)]);

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, M as Mixin, e as getElement, h, H as Host } from './index-DvpMvX1M.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { s as storeStepContext, p as provideStepContext } from './stepContext-BRxngxAe.js';
-import { c as consumeStepsContext, C as CONTEXT_UPDATE_EVENT } from './stepsContext-Bw7HdEoF.js';
-import './store-c20XLOUp.js';
+import { r as registerInstance, M as Mixin, e as getElement, h, H as Host } from './index-DHrlezow.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import { s as storeStepContext, p as provideStepContext } from './stepContext-CEXwfMEs.js';
+import { c as consumeStepsContext, C as CONTEXT_UPDATE_EVENT } from './stepsContext-DP0UZ9LR.js';
+import './store-DYWVDmmN.js';
 
 const stepsFactory = (Base) => {
     const BaseSteps = class extends Base {
@@ -65,7 +65,7 @@ const DsStep = class extends Mixin(componentFactory('ds-step'), stepsFactory) {
         this.updateContext();
     }
     render() {
-        return (h(Host, { key: '9343852bcdb6f739259ad61ba394db7cad2462f7', role: "listitem" }, h(this.DsStepBase, { key: '7f0691a155739762fd9a798024946b7ed7023b6c', dsOrientation: this.resolvedOrientation, dsFullWidth: this.dsFullWidth }, h("slot", { key: 'f5014bd51c19af8eb9e57600dcf8bd814e4c33ff', name: "bullet" }), h("slot", { key: '4f87280400f455f724d2cc6dddffefe9aa5ccf53', name: "content" }))));
+        return (h(Host, { key: '7ba999e8c0a6f9cedb672f457f57633d0b1ebeff', role: "listitem" }, h(this.DsStepBase, { key: '200457cf7373dda8ef2627406f93b4b50f52fe6c', dsOrientation: this.resolvedOrientation, dsFullWidth: this.dsFullWidth }, h("slot", { key: '3f7f1eb4203012b24853fc2757155d13d6e7af1e', name: "bullet" }), h("slot", { key: '5043a5b700da51ce0ae919d157252c7e37a3f39d', name: "content" }))));
     }
 };
 declareComponentDependencies([h("ds-step-base", null)]);

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

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DvpMvX1M.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DHrlezow.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-BrOdPf9x.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import { s as storeStepsContext, p as provideStepsContext } from './stepsContext-Bw7HdEoF.js';
-import './utils-CRB48Q9-.js';
-import './store-c20XLOUp.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { s as storeStepsContext, p as provideStepsContext } from './stepsContext-DP0UZ9LR.js';
+import './utils-D5pGK2ZH.js';
+import './store-DYWVDmmN.js';
 
-const dsStepsCss = () => `.ds-no-style-leak.sc-ds-steps *.sc-ds-steps{all:unset;box-sizing:border-box;display:block}.sc-ds-steps-h{display:contents}.ds-steps__oJU1eo.sc-ds-steps{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;list-style:none;flex-direction:row}.ds-steps__oJU1eo--vertical.sc-ds-steps{flex-direction:column}`;
+const dsStepsCss = () => `.ds-no-style-leak.sc-ds-steps *.sc-ds-steps{all:unset;box-sizing:border-box;display:block}.sc-ds-steps-h{display:contents}.ds-steps__pA2cRq.sc-ds-steps{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;list-style:none;flex-direction:row}.ds-steps__pA2cRq--vertical.sc-ds-steps{flex-direction:column}`;
 
 const DsSteps = class extends Mixin(componentFactory('ds-steps')) {
     constructor(hostRef) {
@@ -37,7 +37,7 @@ const DsSteps = class extends Mixin(componentFactory('ds-steps')) {
         const classes = classNames(baseClass, {
             [`${baseClass}--vertical`]: this.dsOrientation === 'vertical',
         });
-        return (h(Host, { key: '3607f477d5cb05de497036610fb33c4cbde4d675', role: "list", class: classes }, h("slot", { key: '2812a57c0e4bda2061fd4ba2cd476e3b1fe17c76' })));
+        return (h(Host, { key: 'e4a50c4727554978e3b57247fe885ff938633926', role: "list", class: classes }, h("slot", { key: '6e21c38a3f5425cb5635c677a52ad12e71121ea2' })));
     }
 };
 DsSteps.style = dsStepsCss();

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent } from './index-DvpMvX1M.js';
-import { d as defaultLanguage, i as initialize, s as setLanguage, g as getLanguage } from './store-c20XLOUp.js';
+import { r as registerInstance, c as createEvent } from './index-DHrlezow.js';
+import { d as defaultLanguage, i as initialize, s as setLanguage, g as getLanguage } from './store-DYWVDmmN.js';
 
 const DsStore = class {
     constructor(hostRef) {

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

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DvpMvX1M.js';
-import { c as cx } from './cx-BrOdPf9x.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DHrlezow.js';
+import { c as cx } from './cx-CbD7OdM5.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { t as tabsFactory } from './tabsFactory-CPzY2Z2V.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import { t as tabsFactory } from './tabsFactory-DFPib_cF.js';
 import { g as getIconColourVariable } from './iconList-y2yISPfD.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import './tabsContext-BIhOkMrs.js';
-import './store-c20XLOUp.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import './tabsContext-CqIzy1-v.js';
+import './store-DYWVDmmN.js';
 
-const dsTabCss = () => `.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__oJU1eo.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__oJU1eo.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__oJU1eo--selected.sc-ds-tab,.ds-tab__oJU1eo.sc-ds-tab:hover:not(.ds-tab__oJU1eo--selected),.ds-tab__oJU1eo.sc-ds-tab:active:not(.ds-tab__oJU1eo--selected){color:var(--ds-textColor-default)}.ds-tab__oJU1eo--container.sc-ds-tab:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-tab__oJU1eo--container.ds-tab__oJU1eo--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__oJU1eo--container.ds-tab__oJU1eo--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__oJU1eo--container.ds-tab__oJU1eo--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__oJU1eo--container.sc-ds-tab:hover:not(.ds-tab__oJU1eo--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__oJU1eo--container.sc-ds-tab:active:not(.ds-tab__oJU1eo--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__oJU1eo--line.sc-ds-tab:focus-visible .ds-tab__oJU1eo__content.sc-ds-tab{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-tab__oJU1eo--line.ds-tab__oJU1eo--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__oJU1eo--line.sc-ds-tab:hover:not(.ds-tab__oJU1eo--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__oJU1eo--line.sc-ds-tab:active:not(.ds-tab__oJU1eo--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__oJU1eo.sc-ds-tab .ds-tab__oJU1eo__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}`;
+const dsTabCss = () => `.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__pA2cRq.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__pA2cRq.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__pA2cRq--selected.sc-ds-tab,.ds-tab__pA2cRq.sc-ds-tab:hover:not(.ds-tab__pA2cRq--selected),.ds-tab__pA2cRq.sc-ds-tab:active:not(.ds-tab__pA2cRq--selected){color:var(--ds-textColor-default)}.ds-tab__pA2cRq--container.sc-ds-tab:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-tab__pA2cRq--container.ds-tab__pA2cRq--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__pA2cRq--container.ds-tab__pA2cRq--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__pA2cRq--container.ds-tab__pA2cRq--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__pA2cRq--container.sc-ds-tab:hover:not(.ds-tab__pA2cRq--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__pA2cRq--container.sc-ds-tab:active:not(.ds-tab__pA2cRq--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__pA2cRq--line.sc-ds-tab:focus-visible .ds-tab__pA2cRq__content.sc-ds-tab{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-tab__pA2cRq--line.ds-tab__pA2cRq--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__pA2cRq--line.sc-ds-tab:hover:not(.ds-tab__pA2cRq--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__pA2cRq--line.sc-ds-tab:active:not(.ds-tab__pA2cRq--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__pA2cRq.sc-ds-tab .ds-tab__pA2cRq__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}`;
 
 const DsTab = class extends Mixin(componentFactory('ds-tab'), tabsFactory) {
     constructor(hostRef) {
@@ -26,7 +26,9 @@ const DsTab = class extends Mixin(componentFactory('ds-tab'), tabsFactory) {
     dsTabPanelId;
     dsText;
     dsIconStart;
+    dsIconStartAriaLabel;
     dsIconEnd;
+    dsIconEndAriaLabel;
     dsIconEndColour;
     hasPrefixSlot = false;
     hasContentSlot = false;
@@ -106,7 +108,12 @@ const DsTab = class extends Mixin(componentFactory('ds-tab'), tabsFactory) {
             [`${baseClass}--line`]: this.context?.variant === 'line',
             [`${baseClass}--selected`]: isSelected,
         });
-        return (h("div", { key: '0a6c6d728f3cd2a94607841b48bbe3175ce8eb9c', ref: el => (this.tabElement = el), class: classes, role: "tab", "aria-controls": this.dsTabPanelId, "aria-selected": String(isSelected), tabIndex: isSelected ? 0 : -1 }, h("div", { key: '74dda6d84b96ba52bd27d7d26981dd0ac6aefa8d', class: `${baseClass}__content` }, h("slot", { key: 'd86cfa386a03900c9fc4ef8d8742b06ddbe1b894', name: "prefix", onSlotchange: this.checkPrefixSlot }, !this.hasPrefixSlot && this.dsIconStart && h(this.DsIcon, { key: '8fefb92b506fdb891d0ae2e0b09e9e88ca3c3781', dsName: this.dsIconStart })), h("slot", { key: 'bfac3a742edef0839bfc7e4d172fc4c494ead1f2', name: "content", onSlotchange: this.checkContentSlot }, !this.hasContentSlot && h("span", { key: '59accad649404c11f74b4883e3296286871cb323' }, this.dsText)), h("slot", { key: 'b3816680181748f8a3726066657ae832eb2698e4', name: "suffix", onSlotchange: this.checkSuffixSlot }, !this.hasSuffixSlot && this.dsIconEnd && h(this.DsIcon, { key: '4a1c073f90003442bd88aaa1ec4bb77925ea5aed', dsName: this.dsIconEnd, dsColour: this.iconColour })))));
+        const iconProps = (ariaLabel, colour) => ({
+            dsAriaHidden: !ariaLabel,
+            ...(ariaLabel ? { dsAriaLabel: ariaLabel } : {}),
+            ...(colour ? { dsColour: colour } : {}),
+        });
+        return (h("div", { key: '43df10cb24a93e854ab7e8c3bb0b88c97f23cb50', ref: el => (this.tabElement = el), class: classes, role: "tab", "aria-controls": this.dsTabPanelId, "aria-selected": String(isSelected), tabIndex: isSelected ? 0 : -1 }, h("div", { key: '05657093b4ccd9efe7ca6b17d47828c6f90024e9', class: `${baseClass}__content` }, h("slot", { key: '21525ce4cad8bd98cf51e3c2127f3b3377ec17ea', name: "prefix", onSlotchange: this.checkPrefixSlot }, !this.hasPrefixSlot && this.dsIconStart && h(this.DsIcon, { key: 'ee5fba35d72533bd51ca49d145282e50e2578244', dsName: this.dsIconStart, ...iconProps(this.dsIconStartAriaLabel) })), h("slot", { key: '2a48ec40d1ead08e5e2123e794a57efa9162110d', name: "content", onSlotchange: this.checkContentSlot }, !this.hasContentSlot && h("span", { key: 'd11f324967e0d912a860ace3583bf94b70a61106' }, this.dsText)), h("slot", { key: '12ddec31a796d198199fb295984b431b194d8210', name: "suffix", onSlotchange: this.checkSuffixSlot }, !this.hasSuffixSlot && this.dsIconEnd && h(this.DsIcon, { key: '83df1f640e3373de23d979380a7a1e3f6757688d', dsName: this.dsIconEnd, ...iconProps(this.dsIconEndAriaLabel, this.iconColour) })))));
     }
 };
 declareComponentDependencies([h("ds-icon", { dsName: "" })]);

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

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DvpMvX1M.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DHrlezow.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-BrOdPf9x.js';
-import { t as transformTagName, m as throttle, a as ifDefined, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { t as tabsFactory } from './tabsFactory-CPzY2Z2V.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import './tabsContext-BIhOkMrs.js';
-import './store-c20XLOUp.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { t as transformTagName, m as throttle, a as ifDefined, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import { t as tabsFactory } from './tabsFactory-DFPib_cF.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import './tabsContext-CqIzy1-v.js';
+import './store-DYWVDmmN.js';
 
-const dsTablistCss = () => `.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__oJU1eo.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__scrollable.sc-ds-tablist:focus,.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--backward.sc-ds-tablist{left:0}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--forward.sc-ds-tablist{right:0}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--container.ds-tablist__oJU1eo__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--container.ds-tablist__oJU1eo__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button[hidden].sc-ds-tablist{display:none}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button__ds-button.sc-ds-tablist{width:100%;height:100%}`;
+const dsTablistCss = () => `.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__pA2cRq.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist:focus,.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--backward.sc-ds-tablist{left:0}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--forward.sc-ds-tablist{right:0}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--container.ds-tablist__pA2cRq__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--container.ds-tablist__pA2cRq__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button[hidden].sc-ds-tablist{display:none}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button__ds-button.sc-ds-tablist{width:100%;height:100%}`;
 
 const DsTablist = class extends Mixin(componentFactory('ds-tablist'), tabsFactory) {
     constructor(hostRef) {
@@ -151,13 +151,13 @@ const DsTablist = class extends Mixin(componentFactory('ds-tablist'), tabsFactor
         const baseClass = cx('ds-tablist');
         const scrollableClass = `${baseClass}__scrollable`;
         const buttonClass = `${baseClass}__button`;
-        return (h("div", { key: '60e6cb85c51ff3d3c228c0b5bdd9d6ed643fa386', class: baseClass }, h("div", { key: 'e7cc8adee51bb770139dfde2576ee34c334f2166', ref: el => (this.scrollableElement = el), class: classNames(scrollableClass, {
+        return (h("div", { key: 'fa8bc3aee9cca02d68056496218ebeea494df020', class: baseClass }, h("div", { key: 'dd98a5ef23e27a4bd9210e2413babee68b6e5227', ref: el => (this.scrollableElement = el), class: classNames(scrollableClass, {
                 [`${scrollableClass}--container`]: this.context?.variant === 'container',
                 [`${scrollableClass}--line`]: this.context?.variant === 'line',
-            }), role: "tablist", ...ifDefined('aria-label', this.dsAriaLabel), ...ifDefined('aria-labelledby', this.dsAriaLabelledby), onScroll: this.handleScroll }, h("slot", { key: '0308d59773042cd2af9287f564a3bc1529222d62' })), h("div", { key: '7351051ed214b0b79087c16be908a26c5ff6263d', ref: el => (this.backwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--backward`, {
+            }), role: "tablist", ...ifDefined('aria-label', this.dsAriaLabel), ...ifDefined('aria-labelledby', this.dsAriaLabelledby), onScroll: this.handleScroll }, h("slot", { key: 'd06da5b234efb4d7fdea8dcbbd21ee9938574ef3' })), h("div", { key: 'e239e750fe0a74d0cbd973d9823eef402afd8d24', ref: el => (this.backwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--backward`, {
                 [`${buttonClass}--container`]: this.context?.variant === 'container',
                 [`${buttonClass}--line`]: this.context?.variant === 'line',
-            }), "aria-hidden": "true", hidden: !this.showBackwardButton }, this.renderButton('backward')), h("div", { key: '203b45f676a3ee6fbac0251ae02cb8ea23418fb2', ref: el => (this.forwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--forward`, {
+            }), "aria-hidden": "true", hidden: !this.showBackwardButton }, this.renderButton('backward')), h("div", { key: '129783525b89bfbe4526c104ef461708fd6fa9e7', ref: el => (this.forwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--forward`, {
                 [`${buttonClass}--container`]: this.context?.variant === 'container',
                 [`${buttonClass}--line`]: this.context?.variant === 'line',
             }), "aria-hidden": "true", hidden: !this.showForwardButton }, this.renderButton('forward'))));

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

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DvpMvX1M.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-BrOdPf9x.js';
-import { t as tabsFactory } from './tabsFactory-CPzY2Z2V.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import './tabsContext-BIhOkMrs.js';
-import './utils-CRB48Q9-.js';
-import './store-c20XLOUp.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { t as tabsFactory } from './tabsFactory-DFPib_cF.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import './tabsContext-CqIzy1-v.js';
+import './utils-D5pGK2ZH.js';
+import './store-DYWVDmmN.js';
 
-const dsTabpanelCss = () => `.ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__oJU1eo.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__oJU1eo--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__oJU1eo--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__oJU1eo--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__oJU1eo--container.ds-tabpanel__oJU1eo--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__oJU1eo--container.ds-tabpanel__oJU1eo--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__oJU1eo[hidden].sc-ds-tabpanel{display:none}`;
+const dsTabpanelCss = () => `.ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__pA2cRq.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__pA2cRq--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__pA2cRq--container.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__pA2cRq--container.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__pA2cRq[hidden].sc-ds-tabpanel{display:none}`;
 
 const DsTabpanel = class extends Mixin(componentFactory('ds-tabpanel'), tabsFactory) {
     constructor(hostRef) {
@@ -20,10 +20,10 @@ const DsTabpanel = class extends Mixin(componentFactory('ds-tabpanel'), tabsFact
     dsPadded = true;
     render() {
         const baseClass = cx('ds-tabpanel');
-        return (h("div", { key: 'dcf4aec45a790b7fc0443f43f4221b4c47ed103f', id: this.dsId, class: classNames(baseClass, {
+        return (h("div", { key: 'cadc1dcef399b0d9cbcb0029cb1b340a7423745a', id: this.dsId, class: classNames(baseClass, {
                 [`${baseClass}--container`]: this.context?.variant === 'container',
                 [`${baseClass}--padded`]: this.dsPadded,
-            }), role: "tabpanel", hidden: this.context?.currentTabPanel !== this.dsId, "aria-labelledby": this.dsTabId }, h("slot", { key: 'd4bc7bb63c68c58289536e3acf15d754aa228a93' })));
+            }), role: "tabpanel", hidden: this.context?.currentTabPanel !== this.dsId, "aria-labelledby": this.dsTabId }, h("slot", { key: 'bb4f82e83b842bf9d5379aa60a830c4e9addf2d1' })));
     }
 };
 DsTabpanel.style = dsTabpanelCss();

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

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DvpMvX1M.js';
-import { c as cx } from './cx-BrOdPf9x.js';
-import { s as storeTabsContext, p as provideTabsContext } from './tabsContext-BIhOkMrs.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import './utils-CRB48Q9-.js';
-import './store-c20XLOUp.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { s as storeTabsContext, p as provideTabsContext } from './tabsContext-CqIzy1-v.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import './utils-D5pGK2ZH.js';
+import './store-DYWVDmmN.js';
 
-const dsTabsCss = () => `.ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__oJU1eo.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}`;
+const dsTabsCss = () => `.ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__pA2cRq.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}`;
 
 const DsTabs = class extends Mixin(componentFactory('ds-tabs', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -45,7 +45,7 @@ const DsTabs = class extends Mixin(componentFactory('ds-tabs', { stopRootTrackin
     }
     render() {
         const baseClass = cx('ds-tabs');
-        return (h("div", { key: '1dfca6a95ef337cc22b26d16cb6addea05c2a719', class: baseClass }, h("slot", { key: 'bdd5ed48472cb41d43fcfe0252a23344144a1973' })));
+        return (h("div", { key: '559aff8fb3022192542ca848b25f0091e7b9152b', class: baseClass }, h("slot", { key: '8c483be2dd7ed6ecd0ac84ea00827272a9fd4c9f' })));
     }
 };
 DsTabs.style = dsTabsCss();

package/dist/esm/ds-tag-group.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DvpMvX1M.js';
-import { t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { c as cx } from './cx-BrOdPf9x.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
+import { t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import { c as cx } from './cx-CbD7OdM5.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-Dzq9qJk7.js';
-import { c as componentFactory } from './componentFactory-BFyiMxsr.js';
-import './store-c20XLOUp.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import './store-DYWVDmmN.js';
 
-const dsTagGroupCss = () => `.ds-tag-group__oJU1eo__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}`;
+const dsTagGroupCss = () => `.ds-tag-group__pA2cRq__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}`;
 
 const DsTagGroup = class extends Mixin(componentFactory('ds-tag-group', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -34,7 +34,7 @@ const DsTagGroup = class extends Mixin(componentFactory('ds-tag-group', { stopRo
         const { ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
         const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = this.dsAriaLabel || attrAriaLabel || this.dsLabel;
-        return (h("div", { key: '814c6933edb740b3b5f2a130423c6d7fc5121a66', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, h(DsGroupLabel, { key: 'b7b4d3c1fa85819f60d177110378c5ae221abc63', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, h("slot", { key: 'c3f497a2d42d1a7a660effe44f72e731dd009845', name: "label" }), h("slot", { key: 'd60c04c54023eb9492a9fcbe106c4dd2f76dc079', name: "assistiveText" })), h("div", { key: '7926f67c71662ba042ef76bf59fc777ccf0b35bc', role: "list", class: `${baseClass}__tags` }, h("slot", { key: 'fd842061010b6ca450729f44f496c6a17cd46f54' }))));
+        return (h("div", { key: '22f0cf9fec72ad9226961b87763ab1d2e2573c3b', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, h(DsGroupLabel, { key: '2cfb0354fe21fe86fe13700998d7785b42858e33', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, h("slot", { key: '93d1ea469ce4e7e82b98478e208c6c6ddc1ba365', name: "label" }), h("slot", { key: '5a627221e89fcd7f710bd12c21531c2aa642d5a1', name: "assistiveText" })), h("div", { key: '0d25a9ca95a856291fa2f07c9c910e7a2e6b8304', role: "list", class: `${baseClass}__tags` }, h("slot", { key: 'f9153fe2f2caf620bd3c5beee17f79667646eae6' }))));
     }
 };
 declareComponentDependencies([h("ds-group-label", null)]);