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

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

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, h } from './index-D-3Utc_w.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, h } from './index-DMOd3Txt.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-D5b3InWI.js';
-import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-C1bsmWWB.js';
-import { l as linkFactory } from './linkFactory-Dqycn-DI.js';
-import { c as cx } from './cx-CiFpdjHK.js';
-import './store-B9-Hp5ie.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-C0RrtKGl.js';
+import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-C8DF05Gj.js';
+import { l as linkFactory } from './linkFactory-q3dxShe1.js';
+import { c as cx } from './cx-CXOw43j9.js';
+import './store-DEGvGUCM.js';
 
-const dsLinkCtaCss = ":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-cta__DFAX9n{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__DFAX9n__text{padding:0 var(--ds-spacing-3xSmall, 4px);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-cta__DFAX9n__icon{margin-left:var(--ds-spacing-3xSmall, 4px)}.ds-link-cta__DFAX9n:has(.ds-link-cta__DFAX9n__spinner):not(.ds-link-cta__DFAX9n--small) .ds-link-cta__DFAX9n__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__DFAX9n--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__DFAX9n:not(.ds-link-cta__DFAX9n--small):not(.ds-link-cta__DFAX9n--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__DFAX9n:not(.ds-link-cta__DFAX9n--small).ds-link-cta__DFAX9n--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__DFAX9n:not(.ds-link-cta__DFAX9n--small).ds-link-cta__DFAX9n--icon-only{padding-left:0;padding-right:0}.ds-link-cta__DFAX9n--small:not(.ds-link-cta__DFAX9n--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__DFAX9n--small.ds-link-cta__DFAX9n--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__DFAX9n--small.ds-link-cta__DFAX9n--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__DFAX9n--small .ds-link-cta__DFAX9n__icon{height:1rem}.ds-link-cta__DFAX9n--icon-start:not(.ds-link-cta__DFAX9n--small) .ds-link-cta__DFAX9n__icon{margin-right:var(--ds-spacing-3xSmall)}.ds-link-cta__DFAX9n--icon-end:not(.ds-link-cta__DFAX9n--small) .ds-link-cta__DFAX9n__icon{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue: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-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black: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-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue: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-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black: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-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";
+const dsLinkCtaCss = ":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-cta__rbEY9j{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__rbEY9j__text{padding:0 var(--ds-spacing-3xSmall, 4px);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-cta__rbEY9j__icon{margin-left:var(--ds-spacing-3xSmall, 4px)}.ds-link-cta__rbEY9j:has(.ds-link-cta__rbEY9j__spinner):not(.ds-link-cta__rbEY9j--small) .ds-link-cta__rbEY9j__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__rbEY9j--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__rbEY9j:not(.ds-link-cta__rbEY9j--small):not(.ds-link-cta__rbEY9j--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__rbEY9j:not(.ds-link-cta__rbEY9j--small).ds-link-cta__rbEY9j--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__rbEY9j:not(.ds-link-cta__rbEY9j--small).ds-link-cta__rbEY9j--icon-only{padding-left:0;padding-right:0}.ds-link-cta__rbEY9j--small:not(.ds-link-cta__rbEY9j--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__rbEY9j--small.ds-link-cta__rbEY9j--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__rbEY9j--small.ds-link-cta__rbEY9j--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__rbEY9j--small .ds-link-cta__rbEY9j__icon{height:1rem}.ds-link-cta__rbEY9j--icon-start:not(.ds-link-cta__rbEY9j--small) .ds-link-cta__rbEY9j__icon{margin-right:var(--ds-spacing-3xSmall)}.ds-link-cta__rbEY9j--icon-end:not(.ds-link-cta__rbEY9j--small) .ds-link-cta__rbEY9j__icon{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--blue: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-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--black: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-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--primary.ds-link-cta__rbEY9j--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--blue: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-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--black: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-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--black{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--white{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__rbEY9j.ds-link-cta__rbEY9j--secondary.ds-link-cta__rbEY9j--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";
 
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkCta = class extends Mixin(linkFactory) {

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

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-D-3Utc_w.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-DMOd3Txt.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { c as inheritSpecifiedAttributes, b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies, o as omit } from './utils-C1bsmWWB.js';
-import { l as linkFactory } from './linkFactory-Dqycn-DI.js';
-import { c as cx } from './cx-CiFpdjHK.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-D5b3InWI.js';
-import './store-B9-Hp5ie.js';
+import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies, o as omit } from './utils-C8DF05Gj.js';
+import { l as linkFactory } from './linkFactory-q3dxShe1.js';
+import { c as cx } from './cx-CXOw43j9.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-C0RrtKGl.js';
+import './store-DEGvGUCM.js';
 
