@uh-design-system/component-library 1.5.0 → 1.5.1-rc.0

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

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-BV3ZEPvR.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var linkUtils = require('./linkUtils-B2PIFB2p.js');
+var linkUtils = require('./linkUtils-CFEsBVH2.js');
 var utils = require('./utils-DMgbvnde.js');
-var linkFactory = require('./linkFactory-CQHm0znv.js');
-var cx = require('./cx-Bz5Mpvyi.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
-require('./store-DNuNXgOq.js');
+var linkFactory = require('./linkFactory-CYmGgzOO.js');
+var cx = require('./cx-C-l37yNo.js');
+var componentFactory = require('./componentFactory-_ZhGbD5I.js');
+require('./store-BfCwyfrJ.js');
 
-const dsLinkCtaCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block;vertical-align:middle}.ds-link-cta__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__GqWYnG[aria-disabled=true]{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__GqWYnG__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, underline);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__GqWYnG--no-text .ds-link-cta__GqWYnG__text{padding:0}.ds-link-cta__GqWYnG:has(.ds-link-cta__GqWYnG__spinner):not(.ds-link-cta__GqWYnG--small) .ds-link-cta__GqWYnG__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__GqWYnG--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__GqWYnG:has(.ds-link-cta__GqWYnG__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__GqWYnG:has(.ds-link-cta__GqWYnG__text:empty) .ds-link-cta__GqWYnG__icon{margin:0}.ds-link-cta__GqWYnG:not(.ds-link-cta__GqWYnG--small):not(.ds-link-cta__GqWYnG--secondary):not(.ds-link-cta__GqWYnG--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__GqWYnG:not(.ds-link-cta__GqWYnG--small).ds-link-cta__GqWYnG--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__GqWYnG:not(.ds-link-cta__GqWYnG--small).ds-link-cta__GqWYnG--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__GqWYnG:not(.ds-link-cta__GqWYnG--small).ds-link-cta__GqWYnG--icon-only{padding-left:0;padding-right:0}.ds-link-cta__GqWYnG--small:not(.ds-link-cta__GqWYnG--secondary):not(.ds-link-cta__GqWYnG--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__GqWYnG--small.ds-link-cta__GqWYnG--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__GqWYnG--small.ds-link-cta__GqWYnG--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__GqWYnG--small.ds-link-cta__GqWYnG--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__GqWYnG--small .ds-link-cta__GqWYnG__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__GqWYnG__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__GqWYnG__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__GqWYnG--no-text .ds-link-cta__GqWYnG__icon--start,.ds-link-cta__GqWYnG--no-text .ds-link-cta__GqWYnG__icon--end{margin:0}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--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__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--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__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--black{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--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__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--white{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--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__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--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__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--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__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--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__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--blue{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--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__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--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__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}`;
+const dsLinkCtaCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block;vertical-align:middle}.ds-link-cta__0Yjiso{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__0Yjiso[aria-disabled=true]{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__0Yjiso__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, underline);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__0Yjiso--no-text .ds-link-cta__0Yjiso__text{padding:0}.ds-link-cta__0Yjiso:has(.ds-link-cta__0Yjiso__spinner):not(.ds-link-cta__0Yjiso--small) .ds-link-cta__0Yjiso__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__0Yjiso--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__0Yjiso:has(.ds-link-cta__0Yjiso__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__0Yjiso:has(.ds-link-cta__0Yjiso__text:empty) .ds-link-cta__0Yjiso__icon{margin:0}.ds-link-cta__0Yjiso:not(.ds-link-cta__0Yjiso--small):not(.ds-link-cta__0Yjiso--secondary):not(.ds-link-cta__0Yjiso--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__0Yjiso:not(.ds-link-cta__0Yjiso--small).ds-link-cta__0Yjiso--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__0Yjiso:not(.ds-link-cta__0Yjiso--small).ds-link-cta__0Yjiso--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__0Yjiso:not(.ds-link-cta__0Yjiso--small).ds-link-cta__0Yjiso--icon-only{padding-left:0;padding-right:0}.ds-link-cta__0Yjiso--small:not(.ds-link-cta__0Yjiso--secondary):not(.ds-link-cta__0Yjiso--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__0Yjiso--small.ds-link-cta__0Yjiso--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__0Yjiso--small.ds-link-cta__0Yjiso--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__0Yjiso--small.ds-link-cta__0Yjiso--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__0Yjiso--small .ds-link-cta__0Yjiso__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__0Yjiso__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__0Yjiso__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__0Yjiso--no-text .ds-link-cta__0Yjiso__icon--start,.ds-link-cta__0Yjiso--no-text .ds-link-cta__0Yjiso__icon--end{margin:0}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--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__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--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__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--black{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--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__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--white{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--primary.ds-link-cta__0Yjiso--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--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__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--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__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--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__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--secondary.ds-link-cta__0Yjiso--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--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__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--blue{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--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__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--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__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__0Yjiso.ds-link-cta__0Yjiso--supplementary.ds-link-cta__0Yjiso--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}`;
 
 const visuallyHiddenAssistiveTextIdGenerator = utils.idGenerator('visually-hidden-assistive-text');
 const DsLinkCta = class extends index.Mixin(componentFactory.componentFactory('ds-link-cta'), linkFactory.linkFactory) {
@@ -100,10 +100,10 @@ const DsLinkCta = class extends index.Mixin(componentFactory.componentFactory('d
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        const iconElement = !this.dsHideIcon && index.h(DsIcon, { key: '448eb8dcf11f9fa9c95ecb610f15da2c63704dc4', dsName: this.currentIcon, class: iconClasses, dsCustomSize: this.dsSize === 'medium' ? '1.5rem' : '1.25rem' });
+        const iconElement = !this.dsHideIcon && index.h(DsIcon, { key: '2a38823579a807abf04432ed1ea29e03ab03a16a', dsName: this.currentIcon, class: iconClasses, dsCustomSize: this.dsSize === 'medium' ? '1.5rem' : '1.25rem' });
         const tabindex = this.dsTabIndex !== undefined ? this.dsTabIndex : this.dsTag === 'a' && !this.dsHref ? '0' : undefined;
         const role = this.dsTag === 'span' ? 'link' : undefined;
-        return (index.h(this.dsTag, { key: '9e5e7be6d458f052d385d3d08a8675b0353db9ef', ref: el => (this.linkEl = el), part: "link", class: classes, onKeyDown: this.handleKeyDown, tabindex: tabindex, ...utils.ifDefined('role', role), ...utils.ifDefined('aria-disabled', this.dsDisabled ? 'true' : undefined), ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIconPosition === 'start' && iconElement, index.h("span", { key: 'ad0fe622a4ea7b142db72198033055698c24298a', class: linkTextClasses }, this.dsText), this.dsIconPosition === 'end' && iconElement, linkUtils.opensInNewTab(this.dsTarget) && (index.h(DsVisuallyHidden, { key: 'ffea96701af76a2dbde3164bb2daa63d40500b21', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, linkUtils.visuallyHiddenAssistiveText()))));
+        return (index.h(this.dsTag, { key: 'b32b7abec8a16e0fcece62faaf11fcf2b115a935', ref: el => (this.linkEl = el), part: "link", class: classes, onKeyDown: this.handleKeyDown, tabindex: tabindex, ...utils.ifDefined('role', role), ...utils.ifDefined('aria-disabled', this.dsDisabled ? 'true' : undefined), ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIconPosition === 'start' && iconElement, index.h("span", { key: '7f68fca68010c1551bf1d8d66d139940ab56e769', class: linkTextClasses }, this.dsText), this.dsIconPosition === 'end' && iconElement, linkUtils.opensInNewTab(this.dsTarget) && (index.h(DsVisuallyHidden, { key: '790036c82eb7e49f295785582d72741a9e16d636', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, linkUtils.visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "dsTarget": [{

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

@@ -1,19 +1,19 @@
 'use strict';
 
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-BV3ZEPvR.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
 var utils = require('./utils-DMgbvnde.js');
-var linkFactory = require('./linkFactory-CQHm0znv.js');
-var cx = require('./cx-Bz5Mpvyi.js');
-var linkUtils = require('./linkUtils-B2PIFB2p.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
-require('./store-DNuNXgOq.js');
+var linkFactory = require('./linkFactory-CYmGgzOO.js');
+var cx = require('./cx-C-l37yNo.js');
+var linkUtils = require('./linkUtils-CFEsBVH2.js');
+var componentFactory = require('./componentFactory-_ZhGbD5I.js');
+require('./store-BfCwyfrJ.js');
 
-const dsLinkLogoCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link-logo__GqWYnG: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__GqWYnG{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__GqWYnG:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__GqWYnG{font-size:var(--ds-fontSize-16, 1rem)}}`;
+const dsLinkLogoCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__0Yjiso{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link-logo__0Yjiso: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__0Yjiso{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__0Yjiso:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__0Yjiso{font-size:var(--ds-fontSize-16, 1rem)}}`;
 
 const visuallyHiddenAssistiveTextIdGenerator = utils.idGenerator('visually-hidden-assistive-text');
-const DsLinkLogo = class extends index.Mixin(linkFactory.linkFactory) {
+const DsLinkLogo = class extends index.Mixin(componentFactory.componentFactory('ds-link-logo'), linkFactory.linkFactory) {
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
@@ -55,6 +55,9 @@ const DsLinkLogo = class extends index.Mixin(linkFactory.linkFactory) {
         };
         this.setTargetBlank(this.dsTarget);
     }
+    componentDidLoad() {
+        this.componentMounted();
+    }
     onAriaChanged(newValue) {
         this.inheritedAttributes = {
             ...this.inheritedAttributes,
@@ -75,7 +78,7 @@ const DsLinkLogo = class extends index.Mixin(linkFactory.linkFactory) {
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (index.h(this.dsTag, { key: '510884ff3bceb2e72648465a0c176524114e990d', part: "link", class: classes, ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIcon && index.h(this.DsIcon, { key: 'af02f372577dd0f422a9cc6ddaf69465851e28bf', dsName: this.dsIcon, dsSize: "2rem", dsRole: "img" }), this.dsText, linkUtils.opensInNewTab(this.dsTarget) && (index.h(DsVisuallyHidden, { key: '3bd78b4d2e7662786373ee5167ca7050d3d2b0b5', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, linkUtils.visuallyHiddenAssistiveText()))));
+        return (index.h(this.dsTag, { key: 'a89720d7bcade7418235f0e7568bf37d3af821ff', part: "link", class: classes, ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIcon && index.h(this.DsIcon, { key: 'ed07ff3f6b79a4b14801284428a2bdb983f14b10', dsName: this.dsIcon, dsSize: "2rem", dsRole: "img" }), this.dsText, linkUtils.opensInNewTab(this.dsTarget) && (index.h(DsVisuallyHidden, { key: '82ddfde73b292e34cc78a61a71be06bbddcb81d8', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, linkUtils.visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "aria-label": [{
@@ -86,7 +89,7 @@ const DsLinkLogo = class extends index.Mixin(linkFactory.linkFactory) {
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" }), index.h("ds-link", { dsText: "" })]);
 DsLinkLogo.style = dsLinkLogoCss();
 
-const dsTagCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}.ds-tag__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-tag__GqWYnG:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__GqWYnG:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__GqWYnG{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__GqWYnG.ds-tag__GqWYnG--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__GqWYnG.ds-tag__GqWYnG--default:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--default:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__GqWYnG.ds-tag__GqWYnG--black:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--black:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__GqWYnG.ds-tag__GqWYnG--white:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--white:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__GqWYnG.ds-tag__GqWYnG--info:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--info:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__GqWYnG.ds-tag__GqWYnG--danger:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--danger:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__GqWYnG.ds-tag__GqWYnG--attention:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--attention:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__GqWYnG.ds-tag__GqWYnG--success:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--success:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__GqWYnG__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__GqWYnG__link{display:contents}.ds-tag__GqWYnG__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}`;
+const dsTagCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}.ds-tag__0Yjiso{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-tag__0Yjiso:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__0Yjiso:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__0Yjiso{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__0Yjiso.ds-tag__0Yjiso--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__0Yjiso.ds-tag__0Yjiso--default:has(.ds-tag__0Yjiso__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__0Yjiso.ds-tag__0Yjiso--default:has(.ds-tag__0Yjiso__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__0Yjiso.ds-tag__0Yjiso--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__0Yjiso.ds-tag__0Yjiso--black:has(.ds-tag__0Yjiso__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__0Yjiso.ds-tag__0Yjiso--black:has(.ds-tag__0Yjiso__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__0Yjiso.ds-tag__0Yjiso--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__0Yjiso.ds-tag__0Yjiso--white:has(.ds-tag__0Yjiso__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__0Yjiso.ds-tag__0Yjiso--white:has(.ds-tag__0Yjiso__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__0Yjiso.ds-tag__0Yjiso--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__0Yjiso.ds-tag__0Yjiso--info:has(.ds-tag__0Yjiso__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__0Yjiso.ds-tag__0Yjiso--info:has(.ds-tag__0Yjiso__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__0Yjiso.ds-tag__0Yjiso--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__0Yjiso.ds-tag__0Yjiso--danger:has(.ds-tag__0Yjiso__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__0Yjiso.ds-tag__0Yjiso--danger:has(.ds-tag__0Yjiso__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__0Yjiso.ds-tag__0Yjiso--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__0Yjiso.ds-tag__0Yjiso--attention:has(.ds-tag__0Yjiso__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__0Yjiso.ds-tag__0Yjiso--attention:has(.ds-tag__0Yjiso__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__0Yjiso.ds-tag__0Yjiso--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__0Yjiso.ds-tag__0Yjiso--success:has(.ds-tag__0Yjiso__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__0Yjiso.ds-tag__0Yjiso--success:has(.ds-tag__0Yjiso__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__0Yjiso__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__0Yjiso__link{display:contents}.ds-tag__0Yjiso__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}`;
 
 const DsTag = class extends index.Mixin(componentFactory.componentFactory('ds-tag')) {
     constructor(hostRef) {
@@ -123,7 +126,7 @@ const DsTag = class extends index.Mixin(componentFactory.componentFactory('ds-ta
         const ariaHidden = this.dsAriaHidden !== undefined ? this.dsAriaHidden : this.dsHref ? false : true;
         const role = this.dsRole ?? this.inheritedAttributes.role;
         const restAttributes = utils.omit(this.inheritedAttributes, ['aria-hidden', 'role']);
-        return (index.h("div", { key: '625a1f228cc0c2a15c05facc72c9cb0c1af6b5d4', class: classes, ...restAttributes, "aria-hidden": ariaHidden, role: role }, index.h("slot", { key: 'c7e49d8e5844bd200d629b292b82b4edeb7d4a7d', name: "prefix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'start' ? index.h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null), index.h("slot", { key: 'c082619c817214f5e2607136400291d62be39d94' }, this.dsHref ? (index.h(DsLink, { class: `${baseClass}__link`, dsText: this.dsText, dsHref: this.dsHref, dsTarget: this.dsTarget, dsDownload: this.dsDownload, dsColour: this.dsColour === 'black' ? 'white' : 'black', dsSize: "small", dsWeight: "semibold" })) : (index.h("span", { class: `${baseClass}__text` }, this.dsText))), index.h("slot", { key: '9b2a3a7adfee75baf65ce8c98888e4e52faa0ca5', name: "suffix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'end' ? index.h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null)));
+        return (index.h("div", { key: '0ede121c34029c084ce9120cf160cc449e2b941f', class: classes, ...restAttributes, "aria-hidden": ariaHidden, role: role }, index.h("slot", { key: '1a05bcd4c34f66dc47ed9f18cb45b1bbae52346a', name: "prefix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'start' ? index.h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null), index.h("slot", { key: '43d48ac8b5b6663c0743e1002ecb020be11c1f93' }, this.dsHref ? (index.h(DsLink, { class: `${baseClass}__link`, dsText: this.dsText, dsHref: this.dsHref, dsTarget: this.dsTarget, dsDownload: this.dsDownload, dsColour: this.dsColour === 'black' ? 'white' : 'black', dsSize: "small", dsWeight: "semibold" })) : (index.h("span", { class: `${baseClass}__text` }, this.dsText))), index.h("slot", { key: 'b10fe291e38205f11515730f3f2c9a4ea931329c', name: "suffix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'end' ? index.h(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null)));
     }
 };
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" }), index.h("ds-link", { dsText: "" })]);

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

@@ -1,18 +1,18 @@
 'use strict';
 
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-BV3ZEPvR.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var linkUtils = require('./linkUtils-B2PIFB2p.js');
+var linkUtils = require('./linkUtils-CFEsBVH2.js');
 var utils = require('./utils-DMgbvnde.js');
-var linkFactory = require('./linkFactory-CQHm0znv.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-BkrxJQA9.js');
-var cx = require('./cx-Bz5Mpvyi.js');
+var linkFactory = require('./linkFactory-CYmGgzOO.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-DvIYiT7M.js');
+var cx = require('./cx-C-l37yNo.js');
 var utils$1 = require('./utils-CRkX9b81.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
-require('./store-DNuNXgOq.js');
+var componentFactory = require('./componentFactory-_ZhGbD5I.js');
+require('./store-BfCwyfrJ.js');
 
-const dsLinkWithArrowCss = () => `:host{display:inline-block}:host:has(.ds-link-with-arrow__GqWYnG--full-width){width:100%}.ds-link-with-arrow__GqWYnG: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__GqWYnG{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__GqWYnG{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__GqWYnG--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__GqWYnG__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__GqWYnG__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__GqWYnG__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__GqWYnG__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__GqWYnG__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__GqWYnG__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__GqWYnG:hover,.ds-link-with-arrow__GqWYnG: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__GqWYnG:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__GqWYnG:active,.ds-link-with-arrow__GqWYnG:focus-visible{color:var(--ds-textColor-link-active)}`;
+const dsLinkWithArrowCss = () => `:host{display:inline-block}:host:has(.ds-link-with-arrow__0Yjiso--full-width){width:100%}.ds-link-with-arrow__0Yjiso: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__0Yjiso{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__0Yjiso{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__0Yjiso--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__0Yjiso__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__0Yjiso__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__0Yjiso__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__0Yjiso__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__0Yjiso__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__0Yjiso__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__0Yjiso:hover,.ds-link-with-arrow__0Yjiso: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__0Yjiso:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__0Yjiso:active,.ds-link-with-arrow__0Yjiso:focus-visible{color:var(--ds-textColor-link-active)}`;
 
 const visuallyHiddenAssistiveTextIdGenerator = utils.idGenerator('visually-hidden-assistive-text');
 const DsLinkWithArrow = class extends index.Mixin(componentFactory.componentFactory('ds-link-with-arrow'), linkFactory.linkFactory, ariaDeprecationFactory.ariaDeprecationFactory) {
@@ -86,7 +86,7 @@ const DsLinkWithArrow = class extends index.Mixin(componentFactory.componentFact
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (index.h(this.dsTag, { key: 'da0a4ca8b12b41e4e2f4db972b71222b7d9c5243', class: classes, ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, index.h("slot", { key: 'ae6d8138f58faae2e34b3c0a99f91f793d0f646d', name: "prefix" }, this.dsIconPosition === 'start' && index.h(DsIcon, { key: 'f835904e1e1e80d0b20f36a7d25633da062126cb', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), this.dsText, index.h("slot", { key: 'dfd47300d81fad800cfbab100bfe95eda56ca993', name: "suffix" }, this.dsIconPosition === 'end' && index.h(DsIcon, { key: 'e023bfcb58aa21a2a1357d9c856e678900600b2e', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), linkUtils.opensInNewTab(this.dsTarget) && (index.h(DsVisuallyHidden, { key: 'a51c12cea73a2369588e94dd73339bbb91a59405', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, linkUtils.visuallyHiddenAssistiveText()))));
+        return (index.h(this.dsTag, { key: '787b94791285fcb2aa78ed72c31d19c6f51d7bf2', class: classes, ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, index.h("slot", { key: 'f5955d296d32e0e232604d5db1f634f2c2a9c90a', name: "prefix" }, this.dsIconPosition === 'start' && index.h(DsIcon, { key: '0577713d5a4537d15991cc8966ff37e4cd00901f', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), this.dsText, index.h("slot", { key: '9beb26f220795ec4529d2f0f182fd26383adab2e', name: "suffix" }, this.dsIconPosition === 'end' && index.h(DsIcon, { key: '0747fb38f4ef37f08548f01fd68027bc57be11ee', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), linkUtils.opensInNewTab(this.dsTarget) && (index.h(DsVisuallyHidden, { key: 'ddcae794209029ffff37b3814222d1a6862efd75', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, linkUtils.visuallyHiddenAssistiveText()))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" }), index.h("ds-visually-hidden", null)]);

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

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-BV3ZEPvR.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var linkUtils = require('./linkUtils-B2PIFB2p.js');
+var linkUtils = require('./linkUtils-CFEsBVH2.js');
 var utils = require('./utils-DMgbvnde.js');
-var linkFactory = require('./linkFactory-CQHm0znv.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-BkrxJQA9.js');
-var cx = require('./cx-Bz5Mpvyi.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
-require('./store-DNuNXgOq.js');
+var linkFactory = require('./linkFactory-CYmGgzOO.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-DvIYiT7M.js');
+var cx = require('./cx-C-l37yNo.js');
+var componentFactory = require('./componentFactory-_ZhGbD5I.js');
+require('./store-BfCwyfrJ.js');
 
-const dsLinkCss = () => `:host{display:inline}:host:has(.ds-link__GqWYnG--standalone){display:inline-block}.ds-link__GqWYnG: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__GqWYnG{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__GqWYnG--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__GqWYnG--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__GqWYnG--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__GqWYnG--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__GqWYnG--large{font-size:var(--ds-fontSize-18)}.ds-link__GqWYnG--medium{font-size:var(--ds-fontSize-16)}.ds-link__GqWYnG--small{font-size:var(--ds-fontSize-14)}.ds-link__GqWYnG--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__GqWYnG__icon{display:inline-block;vertical-align:-0.125em}.ds-link__GqWYnG__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__GqWYnG__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__GqWYnG__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__GqWYnG__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__GqWYnG:hover,.ds-link__GqWYnG:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__GqWYnG:hover{color:var(--ds-textColor-link-hover)}.ds-link__GqWYnG:active{color:var(--ds-textColor-link-active)}.ds-link__GqWYnG:visited{color:var(--ds-textColor-link-visited)}.ds-link__GqWYnG--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__GqWYnG--standalone:hover,.ds-link__GqWYnG--standalone:active{text-decoration-line:underline}.ds-link__GqWYnG--standalone:focus-visible,.ds-link__GqWYnG--standalone:visited{color:var(--ds-textColor-link)}.ds-link__GqWYnG--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__GqWYnG--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__GqWYnG--colour-white{color:var(--ds-textColor-white)}.ds-link__GqWYnG--colour-white:hover,.ds-link__GqWYnG--colour-white:active,.ds-link__GqWYnG--colour-white:visited,.ds-link__GqWYnG--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__GqWYnG--colour-black{color:var(--ds-textColor-default)}.ds-link__GqWYnG--colour-black:hover,.ds-link__GqWYnG--colour-black:active,.ds-link__GqWYnG--colour-black:visited,.ds-link__GqWYnG--colour-black:focus-visible{color:var(--ds-textColor-default)}`;
+const dsLinkCss = () => `:host{display:inline}:host:has(.ds-link__0Yjiso--standalone){display:inline-block}.ds-link__0Yjiso: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__0Yjiso{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__0Yjiso--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__0Yjiso--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__0Yjiso--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__0Yjiso--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__0Yjiso--large{font-size:var(--ds-fontSize-18)}.ds-link__0Yjiso--medium{font-size:var(--ds-fontSize-16)}.ds-link__0Yjiso--small{font-size:var(--ds-fontSize-14)}.ds-link__0Yjiso--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__0Yjiso__icon{display:inline-block;vertical-align:-0.125em}.ds-link__0Yjiso__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__0Yjiso__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__0Yjiso__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__0Yjiso__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__0Yjiso:hover,.ds-link__0Yjiso:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__0Yjiso:hover{color:var(--ds-textColor-link-hover)}.ds-link__0Yjiso:active{color:var(--ds-textColor-link-active)}.ds-link__0Yjiso:visited{color:var(--ds-textColor-link-visited)}.ds-link__0Yjiso--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__0Yjiso--standalone:hover,.ds-link__0Yjiso--standalone:active{text-decoration-line:underline}.ds-link__0Yjiso--standalone:focus-visible,.ds-link__0Yjiso--standalone:visited{color:var(--ds-textColor-link)}.ds-link__0Yjiso--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__0Yjiso--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__0Yjiso--colour-white{color:var(--ds-textColor-white)}.ds-link__0Yjiso--colour-white:hover,.ds-link__0Yjiso--colour-white:active,.ds-link__0Yjiso--colour-white:visited,.ds-link__0Yjiso--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__0Yjiso--colour-black{color:var(--ds-textColor-default)}.ds-link__0Yjiso--colour-black:hover,.ds-link__0Yjiso--colour-black:active,.ds-link__0Yjiso--colour-black:visited,.ds-link__0Yjiso--colour-black:focus-visible{color:var(--ds-textColor-default)}`;
 
 const visuallyHiddenAssistiveTextIdGenerator = utils.idGenerator('visually-hidden-assistive-text');
 const linkIconSizeMap = {
@@ -118,7 +118,7 @@ const DsLink = class extends index.Mixin(componentFactory.componentFactory('ds-l
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (index.h(this.dsTag, { key: 'ad7cf9b1e8f4fe1bc26ec5335d6c3ef2feadd32a', ref: el => (this.linkRef = el), part: "link", class: classes, ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, index.h("slot", { key: 'e057ff567be1b2ab1ca8f12a10673aba6200e8a6', name: "prefix" }, this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass)), this.dsText, index.h("slot", { key: '77eedbd23fe1866b1237f26c5db4db993dd1a2d0', name: "suffix" }, this.renderSuffixIcon(baseClass)), linkUtils.opensInNewTab(this.dsTarget) && (index.h(DsVisuallyHidden, { key: '02ab44244d7f5799253eeb44141c03c10b65533c', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, linkUtils.visuallyHiddenAssistiveText()))));
+        return (index.h(this.dsTag, { key: 'ec417721a685f4273f21e36d5065b80214a03cf8', ref: el => (this.linkRef = el), part: "link", class: classes, ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, index.h("slot", { key: '7fb3479d3a5e88382bf61e71d257fbc99c56fd14', name: "prefix" }, this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass)), this.dsText, index.h("slot", { key: 'a7af69b051d911eccf3e48b67322d3bc80bb9dd5', name: "suffix" }, this.renderSuffixIcon(baseClass)), linkUtils.opensInNewTab(this.dsTarget) && (index.h(DsVisuallyHidden, { key: '40d42a4016a996cab8fc3f6faf6cad37bd062930', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, linkUtils.visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "dsTarget": [{

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-BV3ZEPvR.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Bz5Mpvyi.js');
+var cx = require('./cx-C-l37yNo.js');
 var utils = require('./utils-DMgbvnde.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var store = require('./store-DNuNXgOq.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
+var store = require('./store-BfCwyfrJ.js');
+var componentFactory = require('./componentFactory-_ZhGbD5I.js');
 
-const dsMediaCss = () => `.ds-media__GqWYnG{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__GqWYnG .ds-media__image,.ds-media__GqWYnG .ds-media__video,.ds-media__GqWYnG .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__GqWYnG .ds-media__image--fluid,.ds-media__GqWYnG .ds-media__video--fluid,.ds-media__GqWYnG .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__GqWYnG__youtube{border:none;object-fit:initial}.ds-media__GqWYnG--loading .ds-media__image,.ds-media__GqWYnG--loading .ds-media__video{opacity:0}.ds-media__GqWYnG--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__GqWYnG--error .ds-media__image,.ds-media__GqWYnG--error .ds-media__video{display:none}.ds-media__GqWYnG--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__GqWYnG--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__GqWYnG--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__GqWYnG--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__GqWYnG--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__GqWYnG--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__GqWYnG--fluid{width:100%;height:100%}.ds-media__GqWYnG--fluid .ds-media__GqWYnG__image,.ds-media__GqWYnG--fluid .ds-media__GqWYnG__video,.ds-media__GqWYnG--fluid .ds-media__GqWYnG__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__GqWYnG{border-radius:2px}.ds-media__GqWYnG__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__GqWYnG__loading-text{font-size:12px}.ds-media__GqWYnG__error-icon{width:40px;height:40px}.ds-media__GqWYnG__error-text{font-size:12px}}`;
+const dsMediaCss = () => `.ds-media__0Yjiso{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__0Yjiso .ds-media__image,.ds-media__0Yjiso .ds-media__video,.ds-media__0Yjiso .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__0Yjiso .ds-media__image--fluid,.ds-media__0Yjiso .ds-media__video--fluid,.ds-media__0Yjiso .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__0Yjiso__youtube{border:none;object-fit:initial}.ds-media__0Yjiso--loading .ds-media__image,.ds-media__0Yjiso--loading .ds-media__video{opacity:0}.ds-media__0Yjiso--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__0Yjiso--error .ds-media__image,.ds-media__0Yjiso--error .ds-media__video{display:none}.ds-media__0Yjiso--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__0Yjiso--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__0Yjiso--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__0Yjiso--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__0Yjiso--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__0Yjiso--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__0Yjiso--fluid{width:100%;height:100%}.ds-media__0Yjiso--fluid .ds-media__0Yjiso__image,.ds-media__0Yjiso--fluid .ds-media__0Yjiso__video,.ds-media__0Yjiso--fluid .ds-media__0Yjiso__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__0Yjiso{border-radius:2px}.ds-media__0Yjiso__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__0Yjiso__loading-text{font-size:12px}.ds-media__0Yjiso__error-icon{width:40px;height:40px}.ds-media__0Yjiso__error-text{font-size:12px}}`;
 
 const DsMedia = class extends index.Mixin(componentFactory.componentFactory('ds-media')) {
     constructor(hostRef) {
@@ -185,7 +185,7 @@ const DsMedia = class extends index.Mixin(componentFactory.componentFactory('ds-
         const aspectRatioParts = this.dsAspectRatio.split('/');
         const aspectRatioValue = aspectRatioParts.length === 2 ? `${aspectRatioParts[0]} / ${aspectRatioParts[1]}` : this.dsAspectRatio;
         const baseClass = cx.cx('ds-media');
-        return (index.h("div", { key: 'b9907477ef7139b39ae90d2f66afd4b3264b6e71', class: index$1.classNames(baseClass, {
+        return (index.h("div", { key: 'a0a9b6ceae213cdae37c6a7bd4a39e1698635f95', class: index$1.classNames(baseClass, {
                 [`${baseClass}--loading`]: this.isLoading,
                 [`${baseClass}--error`]: this.hasError,
                 [`${baseClass}--image`]: this.dsType === 'image',

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

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-BV3ZEPvR.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Bz5Mpvyi.js');
+var cx = require('./cx-C-l37yNo.js');
 var utils$1 = require('./utils-DMgbvnde.js');
-var store = require('./store-DNuNXgOq.js');
+var store = require('./store-BfCwyfrJ.js');
 var constants = require('./constants-DQ8n-aJY.js');
 var utils = require('./utils-CRkX9b81.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
+var componentFactory = require('./componentFactory-_ZhGbD5I.js');
 
-const dsModalCss = () => `.ds-modal__GqWYnG{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__GqWYnG--open{overflow-y:auto}.ds-modal__GqWYnG__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__GqWYnG__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__GqWYnG__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__GqWYnG__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__GqWYnG__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__GqWYnG__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__GqWYnG__container--full{width:100%}@media (min-width: 30rem){.ds-modal__GqWYnG__container--small{width:480px}.ds-modal__GqWYnG__container--medium{width:640px}.ds-modal__GqWYnG__container--large{width:800px}}.ds-modal__GqWYnG__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__GqWYnG__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__GqWYnG__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__GqWYnG--open .ds-modal__GqWYnG__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__GqWYnG--in .ds-modal__GqWYnG__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__GqWYnG__container,.ds-modal__GqWYnG--in .ds-modal__GqWYnG__container{transition:none}}.ds-modal__GqWYnG__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__GqWYnG__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__GqWYnG__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__GqWYnG__header__heading:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-modal__GqWYnG__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__GqWYnG__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__GqWYnG__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__GqWYnG__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__GqWYnG__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__GqWYnG__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__GqWYnG__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__GqWYnG__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__GqWYnG__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__GqWYnG__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__GqWYnG__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__GqWYnG__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__GqWYnG__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__GqWYnG__content--scrollable__top-scrim,.ds-modal__GqWYnG__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__GqWYnG__content--scrollable__top-scrim--open,.ds-modal__GqWYnG__content--scrollable__bottom-scrim--open{display:block}.ds-modal__GqWYnG__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__GqWYnG__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__GqWYnG__content--scrollable:focus-visible .ds-modal__GqWYnG__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__GqWYnG__content--scrollable:focus-visible .ds-modal__GqWYnG__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__GqWYnG__footer{position:relative}.ds-modal__GqWYnG__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__GqWYnG__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__GqWYnG__footer:not(:empty)+.ds-modal__GqWYnG__content{border-block-end:0}.ds-modal__GqWYnG__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}`;
+const dsModalCss = () => `.ds-modal__0Yjiso{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__0Yjiso--open{overflow-y:auto}.ds-modal__0Yjiso__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__0Yjiso__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__0Yjiso__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__0Yjiso__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__0Yjiso__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__0Yjiso__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__0Yjiso__container--full{width:100%}@media (min-width: 30rem){.ds-modal__0Yjiso__container--small{width:480px}.ds-modal__0Yjiso__container--medium{width:640px}.ds-modal__0Yjiso__container--large{width:800px}}.ds-modal__0Yjiso__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__0Yjiso__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__0Yjiso__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__0Yjiso--open .ds-modal__0Yjiso__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__0Yjiso--in .ds-modal__0Yjiso__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__0Yjiso__container,.ds-modal__0Yjiso--in .ds-modal__0Yjiso__container{transition:none}}.ds-modal__0Yjiso__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__0Yjiso__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__0Yjiso__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__0Yjiso__header__heading:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-modal__0Yjiso__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__0Yjiso__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__0Yjiso__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__0Yjiso__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__0Yjiso__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__0Yjiso__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__0Yjiso__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__0Yjiso__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__0Yjiso__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__0Yjiso__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__0Yjiso__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__0Yjiso__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__0Yjiso__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__0Yjiso__content--scrollable__top-scrim,.ds-modal__0Yjiso__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__0Yjiso__content--scrollable__top-scrim--open,.ds-modal__0Yjiso__content--scrollable__bottom-scrim--open{display:block}.ds-modal__0Yjiso__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__0Yjiso__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__0Yjiso__content--scrollable:focus-visible .ds-modal__0Yjiso__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__0Yjiso__content--scrollable:focus-visible .ds-modal__0Yjiso__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__0Yjiso__footer{position:relative}.ds-modal__0Yjiso__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__0Yjiso__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__0Yjiso__footer:not(:empty)+.ds-modal__0Yjiso__content{border-block-end:0}.ds-modal__0Yjiso__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}`;
 
-const DsModal = class extends index.Mixin(componentFactory.componentFactory('ds-modal')) {
+const DsModal = class extends index.Mixin(componentFactory.componentFactory('ds-modal', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
@@ -179,7 +179,7 @@ const DsModal = class extends index.Mixin(componentFactory.componentFactory('ds-
         }
         this.transitionTimeout = setTimeout(completeTransition, newValue ? constants.MODAL_TRANSITION_IN_DURATION : constants.MODAL_TRANSITION_OUT_DURATION);
     }
-    resizeListener() {
+    handleWindowResize() {
         this.throttledCalculateScrollableContentState();
     }
     handleBackdropClose = () => {
@@ -219,11 +219,11 @@ const DsModal = class extends index.Mixin(componentFactory.componentFactory('ds-
         });
         const contentAriaLabel = this.dsScrollable ? this.contentScrollArea : undefined;
         const contentTabIndex = this.dsScrollable ? 0 : undefined;
-        return (index.h(this.DsBackdrop, { key: 'aeac338ec835800734cf50b26833811b802c9e72', id: this.dsId, dsDialogClasses: classes, dsOpen: this.dsOpen, dsZIndex: this.dsBackdropZIndex, dsRole: this.dsVariant === 'danger' ? 'alertdialog' : 'dialog', onDsBackdropClose: this.handleBackdropClose }, index.h("div", { key: 'd89d406ed89bbe3ddfc42c7b446f55e6e7e561fe', class: `${baseClass}__positioner` }, index.h("div", { key: 'abc49a7924f5834b0a96f9c3ac13e6e8d3f5f22f', class: containerClasses, style: { '--ds-modal-transition-in-duration': `${constants.MODAL_TRANSITION_IN_DURATION}ms`, '--ds-modal-transition-out-duration': `${constants.MODAL_TRANSITION_OUT_DURATION}ms` } }, index.h("slot", { key: '365f46da6bc17ef13af69db428fd27f8c933614b', name: "header", onSlotchange: () => this.checkHeaderSlot() }, !this.hasHeaderSlot && (index.h("div", { key: '9a4213e797659d153036bfba178f70c1347e66c5', class: headerClasses }, this.dsHeadingText && (index.h("span", { key: '3cff2fc7cb75c14b4bd6d82da39edab631a80ccb', role: "heading", tabIndex: -1, autoFocus: this.dsAutoFocusTarget === 'heading', "aria-level": this.dsHeadingLevel, class: headingClasses }, this.icon && (index.h(this.DsIcon, { key: 'c801e35bcea8ee98a48e2eaa9fe5808656cc9374', class: `${baseClass}__header__heading__icon`, dsAriaHidden: this.icon.ariaHidden, dsAriaLabel: this.icon.ariaLabel, dsSize: this.icon.size, dsName: this.icon.name, dsColour: this.icon.colour })), index.h("span", { key: 'bed199dcc40bdaa067d58be2f65b06647b62606c', class: `${baseClass}__header__heading__text` }, this.dsHeadingText))), this.dsCloseable && (index.h(this.DsButton, { key: 'd20d158069791ae18f4a7c1b65b4ab9f9c84137e', class: closeButtonClasses, dsVariant: "supplementary", dsSize: "small", dsColour: "black", dsIcon: "close", dsAriaLabel: this.close, dsAutoFocus: this.dsAutoFocusTarget === 'close-button', onClick: this.handleCloseClick }))))), index.h("div", { key: 'ce736b63338aaa29804ff7fc3208f2fd45614edd', ref: el => (this.contentRef = el), class: contentClasses, ...utils$1.ifDefined('aria-label', contentAriaLabel), ...utils$1.ifDefined('tabIndex', contentTabIndex), onScroll: this.handleContentScroll }, this.dsScrollable && this.hasContentSlot && (index.h("div", { key: '6b326f965acdb3ca7f4b55ae43cd3125b61e91e4', class: index$1.classNames(`${baseClass}__content--scrollable__top-scrim`, {
+        return (index.h(this.DsBackdrop, { key: '937e89060be8652b7a5e27eea7c2f2e2586604e7', id: this.dsId, dsDialogClasses: classes, dsOpen: this.dsOpen, dsZIndex: this.dsBackdropZIndex, dsRole: this.dsVariant === 'danger' ? 'alertdialog' : 'dialog', onDsBackdropClose: this.handleBackdropClose }, index.h("div", { key: 'c24c5cbe65e8111a9ecb6417bf06c2a94568090f', class: `${baseClass}__positioner` }, index.h("div", { key: 'b6bf573d926a37fda88adea353e2aab0869eda10', class: containerClasses, style: { '--ds-modal-transition-in-duration': `${constants.MODAL_TRANSITION_IN_DURATION}ms`, '--ds-modal-transition-out-duration': `${constants.MODAL_TRANSITION_OUT_DURATION}ms` } }, index.h("slot", { key: '802affcb12c2c59ee1f77f69dfe00d22b58e98f9', name: "header", onSlotchange: () => this.checkHeaderSlot() }, !this.hasHeaderSlot && (index.h("div", { key: 'ab3f15653104929578e31754f43e987d1af41a9b', class: headerClasses }, this.dsHeadingText && (index.h("span", { key: '8e9c57f974893caa3e58a1ba9796283ab14203d3', role: "heading", tabIndex: -1, autoFocus: this.dsAutoFocusTarget === 'heading', "aria-level": this.dsHeadingLevel, class: headingClasses }, this.icon && (index.h(this.DsIcon, { key: '33c3cef078b3baf2d020fedca243ad8c04b2879f', class: `${baseClass}__header__heading__icon`, dsAriaHidden: this.icon.ariaHidden, dsAriaLabel: this.icon.ariaLabel, dsSize: this.icon.size, dsName: this.icon.name, dsColour: this.icon.colour })), index.h("span", { key: '40f2255f36c83b8da5202d08caa3f2bee86b3573', class: `${baseClass}__header__heading__text` }, this.dsHeadingText))), this.dsCloseable && (index.h(this.DsButton, { key: '6bad9269962475a5d455c2e885de43fbd292eb15', class: closeButtonClasses, dsVariant: "supplementary", dsSize: "small", dsColour: "black", dsIcon: "close", dsAriaLabel: this.close, dsAutoFocus: this.dsAutoFocusTarget === 'close-button', onClick: this.handleCloseClick }))))), index.h("div", { key: '7da28c17478a5ce8a6c1290ba32fddd8500c5496', ref: el => (this.contentRef = el), class: contentClasses, ...utils$1.ifDefined('aria-label', contentAriaLabel), ...utils$1.ifDefined('tabIndex', contentTabIndex), onScroll: this.handleContentScroll }, this.dsScrollable && this.hasContentSlot && (index.h("div", { key: 'ab5f42d46124d3f3b86b4e15bae5871483d44cef', class: index$1.classNames(`${baseClass}__content--scrollable__top-scrim`, {
                 [`${baseClass}__content--scrollable__top-scrim--open`]: this.scrollableContentState && !this.scrollableContentState.atTop,
-            }), "aria-hidden": "true" })), index.h("slot", { key: '386861c44236e267016ffdcb1e57ea0e96fd82a1', name: "content", onSlotchange: () => this.checkContentSlot() }), this.dsScrollable && this.hasContentSlot && (index.h("div", { key: 'd8002608d4b20720c9cae8885f4c2714dfa765b3', class: index$1.classNames(`${baseClass}__content--scrollable__bottom-scrim`, {
+            }), "aria-hidden": "true" })), index.h("slot", { key: '5d52c8c2bc581bf51ea14912ad44fabea75beee2', name: "content", onSlotchange: () => this.checkContentSlot() }), this.dsScrollable && this.hasContentSlot && (index.h("div", { key: 'fbfd7f45b29e26fed24c2c73d0f169c8bcf5652f', class: index$1.classNames(`${baseClass}__content--scrollable__bottom-scrim`, {
                 [`${baseClass}__content--scrollable__bottom-scrim--open`]: this.scrollableContentState && !this.scrollableContentState.atBottom,
-            }), "aria-hidden": "true" }))), index.h("div", { key: '2d1527db1def8c15a9cf2cf43765ebd26a3a9f98', class: footerClasses }, index.h("slot", { key: '5e184d9ed1d1b6bdc24f5ce3dbc9c90f3f6307e2', name: "footer", onSlotchange: () => this.checkFooterSlot() }))))));
+            }), "aria-hidden": "true" }))), index.h("div", { key: '51cd0ca3e9a87040ad6280171defbc97f7159338', class: footerClasses }, index.h("slot", { key: '2d0854ee9b3573951c61b8b246317fb08fa455ee', name: "footer", onSlotchange: () => this.checkFooterSlot() }))))));
     }
     static get watchers() { return {
         "hasContentSlot": [{

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

@@ -1,20 +1,20 @@
 'use strict';
 
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-BV3ZEPvR.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Bz5Mpvyi.js');
+var cx = require('./cx-C-l37yNo.js');
 var utils = require('./utils-DMgbvnde.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var store = require('./store-DNuNXgOq.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-BkrxJQA9.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
+var store = require('./store-BfCwyfrJ.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-DvIYiT7M.js');
+var componentFactory = require('./componentFactory-_ZhGbD5I.js');
 
-const dsNotificationCss = () => `.sc-ds-notification-h{display:block;width:100%}.ds-notification__GqWYnG.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__GqWYnG.ds-notification__GqWYnG--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__GqWYnG.ds-notification__GqWYnG--neutral.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--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__GqWYnG.ds-notification__GqWYnG--neutralWhite.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--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__GqWYnG.ds-notification__GqWYnG--info.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--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__GqWYnG.ds-notification__GqWYnG--success.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--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__GqWYnG.ds-notification__GqWYnG--attention.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--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__GqWYnG.ds-notification__GqWYnG--danger.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__GqWYnG__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__GqWYnG__content__text.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__GqWYnG__content__text__heading.sc-ds-notification,.ds-notification__GqWYnG__content__text__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__GqWYnG__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}`;
+const dsNotificationCss = () => `.sc-ds-notification-h{display:block;width:100%}.ds-notification__0Yjiso.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__0Yjiso.ds-notification__0Yjiso--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__0Yjiso.ds-notification__0Yjiso--neutral.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__0Yjiso.ds-notification__0Yjiso--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__0Yjiso.ds-notification__0Yjiso--neutralWhite.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__0Yjiso.ds-notification__0Yjiso--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__0Yjiso.ds-notification__0Yjiso--info.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__0Yjiso.ds-notification__0Yjiso--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__0Yjiso.ds-notification__0Yjiso--success.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__0Yjiso.ds-notification__0Yjiso--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__0Yjiso.ds-notification__0Yjiso--attention.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__0Yjiso.ds-notification__0Yjiso--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__0Yjiso.ds-notification__0Yjiso--danger.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__0Yjiso__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__0Yjiso__content__text.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__0Yjiso__content__text__heading.sc-ds-notification,.ds-notification__0Yjiso__content__text__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__0Yjiso__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}`;
 
 const variants = ['neutral', 'neutralWhite', 'info', 'success', 'attention', 'danger'];
 const customizableIconVariants = ['neutral', 'neutralWhite', 'info'];
 const isCustomizableIconVariant = (variant) => customizableIconVariants.includes(variant);
-const DsNotification = class extends index.Mixin(componentFactory.componentFactory('ds-notification'), ariaDeprecationFactory.ariaDeprecationFactory) {
+const DsNotification = class extends index.Mixin(componentFactory.componentFactory('ds-notification', { stopRootTracking: true }), ariaDeprecationFactory.ariaDeprecationFactory) {
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
@@ -48,16 +48,16 @@ const DsNotification = class extends index.Mixin(componentFactory.componentFacto
             return;
         this.headingLevel = value;
     }
-    icon;
+    _dsIcon;
     get dsIcon() {
-        return this.icon;
+        return this._dsIcon;
     }
     set dsIcon(value) {
         if (value && isCustomizableIconVariant(this.variant)) {
-            this.icon = value;
+            this._dsIcon = value;
             return;
         }
-        this.icon = this.variantIcon;
+        this._dsIcon = this.variantIcon;
     }
     dsDescription;
     dsDescriptionMaxWidth = '550px';
@@ -77,6 +77,9 @@ const DsNotification = class extends index.Mixin(componentFactory.componentFacto
                 return 'help_fill';
         }
     }
+    get icon() {
+        return this.dsIcon || this.variantIcon;
+    }
     get DsIcon() {
         return utils.transformTagName('ds-icon', 'ds-notification', this.el);
     }
@@ -156,7 +159,7 @@ const DsNotification = class extends index.Mixin(componentFactory.componentFacto
         const ariaLabelledby = this.dsAriaLabelledby ?? this.inheritedAttributes['aria-labelledby'] ?? this.ariaLabelledBy;
         const role = this.dsRole ?? this.inheritedAttributes['role'] ?? 'group';
         const restAttributes = utils.omit(this.inheritedAttributes, ['aria-labelledby', 'aria-label', 'role']);
-        return (index.h("div", { key: '4a33a2341cb0ddedbae84d141d0bde4c0ce54b8f', class: classes, id: this.dsId, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restAttributes }, index.h("div", { key: 'e3532247cd831b07110cdb896f362d67e4f00424', class: contentClass }, this.dsIcon && (index.h("div", { key: '6a49f7ba417d833f25d53e5d76b111212b4f3b3f', class: `${baseClass}__icon ds-p-3xs` }, index.h(this.DsIcon, { key: 'f836bfa593297f84170c7391f8d73a7fd6d4237b', dsName: this.dsIcon }))), index.h("div", { key: 'c9ee86cbdaf73853a7d1b5db7c2ad5b5ac3ff58d', class: textClass }, index.h("slot", { key: 'ef60097fe450dbe4074cd2f2c8c98b815e0e0d96', name: "heading" }, this.dsHeading && (index.h("div", { key: 'defc5e022ca33e908398d082cad0fe03e02cf018', class: `${textClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), index.h("slot", { key: '195f482626decf81e679d0fd35c595dccf6d501b', name: "description" }, this.dsDescription && (index.h("div", { key: 'be1a3fdb821b62078d057c3f4c7f0fcd09e8facd', class: `${textClass}__description ds-text-regular-md`, style: { '--ds-notification-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), index.h("slot", { key: 'f3ec0b87eb5fa07fa06abb08502abee48bda182f' })), this.dsDismissable && (index.h(this.DsButton, { key: 'af7f0d6580693efc7a34a9e2592adbdec0c9f4d5', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsAriaLabelledby: [`${this.dsId}-dismiss-button`, ariaLabelledby].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, index.h(this.DsVisuallyHidden, { key: '37979bae9dbbf7aaebd834c9cb1dda9dfeadc2e4', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close))))));
+        return (index.h("div", { key: '1b127bfbf8682ddc132597ab9d076fd9bb2e178b', class: classes, id: this.dsId, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restAttributes }, index.h("div", { key: '9c065c209815d5d169dcda3a8304c2b4ec3554e4', class: contentClass }, index.h("div", { key: 'dd8ebcae11527e8f19ec9dedaa11ffdef794ee70', class: `${baseClass}__icon ds-p-3xs` }, index.h(this.DsIcon, { key: '791bedfc190ef9b8b6e9447ad6b1c24c080c2020', dsName: this.icon })), index.h("div", { key: '69fb517e3f2e9f836448f856a3814b5ddcfd343e', class: textClass }, index.h("slot", { key: '6d0fea417b1ba529ae2b0d6455b0773dcdb1c282', name: "heading" }, this.dsHeading && (index.h("div", { key: '8216f324647ba19a55bf52c121da33f95ac6033f', class: `${textClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), index.h("slot", { key: '8e78e68b96b5262e03b663f3d290be56b84db1cc', name: "description" }, this.dsDescription && (index.h("div", { key: 'b6d058bfb696b3cd1bd38facecc9cc71cc9d6493', class: `${textClass}__description ds-text-regular-md`, style: { '--ds-notification-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), index.h("slot", { key: 'e5b44ec27865c3d1b8fdc7a74e98d36cbddc90a6' })), this.dsDismissable && (index.h(this.DsButton, { key: 'd45b6cc4ed0e6a327d0585b8fbaa503904fe7c7d', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsAriaLabelledby: [`${this.dsId}-dismiss-button`, ariaLabelledby].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, index.h(this.DsVisuallyHidden, { key: '55b54131e78fffb47e01e97c8b7ca7918a3cfdf9', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close))))));
     }
     static get watchers() { return {
         "aria-label": [{