@uh-design-system/component-library 1.4.0-rc.0 → 1.4.0-rc.2

package/dist/esm/ds-icon-widget-small.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CFKBuHGF.js';
+import { r as registerInstance, h, H as Host } from './index-B4ZCBfpo.js';
 
 const DsIconWidgetSmall = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconWidgetSmall = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'a096198c7a1ad6f2ace03e916b1c3251df250746', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e9b57373ecdb747a3de9c864d346e24bb1a0ea6c', 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: '9c3a7387319949aecbee6afb9316b4d7ea39ac57', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665ZM213-212Zm229 0h76-76Zm306 0ZM213-443v-74 74Zm267-37Zm268 37v-74 74ZM442-748h76-76Zm306 0ZM137-138h76v-74h-76v74Zm305 0h76v-74h-76v74Zm306 0h75v-74h-75v74ZM137-443h76v-74h-76v74Zm305 0h76v-74h-76v74Zm306 0h75v-74h-75v74ZM442-748h76v-74h-76v74Zm306 0h75v-74h-75v74Z" }))));
+        return (h(Host, { key: 'f7a3cd8b1c11cc3aaa50458c2752e98597a186dd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd64b3b41adab8a2f094f0094e99c125bb104dbbd', 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: '9dfa54fd8cfd83f7b372f90f02bb7ac204c080c5', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665ZM213-212Zm229 0h76-76Zm306 0ZM213-443v-74 74Zm267-37Zm268 37v-74 74ZM442-748h76-76Zm306 0ZM137-138h76v-74h-76v74Zm305 0h76v-74h-76v74Zm306 0h75v-74h-75v74ZM137-443h76v-74h-76v74Zm305 0h76v-74h-76v74Zm306 0h75v-74h-75v74ZM442-748h76v-74h-76v74Zm306 0h75v-74h-75v74Z" }))));
     }
 };
 

package/dist/esm/ds-icon-x.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CFKBuHGF.js';
+import { r as registerInstance, h, H as Host } from './index-B4ZCBfpo.js';
 
 const DsIconX = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconX = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'a191c10a01ff003c2593a03a1fe3173b491b3351', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6cf171c6ac80973a8d543e892c1dde05cce72b2d', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '20f51973ea30f537600a19c75c38276f0e8efa73', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.00003 3.00002C3.00001 4.00002 3.00002 4.00002 3.00002 5.00002L3.00002 21C4.5 21 4.00002 21 5.00002 21L21 21C21 20 21 20 21 19L21 3.00003C20 2.99999 20 3.00002 19 3.00002H3.00003ZM16.9092 7.00001H15.2128L12.4175 10.1954L10.0005 7.00001H6.50002L10.6826 12.4692L6.71848 17H8.41591L11.4754 13.5041L14.1492 17H17.5631L13.2031 11.2359L16.9092 7.00001Z" }), h("path", { key: 'ea7d7c0f15f3e26b90f159fe405ccd0b7acf4d1f', d: "M14.6175 15.9846H15.5575L9.48976 7.96207H8.48104L14.6175 15.9846Z" }))));
+        return (h(Host, { key: 'b05815497cdc248c70d441fdf0160ac2ab7914c2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1f3f9615652ba8092fe487dca375459b2b074abe', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '9cf8d1f6bbc641c9a5875bf4880a71715a597d5e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.00003 3.00002C3.00001 4.00002 3.00002 4.00002 3.00002 5.00002L3.00002 21C4.5 21 4.00002 21 5.00002 21L21 21C21 20 21 20 21 19L21 3.00003C20 2.99999 20 3.00002 19 3.00002H3.00003ZM16.9092 7.00001H15.2128L12.4175 10.1954L10.0005 7.00001H6.50002L10.6826 12.4692L6.71848 17H8.41591L11.4754 13.5041L14.1492 17H17.5631L13.2031 11.2359L16.9092 7.00001Z" }), h("path", { key: 'bb7d4421373d8c8c29ae21559b8e0000591cf73c', d: "M14.6175 15.9846H15.5575L9.48976 7.96207H8.48104L14.6175 15.9846Z" }))));
     }
 };
 

package/dist/esm/ds-icon-youtube.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CFKBuHGF.js';
+import { r as registerInstance, h, H as Host } from './index-B4ZCBfpo.js';
 
 const DsIconYoutube = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconYoutube = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '2d62ecd10facbe192ebcc2333281bad0de3e745e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '21da8b7b9ad182b6876d72639fc9eea5d7a4f496', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '8242ec09ca1417bd4b7619486b03843b8b3c7ce5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 3.00002C21 8.3569 21 15.643 21 21.0001C15 20.9806 8.99999 21 3 21V3.00019C8.35684 2.99992 15.6429 3.00002 21 3.00002ZM12.4663 7.00165L11.7079 7.0004C10.7113 7.00644 7.45039 7.04509 6.52908 7.29244C5.92669 7.4538 5.45224 7.92917 5.29122 8.5328C5.06455 9.38044 5.01349 10.9415 5.00199 11.6018V12.2175C5.01349 12.8778 5.06455 14.4389 5.29122 15.2865C5.45224 15.8901 5.92669 16.3457 6.52908 16.5071C7.36319 16.731 10.115 16.7839 11.368 16.7964H12.6307C13.8837 16.7839 16.6355 16.731 17.4696 16.5071C18.072 16.3457 18.5464 15.8901 18.7074 15.2865C18.8713 14.6738 18.9434 13.6884 18.9751 12.9398L18.9995 11.817C18.9958 11.3789 18.9649 9.49561 18.7074 8.5328C18.5464 7.92917 18.072 7.45378 17.4696 7.29244C16.5968 7.05811 13.6241 7.01109 12.4663 7.00165ZM10.5992 9.79955L14.0995 11.8998L10.5992 14V9.79955Z" }))));
+        return (h(Host, { key: 'c2c5221b6dec2018bb9795df6ee1675dbff1d362', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '850d88eaea9c143cb8a49d6b459dc75536a1ca81', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'cb0356518184466c82d2c69e7276106a88c04208', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 3.00002C21 8.3569 21 15.643 21 21.0001C15 20.9806 8.99999 21 3 21V3.00019C8.35684 2.99992 15.6429 3.00002 21 3.00002ZM12.4663 7.00165L11.7079 7.0004C10.7113 7.00644 7.45039 7.04509 6.52908 7.29244C5.92669 7.4538 5.45224 7.92917 5.29122 8.5328C5.06455 9.38044 5.01349 10.9415 5.00199 11.6018V12.2175C5.01349 12.8778 5.06455 14.4389 5.29122 15.2865C5.45224 15.8901 5.92669 16.3457 6.52908 16.5071C7.36319 16.731 10.115 16.7839 11.368 16.7964H12.6307C13.8837 16.7839 16.6355 16.731 17.4696 16.5071C18.072 16.3457 18.5464 15.8901 18.7074 15.2865C18.8713 14.6738 18.9434 13.6884 18.9751 12.9398L18.9995 11.817C18.9958 11.3789 18.9649 9.49561 18.7074 8.5328C18.5464 7.92917 18.072 7.45378 17.4696 7.29244C16.5968 7.05811 13.6241 7.01109 12.4663 7.00165ZM10.5992 9.79955L14.0995 11.8998L10.5992 14V9.79955Z" }))));
     }
 };
 

package/dist/esm/ds-icon-zoom-in-map.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CFKBuHGF.js';
+import { r as registerInstance, h, H as Host } from './index-B4ZCBfpo.js';
 
 const DsIconZoomInMap = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconZoomInMap = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'a20399adede7ccd22175cfbf4d8e90bca1275184', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6c680a8aec7918b7d5746edadcc3c0139c915922', 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: '8bb94f02157dda5046994f704504ae108ff92a18', d: "m147-79-68-68 130-130H95v-94h276v276h-94v-114L147-79Zm666 0L684-209v114h-95v-276h277v94H751l130 130-68 68ZM95-589v-95h114L79-813l68-68 130 130v-115h94v277H95Zm494 0v-277h95v115l130-131 68 68-131 130h115v95H589Z" }))));
+        return (h(Host, { key: 'e04c7788942a2ee8cf0460d814a7b3bb6c9acbba', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'dfe54aa78029c20caa25344af992718649193e81', 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: 'e65cda55b4ddf8d964d624bc7d93f20207c9feab', d: "m147-79-68-68 130-130H95v-94h276v276h-94v-114L147-79Zm666 0L684-209v114h-95v-276h277v94H751l130 130-68 68ZM95-589v-95h114L79-813l68-68 130 130v-115h94v277H95Zm494 0v-277h95v115l130-131 68 68-131 130h115v95H589Z" }))));
     }
 };
 

