npm - @uh-design-system/component-library - Versions diffs - 1.7.0 → 1.7.1-rc.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2364) hide show

package/dist/cjs/ds-spinner.cjs.entry.js CHANGED Viewed

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
+var index = require('./index-7cLzA8W5.js');
 var attributes = require('./attributes-DbNfxmvc.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-DWrHry7C.js');
-var cx = require('./cx-B24n8vFf.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
-require('./store-BDEqiIFl.js');
+var cx = require('./cx-D4_fhK_D.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
+require('./store-BDkw2fdF.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__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 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__0apwgA{display:inline-block}.ds-spinner__0apwgA:has(.ds-spinner__0apwgA__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__0apwgA{}.ds-spinner__0apwgA--small{padding:1.5px}.ds-spinner__0apwgA--medium{padding:3px}.ds-spinner__0apwgA--large{padding:3px}.ds-spinner__0apwgA--xLarge{padding:5.5px}.ds-spinner__0apwgA--2xLarge{padding:5.5px}.ds-spinner__0apwgA--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__0apwgA{}.ds-spinner__0apwgA--below{flex-direction:column;align-items:center}.ds-spinner__0apwgA--right{flex-direction:row;align-items:center}.ds-spinner__0apwgA__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__0apwgA__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__0apwgA__text--white{color:var(--ds-textColor-white)}.ds-spinner__0apwgA__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__0apwgA__segment--1{animation-delay:-0.3s}.ds-spinner__0apwgA__segment--2{animation-delay:-0.2s}.ds-spinner__0apwgA__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__0apwgA__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__0apwgA__segment--1{animation-delay:-0.6s}.ds-spinner__0apwgA__segment--2{animation-delay:-0.4s}.ds-spinner__0apwgA__segment--3{animation-delay:-0.2s}}`;
 const SPINNER_SIZES = {
     'small': 10,
@@ -69,11 +69,11 @@ const DsSpinner = class extends index.Mixin(componentFactory.componentFactory('d
         const segmentClasses = (index) => index$1.classNames(`${baseClass}__segment`, `${baseClass}__segment--${index}`);
         const DsVisuallyHidden = utils.transformTagName('ds-visually-hidden', 'ds-spinner', this.el);
         const spinnerSizeValue = this.dsCustomSize ? `calc(${this.dsCustomSize} / 1.5833333333)` : `${sizeInPixels}px`;
-        return (index.h("div", { key: 'a33343e541291ea9ba854634c3f26a1853cfa64f', role: this.dsUseRoleAlert ? 'alert' : undefined, "aria-live": this.dsUseAriaLive ? 'polite' : undefined, class: classes, style: {
+        return (index.h("div", { key: '11073f15065c18fbf680e3df35d0f165814dc417', 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 }, index.h("div", { key: '116bbf9107b66da116f2d6fdcf9568338c8766af', class: `${baseClass}__spinner` }, index.h("div", { key: '3db7345f09d73f86c46bb61c8e2e70f3d8f4faed', class: segmentClasses(1) }), index.h("div", { key: 'b4248b82e5b6fe49ac4731c0b1cd56e7a75979b1', class: segmentClasses(2) }), index.h("div", { key: '4cd59a8e7f375d4dde962b8f15db1177bf2239c6', class: segmentClasses(3) })), this.dsHiddenAssistiveText && (index.h(DsVisuallyHidden, { key: '6fbc62de59ebad538ab4ab260eee616c2f467337' }, index.h("span", { key: '721d8c643f286893bfee85d77c520ed381bad5a1' }, this.dsHiddenAssistiveText))), this.dsText && (index.h("span", { key: '161af4dc48584b93618f3032882b6d015ccad5b1', class: textClasses, style: { fontSize: this.dsCustomTextSize } }, this.dsText))));
+            }, ...this.inheritedAttributes }, index.h("div", { key: '7d9c5f7c27f91caf6ad409c690367062097eb902', class: `${baseClass}__spinner` }, index.h("div", { key: '4952f55054e6d407b9a77b291126b5fa97bfafd4', class: segmentClasses(1) }), index.h("div", { key: 'e504ceea1effbb99f4060dcb2b62c2eb3c4d58ef', class: segmentClasses(2) }), index.h("div", { key: 'cf60357cbf03d025b46c2fa03c33f43d3106e1ed', class: segmentClasses(3) })), this.dsHiddenAssistiveText && (index.h(DsVisuallyHidden, { key: '0679971243cbc2f2b072e253577413405e1e3432' }, index.h("span", { key: 'b5bf752c0347ce88c9cfb0ffc5702a46783cff8b' }, this.dsHiddenAssistiveText))), this.dsText && (index.h("span", { key: 'a2f5f41cd6292956f4804898386ea17387e7b29d', class: textClasses, style: { fontSize: this.dsCustomTextSize } }, this.dsText))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-visually-hidden", null)]);

package/dist/cjs/ds-step-base.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-B24n8vFf.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var cx = require('./cx-D4_fhK_D.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 require('./utils-DWrHry7C.js');
-require('./store-BDEqiIFl.js');
+require('./store-BDkw2fdF.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__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 dsStepBaseCss = () => `.ds-no-style-leak.sc-ds-step-base *.sc-ds-step-base{all:unset;box-sizing:border-box;display:block}.ds-step-base__0apwgA__host--full-width.sc-ds-step-base-h{flex:1}.ds-step-base__0apwgA.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__0apwgA--vertical.sc-ds-step-base{flex-direction:row}`;
 const DsStepBase = class extends index.Mixin(componentFactory.componentFactory('ds-step-base')) {
     constructor(hostRef) {
@@ -25,7 +25,7 @@ const DsStepBase = class extends index.Mixin(componentFactory.componentFactory('
         const classes = index$1.classNames(baseClass, {
             [`${baseClass}--vertical`]: this.dsOrientation === 'vertical',
         });
-        return (index.h(index.Host, { key: '3cc4f0a49914d0d143fd786aae3d1e403e1f84c2', class: hostClasses }, index.h("div", { key: 'dd719ba02ec99f0c74aa785f4b5b5c9181a0c184', class: classes }, index.h("slot", { key: 'efe43588e563c4bf7a54c0abfa1fefe296f5d3b2', name: "bullet" }), index.h("slot", { key: 'bce9e362a7d400c87f23217aea6da514b030f60e', name: "content" }))));
+        return (index.h(index.Host, { key: '7d24bae0054e9c6e77e60c3178d4e47833bf6549', class: hostClasses }, index.h("div", { key: 'e1f3394d28a434258b90ec8b3355845656ac9d70', class: classes }, index.h("slot", { key: 'a2d132bb344e45a0e6a3a91006ffdf30cb6fde82', name: "bullet" }), index.h("slot", { key: '3b5beab02610c1e0fc854ffd95c93cbb139bca2a', name: "content" }))));
     }
 };
 DsStepBase.style = dsStepBaseCss();

package/dist/cjs/ds-step-bullet-base.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-B24n8vFf.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var cx = require('./cx-D4_fhK_D.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 var utils = require('./utils-DWrHry7C.js');
-require('./store-BDEqiIFl.js');
+require('./store-BDkw2fdF.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__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 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__0apwgA.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__0apwgA--vertical.sc-ds-step-bullet-base{flex-direction:column;align-items:center;justify-content:flex-start;width:auto;height:100%}.ds-step-bullet-base__0apwgA__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__0apwgA__bullet--small.sc-ds-step-bullet-base{width:2rem;height:1.5rem}.ds-step-bullet-base__0apwgA__bullet--small.ds-step-bullet-base__0apwgA__bullet--vertical.sc-ds-step-bullet-base{width:1.5rem;height:2rem}.ds-step-bullet-base__0apwgA__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__0apwgA__line--small.sc-ds-step-bullet-base{margin-inline:0}.ds-step-bullet-base__0apwgA__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__0apwgA__line--no-line.ds-step-bullet-base__0apwgA__line--vertical.sc-ds-step-bullet-base{min-height:0}.ds-step-bullet-base__0apwgA__line--small.ds-step-bullet-base__0apwgA__line--vertical.sc-ds-step-bullet-base{margin-block:0}`;
 const DsStepBulletBase = class extends index.Mixin(componentFactory.componentFactory('ds-step-bullet-base')) {
     constructor(hostRef) {
@@ -90,7 +90,7 @@ const DsStepBulletBase = class extends index.Mixin(componentFactory.componentFac
             backgroundColor: this.dsLineColour,
             [this.isVertical ? 'width' : 'height']: this.lineWidthVar,
         };
-        return (index.h("div", { key: 'be602b6df86662390f411363e62734ac706f675f', class: classes, "aria-hidden": "true" }, index.h("div", { key: 'a28492717b621d882114d6e6ed905729aaffae14', class: bulletClass, style: bulletStyle }, this.dsText, this.dsIcon && index.h(this.DsIcon, { key: '9b20fb80675c77bec29a5c0b93071abab6ade575', dsSize: this.iconSize, dsName: this.dsIcon, dsColour: this.dsIconColour })), this.dsLineWidth !== 'none' && index.h("div", { key: '2e8d6b5d14839aa52b690fcd901239938d5de484', class: lineClass, style: lineStyle })));
+        return (index.h("div", { key: 'f0518470e99f783748d52af6c7b8a8d1b3eebfa1', class: classes, "aria-hidden": "true" }, index.h("div", { key: '6c9c35efcf37561d49eaa5a6b1314bd93c90b64e', class: bulletClass, style: bulletStyle }, this.dsText, this.dsIcon && index.h(this.DsIcon, { key: '580c4688281f7beb1cb2c7ff893458c149cc629f', dsSize: this.iconSize, dsName: this.dsIcon, dsColour: this.dsIconColour })), this.dsLineWidth !== 'none' && index.h("div", { key: '73ae21d9738a43b227ad64a05028da1168a19399', class: lineClass, style: lineStyle })));
     }
 };
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);

package/dist/cjs/ds-step-bullet.cjs.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
-var stepFactory = require('./stepFactory-DBRipeD2.js');
+var index = require('./index-7cLzA8W5.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
+var stepFactory = require('./stepFactory-CVtEkaF_.js');
 var utils = require('./utils-DWrHry7C.js');
-require('./store-BDEqiIFl.js');
+require('./store-BDkw2fdF.js');
 require('./stepContext-Ce5PVzwH.js');
 const dsStepBulletCss = () => `.sc-ds-step-bullet-h{display:contents}`;
@@ -118,7 +118,7 @@ const DsStepBullet = class extends index.Mixin(componentFactory.componentFactory
         };
     }
     render() {
-        return index.h(this.DsStepBulletBase, { key: 'a62501301642df7c2aed85a005db622ad8bb226a', ...this.bulletProps });
+        return index.h(this.DsStepBulletBase, { key: '6ff2f93632411e0c11ac1f48d4c4da82e8d957d9', ...this.bulletProps });
     }
 };
 utils.declareComponentDependencies([index.h("ds-step-bullet-base", null)]);

package/dist/cjs/ds-step-content-base.cjs.entry.js CHANGED Viewed

@@ -1,19 +1,20 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-B24n8vFf.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var cx = require('./cx-D4_fhK_D.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 var utils = require('./utils-DWrHry7C.js');
-require('./store-BDEqiIFl.js');
+require('./store-BDkw2fdF.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__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 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__0apwgA__host--full-width.sc-ds-step-content-base-h{width:100%}.ds-step-content-base__0apwgA.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__0apwgA--full-width.sc-ds-step-content-base{width:100%}.ds-step-content-base__0apwgA--vertical.sc-ds-step-content-base{padding-block-end:var(--ds-spacing-medium);padding-inline:0}.ds-step-content-base__0apwgA__heading.sc-ds-step-content-base: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) * 1)}.ds-step-content-base__0apwgA__heading.sc-ds-step-content-base{margin:0;width:fit-content}.ds-step-content-base__0apwgA__heading--vertical.sc-ds-step-content-base{padding:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall)) 0 0}.ds-step-content-base__0apwgA__content.sc-ds-step-content-base{color:var(--ds-textColor-secondary)}.ds-step-content-base__0apwgA__visually-hidden.sc-ds-step-content-base{display:contents}`;
 const DsStepContentBase = class extends index.Mixin(componentFactory.componentFactory('ds-step-content-base')) {
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
     }
+    headingElement;
     get el() { return index.getElement(this); }
     dsOrientation = 'vertical';
     dsHeading = '';
@@ -31,6 +32,9 @@ const DsStepContentBase = class extends index.Mixin(componentFactory.componentFa
     get isVertical() {
         return this.dsOrientation === 'vertical';
     }
+    async setFocus() {
+        this.headingElement?.focus();
+    }
     render() {
         const baseClass = cx.cx('ds-step-content-base');
         const hostClasses = index$1.classNames({
@@ -51,7 +55,7 @@ const DsStepContentBase = class extends index.Mixin(componentFactory.componentFa
         const headingAriaAttributes = {
             ['aria-current']: this.dsAriaCurrent,
         };
-        return (index.h(index.Host, { key: '25ce47b304faf4d7f6c9266c666f6376c5e72ad5', class: hostClasses }, index.h("div", { key: 'cb46fb4984542d73958ef306367fbd2d5d2ae406', class: classes }, index.h("slot", { key: '5f43dc10d7bb320060221a3699d0ff51f3475fef', name: "heading" }), !!this.dsHeading && (index.h("span", { key: 'a1b7a1632f1d219b03b849da5b024976090fa7bd', class: headingClasses, style: headingStyles, ...headingAriaAttributes }, this.dsOrdinal !== undefined && (index.h(this.DsVisuallyHidden, { key: 'a1615288101594e4bc1a64b680d507a7b1bc97b2', class: visuallyHiddenClasses, dsTag: "span" }, this.dsOrdinal, ".\u00A0")), this.dsHeading, this.dsHiddenAssistiveText && (index.h(this.DsVisuallyHidden, { key: '2b1712946c341c141403790d54c7f458e0c5b1b4', class: visuallyHiddenClasses, dsTag: "span" }, "\u00A0", this.dsHiddenAssistiveText)))), index.h("div", { key: '5002686b0a706fe6275509c2f7242b9f955e3ef2', class: contentClasses }, index.h("slot", { key: 'f2b25c27fabf39b9e8adff2da33f24c508947a82', name: "content" })))));
+        return (index.h(index.Host, { key: '0bbe16201eb6997f7da48a1fbc98e4903cdf351c', class: hostClasses }, index.h("div", { key: '7bd5c1d39c88992550d5540f0fd4b90d30d43f9f', class: classes }, index.h("slot", { key: '0409129f52265ff641cf8430cc8fb1f0cda9853c', name: "heading" }), !!this.dsHeading && (index.h("span", { key: '849064921f73f3f492bf0385cac5bead8bbb8019', ref: el => (this.headingElement = el), class: headingClasses, style: headingStyles, tabIndex: -1, ...headingAriaAttributes }, this.dsOrdinal !== undefined && (index.h(this.DsVisuallyHidden, { key: '5a7bd50b8c64fb1289bc1c67af245698765065cc', class: visuallyHiddenClasses, dsTag: "span" }, this.dsOrdinal, ".\u00A0")), this.dsHeading, this.dsHiddenAssistiveText && (index.h(this.DsVisuallyHidden, { key: '2e5cb460b8ef1b34e900cda95e7cca0bf1062f39', class: visuallyHiddenClasses, dsTag: "span" }, "\u00A0", this.dsHiddenAssistiveText)))), index.h("div", { key: 'c8e3cb5c6e5be9e1ec50ccd1b55f19654055d706', class: contentClasses }, index.h("slot", { key: '4ad4792c4371b8b7d173445a7b3a6e9aeedfb751', name: "content" })))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-visually-hidden", null)]);

package/dist/cjs/ds-step-content.cjs.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
-var stepFactory = require('./stepFactory-DBRipeD2.js');
+var index = require('./index-7cLzA8W5.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
+var stepFactory = require('./stepFactory-CVtEkaF_.js');
 var utils = require('./utils-DWrHry7C.js');
-var store = require('./store-BDEqiIFl.js');
+var store = require('./store-BDkw2fdF.js');
 require('./stepContext-Ce5PVzwH.js');
 const dsStepContentCss = () => `.sc-ds-step-content-h{display:contents}`;
@@ -56,8 +56,11 @@ const DsStepContent = class extends index.Mixin(componentFactory.componentFactor
                 return 'var(--ds-textColor-default)';
         }
     }
+    async setFocus() {
+        await this.el.querySelector(this.DsStepContentBase)?.setFocus();
+    }
     render() {
-        return (index.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 }, index.h("slot", { key: '6b29a2e935c1c65d113c271cbff9c40bbfb2cbca', name: "heading", slot: "heading" }), index.h("slot", { key: '010976cdcd833565366d481779c38d502d1b8929', name: "content", slot: "content" })));
+        return (index.h(this.DsStepContentBase, { key: '12924ff92817d4ebf5c8664ef57b16635822f957', 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 }, index.h("slot", { key: '54f7b35d92f83d73277bea21d162944a62cff693', name: "heading", slot: "heading" }), index.h("slot", { key: 'd9c3257e90769b2491783672cf6e44af56908d42', name: "content", slot: "content" })));
     }
 };
 utils.declareComponentDependencies([index.h("ds-step-content-base", null)]);

package/dist/cjs/ds-step.cjs.entry.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var index = require('./index-7cLzA8W5.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 var utils = require('./utils-DWrHry7C.js');
 var stepContext = require('./stepContext-Ce5PVzwH.js');
 var stepsContext = require('./stepsContext-Bb6AZWJx.js');
-require('./store-BDEqiIFl.js');
+require('./store-BDkw2fdF.js');
 const stepsFactory = (Base) => {
     const BaseSteps = class extends Base {
@@ -67,7 +67,7 @@ const DsStep = class extends index.Mixin(componentFactory.componentFactory('ds-s
         this.updateContext();
     }
     render() {
-        return (index.h(index.Host, { key: '7ba999e8c0a6f9cedb672f457f57633d0b1ebeff', role: "listitem" }, index.h(this.DsStepBase, { key: '200457cf7373dda8ef2627406f93b4b50f52fe6c', dsOrientation: this.resolvedOrientation, dsFullWidth: this.dsFullWidth }, index.h("slot", { key: '3f7f1eb4203012b24853fc2757155d13d6e7af1e', name: "bullet" }), index.h("slot", { key: '5043a5b700da51ce0ae919d157252c7e37a3f39d', name: "content" }))));
+        return (index.h(index.Host, { key: '8f0225e5dfd404f06ad4e41e0348d9c0dac84793', role: "listitem" }, index.h(this.DsStepBase, { key: 'd852b13ca57245b84e225b5cafa45665c887f9ff', dsOrientation: this.resolvedOrientation, dsFullWidth: this.dsFullWidth }, index.h("slot", { key: 'b77f6bd691d634a95e7bf030dedb5ebe9ab8a688', name: "bullet" }), index.h("slot", { key: 'de533991a648902924813144ba765e9c5c7357f2', name: "content" }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-step-base", null)]);

package/dist/cjs/ds-steps.cjs.entry.js CHANGED Viewed

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-B24n8vFf.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var cx = require('./cx-D4_fhK_D.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 var stepsContext = require('./stepsContext-Bb6AZWJx.js');
 require('./utils-DWrHry7C.js');
-require('./store-BDEqiIFl.js');
+require('./store-BDkw2fdF.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__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 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__0apwgA.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__0apwgA--vertical.sc-ds-steps{flex-direction:column}`;
 const DsSteps = class extends index.Mixin(componentFactory.componentFactory('ds-steps')) {
     constructor(hostRef) {
@@ -39,7 +39,7 @@ const DsSteps = class extends index.Mixin(componentFactory.componentFactory('ds-
         const classes = index$1.classNames(baseClass, {
             [`${baseClass}--vertical`]: this.dsOrientation === 'vertical',
         });
-        return (index.h(index.Host, { key: 'e4a50c4727554978e3b57247fe885ff938633926', role: "list", class: classes }, index.h("slot", { key: '6e21c38a3f5425cb5635c677a52ad12e71121ea2' })));
+        return (index.h(index.Host, { key: 'ae688cd03d8063df07a7b16714fc269994a8cbef', role: "list", class: classes }, index.h("slot", { key: '28c52db2e91a8594c54099821f4d737845a8c72f' })));
     }
 };
 DsSteps.style = dsStepsCss();

package/dist/cjs/ds-store.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
-var store = require('./store-BDEqiIFl.js');
+var index = require('./index-7cLzA8W5.js');
+var store = require('./store-BDkw2fdF.js');
 const DsStore = class {
     constructor(hostRef) {

package/dist/cjs/ds-tab.cjs.entry.js CHANGED Viewed

@@ -1,16 +1,16 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
-var cx = require('./cx-B24n8vFf.js');
+var index = require('./index-7cLzA8W5.js');
+var cx = require('./cx-D4_fhK_D.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-DWrHry7C.js');
-var tabsFactory = require('./tabsFactory-DbRTTGCp.js');
+var tabsFactory = require('./tabsFactory-DjPARW4J.js');
 var iconList = require('./iconList-BpRt1sl8.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 require('./tabsContext-BAtGmJfm.js');
-require('./store-BDEqiIFl.js');
+require('./store-BDkw2fdF.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__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 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__0apwgA.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__0apwgA.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__0apwgA--selected.sc-ds-tab,.ds-tab__0apwgA.sc-ds-tab:hover:not(.ds-tab__0apwgA--selected),.ds-tab__0apwgA.sc-ds-tab:active:not(.ds-tab__0apwgA--selected){color:var(--ds-textColor-default)}.ds-tab__0apwgA--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__0apwgA--container.ds-tab__0apwgA--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__0apwgA--container.ds-tab__0apwgA--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__0apwgA--container.ds-tab__0apwgA--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__0apwgA--container.sc-ds-tab:hover:not(.ds-tab__0apwgA--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__0apwgA--container.sc-ds-tab:active:not(.ds-tab__0apwgA--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__0apwgA--line.sc-ds-tab:focus-visible .ds-tab__0apwgA__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__0apwgA--line.ds-tab__0apwgA--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__0apwgA--line.sc-ds-tab:hover:not(.ds-tab__0apwgA--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__0apwgA--line.sc-ds-tab:active:not(.ds-tab__0apwgA--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__0apwgA.sc-ds-tab .ds-tab__0apwgA__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 index.Mixin(componentFactory.componentFactory('ds-tab'), tabsFactory.tabsFactory) {
     constructor(hostRef) {
@@ -115,7 +115,7 @@ const DsTab = class extends index.Mixin(componentFactory.componentFactory('ds-ta
             ...(ariaLabel ? { dsAriaLabel: ariaLabel } : {}),
             ...(colour ? { dsColour: colour } : {}),
         });
-        return (index.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 }, index.h("div", { key: '05657093b4ccd9efe7ca6b17d47828c6f90024e9', class: `${baseClass}__content` }, index.h("slot", { key: '21525ce4cad8bd98cf51e3c2127f3b3377ec17ea', name: "prefix", onSlotchange: this.checkPrefixSlot }, !this.hasPrefixSlot && this.dsIconStart && index.h(this.DsIcon, { key: 'ee5fba35d72533bd51ca49d145282e50e2578244', dsName: this.dsIconStart, ...iconProps(this.dsIconStartAriaLabel) })), index.h("slot", { key: '2a48ec40d1ead08e5e2123e794a57efa9162110d', name: "content", onSlotchange: this.checkContentSlot }, !this.hasContentSlot && index.h("span", { key: 'd11f324967e0d912a860ace3583bf94b70a61106' }, this.dsText)), index.h("slot", { key: '12ddec31a796d198199fb295984b431b194d8210', name: "suffix", onSlotchange: this.checkSuffixSlot }, !this.hasSuffixSlot && this.dsIconEnd && index.h(this.DsIcon, { key: '83df1f640e3373de23d979380a7a1e3f6757688d', dsName: this.dsIconEnd, ...iconProps(this.dsIconEndAriaLabel, this.iconColour) })))));
+        return (index.h("div", { key: 'c15bcb23b0ee262c01a832047beb28a30b3df629', ref: el => (this.tabElement = el), class: classes, role: "tab", "aria-controls": this.dsTabPanelId, "aria-selected": String(isSelected), tabIndex: isSelected ? 0 : -1 }, index.h("div", { key: '5a9e5df4a18abd14a44494f4b6062c80adca9a03', class: `${baseClass}__content` }, index.h("slot", { key: '7d7b5b16dd323b43b060ad58422dea26de7d8c01', name: "prefix", onSlotchange: this.checkPrefixSlot }, !this.hasPrefixSlot && this.dsIconStart && index.h(this.DsIcon, { key: '64dc3b4f5f03160542962d016f460fafb2d46fdc', dsName: this.dsIconStart, ...iconProps(this.dsIconStartAriaLabel) })), index.h("slot", { key: 'a3bc42e0b9b16231f9e9cf0eaf04cd9400d5b12b', name: "content", onSlotchange: this.checkContentSlot }, !this.hasContentSlot && index.h("span", { key: 'ae4069ce867afdc8eabef74c8f24eb4fd5c65ad8' }, this.dsText)), index.h("slot", { key: 'a6cad0d5b715f2cad9236526f92b84e561c02478', name: "suffix", onSlotchange: this.checkSuffixSlot }, !this.hasSuffixSlot && this.dsIconEnd && index.h(this.DsIcon, { key: 'a246b7acc42de18b010316a77449e55a1b9fe625', dsName: this.dsIconEnd, ...iconProps(this.dsIconEndAriaLabel, this.iconColour) })))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);

package/dist/cjs/ds-tablist.cjs.entry.js CHANGED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-B24n8vFf.js');
+var cx = require('./cx-D4_fhK_D.js');
 var utils = require('./utils-DWrHry7C.js');
-var tabsFactory = require('./tabsFactory-DbRTTGCp.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var tabsFactory = require('./tabsFactory-DjPARW4J.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 require('./tabsContext-BAtGmJfm.js');
-require('./store-BDEqiIFl.js');
+require('./store-BDkw2fdF.js');
-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 dsTablistCss = () => `.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__0apwgA.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__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__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__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__scrollable.sc-ds-tablist:focus,.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__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__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__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__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--backward.sc-ds-tablist{left:0}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--forward.sc-ds-tablist{right:0}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__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__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--container.ds-tablist__0apwgA__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__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--container.ds-tablist__0apwgA__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__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button[hidden].sc-ds-tablist{display:none}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button__ds-button.sc-ds-tablist{width:100%;height:100%}`;
 const DsTablist = class extends index.Mixin(componentFactory.componentFactory('ds-tablist'), tabsFactory.tabsFactory) {
     constructor(hostRef) {
@@ -153,13 +153,13 @@ const DsTablist = class extends index.Mixin(componentFactory.componentFactory('d
         const baseClass = cx.cx('ds-tablist');
         const scrollableClass = `${baseClass}__scrollable`;
         const buttonClass = `${baseClass}__button`;
-        return (index.h("div", { key: 'fa8bc3aee9cca02d68056496218ebeea494df020', class: baseClass }, index.h("div", { key: 'dd98a5ef23e27a4bd9210e2413babee68b6e5227', ref: el => (this.scrollableElement = el), class: index$1.classNames(scrollableClass, {
+        return (index.h("div", { key: 'cc1d3002a17b5c58602813069a2e6dd83796ae2f', class: baseClass }, index.h("div", { key: '843be50b4d215d3c7abe967552b7a5dd9a7ff6ae', ref: el => (this.scrollableElement = el), class: index$1.classNames(scrollableClass, {
                 [`${scrollableClass}--container`]: this.context?.variant === 'container',
                 [`${scrollableClass}--line`]: this.context?.variant === 'line',
-            }), role: "tablist", ...utils.ifDefined('aria-label', this.dsAriaLabel), ...utils.ifDefined('aria-labelledby', this.dsAriaLabelledby), onScroll: this.handleScroll }, index.h("slot", { key: 'd06da5b234efb4d7fdea8dcbbd21ee9938574ef3' })), index.h("div", { key: 'e239e750fe0a74d0cbd973d9823eef402afd8d24', ref: el => (this.backwardButtonElement = el), class: index$1.classNames(buttonClass, `${buttonClass}--backward`, {
+            }), role: "tablist", ...utils.ifDefined('aria-label', this.dsAriaLabel), ...utils.ifDefined('aria-labelledby', this.dsAriaLabelledby), onScroll: this.handleScroll }, index.h("slot", { key: '0cea4c5558a6ed5b560464e2f6fc45f376d7d91b' })), index.h("div", { key: '2cdf7527f192509fc9b806b54167c99262f1b7a6', ref: el => (this.backwardButtonElement = el), class: index$1.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')), index.h("div", { key: '129783525b89bfbe4526c104ef461708fd6fa9e7', ref: el => (this.forwardButtonElement = el), class: index$1.classNames(buttonClass, `${buttonClass}--forward`, {
+            }), "aria-hidden": "true", hidden: !this.showBackwardButton }, this.renderButton('backward')), index.h("div", { key: 'b8ebd2b6bad9872a4ec690f917e7f39edd63d468', ref: el => (this.forwardButtonElement = el), class: index$1.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/cjs/ds-tabpanel.cjs.entry.js CHANGED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-B24n8vFf.js');
-var tabsFactory = require('./tabsFactory-DbRTTGCp.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var cx = require('./cx-D4_fhK_D.js');
+var tabsFactory = require('./tabsFactory-DjPARW4J.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 require('./tabsContext-BAtGmJfm.js');
 require('./utils-DWrHry7C.js');
-require('./store-BDEqiIFl.js');
+require('./store-BDkw2fdF.js');
-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 dsTabpanelCss = () => `.ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__0apwgA.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__0apwgA--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__0apwgA--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__0apwgA--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__0apwgA--container.ds-tabpanel__0apwgA--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__0apwgA--container.ds-tabpanel__0apwgA--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__0apwgA[hidden].sc-ds-tabpanel{display:none}`;
 const DsTabpanel = class extends index.Mixin(componentFactory.componentFactory('ds-tabpanel'), tabsFactory.tabsFactory) {
     constructor(hostRef) {
@@ -22,10 +22,10 @@ const DsTabpanel = class extends index.Mixin(componentFactory.componentFactory('
     dsPadded = true;
     render() {
         const baseClass = cx.cx('ds-tabpanel');
-        return (index.h("div", { key: 'cadc1dcef399b0d9cbcb0029cb1b340a7423745a', id: this.dsId, class: index$1.classNames(baseClass, {
+        return (index.h("div", { key: '06b5cf6112a4bf9067dd9aae9f8e4cd785248433', id: this.dsId, class: index$1.classNames(baseClass, {
                 [`${baseClass}--container`]: this.context?.variant === 'container',
                 [`${baseClass}--padded`]: this.dsPadded,
-            }), role: "tabpanel", hidden: this.context?.currentTabPanel !== this.dsId, "aria-labelledby": this.dsTabId }, index.h("slot", { key: 'bb4f82e83b842bf9d5379aa60a830c4e9addf2d1' })));
+            }), role: "tabpanel", hidden: this.context?.currentTabPanel !== this.dsId, "aria-labelledby": this.dsTabId }, index.h("slot", { key: '6aa771f974cd5967337d70b2f1c1ad972cfb4d2b' })));
     }
 };
 DsTabpanel.style = dsTabpanelCss();

package/dist/cjs/ds-tabs.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
-var cx = require('./cx-B24n8vFf.js');
+var index = require('./index-7cLzA8W5.js');
+var cx = require('./cx-D4_fhK_D.js');
 var tabsContext = require('./tabsContext-BAtGmJfm.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 require('./utils-DWrHry7C.js');
-require('./store-BDEqiIFl.js');
+require('./store-BDkw2fdF.js');
-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 dsTabsCss = () => `.ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__0apwgA.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 index.Mixin(componentFactory.componentFactory('ds-tabs', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -47,7 +47,7 @@ const DsTabs = class extends index.Mixin(componentFactory.componentFactory('ds-t
     }
     render() {
         const baseClass = cx.cx('ds-tabs');
-        return (index.h("div", { key: '559aff8fb3022192542ca848b25f0091e7b9152b', class: baseClass }, index.h("slot", { key: '8c483be2dd7ed6ecd0ac84ea00827272a9fd4c9f' })));
+        return (index.h("div", { key: 'c9f9a313d196436cde72a29b2c901e76b352e22b', class: baseClass }, index.h("slot", { key: '5d64f485508576013bf68163bbea2fb87d01b67b' })));
     }
 };
 DsTabs.style = dsTabsCss();

package/dist/cjs/ds-tag-group.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-DNG8iA6h.js');
+var index = require('./index-7cLzA8W5.js');
 var utils = require('./utils-DWrHry7C.js');
-var cx = require('./cx-B24n8vFf.js');
+var cx = require('./cx-D4_fhK_D.js');
 var attributes = require('./attributes-DbNfxmvc.js');
-var componentFactory = require('./componentFactory-D5oS4vfA.js');
-require('./store-BDEqiIFl.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
+require('./store-BDkw2fdF.js');
-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 dsTagGroupCss = () => `.ds-tag-group__0apwgA__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 index.Mixin(componentFactory.componentFactory('ds-tag-group', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -36,7 +36,7 @@ const DsTagGroup = class extends index.Mixin(componentFactory.componentFactory('
         const { ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
         const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = this.dsAriaLabel || attrAriaLabel || this.dsLabel;
-        return (index.h("div", { key: '22f0cf9fec72ad9226961b87763ab1d2e2573c3b', class: baseClass, role: "group", ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, index.h(DsGroupLabel, { key: '2cfb0354fe21fe86fe13700998d7785b42858e33', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, index.h("slot", { key: '93d1ea469ce4e7e82b98478e208c6c6ddc1ba365', name: "label" }), index.h("slot", { key: '5a627221e89fcd7f710bd12c21531c2aa642d5a1', name: "assistiveText" })), index.h("div", { key: '0d25a9ca95a856291fa2f07c9c910e7a2e6b8304', role: "list", class: `${baseClass}__tags` }, index.h("slot", { key: 'f9153fe2f2caf620bd3c5beee17f79667646eae6' }))));
+        return (index.h("div", { key: 'a5096a7b69156c99dc02708135f5052921357f4e', class: baseClass, role: "group", ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, index.h(DsGroupLabel, { key: '33de272ea72edb5bf17ddae87c9d9ad259df72b1', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, index.h("slot", { key: 'f33c42e15be86228ca3f5b46431c1dc3d5ab9c38', name: "label" }), index.h("slot", { key: '39430c3551f18c9f17206aab2469f4efa976aef3', name: "assistiveText" })), index.h("div", { key: 'e37e1a01fb9b6a6bc1dacc47c9bd9e5686ecf987', role: "list", class: `${baseClass}__tags` }, index.h("slot", { key: 'bc98ef804939b1a04e84c6a9b028436e958572d3' }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-group-label", null)]);