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

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

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var linkUtils = require('./linkUtils-BfiUAg0m.js');
-var utils = require('./utils-DMgbvnde.js');
-var linkFactory = require('./linkFactory-CRZvSDiH.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
-require('./store-ChbNbns4.js');
+var linkUtils = require('./linkUtils-BJtw3aEO.js');
+var utils = require('./utils-DK6WJuOa.js');
+var linkFactory = require('./linkFactory-BdpjItSe.js');
+var cx = require('./cx-DCRjmmvn.js');
+var componentFactory = require('./componentFactory-CW_ZzUst.js');
+require('./store-D6NNYv-w.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__bQiYWO{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__bQiYWO[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__bQiYWO__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__bQiYWO--no-text .ds-link-cta__bQiYWO__text{padding:0}.ds-link-cta__bQiYWO:has(.ds-link-cta__bQiYWO__spinner):not(.ds-link-cta__bQiYWO--small) .ds-link-cta__bQiYWO__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__bQiYWO--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__bQiYWO:has(.ds-link-cta__bQiYWO__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__bQiYWO:has(.ds-link-cta__bQiYWO__text:empty) .ds-link-cta__bQiYWO__icon{margin:0}.ds-link-cta__bQiYWO:not(.ds-link-cta__bQiYWO--small):not(.ds-link-cta__bQiYWO--secondary):not(.ds-link-cta__bQiYWO--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__bQiYWO:not(.ds-link-cta__bQiYWO--small).ds-link-cta__bQiYWO--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__bQiYWO:not(.ds-link-cta__bQiYWO--small).ds-link-cta__bQiYWO--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__bQiYWO:not(.ds-link-cta__bQiYWO--small).ds-link-cta__bQiYWO--icon-only{padding-left:0;padding-right:0}.ds-link-cta__bQiYWO--small:not(.ds-link-cta__bQiYWO--secondary):not(.ds-link-cta__bQiYWO--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__bQiYWO--small.ds-link-cta__bQiYWO--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__bQiYWO--small.ds-link-cta__bQiYWO--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__bQiYWO--small.ds-link-cta__bQiYWO--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__bQiYWO--small .ds-link-cta__bQiYWO__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__bQiYWO__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__bQiYWO__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__bQiYWO--no-text .ds-link-cta__bQiYWO__icon--start,.ds-link-cta__bQiYWO--no-text .ds-link-cta__bQiYWO__icon--end{margin:0}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--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__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--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__b8qnxH{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__b8qnxH[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__b8qnxH__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__b8qnxH--no-text .ds-link-cta__b8qnxH__text{padding:0}.ds-link-cta__b8qnxH:has(.ds-link-cta__b8qnxH__spinner):not(.ds-link-cta__b8qnxH--small) .ds-link-cta__b8qnxH__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__b8qnxH--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__b8qnxH:has(.ds-link-cta__b8qnxH__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__b8qnxH:has(.ds-link-cta__b8qnxH__text:empty) .ds-link-cta__b8qnxH__icon{margin:0}.ds-link-cta__b8qnxH:not(.ds-link-cta__b8qnxH--small):not(.ds-link-cta__b8qnxH--secondary):not(.ds-link-cta__b8qnxH--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__b8qnxH:not(.ds-link-cta__b8qnxH--small).ds-link-cta__b8qnxH--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__b8qnxH:not(.ds-link-cta__b8qnxH--small).ds-link-cta__b8qnxH--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__b8qnxH:not(.ds-link-cta__b8qnxH--small).ds-link-cta__b8qnxH--icon-only{padding-left:0;padding-right:0}.ds-link-cta__b8qnxH--small:not(.ds-link-cta__b8qnxH--secondary):not(.ds-link-cta__b8qnxH--supplementary){font-weight:var(--ds-fontWeight-semibold);border-width:0;border-style:none;font-size:var(--ds-fontSize-16);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__b8qnxH--small.ds-link-cta__b8qnxH--secondary{font-weight:var(--ds-fontWeight-semibold);border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);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__b8qnxH--small.ds-link-cta__b8qnxH--supplementary{font-weight:var(--ds-fontWeight-semibold);border-width:0;border-style:none;font-size:var(--ds-fontSize-16);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__b8qnxH--small.ds-link-cta__b8qnxH--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__b8qnxH--small .ds-link-cta__b8qnxH__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__b8qnxH__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__b8qnxH__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__b8qnxH--no-text .ds-link-cta__b8qnxH__icon--start,.ds-link-cta__b8qnxH--no-text .ds-link-cta__b8qnxH__icon--end{margin:0}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--primary.ds-link-cta__b8qnxH--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--secondary.ds-link-cta__b8qnxH--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--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__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__b8qnxH.ds-link-cta__b8qnxH--supplementary.ds-link-cta__b8qnxH--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) {

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

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var utils = require('./utils-DMgbvnde.js');
-var linkFactory = require('./linkFactory-CRZvSDiH.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var linkUtils = require('./linkUtils-BfiUAg0m.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
-require('./store-ChbNbns4.js');
+var utils = require('./utils-DK6WJuOa.js');
+var linkFactory = require('./linkFactory-BdpjItSe.js');
+var cx = require('./cx-DCRjmmvn.js');
+var linkUtils = require('./linkUtils-BJtw3aEO.js');
+var componentFactory = require('./componentFactory-CW_ZzUst.js');
+require('./store-D6NNYv-w.js');
 
-const dsLinkLogoCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__bQiYWO{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link-logo__bQiYWO: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__bQiYWO{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__bQiYWO:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__bQiYWO{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__b8qnxH{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link-logo__b8qnxH: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__b8qnxH{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__b8qnxH:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__b8qnxH{font-size:var(--ds-fontSize-16, 1rem)}}`;
 
 const visuallyHiddenAssistiveTextIdGenerator = utils.idGenerator('visually-hidden-assistive-text');
 const DsLinkLogo = class extends index.Mixin(componentFactory.componentFactory('ds-link-logo'), linkFactory.linkFactory) {
@@ -89,7 +89,7 @@ const DsLinkLogo = class extends index.Mixin(componentFactory.componentFactory('
 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__bQiYWO{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-tag__bQiYWO: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__bQiYWO: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__bQiYWO{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__bQiYWO.ds-tag__bQiYWO--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__bQiYWO.ds-tag__bQiYWO--default:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--default:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__bQiYWO.ds-tag__bQiYWO--black:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--black:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__bQiYWO.ds-tag__bQiYWO--white:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--white:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__bQiYWO.ds-tag__bQiYWO--info:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--info:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__bQiYWO.ds-tag__bQiYWO--danger:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--danger:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__bQiYWO.ds-tag__bQiYWO--attention:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--attention:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__bQiYWO.ds-tag__bQiYWO--success:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--success:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__bQiYWO__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__bQiYWO__link{display:contents}.ds-tag__bQiYWO__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__b8qnxH{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-tag__b8qnxH: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__b8qnxH: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__b8qnxH{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__b8qnxH.ds-tag__b8qnxH--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__b8qnxH.ds-tag__b8qnxH--default:has(.ds-tag__b8qnxH__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__b8qnxH.ds-tag__b8qnxH--default:has(.ds-tag__b8qnxH__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__b8qnxH.ds-tag__b8qnxH--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__b8qnxH.ds-tag__b8qnxH--black:has(.ds-tag__b8qnxH__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__b8qnxH.ds-tag__b8qnxH--black:has(.ds-tag__b8qnxH__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__b8qnxH.ds-tag__b8qnxH--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__b8qnxH.ds-tag__b8qnxH--white:has(.ds-tag__b8qnxH__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__b8qnxH.ds-tag__b8qnxH--white:has(.ds-tag__b8qnxH__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__b8qnxH.ds-tag__b8qnxH--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__b8qnxH.ds-tag__b8qnxH--info:has(.ds-tag__b8qnxH__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__b8qnxH.ds-tag__b8qnxH--info:has(.ds-tag__b8qnxH__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__b8qnxH.ds-tag__b8qnxH--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__b8qnxH.ds-tag__b8qnxH--danger:has(.ds-tag__b8qnxH__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__b8qnxH.ds-tag__b8qnxH--danger:has(.ds-tag__b8qnxH__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__b8qnxH.ds-tag__b8qnxH--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__b8qnxH.ds-tag__b8qnxH--attention:has(.ds-tag__b8qnxH__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__b8qnxH.ds-tag__b8qnxH--attention:has(.ds-tag__b8qnxH__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__b8qnxH.ds-tag__b8qnxH--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__b8qnxH.ds-tag__b8qnxH--success:has(.ds-tag__b8qnxH__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__b8qnxH.ds-tag__b8qnxH--success:has(.ds-tag__b8qnxH__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__b8qnxH__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__b8qnxH__link{display:contents}.ds-tag__b8qnxH__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) {

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

@@ -1,18 +1,18 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var linkUtils = require('./linkUtils-BfiUAg0m.js');
-var utils = require('./utils-DMgbvnde.js');
-var linkFactory = require('./linkFactory-CRZvSDiH.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-DzwFC3gz.js');
-var cx = require('./cx-Cz3_rrTb.js');
+var linkUtils = require('./linkUtils-BJtw3aEO.js');
+var utils = require('./utils-DK6WJuOa.js');
+var linkFactory = require('./linkFactory-BdpjItSe.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-XjFXfsQ6.js');
+var cx = require('./cx-DCRjmmvn.js');
 var utils$1 = require('./utils-CRkX9b81.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
-require('./store-ChbNbns4.js');
+var componentFactory = require('./componentFactory-CW_ZzUst.js');
+require('./store-D6NNYv-w.js');
 
-const dsLinkWithArrowCss = () => `:host{display:inline-block}:host:has(.ds-link-with-arrow__bQiYWO--full-width){width:100%}.ds-link-with-arrow__bQiYWO: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__bQiYWO{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__bQiYWO{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__bQiYWO--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__bQiYWO__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__bQiYWO__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__bQiYWO__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__bQiYWO__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__bQiYWO__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__bQiYWO__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__bQiYWO:hover,.ds-link-with-arrow__bQiYWO: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__bQiYWO:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__bQiYWO:active,.ds-link-with-arrow__bQiYWO:focus-visible{color:var(--ds-textColor-link-active)}`;
+const dsLinkWithArrowCss = () => `:host{display:inline-block}:host:has(.ds-link-with-arrow__b8qnxH--full-width){width:100%}.ds-link-with-arrow__b8qnxH: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__b8qnxH{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__b8qnxH{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__b8qnxH--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__b8qnxH__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__b8qnxH__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__b8qnxH__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__b8qnxH__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__b8qnxH__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__b8qnxH__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__b8qnxH:hover,.ds-link-with-arrow__b8qnxH: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__b8qnxH:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__b8qnxH:active,.ds-link-with-arrow__b8qnxH: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) {

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

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var linkUtils = require('./linkUtils-BfiUAg0m.js');
-var utils = require('./utils-DMgbvnde.js');
-var linkFactory = require('./linkFactory-CRZvSDiH.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-DzwFC3gz.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
-require('./store-ChbNbns4.js');
+var linkUtils = require('./linkUtils-BJtw3aEO.js');
+var utils = require('./utils-DK6WJuOa.js');
+var linkFactory = require('./linkFactory-BdpjItSe.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-XjFXfsQ6.js');
+var cx = require('./cx-DCRjmmvn.js');
+var componentFactory = require('./componentFactory-CW_ZzUst.js');
+require('./store-D6NNYv-w.js');
 
-const dsLinkCss = () => `:host{display:inline}:host:has(.ds-link__bQiYWO--standalone){display:inline-block}.ds-link__bQiYWO: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__bQiYWO{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__bQiYWO--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__bQiYWO--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__bQiYWO--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__bQiYWO--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__bQiYWO--large{font-size:var(--ds-fontSize-18)}.ds-link__bQiYWO--medium{font-size:var(--ds-fontSize-16)}.ds-link__bQiYWO--small{font-size:var(--ds-fontSize-14)}.ds-link__bQiYWO--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__bQiYWO__icon{display:inline-block;vertical-align:-0.125em}.ds-link__bQiYWO__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__bQiYWO__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__bQiYWO__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__bQiYWO__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__bQiYWO:hover,.ds-link__bQiYWO:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__bQiYWO:hover{color:var(--ds-textColor-link-hover)}.ds-link__bQiYWO:active{color:var(--ds-textColor-link-active)}.ds-link__bQiYWO:visited{color:var(--ds-textColor-link-visited)}.ds-link__bQiYWO--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__bQiYWO--standalone:hover,.ds-link__bQiYWO--standalone:active{text-decoration-line:underline}.ds-link__bQiYWO--standalone:focus-visible,.ds-link__bQiYWO--standalone:visited{color:var(--ds-textColor-link)}.ds-link__bQiYWO--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__bQiYWO--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__bQiYWO--colour-white{color:var(--ds-textColor-white)}.ds-link__bQiYWO--colour-white:hover,.ds-link__bQiYWO--colour-white:active,.ds-link__bQiYWO--colour-white:visited,.ds-link__bQiYWO--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__bQiYWO--colour-black{color:var(--ds-textColor-default)}.ds-link__bQiYWO--colour-black:hover,.ds-link__bQiYWO--colour-black:active,.ds-link__bQiYWO--colour-black:visited,.ds-link__bQiYWO--colour-black:focus-visible{color:var(--ds-textColor-default)}`;
+const dsLinkCss = () => `:host{display:inline}:host:has(.ds-link__b8qnxH--standalone){display:inline-block}.ds-link__b8qnxH: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__b8qnxH{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__b8qnxH--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__b8qnxH--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__b8qnxH--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__b8qnxH--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__b8qnxH--large{font-size:var(--ds-fontSize-18)}.ds-link__b8qnxH--medium{font-size:var(--ds-fontSize-16)}.ds-link__b8qnxH--small{font-size:var(--ds-fontSize-14)}.ds-link__b8qnxH--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__b8qnxH__icon{display:inline-block;vertical-align:-0.125em}.ds-link__b8qnxH__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__b8qnxH__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__b8qnxH__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__b8qnxH__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__b8qnxH:hover,.ds-link__b8qnxH:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__b8qnxH:hover{color:var(--ds-textColor-link-hover)}.ds-link__b8qnxH:active{color:var(--ds-textColor-link-active)}.ds-link__b8qnxH:visited{color:var(--ds-textColor-link-visited)}.ds-link__b8qnxH--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__b8qnxH--standalone:hover,.ds-link__b8qnxH--standalone:active{text-decoration-line:underline}.ds-link__b8qnxH--standalone:focus-visible,.ds-link__b8qnxH--standalone:visited{color:var(--ds-textColor-link)}.ds-link__b8qnxH--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__b8qnxH--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__b8qnxH--colour-white{color:var(--ds-textColor-white)}.ds-link__b8qnxH--colour-white:hover,.ds-link__b8qnxH--colour-white:active,.ds-link__b8qnxH--colour-white:visited,.ds-link__b8qnxH--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__b8qnxH--colour-black{color:var(--ds-textColor-default)}.ds-link__b8qnxH--colour-black:hover,.ds-link__b8qnxH--colour-black:active,.ds-link__b8qnxH--colour-black:visited,.ds-link__b8qnxH--colour-black:focus-visible{color:var(--ds-textColor-default)}`;
 
 const visuallyHiddenAssistiveTextIdGenerator = utils.idGenerator('visually-hidden-assistive-text');
 const linkIconSizeMap = {

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var utils = require('./utils-DMgbvnde.js');
+var cx = require('./cx-DCRjmmvn.js');
+var utils = require('./utils-DK6WJuOa.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var store = require('./store-ChbNbns4.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
+var store = require('./store-D6NNYv-w.js');
+var componentFactory = require('./componentFactory-CW_ZzUst.js');
 
-const dsMediaCss = () => `.ds-media__bQiYWO{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__bQiYWO .ds-media__image,.ds-media__bQiYWO .ds-media__video,.ds-media__bQiYWO .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__bQiYWO .ds-media__image--fluid,.ds-media__bQiYWO .ds-media__video--fluid,.ds-media__bQiYWO .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__bQiYWO__youtube{border:none;object-fit:initial}.ds-media__bQiYWO--loading .ds-media__image,.ds-media__bQiYWO--loading .ds-media__video{opacity:0}.ds-media__bQiYWO--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__bQiYWO--error .ds-media__image,.ds-media__bQiYWO--error .ds-media__video{display:none}.ds-media__bQiYWO--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__bQiYWO--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__bQiYWO--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__bQiYWO--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__bQiYWO--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__bQiYWO--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__bQiYWO--fluid{width:100%;height:100%}.ds-media__bQiYWO--fluid .ds-media__bQiYWO__image,.ds-media__bQiYWO--fluid .ds-media__bQiYWO__video,.ds-media__bQiYWO--fluid .ds-media__bQiYWO__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__bQiYWO{border-radius:2px}.ds-media__bQiYWO__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__bQiYWO__loading-text{font-size:12px}.ds-media__bQiYWO__error-icon{width:40px;height:40px}.ds-media__bQiYWO__error-text{font-size:12px}}`;
+const dsMediaCss = () => `.ds-media__b8qnxH{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__b8qnxH .ds-media__image,.ds-media__b8qnxH .ds-media__video,.ds-media__b8qnxH .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__b8qnxH .ds-media__image--fluid,.ds-media__b8qnxH .ds-media__video--fluid,.ds-media__b8qnxH .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__b8qnxH__youtube{border:none;object-fit:initial}.ds-media__b8qnxH--loading .ds-media__image,.ds-media__b8qnxH--loading .ds-media__video{opacity:0}.ds-media__b8qnxH--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__b8qnxH--error .ds-media__image,.ds-media__b8qnxH--error .ds-media__video{display:none}.ds-media__b8qnxH--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__b8qnxH--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__b8qnxH--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__b8qnxH--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__b8qnxH--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__b8qnxH--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__b8qnxH--fluid{width:100%;height:100%}.ds-media__b8qnxH--fluid .ds-media__b8qnxH__image,.ds-media__b8qnxH--fluid .ds-media__b8qnxH__video,.ds-media__b8qnxH--fluid .ds-media__b8qnxH__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__b8qnxH{border-radius:2px}.ds-media__b8qnxH__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__b8qnxH__loading-text{font-size:12px}.ds-media__b8qnxH__error-icon{width:40px;height:40px}.ds-media__b8qnxH__error-text{font-size:12px}}`;
 
 const DsMedia = class extends index.Mixin(componentFactory.componentFactory('ds-media')) {
     constructor(hostRef) {

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var utils$1 = require('./utils-DMgbvnde.js');
-var store = require('./store-ChbNbns4.js');
+var cx = require('./cx-DCRjmmvn.js');
+var utils$1 = require('./utils-DK6WJuOa.js');
+var store = require('./store-D6NNYv-w.js');
 var constants = require('./constants-DQ8n-aJY.js');
 var utils = require('./utils-CRkX9b81.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
+var componentFactory = require('./componentFactory-CW_ZzUst.js');
 
-const dsModalCss = () => `.ds-modal__bQiYWO{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__bQiYWO--open{overflow-y:auto}.ds-modal__bQiYWO__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__bQiYWO__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__bQiYWO__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__bQiYWO__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__bQiYWO__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__bQiYWO__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__bQiYWO__container--full{width:100%}@media (min-width: 30rem){.ds-modal__bQiYWO__container--small{width:480px}.ds-modal__bQiYWO__container--medium{width:640px}.ds-modal__bQiYWO__container--large{width:800px}}.ds-modal__bQiYWO__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__bQiYWO__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__bQiYWO__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__bQiYWO--open .ds-modal__bQiYWO__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__bQiYWO--in .ds-modal__bQiYWO__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__bQiYWO__container,.ds-modal__bQiYWO--in .ds-modal__bQiYWO__container{transition:none}}.ds-modal__bQiYWO__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__bQiYWO__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__bQiYWO__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__bQiYWO__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__bQiYWO__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__bQiYWO__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__bQiYWO__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__bQiYWO__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__bQiYWO__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__bQiYWO__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__bQiYWO__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__bQiYWO__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__bQiYWO__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__bQiYWO__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__bQiYWO__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__bQiYWO__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__bQiYWO__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__bQiYWO__content--scrollable__top-scrim,.ds-modal__bQiYWO__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__bQiYWO__content--scrollable__top-scrim--open,.ds-modal__bQiYWO__content--scrollable__bottom-scrim--open{display:block}.ds-modal__bQiYWO__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__bQiYWO__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__bQiYWO__content--scrollable:focus-visible .ds-modal__bQiYWO__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__bQiYWO__content--scrollable:focus-visible .ds-modal__bQiYWO__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__bQiYWO__footer{position:relative}.ds-modal__bQiYWO__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__bQiYWO__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__bQiYWO__footer:not(:empty)+.ds-modal__bQiYWO__content{border-block-end:0}.ds-modal__bQiYWO__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__b8qnxH{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__b8qnxH--open{overflow-y:auto}.ds-modal__b8qnxH__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__b8qnxH__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__b8qnxH__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__b8qnxH__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__b8qnxH__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__b8qnxH__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__b8qnxH__container--full{width:100%}@media (min-width: 30rem){.ds-modal__b8qnxH__container--small{width:480px}.ds-modal__b8qnxH__container--medium{width:640px}.ds-modal__b8qnxH__container--large{width:800px}}.ds-modal__b8qnxH__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__b8qnxH__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__b8qnxH__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__b8qnxH--open .ds-modal__b8qnxH__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__b8qnxH--in .ds-modal__b8qnxH__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__b8qnxH__container,.ds-modal__b8qnxH--in .ds-modal__b8qnxH__container{transition:none}}.ds-modal__b8qnxH__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__b8qnxH__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__b8qnxH__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__b8qnxH__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__b8qnxH__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__b8qnxH__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__b8qnxH__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__b8qnxH__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__b8qnxH__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__b8qnxH__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__b8qnxH__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__b8qnxH__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__b8qnxH__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__b8qnxH__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__b8qnxH__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__b8qnxH__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__b8qnxH__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__b8qnxH__content--scrollable__top-scrim,.ds-modal__b8qnxH__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__b8qnxH__content--scrollable__top-scrim--open,.ds-modal__b8qnxH__content--scrollable__bottom-scrim--open{display:block}.ds-modal__b8qnxH__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__b8qnxH__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__b8qnxH__content--scrollable:focus-visible .ds-modal__b8qnxH__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__b8qnxH__content--scrollable:focus-visible .ds-modal__b8qnxH__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__b8qnxH__footer{position:relative}.ds-modal__b8qnxH__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__b8qnxH__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__b8qnxH__footer:not(:empty)+.ds-modal__b8qnxH__content{border-block-end:0}.ds-modal__b8qnxH__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', { stopRootTracking: true })) {
     constructor(hostRef) {

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var utils = require('./utils-DMgbvnde.js');
+var cx = require('./cx-DCRjmmvn.js');
+var utils = require('./utils-DK6WJuOa.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var store = require('./store-ChbNbns4.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-DzwFC3gz.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
+var store = require('./store-D6NNYv-w.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-XjFXfsQ6.js');
+var componentFactory = require('./componentFactory-CW_ZzUst.js');
 
-const dsNotificationCss = () => `.sc-ds-notification-h{display:block;width:100%}.ds-notification__bQiYWO.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__bQiYWO.ds-notification__bQiYWO--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__bQiYWO.ds-notification__bQiYWO--neutral.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__bQiYWO.ds-notification__bQiYWO--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__bQiYWO.ds-notification__bQiYWO--neutralWhite.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__bQiYWO.ds-notification__bQiYWO--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__bQiYWO.ds-notification__bQiYWO--info.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__bQiYWO.ds-notification__bQiYWO--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__bQiYWO.ds-notification__bQiYWO--success.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__bQiYWO.ds-notification__bQiYWO--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__bQiYWO.ds-notification__bQiYWO--attention.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__bQiYWO.ds-notification__bQiYWO--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__bQiYWO.ds-notification__bQiYWO--danger.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__bQiYWO__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__bQiYWO__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__bQiYWO__content__text__heading.sc-ds-notification,.ds-notification__bQiYWO__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__bQiYWO__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__b8qnxH.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__b8qnxH.ds-notification__b8qnxH--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__b8qnxH.ds-notification__b8qnxH--neutral.sc-ds-notification .ds-notification__b8qnxH__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__b8qnxH.ds-notification__b8qnxH--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__b8qnxH.ds-notification__b8qnxH--neutralWhite.sc-ds-notification .ds-notification__b8qnxH__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__b8qnxH.ds-notification__b8qnxH--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__b8qnxH.ds-notification__b8qnxH--info.sc-ds-notification .ds-notification__b8qnxH__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__b8qnxH.ds-notification__b8qnxH--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__b8qnxH.ds-notification__b8qnxH--success.sc-ds-notification .ds-notification__b8qnxH__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__b8qnxH.ds-notification__b8qnxH--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__b8qnxH.ds-notification__b8qnxH--attention.sc-ds-notification .ds-notification__b8qnxH__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__b8qnxH.ds-notification__b8qnxH--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__b8qnxH.ds-notification__b8qnxH--danger.sc-ds-notification .ds-notification__b8qnxH__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__b8qnxH__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__b8qnxH__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__b8qnxH__content__text__heading.sc-ds-notification,.ds-notification__b8qnxH__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__b8qnxH__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'];

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-DMgbvnde.js');
-var cx = require('./cx-Cz3_rrTb.js');
+var utils = require('./utils-DK6WJuOa.js');
+var cx = require('./cx-DCRjmmvn.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
-require('./store-ChbNbns4.js');
+var componentFactory = require('./componentFactory-CW_ZzUst.js');
+require('./store-D6NNYv-w.js');
 
-const dsOptionCss = () => `.ds-option__bQiYWO.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__bQiYWO.sc-ds-option:not(.ds-option__bQiYWO--multiple){justify-content:space-between}.ds-option__bQiYWO--hidden.sc-ds-option{display:none}.ds-option__bQiYWO--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__bQiYWO.sc-ds-option:hover:not(.ds-option__bQiYWO--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__bQiYWO.sc-ds-option:active:not(.ds-option__bQiYWO--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__bQiYWO--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__bQiYWO--active.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__bQiYWO--multiple.ds-option__bQiYWO--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__bQiYWO--multiple.sc-ds-option .ds-option__bQiYWO__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__bQiYWO--multiple.ds-option__bQiYWO--disabled.sc-ds-option .ds-option__bQiYWO__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__bQiYWO--multiple.ds-option__bQiYWO--disabled.sc-ds-option:not(.ds-option__bQiYWO--selected) .ds-option__bQiYWO__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__bQiYWO--selected.sc-ds-option .ds-option__bQiYWO__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple).ds-option__bQiYWO--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple) .ds-option__bQiYWO__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple) .ds-option__bQiYWO__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple).ds-option__bQiYWO--disabled .ds-option__bQiYWO__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple):hover:not(.ds-option__bQiYWO--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple):active:not(.ds-option__bQiYWO--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__bQiYWO__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__bQiYWO__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__bQiYWO__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__bQiYWO__description.sc-ds-option:not(:empty){display:block}`;
+const dsOptionCss = () => `.ds-option__b8qnxH.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__b8qnxH.sc-ds-option:not(.ds-option__b8qnxH--multiple){justify-content:space-between}.ds-option__b8qnxH--hidden.sc-ds-option{display:none}.ds-option__b8qnxH--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__b8qnxH.sc-ds-option:hover:not(.ds-option__b8qnxH--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__b8qnxH.sc-ds-option:active:not(.ds-option__b8qnxH--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__b8qnxH--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__b8qnxH--active.ds-option__b8qnxH--selected.sc-ds-option:not(.ds-option__b8qnxH--multiple){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__b8qnxH--multiple.ds-option__b8qnxH--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__b8qnxH--multiple.sc-ds-option .ds-option__b8qnxH__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__b8qnxH--multiple.ds-option__b8qnxH--disabled.sc-ds-option .ds-option__b8qnxH__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__b8qnxH--multiple.ds-option__b8qnxH--disabled.sc-ds-option:not(.ds-option__b8qnxH--selected) .ds-option__b8qnxH__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__b8qnxH--selected.sc-ds-option .ds-option__b8qnxH__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__b8qnxH--selected.sc-ds-option:not(.ds-option__b8qnxH--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__b8qnxH--selected.sc-ds-option:not(.ds-option__b8qnxH--multiple).ds-option__b8qnxH--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__b8qnxH--selected.sc-ds-option:not(.ds-option__b8qnxH--multiple) .ds-option__b8qnxH__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__b8qnxH--selected.sc-ds-option:not(.ds-option__b8qnxH--multiple) .ds-option__b8qnxH__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__b8qnxH--selected.sc-ds-option:not(.ds-option__b8qnxH--multiple).ds-option__b8qnxH--disabled .ds-option__b8qnxH__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__b8qnxH--selected.sc-ds-option:not(.ds-option__b8qnxH--multiple):hover:not(.ds-option__b8qnxH--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__b8qnxH--selected.sc-ds-option:not(.ds-option__b8qnxH--multiple):active:not(.ds-option__b8qnxH--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__b8qnxH__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__b8qnxH__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__b8qnxH__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__b8qnxH__description.sc-ds-option:not(:empty){display:block}`;
 
 const DsOption = class extends index.Mixin(componentFactory.componentFactory('ds-option')) {
     constructor(hostRef) {
@@ -129,7 +129,7 @@ const DsOption = class extends index.Mixin(componentFactory.componentFactory('ds
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);
 DsOption.style = dsOptionCss();
 
-const dsOptionGroupCss = () => `.ds-option-group__bQiYWO.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__bQiYWO--hidden.sc-ds-option-group{display:none}.ds-option-group__bQiYWO.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__bQiYWO__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__bQiYWO__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}`;
+const dsOptionGroupCss = () => `.ds-option-group__b8qnxH.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__b8qnxH--hidden.sc-ds-option-group{display:none}.ds-option-group__b8qnxH.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__b8qnxH__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__b8qnxH__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}`;
 
 const DsOptionGroup = class extends index.Mixin(componentFactory.componentFactory('ds-option-group')) {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
-var store = require('./store-ChbNbns4.js');
-var controlUtils = require('./controlUtils-CoQTII1L.js');
-var utils = require('./utils-DMgbvnde.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
+var index = require('./index-DjIB2kPw.js');
+var store = require('./store-D6NNYv-w.js');
+var controlUtils = require('./controlUtils-Do3eN4YZ.js');
+var utils = require('./utils-DK6WJuOa.js');
+var cx = require('./cx-DCRjmmvn.js');
+var componentFactory = require('./componentFactory-CW_ZzUst.js');
 
-const dsOptionsMessageCss = () => `.ds-options-message__bQiYWO.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__bQiYWO__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__bQiYWO__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__bQiYWO__error__title.sc-ds-options-message,.ds-options-message__bQiYWO__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__bQiYWO__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__bQiYWO__error__text.sc-ds-options-message,.ds-options-message__bQiYWO__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}`;
+const dsOptionsMessageCss = () => `.ds-options-message__b8qnxH.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__b8qnxH__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__b8qnxH__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__b8qnxH__error__title.sc-ds-options-message,.ds-options-message__b8qnxH__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__b8qnxH__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__b8qnxH__error__text.sc-ds-options-message,.ds-options-message__b8qnxH__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}`;
 
 const defaultTextFns = {
     dsErrorTitle: controlUtils.weCouldNotLoadOptions,

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

@@ -1,18 +1,18 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-DMgbvnde.js');
-var cx = require('./cx-Cz3_rrTb.js');
+var utils = require('./utils-DK6WJuOa.js');
+var cx = require('./cx-DCRjmmvn.js');
 var attributes = require('./attributes-5eBKMo1N.js');
 var constants = require('./constants-DQ8n-aJY.js');
-var controlUtils = require('./controlUtils-CoQTII1L.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
-var multipleValueFactory = require('./multipleValueFactory-roIlyl4_.js');
+var controlUtils = require('./controlUtils-Do3eN4YZ.js');
+var componentFactory = require('./componentFactory-CW_ZzUst.js');
+var multipleValueFactory = require('./multipleValueFactory-KwTx8Vv4.js');
 var disableEventsFactory = require('./disableEventsFactory-B1wvz4el.js');
-require('./store-ChbNbns4.js');
+require('./store-D6NNYv-w.js');
 
-const dsOptionsCss = () => `.ds-options__bQiYWO__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__bQiYWO.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__bQiYWO.sc-ds-options:focus{outline:none}.ds-options__bQiYWO__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__bQiYWO__top-scrim.sc-ds-options,.ds-options__bQiYWO__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__bQiYWO__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__bQiYWO__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__bQiYWO.has-top-scrim.sc-ds-options .ds-options__bQiYWO__top-scrim.sc-ds-options{display:block}.ds-options__bQiYWO.has-bottom-scrim.sc-ds-options .ds-options__bQiYWO__bottom-scrim.sc-ds-options{display:block}.ds-options__bQiYWO.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__bQiYWO.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
+const dsOptionsCss = () => `.ds-options__b8qnxH__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__b8qnxH.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__b8qnxH.sc-ds-options:focus{outline:none}.ds-options__b8qnxH__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__b8qnxH__top-scrim.sc-ds-options,.ds-options__b8qnxH__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__b8qnxH__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__b8qnxH__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__b8qnxH.has-top-scrim.sc-ds-options .ds-options__b8qnxH__top-scrim.sc-ds-options{display:block}.ds-options__b8qnxH.has-bottom-scrim.sc-ds-options .ds-options__b8qnxH__bottom-scrim.sc-ds-options{display:block}.ds-options__b8qnxH.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__b8qnxH.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
 
 const DsOptions = class extends index.Mixin(componentFactory.componentFactory('ds-options')) {
     constructor(hostRef) {
@@ -157,7 +157,7 @@ const DsOptions = class extends index.Mixin(componentFactory.componentFactory('d
 };
 DsOptions.style = dsOptionsCss();
 
-const dsSelectCss = () => `.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__bQiYWO--full-width)).sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__bQiYWO-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__bQiYWO-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__bQiYWO-custom-wrapper.sc-ds-select{position:relative}.ds-select__bQiYWO-custom.sc-ds-select .ds-options__bQiYWO.sc-ds-select{display:block}.ds-select__bQiYWO-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__bQiYWO-custom-input-container.sc-ds-select:has(.ds-select__bQiYWO-custom__clear-button:hover) .ds-select__bQiYWO-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__bQiYWO-custom.sc-ds-select:not(.ds-select__bQiYWO-custom--open,.ds-select__bQiYWO-custom--invalid.sc-ds-select,.ds-select__bQiYWO-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__bQiYWO-custom.sc-ds-select:active:not(.ds-select__bQiYWO-custom--open,.ds-select__bQiYWO-custom--invalid.sc-ds-select,.ds-select__bQiYWO-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__bQiYWO-custom--open.sc-ds-select,.ds-select__bQiYWO-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__bQiYWO-custom--open.sc-ds-select:not(.ds-select__bQiYWO-custom--open--invalid,.ds-select__bQiYWO-custom.sc-ds-select:focus-visible--invalid),.ds-select__bQiYWO-custom.sc-ds-select:focus-visible:not(.ds-select__bQiYWO-custom--open--invalid,.ds-select__bQiYWO-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__bQiYWO-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__bQiYWO-custom--disabled.sc-ds-select .ds-select__bQiYWO-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__bQiYWO-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__bQiYWO-custom--invalid.sc-ds-select:not(.ds-select__bQiYWO-custom--invalid--open,.ds-select__bQiYWO-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__bQiYWO-custom--invalid.sc-ds-select:not(.ds-select__bQiYWO-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__bQiYWO-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__bQiYWO-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__bQiYWO-custom--has-icon.sc-ds-select .ds-select__bQiYWO-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__bQiYWO-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__bQiYWO-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__bQiYWO-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__bQiYWO-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__bQiYWO-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__bQiYWO-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__bQiYWO-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__bQiYWO-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__bQiYWO-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__bQiYWO-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__bQiYWO-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__bQiYWO-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__bQiYWO-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
+const dsSelectCss = () => `.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__b8qnxH--full-width)).sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__b8qnxH-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__b8qnxH-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__b8qnxH-custom-wrapper.sc-ds-select{position:relative}.ds-select__b8qnxH-custom.sc-ds-select .ds-options__b8qnxH.sc-ds-select{display:block}.ds-select__b8qnxH-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__b8qnxH-custom-input-container.sc-ds-select:has(.ds-select__b8qnxH-custom__clear-button:hover) .ds-select__b8qnxH-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__b8qnxH-custom.sc-ds-select:not(.ds-select__b8qnxH-custom--open,.ds-select__b8qnxH-custom--invalid.sc-ds-select,.ds-select__b8qnxH-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__b8qnxH-custom.sc-ds-select:active:not(.ds-select__b8qnxH-custom--open,.ds-select__b8qnxH-custom--invalid.sc-ds-select,.ds-select__b8qnxH-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__b8qnxH-custom--open.sc-ds-select,.ds-select__b8qnxH-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__b8qnxH-custom--open.sc-ds-select:not(.ds-select__b8qnxH-custom--open--invalid,.ds-select__b8qnxH-custom.sc-ds-select:focus-visible--invalid),.ds-select__b8qnxH-custom.sc-ds-select:focus-visible:not(.ds-select__b8qnxH-custom--open--invalid,.ds-select__b8qnxH-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__b8qnxH-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__b8qnxH-custom--disabled.sc-ds-select .ds-select__b8qnxH-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__b8qnxH-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__b8qnxH-custom--invalid.sc-ds-select:not(.ds-select__b8qnxH-custom--invalid--open,.ds-select__b8qnxH-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__b8qnxH-custom--invalid.sc-ds-select:not(.ds-select__b8qnxH-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__b8qnxH-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__b8qnxH-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__b8qnxH-custom--has-icon.sc-ds-select .ds-select__b8qnxH-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__b8qnxH-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__b8qnxH-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__b8qnxH-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__b8qnxH-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__b8qnxH-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__b8qnxH-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__b8qnxH-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__b8qnxH-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__b8qnxH-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__b8qnxH-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__b8qnxH-custom__clear-button.sc-ds-select:has(button:focus){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 * 2)}.ds-select__b8qnxH-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__b8qnxH-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__b8qnxH-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__b8qnxH-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__b8qnxH-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__b8qnxH-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__b8qnxH-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__b8qnxH-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__b8qnxH-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__b8qnxH-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__b8qnxH-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__b8qnxH-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
 
 const defaultTextFns = {
     dsPlaceholder: controlUtils.selectAnOption,
@@ -562,7 +562,7 @@ const DsSelect = class extends index.Mixin(componentFactory.componentFactory('ds
                     event.stopPropagation();
                     this.handleClearSelection();
                 }
-            }, dsAriaLabel: clearButtonAriaLabel, dsAriaDescribedby: selectedOptionId }))), index.h("div", { id: optionsContainerId, class: {
+            }, dsAriaLabel: clearButtonAriaLabel, dsAriaDescribedby: selectedOptionId, dsInInput: true, dsNoFocusRing: true }))), index.h("div", { id: optionsContainerId, class: {
                 [`${customSelectClass}__options-container`]: true,
                 [`${customSelectClass}__options-container--open`]: this.isOpen,
             }, onClick: e => {
@@ -578,7 +578,7 @@ const DsSelect = class extends index.Mixin(componentFactory.componentFactory('ds
     }
     render() {
         const baseClass = cx.cx('ds-select');
-        return (index.h(index.Host, { key: '049829fc522f3e1fbed4b078a3e7648e6dcef3c0', ...utils.ifDefined('name', this.isNative ? undefined : this.dsName) }, index.h("div", { key: '00bbb3a9f4c9ad16b0e81f87ed9253ae2dbf0ef1', tabIndex: this.isNative ? undefined : -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        return (index.h(index.Host, { key: '65c5f49df7f308aeec6e1fe553de5652c4004030', ...utils.ifDefined('name', this.isNative ? undefined : this.dsName) }, index.h("div", { key: 'b22af40d055e22d5e6712f76d04cecc6423877a9', tabIndex: this.isNative ? undefined : -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/ds-pagination-ellipsis.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var paginationFactory = require('./paginationFactory-DIJjVokv.js');
-require('./paginationContext-CEG8A2nR.js');
-require('./utils-DMgbvnde.js');
+var index = require('./index-DjIB2kPw.js');
+var cx = require('./cx-DCRjmmvn.js');
+var paginationFactory = require('./paginationFactory-CWvtEtx6.js');
+require('./paginationContext-ipc_3HhT.js');
+require('./utils-DK6WJuOa.js');
 
-const dsPaginationEllipsisCss = () => `.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__bQiYWO.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}`;
+const dsPaginationEllipsisCss = () => `.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__b8qnxH.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}`;
 
 const DsPaginationEllipsis = class extends index.Mixin(paginationFactory.paginationFactory) {
     constructor(hostRef) {

package/dist/cjs/ds-pagination-item.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var utils = require('./utils-DMgbvnde.js');
-var paginationFactory = require('./paginationFactory-DIJjVokv.js');
-require('./paginationContext-CEG8A2nR.js');
+var cx = require('./cx-DCRjmmvn.js');
+var utils = require('./utils-DK6WJuOa.js');
+var paginationFactory = require('./paginationFactory-CWvtEtx6.js');
+require('./paginationContext-ipc_3HhT.js');
 
-const dsPaginationItemCss = () => `.ds-pagination-item__bQiYWO.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__bQiYWO--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__bQiYWO--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__bQiYWO--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
+const dsPaginationItemCss = () => `.ds-pagination-item__b8qnxH.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__b8qnxH--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__b8qnxH--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__b8qnxH--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
 
 const DsPaginationItem = class extends index.Mixin(paginationFactory.paginationFactory) {
     constructor(hostRef) {

package/dist/cjs/ds-pagination-page.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DjIB2kPw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var utils = require('./utils-DMgbvnde.js');
-var paginationFactory = require('./paginationFactory-DIJjVokv.js');
-require('./paginationContext-CEG8A2nR.js');
+var cx = require('./cx-DCRjmmvn.js');
+var utils = require('./utils-DK6WJuOa.js');
+var paginationFactory = require('./paginationFactory-CWvtEtx6.js');
+require('./paginationContext-ipc_3HhT.js');
 
-const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__bQiYWO.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__bQiYWO--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}`;
+const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__b8qnxH.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__b8qnxH--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}`;
 
 const DsPaginationPage = class extends index.Mixin(paginationFactory.paginationFactory) {
     constructor(hostRef) {