package/dist/esm/ds-icon-zoom-in.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CFKBuHGF.js';
+import { r as registerInstance, h, H as Host } from './index-B4ZCBfpo.js';
 
 const DsIconZoomIn = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconZoomIn = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '5e7394e69c7e6d0dfd2a67424704c18c854541c7', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '184d90acba6faa35977b951531e55290de9ce5d6', 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: '512a37eadef1d066d4a6ccb6aeda63df4c7f3b4e', 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: '26406c6c94b51c08f88cdf560543b5c92cb27645', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '061b7b5ab9f28161655da77de9aae7691c187ebf', 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: '2a4712b30b29a9054acefc2cff686ddd16e44118', 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" }))));
     }
 };
 

package/dist/esm/ds-icon-zoom-out-map.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CFKBuHGF.js';
+import { r as registerInstance, h, H as Host } from './index-B4ZCBfpo.js';
 
 const DsIconZoomOutMap = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconZoomOutMap = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'f51694bf1b09f2340161f3873b9194040da305f5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'fa08b2c8064d73b3582a63dc8815e426a5f88a17', 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: '2bfba4c49fe7403eabf3a4f748cb571dc685a13c', 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: 'bc16c4473b4236544ca12b2dc4889472f39f455c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5ac3eabf413df1880a7f0d96dc47e4e0db9551c2', 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: 'e0fa9ec1edc1a54d748b213eb9c806e42ca9e0c4', 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" }))));
     }
 };
 

package/dist/esm/ds-icon-zoom-out.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CFKBuHGF.js';
+import { r as registerInstance, h, H as Host } from './index-B4ZCBfpo.js';
 
 const DsIconZoomOut = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconZoomOut = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'de9683a0c35f1af584cd28a3a7ae1214b124bcbb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '60831485d6a6edcdd74c7a607df4b2b22aef6f25', 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: 'f18a3844a6465be585c7fd59f61cd9469c925711', 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: 'cc6ad031a0e4309874ec831069b5030484d825f1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd2fcb1e2ac59e202dc849481c17243cb7dd1afb4', 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: '97ac09d2f2d1a6962f6c38ccffc9deaff2184752', 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" }))));
     }
 };
 

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

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, d as getElement, f as forceUpdate, h, F as Fragment } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, d as getElement, f as forceUpdate, h, F as Fragment } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, o as omit, r as remToPx } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { i as inheritAttributes, b as inheritAriaAttributes } from './attributes-DfbgRyXR.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CS3vs3iM.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DXsGmVd4.js';
 