-const dsLinkLogoCss = ":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__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-logo__DFAX9n{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall, 0.5rem);color:var(--ds-textColor-default, #0c0c0c);cursor:pointer;font-family:var(--ds-fontFamily-headings);font-size:var(--ds-fontSize-14, 0.875rem);font-weight:var(--ds-fontWeight-bold, 700);letter-spacing:-0.04375rem;line-height:1;text-transform:uppercase}.ds-link-logo__DFAX9n:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__DFAX9n{font-size:var(--ds-fontSize-16, 1rem)}}";
+const dsLinkLogoCss = ":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__rbEY9j: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-logo__rbEY9j{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall, 0.5rem);color:var(--ds-textColor-default, #0c0c0c);cursor:pointer;font-family:var(--ds-fontFamily-headings);font-size:var(--ds-fontSize-14, 0.875rem);font-weight:var(--ds-fontWeight-bold, 700);letter-spacing:-0.04375rem;line-height:1;text-transform:uppercase}.ds-link-logo__rbEY9j:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__rbEY9j{font-size:var(--ds-fontSize-16, 1rem)}}";
 
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkLogo = class extends Mixin(linkFactory) {
@@ -81,7 +81,7 @@ const DsLinkLogo = class extends Mixin(linkFactory) {
 declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-link", { dsText: "" })]);
 DsLinkLogo.style = dsLinkLogoCss;
 
-const dsTagCss = ".ds-tag__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-tag__DFAX9n:focus-within{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-tag__DFAX9n{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__DFAX9n.ds-tag__DFAX9n--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__DFAX9n.ds-tag__DFAX9n--default:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--default:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__DFAX9n.ds-tag__DFAX9n--black:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--black:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__DFAX9n.ds-tag__DFAX9n--white:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--white:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__DFAX9n.ds-tag__DFAX9n--info:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--info:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__DFAX9n.ds-tag__DFAX9n--danger:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--danger:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__DFAX9n.ds-tag__DFAX9n--attention:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--attention:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__DFAX9n.ds-tag__DFAX9n--success:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--success:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__DFAX9n__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__DFAX9n__link{display:contents}.ds-tag__DFAX9n__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";
+const dsTagCss = ".ds-tag__rbEY9j: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-tag__rbEY9j:focus-within{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-tag__rbEY9j{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__rbEY9j.ds-tag__rbEY9j--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__rbEY9j.ds-tag__rbEY9j--default:has(.ds-tag__rbEY9j__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__rbEY9j.ds-tag__rbEY9j--default:has(.ds-tag__rbEY9j__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__rbEY9j.ds-tag__rbEY9j--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__rbEY9j.ds-tag__rbEY9j--black:has(.ds-tag__rbEY9j__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__rbEY9j.ds-tag__rbEY9j--black:has(.ds-tag__rbEY9j__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__rbEY9j.ds-tag__rbEY9j--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__rbEY9j.ds-tag__rbEY9j--white:has(.ds-tag__rbEY9j__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__rbEY9j.ds-tag__rbEY9j--white:has(.ds-tag__rbEY9j__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__rbEY9j.ds-tag__rbEY9j--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__rbEY9j.ds-tag__rbEY9j--info:has(.ds-tag__rbEY9j__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__rbEY9j.ds-tag__rbEY9j--info:has(.ds-tag__rbEY9j__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__rbEY9j.ds-tag__rbEY9j--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__rbEY9j.ds-tag__rbEY9j--danger:has(.ds-tag__rbEY9j__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__rbEY9j.ds-tag__rbEY9j--danger:has(.ds-tag__rbEY9j__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__rbEY9j.ds-tag__rbEY9j--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__rbEY9j.ds-tag__rbEY9j--attention:has(.ds-tag__rbEY9j__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__rbEY9j.ds-tag__rbEY9j--attention:has(.ds-tag__rbEY9j__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__rbEY9j.ds-tag__rbEY9j--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__rbEY9j.ds-tag__rbEY9j--success:has(.ds-tag__rbEY9j__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__rbEY9j.ds-tag__rbEY9j--success:has(.ds-tag__rbEY9j__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__rbEY9j__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__rbEY9j__link{display:contents}.ds-tag__rbEY9j__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";
 
 const DsTag = class {
     constructor(hostRef) {
@@ -96,6 +96,7 @@ const DsTag = class {
     dsTarget;
     dsHref;
     dsColour = 'default';
+    dsRole;
     dsAriaHidden;
     componentWillLoad() {
         this.inheritedAttributes = {
@@ -111,8 +112,9 @@ const DsTag = class {
         const DsIcon = transformTagName('ds-icon', 'ds-tag', this.el);
         const DsLink = transformTagName('ds-link', 'ds-tag', this.el);
         const ariaHidden = this.dsAriaHidden !== undefined ? this.dsAriaHidden : this.dsHref ? false : true;
-        const restAttributes = omit(this.inheritedAttributes, ['aria-hidden']);
-        return (h("div", { key: '2036fd3502b7a7d035db204f94a2d2d72ae54dec', class: classes, ...restAttributes, "aria-hidden": ariaHidden }, h("slot", { key: 'b15093ac785e26444835eee3a0051e520f3f31e7', name: "prefix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'start' ? h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null), h("slot", { key: '89800d5086bf1b52dc4c5791985e5dbb98a614ec' }, this.dsHref ? (h(DsLink, { class: `${baseClass}__link`, dsText: this.dsText, dsHref: this.dsHref, dsTarget: this.dsTarget, dsDownload: this.dsDownload, dsColour: this.dsColour === 'black' ? 'white' : 'black', dsSize: "small", dsWeight: "semibold" })) : (h("span", { class: `${baseClass}__text` }, this.dsText))), h("slot", { key: 'b13686f17d29f22d2ba343399b7711a71a2a65ac', name: "suffix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'end' ? h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null)));
+        const role = this.dsRole ?? this.inheritedAttributes.role;
+        const restAttributes = omit(this.inheritedAttributes, ['aria-hidden', 'role']);
+        return (h("div", { key: 'c3866cb7a61595782d3b805eeb2c4c9d4042c80c', class: classes, ...restAttributes, "aria-hidden": ariaHidden, role: role }, h("slot", { key: 'db69537f46a5cf7ef6279fedf18e56472230463b', name: "prefix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'start' ? h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null), h("slot", { key: 'f89f267cd490dc5889e235c705b74533eb25ac8d' }, this.dsHref ? (h(DsLink, { class: `${baseClass}__link`, dsText: this.dsText, dsHref: this.dsHref, dsTarget: this.dsTarget, dsDownload: this.dsDownload, dsColour: this.dsColour === 'black' ? 'white' : 'black', dsSize: "small", dsWeight: "semibold" })) : (h("span", { class: `${baseClass}__text` }, this.dsText))), h("slot", { key: '08098e89678baedc1a2510cd0896d463acb89d90', name: "suffix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'end' ? h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null)));
     }
 };
 declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-link", { dsText: "" })]);

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

@@ -1,15 +1,15 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, h } from './index-D-3Utc_w.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, h } from './index-DMOd3Txt.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-D5b3InWI.js';
-import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-C1bsmWWB.js';
-import { l as linkFactory } from './linkFactory-Dqycn-DI.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-BmasIGdA.js';
-import { c as cx } from './cx-CiFpdjHK.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-C0RrtKGl.js';
+import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-C8DF05Gj.js';
+import { l as linkFactory } from './linkFactory-q3dxShe1.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DfnyEpG4.js';
+import { c as cx } from './cx-CXOw43j9.js';
 import { i as isGreaterThanEqualBreakpoint } from './utils-Bx_CJAgx.js';
-import './store-B9-Hp5ie.js';
+import './store-DEGvGUCM.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__rbEY9j--full-width){width:100%}.ds-link-with-arrow__rbEY9j: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__rbEY9j{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__rbEY9j{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__rbEY9j--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__rbEY9j__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__rbEY9j__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__rbEY9j__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__rbEY9j__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__rbEY9j__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__rbEY9j__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__rbEY9j:hover,.ds-link-with-arrow__rbEY9j: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__rbEY9j:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__rbEY9j:active,.ds-link-with-arrow__rbEY9j:focus-visible{color:var(--ds-textColor-link-active)}";
 
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkWithArrow = class extends Mixin(linkFactory, ariaDeprecationFactory) {

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

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-D-3Utc_w.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-DMOd3Txt.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-D5b3InWI.js';
-import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-C1bsmWWB.js';
-import { l as linkFactory } from './linkFactory-Dqycn-DI.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-BmasIGdA.js';
-import { c as cx } from './cx-CiFpdjHK.js';
-import './store-B9-Hp5ie.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-C0RrtKGl.js';
+import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-C8DF05Gj.js';
+import { l as linkFactory } from './linkFactory-q3dxShe1.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DfnyEpG4.js';
+import { c as cx } from './cx-CXOw43j9.js';
+import './store-DEGvGUCM.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__rbEY9j--standalone){display:inline-block}.ds-link__rbEY9j: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__rbEY9j{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__rbEY9j--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__rbEY9j--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__rbEY9j--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__rbEY9j--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__rbEY9j--large{font-size:var(--ds-fontSize-18)}.ds-link__rbEY9j--medium{font-size:var(--ds-fontSize-16)}.ds-link__rbEY9j--small{font-size:var(--ds-fontSize-14)}.ds-link__rbEY9j--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__rbEY9j__icon{display:inline-block;vertical-align:-0.125em}.ds-link__rbEY9j__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__rbEY9j__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__rbEY9j__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__rbEY9j__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__rbEY9j:hover,.ds-link__rbEY9j:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__rbEY9j:hover{color:var(--ds-textColor-link-hover)}.ds-link__rbEY9j:active{color:var(--ds-textColor-link-active)}.ds-link__rbEY9j:visited{color:var(--ds-textColor-link-visited)}.ds-link__rbEY9j--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__rbEY9j--standalone:hover,.ds-link__rbEY9j--standalone:active{text-decoration-line:underline}.ds-link__rbEY9j--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__rbEY9j--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__rbEY9j--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__rbEY9j--standalone:visited{color:var(--ds-textColor-link)}.ds-link__rbEY9j--colour-white{color:var(--ds-textColor-white)}.ds-link__rbEY9j--colour-white:hover,.ds-link__rbEY9j--colour-white:active,.ds-link__rbEY9j--colour-white:visited,.ds-link__rbEY9j--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__rbEY9j--colour-black{color:var(--ds-textColor-default)}.ds-link__rbEY9j--colour-black:hover,.ds-link__rbEY9j--colour-black:active,.ds-link__rbEY9j--colour-black:visited,.ds-link__rbEY9j--colour-black:focus-visible{color:var(--ds-textColor-default)}";
 
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const linkIconSizeMap = {

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, c as createEvent, d as getElement } from './index-D-3Utc_w.js';
-import { c as cx } from './cx-CiFpdjHK.js';
-import { d as declareComponentDependencies, a as ifDefined, t as transformTagName } from './utils-C1bsmWWB.js';
+import { h, r as registerInstance, c as createEvent, d as getElement } from './index-DMOd3Txt.js';
+import { c as cx } from './cx-CXOw43j9.js';
+import { d as declareComponentDependencies, a as ifDefined, t as transformTagName } from './utils-C8DF05Gj.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getLanguage } from './store-B9-Hp5ie.js';
+import { g as getLanguage } from './store-DEGvGUCM.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__rbEY9j{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__rbEY9j .ds-media__image,.ds-media__rbEY9j .ds-media__video,.ds-media__rbEY9j .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__rbEY9j .ds-media__image--fluid,.ds-media__rbEY9j .ds-media__video--fluid,.ds-media__rbEY9j .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__rbEY9j__youtube{border:none;object-fit:initial}.ds-media__rbEY9j--loading .ds-media__image,.ds-media__rbEY9j--loading .ds-media__video{opacity:0}.ds-media__rbEY9j--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__rbEY9j--error .ds-media__image,.ds-media__rbEY9j--error .ds-media__video{display:none}.ds-media__rbEY9j--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__rbEY9j--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__rbEY9j--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__rbEY9j--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__rbEY9j--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__rbEY9j--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__rbEY9j--fluid{width:100%;height:100%}.ds-media__rbEY9j--fluid .ds-media__rbEY9j__image,.ds-media__rbEY9j--fluid .ds-media__rbEY9j__video,.ds-media__rbEY9j--fluid .ds-media__rbEY9j__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__rbEY9j{border-radius:2px}.ds-media__rbEY9j__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__rbEY9j__loading-text{font-size:12px}.ds-media__rbEY9j__error-icon{width:40px;height:40px}.ds-media__rbEY9j__error-text{font-size:12px}}";
 
 const DsMedia = class {
     constructor(hostRef) {
@@ -154,11 +154,12 @@ const DsMedia = class {
         return (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() {
-        transformTagName('ds-spinner', 'ds-media', this.el);
-        return h("ds-spinner", { "ds-size": "2xLarge" });
+        const DsSpinner = transformTagName('ds-spinner', 'ds-media', this.el);
+        return h(DsSpinner, { dsSize: "2xLarge" });
     }
     renderErrorState() {
-        return (h("div", { class: "ds-media__error", role: "alert", "aria-live": "polite" }, h("svg", { class: "ds-media__error-icon", viewBox: "0 0 24 24", fill: "currentColor" }, 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" })), h("span", { class: "ds-media__error-text" }, this.errorMessage)));
+        const DsIcon = transformTagName('ds-icon', 'ds-media', this.el);
+        return (h("div", { class: "ds-media__error", role: "alert", "aria-live": "polite" }, h(DsIcon, { dsName: "warning", dsSize: "2rem", dsColour: "ds-bgColor-danger-bold" }), h("span", { class: "ds-media__error-text" }, this.errorMessage)));
     }
     renderMedia() {
         switch (this.dsType) {
@@ -176,7 +177,7 @@ const DsMedia = class {
         const aspectRatioParts = this.dsAspectRatio.split('/');
         const aspectRatioValue = aspectRatioParts.length === 2 ? `${aspectRatioParts[0]} / ${aspectRatioParts[1]}` : this.dsAspectRatio;
         const baseClass = cx('ds-media');
-        return (h("div", { key: '70139835aecca54ed7aa3b916cdb6a16d6043725', class: {
+        return (h("div", { key: 'b0523b11243b32108bc78455315786a0e04c8b03', class: {
                 [baseClass]: true,
                 [`${baseClass}--loading`]: this.isLoading,
                 [`${baseClass}--error`]: this.hasError,
@@ -193,7 +194,7 @@ const DsMedia = class {
         "dsType": ["onTypeChange"]
     }; }
 };
-declareComponentDependencies([h("ds-spinner", null)]);
+declareComponentDependencies([h("ds-spinner", null), h("ds-icon", { dsName: "" })]);
 DsMedia.style = dsMediaCss;
 
 export { DsMedia as ds_media };

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

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-D-3Utc_w.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-DMOd3Txt.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CiFpdjHK.js';
-import { i as idGenerator, t as transformTagName, o as omit, d as declareComponentDependencies } from './utils-C1bsmWWB.js';
+import { c as cx } from './cx-CXOw43j9.js';
+import { i as idGenerator, t as transformTagName, o as omit, d as declareComponentDependencies } from './utils-C8DF05Gj.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getLanguage } from './store-B9-Hp5ie.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-BmasIGdA.js';
+import { g as getLanguage } from './store-DEGvGUCM.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DfnyEpG4.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__rbEY9j.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__rbEY9j.ds-notification__rbEY9j--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__rbEY9j.ds-notification__rbEY9j--neutral.sc-ds-notification .ds-notification__rbEY9j__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__rbEY9j.ds-notification__rbEY9j--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__rbEY9j.ds-notification__rbEY9j--neutralWhite.sc-ds-notification .ds-notification__rbEY9j__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__rbEY9j.ds-notification__rbEY9j--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__rbEY9j.ds-notification__rbEY9j--info.sc-ds-notification .ds-notification__rbEY9j__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__rbEY9j.ds-notification__rbEY9j--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__rbEY9j.ds-notification__rbEY9j--success.sc-ds-notification .ds-notification__rbEY9j__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__rbEY9j.ds-notification__rbEY9j--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__rbEY9j.ds-notification__rbEY9j--attention.sc-ds-notification .ds-notification__rbEY9j__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__rbEY9j.ds-notification__rbEY9j--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__rbEY9j.ds-notification__rbEY9j--danger.sc-ds-notification .ds-notification__rbEY9j__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__rbEY9j__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__rbEY9j__content__heading.sc-ds-notification,.ds-notification__rbEY9j__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__rbEY9j__content__description.sc-ds-notification{max-width:550px}";
 
 const notificationIdGenerator = idGenerator('ds-notification');
 const variants = ['neutral', 'neutralWhite', 'info', 'success', 'attention', 'danger'];

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, c as createEvent, d as getElement, F as Fragment } from './index-D-3Utc_w.js';
+import { h, r as registerInstance, c as createEvent, d as getElement, F as Fragment } from './index-DMOd3Txt.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { i as idGenerator, d as declareComponentDependencies, t as transformTagName } from './utils-C1bsmWWB.js';
-import { c as cx } from './cx-CiFpdjHK.js';
+import { i as idGenerator, d as declareComponentDependencies, t as transformTagName } from './utils-C8DF05Gj.js';
+import { c as cx } from './cx-CXOw43j9.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.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__rbEY9j.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__rbEY9j.sc-ds-option:not(.ds-option__rbEY9j--multiple){justify-content:space-between}.ds-option__rbEY9j--hidden.sc-ds-option{display:none}.ds-option__rbEY9j--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__rbEY9j.sc-ds-option:hover:not(.ds-option__rbEY9j--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__rbEY9j.sc-ds-option:active:not(.ds-option__rbEY9j--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__rbEY9j--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__rbEY9j--active.ds-option__rbEY9j--selected.sc-ds-option:not(.ds-option__rbEY9j--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__rbEY9j--multiple.ds-option__rbEY9j--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__rbEY9j--multiple.sc-ds-option .ds-option__rbEY9j__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__rbEY9j--multiple.ds-option__rbEY9j--disabled.sc-ds-option .ds-option__rbEY9j__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__rbEY9j--multiple.ds-option__rbEY9j--disabled.sc-ds-option:not(.ds-option__rbEY9j--selected) .ds-option__rbEY9j__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__rbEY9j--selected.sc-ds-option .ds-option__rbEY9j__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__rbEY9j--selected.sc-ds-option:not(.ds-option__rbEY9j--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__rbEY9j--selected.sc-ds-option:not(.ds-option__rbEY9j--multiple).ds-option__rbEY9j--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__rbEY9j--selected.sc-ds-option:not(.ds-option__rbEY9j--multiple) .ds-option__rbEY9j__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__rbEY9j--selected.sc-ds-option:not(.ds-option__rbEY9j--multiple) .ds-option__rbEY9j__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__rbEY9j--selected.sc-ds-option:not(.ds-option__rbEY9j--multiple).ds-option__rbEY9j--disabled .ds-option__rbEY9j__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__rbEY9j--selected.sc-ds-option:not(.ds-option__rbEY9j--multiple):hover:not(.ds-option__rbEY9j--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__rbEY9j--selected.sc-ds-option:not(.ds-option__rbEY9j--multiple):active:not(.ds-option__rbEY9j--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__rbEY9j__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__rbEY9j__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__rbEY9j__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__rbEY9j__description.sc-ds-option:not(:empty){display:block}";
 
 const optionIdGenerator = idGenerator('ds-option');
 const DsOption = class {
@@ -105,7 +105,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 && (h("span", { key: 'f90215a6d4b9afedf691a745e3de6e387ea17676', class: `${baseClass}__checkbox` }, this.dsSelected && (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' })))), h(Fragment, { key: '3f6213558f0891e0bfad1ff84d8d376d8bc912cf' }, h("span", { key: '9ade52c8f8a83086a0fd1f62379b5c264f7e23be' }, h("span", { key: 'db32123c6198a413035e4f4b6fc0be38d5546972', class: `${baseClass}__label`, ref: el => (this.optionLabelTextRef = el) }, h("slot", { key: 'bdf425943717ee71e5edecfd996313ac4dad705c' }, this.dsLabel)), this.dsDescription && h("span", { key: 'f38b60b29f5e5e5256cd71f2d06f5233ec1dd629', class: `${baseClass}__description` }, this.dsDescription)), !this.isMultiple && this.dsSelected && 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 && (h("span", { key: 'f90215a6d4b9afedf691a745e3de6e387ea17676', class: `${baseClass}__checkbox` }, this.dsSelected && (h(DsIcon, { key: 'c1101f8041bdea0c1e59237921efba8d9cdaab55', class: `${baseClass}__checkbox__icon`, dsName: "check_small", dsSize: "1.25rem", dsColour: this.dsDisabled ? 'ds-textColor-disabled-onLight' : 'ds-textColor-white' })))), h(Fragment, { key: 'd9412cd046dc1020ff31ec82f9237c04da1f4378' }, h("span", { key: 'c50abebb36d9d61897a2ffdb11c02eb3cb1b2462' }, h("span", { key: 'a005690e0dbf82fd7d033c32a1a7725ad0498207', class: `${baseClass}__label`, ref: el => (this.optionLabelTextRef = el) }, h("slot", { key: '0e0719bfcf1fd061323168da52745a4290cce23c' }, this.dsLabel)), this.dsDescription && h("span", { key: 'af9e3848a1ca46b6ded83e4a7e18fac66720ba55', class: `${baseClass}__description` }, this.dsDescription)), !this.isMultiple && this.dsSelected && h(DsIcon, { key: '4bbd63c5a729546fac36528a6763d0e0b19eff6f', dsName: "check", class: `${baseClass}__check-icon` }))));
     }
     static get watchers() { return {
         "dsActive": ["dsActiveObserver"],
@@ -116,7 +116,7 @@ const DsOption = class {
 declareComponentDependencies([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__rbEY9j.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__rbEY9j--hidden.sc-ds-option-group{display:none}.ds-option-group__rbEY9j.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__rbEY9j__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__rbEY9j__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
 
 const DsOptionGroup = class {
     constructor(hostRef) {

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, d as getElement } from './index-D-3Utc_w.js';
-import { g as getLanguage } from './store-B9-Hp5ie.js';
-import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-uMUNW1aR.js';
-import { d as declareComponentDependencies, t as transformTagName } from './utils-C1bsmWWB.js';
-import { c as cx } from './cx-CiFpdjHK.js';
+import { h, r as registerInstance, d as getElement } from './index-DMOd3Txt.js';
+import { g as getLanguage } from './store-DEGvGUCM.js';
+import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-C5DlqB3T.js';
+import { d as declareComponentDependencies, t as transformTagName } from './utils-C8DF05Gj.js';
+import { c as cx } from './cx-CXOw43j9.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__rbEY9j.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__rbEY9j__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__rbEY9j__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__rbEY9j__error__title.sc-ds-options-message,.ds-options-message__rbEY9j__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__rbEY9j__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__rbEY9j__error__text.sc-ds-options-message,.ds-options-message__rbEY9j__loading__text.sc-ds-options-message,.ds-options-message__rbEY9j__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__rbEY9j__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,14 +1,14 @@
-import { r as registerInstance, c as createEvent, d as getElement, h, M as Mixin, f as forceUpdate, H as Host } from './index-D-3Utc_w.js';
+import { r as registerInstance, c as createEvent, d as getElement, h, M as Mixin, f as forceUpdate, H as Host } from './index-DMOd3Txt.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { i as idGenerator, t as transformTagName, b as debounce, a as ifDefined, d as declareComponentDependencies } from './utils-C1bsmWWB.js';
-import { c as cx } from './cx-CiFpdjHK.js';
+import { i as idGenerator, t as transformTagName, c as componentOnReady, b as debounce, a as ifDefined, d as declareComponentDependencies } from './utils-C8DF05Gj.js';
+import { c as cx } from './cx-CXOw43j9.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
 import { S as SCRIM_HEIGHT, F as FEEDBACK_RESET_TIMEOUT } from './constants-C6xow8e6.js';
-import { m as multiselectable, x as selectAnOption, b as atLeastOneOption, e as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, f as tryAgainOrIfTheProblemPersists, r as removeSelection, h as selections } from './controlUtils-uMUNW1aR.js';
-import { m as multipleValueFactory } from './multipleValueFactory-BzQTYVTa.js';
-import './store-B9-Hp5ie.js';
+import { m as multiselectable, x as selectAnOption, b as atLeastOneOption, e as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, f as tryAgainOrIfTheProblemPersists, r as removeSelection, h as selections } from './controlUtils-C5DlqB3T.js';
+import { m as multipleValueFactory } from './multipleValueFactory-Bbv04mXI.js';
+import './store-DEGvGUCM.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__rbEY9j__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__rbEY9j.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__rbEY9j.sc-ds-options:focus{outline:none}.ds-options__rbEY9j__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__rbEY9j__top-scrim.sc-ds-options,.ds-options__rbEY9j__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__rbEY9j__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__rbEY9j__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__rbEY9j.has-top-scrim.sc-ds-options .ds-options__rbEY9j__top-scrim.sc-ds-options{display:block}.ds-options__rbEY9j.has-bottom-scrim.sc-ds-options .ds-options__rbEY9j__bottom-scrim.sc-ds-options{display:block}.ds-options__rbEY9j.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__rbEY9j.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
 
 const optionsIdGenerator = idGenerator('ds-options');
 const DsOptions = class {
@@ -151,7 +151,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__rbEY9j--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__rbEY9j-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__rbEY9j-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__rbEY9j-custom-wrapper.sc-ds-select{position:relative}.ds-select__rbEY9j-custom.sc-ds-select .ds-options__rbEY9j.sc-ds-select{display:block}.ds-select__rbEY9j-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__rbEY9j-custom-input-container.sc-ds-select:has(.ds-select__rbEY9j-custom__clear-button:hover) .ds-select__rbEY9j-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__rbEY9j-custom.sc-ds-select:not(.ds-select__rbEY9j-custom--open,.ds-select__rbEY9j-custom--invalid.sc-ds-select,.ds-select__rbEY9j-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__rbEY9j-custom.sc-ds-select:active:not(.ds-select__rbEY9j-custom--open,.ds-select__rbEY9j-custom--invalid.sc-ds-select,.ds-select__rbEY9j-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__rbEY9j-custom--open.sc-ds-select,.ds-select__rbEY9j-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__rbEY9j-custom--open.sc-ds-select:not(.ds-select__rbEY9j-custom--open--invalid,.ds-select__rbEY9j-custom.sc-ds-select:focus-visible--invalid),.ds-select__rbEY9j-custom.sc-ds-select:focus-visible:not(.ds-select__rbEY9j-custom--open--invalid,.ds-select__rbEY9j-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__rbEY9j-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__rbEY9j-custom--disabled.sc-ds-select .ds-select__rbEY9j-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__rbEY9j-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__rbEY9j-custom--invalid.sc-ds-select:not(.ds-select__rbEY9j-custom--invalid--open,.ds-select__rbEY9j-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__rbEY9j-custom--invalid.sc-ds-select:not(.ds-select__rbEY9j-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__rbEY9j-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__rbEY9j-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__rbEY9j-custom--has-icon.sc-ds-select .ds-select__rbEY9j-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__rbEY9j-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__rbEY9j-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__rbEY9j-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__rbEY9j-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__rbEY9j-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__rbEY9j-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__rbEY9j-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__rbEY9j-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__rbEY9j-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__rbEY9j-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__rbEY9j-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__rbEY9j-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__rbEY9j-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__rbEY9j-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__rbEY9j-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__rbEY9j-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__rbEY9j-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__rbEY9j-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__rbEY9j-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__rbEY9j-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__rbEY9j-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__rbEY9j-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 = {
@@ -201,6 +201,7 @@ const DsSelect = class extends Mixin(multipleValueFactory) {
     dsOptionsError = false;
     dsOptionsErrorTitle;
     dsOptionsErrorText;
+    dsFullWidth = false;
     dsRequired = false;
     activeOption = null;
     selectedOptions = [];
@@ -399,8 +400,8 @@ const DsSelect = class extends Mixin(multipleValueFactory) {
         }
     }
     getBadgeContainerWidthOffset = async () => {
-        await this.clearButtonRef?.componentOnReady?.();
-        await this.badgeRef?.componentOnReady?.();
+        await componentOnReady(this.clearButtonRef);
+        await componentOnReady(this.badgeRef);
         const clearButtonWidth = this.clearButtonRef?.getBoundingClientRect().width || 0;
         const badgeContainerWidth = this.badgeRef?.getBoundingClientRect().width || 0;
         this.badgeContainerOffset = clearButtonWidth && badgeContainerWidth ? clearButtonWidth + badgeContainerWidth : null;
@@ -529,7 +530,7 @@ const DsSelect = class extends Mixin(multipleValueFactory) {
     };
     renderNativeSelect() {
         const DsSelectNative = transformTagName('ds-select-native', 'ds-select', this.el);
-        return (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 (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);
@@ -557,6 +558,7 @@ const DsSelect = class extends Mixin(multipleValueFactory) {
                 this.customSelectRef?.focus();
                 this.toggleDropdown();
             } }, h("slot", { name: "label" })), h("div", { class: `${customSelectClass}-wrapper` }, h("div", { class: `${customSelectClass}-input-container` }, h("div", { id: this.dsId, ref: el => (this.customSelectRef = el), class: classNames(`${customSelectClass}`, {
+                [`${baseClass}--full-width`]: this.dsFullWidth,
                 [`${customSelectClass}--open`]: this.isOpen,
                 [`${customSelectClass}--none-selected`]: noneSelected,
                 [`${customSelectClass}--disabled`]: this.dsDisabled,
@@ -605,7 +607,7 @@ const DsSelect = class extends Mixin(multipleValueFactory) {
     }
     render() {
         const baseClass = cx('ds-select');
-        return (h(Host, { key: '7c585847e96a32aa8cfa70e9927368ffdc1ff51b', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: '1c9b905cddc0fdd71a53d30920afa97f176b64a9', tabIndex: -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        return (h(Host, { key: '79ac153e47f7d1e967ce834c152ea6d5500b0311', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: '6cddaa1ce3301a7fb54243a996fb641e318de4b2', tabIndex: -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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-D-3Utc_w.js';
+import { h, r as registerInstance, c as createEvent, d as getElement, H as Host } from './index-DMOd3Txt.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { i as idGenerator, d as declareComponentDependencies, t as transformTagName } from './utils-C1bsmWWB.js';
+import { i as idGenerator, d as declareComponentDependencies, t as transformTagName } from './utils-C8DF05Gj.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-uMUNW1aR.js';
-import { c as cx } from './cx-CiFpdjHK.js';
-import './store-B9-Hp5ie.js';
+import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-C5DlqB3T.js';
+import { c as cx } from './cx-CXOw43j9.js';
+import './store-DEGvGUCM.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__rbEY9j{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__rbEY9j__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__rbEY9j__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__rbEY9j__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__rbEY9j__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,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h, F as Fragment } from './index-D-3Utc_w.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h, F as Fragment } from './index-DMOd3Txt.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { v as validityMessage, g as getRequiredText } from './controlUtils-uMUNW1aR.js';
-import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-C1bsmWWB.js';
-import { c as cx } from './cx-CiFpdjHK.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-BmasIGdA.js';
-import './store-B9-Hp5ie.js';
+import { v as validityMessage, g as getRequiredText } from './controlUtils-C5DlqB3T.js';
+import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-C8DF05Gj.js';
+import { c as cx } from './cx-CXOw43j9.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DfnyEpG4.js';
+import './store-DEGvGUCM.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__rbEY9j.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__rbEY9j--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__rbEY9j.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__rbEY9j__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__rbEY9j__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__rbEY9j__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__rbEY9j__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__rbEY9j__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__rbEY9j__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__rbEY9j.sc-ds-radio-button:hover:not(.ds-radio-button__rbEY9j--disabled):not(.ds-radio-button__rbEY9j--invalid) .ds-radio-button__rbEY9j__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__rbEY9j.sc-ds-radio-button:hover:not(.ds-radio-button__rbEY9j--disabled):not(.ds-radio-button__rbEY9j--invalid) .ds-radio-button__rbEY9j__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__rbEY9j.sc-ds-radio-button:hover:not(.ds-radio-button__rbEY9j--disabled):not(.ds-radio-button__rbEY9j--invalid) .ds-radio-button__rbEY9j__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__rbEY9j.sc-ds-radio-button:active:not(.ds-radio-button__rbEY9j--disabled):not(.ds-radio-button__rbEY9j--invalid) .ds-radio-button__rbEY9j__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__rbEY9j.sc-ds-radio-button:active:not(.ds-radio-button__rbEY9j--disabled):not(.ds-radio-button__rbEY9j--invalid) .ds-radio-button__rbEY9j__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__rbEY9j.sc-ds-radio-button:active:not(.ds-radio-button__rbEY9j--disabled):not(.ds-radio-button__rbEY9j--invalid) .ds-radio-button__rbEY9j__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__rbEY9j--disabled.sc-ds-radio-button .ds-radio-button__rbEY9j__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__rbEY9j--disabled.sc-ds-radio-button .ds-radio-button__rbEY9j__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__rbEY9j--disabled.sc-ds-radio-button .ds-radio-button__rbEY9j__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__rbEY9j--invalid.sc-ds-radio-button .ds-radio-button__rbEY9j__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__rbEY9j--invalid.sc-ds-radio-button .ds-radio-button__rbEY9j__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__rbEY9j--invalid.sc-ds-radio-button .ds-radio-button__rbEY9j__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__rbEY9j--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__rbEY9j--disabled) .ds-radio-button__rbEY9j__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__rbEY9j--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__rbEY9j--disabled) .ds-radio-button__rbEY9j__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__rbEY9j--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__rbEY9j--disabled) .ds-radio-button__rbEY9j__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__rbEY9j--invalid.sc-ds-radio-button:active:not(.ds-radio-button__rbEY9j--disabled) .ds-radio-button__rbEY9j__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__rbEY9j--invalid.sc-ds-radio-button:active:not(.ds-radio-button__rbEY9j--disabled) .ds-radio-button__rbEY9j__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__rbEY9j--invalid.sc-ds-radio-button:active:not(.ds-radio-button__rbEY9j--disabled) .ds-radio-button__rbEY9j__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__rbEY9j-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__rbEY9j-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__rbEY9j-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 extends Mixin(ariaDeprecationFactory) {