npm - @uh-design-system/component-library - Versions diffs - 1.2.0 → 1.3.0-rc.0 - Mend

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

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

Files changed (1701) hide show

package/dist/components/ds-icon-zoom-in.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconZoomIn$1 = proxyCustomElement(class DsIconZoomIn extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'b1c1906cc2ecd0ddb5b5e80ad1de293e30dbf89d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '58dd2349378d988e4c6cfd4b6dfb1dcc4d0aac3a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '81cebbde3808c1ce00215ca752fc9fd3edaa2770', d: "M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406Zm-31.85-73v-77H263v-60h77v-77h60v77h77v60.5h-77v76.5h-60.5Z" }))));
+        return (h(Host, { key: '9077dca13fe605f799cda339f8a95a2cbdb74b19', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b7c479bc33069f6b07941896d769c08852851436', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'fc73d8a6564cd2eb98743b81ebf088d8c5c73a67', d: "M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406Zm-31.85-73v-77H263v-60h77v-77h60v77h77v60.5h-77v76.5h-60.5Z" }))));
     }
 }, [256, "ds-icon-zoom-in", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-zoom-out-map.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconZoomOutMap$1 = proxyCustomElement(class DsIconZoomOutMap extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'cdf76295c56f6013ac3ff27f449deb71adfd6417', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0b7f92de2fffaba6cb5641cd3548c761e8b92d9d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '6d0659b30bddb8f76a92addc1ea8f1cec1a99992', d: "M95-95v-276h94v115l131-131 67 67-131 131h115v94H95Zm494 0v-94h115L574-319l67-67 130 130v-115h95v276H589ZM319-574 189-704v115H95v-277h276v95H256l130 130-67 67Zm322 0-67-67 130-130H589v-95h277v277h-95v-115L641-574Z" }))));
+        return (h(Host, { key: '23fa694faadc41696e490f7a3cd8520da81a94a8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ef2abe55fe44a284f1d84933e993afcbe45f611b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'e31295e6575e0cba213399a67b764e2e5b203576', d: "M95-95v-276h94v115l131-131 67 67-131 131h115v94H95Zm494 0v-94h115L574-319l67-67 130 130v-115h95v276H589ZM319-574 189-704v115H95v-277h276v95H256l130 130-67 67Zm322 0-67-67 130-130H589v-95h277v277h-95v-115L641-574Z" }))));
     }
 }, [256, "ds-icon-zoom-out-map", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-zoom-out.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconZoomOut$1 = proxyCustomElement(class DsIconZoomOut extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '5b8906001fd2f5aa7096b17b274f3d1e3ecabf46', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4e3c082b2dcbc52016558609a37ba84fb4a9203d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '3c3e9b77ef850c0ff39d6787356a3a0c662db9f7', d: "M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406ZM269-556v-60h201v60H269Z" }))));
