npm - @uh-design-system/component-library - Versions diffs - 1.1.0-rc.5 → 1.1.0-rc.7 - Mend

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

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

Files changed (1610) hide show

package/dist/components/ds-icon-visibility-fill.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconVisibilityFill$1 = proxyCustomElement(class DsIconVisibilityFill ext
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '2e99dda37ddc4d61e2fbe067ad82794c43925ac1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2d7a0d899bc49723ba011b028192adc3488ed47f', 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: '908df3fa100037f22b048db838f6efc51c9ea85f', d: "M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.12-74q-40 0-68-28t-28-68q0-40 28-68t68-28q40 0 68 28t28 68q0 40-28 68t-68 28Zm0 227q-154 0-278-90T17-500q61-143 185-233t278-90q154 0 278 90t185 233q-61 143-185 233t-278 90Z" }))));
+        return (h(Host, { key: '826d8dcbdbc871111ceb43944841e92c357f6f36', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'afb1096e0de8b51e9349c94b52d8e12cfc4043bb', 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: '6e1860d9f654756cc2aafc337daecccaaf386c18', d: "M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.12-74q-40 0-68-28t-28-68q0-40 28-68t68-28q40 0 68 28t28 68q0 40-28 68t-68 28Zm0 227q-154 0-278-90T17-500q61-143 185-233t278-90q154 0 278 90t185 233q-61 143-185 233t-278 90Z" }))));
     }
 }, [256, "ds-icon-visibility-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-visibility-off-fill.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconVisibilityOffFill$1 = proxyCustomElement(class DsIconVisibilityOffFi
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'eb9d82d2b2886a316dc9b0f4d835a263b4dbd496', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f4fdac056dd0c99b7489d19ea1f99da30908a77d', 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: '5d867789d8fda8ce05316374560297aa3f0e5e4d', d: "M807-55 653-207q-35 14-80 22t-93 8q-151 0-276.5-85.5T17-500q18-51 55-103t86-100L35-824l50-52 769 769-47 52ZM480-330q11 0 23.5-2.5T524-339L317-544q-3 9-5 21t-2 23q0 72 50 121t120 49Zm302 48L633-432q8-12 12.5-32t4.5-36q0-71-49.5-120.5T480-670q-17 0-35 4t-33 12L283-783q35-16 92.5-28T485-823q147 0 272 85t186 238q-25 66-67.5 121.5T782-282ZM556-509l-73-73q13-8 30-7t31 12q13 13 17.5 28.5T556-509Z" }))));
+        return (h(Host, { key: '4fb05881c5014498bcf7a8d7467f973ecc76e089', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '54e37a65412ada8fbc05e5adfd5141331c7efbac', 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: '331d80f6138a9049d27507fd98487c12e3522605', d: "M807-55 653-207q-35 14-80 22t-93 8q-151 0-276.5-85.5T17-500q18-51 55-103t86-100L35-824l50-52 769 769-47 52ZM480-330q11 0 23.5-2.5T524-339L317-544q-3 9-5 21t-2 23q0 72 50 121t120 49Zm302 48L633-432q8-12 12.5-32t4.5-36q0-71-49.5-120.5T480-670q-17 0-35 4t-33 12L283-783q35-16 92.5-28T485-823q147 0 272 85t186 238q-25 66-67.5 121.5T782-282ZM556-509l-73-73q13-8 30-7t31 12q13 13 17.5 28.5T556-509Z" }))));
     }
 }, [256, "ds-icon-visibility-off-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-visibility-off.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconVisibilityOff$1 = proxyCustomElement(class DsIconVisibilityOff exten
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '86b7fa2c165f0b580e3fd1c0f911058e20bcb254', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '188ff6918a30a5f8511da6a5e94fcddfa9a25928', 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: 'c8fd853928ec0d1db904eedf3827e933315d0bb8', d: "m634-432-77-76q21-44-12.5-69t-62.5-6l-70-71q15-8 33-12t35-4q71 0 120.5 49.5T650-500q0 16-4 36t-12 32Zm148 150-55-56q44-35 76.5-77t52.5-85q-52-110-150.5-175T490-740q-42 0-82 7t-59 16l-66-66q35-16 92.5-28T485-823q147 0 272 85t186 238q-25 66-67.5 121.5T782-282Zm25 227L653-207q-35 14-80 22t-93 8q-151 0-276.5-85.5T17-500q18-51 55-103t86-100L35-824l50-52 769 769-47 52ZM216-646q-36 29-66 68.5T104-500q52 111 153 175.5T488-260q27 0 55.5-3t44.5-11l-64-64q-8 4-20.5 6t-23.5 2q-70 0-120-49t-50-121q0-11 1.5-23t4.5-21L216-646Zm323 128Zm-137 69Z" }))));
+        return (h(Host, { key: '0698245d6b5e8da249d2706036bd08889aaaa687', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '914d02ab75b5de6808f32d3cd06520719590880b', 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: '7efd14d5a4cb05c1c918e706b0cda310730fa3e7', d: "m634-432-77-76q21-44-12.5-69t-62.5-6l-70-71q15-8 33-12t35-4q71 0 120.5 49.5T650-500q0 16-4 36t-12 32Zm148 150-55-56q44-35 76.5-77t52.5-85q-52-110-150.5-175T490-740q-42 0-82 7t-59 16l-66-66q35-16 92.5-28T485-823q147 0 272 85t186 238q-25 66-67.5 121.5T782-282Zm25 227L653-207q-35 14-80 22t-93 8q-151 0-276.5-85.5T17-500q18-51 55-103t86-100L35-824l50-52 769 769-47 52ZM216-646q-36 29-66 68.5T104-500q52 111 153 175.5T488-260q27 0 55.5-3t44.5-11l-64-64q-8 4-20.5 6t-23.5 2q-70 0-120-49t-50-121q0-11 1.5-23t4.5-21L216-646Zm323 128Zm-137 69Z" }))));
     }
 }, [256, "ds-icon-visibility-off", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-visibility.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconVisibility$1 = proxyCustomElement(class DsIconVisibility extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '5fc2ab08a067815a128ad69fdd109e5925cb32bc', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6ea8b5fede849ea7dcab39a7dcd007d448f92174', 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: '0f1757b333093d7ba8d5bc49809ecde23fdea6bd', d: "M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.12-74q-40 0-68-28t-28-68q0-40 28-68t68-28q40 0 68 28t28 68q0 40-28 68t-68 28Zm0 227q-154 0-278-90T17-500q61-143 185-233t278-90q154 0 278 90t185 233q-61 143-185 233t-278 90Zm0-323Zm-.08 240q120.45 0 221.27-65.5Q802-391 855-500q-53-109-153.73-174.5Q600.53-740 480.08-740t-221.27 65.5Q158-609 104-500q54 109 154.73 174.5Q359.47-260 479.92-260Z" }))));
+        return (h(Host, { key: '7d4d848a22dd3b920f8b5f4446d84d779025046f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'af358d71c9d9aa6dccd81b115705c542fd9ac938', 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: 'd0b41bd6af8d010677b4a0986df0f6afc1ed2fa7', d: "M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.12-74q-40 0-68-28t-28-68q0-40 28-68t68-28q40 0 68 28t28 68q0 40-28 68t-68 28Zm0 227q-154 0-278-90T17-500q61-143 185-233t278-90q154 0 278 90t185 233q-61 143-185 233t-278 90Zm0-323Zm-.08 240q120.45 0 221.27-65.5Q802-391 855-500q-53-109-153.73-174.5Q600.53-740 480.08-740t-221.27 65.5Q158-609 104-500q54 109 154.73 174.5Q359.47-260 479.92-260Z" }))));
     }
 }, [256, "ds-icon-visibility", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-vpn-lock.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconVpnLock$1 = proxyCustomElement(class DsIconVpnLock extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'f6d022cb65a88ddd63d578ea41173d3b3e476804', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2d1a115bef4442bb138b89f8cd5f455b2f205641', 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: 'a99f7241e15416c924c83f0d2ef779bced65a377', d: "M480.67-55Q390.8-55 312.9-87.5t-135.4-90Q120-235 87.5-312.65T55-479.53Q55-570 87.5-647.5t89.5-135Q234-840 310.3-873q76.31-33 162.7-33 44.65 0 90.32 8Q609-890 632-880v191H435v123.2H312v83.8h293v170h38l80 58q43-49 66-107.1 23-58.09 23-116.78 0-13.12-.5-35.12t-2.5-34h93q2 9 3 28.69t1 37.31q0 89.39-32.5 167.7-32.5 78.3-90 135.8-57.5 57.5-134.78 90T480.67-55ZM435-144v-90l-77.94-77.69v-38.85L156-551q-4 24-5.5 37.17Q149-500.67 149-485q0 130.55 80.86 227.27Q310.73-161 435-144Zm246-452v-219h46v-40q0-37.95 25.7-65.47Q778.4-948 815.5-948q37.51 0 63.51 27.53Q905-892.95 905-855v40h47v219H681Zm97-219h76v-47q0-17.3-10.28-30.15Q833.45-905 815.5-905q-17.53 0-27.51 12.85Q778-879.3 778-862v47Z" }))));
+        return (h(Host, { key: '0cf3b79623b2590d58f07e49767b3f5288b142d9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '72003207ea80b662477bc6e51d03798dd61c71e5', 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: '19546e355e6c870f7c4af82a95a6657238fe4087', d: "M480.67-55Q390.8-55 312.9-87.5t-135.4-90Q120-235 87.5-312.65T55-479.53Q55-570 87.5-647.5t89.5-135Q234-840 310.3-873q76.31-33 162.7-33 44.65 0 90.32 8Q609-890 632-880v191H435v123.2H312v83.8h293v170h38l80 58q43-49 66-107.1 23-58.09 23-116.78 0-13.12-.5-35.12t-2.5-34h93q2 9 3 28.69t1 37.31q0 89.39-32.5 167.7-32.5 78.3-90 135.8-57.5 57.5-134.78 90T480.67-55ZM435-144v-90l-77.94-77.69v-38.85L156-551q-4 24-5.5 37.17Q149-500.67 149-485q0 130.55 80.86 227.27Q310.73-161 435-144Zm246-452v-219h46v-40q0-37.95 25.7-65.47Q778.4-948 815.5-948q37.51 0 63.51 27.53Q905-892.95 905-855v40h47v219H681Zm97-219h76v-47q0-17.3-10.28-30.15Q833.45-905 815.5-905q-17.53 0-27.51 12.85Q778-879.3 778-862v47Z" }))));
     }
 }, [256, "ds-icon-vpn-lock", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-warning-fill.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconWarningFill$1 = proxyCustomElement(class DsIconWarningFill extends H
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '1314dfc2e792c73e4e31ae86a41e154f5c1987d5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '67b982d1ee67fd3584038c0ce56f5eddd3ba8db9', 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: 'bf809e1c9798fedc1575f30c4a0b5196b2ca870c', d: "m18-107 462-799 462 799H18Zm466.18-132q13.4 0 23.61-10.39Q518-259.78 518-273.18q0-13.4-10.39-23.11-10.39-9.71-23.79-9.71-13.4 0-23.61 9.89Q450-286.22 450-272.82q0 13.4 10.39 23.61Q470.78-239 484.18-239ZM454-348h60v-216h-60v216Z" }))));
+        return (h(Host, { key: 'aa8575f669889d37d562ecca03ebacd2aba489f4', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3670a05caeb9e2f31d1bf7b93531a7d9109f4260', 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: 'e41c2adf5ed6ab2670c22760799370f3ca99d5d1', d: "m18-107 462-799 462 799H18Zm466.18-132q13.4 0 23.61-10.39Q518-259.78 518-273.18q0-13.4-10.39-23.11-10.39-9.71-23.79-9.71-13.4 0-23.61 9.89Q450-286.22 450-272.82q0 13.4 10.39 23.61Q470.78-239 484.18-239ZM454-348h60v-216h-60v216Z" }))));
     }
 }, [256, "ds-icon-warning-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-warning.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconWarning$1 = proxyCustomElement(class DsIconWarning extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'a6a86442c93c070c3dd1ae666d8f69d982b009a4', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'edd42c410faf246b450336e8c42e8a503786de00', 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: 'bca6a22820b899b37234d8eaa78068ad409ef1d8', d: "m18-107 462-799 462 799H18Zm145-84h634L480-739 163-191Zm321.18-48q13.4 0 23.61-10.39Q518-259.78 518-273.18q0-13.4-10.39-23.11-10.39-9.71-23.79-9.71-13.4 0-23.61 9.89Q450-286.22 450-272.82q0 13.4 10.39 23.61Q470.78-239 484.18-239ZM454-348h60v-216h-60v216Zm26-117Z" }))));
+        return (h(Host, { key: '4db6471ae4300c1a641d45d39cdaf952af7bcea0', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '837df42aa17afec619349281e2a97b74ad2edf19', 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: '30c4325245adaf36a9196b5f4c93465f71bf6ec3', d: "m18-107 462-799 462 799H18Zm145-84h634L480-739 163-191Zm321.18-48q13.4 0 23.61-10.39Q518-259.78 518-273.18q0-13.4-10.39-23.11-10.39-9.71-23.79-9.71-13.4 0-23.61 9.89Q450-286.22 450-272.82q0 13.4 10.39 23.61Q470.78-239 484.18-239ZM454-348h60v-216h-60v216Zm26-117Z" }))));
     }
 }, [256, "ds-icon-warning", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-widget-small-fill.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconWidgetSmallFill$1 = proxyCustomElement(class DsIconWidgetSmallFill e
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '7c6b77429a4344c23c3af006386250d041d5e899', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5270ea8d03006ae2135e3869805bfc9ac7ff1a3c', 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: '737c54b098bd0b9264a8426d98360cd400a13107', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665Z" }))));
+        return (h(Host, { key: '0f8296bffa187ca5affa13b58bb7e66e426eca6b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c5ea38b5765c2fbeb0c377f8aa2fcf90b0ae407a', 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: '41e131bd566f16e79bbd8fed117ad81174094231', d: "M55-55v-240h240v240H55Zm304 0v-240h242v240H359Zm306 0v-240h241v240H665ZM55-359v-242h240v242H55Zm304 0v-242h242v242H359Zm306 0v-242h241v242H665ZM55-665v-241h240v241H55Zm304 0v-241h242v241H359Zm306 0v-241h241v241H665Z" }))));
     }
 }, [256, "ds-icon-widget-small-fill", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-widget-small.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconWidgetSmall$1 = proxyCustomElement(class DsIconWidgetSmall extends H
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '55027e7423525c40b50b2ee817b3bbf5888dff41', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '729e73bf850929ff4cbdc509daebdd11c72ab9b5', 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: '3b645441116c39b58f97a9e570144039f123b3b8', 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: '6b789b755d5f4d1ab6ec14a4c4b9b21eec918068', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '00edfe2691ebd4a363f991088c06833c31c78df1', 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: 'eb236684eb44b91f54ec0d28224891891be7b7e7', 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" }))));
     }
 }, [256, "ds-icon-widget-small", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-x.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconX$1 = proxyCustomElement(class DsIconX extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '1f619f4b0b505b19adc5e2200e53ca815c508fc2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '781503c7ee070fedb7edfba3db74f8696b62750e', 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: '048020bf8713094672652086ba9d64f6f1851af4', "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: 'dbc46eda78c6575721efa74e87e115ab53da0d0b', d: "M14.6175 15.9846H15.5575L9.48976 7.96207H8.48104L14.6175 15.9846Z" }))));
+        return (h(Host, { key: 'dac19fa4b763377de63f9d6680352d2d16083aaa', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '415fbed6a90116f923d6104312739c394a782b13', 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: '0498b821019338db93e0cf271185e34524c2461a', "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: 'e4c6ff54d8aaf5dbc51d729341c6c5b90d43b505', d: "M14.6175 15.9846H15.5575L9.48976 7.96207H8.48104L14.6175 15.9846Z" }))));
     }
 }, [256, "ds-icon-x", {
         "dsSize": [1, "ds-size"],

package/dist/components/ds-icon-youtube.js CHANGED Viewed

@@ -13,7 +13,7 @@ const DsIconYoutube$1 = proxyCustomElement(class DsIconYoutube extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '11526a445ecd1b4cb98de0eb67004f9af02e253d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '03e5f130e3f35aca39431320dd219626742a7276', 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: '7852a5a2d2e9341ccb679fa36c65ea0ea90c8eb3', "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: '450843ae2e6ad02395d14fb47df30e50a6319b49', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2e17795f06aad9e0659ed9dcf95832e67cf4cfc1', 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: '4eacf59b4db333037138709099e02abacebf1eec', "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" }))));
     }
 }, [256, "ds-icon-youtube", {
         "dsSize": [1, "ds-size"],

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

@@ -13,7 +13,7 @@ const DsIconZoomInMap$1 = proxyCustomElement(class DsIconZoomInMap extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'ce00a9d2d2c047317ffdad01abf034a37d6ce3a9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c7eb1e6a14f7adf148bccb3349972cb214dceac0', 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: '39ef7e79d74987f927860280ae4953a37b8bc419', 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: '3f744cbc13ac22f10fdb563637d296ab191f2045', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a68bbac05e3a1d5298788f82fea444824719bb27', 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: '6ebc8d2fc97d7baae01a46adb752e1eac510f4fd', 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" }))));
     }
 }, [256, "ds-icon-zoom-in-map", {
         "dsSize": [1, "ds-size"],

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

@@ -13,7 +13,7 @@ const DsIconZoomIn$1 = proxyCustomElement(class DsIconZoomIn extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'a9920f15232f65453f444162ff5aa9fd740b45a5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9aa5021349fd7ecc08ee32f2a4e828b7ca32a7f7', 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: '8f3607fa70db2b9137f49736aeef43486c32f866', 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: '454bb79a3463b5db61f0ede0bada6d089ba59295', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7ac52bc790a0c5013a194ae0b62d99c32c05c7b7', 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: 'd06b15a074c96961e82cc25dc502557e4566d0cf', d: "M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406Zm-31.85-73v-77H263v-60h77v-77h60v77h77v60.5h-77v76.5h-60.5Z" }))));
     }
 }, [256, "ds-icon-zoom-in", {
         "dsSize": [1, "ds-size"],

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

@@ -13,7 +13,7 @@ const DsIconZoomOutMap$1 = proxyCustomElement(class DsIconZoomOutMap extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '83ceb588b1e5f829fd6e6072a9b7d495f64ab4cb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b00ae1657b5a36e46c82cf0b3e5dbe1e9ee8361d', 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: '18e5d6c44fc027673611fbc5a221aaa3f8703885', 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: 'a693ea919257c93eb2e868435ae92cdd453d3686', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '08cfd615aaafb71fa2237b4ecfead98d6d5246b6', 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: '72e8c02a2ee6dce403222acef1e76199b253553f', d: "M95-95v-276h94v115l131-131 67 67-131 131h115v94H95Zm494 0v-94h115L574-319l67-67 130 130v-115h95v276H589ZM319-574 189-704v115H95v-277h276v95H256l130 130-67 67Zm322 0-67-67 130-130H589v-95h277v277h-95v-115L641-574Z" }))));
     }
 }, [256, "ds-icon-zoom-out-map", {
         "dsSize": [1, "ds-size"],

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

@@ -13,7 +13,7 @@ const DsIconZoomOut$1 = proxyCustomElement(class DsIconZoomOut extends H {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '46276529d141e5654497fb078d565a1436ad4443', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'cd11a959f11a262aa1ec6bc946278bf8f69dc402', 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: '463d38d3e6fef812d3fb5563dc429f1873d9d5aa', 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: '87e68c93e953cb2b96ded7c21a0db7f192225855', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3503d412fd00e4b6c1172d554d8fbee1519d6c79', 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: '92acc73b77ee2b33787d6f679936934d8e101404', d: "M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406ZM269-556v-60h201v60H269Z" }))));
     }
 }, [256, "ds-icon-zoom-out", {
         "dsSize": [1, "ds-size"],

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

@@ -3,7 +3,7 @@ import { t as transformTagName, r as remToPx } from './utils.js';
 import { c as cx } from './cx.js';
 import { a as inheritAttributes, i as inheritAriaAttributes } from './attributes.js';
-const dsIconCss = ":host{display:flex}.ds-icon__BahgnS--container{display:flex}";
+const dsIconCss = ":host{display:flex}.ds-icon__kfFKF0--container{display:flex}";
 const DsIcon = proxyCustomElement(class DsIcon extends H {
     constructor(registerHost) {
@@ -44,7 +44,7 @@ const DsIcon = proxyCustomElement(class DsIcon extends H {
         const iconComponentName = `ds-icon-${this.dsName?.replace(/_/g, '-')}`;
         const IconTag = transformTagName(iconComponentName, 'ds-icon', this.el);
         const { role, ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
-        return (h(Fragment, { key: '3bfa4ed407d46f743a1244c4d2da5cf5d8edf5e9' }, h("span", { key: 'e8cdcb7c7353982ad676e79784f92698d831b281', class: cx(`${baseClass}--container`), "aria-hidden": this.dsHidden ? 'true' : 'false' }, h(IconTag, { key: '0343dc5bd42fa09426180591f4683242f2ca40f3', dsSize: remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: role || this.dsRole, dsTitle: this.dsTitle, dsAriaLabel: attrAriaLabel || this.dsAriaLabel, ...restAttributes }))));
+        return (h(Fragment, { key: '839683e0875a7dedf7a81cbe144c21c54c6885d1' }, h("span", { key: '7715c43abf758f486df1b5341b4f7a40d4827d69', class: cx(`${baseClass}--container`), "aria-hidden": this.dsHidden ? 'true' : 'false' }, h(IconTag, { key: 'd816b938281e956ccc100d5f0c15956f2c133302', dsSize: remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: role || this.dsRole, dsTitle: this.dsTitle, dsAriaLabel: attrAriaLabel || this.dsAriaLabel, ...restAttributes }))));
     }
     static get watchers() { return {
         "role": ["ariaAttributeObserver"],

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

@@ -6,7 +6,7 @@ import { a as inheritAttributes, i as inheritAriaAttributes } from './attributes
 import { d as defineCustomElement$2 } from './ds-feedback2.js';
 import { d as defineCustomElement$1 } from './ds-icon2.js';
-const dsInputValidityCss = ".ds-input-validity__BahgnS{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__BahgnS--error{color:var(--ds-textColor-danger)}.ds-input-validity__BahgnS--success{color:var(--ds-textColor-success)}.ds-input-validity__BahgnS__icon{display:block;height:1.5rem}.ds-input-validity__BahgnS 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__kfFKF0{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__kfFKF0--error{color:var(--ds-textColor-danger)}.ds-input-validity__kfFKF0--success{color:var(--ds-textColor-success)}.ds-input-validity__kfFKF0__icon{display:block;height:1.5rem}.ds-input-validity__kfFKF0 small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}";
 const DsInputValidity = proxyCustomElement(class DsInputValidity extends H {
     constructor(registerHost) {
@@ -64,7 +64,7 @@ const DsInputValidity = proxyCustomElement(class DsInputValidity extends H {
                 dsAriaAtomic: attrAriaAtomic || this.dsAriaAtomic,
             }
             : {};
-        return (h(Elem, { key: '86cdc88a825a3f878c1b277c2a8ce1aa0690b921', ...elemProps, ...restAttributes }, h("slot", { key: '54ee3dfaf30891afb3206cff203df209b6c4a5fe' }), this.dsText && (h("div", { key: '032d2df0653feead7576e2b338ea5dfcac73361d', class: classes }, h(this.DsIcon, { key: '2b00891b2a3eada6ed522157b4f159a8a6ed1e8e', class: "ds-input-validity__icon", dsColour: iconColour, dsName: icon }), h("small", { key: '1a0de6d3b9be849214c1e969bc80faf80e07931a', id: this.identifier }, this.dsText)))));
+        return (h(Elem, { key: '96f7add61a6ac50253ee7f29d0ce33139a5a1101', ...elemProps, ...restAttributes }, h("slot", { key: '1c3e756528c8a5010543cb00cc3c609a1c8bbe00' }), this.dsText && (h("div", { key: '3297e6803129e94fd4049dd43c5989fd4518810f', class: classes }, h(this.DsIcon, { key: 'f42923856153a239cf698e8883b3fa8a47ea7a24', class: "ds-input-validity__icon", dsColour: iconColour, dsName: icon }), h("small", { key: 'c4c647e6bcb311eaef0b2ceb7cb5e1d0280d19c2', id: this.identifier }, this.dsText)))));
     }
     static get watchers() { return {
         "role": ["ariaAttributeObserver"],

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

@@ -7,7 +7,7 @@ import { c as cx } from './cx.js';
 import { d as defineCustomElement$3 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
-const dsLinkCtaCss = ":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-cta__BahgnS{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__BahgnS__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__BahgnS__icon{margin-left:var(--ds-spacing-3xSmall, 4px)}.ds-link-cta__BahgnS:has(.ds-link-cta__BahgnS__spinner):not(.ds-link-cta__BahgnS--small) .ds-link-cta__BahgnS__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__BahgnS--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__BahgnS:not(.ds-link-cta__BahgnS--small):not(.ds-link-cta__BahgnS--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__BahgnS:not(.ds-link-cta__BahgnS--small).ds-link-cta__BahgnS--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__BahgnS:not(.ds-link-cta__BahgnS--small).ds-link-cta__BahgnS--icon-only{padding-left:0;padding-right:0}.ds-link-cta__BahgnS--small:not(.ds-link-cta__BahgnS--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__BahgnS--small.ds-link-cta__BahgnS--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__BahgnS--small.ds-link-cta__BahgnS--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__BahgnS--small .ds-link-cta__BahgnS__icon{height:1rem}.ds-link-cta__BahgnS--icon-start:not(.ds-link-cta__BahgnS--small) .ds-link-cta__BahgnS__icon{margin-right:var(--ds-spacing-3xSmall)}.ds-link-cta__BahgnS--icon-end:not(.ds-link-cta__BahgnS--small) .ds-link-cta__BahgnS__icon{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--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__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--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__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--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__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--primary.ds-link-cta__BahgnS--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--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__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--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__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--black{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--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__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--white{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__BahgnS.ds-link-cta__BahgnS--secondary.ds-link-cta__BahgnS--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";
+const dsLinkCtaCss = ":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-cta__kfFKF0{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__kfFKF0__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__kfFKF0__icon{margin-left:var(--ds-spacing-3xSmall, 4px)}.ds-link-cta__kfFKF0:has(.ds-link-cta__kfFKF0__spinner):not(.ds-link-cta__kfFKF0--small) .ds-link-cta__kfFKF0__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__kfFKF0--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__kfFKF0:not(.ds-link-cta__kfFKF0--small):not(.ds-link-cta__kfFKF0--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__kfFKF0:not(.ds-link-cta__kfFKF0--small).ds-link-cta__kfFKF0--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__kfFKF0:not(.ds-link-cta__kfFKF0--small).ds-link-cta__kfFKF0--icon-only{padding-left:0;padding-right:0}.ds-link-cta__kfFKF0--small:not(.ds-link-cta__kfFKF0--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__kfFKF0--small.ds-link-cta__kfFKF0--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__kfFKF0--small.ds-link-cta__kfFKF0--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__kfFKF0--small .ds-link-cta__kfFKF0__icon{height:1rem}.ds-link-cta__kfFKF0--icon-start:not(.ds-link-cta__kfFKF0--small) .ds-link-cta__kfFKF0__icon{margin-right:var(--ds-spacing-3xSmall)}.ds-link-cta__kfFKF0--icon-end:not(.ds-link-cta__kfFKF0--small) .ds-link-cta__kfFKF0__icon{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--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__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--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__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--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__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--primary.ds-link-cta__kfFKF0--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--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__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--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__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--black{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--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__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--white{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__kfFKF0.ds-link-cta__kfFKF0--secondary.ds-link-cta__kfFKF0--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkCta$1 = proxyCustomElement(class DsLinkCta extends H {
@@ -79,7 +79,7 @@ const DsLinkCta$1 = proxyCustomElement(class DsLinkCta extends H {
         const iconClasses = classNames(`${baseClass}__icon`);
         const DsIcon = transformTagName('ds-icon', 'ds-link-cta', this.el);
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-link-cta', this.el);
-        return (h(this.dsTag, { key: 'a16016a291f70160b7c3ec5dc7a649ee4cf392fd', ref: el => (this.linkEl = el), part: "link", class: classes, onKeyDown: this.handleKeyDown, ...this.inheritedAttributes, ...this.linkAttributes }, h("span", { key: 'eccc856f4a30e5a1711810be4eaa1d2d09a8c075', class: linkTextClasses }, this.dsText), h(DsIcon, { key: 'a9540ef0c5368882ed31d99f800a262c40aac07e', dsName: this.icon, class: iconClasses, dsSize: this.dsSize === 'medium' ? '1.5rem' : '1rem' }), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '8ccb4387ca0892fe83465a6784d18898f126006f', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (h(this.dsTag, { key: '8f56e299bc4ed935a1cfd7d04e3739cb2b3ddd17', ref: el => (this.linkEl = el), part: "link", class: classes, onKeyDown: this.handleKeyDown, ...this.inheritedAttributes, ...this.linkAttributes }, h("span", { key: '08c34adc72c696e751061ff8abbeba2b0307874b', class: linkTextClasses }, this.dsText), h(DsIcon, { key: 'bca13142c5253dc5828fecb8a372d44bbd35126a', dsName: this.icon, class: iconClasses, dsSize: this.dsSize === 'medium' ? '1.5rem' : '1rem' }), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '217377f8d5815284d8ab12cb683accf645a77ef2', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "dsTarget": ["onTargetChanged"]

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

@@ -8,7 +8,7 @@ import { d as defineCustomElement$3 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-link2.js';
 import { d as defineCustomElement$1 } from './ds-visually-hidden2.js';
-const dsLinkLogoCss = ":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__BahgnS:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-logo__BahgnS{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__BahgnS:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__BahgnS{font-size:var(--ds-fontSize-16, 1rem)}}";
+const dsLinkLogoCss = ":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__kfFKF0:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-logo__kfFKF0{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__kfFKF0:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__kfFKF0{font-size:var(--ds-fontSize-16, 1rem)}}";
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkLogo = proxyCustomElement(class DsLinkLogo extends H {
@@ -76,7 +76,7 @@ const DsLinkLogo = proxyCustomElement(class DsLinkLogo extends H {
             [`${baseClass}--colour-${this.dsColour}`]: !!this.dsColour,
         });
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-link-logo', this.el);
-        return (h(this.dsTag, { key: '25d1c433e1b7afdcd76d5885239c1d4e0b367f0b', part: "link", class: classes, ...this.linkAttributes }, this.dsIcon && h(this.DsIcon, { key: 'f93cc553ca21c12e411694df09ecd69631ddc493', dsName: this.dsIcon, dsSize: "2rem", dsRole: "img" }), this.dsText, opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '3aa571df73a1c4186928092788067b9457926c9a', id: this.visuallyHiddenAssistiveTextId, "ds-tag": "span" }, visuallyHiddenAssistiveText()))));
+        return (h(this.dsTag, { key: 'ea76b7d78f4b6a3437330b33a990f093e2c9b4be', part: "link", class: classes, ...this.linkAttributes }, this.dsIcon && h(this.DsIcon, { key: 'd2f38ce46c94571ba31e06cfa01106cce8b4927e', dsName: this.dsIcon, dsSize: "2rem", dsRole: "img" }), this.dsText, opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: 'ef59a212957bafa6d1e70259bd90d07acf7f28df', id: this.visuallyHiddenAssistiveTextId, "ds-tag": "span" }, visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "aria-label": ["onAriaChanged"]

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

@@ -8,7 +8,7 @@ import { i as isGreaterThanEqualBreakpoint } from './utils2.js';
 import { d as defineCustomElement$3 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
-const dsLinkWithArrowCss = ":host{display:inline-block}:host:has(.ds-link-with-arrow__BahgnS--full-width){width:100%}.ds-link-with-arrow__BahgnS:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-with-arrow__BahgnS{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__BahgnS{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__BahgnS--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__BahgnS__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__BahgnS__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__BahgnS__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__BahgnS__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__BahgnS__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__BahgnS__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__BahgnS:hover,.ds-link-with-arrow__BahgnS: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__BahgnS:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__BahgnS:active,.ds-link-with-arrow__BahgnS:focus-visible{color:var(--ds-textColor-link-active)}";
+const dsLinkWithArrowCss = ":host{display:inline-block}:host:has(.ds-link-with-arrow__kfFKF0--full-width){width:100%}.ds-link-with-arrow__kfFKF0:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-with-arrow__kfFKF0{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__kfFKF0{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__kfFKF0--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__kfFKF0__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__kfFKF0__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__kfFKF0__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__kfFKF0__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__kfFKF0__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__kfFKF0__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__kfFKF0:hover,.ds-link-with-arrow__kfFKF0: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__kfFKF0:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__kfFKF0:active,.ds-link-with-arrow__kfFKF0:focus-visible{color:var(--ds-textColor-link-active)}";
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const DsLinkWithArrow$1 = proxyCustomElement(class DsLinkWithArrow extends H {
@@ -80,7 +80,7 @@ const DsLinkWithArrow$1 = proxyCustomElement(class DsLinkWithArrow extends H {
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-link-with-arrow', this.el);
         const { ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = attrAriaLabel || this.dsAriaLabel;
-        return (h(this.dsTag, { key: '0063266f1319a3922c9a498f3c548782670ddd8a', class: classes, ...ifDefined('aria-label', ariaLabel), ...restAttributes, ...this.linkAttributes }, h("slot", { key: '93c7ac78a0bf720de304f7c79d7796cc2b0e183e', name: "prefix" }, this.dsIconPosition === 'start' && h(DsIcon, { key: '7dd04b9df6312ee178ec7adc2a191976d80eb771', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), this.dsText, h("slot", { key: 'a675379ba66fb179708e77733516c36dd0d07e59', name: "suffix" }, this.dsIconPosition === 'end' && h(DsIcon, { key: 'd021f0c5b3fffd0e5196da0b426c6808f2b9b47f', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '811b598ca286607f34722d98c631a6f8ef7d75f2', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (h(this.dsTag, { key: '1dd4827c088aa82d332eb0369f9bc9feccb0b383', class: classes, ...ifDefined('aria-label', ariaLabel), ...restAttributes, ...this.linkAttributes }, h("slot", { key: 'cb1251e6a73801d7419acc1918d712480d65a2a9', name: "prefix" }, this.dsIconPosition === 'start' && h(DsIcon, { key: 'fdaf92722184092e4a1d1ee44228601018a12758', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), this.dsText, h("slot", { key: 'b4013d14303cde6db5e6a7a35ee482a771f8d130', name: "suffix" }, this.dsIconPosition === 'end' && h(DsIcon, { key: '52886e6009a229144512ed24ed4f3e62c895fe46', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: 'b9099bb63160adb0fb7fd433d5a662b7774e3c32', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get style() { return dsLinkWithArrowCss; }
 }, [257, "ds-link-with-arrow", {

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

@@ -7,7 +7,7 @@ import { c as cx } from './cx.js';
 import { d as defineCustomElement$2 } from './ds-icon2.js';
 import { d as defineCustomElement$1 } from './ds-visually-hidden2.js';
-const dsLinkCss = ":host{display:inline}:host:has(.ds-link__BahgnS--standalone){display:inline-block}.ds-link__BahgnS:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link__BahgnS{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__BahgnS--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__BahgnS--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__BahgnS--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__BahgnS--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__BahgnS--large{font-size:var(--ds-fontSize-18)}.ds-link__BahgnS--medium{font-size:var(--ds-fontSize-16)}.ds-link__BahgnS--small{font-size:var(--ds-fontSize-14)}.ds-link__BahgnS--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__BahgnS__icon{display:inline-block;vertical-align:-0.125em}.ds-link__BahgnS__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__BahgnS__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__BahgnS__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__BahgnS__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__BahgnS:hover,.ds-link__BahgnS:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__BahgnS:hover{color:var(--ds-textColor-link-hover)}.ds-link__BahgnS:active{color:var(--ds-textColor-link-active)}.ds-link__BahgnS:visited{color:var(--ds-textColor-link-visited)}.ds-link__BahgnS--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__BahgnS--standalone:hover,.ds-link__BahgnS--standalone:active{text-decoration-line:underline}.ds-link__BahgnS--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__BahgnS--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__BahgnS--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__BahgnS--standalone:visited{color:var(--ds-textColor-link)}.ds-link__BahgnS--colour-white{color:var(--ds-textColor-white)}.ds-link__BahgnS--colour-white:hover,.ds-link__BahgnS--colour-white:active,.ds-link__BahgnS--colour-white:visited,.ds-link__BahgnS--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__BahgnS--colour-black{color:var(--ds-textColor-default)}.ds-link__BahgnS--colour-black:hover,.ds-link__BahgnS--colour-black:active,.ds-link__BahgnS--colour-black:visited,.ds-link__BahgnS--colour-black:focus-visible{color:var(--ds-textColor-default)}";
+const dsLinkCss = ":host{display:inline}:host:has(.ds-link__kfFKF0--standalone){display:inline-block}.ds-link__kfFKF0:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link__kfFKF0{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__kfFKF0--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__kfFKF0--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__kfFKF0--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__kfFKF0--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__kfFKF0--large{font-size:var(--ds-fontSize-18)}.ds-link__kfFKF0--medium{font-size:var(--ds-fontSize-16)}.ds-link__kfFKF0--small{font-size:var(--ds-fontSize-14)}.ds-link__kfFKF0--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__kfFKF0__icon{display:inline-block;vertical-align:-0.125em}.ds-link__kfFKF0__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__kfFKF0__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__kfFKF0__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__kfFKF0__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__kfFKF0:hover,.ds-link__kfFKF0:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__kfFKF0:hover{color:var(--ds-textColor-link-hover)}.ds-link__kfFKF0:active{color:var(--ds-textColor-link-active)}.ds-link__kfFKF0:visited{color:var(--ds-textColor-link-visited)}.ds-link__kfFKF0--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__kfFKF0--standalone:hover,.ds-link__kfFKF0--standalone:active{text-decoration-line:underline}.ds-link__kfFKF0--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__kfFKF0--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__kfFKF0--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__kfFKF0--standalone:visited{color:var(--ds-textColor-link)}.ds-link__kfFKF0--colour-white{color:var(--ds-textColor-white)}.ds-link__kfFKF0--colour-white:hover,.ds-link__kfFKF0--colour-white:active,.ds-link__kfFKF0--colour-white:visited,.ds-link__kfFKF0--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__kfFKF0--colour-black{color:var(--ds-textColor-default)}.ds-link__kfFKF0--colour-black:hover,.ds-link__kfFKF0--colour-black:active,.ds-link__kfFKF0--colour-black:visited,.ds-link__kfFKF0--colour-black:focus-visible{color:var(--ds-textColor-default)}";
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const linkIconSizeMap = {
@@ -47,11 +47,13 @@ const DsLink = proxyCustomElement(class DsLink extends H {
     dsAriaLabel;
     dsColour;
     dsTag = 'a';
-    dsIsSpaceClickable = false;
     targetBlank = null;
     async setFocus() {
         this.linkRef?.focus();
     }
+    async getLink() {
+        return this.linkRef;
+    }
     get linkAttributes() {
         if (this.dsTag !== 'a')
             return {};
@@ -87,11 +89,6 @@ const DsLink = proxyCustomElement(class DsLink extends H {
         };
         forceUpdate(this);
     }
-    handleKeyDown(event) {
-        if (this.dsTag === 'a' && this.dsIsSpaceClickable && event.key === ' ') {
-            this.linkRef.click();
-        }
-    }
     renderIcon(baseClass, iconName = this.dsIcon, iconPosition = this.dsIconPosition) {
         const iconClasses = classNames(`${baseClass}__icon`, {
             [`${baseClass}__icon--start-${this.dsVariant}`]: iconPosition === 'start',
@@ -119,7 +116,7 @@ const DsLink = proxyCustomElement(class DsLink extends H {
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-link', this.el);
         const { ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = attrAriaLabel || this.dsAriaLabel;
-        return (h(this.dsTag, { key: '1c2845c8222a5ea92125211f5e3d82fc27978a2b', ref: el => (this.linkRef = el), part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...restAttributes, ...this.linkAttributes }, h("slot", { key: '055a605ac020a1abd7e4191de3d3d14adf17ffd5', name: "prefix" }, this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass)), this.dsText, h("slot", { key: '5e248e99d2bdc06a67c4046f4d0da21972a4623f', name: "suffix" }, this.renderSuffixIcon(baseClass)), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '13638a92624d8bcfeb8afa37a1fea54c419c00c9', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (h(this.dsTag, { key: 'c2899ba19a973ae45c3c185dac19b4fa4f691cd1', ref: el => (this.linkRef = el), part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...restAttributes, ...this.linkAttributes }, h("slot", { key: 'ae8e80f65cc6f309922c343e9d661226dd76345c', name: "prefix" }, this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass)), this.dsText, h("slot", { key: '7f92ccab3f02a03c2669e0255095cccd6463ee68', name: "suffix" }, this.renderSuffixIcon(baseClass)), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: '480e988cf0e164db4bd4f3b4cec074da133d3d10', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "dsTarget": ["onTargetChanged"],
@@ -144,10 +141,10 @@ const DsLink = proxyCustomElement(class DsLink extends H {
         "dsAriaLabel": [1, "ds-aria-label"],
         "dsColour": [1, "ds-colour"],
         "dsTag": [1, "ds-tag"],
-        "dsIsSpaceClickable": [4, "ds-is-space-clickable"],
         "targetBlank": [32],
-        "setFocus": [64]
-    }, [[0, "keydown", "handleKeyDown"]], {
+        "setFocus": [64],
+        "getLink": [64]
+    }, undefined, {
         "dsTarget": ["onTargetChanged"],
         "aria-label": ["ariaLabelObserver"]
     }]);

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

@@ -9,7 +9,7 @@ import { d as defineCustomElement$4 } from './ds-icon2.js';
 import { d as defineCustomElement$3 } from './ds-spinner2.js';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
-const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__BahgnS.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__BahgnS.ds-notification__BahgnS--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__BahgnS.ds-notification__BahgnS--neutral.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__BahgnS.ds-notification__BahgnS--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__BahgnS.ds-notification__BahgnS--neutralWhite.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__BahgnS.ds-notification__BahgnS--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__BahgnS.ds-notification__BahgnS--info.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__BahgnS.ds-notification__BahgnS--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__BahgnS.ds-notification__BahgnS--success.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__BahgnS.ds-notification__BahgnS--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__BahgnS.ds-notification__BahgnS--attention.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__BahgnS.ds-notification__BahgnS--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__BahgnS.ds-notification__BahgnS--danger.sc-ds-notification .ds-notification__BahgnS__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__BahgnS__content.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__BahgnS__content__heading.sc-ds-notification,.ds-notification__BahgnS__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__BahgnS__content__description.sc-ds-notification{max-width:550px}";
+const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__kfFKF0.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__kfFKF0.ds-notification__kfFKF0--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__kfFKF0.ds-notification__kfFKF0--neutral.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__kfFKF0.ds-notification__kfFKF0--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__kfFKF0.ds-notification__kfFKF0--neutralWhite.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__kfFKF0.ds-notification__kfFKF0--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__kfFKF0.ds-notification__kfFKF0--info.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__kfFKF0.ds-notification__kfFKF0--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__kfFKF0.ds-notification__kfFKF0--success.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__kfFKF0.ds-notification__kfFKF0--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__kfFKF0.ds-notification__kfFKF0--attention.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__kfFKF0.ds-notification__kfFKF0--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__kfFKF0.ds-notification__kfFKF0--danger.sc-ds-notification .ds-notification__kfFKF0__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__kfFKF0__content.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__kfFKF0__content__heading.sc-ds-notification,.ds-notification__kfFKF0__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__kfFKF0__content__description.sc-ds-notification{max-width:550px}";
 const notificationIdGenerator = idGenerator('ds-notification');
 const variants = ['neutral', 'neutralWhite', 'info', 'success', 'attention', 'danger'];
@@ -147,7 +147,7 @@ const DsNotification$1 = proxyCustomElement(class DsNotification extends H {
         const contentClass = `${baseClass}__content`;
         const classes = classNames(baseClass, `${baseClass}--${this.variant}`);
         const restAttributes = omit(this.inheritedAttributes, ['aria-labelledby', 'aria-label']);
-        return (h("div", { key: 'f02b35539d7bb6fa7638dfc4720cb82e796f93fd', class: classes, id: this.dsId, role: "group", 'aria-labelledby': this.ariaLabelledBy, 'aria-label': this.ariaLabel, ...restAttributes }, this.dsIcon && (h("div", { key: '2172ab0219e4f5467058b63ba245c964f597a8a9', class: `${baseClass}__icon ds-p-3xs` }, h(this.DsIcon, { key: '1135d5b10dc03cc1ef41c22b6a3c88816d060823', dsName: this.dsIcon }))), h("div", { key: '2a89529e5f82030d380d59957a6a30e18e2d2e25', class: contentClass }, h("slot", { key: 'e799d6f298d533d69bd1ba09c9fbf66cb3f488e0', name: "heading" }, this.dsHeading && (h("div", { key: '44fc1bb1730d68a353d5446dfc9ba55bdb6db135', class: `${contentClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), h("slot", { key: '3b98e5c64f9612c95b3350858859e378df8d4b52', name: "description" }, this.dsDescription && h("div", { key: '7f9d8dc703d2886b1770745d6e90e45b8ba83fe6', class: `${contentClass}__description ds-text-regular-md` }, this.dsDescription)), h("slot", { key: 'e180c2e85ca9e8dc7fda4fb170bc40d8ee5a5239' })), this.dsDismissable && (h(this.DsButton, { key: '6e52d3c0f62cffeffbfaf7502190e9d583b42a73', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", "aria-labelledby": [`${this.dsId}-dismiss-button`, this.ariaLabelledBy].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, h(this.DsVisuallyHidden, { key: '6013927b6bbd386dc5bb9e23eafd061db7fac06b', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close)))));
+        return (h("div", { key: 'ed19f8afe55da2e9a832841d5503a578cd3b7cbe', class: classes, id: this.dsId, role: "group", 'aria-labelledby': this.ariaLabelledBy, 'aria-label': this.ariaLabel, ...restAttributes }, this.dsIcon && (h("div", { key: '54931f732bfe68a737c19a40ff858db0397c5675', class: `${baseClass}__icon ds-p-3xs` }, h(this.DsIcon, { key: '0d38865ed86961fa33e31831a2bd26775a95f1ce', dsName: this.dsIcon }))), h("div", { key: '675a08d70df91abadc6b959e01b11024bf44eab2', class: contentClass }, h("slot", { key: '2b966e2fef58a9542e6c25af5274796dd2562720', name: "heading" }, this.dsHeading && (h("div", { key: 'e6bbd26db474df215491cbe577a38ddd3d623f70', class: `${contentClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), h("slot", { key: '8e6b82ba03ed3bb623da1b629d9aa568d2a84e7b', name: "description" }, this.dsDescription && h("div", { key: 'a518b7921bc2753678a72aafcffd91168993d414', class: `${contentClass}__description ds-text-regular-md` }, this.dsDescription)), h("slot", { key: '834d6584069f5f16eb9eeec2e2cc83cef876bcb6' })), this.dsDismissable && (h(this.DsButton, { key: '2a23b880791bd092c44612d9eb32c2e2096da072', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", "aria-labelledby": [`${this.dsId}-dismiss-button`, this.ariaLabelledBy].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, h(this.DsVisuallyHidden, { key: 'd07b1c78f4c43c2c52bbc2516e4edc50751877b1', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close)))));
     }
     static get watchers() { return {
         "aria-label": ["ariaAttributeObserver"],

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

@@ -4,7 +4,7 @@ import { t as transformTagName } from './utils.js';
 import { c as cx } from './cx.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './attributes.js';
-const dsOptionGroupCss = ".ds-option-group__BahgnS.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__BahgnS--hidden.sc-ds-option-group{display:none}.ds-option-group__BahgnS.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__BahgnS__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__BahgnS__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
+const dsOptionGroupCss = ".ds-option-group__kfFKF0.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__kfFKF0--hidden.sc-ds-option-group{display:none}.ds-option-group__kfFKF0.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__kfFKF0__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__kfFKF0__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
 const DsOptionGroup$1 = proxyCustomElement(class DsOptionGroup extends H {
     constructor(registerHost) {
@@ -43,9 +43,9 @@ const DsOptionGroup$1 = proxyCustomElement(class DsOptionGroup extends H {
     }
     render() {
         const baseClass = cx('ds-option-group');
-        return (h("div", { key: '662f0fe9a95a6f6d560dc305691927d75d6f1d25', class: classNames(`${baseClass}`, {
+        return (h("div", { key: '6cfef6e259180c2c6191590c78f593610d04db1c', class: classNames(`${baseClass}`, {
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, h("div", { key: '4e6eb8532b6c434ca560617168712390fceda1be', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), h("slot", { key: '813b9c1d2ec3d2b113cbee45f4481cd30aa73d65' })));
+            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, h("div", { key: '6d7f24fb598812a18facd98f83d5d588697793ff', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), h("slot", { key: '6ab0e84bf79bb480fc0a4849ff338979627af020' })));
     }
     static get watchers() { return {
         "dsLabel": ["dsLabelObserver"]

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

@@ -5,7 +5,7 @@ import { c as cx } from './cx.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './attributes.js';
 import { d as defineCustomElement$2 } from './ds-icon2.js';
-const dsOptionCss = ".ds-option__BahgnS.sc-ds-option{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;padding:0.625rem var(--ds-spacing-small);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__BahgnS--hidden.sc-ds-option{display:none}.ds-option__BahgnS--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__BahgnS.sc-ds-option:hover:not(.ds-option__BahgnS--disabled):not(.ds-option__BahgnS--selected){background-color:var(--ds-bgColor-white-hover)}.ds-option__BahgnS.sc-ds-option:active:not(.ds-option__BahgnS--disabled):not(.ds-option__BahgnS--selected){background-color:var(--ds-bgColor-white-active)}.ds-option__BahgnS--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1);background-color:var(--ds-bgColor-white-active)}.ds-option__BahgnS--selected.sc-ds-option{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option .ds-option__BahgnS__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option .ds-option__BahgnS__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option:hover:not(.ds-option__BahgnS--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__BahgnS--selected.sc-ds-option:active:not(.ds-option__BahgnS--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__BahgnS__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__BahgnS__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__BahgnS__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__BahgnS__description.sc-ds-option:not(:empty){display:block}";
+const dsOptionCss = ".ds-option__kfFKF0.sc-ds-option{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;padding:0.625rem var(--ds-spacing-small);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__kfFKF0--hidden.sc-ds-option{display:none}.ds-option__kfFKF0--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__kfFKF0.sc-ds-option:hover:not(.ds-option__kfFKF0--disabled):not(.ds-option__kfFKF0--selected){background-color:var(--ds-bgColor-white-hover)}.ds-option__kfFKF0.sc-ds-option:active:not(.ds-option__kfFKF0--disabled):not(.ds-option__kfFKF0--selected){background-color:var(--ds-bgColor-white-active)}.ds-option__kfFKF0--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1);background-color:var(--ds-bgColor-white-active)}.ds-option__kfFKF0--selected.sc-ds-option{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option .ds-option__kfFKF0__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option .ds-option__kfFKF0__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option:hover:not(.ds-option__kfFKF0--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__kfFKF0--selected.sc-ds-option:active:not(.ds-option__kfFKF0--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__kfFKF0__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__kfFKF0__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__kfFKF0__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__kfFKF0__description.sc-ds-option:not(:empty){display:block}";
 const optionIdGenerator = idGenerator('ds-option');
 const DsOption$1 = proxyCustomElement(class DsOption extends H {

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

@@ -7,7 +7,7 @@ import { d as defineCustomElement$3 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-spinner2.js';
 import { d as defineCustomElement$1 } from './ds-visually-hidden2.js';
-const dsOptionsMessageCss = ".ds-options-message__BahgnS.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__BahgnS__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__BahgnS__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__BahgnS__error__title.sc-ds-options-message,.ds-options-message__BahgnS__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__BahgnS__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__BahgnS__error__text.sc-ds-options-message,.ds-options-message__BahgnS__loading__text.sc-ds-options-message,.ds-options-message__BahgnS__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__BahgnS__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";
+const dsOptionsMessageCss = ".ds-options-message__kfFKF0.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__kfFKF0__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__kfFKF0__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__kfFKF0__error__title.sc-ds-options-message,.ds-options-message__kfFKF0__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__kfFKF0__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__kfFKF0__error__text.sc-ds-options-message,.ds-options-message__kfFKF0__loading__text.sc-ds-options-message,.ds-options-message__kfFKF0__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__kfFKF0__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";
 const defaultTextFns = {
     dsErrorTitle: weCouldNotLoadOptions,

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

@@ -3,7 +3,7 @@ import { t as transformTagName, a as ifDefined } from './utils.js';
 import { c as cx } from './cx.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './attributes.js';
-const dsOptionsCss = ".ds-options__BahgnS__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__BahgnS.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__BahgnS.sc-ds-options:focus{outline:none}.ds-options__BahgnS__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__BahgnS__top-scrim.sc-ds-options,.ds-options__BahgnS__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__BahgnS__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__BahgnS__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__BahgnS.has-top-scrim.sc-ds-options .ds-options__BahgnS__top-scrim.sc-ds-options{display:block}.ds-options__BahgnS.has-bottom-scrim.sc-ds-options .ds-options__BahgnS__bottom-scrim.sc-ds-options{display:block}.ds-options__BahgnS.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__BahgnS.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
+const dsOptionsCss = ".ds-options__kfFKF0__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__kfFKF0.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__kfFKF0.sc-ds-options:focus{outline:none}.ds-options__kfFKF0__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__kfFKF0__top-scrim.sc-ds-options,.ds-options__kfFKF0__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__kfFKF0__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__kfFKF0__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__kfFKF0.has-top-scrim.sc-ds-options .ds-options__kfFKF0__top-scrim.sc-ds-options{display:block}.ds-options__kfFKF0.has-bottom-scrim.sc-ds-options .ds-options__kfFKF0__bottom-scrim.sc-ds-options{display:block}.ds-options__kfFKF0.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__kfFKF0.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
 const DsOptions = proxyCustomElement(class DsOptions extends H {
     constructor(registerHost) {

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

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