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

package/dist/cjs/ds-link-with-arrow.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-C45WphcV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var linkUtils = require('./linkUtils-iNbzjvv9.js');
-var utils = require('./utils-CEhBgrbV.js');
-var linkFactory = require('./linkFactory-D3qRUHA9.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-rm9q60ql.js');
-var cx = require('./cx-B5kkNAYU.js');
+var linkUtils = require('./linkUtils-wYOh0hyC.js');
+var utils = require('./utils-B3pm7qU-.js');
+var linkFactory = require('./linkFactory-LhZGDvPC.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-jsEbM5UR.js');
+var cx = require('./cx-CKplyNfN.js');
 var utils$1 = require('./utils-Bn8hsElG.js');
-require('./store-CTjYWCVx.js');
+require('./store-i2dn4tpb.js');
 
-const dsLinkWithArrowCss = ":host{display:inline-block}:host:has(.ds-link-with-arrow__DFAX9n--full-width){width:100%}.ds-link-with-arrow__DFAX9n: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-link-with-arrow__DFAX9n{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}@media (min-width: 30rem){.ds-link-with-arrow__DFAX9n{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__DFAX9n--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__DFAX9n__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}@media (min-width: 30rem){.ds-link-with-arrow__DFAX9n__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__DFAX9n__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__DFAX9n__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__DFAX9n__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__DFAX9n__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__DFAX9n:hover,.ds-link-with-arrow__DFAX9n:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow__DFAX9n:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__DFAX9n:active,.ds-link-with-arrow__DFAX9n:focus-visible{color:var(--ds-textColor-link-active)}";
+const dsLinkWithArrowCss = ":host{display:inline-block}:host:has(.ds-link-with-arrow__HTSRrd--full-width){width:100%}.ds-link-with-arrow__HTSRrd: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-link-with-arrow__HTSRrd{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}@media (min-width: 30rem){.ds-link-with-arrow__HTSRrd{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__HTSRrd--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__HTSRrd__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}@media (min-width: 30rem){.ds-link-with-arrow__HTSRrd__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__HTSRrd__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__HTSRrd__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__HTSRrd__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__HTSRrd__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__HTSRrd:hover,.ds-link-with-arrow__HTSRrd:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow__HTSRrd:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__HTSRrd:active,.ds-link-with-arrow__HTSRrd:focus-visible{color:var(--ds-textColor-link-active)}";
 
 const visuallyHiddenAssistiveTextIdGenerator = utils.idGenerator('visually-hidden-assistive-text');
 const DsLinkWithArrow = class extends index.Mixin(linkFactory.linkFactory, ariaDeprecationFactory.ariaDeprecationFactory) {

package/dist/cjs/ds-link.cjs.entry.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-C45WphcV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var linkUtils = require('./linkUtils-iNbzjvv9.js');
-var utils = require('./utils-CEhBgrbV.js');
-var linkFactory = require('./linkFactory-D3qRUHA9.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-rm9q60ql.js');
-var cx = require('./cx-B5kkNAYU.js');
-require('./store-CTjYWCVx.js');
+var linkUtils = require('./linkUtils-wYOh0hyC.js');
+var utils = require('./utils-B3pm7qU-.js');
+var linkFactory = require('./linkFactory-LhZGDvPC.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-jsEbM5UR.js');
+var cx = require('./cx-CKplyNfN.js');
+require('./store-i2dn4tpb.js');
 
-const dsLinkCss = ":host{display:inline}:host:has(.ds-link__DFAX9n--standalone){display:inline-block}.ds-link__DFAX9n: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-link__DFAX9n{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__DFAX9n--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__DFAX9n--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__DFAX9n--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__DFAX9n--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__DFAX9n--large{font-size:var(--ds-fontSize-18)}.ds-link__DFAX9n--medium{font-size:var(--ds-fontSize-16)}.ds-link__DFAX9n--small{font-size:var(--ds-fontSize-14)}.ds-link__DFAX9n--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__DFAX9n__icon{display:inline-block;vertical-align:-0.125em}.ds-link__DFAX9n__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__DFAX9n__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__DFAX9n__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__DFAX9n__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__DFAX9n:hover,.ds-link__DFAX9n:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__DFAX9n:hover{color:var(--ds-textColor-link-hover)}.ds-link__DFAX9n:active{color:var(--ds-textColor-link-active)}.ds-link__DFAX9n:visited{color:var(--ds-textColor-link-visited)}.ds-link__DFAX9n--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__DFAX9n--standalone:hover,.ds-link__DFAX9n--standalone:active{text-decoration-line:underline}.ds-link__DFAX9n--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__DFAX9n--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__DFAX9n--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__DFAX9n--standalone:visited{color:var(--ds-textColor-link)}.ds-link__DFAX9n--colour-white{color:var(--ds-textColor-white)}.ds-link__DFAX9n--colour-white:hover,.ds-link__DFAX9n--colour-white:active,.ds-link__DFAX9n--colour-white:visited,.ds-link__DFAX9n--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__DFAX9n--colour-black{color:var(--ds-textColor-default)}.ds-link__DFAX9n--colour-black:hover,.ds-link__DFAX9n--colour-black:active,.ds-link__DFAX9n--colour-black:visited,.ds-link__DFAX9n--colour-black:focus-visible{color:var(--ds-textColor-default)}";
+const dsLinkCss = ":host{display:inline}:host:has(.ds-link__HTSRrd--standalone){display:inline-block}.ds-link__HTSRrd: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-link__HTSRrd{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__HTSRrd--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__HTSRrd--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__HTSRrd--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__HTSRrd--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__HTSRrd--large{font-size:var(--ds-fontSize-18)}.ds-link__HTSRrd--medium{font-size:var(--ds-fontSize-16)}.ds-link__HTSRrd--small{font-size:var(--ds-fontSize-14)}.ds-link__HTSRrd--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__HTSRrd__icon{display:inline-block;vertical-align:-0.125em}.ds-link__HTSRrd__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__HTSRrd__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__HTSRrd__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__HTSRrd__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__HTSRrd:hover,.ds-link__HTSRrd:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__HTSRrd:hover{color:var(--ds-textColor-link-hover)}.ds-link__HTSRrd:active{color:var(--ds-textColor-link-active)}.ds-link__HTSRrd:visited{color:var(--ds-textColor-link-visited)}.ds-link__HTSRrd--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__HTSRrd--standalone:hover,.ds-link__HTSRrd--standalone:active{text-decoration-line:underline}.ds-link__HTSRrd--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__HTSRrd--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__HTSRrd--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__HTSRrd--standalone:visited{color:var(--ds-textColor-link)}.ds-link__HTSRrd--colour-white{color:var(--ds-textColor-white)}.ds-link__HTSRrd--colour-white:hover,.ds-link__HTSRrd--colour-white:active,.ds-link__HTSRrd--colour-white:visited,.ds-link__HTSRrd--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__HTSRrd--colour-black{color:var(--ds-textColor-default)}.ds-link__HTSRrd--colour-black:hover,.ds-link__HTSRrd--colour-black:active,.ds-link__HTSRrd--colour-black:visited,.ds-link__HTSRrd--colour-black:focus-visible{color:var(--ds-textColor-default)}";
 
 const visuallyHiddenAssistiveTextIdGenerator = utils.idGenerator('visually-hidden-assistive-text');
 const linkIconSizeMap = {

package/dist/cjs/ds-media.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-B7RrBMcl.js');
-var cx = require('./cx-B5kkNAYU.js');
-var utils = require('./utils-CEhBgrbV.js');
+var index = require('./index-C45WphcV.js');
+var cx = require('./cx-CKplyNfN.js');
+var utils = require('./utils-B3pm7qU-.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var store = require('./store-CTjYWCVx.js');
+var store = require('./store-i2dn4tpb.js');
 
-const dsMediaCss = ".ds-media__DFAX9n{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__DFAX9n .ds-media__image,.ds-media__DFAX9n .ds-media__video,.ds-media__DFAX9n .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__DFAX9n .ds-media__image--fluid,.ds-media__DFAX9n .ds-media__video--fluid,.ds-media__DFAX9n .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__DFAX9n__youtube{border:none;object-fit:initial}.ds-media__DFAX9n__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-active);z-index:1;padding:16px;text-align:center}.ds-media__DFAX9n__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-active);flex-shrink:0}.ds-media__DFAX9n__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__DFAX9n--loading .ds-media__image,.ds-media__DFAX9n--loading .ds-media__video{opacity:0}.ds-media__DFAX9n--error .ds-media__image,.ds-media__DFAX9n--error .ds-media__video{display:none}.ds-media__DFAX9n--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__DFAX9n--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__DFAX9n--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__DFAX9n--fluid{width:100%;height:100%}.ds-media__DFAX9n--fluid .ds-media__DFAX9n__image,.ds-media__DFAX9n--fluid .ds-media__DFAX9n__video,.ds-media__DFAX9n--fluid .ds-media__DFAX9n__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__DFAX9n{border-radius:2px}.ds-media__DFAX9n__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__DFAX9n__loading-text{font-size:12px}.ds-media__DFAX9n__error-icon{width:40px;height:40px}.ds-media__DFAX9n__error-text{font-size:12px}}";
+const dsMediaCss = ".ds-media__HTSRrd{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__HTSRrd .ds-media__image,.ds-media__HTSRrd .ds-media__video,.ds-media__HTSRrd .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__HTSRrd .ds-media__image--fluid,.ds-media__HTSRrd .ds-media__video--fluid,.ds-media__HTSRrd .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__HTSRrd__youtube{border:none;object-fit:initial}.ds-media__HTSRrd--loading .ds-media__image,.ds-media__HTSRrd--loading .ds-media__video{opacity:0}.ds-media__HTSRrd--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__HTSRrd--error .ds-media__image,.ds-media__HTSRrd--error .ds-media__video{display:none}.ds-media__HTSRrd--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__HTSRrd--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__HTSRrd--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__HTSRrd--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__HTSRrd--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__HTSRrd--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__HTSRrd--fluid{width:100%;height:100%}.ds-media__HTSRrd--fluid .ds-media__HTSRrd__image,.ds-media__HTSRrd--fluid .ds-media__HTSRrd__video,.ds-media__HTSRrd--fluid .ds-media__HTSRrd__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__HTSRrd{border-radius:2px}.ds-media__HTSRrd__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__HTSRrd__loading-text{font-size:12px}.ds-media__HTSRrd__error-icon{width:40px;height:40px}.ds-media__HTSRrd__error-text{font-size:12px}}";
 
 const DsMedia = class {
     constructor(hostRef) {
@@ -156,11 +156,12 @@ const DsMedia = class {
         return (index.h("iframe", { src: embedUrl, class: "ds-media__youtube", frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowfullScreen: true, title: this.dsAlt, onLoad: this.handleLoad, onError: this.handleError, ...this.inheritedAttributes }));
     }
     renderLoadingState() {
-        utils.transformTagName('ds-spinner', 'ds-media', this.el);
-        return index.h("ds-spinner", { "ds-size": "2xLarge" });
+        const DsSpinner = utils.transformTagName('ds-spinner', 'ds-media', this.el);
+        return index.h(DsSpinner, { dsSize: "2xLarge" });
     }
     renderErrorState() {
-        return (index.h("div", { class: "ds-media__error", role: "alert", "aria-live": "polite" }, index.h("svg", { class: "ds-media__error-icon", viewBox: "0 0 24 24", fill: "currentColor" }, index.h("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })), index.h("span", { class: "ds-media__error-text" }, this.errorMessage)));
+        const DsIcon = utils.transformTagName('ds-icon', 'ds-media', this.el);
+        return (index.h("div", { class: "ds-media__error", role: "alert", "aria-live": "polite" }, index.h(DsIcon, { dsName: "warning", dsSize: "2rem", dsColour: "ds-bgColor-danger-bold" }), index.h("span", { class: "ds-media__error-text" }, this.errorMessage)));
     }
     renderMedia() {
         switch (this.dsType) {
@@ -178,7 +179,7 @@ const DsMedia = class {
         const aspectRatioParts = this.dsAspectRatio.split('/');
         const aspectRatioValue = aspectRatioParts.length === 2 ? `${aspectRatioParts[0]} / ${aspectRatioParts[1]}` : this.dsAspectRatio;
         const baseClass = cx.cx('ds-media');
-        return (index.h("div", { key: '70139835aecca54ed7aa3b916cdb6a16d6043725', class: {
+        return (index.h("div", { key: 'b0523b11243b32108bc78455315786a0e04c8b03', class: {
                 [baseClass]: true,
                 [`${baseClass}--loading`]: this.isLoading,
                 [`${baseClass}--error`]: this.hasError,
@@ -195,7 +196,7 @@ const DsMedia = class {
         "dsType": ["onTypeChange"]
     }; }
 };
-utils.declareComponentDependencies([index.h("ds-spinner", null)]);
+utils.declareComponentDependencies([index.h("ds-spinner", null), index.h("ds-icon", { dsName: "" })]);
 DsMedia.style = dsMediaCss;
 
 exports.ds_media = DsMedia;

package/dist/cjs/ds-notification.cjs.entry.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-C45WphcV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-B5kkNAYU.js');
-var utils = require('./utils-CEhBgrbV.js');
+var cx = require('./cx-CKplyNfN.js');
+var utils = require('./utils-B3pm7qU-.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var store = require('./store-CTjYWCVx.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-rm9q60ql.js');
+var store = require('./store-i2dn4tpb.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-jsEbM5UR.js');
 
-const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__DFAX9n.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__DFAX9n.ds-notification__DFAX9n--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--neutral.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--neutralWhite.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--info.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--success.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--attention.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--danger.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__DFAX9n__content.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__DFAX9n__content__heading.sc-ds-notification,.ds-notification__DFAX9n__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__DFAX9n__content__description.sc-ds-notification{max-width:550px}";
+const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__HTSRrd.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__HTSRrd.ds-notification__HTSRrd--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--neutral.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--neutralWhite.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--info.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--success.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--attention.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--danger.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__HTSRrd__content.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__HTSRrd__content__heading.sc-ds-notification,.ds-notification__HTSRrd__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__HTSRrd__content__description.sc-ds-notification{max-width:550px}";
 
 const notificationIdGenerator = utils.idGenerator('ds-notification');
 const variants = ['neutral', 'neutralWhite', 'info', 'success', 'attention', 'danger'];

package/dist/cjs/ds-option_2.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-C45WphcV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-B5kkNAYU.js');
+var utils = require('./utils-B3pm7qU-.js');
+var cx = require('./cx-CKplyNfN.js');
 var attributes = require('./attributes-5eBKMo1N.js');
 
-const dsOptionCss = ".ds-option__DFAX9n.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__DFAX9n.sc-ds-option:not(.ds-option__DFAX9n--multiple){justify-content:space-between}.ds-option__DFAX9n--hidden.sc-ds-option{display:none}.ds-option__DFAX9n--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__DFAX9n.sc-ds-option:hover:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__DFAX9n.sc-ds-option:active:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__DFAX9n--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__DFAX9n--active.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple){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-option__DFAX9n--multiple.ds-option__DFAX9n--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__DFAX9n--multiple.sc-ds-option .ds-option__DFAX9n__checkbox.sc-ds-option{display:inline-block;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__DFAX9n--multiple.ds-option__DFAX9n--disabled.sc-ds-option .ds-option__DFAX9n__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__DFAX9n--multiple.ds-option__DFAX9n--disabled.sc-ds-option:not(.ds-option__DFAX9n--selected) .ds-option__DFAX9n__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__DFAX9n--selected.sc-ds-option .ds-option__DFAX9n__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple).ds-option__DFAX9n--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple) .ds-option__DFAX9n__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple) .ds-option__DFAX9n__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple).ds-option__DFAX9n--disabled .ds-option__DFAX9n__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple):hover:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple):active:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__DFAX9n__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__DFAX9n__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__DFAX9n__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__DFAX9n__description.sc-ds-option:not(:empty){display:block}";
+const dsOptionCss = ".ds-option__HTSRrd.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__HTSRrd.sc-ds-option:not(.ds-option__HTSRrd--multiple){justify-content:space-between}.ds-option__HTSRrd--hidden.sc-ds-option{display:none}.ds-option__HTSRrd--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__HTSRrd.sc-ds-option:hover:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__HTSRrd.sc-ds-option:active:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__HTSRrd--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__HTSRrd--active.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple){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-option__HTSRrd--multiple.ds-option__HTSRrd--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__HTSRrd--multiple.sc-ds-option .ds-option__HTSRrd__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__HTSRrd--multiple.ds-option__HTSRrd--disabled.sc-ds-option .ds-option__HTSRrd__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__HTSRrd--multiple.ds-option__HTSRrd--disabled.sc-ds-option:not(.ds-option__HTSRrd--selected) .ds-option__HTSRrd__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__HTSRrd--selected.sc-ds-option .ds-option__HTSRrd__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple).ds-option__HTSRrd--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple) .ds-option__HTSRrd__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple) .ds-option__HTSRrd__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple).ds-option__HTSRrd--disabled .ds-option__HTSRrd__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple):hover:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple):active:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__HTSRrd__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__HTSRrd__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__HTSRrd__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__HTSRrd__description.sc-ds-option:not(:empty){display:block}";
 
 const optionIdGenerator = utils.idGenerator('ds-option');
 const DsOption = class {
@@ -107,7 +107,7 @@ const DsOption = class {
                 [`${baseClass}--selected`]: this.dsSelected,
                 [`${baseClass}--disabled`]: this.dsDisabled,
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "option", "aria-selected": String(this.dsSelected), "aria-disabled": String(this.dsDisabled), "aria-hidden": String(this.dsHidden), tabIndex: this.internalTabIndex, ...this.inheritedAttributes }, this.isMultiple && (index.h("span", { key: 'f90215a6d4b9afedf691a745e3de6e387ea17676', class: `${baseClass}__checkbox` }, this.dsSelected && (index.h(DsIcon, { key: '2a33e0013b1af0bc987d3b2853d888d2ba93c049', class: `${baseClass}__checkbox__icon`, dsName: "ds_check_small", dsSize: "0.75rem", dsColour: this.dsDisabled ? 'ds-textColor-disabled-onLight' : 'ds-textColor-white' })))), index.h(index.Fragment, { key: '3f6213558f0891e0bfad1ff84d8d376d8bc912cf' }, index.h("span", { key: '9ade52c8f8a83086a0fd1f62379b5c264f7e23be' }, index.h("span", { key: 'db32123c6198a413035e4f4b6fc0be38d5546972', class: `${baseClass}__label`, ref: el => (this.optionLabelTextRef = el) }, index.h("slot", { key: 'bdf425943717ee71e5edecfd996313ac4dad705c' }, this.dsLabel)), this.dsDescription && index.h("span", { key: 'f38b60b29f5e5e5256cd71f2d06f5233ec1dd629', class: `${baseClass}__description` }, this.dsDescription)), !this.isMultiple && this.dsSelected && index.h(DsIcon, { key: 'e72c0beae5ec6ae5996c292164c812febc6a4188', dsName: "check", class: `${baseClass}__check-icon` }))));
+            }), role: "option", "aria-selected": String(this.dsSelected), "aria-disabled": String(this.dsDisabled), "aria-hidden": String(this.dsHidden), tabIndex: this.internalTabIndex, ...this.inheritedAttributes }, this.isMultiple && (index.h("span", { key: 'f90215a6d4b9afedf691a745e3de6e387ea17676', class: `${baseClass}__checkbox` }, this.dsSelected && (index.h(DsIcon, { key: 'c1101f8041bdea0c1e59237921efba8d9cdaab55', class: `${baseClass}__checkbox__icon`, dsName: "check_small", dsSize: "1.25rem", dsColour: this.dsDisabled ? 'ds-textColor-disabled-onLight' : 'ds-textColor-white' })))), index.h(index.Fragment, { key: 'd9412cd046dc1020ff31ec82f9237c04da1f4378' }, index.h("span", { key: 'c50abebb36d9d61897a2ffdb11c02eb3cb1b2462' }, index.h("span", { key: 'a005690e0dbf82fd7d033c32a1a7725ad0498207', class: `${baseClass}__label`, ref: el => (this.optionLabelTextRef = el) }, index.h("slot", { key: '0e0719bfcf1fd061323168da52745a4290cce23c' }, this.dsLabel)), this.dsDescription && index.h("span", { key: 'af9e3848a1ca46b6ded83e4a7e18fac66720ba55', class: `${baseClass}__description` }, this.dsDescription)), !this.isMultiple && this.dsSelected && index.h(DsIcon, { key: '4bbd63c5a729546fac36528a6763d0e0b19eff6f', dsName: "check", class: `${baseClass}__check-icon` }))));
     }
     static get watchers() { return {
         "dsActive": ["dsActiveObserver"],
@@ -118,7 +118,7 @@ const DsOption = class {
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);
 DsOption.style = dsOptionCss;
 
-const dsOptionGroupCss = ".ds-option-group__DFAX9n.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__DFAX9n--hidden.sc-ds-option-group{display:none}.ds-option-group__DFAX9n.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__DFAX9n__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__DFAX9n__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
+const dsOptionGroupCss = ".ds-option-group__HTSRrd.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__HTSRrd--hidden.sc-ds-option-group{display:none}.ds-option-group__HTSRrd.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__HTSRrd__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__HTSRrd__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
 
 const DsOptionGroup = class {
     constructor(hostRef) {

package/dist/cjs/ds-options-message.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-B7RrBMcl.js');
-var store = require('./store-CTjYWCVx.js');
-var controlUtils = require('./controlUtils-B4bSDE16.js');
-var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-B5kkNAYU.js');
+var index = require('./index-C45WphcV.js');
+var store = require('./store-i2dn4tpb.js');
+var controlUtils = require('./controlUtils-DJXnoeI7.js');
+var utils = require('./utils-B3pm7qU-.js');
+var cx = require('./cx-CKplyNfN.js');
 
-const dsOptionsMessageCss = ".ds-options-message__DFAX9n.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__DFAX9n__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__DFAX9n__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__DFAX9n__error__title.sc-ds-options-message,.ds-options-message__DFAX9n__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__DFAX9n__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__DFAX9n__error__text.sc-ds-options-message,.ds-options-message__DFAX9n__loading__text.sc-ds-options-message,.ds-options-message__DFAX9n__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__DFAX9n__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";
+const dsOptionsMessageCss = ".ds-options-message__HTSRrd.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__HTSRrd__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__HTSRrd__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__HTSRrd__error__title.sc-ds-options-message,.ds-options-message__HTSRrd__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__HTSRrd__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__HTSRrd__error__text.sc-ds-options-message,.ds-options-message__HTSRrd__loading__text.sc-ds-options-message,.ds-options-message__HTSRrd__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__HTSRrd__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";
 
 const defaultTextFns = {
     dsErrorTitle: controlUtils.weCouldNotLoadOptions,

package/dist/cjs/ds-options_2.cjs.entry.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-C45WphcV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-B5kkNAYU.js');
+var utils = require('./utils-B3pm7qU-.js');
+var cx = require('./cx-CKplyNfN.js');
 var attributes = require('./attributes-5eBKMo1N.js');
 var constants = require('./constants-47xuonzN.js');
-var controlUtils = require('./controlUtils-B4bSDE16.js');
-var multipleValueFactory = require('./multipleValueFactory-Dpiiqpir.js');
-require('./store-CTjYWCVx.js');
+var controlUtils = require('./controlUtils-DJXnoeI7.js');
+var multipleValueFactory = require('./multipleValueFactory-CBxIh0Jl.js');
+require('./store-i2dn4tpb.js');
 
-const dsOptionsCss = ".ds-options__DFAX9n__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__DFAX9n.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__DFAX9n.sc-ds-options:focus{outline:none}.ds-options__DFAX9n__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__DFAX9n__top-scrim.sc-ds-options,.ds-options__DFAX9n__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__DFAX9n__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__DFAX9n__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__DFAX9n.has-top-scrim.sc-ds-options .ds-options__DFAX9n__top-scrim.sc-ds-options{display:block}.ds-options__DFAX9n.has-bottom-scrim.sc-ds-options .ds-options__DFAX9n__bottom-scrim.sc-ds-options{display:block}.ds-options__DFAX9n.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__DFAX9n.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
+const dsOptionsCss = ".ds-options__HTSRrd__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__HTSRrd.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__HTSRrd.sc-ds-options:focus{outline:none}.ds-options__HTSRrd__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__HTSRrd__top-scrim.sc-ds-options,.ds-options__HTSRrd__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__HTSRrd__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__HTSRrd__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__HTSRrd.has-top-scrim.sc-ds-options .ds-options__HTSRrd__top-scrim.sc-ds-options{display:block}.ds-options__HTSRrd.has-bottom-scrim.sc-ds-options .ds-options__HTSRrd__bottom-scrim.sc-ds-options{display:block}.ds-options__HTSRrd.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__HTSRrd.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
 
 const optionsIdGenerator = utils.idGenerator('ds-options');
 const DsOptions = class {
@@ -153,7 +153,7 @@ const DsOptions = class {
 };
 DsOptions.style = dsOptionsCss;
 
-const dsSelectCss = ".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__DFAX9n-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__DFAX9n-custom.sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__DFAX9n-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__DFAX9n-custom-wrapper.sc-ds-select{position:relative}.ds-select__DFAX9n-custom.sc-ds-select .ds-options__DFAX9n.sc-ds-select{display:block}.ds-select__DFAX9n-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__DFAX9n-custom-input-container.sc-ds-select:has(.ds-select__DFAX9n-custom__clear-button:hover) .ds-select__DFAX9n-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__DFAX9n-custom.sc-ds-select:not(.ds-select__DFAX9n-custom--open,.ds-select__DFAX9n-custom--invalid.sc-ds-select,.ds-select__DFAX9n-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__DFAX9n-custom.sc-ds-select:active:not(.ds-select__DFAX9n-custom--open,.ds-select__DFAX9n-custom--invalid.sc-ds-select,.ds-select__DFAX9n-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__DFAX9n-custom--open.sc-ds-select,.ds-select__DFAX9n-custom.sc-ds-select: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-select__DFAX9n-custom--open.sc-ds-select:not(.ds-select__DFAX9n-custom--open--invalid,.ds-select__DFAX9n-custom.sc-ds-select:focus-visible--invalid),.ds-select__DFAX9n-custom.sc-ds-select:focus-visible:not(.ds-select__DFAX9n-custom--open--invalid,.ds-select__DFAX9n-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__DFAX9n-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__DFAX9n-custom--disabled.sc-ds-select .ds-select__DFAX9n-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__DFAX9n-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__DFAX9n-custom--invalid.sc-ds-select:not(.ds-select__DFAX9n-custom--invalid--open,.ds-select__DFAX9n-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__DFAX9n-custom--invalid.sc-ds-select:not(.ds-select__DFAX9n-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__DFAX9n-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__DFAX9n-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__DFAX9n-custom--has-icon.sc-ds-select .ds-select__DFAX9n-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__DFAX9n-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__DFAX9n-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__DFAX9n-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__DFAX9n-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__DFAX9n-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__DFAX9n-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__DFAX9n-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__DFAX9n-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__DFAX9n-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__DFAX9n-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__DFAX9n-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__DFAX9n-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__DFAX9n-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__DFAX9n-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__DFAX9n-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__DFAX9n-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__DFAX9n-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__DFAX9n-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__DFAX9n-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__DFAX9n-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__DFAX9n-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__DFAX9n-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";
+const dsSelectCss = ".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__HTSRrd--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__HTSRrd-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__HTSRrd-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__HTSRrd-custom-wrapper.sc-ds-select{position:relative}.ds-select__HTSRrd-custom.sc-ds-select .ds-options__HTSRrd.sc-ds-select{display:block}.ds-select__HTSRrd-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__HTSRrd-custom-input-container.sc-ds-select:has(.ds-select__HTSRrd-custom__clear-button:hover) .ds-select__HTSRrd-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__HTSRrd-custom.sc-ds-select:not(.ds-select__HTSRrd-custom--open,.ds-select__HTSRrd-custom--invalid.sc-ds-select,.ds-select__HTSRrd-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__HTSRrd-custom.sc-ds-select:active:not(.ds-select__HTSRrd-custom--open,.ds-select__HTSRrd-custom--invalid.sc-ds-select,.ds-select__HTSRrd-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__HTSRrd-custom--open.sc-ds-select,.ds-select__HTSRrd-custom.sc-ds-select: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-select__HTSRrd-custom--open.sc-ds-select:not(.ds-select__HTSRrd-custom--open--invalid,.ds-select__HTSRrd-custom.sc-ds-select:focus-visible--invalid),.ds-select__HTSRrd-custom.sc-ds-select:focus-visible:not(.ds-select__HTSRrd-custom--open--invalid,.ds-select__HTSRrd-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__HTSRrd-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__HTSRrd-custom--disabled.sc-ds-select .ds-select__HTSRrd-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__HTSRrd-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__HTSRrd-custom--invalid.sc-ds-select:not(.ds-select__HTSRrd-custom--invalid--open,.ds-select__HTSRrd-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__HTSRrd-custom--invalid.sc-ds-select:not(.ds-select__HTSRrd-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__HTSRrd-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__HTSRrd-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__HTSRrd-custom--has-icon.sc-ds-select .ds-select__HTSRrd-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__HTSRrd-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__HTSRrd-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__HTSRrd-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__HTSRrd-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__HTSRrd-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__HTSRrd-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__HTSRrd-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__HTSRrd-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__HTSRrd-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__HTSRrd-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__HTSRrd-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__HTSRrd-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__HTSRrd-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__HTSRrd-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__HTSRrd-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__HTSRrd-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__HTSRrd-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__HTSRrd-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__HTSRrd-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__HTSRrd-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__HTSRrd-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__HTSRrd-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";
 
 const selectIdGenerator = utils.idGenerator('ds-select');
 const defaultTextFns = {
@@ -203,6 +203,7 @@ const DsSelect = class extends index.Mixin(multipleValueFactory.multipleValueFac
     dsOptionsError = false;
     dsOptionsErrorTitle;
     dsOptionsErrorText;
+    dsFullWidth = false;
     dsRequired = false;
     activeOption = null;
     selectedOptions = [];
@@ -401,8 +402,8 @@ const DsSelect = class extends index.Mixin(multipleValueFactory.multipleValueFac
         }
     }
     getBadgeContainerWidthOffset = async () => {
-        await this.clearButtonRef?.componentOnReady?.();
-        await this.badgeRef?.componentOnReady?.();
+        await utils.componentOnReady(this.clearButtonRef);
+        await utils.componentOnReady(this.badgeRef);
         const clearButtonWidth = this.clearButtonRef?.getBoundingClientRect().width || 0;
         const badgeContainerWidth = this.badgeRef?.getBoundingClientRect().width || 0;
         this.badgeContainerOffset = clearButtonWidth && badgeContainerWidth ? clearButtonWidth + badgeContainerWidth : null;
@@ -531,7 +532,7 @@ const DsSelect = class extends index.Mixin(multipleValueFactory.multipleValueFac
     };
     renderNativeSelect() {
         const DsSelectNative = utils.transformTagName('ds-select-native', 'ds-select', this.el);
-        return (index.h(DsSelectNative, { dsId: this.dsId, dsLabel: this.dsLabel, dsPlaceholder: this.texts.dsPlaceholder, dsIcon: this.dsIcon, dsName: this.dsName || this.dsId, dsDisabled: this.dsDisabled, dsErrorText: this.dsErrorText, dsRequired: this.dsRequired, dsValue: this.getValueItem(0) || '', onDsChange: (e) => {
+        return (index.h(DsSelectNative, { dsId: this.dsId, dsLabel: this.dsLabel, dsPlaceholder: this.texts.dsPlaceholder, dsIcon: this.dsIcon, dsName: this.dsName || this.dsId, dsDisabled: this.dsDisabled, dsErrorText: this.dsErrorText, dsRequired: this.dsRequired, dsFullWidth: this.dsFullWidth, dsValue: this.getValueItem(0) || '', onDsChange: (e) => {
                 this.value = this.toValue(e.detail);
             }, onDsValidity: (e) => {
                 this.dsValidity.emit(e.detail);
@@ -559,6 +560,7 @@ const DsSelect = class extends index.Mixin(multipleValueFactory.multipleValueFac
                 this.customSelectRef?.focus();
                 this.toggleDropdown();
             } }, index.h("slot", { name: "label" })), index.h("div", { class: `${customSelectClass}-wrapper` }, index.h("div", { class: `${customSelectClass}-input-container` }, index.h("div", { id: this.dsId, ref: el => (this.customSelectRef = el), class: index$1.classNames(`${customSelectClass}`, {
+                [`${baseClass}--full-width`]: this.dsFullWidth,
                 [`${customSelectClass}--open`]: this.isOpen,
                 [`${customSelectClass}--none-selected`]: noneSelected,
                 [`${customSelectClass}--disabled`]: this.dsDisabled,
@@ -607,7 +609,7 @@ const DsSelect = class extends index.Mixin(multipleValueFactory.multipleValueFac
     }
     render() {
         const baseClass = cx.cx('ds-select');
-        return (index.h(index.Host, { key: '7c585847e96a32aa8cfa70e9927368ffdc1ff51b', ...utils.ifDefined('name', this.isNative ? undefined : this.dsName) }, index.h("div", { key: '1c9b905cddc0fdd71a53d30920afa97f176b64a9', tabIndex: -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        return (index.h(index.Host, { key: '79ac153e47f7d1e967ce834c152ea6d5500b0311', ...utils.ifDefined('name', this.isNative ? undefined : this.dsName) }, index.h("div", { key: '6cddaa1ce3301a7fb54243a996fb641e318de4b2', tabIndex: -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/ds-radio-button-group.cjs.entry.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-C45WphcV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-CEhBgrbV.js');
+var utils = require('./utils-B3pm7qU-.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var controlUtils = require('./controlUtils-B4bSDE16.js');
-var cx = require('./cx-B5kkNAYU.js');
-require('./store-CTjYWCVx.js');
+var controlUtils = require('./controlUtils-DJXnoeI7.js');
+var cx = require('./cx-CKplyNfN.js');
+require('./store-i2dn4tpb.js');
 
-const dsRadioButtonGroupCss = ".ds-radio-button-group__DFAX9n{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__DFAX9n__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__DFAX9n__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__DFAX9n__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__DFAX9n__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";
+const dsRadioButtonGroupCss = ".ds-radio-button-group__HTSRrd{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__HTSRrd__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__HTSRrd__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__HTSRrd__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__HTSRrd__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";
 
 const radioButtonGroupIdGenerator = utils.idGenerator('ds-radio-button-group');
 const DsRadioButtonGroup = class {

package/dist/cjs/ds-radio-button.cjs.entry.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-C45WphcV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var controlUtils = require('./controlUtils-B4bSDE16.js');
-var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-B5kkNAYU.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-rm9q60ql.js');
-require('./store-CTjYWCVx.js');
+var controlUtils = require('./controlUtils-DJXnoeI7.js');
+var utils = require('./utils-B3pm7qU-.js');
+var cx = require('./cx-CKplyNfN.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-jsEbM5UR.js');
+require('./store-i2dn4tpb.js');
 
-const dsRadioButtonCss = ".ds-radio-button__DFAX9n.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__DFAX9n.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__DFAX9n__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__DFAX9n__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__DFAX9n__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__DFAX9n.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__DFAX9n.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__DFAX9n.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__DFAX9n.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__DFAX9n-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__DFAX9n-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__DFAX9n-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}";
+const dsRadioButtonCss = ".ds-radio-button__HTSRrd.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__HTSRrd.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__HTSRrd__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__HTSRrd__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__HTSRrd__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__HTSRrd.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__HTSRrd.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__HTSRrd.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__HTSRrd.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__HTSRrd-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__HTSRrd-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__HTSRrd-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}";
 
 const radioButtonIdGenerator = utils.idGenerator('ds-radio-button');
 const DsRadioButton = class extends index.Mixin(ariaDeprecationFactory.ariaDeprecationFactory) {

package/dist/cjs/ds-ribbon.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-C45WphcV.js');
 var index$2 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-B5kkNAYU.js');
-var linkUtils = require('./linkUtils-iNbzjvv9.js');
-var store = require('./store-CTjYWCVx.js');
+var utils = require('./utils-B3pm7qU-.js');
+var cx = require('./cx-CKplyNfN.js');
+var linkUtils = require('./linkUtils-wYOh0hyC.js');
+var store = require('./store-i2dn4tpb.js');
 var index$1 = require('./index.cjs.js');
 
 const convertToRibbonLinks = (links, ribbonData, lang = 'en') => {
@@ -45,7 +45,7 @@ class DataService {
     }
 }
 
-const dsRibbonCss = ":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__DFAX9n__container{display:grid;grid-template-columns:8rem auto;align-items:center;justify-content:space-between;padding:0 var(--ds-spacing-small, 16px);max-width:120rem;margin:0 auto;height:3rem}@media (min-width: 30rem){.ds-ribbon__DFAX9n__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__DFAX9n__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__DFAX9n__container{grid-template-columns:auto auto}}.ds-ribbon__DFAX9n__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__DFAX9n__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__DFAX9n__mobile-toggle{display:none}}.ds-ribbon__DFAX9n__drawer-backdrop{position:fixed;inset:0;background-color:var(--ds-overlay-black-00);grid-column-end:-1;opacity:0;z-index:-1;pointer-events:none}@media (min-width: 60rem){.ds-ribbon__DFAX9n__drawer-backdrop{display:none}}.ds-ribbon__DFAX9n--drawer-open .ds-ribbon__DFAX9n__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__DFAX9n__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__DFAX9n__drawer-backdrop,.ds-ribbon__DFAX9n--drawer-open .ds-ribbon__DFAX9n__container .ds-ribbon__DFAX9n__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__DFAX9n--drawer-clicked .ds-ribbon__DFAX9n__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__DFAX9n--drawer-open .ds-ribbon__DFAX9n__drawer-backdrop{background-color:var(--ds-overlay-black-50);opacity:1;transition:background-color 0.1s 0.3s, opacity 0s 0s;z-index:999}.ds-ribbon__DFAX9n__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__DFAX9n__desktop-nav{display:block}}.ds-ribbon__DFAX9n__desktop-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--ds-spacing-medium, 24px);align-items:center}.ds-ribbon__DFAX9n__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__DFAX9n__desktop-link{font-size:var(--ds-fontSize-12, 0.75rem);white-space:nowrap}.ds-ribbon__DFAX9n__desktop-badge{font-size:var(--ds-font-size-small, 12px);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__DFAX9n__desktop-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__DFAX9n__desktop-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__DFAX9n__drawer{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--ds-spacing-small, 16px));background-color:var(--ds-bgColor-white, #fff);box-shadow:var(--ds-shadow-medium);padding-top:0;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto;cursor:default}@media (min-width: 60rem){.ds-ribbon__DFAX9n__drawer{position:static;width:auto;max-width:none;background-color:transparent;box-shadow:none;padding-top:0;transform:none;transition:none;overflow-y:visible}}.ds-ribbon__DFAX9n--drawer-open .ds-ribbon__DFAX9n__drawer{transform:translateX(0%)}.ds-ribbon__DFAX9n__drawer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:3rem;z-index:1;padding:var(--ds-spacing-small, 16px) var(--ds-spacing-medium, 24px);border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff)}@media (min-width: 60rem){.ds-ribbon__DFAX9n__drawer-header{display:none}}.ds-ribbon__DFAX9n__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__DFAX9n__drawer-branding{max-width:unset}}.ds-ribbon__DFAX9n__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__DFAX9n__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__DFAX9n__drawer-nav{padding:0}}.ds-ribbon__DFAX9n__top-scrim,.ds-ribbon__DFAX9n__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-ribbon__DFAX9n__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__DFAX9n__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.has-top-scrim .ds-ribbon__DFAX9n__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__DFAX9n__bottom-scrim{display:block}.ds-ribbon__DFAX9n__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__DFAX9n__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__DFAX9n__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__DFAX9n__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__DFAX9n__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__DFAX9n__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__DFAX9n__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__DFAX9n__drawer-badge{font-size:var(--ds-font-size-small, 12px);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__DFAX9n__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__DFAX9n__drawer-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__DFAX9n__drawer-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__DFAX9n--drawer-open) .ds-ribbon__DFAX9n__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__DFAX9n--drawer-open) .ds-ribbon__DFAX9n__drawer-backdrop{display:block}}:host(.ds-ribbon__DFAX9n--drawer-open) .ds-ribbon__DFAX9n__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__DFAX9n--drawer-open) .ds-ribbon__DFAX9n__drawer{transform:none}}";
+const dsRibbonCss = ":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__HTSRrd__container{display:grid;grid-template-columns:8rem auto;align-items:center;justify-content:space-between;padding:0 var(--ds-spacing-small, 16px);max-width:120rem;margin:0 auto;height:3rem}@media (min-width: 30rem){.ds-ribbon__HTSRrd__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__HTSRrd__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__HTSRrd__container{grid-template-columns:auto auto}}.ds-ribbon__HTSRrd__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__HTSRrd__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__HTSRrd__mobile-toggle{display:none}}.ds-ribbon__HTSRrd__drawer-backdrop{position:fixed;inset:0;background-color:var(--ds-overlay-black-00);grid-column-end:-1;opacity:0;z-index:-1;pointer-events:none}@media (min-width: 60rem){.ds-ribbon__HTSRrd__drawer-backdrop{display:none}}.ds-ribbon__HTSRrd--drawer-open .ds-ribbon__HTSRrd__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__HTSRrd__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__HTSRrd__drawer-backdrop,.ds-ribbon__HTSRrd--drawer-open .ds-ribbon__HTSRrd__container .ds-ribbon__HTSRrd__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__HTSRrd--drawer-clicked .ds-ribbon__HTSRrd__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__HTSRrd--drawer-open .ds-ribbon__HTSRrd__drawer-backdrop{background-color:var(--ds-overlay-black-50);opacity:1;transition:background-color 0.1s 0.3s, opacity 0s 0s;z-index:999}.ds-ribbon__HTSRrd__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__HTSRrd__desktop-nav{display:block}}.ds-ribbon__HTSRrd__desktop-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--ds-spacing-medium, 24px);align-items:center}.ds-ribbon__HTSRrd__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__HTSRrd__desktop-link{font-size:var(--ds-fontSize-12, 0.75rem);white-space:nowrap}.ds-ribbon__HTSRrd__desktop-badge{font-size:var(--ds-font-size-small, 12px);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__HTSRrd__desktop-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__HTSRrd__desktop-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__HTSRrd__drawer{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--ds-spacing-small, 16px));background-color:var(--ds-bgColor-white, #fff);box-shadow:var(--ds-shadow-medium);padding-top:0;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto;cursor:default}@media (min-width: 60rem){.ds-ribbon__HTSRrd__drawer{position:static;width:auto;max-width:none;background-color:transparent;box-shadow:none;padding-top:0;transform:none;transition:none;overflow-y:visible}}.ds-ribbon__HTSRrd--drawer-open .ds-ribbon__HTSRrd__drawer{transform:translateX(0%)}.ds-ribbon__HTSRrd__drawer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:3rem;z-index:1;padding:var(--ds-spacing-small, 16px) var(--ds-spacing-medium, 24px);border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff)}@media (min-width: 60rem){.ds-ribbon__HTSRrd__drawer-header{display:none}}.ds-ribbon__HTSRrd__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__HTSRrd__drawer-branding{max-width:unset}}.ds-ribbon__HTSRrd__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__HTSRrd__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__HTSRrd__drawer-nav{padding:0}}.ds-ribbon__HTSRrd__top-scrim,.ds-ribbon__HTSRrd__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-ribbon__HTSRrd__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__HTSRrd__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.has-top-scrim .ds-ribbon__HTSRrd__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__HTSRrd__bottom-scrim{display:block}.ds-ribbon__HTSRrd__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__HTSRrd__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__HTSRrd__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__HTSRrd__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__HTSRrd__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__HTSRrd__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__HTSRrd__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__HTSRrd__drawer-badge{font-size:var(--ds-font-size-small, 12px);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__HTSRrd__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__HTSRrd__drawer-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__HTSRrd__drawer-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__HTSRrd--drawer-open) .ds-ribbon__HTSRrd__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__HTSRrd--drawer-open) .ds-ribbon__HTSRrd__drawer-backdrop{display:block}}:host(.ds-ribbon__HTSRrd--drawer-open) .ds-ribbon__HTSRrd__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__HTSRrd--drawer-open) .ds-ribbon__HTSRrd__drawer{transform:none}}";
 
 const fallbackRibbonData = index$1.appData.v1.ribbon;
 const DsRibbon = class {
@@ -57,7 +57,6 @@ const DsRibbon = class {
     get el() { return index.getElement(this); }
     drawerRef;
     mobileToggleRef;
-    closeButtonRef;
     dsIcon;
     dsSiteName;
     dsHideBranding = false;
@@ -334,21 +333,14 @@ const DsRibbon = class {
         this.setupScrollListener(this.drawerRef, scrollableHeight);
     }
     closeMobileDrawer() {
-        if (this.closeButtonRef && document.activeElement !== this.closeButtonRef) {
-            this.closeButtonRef.setFocus?.();
-        }
         this.isMobileDrawerOpen = false;
         if (this.drawerRef) {
             this.drawerRef.removeEventListener('scroll', this.handleDrawerScroll);
         }
-        setTimeout(async () => {
-            try {
-                await this.mobileToggleRef.setFocus();
-            }
-            catch {
-                this.mobileToggleRef.focus();
-            }
-        }, 50);
+        const buttonInToggle = this.mobileToggleRef?.querySelector('button');
+        setTimeout(() => {
+            buttonInToggle?.focus();
+        }, 100);
     }
     getBrandingUrl() {
         const language = store.getLanguage() || 'fi';
@@ -382,7 +374,7 @@ const DsRibbon = class {
         const baseClass = cx.cx('ds-ribbon');
         const brandingUrl = this.getBrandingUrl();
         const iconName = this.dsIcon || this.icon || fallbackRibbonData.config?.dsIcon;
-        return (index.h("div", { class: `${baseClass}__drawer-header` }, index.h("div", { class: `${baseClass}__drawer-branding` }, index.h(this.DsLinkLogo, { dsHref: brandingUrl, dsIcon: iconName, dsIconTitle: this.dsIconTitle, dsIconAriaLabel: this.dsIconAriaLabel, dsText: this.localizedSiteName, dsTarget: "_self", class: `${baseClass}__drawer-branding-link`, "aria-label": this.localizedLogoAriaLabel })), index.h(this.DsButton, { dsId: this.dsCloseButtonId, dsType: "button", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsText: this.localizedCloseText, dsIcon: "close", dsIconPosition: "end", class: `${baseClass}__drawer-close`, ref: el => (this.closeButtonRef = el), onClick: this.handleMobileToggle })));
+        return (index.h("div", { class: `${baseClass}__drawer-header` }, index.h("div", { class: `${baseClass}__drawer-branding` }, index.h(this.DsLinkLogo, { dsHref: brandingUrl, dsIcon: iconName, dsIconTitle: this.dsIconTitle, dsIconAriaLabel: this.dsIconAriaLabel, dsText: this.localizedSiteName, dsTarget: "_self", class: `${baseClass}__drawer-branding-link`, "aria-label": this.localizedLogoAriaLabel })), index.h(this.DsButton, { dsId: this.dsCloseButtonId, dsType: "button", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsText: this.localizedCloseText, dsIcon: "close", dsIconPosition: "end", class: `${baseClass}__drawer-close`, onClick: this.handleMobileToggle })));
     }
     renderMobileToggle() {
         const links = this.localizedLinks;
@@ -405,7 +397,7 @@ const DsRibbon = class {
             [`${baseClass}--drawer-open`]: this.isMobileDrawerOpen,
             [`${baseClass}--drawer-clicked`]: this.isMobileDrawerClicked,
         });
-        return (index.h("nav", { key: '2b9d1a1ed3be751312fc2ea10a8be977eda529da', class: ribbonClasses, "aria-label": this.localizedNavAriaLabel, ...this.inheritedAttributes }, index.h("div", { key: '734e7ac32c5fab06eb538361bb2ccc4b683ccf0e', class: `${baseClass}__container`, ...(this.isMobileDrawerOpen ? { inert: true } : {}) }, this.renderBranding(), this.renderDesktopNavigation(), this.renderMobileToggle()), this.renderMobileNavigation()));
+        return (index.h("div", { key: 'cf7741aa5f17c6f8203fac966fc822180aa09cae', class: ribbonClasses }, index.h("nav", { key: 'aef3df5ebe392617370536186c0d469dca44247b', "aria-label": this.localizedNavAriaLabel, ...(this.isMobileDrawerOpen ? { inert: true } : {}) }, index.h("div", { key: '198eda00d400fa04db0f4bc6ec1fea77c90b3278', class: `${baseClass}__container`, ...this.inheritedAttributes }, this.renderBranding(), this.renderDesktopNavigation(), this.renderMobileToggle())), this.renderMobileNavigation()));
     }
     static get watchers() { return {
         "dsIcon": ["dsIconObserver"],