+        return (h(Host, { key: '9bd1a8ad613b3de5e476fa22aaf2664c699a505f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7cb07d5217ab0881d7d903e18de3aa4ed99b34f1', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'b2fc0f752cfef399621e76a57374aecbfcb70b41', d: "M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406ZM269-556v-60h201v60H269Z" }))));
     }
 }, [256, "ds-icon-zoom-out", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon2.js CHANGED Viewed

@@ -26,7 +26,7 @@ const ariaDeprecationFactory = (Base) => {
     return AriaDeprecation;
 };
-const dsIconCss = ":host{display:flex}.ds-icon__DFAX9n--container{display:flex}.ds-icon__DFAX9n--hidden{display:none}";
+const dsIconCss = ":host{display:flex}.ds-icon__HTSRrd--container{display:flex}.ds-icon__HTSRrd--hidden{display:none}";
 const isValidSize = (value) => {
     return /^(\d+(\.\d+)?|\.\d+)rem$/.test(value);

package/dist/components/ds-input-validity2.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { a as inheritAttributes, i as inheritAriaAttributes } from './attributes
 import { a as ariaDeprecationFactory, d as defineCustomElement$1 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-feedback2.js';
-const dsInputValidityCss = ".ds-input-validity__DFAX9n{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__DFAX9n--error{color:var(--ds-textColor-danger)}.ds-input-validity__DFAX9n--success{color:var(--ds-textColor-success)}.ds-input-validity__DFAX9n__icon{display:block;height:1.5rem}.ds-input-validity__DFAX9n small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}";
+const dsInputValidityCss = ".ds-input-validity__HTSRrd{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__HTSRrd--error{color:var(--ds-textColor-danger)}.ds-input-validity__HTSRrd--success{color:var(--ds-textColor-success)}.ds-input-validity__HTSRrd__icon{display:block;height:1.5rem}.ds-input-validity__HTSRrd small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}";
 const DsInputValidity = proxyCustomElement(class DsInputValidity extends Mixin(ariaDeprecationFactory) {
     constructor(registerHost) {

package/dist/components/ds-link-cta.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { c as cx } from './cx.js';
 import { d as defineCustomElement$3 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.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__HTSRrd{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__HTSRrd__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__HTSRrd__icon{margin-left:var(--ds-spacing-3xSmall, 4px)}.ds-link-cta__HTSRrd:has(.ds-link-cta__HTSRrd__spinner):not(.ds-link-cta__HTSRrd--small) .ds-link-cta__HTSRrd__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__HTSRrd--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__HTSRrd:not(.ds-link-cta__HTSRrd--small):not(.ds-link-cta__HTSRrd--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__HTSRrd:not(.ds-link-cta__HTSRrd--small).ds-link-cta__HTSRrd--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__HTSRrd:not(.ds-link-cta__HTSRrd--small).ds-link-cta__HTSRrd--icon-only{padding-left:0;padding-right:0}.ds-link-cta__HTSRrd--small:not(.ds-link-cta__HTSRrd--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__HTSRrd--small.ds-link-cta__HTSRrd--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__HTSRrd--small.ds-link-cta__HTSRrd--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__HTSRrd--small .ds-link-cta__HTSRrd__icon{height:1rem}.ds-link-cta__HTSRrd--icon-start:not(.ds-link-cta__HTSRrd--small) .ds-link-cta__HTSRrd__icon{margin-right:var(--ds-spacing-3xSmall)}.ds-link-cta__HTSRrd--icon-end:not(.ds-link-cta__HTSRrd--small) .ds-link-cta__HTSRrd__icon{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--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__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--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__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--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__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--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__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--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__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--black{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--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__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--white{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkCta$1 = proxyCustomElement(class DsLinkCta extends Mixin(linkFactory) {

package/dist/components/ds-link-logo2.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { d as defineCustomElement$3 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-link2.js';
 import { d as defineCustomElement$1 } from './ds-visually-hidden2.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__HTSRrd:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-logo__HTSRrd{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__HTSRrd:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__HTSRrd{font-size:var(--ds-fontSize-16, 1rem)}}";
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkLogo = proxyCustomElement(class DsLinkLogo extends Mixin(linkFactory) {

package/dist/components/ds-link-with-arrow.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { c as cx } from './cx.js';
 import { i as isGreaterThanEqualBreakpoint } from './utils2.js';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
-const dsLinkWithArrowCss = ":host{display:inline-block}:host:has(.ds-link-with-arrow__DFAX9n--full-width){width:100%}.ds-link-with-arrow__DFAX9n:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-with-arrow__DFAX9n{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}@media (min-width: 30rem){.ds-link-with-arrow__DFAX9n{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__DFAX9n--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__DFAX9n__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}@media (min-width: 30rem){.ds-link-with-arrow__DFAX9n__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__DFAX9n__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__DFAX9n__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__DFAX9n__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__DFAX9n__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__DFAX9n:hover,.ds-link-with-arrow__DFAX9n:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow__DFAX9n:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__DFAX9n:active,.ds-link-with-arrow__DFAX9n:focus-visible{color:var(--ds-textColor-link-active)}";
+const dsLinkWithArrowCss = ":host{display:inline-block}:host:has(.ds-link-with-arrow__HTSRrd--full-width){width:100%}.ds-link-with-arrow__HTSRrd:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-with-arrow__HTSRrd{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}@media (min-width: 30rem){.ds-link-with-arrow__HTSRrd{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__HTSRrd--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__HTSRrd__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}@media (min-width: 30rem){.ds-link-with-arrow__HTSRrd__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__HTSRrd__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__HTSRrd__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__HTSRrd__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__HTSRrd__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__HTSRrd:hover,.ds-link-with-arrow__HTSRrd:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow__HTSRrd:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__HTSRrd:active,.ds-link-with-arrow__HTSRrd:focus-visible{color:var(--ds-textColor-link-active)}";
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkWithArrow$1 = proxyCustomElement(class DsLinkWithArrow extends Mixin(linkFactory, ariaDeprecationFactory) {

package/dist/components/ds-link2.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { a as ariaDeprecationFactory, d as defineCustomElement$2 } from './ds-ic
 import { c as cx } from './cx.js';
 import { d as defineCustomElement$1 } from './ds-visually-hidden2.js';
-const dsLinkCss = ":host{display:inline}:host:has(.ds-link__DFAX9n--standalone){display:inline-block}.ds-link__DFAX9n:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link__DFAX9n{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__DFAX9n--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__DFAX9n--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__DFAX9n--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__DFAX9n--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__DFAX9n--large{font-size:var(--ds-fontSize-18)}.ds-link__DFAX9n--medium{font-size:var(--ds-fontSize-16)}.ds-link__DFAX9n--small{font-size:var(--ds-fontSize-14)}.ds-link__DFAX9n--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__DFAX9n__icon{display:inline-block;vertical-align:-0.125em}.ds-link__DFAX9n__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__DFAX9n__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__DFAX9n__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__DFAX9n__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__DFAX9n:hover,.ds-link__DFAX9n:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__DFAX9n:hover{color:var(--ds-textColor-link-hover)}.ds-link__DFAX9n:active{color:var(--ds-textColor-link-active)}.ds-link__DFAX9n:visited{color:var(--ds-textColor-link-visited)}.ds-link__DFAX9n--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__DFAX9n--standalone:hover,.ds-link__DFAX9n--standalone:active{text-decoration-line:underline}.ds-link__DFAX9n--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__DFAX9n--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__DFAX9n--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__DFAX9n--standalone:visited{color:var(--ds-textColor-link)}.ds-link__DFAX9n--colour-white{color:var(--ds-textColor-white)}.ds-link__DFAX9n--colour-white:hover,.ds-link__DFAX9n--colour-white:active,.ds-link__DFAX9n--colour-white:visited,.ds-link__DFAX9n--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__DFAX9n--colour-black{color:var(--ds-textColor-default)}.ds-link__DFAX9n--colour-black:hover,.ds-link__DFAX9n--colour-black:active,.ds-link__DFAX9n--colour-black:visited,.ds-link__DFAX9n--colour-black:focus-visible{color:var(--ds-textColor-default)}";
+const dsLinkCss = ":host{display:inline}:host:has(.ds-link__HTSRrd--standalone){display:inline-block}.ds-link__HTSRrd:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link__HTSRrd{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__HTSRrd--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__HTSRrd--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__HTSRrd--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__HTSRrd--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__HTSRrd--large{font-size:var(--ds-fontSize-18)}.ds-link__HTSRrd--medium{font-size:var(--ds-fontSize-16)}.ds-link__HTSRrd--small{font-size:var(--ds-fontSize-14)}.ds-link__HTSRrd--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__HTSRrd__icon{display:inline-block;vertical-align:-0.125em}.ds-link__HTSRrd__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__HTSRrd__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__HTSRrd__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__HTSRrd__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__HTSRrd:hover,.ds-link__HTSRrd:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__HTSRrd:hover{color:var(--ds-textColor-link-hover)}.ds-link__HTSRrd:active{color:var(--ds-textColor-link-active)}.ds-link__HTSRrd:visited{color:var(--ds-textColor-link-visited)}.ds-link__HTSRrd--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__HTSRrd--standalone:hover,.ds-link__HTSRrd--standalone:active{text-decoration-line:underline}.ds-link__HTSRrd--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__HTSRrd--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__HTSRrd--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__HTSRrd--standalone:visited{color:var(--ds-textColor-link)}.ds-link__HTSRrd--colour-white{color:var(--ds-textColor-white)}.ds-link__HTSRrd--colour-white:hover,.ds-link__HTSRrd--colour-white:active,.ds-link__HTSRrd--colour-white:visited,.ds-link__HTSRrd--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__HTSRrd--colour-black{color:var(--ds-textColor-default)}.ds-link__HTSRrd--colour-black:hover,.ds-link__HTSRrd--colour-black:active,.ds-link__HTSRrd--colour-black:visited,.ds-link__HTSRrd--colour-black:focus-visible{color:var(--ds-textColor-default)}";
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const linkIconSizeMap = {

package/dist/components/ds-media.js CHANGED Viewed

@@ -3,10 +3,11 @@ import { c as cx } from './cx.js';
 import { a as ifDefined, t as transformTagName, d as declareComponentDependencies } from './utils.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './attributes.js';
 import { g as getLanguage } from './store.js';
+import { d as defineCustomElement$4 } from './ds-icon2.js';
 import { d as defineCustomElement$3 } from './ds-spinner2.js';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
-const dsMediaCss = ".ds-media__DFAX9n{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__DFAX9n .ds-media__image,.ds-media__DFAX9n .ds-media__video,.ds-media__DFAX9n .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__DFAX9n .ds-media__image--fluid,.ds-media__DFAX9n .ds-media__video--fluid,.ds-media__DFAX9n .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__DFAX9n__youtube{border:none;object-fit:initial}.ds-media__DFAX9n__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-active);z-index:1;padding:16px;text-align:center}.ds-media__DFAX9n__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-active);flex-shrink:0}.ds-media__DFAX9n__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__DFAX9n--loading .ds-media__image,.ds-media__DFAX9n--loading .ds-media__video{opacity:0}.ds-media__DFAX9n--error .ds-media__image,.ds-media__DFAX9n--error .ds-media__video{display:none}.ds-media__DFAX9n--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__DFAX9n--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__DFAX9n--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__DFAX9n--fluid{width:100%;height:100%}.ds-media__DFAX9n--fluid .ds-media__DFAX9n__image,.ds-media__DFAX9n--fluid .ds-media__DFAX9n__video,.ds-media__DFAX9n--fluid .ds-media__DFAX9n__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__DFAX9n{border-radius:2px}.ds-media__DFAX9n__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__DFAX9n__loading-text{font-size:12px}.ds-media__DFAX9n__error-icon{width:40px;height:40px}.ds-media__DFAX9n__error-text{font-size:12px}}";
+const dsMediaCss = ".ds-media__HTSRrd{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__HTSRrd .ds-media__image,.ds-media__HTSRrd .ds-media__video,.ds-media__HTSRrd .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__HTSRrd .ds-media__image--fluid,.ds-media__HTSRrd .ds-media__video--fluid,.ds-media__HTSRrd .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__HTSRrd__youtube{border:none;object-fit:initial}.ds-media__HTSRrd--loading .ds-media__image,.ds-media__HTSRrd--loading .ds-media__video{opacity:0}.ds-media__HTSRrd--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__HTSRrd--error .ds-media__image,.ds-media__HTSRrd--error .ds-media__video{display:none}.ds-media__HTSRrd--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__HTSRrd--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__HTSRrd--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__HTSRrd--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__HTSRrd--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__HTSRrd--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__HTSRrd--fluid{width:100%;height:100%}.ds-media__HTSRrd--fluid .ds-media__HTSRrd__image,.ds-media__HTSRrd--fluid .ds-media__HTSRrd__video,.ds-media__HTSRrd--fluid .ds-media__HTSRrd__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__HTSRrd{border-radius:2px}.ds-media__HTSRrd__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__HTSRrd__loading-text{font-size:12px}.ds-media__HTSRrd__error-icon{width:40px;height:40px}.ds-media__HTSRrd__error-text{font-size:12px}}";
 const DsMedia$1 = proxyCustomElement(class DsMedia extends H {
     constructor(registerHost) {
@@ -159,11 +160,12 @@ const DsMedia$1 = proxyCustomElement(class DsMedia extends H {
         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) {
@@ -181,7 +183,7 @@ const DsMedia$1 = proxyCustomElement(class DsMedia extends H {
         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,
@@ -216,18 +218,23 @@ const DsMedia$1 = proxyCustomElement(class DsMedia extends H {
         "dsSrc": ["onSrcChange"],
         "dsType": ["onTypeChange"]
     }]);
-declareComponentDependencies([h("ds-spinner", null)]);
+declareComponentDependencies([h("ds-spinner", null), h("ds-icon", { dsName: "" })]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["ds-media", "ds-spinner", "ds-visually-hidden"];
+    const components = ["ds-media", "ds-icon", "ds-spinner", "ds-visually-hidden"];
     components.forEach(tagName => { switch (tagName) {
         case "ds-media":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, DsMedia$1);
             }
             break;
+        case "ds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
         case "ds-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();

package/dist/components/ds-notification.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { d as defineCustomElement$5 } from './ds-button2.js';
 import { d as defineCustomElement$3 } from './ds-spinner2.js';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
-const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__DFAX9n.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__DFAX9n.ds-notification__DFAX9n--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--neutral.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--neutralWhite.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--info.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--success.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--attention.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__DFAX9n.ds-notification__DFAX9n--danger.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__DFAX9n__content.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__DFAX9n__content__heading.sc-ds-notification,.ds-notification__DFAX9n__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__DFAX9n__content__description.sc-ds-notification{max-width:550px}";
+const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__HTSRrd.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__HTSRrd.ds-notification__HTSRrd--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--neutral.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--neutralWhite.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--info.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--success.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--attention.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__HTSRrd.ds-notification__HTSRrd--danger.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__HTSRrd__content.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__HTSRrd__content__heading.sc-ds-notification,.ds-notification__HTSRrd__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__HTSRrd__content__description.sc-ds-notification{max-width:550px}";
 const notificationIdGenerator = idGenerator('ds-notification');
 const variants = ['neutral', 'neutralWhite', 'info', 'success', 'attention', 'danger'];

package/dist/components/ds-option-group.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { t as transformTagName } from './utils.js';
 import { c as cx } from './cx.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './attributes.js';
-const dsOptionGroupCss = ".ds-option-group__DFAX9n.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__DFAX9n--hidden.sc-ds-option-group{display:none}.ds-option-group__DFAX9n.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__DFAX9n__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__DFAX9n__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
+const dsOptionGroupCss = ".ds-option-group__HTSRrd.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__HTSRrd--hidden.sc-ds-option-group{display:none}.ds-option-group__HTSRrd.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__HTSRrd__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__HTSRrd__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
 const DsOptionGroup$1 = proxyCustomElement(class DsOptionGroup extends H {
     constructor(registerHost) {

package/dist/components/ds-option.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { c as cx } from './cx.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './attributes.js';
 import { d as defineCustomElement$2 } from './ds-icon2.js';
-const dsOptionCss = ".ds-option__DFAX9n.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__DFAX9n.sc-ds-option:not(.ds-option__DFAX9n--multiple){justify-content:space-between}.ds-option__DFAX9n--hidden.sc-ds-option{display:none}.ds-option__DFAX9n--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__DFAX9n.sc-ds-option:hover:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__DFAX9n.sc-ds-option:active:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__DFAX9n--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__DFAX9n--active.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__DFAX9n--multiple.ds-option__DFAX9n--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__DFAX9n--multiple.sc-ds-option .ds-option__DFAX9n__checkbox.sc-ds-option{display:inline-block;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__DFAX9n--multiple.ds-option__DFAX9n--disabled.sc-ds-option .ds-option__DFAX9n__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__DFAX9n--multiple.ds-option__DFAX9n--disabled.sc-ds-option:not(.ds-option__DFAX9n--selected) .ds-option__DFAX9n__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__DFAX9n--selected.sc-ds-option .ds-option__DFAX9n__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple).ds-option__DFAX9n--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple) .ds-option__DFAX9n__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple) .ds-option__DFAX9n__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple).ds-option__DFAX9n--disabled .ds-option__DFAX9n__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple):hover:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple):active:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__DFAX9n__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__DFAX9n__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__DFAX9n__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__DFAX9n__description.sc-ds-option:not(:empty){display:block}";
+const dsOptionCss = ".ds-option__HTSRrd.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__HTSRrd.sc-ds-option:not(.ds-option__HTSRrd--multiple){justify-content:space-between}.ds-option__HTSRrd--hidden.sc-ds-option{display:none}.ds-option__HTSRrd--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__HTSRrd.sc-ds-option:hover:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__HTSRrd.sc-ds-option:active:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__HTSRrd--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__HTSRrd--active.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__HTSRrd--multiple.ds-option__HTSRrd--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__HTSRrd--multiple.sc-ds-option .ds-option__HTSRrd__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__HTSRrd--multiple.ds-option__HTSRrd--disabled.sc-ds-option .ds-option__HTSRrd__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__HTSRrd--multiple.ds-option__HTSRrd--disabled.sc-ds-option:not(.ds-option__HTSRrd--selected) .ds-option__HTSRrd__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__HTSRrd--selected.sc-ds-option .ds-option__HTSRrd__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple).ds-option__HTSRrd--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple) .ds-option__HTSRrd__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple) .ds-option__HTSRrd__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple).ds-option__HTSRrd--disabled .ds-option__HTSRrd__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple):hover:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple):active:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__HTSRrd__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__HTSRrd__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__HTSRrd__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__HTSRrd__description.sc-ds-option:not(:empty){display:block}";
 const optionIdGenerator = idGenerator('ds-option');
 const DsOption$1 = proxyCustomElement(class DsOption extends H {
@@ -109,7 +109,7 @@ const DsOption$1 = proxyCustomElement(class DsOption extends H {
                 [`${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"],

package/dist/components/ds-options-message2.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { d as defineCustomElement$3 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-spinner2.js';
 import { d as defineCustomElement$1 } from './ds-visually-hidden2.js';
-const dsOptionsMessageCss = ".ds-options-message__DFAX9n.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__DFAX9n__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__DFAX9n__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__DFAX9n__error__title.sc-ds-options-message,.ds-options-message__DFAX9n__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__DFAX9n__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__DFAX9n__error__text.sc-ds-options-message,.ds-options-message__DFAX9n__loading__text.sc-ds-options-message,.ds-options-message__DFAX9n__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__DFAX9n__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";
+const dsOptionsMessageCss = ".ds-options-message__HTSRrd.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__HTSRrd__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__HTSRrd__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__HTSRrd__error__title.sc-ds-options-message,.ds-options-message__HTSRrd__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__HTSRrd__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__HTSRrd__error__text.sc-ds-options-message,.ds-options-message__HTSRrd__loading__text.sc-ds-options-message,.ds-options-message__HTSRrd__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__HTSRrd__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";
 const defaultTextFns = {
     dsErrorTitle: weCouldNotLoadOptions,

package/dist/components/ds-options2.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { i as inheritAriaAttributes, a as inheritAttributes } from './attributes
 import { S as SCRIM_HEIGHT } from './constants.js';
 import { m as multiselectable } from './controlUtils.js';
-const dsOptionsCss = ".ds-options__DFAX9n__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__DFAX9n.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__DFAX9n.sc-ds-options:focus{outline:none}.ds-options__DFAX9n__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__DFAX9n__top-scrim.sc-ds-options,.ds-options__DFAX9n__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__DFAX9n__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__DFAX9n__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__DFAX9n.has-top-scrim.sc-ds-options .ds-options__DFAX9n__top-scrim.sc-ds-options{display:block}.ds-options__DFAX9n.has-bottom-scrim.sc-ds-options .ds-options__DFAX9n__bottom-scrim.sc-ds-options{display:block}.ds-options__DFAX9n.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__DFAX9n.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
+const dsOptionsCss = ".ds-options__HTSRrd__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__HTSRrd.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__HTSRrd.sc-ds-options:focus{outline:none}.ds-options__HTSRrd__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__HTSRrd__top-scrim.sc-ds-options,.ds-options__HTSRrd__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__HTSRrd__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__HTSRrd__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__HTSRrd.has-top-scrim.sc-ds-options .ds-options__HTSRrd__top-scrim.sc-ds-options{display:block}.ds-options__HTSRrd.has-bottom-scrim.sc-ds-options .ds-options__HTSRrd__bottom-scrim.sc-ds-options{display:block}.ds-options__HTSRrd.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__HTSRrd.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
 const optionsIdGenerator = idGenerator('ds-options');
 const DsOptions = proxyCustomElement(class DsOptions extends H {

package/dist/components/ds-radio-button-group.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { d as defineCustomElement$4 } from './ds-feedback2.js';
 import { d as defineCustomElement$3 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-input-validity2.js';
-const dsRadioButtonGroupCss = ".ds-radio-button-group__DFAX9n{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__DFAX9n__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__DFAX9n__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__DFAX9n__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__DFAX9n__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";
+const dsRadioButtonGroupCss = ".ds-radio-button-group__HTSRrd{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__HTSRrd__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__HTSRrd__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__HTSRrd__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__HTSRrd__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";
 const radioButtonGroupIdGenerator = idGenerator('ds-radio-button-group');
 const DsRadioButtonGroup$1 = proxyCustomElement(class DsRadioButtonGroup extends H {

package/dist/components/ds-radio-button.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { d as defineCustomElement$5 } from './ds-feedback2.js';
 import { d as defineCustomElement$3 } from './ds-input-validity2.js';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
-const dsRadioButtonCss = ".ds-radio-button__DFAX9n.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__DFAX9n.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__DFAX9n__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__DFAX9n__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__DFAX9n__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__DFAX9n.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__DFAX9n.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__DFAX9n.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__DFAX9n.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__DFAX9n-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__DFAX9n-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__DFAX9n-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}";
+const dsRadioButtonCss = ".ds-radio-button__HTSRrd.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__HTSRrd.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__HTSRrd__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__HTSRrd__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__HTSRrd__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__HTSRrd.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__HTSRrd.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__HTSRrd.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__HTSRrd.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__HTSRrd-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__HTSRrd-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__HTSRrd-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}";
 const radioButtonIdGenerator = idGenerator('ds-radio-button');
 const DsRadioButton$1 = proxyCustomElement(class DsRadioButton extends Mixin(ariaDeprecationFactory) {

package/dist/components/ds-ribbon.js CHANGED Viewed

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