-const dsIconCss = ":host{display:flex}.ds-icon__1Vp5mb--container{display:flex}.ds-icon__1Vp5mb--hidden{display:none}";
+const dsIconCss = ":host{display:flex}.ds-icon__oSBnIJ--container{display:flex}.ds-icon__oSBnIJ--hidden{display:none}";
 
 const isValidSize = (value) => {
     return /^(\d+(\.\d+)?|\.\d+)rem$/.test(value);
@@ -61,9 +61,9 @@ const DsIcon = class extends Mixin(ariaDeprecationFactory) {
         const iconRole = this.dsRole ?? this.inheritedAttributes['role'];
         const iconAriaHidden = String(this.dsAriaHidden ?? true);
         const restAttributes = omit(this.inheritedAttributes, ['aria-label', 'aria-labelledby', 'role', 'aria-hidden']);
-        return (h(Fragment, { key: 'e77eb5cd1500e41174efdb622ca4997fa0d91684' }, h("span", { key: '2de18564df9c07739a251eabdf97218c7ae9e956', class: classNames(`${baseClass}--container`, {
+        return (h(Fragment, { key: 'db8415b9109e084c1f74a62c7c50d5e880b82d21' }, h("span", { key: 'a51a429ecaca7c832faa3890bb4ec0d8f3f28255', class: classNames(`${baseClass}--container`, {
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), "aria-hidden": iconAriaHidden }, h(IconTag, { key: '439aa7bc2dafebfb275244a74fd1c6f2d63994d4', dsSize: this.dsCustomSize ? this.dsCustomSize : remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: iconRole, dsTitle: this.dsTitle, dsAriaLabel: iconAriaLabel, dsAriaLabelledby: iconAriaLabelledby, ...restAttributes }))));
+            }), "aria-hidden": iconAriaHidden }, h(IconTag, { key: '6e97a46e8ee388193f144d3ced497fac2747ac02', dsSize: this.dsCustomSize ? this.dsCustomSize : remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: iconRole, dsTitle: this.dsTitle, dsAriaLabel: iconAriaLabel, dsAriaLabelledby: iconAriaLabelledby, ...restAttributes }))));
     }
     static get watchers() { return {
         "role": ["ariaAttributeObserver"],

package/dist/esm/ds-input-validity.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, d as getElement, f as forceUpdate, h } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, d as getElement, f as forceUpdate, h } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { i as inheritAttributes, b as inheritAriaAttributes } from './attributes-DfbgRyXR.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CS3vs3iM.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DXsGmVd4.js';
 
-const dsInputValidityCss = ".ds-input-validity__1Vp5mb{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__1Vp5mb--error{color:var(--ds-textColor-danger)}.ds-input-validity__1Vp5mb--success{color:var(--ds-textColor-success)}.ds-input-validity__1Vp5mb__icon{display:block;height:1.5rem}.ds-input-validity__1Vp5mb 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__oSBnIJ{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__oSBnIJ--error{color:var(--ds-textColor-danger)}.ds-input-validity__oSBnIJ--success{color:var(--ds-textColor-success)}.ds-input-validity__oSBnIJ__icon{display:block;height:1.5rem}.ds-input-validity__oSBnIJ 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 = class extends Mixin(ariaDeprecationFactory) {
     constructor(hostRef) {
@@ -65,7 +65,7 @@ const DsInputValidity = class extends Mixin(ariaDeprecationFactory) {
             : {
                 role: resolvedRole,
             };
-        return (h(Elem, { key: '6923b1804122f754fc0fbd0ef9410a0af09af545', ...elemProps, ...restAttributes }, h("slot", { key: '064547f24c441b97410042064598eed9837c06b0' }), this.dsText && (h("div", { key: '12ecfb673961a253401a10e2834f4dad204a042e', class: classes }, h(this.DsIcon, { key: '6c2826652819da7059050bc13d2ca443784e1077', class: "ds-input-validity__icon", dsColour: iconColour, dsName: icon }), h("small", { key: 'db053c05c7cc6741178dbffce5cfece9bba9d940', id: this.identifier }, this.dsText)))));
+        return (h(Elem, { key: 'ac05ba4095cc41e048788d38b686f780616f7fdb', ...elemProps, ...restAttributes }, h("slot", { key: 'ea8568330688a3dbcded60e9ebdf82fe73715686' }), this.dsText && (h("div", { key: '3a2e5ddc5db288ce89637a8861d04c38c3e7079c', class: classes }, h(this.DsIcon, { key: 'ae5a84d07c3362b58d9b0e54f35d55b2ec8517bf', class: "ds-input-validity__icon", dsColour: iconColour, dsName: icon }), h("small", { key: '80e60a64b6949e389da68c31d71727c31429cb0c', id: this.identifier }, this.dsText)))));
     }
     static get watchers() { return {
         "role": ["ariaAttributeObserver"],

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

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, h } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, h } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BvTnwV5X.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BMdgqvM-.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { l as linkFactory } from './linkFactory-s3TBSNeX.js';
-import { c as cx } from './cx-CoCfZwPE.js';
-import './store-DWYm2ny8.js';
+import { l as linkFactory } from './linkFactory-HDvWs7Ax.js';
+import { c as cx } from './cx-hUnOoCpm.js';
+import './store-I792JNgf.js';
 
-const dsLinkCtaCss = ".ds-no-style-leak *,.ds-link-cta__1Vp5mb,.ds-link-cta__1Vp5mb :where([class*=__1Vp5mb]){all:unset;box-sizing:border-box}.ds-no-style-leak *{display:block}:host{display:inline-block;vertical-align:middle}.ds-link-cta__1Vp5mb{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__1Vp5mb[aria-disabled=true]{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__1Vp5mb__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, 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__1Vp5mb--no-text .ds-link-cta__1Vp5mb__text{padding:0}.ds-link-cta__1Vp5mb:has(.ds-link-cta__1Vp5mb__spinner):not(.ds-link-cta__1Vp5mb--small) .ds-link-cta__1Vp5mb__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__1Vp5mb--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__1Vp5mb:has(.ds-link-cta__1Vp5mb__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__1Vp5mb:has(.ds-link-cta__1Vp5mb__text:empty) .ds-link-cta__1Vp5mb__icon{margin:0}.ds-link-cta__1Vp5mb:not(.ds-link-cta__1Vp5mb--small):not(.ds-link-cta__1Vp5mb--secondary):not(.ds-link-cta__1Vp5mb--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__1Vp5mb:not(.ds-link-cta__1Vp5mb--small).ds-link-cta__1Vp5mb--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__1Vp5mb:not(.ds-link-cta__1Vp5mb--small).ds-link-cta__1Vp5mb--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__1Vp5mb:not(.ds-link-cta__1Vp5mb--small).ds-link-cta__1Vp5mb--icon-only{padding-left:0;padding-right:0}.ds-link-cta__1Vp5mb--small:not(.ds-link-cta__1Vp5mb--secondary):not(.ds-link-cta__1Vp5mb--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__1Vp5mb--small.ds-link-cta__1Vp5mb--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__1Vp5mb--small.ds-link-cta__1Vp5mb--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__1Vp5mb--small.ds-link-cta__1Vp5mb--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__1Vp5mb--small .ds-link-cta__1Vp5mb__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__1Vp5mb__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__1Vp5mb__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__1Vp5mb--no-text .ds-link-cta__1Vp5mb__icon--start,.ds-link-cta__1Vp5mb--no-text .ds-link-cta__1Vp5mb__icon--end{margin:0}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--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__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--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__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--black{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--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__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--white{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--primary.ds-link-cta__1Vp5mb--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--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__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--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__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--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__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--secondary.ds-link-cta__1Vp5mb--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--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__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--blue{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--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__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--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__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__1Vp5mb.ds-link-cta__1Vp5mb--supplementary.ds-link-cta__1Vp5mb--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";
+const dsLinkCtaCss = ".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block;vertical-align:middle}.ds-link-cta__oSBnIJ{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);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__oSBnIJ[aria-disabled=true]{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__oSBnIJ__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, 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__oSBnIJ--no-text .ds-link-cta__oSBnIJ__text{padding:0}.ds-link-cta__oSBnIJ:has(.ds-link-cta__oSBnIJ__spinner):not(.ds-link-cta__oSBnIJ--small) .ds-link-cta__oSBnIJ__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__oSBnIJ--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__oSBnIJ:has(.ds-link-cta__oSBnIJ__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__oSBnIJ:has(.ds-link-cta__oSBnIJ__text:empty) .ds-link-cta__oSBnIJ__icon{margin:0}.ds-link-cta__oSBnIJ:not(.ds-link-cta__oSBnIJ--small):not(.ds-link-cta__oSBnIJ--secondary):not(.ds-link-cta__oSBnIJ--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__oSBnIJ:not(.ds-link-cta__oSBnIJ--small).ds-link-cta__oSBnIJ--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__oSBnIJ:not(.ds-link-cta__oSBnIJ--small).ds-link-cta__oSBnIJ--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__oSBnIJ:not(.ds-link-cta__oSBnIJ--small).ds-link-cta__oSBnIJ--icon-only{padding-left:0;padding-right:0}.ds-link-cta__oSBnIJ--small:not(.ds-link-cta__oSBnIJ--secondary):not(.ds-link-cta__oSBnIJ--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__oSBnIJ--small.ds-link-cta__oSBnIJ--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__oSBnIJ--small.ds-link-cta__oSBnIJ--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__oSBnIJ--small.ds-link-cta__oSBnIJ--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__oSBnIJ--small .ds-link-cta__oSBnIJ__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__oSBnIJ__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__oSBnIJ__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__oSBnIJ--no-text .ds-link-cta__oSBnIJ__icon--start,.ds-link-cta__oSBnIJ--no-text .ds-link-cta__oSBnIJ__icon--end{margin:0}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--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__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--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__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--black{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--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__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--white{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--primary.ds-link-cta__oSBnIJ--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--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__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--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__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--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__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--secondary.ds-link-cta__oSBnIJ--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--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__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--blue{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--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__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--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__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__oSBnIJ.ds-link-cta__oSBnIJ--supplementary.ds-link-cta__oSBnIJ--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";
 
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkCta = class extends Mixin(linkFactory) {
@@ -94,10 +94,10 @@ const DsLinkCta = class extends Mixin(linkFactory) {
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        const iconElement = !this.dsHideIcon && h(DsIcon, { key: '086d62b41b6250f61ebebfaf540e136c167b3568', dsName: this.currentIcon, class: iconClasses, dsCustomSize: this.dsSize === 'medium' ? '1.5rem' : '1.25rem' });
+        const iconElement = !this.dsHideIcon && h(DsIcon, { key: 'befca4b24feba14346cfe4751260f69b6cdcdb5d', dsName: this.currentIcon, class: iconClasses, dsCustomSize: this.dsSize === 'medium' ? '1.5rem' : '1.25rem' });
         const tabindex = this.dsTabIndex !== undefined ? this.dsTabIndex : this.dsTag === 'a' && !this.dsHref ? '0' : undefined;
         const role = this.dsTag === 'span' ? 'link' : undefined;
-        return (h(this.dsTag, { key: '7edd2bdfd6d79c21c89e161c54a609c16fda0ddf', ref: el => (this.linkEl = el), part: "link", class: classes, onKeyDown: this.handleKeyDown, tabindex: tabindex, ...ifDefined('role', role), ...ifDefined('aria-disabled', this.dsDisabled ? 'true' : undefined), ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIconPosition === 'start' && iconElement, h("span", { key: '1b7906e92823a64ae64cc6a3bd09ddfd0d7bba94', class: linkTextClasses }, this.dsText), this.dsIconPosition === 'end' && iconElement, opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '9d89b7b9dda2bc3c43ad03998d636c8d14148c8f', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (h(this.dsTag, { key: '71fd52486ed2b718114fb2945161e05f6951cd8b', ref: el => (this.linkEl = el), part: "link", class: classes, onKeyDown: this.handleKeyDown, tabindex: tabindex, ...ifDefined('role', role), ...ifDefined('aria-disabled', this.dsDisabled ? 'true' : undefined), ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIconPosition === 'start' && iconElement, h("span", { key: '4ad4eb09a2101b027a8ee020523deeeafb06e18b', class: linkTextClasses }, this.dsText), this.dsIconPosition === 'end' && iconElement, opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: 'a9f32bbf9fa32b93b6b98ab24f198620018dcf62', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "dsTarget": ["onTargetChanged"]

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

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { c as inheritSpecifiedAttributes, b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies, o as omit } from './utils-J5Ghj1_T.js';
-import { l as linkFactory } from './linkFactory-s3TBSNeX.js';
-import { c as cx } from './cx-CoCfZwPE.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BvTnwV5X.js';
-import './store-DWYm2ny8.js';
+import { l as linkFactory } from './linkFactory-HDvWs7Ax.js';
+import { c as cx } from './cx-hUnOoCpm.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BMdgqvM-.js';
+import './store-I792JNgf.js';
 
-const dsLinkLogoCss = ".ds-no-style-leak *,.ds-link-logo__1Vp5mb,.ds-link-logo__1Vp5mb :where([class*=__1Vp5mb]){all:unset;box-sizing:border-box}.ds-no-style-leak *{display:block}:host{display:inline-block}.ds-link-logo__1Vp5mb: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__1Vp5mb{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__1Vp5mb:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__1Vp5mb{font-size:var(--ds-fontSize-16, 1rem)}}";
+const dsLinkLogoCss = ".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__oSBnIJ{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link-logo__oSBnIJ: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__oSBnIJ{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__oSBnIJ:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__oSBnIJ{font-size:var(--ds-fontSize-16, 1rem)}}";
 
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkLogo = class extends Mixin(linkFactory) {
@@ -72,7 +72,7 @@ const DsLinkLogo = class extends Mixin(linkFactory) {
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (h(this.dsTag, { key: '3abab94743ec354a875a6679ef9242342a00e569', part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIcon && h(this.DsIcon, { key: '59ccd27129174e60c34749cab224fcf18a3badea', dsName: this.dsIcon, dsSize: "2rem", dsRole: "img" }), this.dsText, opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '786c3e0ed3d3a6929cd0d265a106b07064d78751', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (h(this.dsTag, { key: 'a0e795f53eba7b011b91f104bf8f2190ec2738de', part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIcon && h(this.DsIcon, { key: '935d89af0864fe2d152b390cba0bb954c8ee2c54', dsName: this.dsIcon, dsSize: "2rem", dsRole: "img" }), this.dsText, opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: 'a91748eeaf4354db7ec7841580bee06c80f72422', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "aria-label": ["onAriaChanged"]
@@ -81,7 +81,7 @@ const DsLinkLogo = class extends Mixin(linkFactory) {
 declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-link", { dsText: "" })]);
 DsLinkLogo.style = dsLinkLogoCss;
 
-const dsTagCss = ".ds-no-style-leak *,.ds-tag__1Vp5mb,.ds-tag__1Vp5mb :where([class*=__1Vp5mb]){all:unset;box-sizing:border-box}.ds-no-style-leak *{display:block}.ds-tag__1Vp5mb:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__1Vp5mb:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__1Vp5mb{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--default:has(.ds-tag__1Vp5mb__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--default:has(.ds-tag__1Vp5mb__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--black:has(.ds-tag__1Vp5mb__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--black:has(.ds-tag__1Vp5mb__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--white:has(.ds-tag__1Vp5mb__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--white:has(.ds-tag__1Vp5mb__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--info:has(.ds-tag__1Vp5mb__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--info:has(.ds-tag__1Vp5mb__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--danger:has(.ds-tag__1Vp5mb__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--danger:has(.ds-tag__1Vp5mb__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--attention:has(.ds-tag__1Vp5mb__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--attention:has(.ds-tag__1Vp5mb__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--success:has(.ds-tag__1Vp5mb__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__1Vp5mb.ds-tag__1Vp5mb--success:has(.ds-tag__1Vp5mb__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__1Vp5mb__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__1Vp5mb__link{display:contents}.ds-tag__1Vp5mb__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";
+const dsTagCss = ".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}.ds-tag__oSBnIJ{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-tag__oSBnIJ:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__oSBnIJ:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__oSBnIJ{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--default:has(.ds-tag__oSBnIJ__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--default:has(.ds-tag__oSBnIJ__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--black:has(.ds-tag__oSBnIJ__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--black:has(.ds-tag__oSBnIJ__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--white:has(.ds-tag__oSBnIJ__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--white:has(.ds-tag__oSBnIJ__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--info:has(.ds-tag__oSBnIJ__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--info:has(.ds-tag__oSBnIJ__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--danger:has(.ds-tag__oSBnIJ__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--danger:has(.ds-tag__oSBnIJ__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--attention:has(.ds-tag__oSBnIJ__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--attention:has(.ds-tag__oSBnIJ__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--success:has(.ds-tag__oSBnIJ__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__oSBnIJ.ds-tag__oSBnIJ--success:has(.ds-tag__oSBnIJ__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__oSBnIJ__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__oSBnIJ__link{display:contents}.ds-tag__oSBnIJ__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";
 
 const DsTag = class {
     constructor(hostRef) {
@@ -114,7 +114,7 @@ const DsTag = class {
         const ariaHidden = this.dsAriaHidden !== undefined ? this.dsAriaHidden : this.dsHref ? false : true;
         const role = this.dsRole ?? this.inheritedAttributes.role;
         const restAttributes = omit(this.inheritedAttributes, ['aria-hidden', 'role']);
-        return (h("div", { key: '82fd38de084dc237b9f901a815f241399c85c437', class: classes, ...restAttributes, "aria-hidden": ariaHidden, role: role }, h("slot", { key: 'd1d377619907932d6a39eaf87f5693cf5fb89716', name: "prefix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'start' ? h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null), h("slot", { key: '1db32c3a19b54497c897b91eb2a283fca4cb5ad6' }, this.dsHref ? (h(DsLink, { class: `${baseClass}__link`, dsText: this.dsText, dsHref: this.dsHref, dsTarget: this.dsTarget, dsDownload: this.dsDownload, dsColour: this.dsColour === 'black' ? 'white' : 'black', dsSize: "small", dsWeight: "semibold" })) : (h("span", { class: `${baseClass}__text` }, this.dsText))), h("slot", { key: '724ef29be5e3c757159f4da276d471980d7830b1', name: "suffix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'end' ? h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null)));
+        return (h("div", { key: '9683346fa7b290810e7fc26537dcc81c29f63593', class: classes, ...restAttributes, "aria-hidden": ariaHidden, role: role }, h("slot", { key: 'c7267550496a43ad448f07c2c0a6737419002feb', name: "prefix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'start' ? h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null), h("slot", { key: '9603043bd16cc29168add57c71efdb0b21670b5f' }, this.dsHref ? (h(DsLink, { class: `${baseClass}__link`, dsText: this.dsText, dsHref: this.dsHref, dsTarget: this.dsTarget, dsDownload: this.dsDownload, dsColour: this.dsColour === 'black' ? 'white' : 'black', dsSize: "small", dsWeight: "semibold" })) : (h("span", { class: `${baseClass}__text` }, this.dsText))), h("slot", { key: '1443584c285df865d184d910798df05143c9b80c', name: "suffix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'end' ? h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null)));
     }
 };
 declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-link", { dsText: "" })]);

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

@@ -1,15 +1,15 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, h } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, h } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BvTnwV5X.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BMdgqvM-.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { l as linkFactory } from './linkFactory-s3TBSNeX.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CS3vs3iM.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { l as linkFactory } from './linkFactory-HDvWs7Ax.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DXsGmVd4.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { i as isGreaterThanEqualBreakpointMediaQuery } from './utils-BW1GUsO7.js';
-import './store-DWYm2ny8.js';
+import './store-I792JNgf.js';
 
-const dsLinkWithArrowCss = ":host{display:inline-block}:host:has(.ds-link-with-arrow__1Vp5mb--full-width){width:100%}.ds-link-with-arrow__1Vp5mb: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__1Vp5mb{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__1Vp5mb{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__1Vp5mb--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__1Vp5mb__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__1Vp5mb__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__1Vp5mb__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__1Vp5mb__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__1Vp5mb__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__1Vp5mb__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__1Vp5mb:hover,.ds-link-with-arrow__1Vp5mb: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__1Vp5mb:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__1Vp5mb:active,.ds-link-with-arrow__1Vp5mb:focus-visible{color:var(--ds-textColor-link-active)}";
+const dsLinkWithArrowCss = ":host{display:inline-block}:host:has(.ds-link-with-arrow__oSBnIJ--full-width){width:100%}.ds-link-with-arrow__oSBnIJ: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__oSBnIJ{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__oSBnIJ{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__oSBnIJ--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__oSBnIJ__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__oSBnIJ__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__oSBnIJ__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__oSBnIJ__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__oSBnIJ__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__oSBnIJ__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__oSBnIJ:hover,.ds-link-with-arrow__oSBnIJ: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__oSBnIJ:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__oSBnIJ:active,.ds-link-with-arrow__oSBnIJ:focus-visible{color:var(--ds-textColor-link-active)}";
 
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkWithArrow = class extends Mixin(linkFactory, ariaDeprecationFactory) {
@@ -80,7 +80,7 @@ const DsLinkWithArrow = class extends Mixin(linkFactory, ariaDeprecationFactory)
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (h(this.dsTag, { key: 'f21b6cb610111277a568ac956bf37da2ed42ba99', class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, h("slot", { key: 'a2e14c8803fd07526c70b588d16d34a5bfeb5f6d', name: "prefix" }, this.dsIconPosition === 'start' && h(DsIcon, { key: 'a0d47ac0083b4c8bdbc7048a47399b2fc86a3ba1', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), this.dsText, h("slot", { key: '7ef2ed72c2be70368037890b08eca98ac9b6620e', name: "suffix" }, this.dsIconPosition === 'end' && h(DsIcon, { key: '34f75073a3a6070b6f1a52111ea979cb16d78058', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '2ca87d27991682014d9ba33be711527f18ec0592', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (h(this.dsTag, { key: 'ad3dd25d78d622927798b8f18f346f7ad759a951', class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, h("slot", { key: 'd316743492b6f16604be85e1da1aefbec170a474', name: "prefix" }, this.dsIconPosition === 'start' && h(DsIcon, { key: '670660fe3f99daac22d71ac4059d0b6308e0fed9', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), this.dsText, h("slot", { key: '0d5788fd52a05d440eeccfe02338a492698120e9', name: "suffix" }, this.dsIconPosition === 'end' && h(DsIcon, { key: '55fcb69cec4f307563d54e5e8e708bc52f0deaa5', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '2562814fb0d5f2fb7cd214d58146f2328ec4a79f', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
 };
 declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-visually-hidden", null)]);

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

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BvTnwV5X.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BMdgqvM-.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { l as linkFactory } from './linkFactory-s3TBSNeX.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CS3vs3iM.js';
-import { c as cx } from './cx-CoCfZwPE.js';
-import './store-DWYm2ny8.js';
+import { l as linkFactory } from './linkFactory-HDvWs7Ax.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DXsGmVd4.js';
+import { c as cx } from './cx-hUnOoCpm.js';
+import './store-I792JNgf.js';
 
-const dsLinkCss = ":host{display:inline}:host:has(.ds-link__1Vp5mb--standalone){display:inline-block}.ds-link__1Vp5mb: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__1Vp5mb{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__1Vp5mb--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__1Vp5mb--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__1Vp5mb--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__1Vp5mb--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__1Vp5mb--large{font-size:var(--ds-fontSize-18)}.ds-link__1Vp5mb--medium{font-size:var(--ds-fontSize-16)}.ds-link__1Vp5mb--small{font-size:var(--ds-fontSize-14)}.ds-link__1Vp5mb--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__1Vp5mb__icon{display:inline-block;vertical-align:-0.125em}.ds-link__1Vp5mb__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__1Vp5mb__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__1Vp5mb__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__1Vp5mb__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__1Vp5mb:hover,.ds-link__1Vp5mb:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__1Vp5mb:hover{color:var(--ds-textColor-link-hover)}.ds-link__1Vp5mb:active{color:var(--ds-textColor-link-active)}.ds-link__1Vp5mb:visited{color:var(--ds-textColor-link-visited)}.ds-link__1Vp5mb--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__1Vp5mb--standalone:hover,.ds-link__1Vp5mb--standalone:active{text-decoration-line:underline}.ds-link__1Vp5mb--standalone:focus-visible,.ds-link__1Vp5mb--standalone:visited{color:var(--ds-textColor-link)}.ds-link__1Vp5mb--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__1Vp5mb--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__1Vp5mb--colour-white{color:var(--ds-textColor-white)}.ds-link__1Vp5mb--colour-white:hover,.ds-link__1Vp5mb--colour-white:active,.ds-link__1Vp5mb--colour-white:visited,.ds-link__1Vp5mb--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__1Vp5mb--colour-black{color:var(--ds-textColor-default)}.ds-link__1Vp5mb--colour-black:hover,.ds-link__1Vp5mb--colour-black:active,.ds-link__1Vp5mb--colour-black:visited,.ds-link__1Vp5mb--colour-black:focus-visible{color:var(--ds-textColor-default)}";
+const dsLinkCss = ":host{display:inline}:host:has(.ds-link__oSBnIJ--standalone){display:inline-block}.ds-link__oSBnIJ: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__oSBnIJ{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__oSBnIJ--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__oSBnIJ--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__oSBnIJ--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__oSBnIJ--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__oSBnIJ--large{font-size:var(--ds-fontSize-18)}.ds-link__oSBnIJ--medium{font-size:var(--ds-fontSize-16)}.ds-link__oSBnIJ--small{font-size:var(--ds-fontSize-14)}.ds-link__oSBnIJ--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__oSBnIJ__icon{display:inline-block;vertical-align:-0.125em}.ds-link__oSBnIJ__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__oSBnIJ__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__oSBnIJ__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__oSBnIJ__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__oSBnIJ:hover,.ds-link__oSBnIJ:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__oSBnIJ:hover{color:var(--ds-textColor-link-hover)}.ds-link__oSBnIJ:active{color:var(--ds-textColor-link-active)}.ds-link__oSBnIJ:visited{color:var(--ds-textColor-link-visited)}.ds-link__oSBnIJ--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__oSBnIJ--standalone:hover,.ds-link__oSBnIJ--standalone:active{text-decoration-line:underline}.ds-link__oSBnIJ--standalone:focus-visible,.ds-link__oSBnIJ--standalone:visited{color:var(--ds-textColor-link)}.ds-link__oSBnIJ--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__oSBnIJ--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__oSBnIJ--colour-white{color:var(--ds-textColor-white)}.ds-link__oSBnIJ--colour-white:hover,.ds-link__oSBnIJ--colour-white:active,.ds-link__oSBnIJ--colour-white:visited,.ds-link__oSBnIJ--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__oSBnIJ--colour-black{color:var(--ds-textColor-default)}.ds-link__oSBnIJ--colour-black:hover,.ds-link__oSBnIJ--colour-black:active,.ds-link__oSBnIJ--colour-black:visited,.ds-link__oSBnIJ--colour-black:focus-visible{color:var(--ds-textColor-default)}";
 
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const linkIconSizeMap = {
@@ -112,7 +112,7 @@ const DsLink = class extends Mixin(linkFactory, ariaDeprecationFactory) {
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (h(this.dsTag, { key: 'ce275927797fedae063d1df9e588b688a0268288', ref: el => (this.linkRef = el), part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, h("slot", { key: 'dfbd72718f44e0d722bb36dd80743748465560e9', name: "prefix" }, this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass)), this.dsText, h("slot", { key: 'd4c01b72b5c3c8c0915d181dcff3e6b067b7080a', name: "suffix" }, this.renderSuffixIcon(baseClass)), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: 'ed5efb6ba22092114f5a31628faff9af0188712b', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (h(this.dsTag, { key: 'd985419c4a5f78e353d4a3d393ad9b9204c37022', ref: el => (this.linkRef = el), part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, h("slot", { key: 'af6ce80796310e1ef08763bd6405012896c24a23', name: "prefix" }, this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass)), this.dsText, h("slot", { key: '88023fdf25b60b99f4a17bead37994cf1c2bc8f0', name: "suffix" }, this.renderSuffixIcon(baseClass)), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '8ad4419b6399f0f1aaa828604ee1a6522383afaf', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "dsTarget": ["onTargetChanged"],

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, c as createEvent, d as getElement } from './index-CFKBuHGF.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { h, r as registerInstance, c as createEvent, d as getElement } from './index-B4ZCBfpo.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { d as declareComponentDependencies, a as ifDefined, t as transformTagName } from './utils-J5Ghj1_T.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getLanguage } from './store-DWYm2ny8.js';
+import { g as getLanguage } from './store-I792JNgf.js';
 
-const dsMediaCss = ".ds-media__1Vp5mb{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__1Vp5mb .ds-media__image,.ds-media__1Vp5mb .ds-media__video,.ds-media__1Vp5mb .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__1Vp5mb .ds-media__image--fluid,.ds-media__1Vp5mb .ds-media__video--fluid,.ds-media__1Vp5mb .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__1Vp5mb__youtube{border:none;object-fit:initial}.ds-media__1Vp5mb--loading .ds-media__image,.ds-media__1Vp5mb--loading .ds-media__video{opacity:0}.ds-media__1Vp5mb--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__1Vp5mb--error .ds-media__image,.ds-media__1Vp5mb--error .ds-media__video{display:none}.ds-media__1Vp5mb--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__1Vp5mb--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__1Vp5mb--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__1Vp5mb--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__1Vp5mb--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__1Vp5mb--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__1Vp5mb--fluid{width:100%;height:100%}.ds-media__1Vp5mb--fluid .ds-media__1Vp5mb__image,.ds-media__1Vp5mb--fluid .ds-media__1Vp5mb__video,.ds-media__1Vp5mb--fluid .ds-media__1Vp5mb__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__1Vp5mb{border-radius:2px}.ds-media__1Vp5mb__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__1Vp5mb__loading-text{font-size:12px}.ds-media__1Vp5mb__error-icon{width:40px;height:40px}.ds-media__1Vp5mb__error-text{font-size:12px}}";
+const dsMediaCss = ".ds-media__oSBnIJ{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__oSBnIJ .ds-media__image,.ds-media__oSBnIJ .ds-media__video,.ds-media__oSBnIJ .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__oSBnIJ .ds-media__image--fluid,.ds-media__oSBnIJ .ds-media__video--fluid,.ds-media__oSBnIJ .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__oSBnIJ__youtube{border:none;object-fit:initial}.ds-media__oSBnIJ--loading .ds-media__image,.ds-media__oSBnIJ--loading .ds-media__video{opacity:0}.ds-media__oSBnIJ--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__oSBnIJ--error .ds-media__image,.ds-media__oSBnIJ--error .ds-media__video{display:none}.ds-media__oSBnIJ--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__oSBnIJ--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__oSBnIJ--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__oSBnIJ--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__oSBnIJ--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__oSBnIJ--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__oSBnIJ--fluid{width:100%;height:100%}.ds-media__oSBnIJ--fluid .ds-media__oSBnIJ__image,.ds-media__oSBnIJ--fluid .ds-media__oSBnIJ__video,.ds-media__oSBnIJ--fluid .ds-media__oSBnIJ__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__oSBnIJ{border-radius:2px}.ds-media__oSBnIJ__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__oSBnIJ__loading-text{font-size:12px}.ds-media__oSBnIJ__error-icon{width:40px;height:40px}.ds-media__oSBnIJ__error-text{font-size:12px}}";
 
 const DsMedia = class {
     constructor(hostRef) {
@@ -177,7 +177,7 @@ const DsMedia = class {
         const aspectRatioParts = this.dsAspectRatio.split('/');
         const aspectRatioValue = aspectRatioParts.length === 2 ? `${aspectRatioParts[0]} / ${aspectRatioParts[1]}` : this.dsAspectRatio;
         const baseClass = cx('ds-media');
-        return (h("div", { key: '5f6f41714fa77e0e7ac0562532d426e8f50563d7', class: {
+        return (h("div", { key: 'a87831e27a55e1006374189bd1d60ed1ffc74b88', class: {
                 [baseClass]: true,
                 [`${baseClass}--loading`]: this.isLoading,
                 [`${baseClass}--error`]: this.hasError,

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

@@ -1,12 +1,12 @@
-import { h, r as registerInstance, c as createEvent, d as getElement } from './index-CFKBuHGF.js';
+import { h, r as registerInstance, c as createEvent, d as getElement } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { i as idGenerator, d as declareComponentDependencies, t as transformTagName, e as throttle, a as ifDefined } from './utils-J5Ghj1_T.js';
-import { g as getLanguage } from './store-DWYm2ny8.js';
+import { g as getLanguage } from './store-I792JNgf.js';
 import { M as MODAL_TRANSITION_IN_DURATION, b as MODAL_TRANSITION_OUT_DURATION } from './constants-CLNvzo86.js';
 import { i as isGreaterThanEqualBreakpointMediaQuery } from './utils-BW1GUsO7.js';
 
-const dsModalCss = ".ds-modal__1Vp5mb{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__1Vp5mb--open{overflow-y:auto}.ds-modal__1Vp5mb__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__1Vp5mb__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__1Vp5mb__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__1Vp5mb__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__1Vp5mb__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__1Vp5mb__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__1Vp5mb__container--full{width:100%}@media (min-width: 30rem){.ds-modal__1Vp5mb__container--small{width:480px}.ds-modal__1Vp5mb__container--medium{width:640px}.ds-modal__1Vp5mb__container--large{width:800px}}.ds-modal__1Vp5mb__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__1Vp5mb__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__1Vp5mb__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__1Vp5mb--open .ds-modal__1Vp5mb__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__1Vp5mb--in .ds-modal__1Vp5mb__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__1Vp5mb__container,.ds-modal__1Vp5mb--in .ds-modal__1Vp5mb__container{transition:none}}.ds-modal__1Vp5mb__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__1Vp5mb__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__1Vp5mb__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__1Vp5mb__header__heading: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-modal__1Vp5mb__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__1Vp5mb__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__1Vp5mb__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__1Vp5mb__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__1Vp5mb__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__1Vp5mb__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__1Vp5mb__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__1Vp5mb__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__1Vp5mb__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__1Vp5mb__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__1Vp5mb__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__1Vp5mb__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__1Vp5mb__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__1Vp5mb__content--scrollable__top-scrim,.ds-modal__1Vp5mb__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__1Vp5mb__content--scrollable__top-scrim--open,.ds-modal__1Vp5mb__content--scrollable__bottom-scrim--open{display:block}.ds-modal__1Vp5mb__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__1Vp5mb__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__1Vp5mb__content--scrollable:focus-visible .ds-modal__1Vp5mb__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__1Vp5mb__content--scrollable:focus-visible .ds-modal__1Vp5mb__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__1Vp5mb__footer{position:relative}.ds-modal__1Vp5mb__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__1Vp5mb__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__1Vp5mb__footer:not(:empty)+.ds-modal__1Vp5mb__content{border-block-end:0}.ds-modal__1Vp5mb__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}";
+const dsModalCss = ".ds-modal__oSBnIJ{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__oSBnIJ--open{overflow-y:auto}.ds-modal__oSBnIJ__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__oSBnIJ__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__oSBnIJ__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__oSBnIJ__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__oSBnIJ__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__oSBnIJ__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__oSBnIJ__container--full{width:100%}@media (min-width: 30rem){.ds-modal__oSBnIJ__container--small{width:480px}.ds-modal__oSBnIJ__container--medium{width:640px}.ds-modal__oSBnIJ__container--large{width:800px}}.ds-modal__oSBnIJ__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__oSBnIJ__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__oSBnIJ__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__oSBnIJ--open .ds-modal__oSBnIJ__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__oSBnIJ--in .ds-modal__oSBnIJ__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__oSBnIJ__container,.ds-modal__oSBnIJ--in .ds-modal__oSBnIJ__container{transition:none}}.ds-modal__oSBnIJ__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__oSBnIJ__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__oSBnIJ__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__oSBnIJ__header__heading: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-modal__oSBnIJ__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__oSBnIJ__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__oSBnIJ__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__oSBnIJ__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__oSBnIJ__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__oSBnIJ__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__oSBnIJ__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__oSBnIJ__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__oSBnIJ__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__oSBnIJ__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__oSBnIJ__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__oSBnIJ__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__oSBnIJ__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__oSBnIJ__content--scrollable__top-scrim,.ds-modal__oSBnIJ__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__oSBnIJ__content--scrollable__top-scrim--open,.ds-modal__oSBnIJ__content--scrollable__bottom-scrim--open{display:block}.ds-modal__oSBnIJ__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__oSBnIJ__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__oSBnIJ__content--scrollable:focus-visible .ds-modal__oSBnIJ__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__oSBnIJ__content--scrollable:focus-visible .ds-modal__oSBnIJ__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__oSBnIJ__footer{position:relative}.ds-modal__oSBnIJ__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__oSBnIJ__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__oSBnIJ__footer:not(:empty)+.ds-modal__oSBnIJ__content{border-block-end:0}.ds-modal__oSBnIJ__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}";
 
 const modalIdGenerator = idGenerator('ds-modal');
 const DsModal = class {
@@ -215,11 +215,11 @@ const DsModal = class {
         });
         const contentAriaLabel = this.dsScrollable ? this.contentScrollArea : undefined;
         const contentTabIndex = this.dsScrollable ? 0 : undefined;
-        return (h(this.DsBackdrop, { key: 'ce2390bb345fb6ae67c8da4f9bfc5254ffab7110', id: this.dsId, dsDialogClasses: classes, dsOpen: this.dsOpen, dsZIndex: this.dsBackdropZIndex, dsRole: this.dsVariant === 'danger' ? 'alertdialog' : 'dialog', onDsBackdropClose: this.handleBackdropClose }, h("div", { key: 'e3e63833df6324239aa07c5a2a74da75ec12c574', class: `${baseClass}__positioner` }, h("div", { key: '1c1320facf3ef41ea311bc67ca92da53e0638012', class: containerClasses, style: { '--ds-modal-transition-in-duration': `${MODAL_TRANSITION_IN_DURATION}ms`, '--ds-modal-transition-out-duration': `${MODAL_TRANSITION_OUT_DURATION}ms` } }, h("slot", { key: 'e96e98574621219a7418615b110113ee34a16989', name: "header", onSlotchange: () => this.checkHeaderSlot() }, !this.hasHeaderSlot && (h("div", { key: 'ddda5d668ce1cd04d6004f6ac7671576098896f6', class: headerClasses }, this.dsHeadingText && (h("span", { key: 'bccc820304b24ca81964c6a336dd6b3bed990d15', role: "heading", tabIndex: -1, autoFocus: this.dsAutoFocusTarget === 'heading', "aria-level": this.dsHeadingLevel, class: headingClasses }, this.icon && (h(this.DsIcon, { key: 'f26e0662ae401ec68128bad6de1e8ae6fd4d1427', class: `${baseClass}__header__heading__icon`, dsAriaHidden: this.icon.ariaHidden, dsAriaLabel: this.icon.ariaLabel, dsSize: this.icon.size, dsName: this.icon.name, dsColour: this.icon.colour })), h("span", { key: '4026cc726bf0b3235f992cccb0ea61a16ff21cf8', class: `${baseClass}__header__heading__text` }, this.dsHeadingText))), this.dsCloseable && (h(this.DsButton, { key: '40a3c9e712ef4897341ce6c7148ea6a35b812ed6', class: closeButtonClasses, dsVariant: "supplementary", dsSize: "small", dsColour: "black", dsIcon: "close", dsAriaLabel: this.close, dsAutoFocus: this.dsAutoFocusTarget === 'close-button', onClick: this.handleCloseClick }))))), h("div", { key: 'dd728bec8194ca295980210ef3d7389f7a4d15d9', ref: el => (this.contentRef = el), class: contentClasses, ...ifDefined('aria-label', contentAriaLabel), ...ifDefined('tabIndex', contentTabIndex), onScroll: this.handleContentScroll }, this.dsScrollable && this.hasContentSlot && (h("div", { key: '0393782107616406961417da860cc6cbc1d0774c', class: classNames(`${baseClass}__content--scrollable__top-scrim`, {
+        return (h(this.DsBackdrop, { key: '1b5f40af038e12b3d52da9640c5bf7a41d5d9b4f', id: this.dsId, dsDialogClasses: classes, dsOpen: this.dsOpen, dsZIndex: this.dsBackdropZIndex, dsRole: this.dsVariant === 'danger' ? 'alertdialog' : 'dialog', onDsBackdropClose: this.handleBackdropClose }, h("div", { key: '0e163d7af42c3dbae1840b204df18898585168f9', class: `${baseClass}__positioner` }, h("div", { key: 'e05e230c24e1013b2e1c189b8ca17d7a8547843c', class: containerClasses, style: { '--ds-modal-transition-in-duration': `${MODAL_TRANSITION_IN_DURATION}ms`, '--ds-modal-transition-out-duration': `${MODAL_TRANSITION_OUT_DURATION}ms` } }, h("slot", { key: '9a370848c428237be7b8aa96d52400eb5e57ddca', name: "header", onSlotchange: () => this.checkHeaderSlot() }, !this.hasHeaderSlot && (h("div", { key: 'c92eded235813b73bf38cdb211a05cd664e8be1b', class: headerClasses }, this.dsHeadingText && (h("span", { key: 'c2ad72e6206615affac0d2792a6c981b73500cb8', role: "heading", tabIndex: -1, autoFocus: this.dsAutoFocusTarget === 'heading', "aria-level": this.dsHeadingLevel, class: headingClasses }, this.icon && (h(this.DsIcon, { key: '5f75e9e1fd83010a63f56139e73ea67460fee83a', class: `${baseClass}__header__heading__icon`, dsAriaHidden: this.icon.ariaHidden, dsAriaLabel: this.icon.ariaLabel, dsSize: this.icon.size, dsName: this.icon.name, dsColour: this.icon.colour })), h("span", { key: 'fd78a671a0905cc89df40547d417fc3c40fe2537', class: `${baseClass}__header__heading__text` }, this.dsHeadingText))), this.dsCloseable && (h(this.DsButton, { key: 'd38895149123fd62453f0b158db4a241d6cdd5a0', class: closeButtonClasses, dsVariant: "supplementary", dsSize: "small", dsColour: "black", dsIcon: "close", dsAriaLabel: this.close, dsAutoFocus: this.dsAutoFocusTarget === 'close-button', onClick: this.handleCloseClick }))))), h("div", { key: '5a90b48de2e501bb289cc91c1cb6b6f8fec0ac36', ref: el => (this.contentRef = el), class: contentClasses, ...ifDefined('aria-label', contentAriaLabel), ...ifDefined('tabIndex', contentTabIndex), onScroll: this.handleContentScroll }, this.dsScrollable && this.hasContentSlot && (h("div", { key: '4dbbaa944ab82627d0ceee5c84360f4435ddf15f', class: classNames(`${baseClass}__content--scrollable__top-scrim`, {
                 [`${baseClass}__content--scrollable__top-scrim--open`]: this.scrollableContentState && !this.scrollableContentState.atTop,
-            }), "aria-hidden": "true" })), h("slot", { key: '08193c19f178810401c43ab2be042aa8d9ba0789', name: "content", onSlotchange: () => this.checkContentSlot() }), this.dsScrollable && this.hasContentSlot && (h("div", { key: '7c9b268759c6e234e3f9ce4c808b7f92dc7e0898', class: classNames(`${baseClass}__content--scrollable__bottom-scrim`, {
+            }), "aria-hidden": "true" })), h("slot", { key: '9d242206dd77c38e73e87b29c5286773d328cb7b', name: "content", onSlotchange: () => this.checkContentSlot() }), this.dsScrollable && this.hasContentSlot && (h("div", { key: '859ca016c1131226b9febff8ce75de340767796f', class: classNames(`${baseClass}__content--scrollable__bottom-scrim`, {
                 [`${baseClass}__content--scrollable__bottom-scrim--open`]: this.scrollableContentState && !this.scrollableContentState.atBottom,
-            }), "aria-hidden": "true" }))), h("div", { key: '52044f0dad463529c6705fbe4afa8c499b10dde7', class: footerClasses }, h("slot", { key: 'f7be42215a0f6dc27e9335f92ce138b736ee7224', name: "footer", onSlotchange: () => this.checkFooterSlot() }))))));
+            }), "aria-hidden": "true" }))), h("div", { key: '6476d43904c097b2ac61994e7da5ba1f89ab05b5', class: footerClasses }, h("slot", { key: '9bc5185ec9b3cebbcb785e44655de023c0b5c74b', name: "footer", onSlotchange: () => this.checkFooterSlot() }))))));
     }
     static get watchers() { return {
         "hasContentSlot": ["hasContentSlotObserver"],