@uh-design-system/component-library 1.1.0-rc.5 → 1.1.0-rc.7

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

@@ -1,12 +1,12 @@
-import { h, r as registerInstance, d as getElement, f as forceUpdate } from './index-Pzt6Wixq.js';
+import { h, r as registerInstance, d as getElement, f as forceUpdate } from './index-DK-steFu.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { a as inheritAriaAttributes, i as inheritAttributes } from './attributes-BbTh8gdl.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-Dlo38pzT.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-C0-uKwUV.js';
 import { d as declareComponentDependencies, i as idGenerator, t as transformTagName, a as ifDefined } from './utils-C1bsmWWB.js';
-import { c as cx } from './cx-cUUyxfnb.js';
-import './store-BCd58KcK.js';
+import { c as cx } from './cx-4FfBwb_9.js';
+import './store-CJjKF_JF.js';
 
-const dsLinkCss = ":host{display:inline}:host:has(.ds-link__BahgnS--standalone){display:inline-block}.ds-link__BahgnS: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__BahgnS{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__BahgnS--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__BahgnS--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__BahgnS--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__BahgnS--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__BahgnS--large{font-size:var(--ds-fontSize-18)}.ds-link__BahgnS--medium{font-size:var(--ds-fontSize-16)}.ds-link__BahgnS--small{font-size:var(--ds-fontSize-14)}.ds-link__BahgnS--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__BahgnS__icon{display:inline-block;vertical-align:-0.125em}.ds-link__BahgnS__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__BahgnS__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__BahgnS__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__BahgnS__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__BahgnS:hover,.ds-link__BahgnS:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__BahgnS:hover{color:var(--ds-textColor-link-hover)}.ds-link__BahgnS:active{color:var(--ds-textColor-link-active)}.ds-link__BahgnS:visited{color:var(--ds-textColor-link-visited)}.ds-link__BahgnS--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__BahgnS--standalone:hover,.ds-link__BahgnS--standalone:active{text-decoration-line:underline}.ds-link__BahgnS--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__BahgnS--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__BahgnS--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__BahgnS--standalone:visited{color:var(--ds-textColor-link)}.ds-link__BahgnS--colour-white{color:var(--ds-textColor-white)}.ds-link__BahgnS--colour-white:hover,.ds-link__BahgnS--colour-white:active,.ds-link__BahgnS--colour-white:visited,.ds-link__BahgnS--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__BahgnS--colour-black{color:var(--ds-textColor-default)}.ds-link__BahgnS--colour-black:hover,.ds-link__BahgnS--colour-black:active,.ds-link__BahgnS--colour-black:visited,.ds-link__BahgnS--colour-black:focus-visible{color:var(--ds-textColor-default)}";
+const dsLinkCss = ":host{display:inline}:host:has(.ds-link__kfFKF0--standalone){display:inline-block}.ds-link__kfFKF0: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__kfFKF0{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__kfFKF0--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__kfFKF0--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__kfFKF0--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__kfFKF0--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__kfFKF0--large{font-size:var(--ds-fontSize-18)}.ds-link__kfFKF0--medium{font-size:var(--ds-fontSize-16)}.ds-link__kfFKF0--small{font-size:var(--ds-fontSize-14)}.ds-link__kfFKF0--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__kfFKF0__icon{display:inline-block;vertical-align:-0.125em}.ds-link__kfFKF0__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__kfFKF0__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__kfFKF0__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__kfFKF0__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__kfFKF0:hover,.ds-link__kfFKF0:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__kfFKF0:hover{color:var(--ds-textColor-link-hover)}.ds-link__kfFKF0:active{color:var(--ds-textColor-link-active)}.ds-link__kfFKF0:visited{color:var(--ds-textColor-link-visited)}.ds-link__kfFKF0--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__kfFKF0--standalone:hover,.ds-link__kfFKF0--standalone:active{text-decoration-line:underline}.ds-link__kfFKF0--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__kfFKF0--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__kfFKF0--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__kfFKF0--standalone:visited{color:var(--ds-textColor-link)}.ds-link__kfFKF0--colour-white{color:var(--ds-textColor-white)}.ds-link__kfFKF0--colour-white:hover,.ds-link__kfFKF0--colour-white:active,.ds-link__kfFKF0--colour-white:visited,.ds-link__kfFKF0--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__kfFKF0--colour-black{color:var(--ds-textColor-default)}.ds-link__kfFKF0--colour-black:hover,.ds-link__kfFKF0--colour-black:active,.ds-link__kfFKF0--colour-black:visited,.ds-link__kfFKF0--colour-black:focus-visible{color:var(--ds-textColor-default)}";
 
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const linkIconSizeMap = {
@@ -42,11 +42,13 @@ const DsLink = class {
     dsAriaLabel;
     dsColour;
     dsTag = 'a';
-    dsIsSpaceClickable = false;
     targetBlank = null;
     async setFocus() {
         this.linkRef?.focus();
     }
+    async getLink() {
+        return this.linkRef;
+    }
     get linkAttributes() {
         if (this.dsTag !== 'a')
             return {};
@@ -82,11 +84,6 @@ const DsLink = class {
         };
         forceUpdate(this);
     }
-    handleKeyDown(event) {
-        if (this.dsTag === 'a' && this.dsIsSpaceClickable && event.key === ' ') {
-            this.linkRef.click();
-        }
-    }
     renderIcon(baseClass, iconName = this.dsIcon, iconPosition = this.dsIconPosition) {
         const iconClasses = classNames(`${baseClass}__icon`, {
             [`${baseClass}__icon--start-${this.dsVariant}`]: iconPosition === 'start',
@@ -114,7 +111,7 @@ const DsLink = class {
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-link', this.el);
         const { ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = attrAriaLabel || this.dsAriaLabel;
-        return (h(this.dsTag, { key: '1c2845c8222a5ea92125211f5e3d82fc27978a2b', ref: el => (this.linkRef = el), part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...restAttributes, ...this.linkAttributes }, h("slot", { key: '055a605ac020a1abd7e4191de3d3d14adf17ffd5', name: "prefix" }, this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass)), this.dsText, h("slot", { key: '5e248e99d2bdc06a67c4046f4d0da21972a4623f', name: "suffix" }, this.renderSuffixIcon(baseClass)), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '13638a92624d8bcfeb8afa37a1fea54c419c00c9', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (h(this.dsTag, { key: 'c2899ba19a973ae45c3c185dac19b4fa4f691cd1', ref: el => (this.linkRef = el), part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...restAttributes, ...this.linkAttributes }, h("slot", { key: 'ae8e80f65cc6f309922c343e9d661226dd76345c', name: "prefix" }, this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass)), this.dsText, h("slot", { key: '7f92ccab3f02a03c2669e0255095cccd6463ee68', name: "suffix" }, this.renderSuffixIcon(baseClass)), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '480e988cf0e164db4bd4f3b4cec074da133d3d10', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "dsTarget": ["onTargetChanged"],

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

@@ -1,5 +1,5 @@
-import { h, r as registerInstance, c as createEvent, d as getElement } from './index-Pzt6Wixq.js';
-import { c as cx } from './cx-cUUyxfnb.js';
+import { h, r as registerInstance, c as createEvent, d as getElement } from './index-DK-steFu.js';
+import { c as cx } from './cx-4FfBwb_9.js';
 import { d as declareComponentDependencies, a as ifDefined, t as transformTagName } from './utils-C1bsmWWB.js';
 import { a as inheritAriaAttributes, i as inheritAttributes } from './attributes-BbTh8gdl.js';
 

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

@@ -1,11 +1,11 @@
-import { h, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate } from './index-Pzt6Wixq.js';
+import { h, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate } from './index-DK-steFu.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-cUUyxfnb.js';
+import { c as cx } from './cx-4FfBwb_9.js';
 import { d as declareComponentDependencies, i as idGenerator, t as transformTagName, o as omit } from './utils-C1bsmWWB.js';
 import { a as inheritAriaAttributes, i as inheritAttributes } from './attributes-BbTh8gdl.js';
-import { g as getLanguage } from './store-BCd58KcK.js';
+import { g as getLanguage } from './store-CJjKF_JF.js';
 
-const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__BahgnS.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__BahgnS.ds-notification__BahgnS--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__BahgnS.ds-notification__BahgnS--neutral.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__BahgnS.ds-notification__BahgnS--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__BahgnS.ds-notification__BahgnS--neutralWhite.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__BahgnS.ds-notification__BahgnS--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__BahgnS.ds-notification__BahgnS--info.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__BahgnS.ds-notification__BahgnS--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__BahgnS.ds-notification__BahgnS--success.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__BahgnS.ds-notification__BahgnS--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__BahgnS.ds-notification__BahgnS--attention.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__BahgnS.ds-notification__BahgnS--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__BahgnS.ds-notification__BahgnS--danger.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__BahgnS__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__BahgnS__content__heading.sc-ds-notification,.ds-notification__BahgnS__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__BahgnS__content__description.sc-ds-notification{max-width:550px}";
+const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__kfFKF0.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__kfFKF0.ds-notification__kfFKF0--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__kfFKF0.ds-notification__kfFKF0--neutral.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__kfFKF0.ds-notification__kfFKF0--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__kfFKF0.ds-notification__kfFKF0--neutralWhite.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__kfFKF0.ds-notification__kfFKF0--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__kfFKF0.ds-notification__kfFKF0--info.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__kfFKF0.ds-notification__kfFKF0--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__kfFKF0.ds-notification__kfFKF0--success.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__kfFKF0.ds-notification__kfFKF0--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__kfFKF0.ds-notification__kfFKF0--attention.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__kfFKF0.ds-notification__kfFKF0--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__kfFKF0.ds-notification__kfFKF0--danger.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__kfFKF0__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__kfFKF0__content__heading.sc-ds-notification,.ds-notification__kfFKF0__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__kfFKF0__content__description.sc-ds-notification{max-width:550px}";
 
 const notificationIdGenerator = idGenerator('ds-notification');
 const variants = ['neutral', 'neutralWhite', 'info', 'success', 'attention', 'danger'];
@@ -140,7 +140,7 @@ const DsNotification = class {
         const contentClass = `${baseClass}__content`;
         const classes = classNames(baseClass, `${baseClass}--${this.variant}`);
         const restAttributes = omit(this.inheritedAttributes, ['aria-labelledby', 'aria-label']);
-        return (h("div", { key: 'f02b35539d7bb6fa7638dfc4720cb82e796f93fd', class: classes, id: this.dsId, role: "group", 'aria-labelledby': this.ariaLabelledBy, 'aria-label': this.ariaLabel, ...restAttributes }, this.dsIcon && (h("div", { key: '2172ab0219e4f5467058b63ba245c964f597a8a9', class: `${baseClass}__icon ds-p-3xs` }, h(this.DsIcon, { key: '1135d5b10dc03cc1ef41c22b6a3c88816d060823', dsName: this.dsIcon }))), h("div", { key: '2a89529e5f82030d380d59957a6a30e18e2d2e25', class: contentClass }, h("slot", { key: 'e799d6f298d533d69bd1ba09c9fbf66cb3f488e0', name: "heading" }, this.dsHeading && (h("div", { key: '44fc1bb1730d68a353d5446dfc9ba55bdb6db135', class: `${contentClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), h("slot", { key: '3b98e5c64f9612c95b3350858859e378df8d4b52', name: "description" }, this.dsDescription && h("div", { key: '7f9d8dc703d2886b1770745d6e90e45b8ba83fe6', class: `${contentClass}__description ds-text-regular-md` }, this.dsDescription)), h("slot", { key: 'e180c2e85ca9e8dc7fda4fb170bc40d8ee5a5239' })), this.dsDismissable && (h(this.DsButton, { key: '6e52d3c0f62cffeffbfaf7502190e9d583b42a73', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", "aria-labelledby": [`${this.dsId}-dismiss-button`, this.ariaLabelledBy].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, h(this.DsVisuallyHidden, { key: '6013927b6bbd386dc5bb9e23eafd061db7fac06b', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close)))));
+        return (h("div", { key: 'ed19f8afe55da2e9a832841d5503a578cd3b7cbe', class: classes, id: this.dsId, role: "group", 'aria-labelledby': this.ariaLabelledBy, 'aria-label': this.ariaLabel, ...restAttributes }, this.dsIcon && (h("div", { key: '54931f732bfe68a737c19a40ff858db0397c5675', class: `${baseClass}__icon ds-p-3xs` }, h(this.DsIcon, { key: '0d38865ed86961fa33e31831a2bd26775a95f1ce', dsName: this.dsIcon }))), h("div", { key: '675a08d70df91abadc6b959e01b11024bf44eab2', class: contentClass }, h("slot", { key: '2b966e2fef58a9542e6c25af5274796dd2562720', name: "heading" }, this.dsHeading && (h("div", { key: 'e6bbd26db474df215491cbe577a38ddd3d623f70', class: `${contentClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), h("slot", { key: '8e6b82ba03ed3bb623da1b629d9aa568d2a84e7b', name: "description" }, this.dsDescription && h("div", { key: 'a518b7921bc2753678a72aafcffd91168993d414', class: `${contentClass}__description ds-text-regular-md` }, this.dsDescription)), h("slot", { key: '834d6584069f5f16eb9eeec2e2cc83cef876bcb6' })), this.dsDismissable && (h(this.DsButton, { key: '2a23b880791bd092c44612d9eb32c2e2096da072', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", "aria-labelledby": [`${this.dsId}-dismiss-button`, this.ariaLabelledBy].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, h(this.DsVisuallyHidden, { key: 'd07b1c78f4c43c2c52bbc2516e4edc50751877b1', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close)))));
     }
     static get watchers() { return {
         "aria-label": ["ariaAttributeObserver"],

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, c as createEvent, d as getElement } from './index-Pzt6Wixq.js';
+import { h, r as registerInstance, c as createEvent, d as getElement } from './index-DK-steFu.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { d as declareComponentDependencies, i as idGenerator, t as transformTagName } from './utils-C1bsmWWB.js';
-import { c as cx } from './cx-cUUyxfnb.js';
+import { c as cx } from './cx-4FfBwb_9.js';
 import { a as inheritAriaAttributes, i as inheritAttributes } from './attributes-BbTh8gdl.js';
 
-const dsOptionCss = ".ds-option__BahgnS.sc-ds-option{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;padding:0.625rem var(--ds-spacing-small);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__BahgnS--hidden.sc-ds-option{display:none}.ds-option__BahgnS--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__BahgnS.sc-ds-option:hover:not(.ds-option__BahgnS--disabled):not(.ds-option__BahgnS--selected){background-color:var(--ds-bgColor-white-hover)}.ds-option__BahgnS.sc-ds-option:active:not(.ds-option__BahgnS--disabled):not(.ds-option__BahgnS--selected){background-color:var(--ds-bgColor-white-active)}.ds-option__BahgnS--active.sc-ds-option{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);background-color:var(--ds-bgColor-white-active)}.ds-option__BahgnS--selected.sc-ds-option{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option .ds-option__BahgnS__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option .ds-option__BahgnS__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option:hover:not(.ds-option__BahgnS--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__BahgnS--selected.sc-ds-option:active:not(.ds-option__BahgnS--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__BahgnS__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__BahgnS__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__BahgnS__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__BahgnS__description.sc-ds-option:not(:empty){display:block}";
+const dsOptionCss = ".ds-option__kfFKF0.sc-ds-option{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;padding:0.625rem var(--ds-spacing-small);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__kfFKF0--hidden.sc-ds-option{display:none}.ds-option__kfFKF0--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__kfFKF0.sc-ds-option:hover:not(.ds-option__kfFKF0--disabled):not(.ds-option__kfFKF0--selected){background-color:var(--ds-bgColor-white-hover)}.ds-option__kfFKF0.sc-ds-option:active:not(.ds-option__kfFKF0--disabled):not(.ds-option__kfFKF0--selected){background-color:var(--ds-bgColor-white-active)}.ds-option__kfFKF0--active.sc-ds-option{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);background-color:var(--ds-bgColor-white-active)}.ds-option__kfFKF0--selected.sc-ds-option{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option .ds-option__kfFKF0__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option .ds-option__kfFKF0__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option:hover:not(.ds-option__kfFKF0--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__kfFKF0--selected.sc-ds-option:active:not(.ds-option__kfFKF0--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__kfFKF0__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__kfFKF0__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__kfFKF0__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__kfFKF0__description.sc-ds-option:not(:empty){display:block}";
 
 const optionIdGenerator = idGenerator('ds-option');
 const DsOption = class {
@@ -106,7 +106,7 @@ const DsOption = class {
 declareComponentDependencies([h("ds-icon", { dsName: "" })]);
 DsOption.style = dsOptionCss;
 
-const dsOptionGroupCss = ".ds-option-group__BahgnS.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__BahgnS--hidden.sc-ds-option-group{display:none}.ds-option-group__BahgnS.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__BahgnS__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__BahgnS__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
+const dsOptionGroupCss = ".ds-option-group__kfFKF0.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__kfFKF0--hidden.sc-ds-option-group{display:none}.ds-option-group__kfFKF0.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__kfFKF0__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__kfFKF0__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
 
 const DsOptionGroup = class {
     constructor(hostRef) {
@@ -142,9 +142,9 @@ const DsOptionGroup = class {
     }
     render() {
         const baseClass = cx('ds-option-group');
-        return (h("div", { key: '662f0fe9a95a6f6d560dc305691927d75d6f1d25', class: classNames(`${baseClass}`, {
+        return (h("div", { key: '6cfef6e259180c2c6191590c78f593610d04db1c', class: classNames(`${baseClass}`, {
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, h("div", { key: '4e6eb8532b6c434ca560617168712390fceda1be', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), h("slot", { key: '813b9c1d2ec3d2b113cbee45f4481cd30aa73d65' })));
+            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, h("div", { key: '6d7f24fb598812a18facd98f83d5d588697793ff', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), h("slot", { key: '6ab0e84bf79bb480fc0a4849ff338979627af020' })));
     }
     static get watchers() { return {
         "dsLabel": ["dsLabelObserver"]

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, d as getElement } from './index-Pzt6Wixq.js';
-import { g as getLanguage } from './store-BCd58KcK.js';
-import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-BzjXEfZo.js';
+import { h, r as registerInstance, d as getElement } from './index-DK-steFu.js';
+import { g as getLanguage } from './store-CJjKF_JF.js';
+import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-Cwuo3XhJ.js';
 import { d as declareComponentDependencies, t as transformTagName } from './utils-C1bsmWWB.js';
-import { c as cx } from './cx-cUUyxfnb.js';
+import { c as cx } from './cx-4FfBwb_9.js';
 
-const dsOptionsMessageCss = ".ds-options-message__BahgnS.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__BahgnS__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__BahgnS__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__BahgnS__error__title.sc-ds-options-message,.ds-options-message__BahgnS__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__BahgnS__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__BahgnS__error__text.sc-ds-options-message,.ds-options-message__BahgnS__loading__text.sc-ds-options-message,.ds-options-message__BahgnS__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__BahgnS__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__kfFKF0.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__kfFKF0__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__kfFKF0__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__kfFKF0__error__title.sc-ds-options-message,.ds-options-message__kfFKF0__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__kfFKF0__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__kfFKF0__error__text.sc-ds-options-message,.ds-options-message__kfFKF0__loading__text.sc-ds-options-message,.ds-options-message__kfFKF0__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__kfFKF0__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";
 
 const defaultTextFns = {
     dsErrorTitle: weCouldNotLoadOptions,

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, c as createEvent, d as getElement, h, f as forceUpdate, H as Host } from './index-Pzt6Wixq.js';
+import { r as registerInstance, c as createEvent, d as getElement, h, f as forceUpdate, H as Host } from './index-DK-steFu.js';
 import { t as transformTagName, a as ifDefined, d as declareComponentDependencies, i as idGenerator, b as debounce } from './utils-C1bsmWWB.js';
-import { c as cx } from './cx-cUUyxfnb.js';
+import { c as cx } from './cx-4FfBwb_9.js';
 import { a as inheritAriaAttributes, i as inheritAttributes } from './attributes-BbTh8gdl.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { q as selectAnOption, b as atLeastOneOption, e as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, f as tryAgainOrIfTheProblemPersists, r as removeSelection } from './controlUtils-BzjXEfZo.js';
+import { q as selectAnOption, b as atLeastOneOption, e as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, f as tryAgainOrIfTheProblemPersists, r as removeSelection } from './controlUtils-Cwuo3XhJ.js';
 import { F as FEEDBACK_RESET_TIMEOUT } from './constants-DCE1bBlR.js';
-import './store-BCd58KcK.js';
+import './store-CJjKF_JF.js';
 
-const dsOptionsCss = ".ds-options__BahgnS__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__BahgnS.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__BahgnS.sc-ds-options:focus{outline:none}.ds-options__BahgnS__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__BahgnS__top-scrim.sc-ds-options,.ds-options__BahgnS__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__BahgnS__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__BahgnS__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__BahgnS.has-top-scrim.sc-ds-options .ds-options__BahgnS__top-scrim.sc-ds-options{display:block}.ds-options__BahgnS.has-bottom-scrim.sc-ds-options .ds-options__BahgnS__bottom-scrim.sc-ds-options{display:block}.ds-options__BahgnS.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__BahgnS.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
+const dsOptionsCss = ".ds-options__kfFKF0__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__kfFKF0.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__kfFKF0.sc-ds-options:focus{outline:none}.ds-options__kfFKF0__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__kfFKF0__top-scrim.sc-ds-options,.ds-options__kfFKF0__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__kfFKF0__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__kfFKF0__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__kfFKF0.has-top-scrim.sc-ds-options .ds-options__kfFKF0__top-scrim.sc-ds-options{display:block}.ds-options__kfFKF0.has-bottom-scrim.sc-ds-options .ds-options__kfFKF0__bottom-scrim.sc-ds-options{display:block}.ds-options__kfFKF0.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__kfFKF0.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
 
 const DsOptions = class {
     constructor(hostRef) {
@@ -131,7 +131,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__BahgnS-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__BahgnS-custom.sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__BahgnS-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__BahgnS-custom-wrapper.sc-ds-select{position:relative}.ds-select__BahgnS-custom.sc-ds-select .ds-options__BahgnS.sc-ds-select{display:block}.ds-select__BahgnS-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__BahgnS-custom.sc-ds-select:not(.ds-select__BahgnS-custom--open,.ds-select__BahgnS-custom--invalid.sc-ds-select,.ds-select__BahgnS-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__BahgnS-custom.sc-ds-select:active:not(.ds-select__BahgnS-custom--open,.ds-select__BahgnS-custom--invalid.sc-ds-select,.ds-select__BahgnS-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__BahgnS-custom--open.sc-ds-select,.ds-select__BahgnS-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__BahgnS-custom--open.sc-ds-select:not(.ds-select__BahgnS-custom--open--invalid,.ds-select__BahgnS-custom.sc-ds-select:focus-visible--invalid),.ds-select__BahgnS-custom.sc-ds-select:focus-visible:not(.ds-select__BahgnS-custom--open--invalid,.ds-select__BahgnS-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__BahgnS-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__BahgnS-custom--disabled.sc-ds-select .ds-select__BahgnS-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__BahgnS-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__BahgnS-custom--invalid.sc-ds-select:not(.ds-select__BahgnS-custom--invalid--open,.ds-select__BahgnS-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__BahgnS-custom--invalid.sc-ds-select:not(.ds-select__BahgnS-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__BahgnS-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px))}.ds-select__BahgnS-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__BahgnS-custom--has-icon.sc-ds-select .ds-select__BahgnS-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__BahgnS-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:inherit;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__BahgnS-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__BahgnS-custom__clear-button.sc-ds-select{position:absolute;right:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px));cursor:pointer}.ds-select__BahgnS-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__BahgnS-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__BahgnS-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__BahgnS-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__BahgnS-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__BahgnS-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__BahgnS-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__BahgnS-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__BahgnS-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__BahgnS-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__BahgnS-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){.sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__kfFKF0-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__kfFKF0-custom.sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__kfFKF0-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__kfFKF0-custom-wrapper.sc-ds-select{position:relative}.ds-select__kfFKF0-custom.sc-ds-select .ds-options__kfFKF0.sc-ds-select{display:block}.ds-select__kfFKF0-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__kfFKF0-custom.sc-ds-select:not(.ds-select__kfFKF0-custom--open,.ds-select__kfFKF0-custom--invalid.sc-ds-select,.ds-select__kfFKF0-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__kfFKF0-custom.sc-ds-select:active:not(.ds-select__kfFKF0-custom--open,.ds-select__kfFKF0-custom--invalid.sc-ds-select,.ds-select__kfFKF0-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__kfFKF0-custom--open.sc-ds-select,.ds-select__kfFKF0-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__kfFKF0-custom--open.sc-ds-select:not(.ds-select__kfFKF0-custom--open--invalid,.ds-select__kfFKF0-custom.sc-ds-select:focus-visible--invalid),.ds-select__kfFKF0-custom.sc-ds-select:focus-visible:not(.ds-select__kfFKF0-custom--open--invalid,.ds-select__kfFKF0-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__kfFKF0-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__kfFKF0-custom--disabled.sc-ds-select .ds-select__kfFKF0-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__kfFKF0-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__kfFKF0-custom--invalid.sc-ds-select:not(.ds-select__kfFKF0-custom--invalid--open,.ds-select__kfFKF0-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__kfFKF0-custom--invalid.sc-ds-select:not(.ds-select__kfFKF0-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__kfFKF0-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px))}.ds-select__kfFKF0-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__kfFKF0-custom--has-icon.sc-ds-select .ds-select__kfFKF0-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__kfFKF0-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:inherit;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__kfFKF0-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__kfFKF0-custom__clear-button.sc-ds-select{position:absolute;right:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px));cursor:pointer}.ds-select__kfFKF0-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__kfFKF0-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__kfFKF0-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__kfFKF0-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__kfFKF0-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__kfFKF0-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__kfFKF0-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__kfFKF0-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__kfFKF0-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__kfFKF0-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__kfFKF0-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 = idGenerator('ds-select');
 const defaultTextFns = {

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

@@ -1,12 +1,12 @@
-import { h, r as registerInstance, c as createEvent, d as getElement, H as Host } from './index-Pzt6Wixq.js';
+import { h, r as registerInstance, c as createEvent, d as getElement, H as Host } from './index-DK-steFu.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { d as declareComponentDependencies, i as idGenerator, t as transformTagName } from './utils-C1bsmWWB.js';
 import { a as inheritAriaAttributes, i as inheritAttributes } from './attributes-BbTh8gdl.js';
-import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-BzjXEfZo.js';
-import { c as cx } from './cx-cUUyxfnb.js';
-import './store-BCd58KcK.js';
+import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-Cwuo3XhJ.js';
+import { c as cx } from './cx-4FfBwb_9.js';
+import './store-CJjKF_JF.js';
 
-const dsRadioButtonGroupCss = ".ds-radio-button-group__BahgnS{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__BahgnS__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__BahgnS__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__BahgnS__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__BahgnS__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__kfFKF0{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__kfFKF0__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__kfFKF0__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__kfFKF0__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__kfFKF0__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 = idGenerator('ds-radio-button-group');
 const DsRadioButtonGroup = class {

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

@@ -1,12 +1,12 @@
-import { h, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, F as Fragment } from './index-Pzt6Wixq.js';
+import { h, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, F as Fragment } from './index-DK-steFu.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { a as inheritAriaAttributes, i as inheritAttributes } from './attributes-BbTh8gdl.js';
-import { v as validityMessage, g as getRequiredText } from './controlUtils-BzjXEfZo.js';
+import { v as validityMessage, g as getRequiredText } from './controlUtils-Cwuo3XhJ.js';
 import { d as declareComponentDependencies, i as idGenerator, t as transformTagName, a as ifDefined } from './utils-C1bsmWWB.js';
-import { c as cx } from './cx-cUUyxfnb.js';
-import './store-BCd58KcK.js';
+import { c as cx } from './cx-4FfBwb_9.js';
+import './store-CJjKF_JF.js';
 
-const dsRadioButtonCss = ".ds-radio-button__BahgnS.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__BahgnS.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__BahgnS__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__BahgnS__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__BahgnS__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__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__BahgnS.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__BahgnS.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__BahgnS.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__BahgnS.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__BahgnS-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__BahgnS-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__BahgnS-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__kfFKF0.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__kfFKF0.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__kfFKF0__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__kfFKF0__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__kfFKF0__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__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__kfFKF0.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__kfFKF0.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__kfFKF0.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__kfFKF0.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__kfFKF0-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__kfFKF0-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__kfFKF0-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 = idGenerator('ds-radio-button');
 const DsRadioButton = class {