@cds/core 5.5.4 → 5.5.8

package/input/input.element.scss.js

@@ -1,2 +1,2 @@
-import{css as r}from"lit";var a=r`:host{--background-size:0% 100%;--background-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--background:linear-gradient(180deg, var(--background-color) 95%, var(--border-color) 0) no-repeat;--border-color:var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--border:0;--border-bottom:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--border-color);--border-radius:0;--outline:none;--padding:0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--line-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--transition:background-size var(--cds-global-animation-duration-quick, 0.2s) ease;--text-align:inherit;display:block;width:100%}::slotted([slot=input]:not([multiple])){text-transform:var(--text-transform)!important;border:var(--border)!important;outline:var(--outline)!important;padding:var(--padding);font-size:var(--font-size)!important;color:var(--color)!important;line-height:var(--line-height)!important;height:var(--line-height)!important;border-radius:var(--border-radius)!important;width:100%!important;-webkit-appearance:none!important;background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0))!important;box-shadow:none!important;text-align:var(--text-align)!important}::slotted([slot=input]:not([multiple]))::placeholder{--color:$cds-global-typography-color-200!important}::slotted([slot=input]){margin:0!important}.input-container{transition:var(--transition);background:var(--background);background-size:var(--background-size);border-bottom:var(--border-bottom);border-radius:var(--border-radius)!important;position:relative}.prefix,.suffix{line-height:0;position:absolute;pointer-events:none}.prefix{left:0}.suffix{right:0}.rtl .prefix{left:initial;right:0}.rtl .suffix{right:initial;left:0}.rtl ::slotted([slot=input]){text-align:right}:host([_focused]){--background-size:100% 100%;--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_readonly]){--border-bottom:0;--background-size:0% 100%;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([status=error]),:host([status=error][_focused]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border-color:var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default a;
+import{css as o}from"lit";var a=o`:host{--background-size:0% 100%;--background-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--background:linear-gradient(180deg, var(--background-color) 95%, var(--border-color) 0) no-repeat;--border-color:var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--border:0;--border-bottom:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--border-color);--border-radius:0;--outline:var(--cds-alias-object-interaction-outline);--outline-offset:var(--cds-alias-object-interaction-outline-offset);--cds-alias-object-interaction-outline:none;--cds-alias-object-interaction-outline-offset:0;--padding:0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--line-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--transition:background-size var(--cds-global-animation-duration-quick, 0.2s) ease;--text-align:inherit;display:block;width:100%}::slotted([slot=input]:not([multiple]):not([size])){text-transform:var(--text-transform)!important;border:var(--border)!important;outline:var(--outline)!important;padding:var(--padding);font-size:var(--font-size)!important;color:var(--color)!important;line-height:var(--line-height)!important;height:var(--line-height)!important;border-radius:var(--border-radius)!important;width:100%!important;-webkit-appearance:none!important;background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0))!important;box-shadow:none!important;text-align:var(--text-align)!important}::slotted([slot=input]:not([multiple]):not([size]))::placeholder{--color:$cds-global-typography-color-200!important}::slotted([slot=input]){margin:0!important}.input-container{transition:var(--transition);background:var(--background);background-size:var(--background-size);border-bottom:var(--border-bottom);border-radius:var(--border-radius)!important;position:relative}.prefix,.suffix{line-height:0;position:absolute;pointer-events:none}.prefix{left:0}.suffix{right:0}.rtl .prefix{left:initial;right:0}.rtl .suffix{right:initial;left:0}.rtl ::slotted([slot=input]){text-align:right}:host([_focused]){--background-size:100% 100%;--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_readonly]){--border-bottom:0;--background-size:0% 100%;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([status=error]),:host([status=error][_focused]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border-color:var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default a;
 //# sourceMappingURL=input.element.scss.js.map

package/internal/base/base.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var a=t`@charset "UTF-8";:host,:root{--δ1:var(--cds-global-layout-space-xxs, calc((2 / var(--cds-global-base, 20)) * 1rem));--δ2:var(--cds-global-layout-space-xs, calc((4 / var(--cds-global-base, 20)) * 1rem));--δ3:var(--cds-global-layout-space-sm, calc((6 / var(--cds-global-base, 20)) * 1rem));--δ4:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem));--δ5:var(--cds-global-layout-space-lg, calc((24 / var(--cds-global-base, 20)) * 1rem));--δ6:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem))}[cds-layout~="wrap:none"]{flex-wrap:nowrap!important}[cds-layout*="align:stretch"]{flex-grow:1!important}[cds-layout*="align:shrink"]{flex-shrink:1!important;flex-grow:0!important}[cds-layout~=horizontal],[cds-layout~=vertical]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-start}[cds-layout~=horizontal]{flex-direction:row;flex-wrap:wrap;justify-items:flex-start;margin:0;min-height:0}[cds-layout~=horizontal]>[cds-layout~=horizontal],[cds-layout~=horizontal]>[cds-layout~=vertical],[cds-layout~=horizontal]>[cds-text]{width:initial!important}[cds-layout~=horizontal][cds-layout*="align:top"]{align-items:flex-start}[cds-layout~=horizontal][cds-layout*="align:left"]{justify-content:flex-start}[cds-layout~=horizontal][cds-layout*="align:right"]{justify-content:flex-end}[cds-layout~=horizontal][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=horizontal][cds-layout*="align:horizontal-center"]{justify-content:center}[cds-layout~=horizontal][cds-layout*="align:center"]{align-items:center;align-content:center;justify-content:center}[cds-layout~=horizontal][cds-layout*="order:reverse"]{flex-direction:row-reverse}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]{justify-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>*{flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:vertical-center"]{align-self:center}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:horizontal-center"]{margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:top"]{align-self:flex-start}[cds-layout~=horizontal]>[cds-layout*="align:right"]{margin-left:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:left"]{margin-right:auto!important}[cds-layout~=vertical]{flex-direction:column}[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:top"]{justify-content:flex-start}[cds-layout~=vertical][cds-layout*="align:left"]{align-items:flex-start}[cds-layout~=vertical][cds-layout*="align:right"]{align-items:flex-end}[cds-layout~=vertical][cds-layout*="align:vertical-center"]{justify-content:center}[cds-layout~=vertical][cds-layout*="align:horizontal-center"]{align-items:center}[cds-layout~=vertical][cds-layout*="align:center"]{align-items:center;justify-content:center}[cds-layout~=vertical][cds-layout*="order:reverse"]{flex-direction:column-reverse}[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"]{align-items:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]{align-items:stretch;justify-content:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:vertical-center"]{margin-top:auto;margin-bottom:auto}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:horizontal-center"]{align-self:center}[cds-layout~=vertical]>[cds-layout*="align:top"]{margin-bottom:auto!important}[cds-layout~=vertical]>[cds-layout*="align:right"]{margin-left:auto}[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}[cds-layout~=grid]{display:grid;align-items:start;align-content:start;grid-template-columns:repeat(var(--cds-global-layout-grid-cols,12),1fr);width:100%}[cds-layout~=grid][cds-layout*=rows]{grid-template-rows:repeat(12,auto)}[cds-layout~=grid]>[cds-layout*=row]{align-self:stretch}[cds-layout~=grid][cds-layout*="align:top"]{align-content:start}[cds-layout~=grid][cds-layout*="align:right"]{justify-content:end}[cds-layout~=grid][cds-layout*="align:left"]{justify-content:start}[cds-layout~=grid][cds-layout*="align:horizontal-stretch"]{justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=grid][cds-layout*="align:horizontal-center"]{justify-items:center;justify-content:center}[cds-layout~=grid][cds-layout*="align:center"]{align-items:center;align-content:center;justify-items:center;justify-content:center}[cds-layout~="display:screen-reader-only"]{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;top:0;left:0;display:block!important}[cds-layout*="gap:none"]{gap:0}[cds-layout*="gap:xs"]{gap:var(--δ2)}[cds-layout*="gap:sm"]{gap:var(--δ3)}[cds-layout*="gap:md"]{gap:var(--δ4)}[cds-layout*="gap:lg"]{gap:var(--δ5)}[cds-layout~="p:none"]{padding:0!important}[cds-layout~="p:xs"]{padding:var(--δ2)!important}[cds-layout~="p:sm"]{padding:var(--δ3)!important}[cds-layout~="p:md"]{padding:var(--δ4)!important}[cds-layout~="m:md"]{margin:var(--δ4)!important}[cds-layout~="p:lg"]{padding:var(--δ5)!important}[cds-layout~="p-y:xxs"]{padding-top:var(--δ1)!important;padding-bottom:var(--δ1)!important}[cds-layout~="p-y:xs"]{padding-top:var(--δ2)!important;padding-bottom:var(--δ2)!important}[cds-layout~="p-x:sm"]{padding-left:var(--δ3)!important;padding-right:var(--δ3)!important}[cds-layout~="p-y:sm"]{padding-top:var(--δ3)!important;padding-bottom:var(--δ3)!important}[cds-layout~="p-x:md"]{padding-left:var(--δ4)!important;padding-right:var(--δ4)!important}[cds-layout~="p-y:md"]{padding-top:var(--δ4)!important;padding-bottom:var(--δ4)!important}[cds-layout~="p-x:lg"]{padding-left:var(--δ5)!important;padding-right:var(--δ5)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ4)!important}[cds-layout~="p-t:lg"]{padding-top:var(--δ5)!important}[cds-layout~="p-b:lg"]{padding-bottom:var(--δ5)!important}@media (min-width:992px){[cds-layout*="gap@md:lg"]{gap:var(--δ5)}[cds-layout~="p@md:lg"]{padding:var(--δ5)!important}[cds-layout~="m@md:xl"]{margin:var(--δ6)!important}}[cds-layout~=fill]{width:100%!important}*,:after,:before{box-sizing:border-box}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>::slotted(*),[cds-layout~=horizontal][cds-layout*="align:stretch"]>::slotted(*),[cds-layout~=vertical][cds-layout*="align:stretch"]>::slotted(*){flex-grow:1}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:left"]),[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}@media (min-width:576px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto}}@media (min-width:768px){[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto}}@media (min-width:992px){[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:left"]){margin-right:auto}}@media (min-width:1200px){[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto}}@media (min-width:1440px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto}}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:left"]){margin-right:auto!important}@media (min-width:576px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto!important}}@media (min-width:768px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto!important}}@media (min-width:992px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:left"]){margin-right:auto!important}}@media (min-width:1200px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto!important}}@media (min-width:1440px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto!important}}[cds-text]{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=section],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))}[cds-text*=body],[cds-text*=message],[cds-text*=secondary]{color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000))}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size,calc((40 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-display-font-weight,400);line-height:var(--cds-global-typography-display-line-height,1.1em);letter-spacing:var(--cds-global-typography-display-letter-spacing,-.0125em)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size,calc((24 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-title-font-weight,400);line-height:var(--cds-global-typography-title-line-height,1.16667em);letter-spacing:var(--cds-global-typography-title-letter-spacing,-.008333em)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size,calc((20 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-section-font-weight,400);line-height:var(--cds-global-typography-section-line-height,1.2em);letter-spacing:var(--cds-global-typography-section-letter-spacing,-.01em)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight,400);font-size:var(--cds-global-typography-body-font-size,calc((14 / var(--cds-global-base,20)) * 1rem));letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);line-height:var(--cds-global-typography-body-line-height,1.42857em)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,calc((16 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-message-font-weight,calc((400 / var(--cds-global-base,20)) * 1rem));line-height:var(--cds-global-typography-message-line-height,1.25em);letter-spacing:var(--cds-global-typography-message-letter-spacing,-.0125em)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size,calc((13 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-secondary-font-weight,400);line-height:var(--cds-global-typography-secondary-line-height,1.23077em);letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color,var(--cds-global-color-blue-800,#00608a))!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover,var(--cds-global-color-blue-900,#004b6b))!important}[cds-text~=link]:visited:not([cds-text~=static]){color:var(--cds-global-typography-link-color-visited,var(--cds-global-color-lavender-600,#3b40ce))!important}[cds-text~=link]:visited:not([cds-text~=static]):hover{color:var(--cds-global-typography-link-color-visited-hover,var(--cds-global-color-lavender-700,#2429c2))!important}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem));overflow:hidden;box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem)) inset}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light,200)!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-text*=h2],[cds-text*=h3]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:1.4rem;font-weight:200;color:#333;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.7143em - 1em)/ 2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.7143em - 1em)/ 2))*-1) - .044em)}[cds-text*=h3]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.0909em - 1em)/ 2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.0909em - 1em)/ 2))*-1) - .044em)}:host{all:initial;display:block;visibility:inherit;font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);contain:layout;box-sizing:border-box!important;-webkit-appearance:none!important}*,:after,:before{box-sizing:inherit!important}slot{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}:host([_is-anchor]),:host([role=button]){cursor:pointer!important}:host([_is-anchor]) ::slotted(*),:host([role=button]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}:host([_focused]) .input,:host([tabindex="0"]:focus){outline:Highlight solid var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem));outline-offset:var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))}@media (-webkit-min-device-pixel-ratio:0){:host([_focused]) .input,:host([tabindex="0"]:focus){outline-color:-webkit-focus-ring-color}}`;export default a;
+import{css as t}from"lit";var a=t`@charset "UTF-8";:host,:root{--δ1:var(--cds-global-layout-space-xxs, calc((2 / var(--cds-global-base, 20)) * 1rem));--δ2:var(--cds-global-layout-space-xs, calc((4 / var(--cds-global-base, 20)) * 1rem));--δ3:var(--cds-global-layout-space-sm, calc((6 / var(--cds-global-base, 20)) * 1rem));--δ4:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem));--δ5:var(--cds-global-layout-space-lg, calc((24 / var(--cds-global-base, 20)) * 1rem));--δ6:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem))}[cds-layout~="wrap:none"]{flex-wrap:nowrap!important}[cds-layout*="align:stretch"]{flex-grow:1!important}[cds-layout*="align:shrink"]{flex-shrink:1!important;flex-grow:0!important}[cds-layout~=horizontal],[cds-layout~=vertical]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-start}[cds-layout~=horizontal]{flex-direction:row;flex-wrap:wrap;justify-items:flex-start;margin:0;min-height:0}[cds-layout~=horizontal]>[cds-layout~=horizontal],[cds-layout~=horizontal]>[cds-layout~=vertical],[cds-layout~=horizontal]>[cds-text]{width:initial!important}[cds-layout~=horizontal][cds-layout*="align:top"]{align-items:flex-start}[cds-layout~=horizontal][cds-layout*="align:left"]{justify-content:flex-start}[cds-layout~=horizontal][cds-layout*="align:right"]{justify-content:flex-end}[cds-layout~=horizontal][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=horizontal][cds-layout*="align:horizontal-center"]{justify-content:center}[cds-layout~=horizontal][cds-layout*="align:center"]{align-items:center;align-content:center;justify-content:center}[cds-layout~=horizontal][cds-layout*="order:reverse"]{flex-direction:row-reverse}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]{justify-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>*{flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:vertical-center"]{align-self:center}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:horizontal-center"]{margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:top"]{align-self:flex-start}[cds-layout~=horizontal]>[cds-layout*="align:right"]{margin-left:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:left"]{margin-right:auto!important}[cds-layout~=vertical]{flex-direction:column}[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:top"]{justify-content:flex-start}[cds-layout~=vertical][cds-layout*="align:left"]{align-items:flex-start}[cds-layout~=vertical][cds-layout*="align:right"]{align-items:flex-end}[cds-layout~=vertical][cds-layout*="align:vertical-center"]{justify-content:center}[cds-layout~=vertical][cds-layout*="align:horizontal-center"]{align-items:center}[cds-layout~=vertical][cds-layout*="align:center"]{align-items:center;justify-content:center}[cds-layout~=vertical][cds-layout*="order:reverse"]{flex-direction:column-reverse}[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"]{align-items:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]{align-items:stretch;justify-content:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:vertical-center"]{margin-top:auto;margin-bottom:auto}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:horizontal-center"]{align-self:center}[cds-layout~=vertical]>[cds-layout*="align:top"]{margin-bottom:auto!important}[cds-layout~=vertical]>[cds-layout*="align:right"]{margin-left:auto}[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}[cds-layout~=grid]{display:grid;align-items:start;align-content:start;grid-template-columns:repeat(var(--cds-global-layout-grid-cols,12),1fr);width:100%}[cds-layout~=grid][cds-layout*=rows]{grid-template-rows:repeat(12,auto)}[cds-layout~=grid]>[cds-layout*=row]{align-self:stretch}[cds-layout~=grid][cds-layout*="align:top"]{align-content:start}[cds-layout~=grid][cds-layout*="align:right"]{justify-content:end}[cds-layout~=grid][cds-layout*="align:left"]{justify-content:start}[cds-layout~=grid][cds-layout*="align:horizontal-stretch"]{justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=grid][cds-layout*="align:horizontal-center"]{justify-items:center;justify-content:center}[cds-layout~=grid][cds-layout*="align:center"]{align-items:center;align-content:center;justify-items:center;justify-content:center}[cds-layout~="display:screen-reader-only"]{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;top:0;left:0;display:block!important}[cds-layout*="gap:none"]{gap:0}[cds-layout*="gap:xs"]{gap:var(--δ2)}[cds-layout*="gap:sm"]{gap:var(--δ3)}[cds-layout*="gap:md"]{gap:var(--δ4)}[cds-layout*="gap:lg"]{gap:var(--δ5)}[cds-layout~="p:none"]{padding:0!important}[cds-layout~="p:xs"]{padding:var(--δ2)!important}[cds-layout~="p:sm"]{padding:var(--δ3)!important}[cds-layout~="p:md"]{padding:var(--δ4)!important}[cds-layout~="m:md"]{margin:var(--δ4)!important}[cds-layout~="p:lg"]{padding:var(--δ5)!important}[cds-layout~="p-y:xxs"]{padding-top:var(--δ1)!important;padding-bottom:var(--δ1)!important}[cds-layout~="p-y:xs"]{padding-top:var(--δ2)!important;padding-bottom:var(--δ2)!important}[cds-layout~="p-x:sm"]{padding-left:var(--δ3)!important;padding-right:var(--δ3)!important}[cds-layout~="p-y:sm"]{padding-top:var(--δ3)!important;padding-bottom:var(--δ3)!important}[cds-layout~="p-x:md"]{padding-left:var(--δ4)!important;padding-right:var(--δ4)!important}[cds-layout~="p-y:md"]{padding-top:var(--δ4)!important;padding-bottom:var(--δ4)!important}[cds-layout~="p-x:lg"]{padding-left:var(--δ5)!important;padding-right:var(--δ5)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ4)!important}[cds-layout~="p-t:lg"]{padding-top:var(--δ5)!important}[cds-layout~="p-b:lg"]{padding-bottom:var(--δ5)!important}@media (min-width:992px){[cds-layout*="gap@md:lg"]{gap:var(--δ5)}[cds-layout~="p@md:lg"]{padding:var(--δ5)!important}[cds-layout~="m@md:xl"]{margin:var(--δ6)!important}}[cds-layout~=fill]{width:100%!important}*,:after,:before{box-sizing:border-box}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>::slotted(*),[cds-layout~=horizontal][cds-layout*="align:stretch"]>::slotted(*),[cds-layout~=vertical][cds-layout*="align:stretch"]>::slotted(*){flex-grow:1}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:left"]),[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}@media (min-width:576px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto}}@media (min-width:768px){[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto}}@media (min-width:992px){[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:left"]){margin-right:auto}}@media (min-width:1200px){[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto}}@media (min-width:1440px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto}}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:left"]){margin-right:auto!important}@media (min-width:576px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto!important}}@media (min-width:768px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto!important}}@media (min-width:992px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:left"]){margin-right:auto!important}}@media (min-width:1200px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto!important}}@media (min-width:1440px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto!important}}[cds-text]{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=section],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))}[cds-text*=body],[cds-text*=message],[cds-text*=secondary]{color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000))}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size,calc((40 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-display-font-weight,400);line-height:var(--cds-global-typography-display-line-height,1.1em);letter-spacing:var(--cds-global-typography-display-letter-spacing,-.0125em)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size,calc((24 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-title-font-weight,400);line-height:var(--cds-global-typography-title-line-height,1.16667em);letter-spacing:var(--cds-global-typography-title-letter-spacing,-.008333em)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size,calc((20 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-section-font-weight,400);line-height:var(--cds-global-typography-section-line-height,1.2em);letter-spacing:var(--cds-global-typography-section-letter-spacing,-.01em)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight,400);font-size:var(--cds-global-typography-body-font-size,calc((14 / var(--cds-global-base,20)) * 1rem));letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);line-height:var(--cds-global-typography-body-line-height,1.42857em)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,calc((16 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-message-font-weight,calc((400 / var(--cds-global-base,20)) * 1rem));line-height:var(--cds-global-typography-message-line-height,1.25em);letter-spacing:var(--cds-global-typography-message-letter-spacing,-.0125em)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size,calc((13 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-secondary-font-weight,400);line-height:var(--cds-global-typography-secondary-line-height,1.23077em);letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color,var(--cds-global-color-blue-800,#00608a))!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover,var(--cds-global-color-blue-900,#004b6b))!important}[cds-text~=link]:visited:not([cds-text~=static]){color:var(--cds-global-typography-link-color-visited,var(--cds-global-color-lavender-600,#3b40ce))!important}[cds-text~=link]:visited:not([cds-text~=static]):hover{color:var(--cds-global-typography-link-color-visited-hover,var(--cds-global-color-lavender-700,#2429c2))!important}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem));overflow:hidden;box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem)) inset}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light,300)!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-text*=h2],[cds-text*=h3]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:1.4rem;font-weight:200;color:#333;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.7143em - 1em)/ 2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.7143em - 1em)/ 2))*-1) - .044em)}[cds-text*=h3]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.0909em - 1em)/ 2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.0909em - 1em)/ 2))*-1) - .044em)}:host{all:initial;display:block;visibility:inherit;font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);contain:layout;box-sizing:border-box!important;-webkit-appearance:none!important}*,:after,:before{box-sizing:inherit!important}slot{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}:host([_is-anchor]),:host([role=button]){cursor:pointer!important}:host([_is-anchor]) ::slotted(*),:host([role=button]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}@media (-webkit-min-device-pixel-ratio:0){:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline-color:-webkit-focus-ring-color}}`;export default a;
 //# sourceMappingURL=base.element.scss.js.map

package/internal/base/button.base.d.ts

@@ -5,7 +5,7 @@ export declare class CdsBaseButton extends LitElement {
     name: string;
     value: string;
     disabled: boolean;
-    protected ariaDisabled: 'true' | 'false' | null;
+    ariaDisabled: 'true' | 'false' | null;
     protected tabIndexAttr: number | null;
     protected focused: boolean;
     protected active: boolean;
@@ -13,6 +13,9 @@ export declare class CdsBaseButton extends LitElement {
     protected isAnchor: boolean;
     protected icon: HTMLElement;
     protected badge: HTMLElement;
+    private marker;
+    private explicitClick;
+    private markerSignificantProperties;
     protected render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     protected updated(props: Map<string, any>): void;
@@ -33,6 +36,10 @@ export declare class CdsBaseButton extends LitElement {
      * This allows us to trigger native submit events within a form element.
      */
     private triggerNativeButtonBehavior;
+    private createMarker;
+    private get markerAttached();
+    private hasMarkerSignificantProperty;
     private emulateKeyBoardEventBehavior;
     private updateButtonAttributes;
+    private addDefaultSubmitBehavior;
 }

package/internal/base/button.base.js

@@ -1,2 +1,2 @@
-import{__decorate as e}from"tslib";import{LitElement as t,html as i,render as o}from"lit";import{ifDefined as s}from"lit/directives/if-defined.js";import{property as r,state as a}from"../decorators/property.js";import{querySlot as n}from"../decorators/query-slot.js";import{onAnyKey as d}from"../utils/keycodes.js";import{stopEvent as l}from"../utils/events.js";class h extends t{constructor(){super(...arguments),this.readonly=!1,this.disabled=!1,this.ariaDisabled="false",this.focused=!1,this.active=!1,this.role="button",this.isAnchor=!1}render(){return i`<slot></slot>`}connectedCallback(){super.connectedCallback(),this.tabIndex=0}updated(e){super.updated(e),this.updateButtonAttributes(),e.has("readonly")&&this.setupNativeButtonBehavior()}emulateActiveMouseDown(){this.disabled||this.readonly||(this.active=!0)}emulateActiveMouseUp(){this.active=!1}setupNativeButtonBehavior(){this.readonly?(this.removeEventListener("keyup",this.emulateActiveMouseUp),this.removeEventListener("keydown",this.emulateActiveMouseDown),this.removeEventListener("mouseup",this.emulateActiveMouseUp),this.removeEventListener("mousedown",this.emulateActiveMouseDown),this.removeEventListener("click",this.triggerNativeButtonBehavior),this.removeEventListener("keyup",this.emulateKeyBoardEventBehavior)):(this.addEventListener("keyup",this.emulateActiveMouseUp),this.addEventListener("keydown",this.emulateActiveMouseDown),this.addEventListener("mouseup",this.emulateActiveMouseUp),this.addEventListener("mousedown",this.emulateActiveMouseDown),this.addEventListener("click",this.triggerNativeButtonBehavior),this.addEventListener("keyup",this.emulateKeyBoardEventBehavior))}triggerNativeButtonBehavior(e){var t;if(!this.readonly)if(this.disabled)l(e);else if(!e.defaultPrevented){const e=i`<button aria-hidden="true" ?disabled="${this.disabled}" tabindex="-1" style="display:none!important" value="${s(this.value)}" name="${s(this.name)}" type="${s(this.type)}"></button>`,r=document.createElement("div");this.appendChild(r),o(e,r),null===(t=this.querySelector("button[aria-hidden]"))||void 0===t||t.dispatchEvent(new MouseEvent("click",{relatedTarget:this,composed:!0})),r.remove()}}emulateKeyBoardEventBehavior(e){d(["enter","space"],e,(()=>{this.readonly||(this.click(),l(e))}))}updateButtonAttributes(){var e;this.isAnchor="A"===(null===(e=this.parentElement)||void 0===e?void 0:e.tagName),this.isAnchor&&this.parentElement&&(this.parentElement.style.lineHeight="0",this.parentElement.style.textDecoration="none"),this.readonly=this.readonly||this.isAnchor,this.readonly?(this.role=null,this.tabIndexAttr=null,this.ariaDisabled=null):(this.role="button",this.tabIndexAttr=this.disabled?-1:0,this.ariaDisabled=this.disabled?"true":"false")}}e([r({type:Boolean})],h.prototype,"readonly",void 0),e([r({type:String})],h.prototype,"type",void 0),e([r({type:String})],h.prototype,"name",void 0),e([r({type:String})],h.prototype,"value",void 0),e([r({type:Boolean})],h.prototype,"disabled",void 0),e([a({type:String,attribute:"aria-disabled",reflect:!0})],h.prototype,"ariaDisabled",void 0),e([a({type:Number,attribute:"tabindex",reflect:!0})],h.prototype,"tabIndexAttr",void 0),e([a({type:Boolean,reflect:!0})],h.prototype,"focused",void 0),e([a({type:Boolean,reflect:!0})],h.prototype,"active",void 0),e([a({type:String,reflect:!0,attribute:"role"})],h.prototype,"role",void 0),e([a({type:Boolean,reflect:!0})],h.prototype,"isAnchor",void 0),e([n("cds-icon")],h.prototype,"icon",void 0),e([n("cds-badge")],h.prototype,"badge",void 0);export{h as CdsBaseButton};
+import{__decorate as e}from"tslib";import{LitElement as t,html as i,render as r}from"lit";import{ifDefined as s}from"lit/directives/if-defined.js";import{property as o,state as a}from"../decorators/property.js";import{querySlot as n}from"../decorators/query-slot.js";import{onAnyKey as h}from"../utils/keycodes.js";import{stopEvent as d}from"../utils/events.js";class l extends t{constructor(){super(...arguments),this.readonly=!1,this.disabled=!1,this.ariaDisabled="false",this.focused=!1,this.active=!1,this.role="button",this.isAnchor=!1,this.explicitClick=!1,this.markerSignificantProperties=["type","name","value","disabled"]}render(){return i`<slot></slot>`}connectedCallback(){super.connectedCallback(),this.tabIndex=0}updated(e){this.hasMarkerSignificantProperty(e)&&(this.markerAttached&&this.marker.remove(),this.createMarker()),super.updated(e),this.updateButtonAttributes(),this.addDefaultSubmitBehavior(),e.has("readonly")&&this.setupNativeButtonBehavior()}emulateActiveMouseDown(){this.disabled||this.readonly||(this.active=!0)}emulateActiveMouseUp(){this.active=!1,this.explicitClick=!0}setupNativeButtonBehavior(){this.readonly?(this.removeEventListener("keyup",this.emulateActiveMouseUp),this.removeEventListener("keydown",this.emulateActiveMouseDown),this.removeEventListener("mouseup",this.emulateActiveMouseUp),this.removeEventListener("mousedown",this.emulateActiveMouseDown),this.removeEventListener("click",this.triggerNativeButtonBehavior),this.removeEventListener("keyup",this.emulateKeyBoardEventBehavior)):(this.addEventListener("keyup",this.emulateActiveMouseUp),this.addEventListener("keydown",this.emulateActiveMouseDown),this.addEventListener("mouseup",this.emulateActiveMouseUp),this.addEventListener("mousedown",this.emulateActiveMouseDown),this.addEventListener("click",this.triggerNativeButtonBehavior),this.addEventListener("keyup",this.emulateKeyBoardEventBehavior))}triggerNativeButtonBehavior(e){var t;this.readonly||(this.disabled?d(e):!e.defaultPrevented&&this.marker&&this.explicitClick&&(this.markerAttached||this.appendChild(this.marker),null===(t=this.querySelector("button[aria-hidden]"))||void 0===t||t.dispatchEvent(new MouseEvent("click",{relatedTarget:this,composed:!0})),"submit"!==this.type&&this.marker.remove())),this.explicitClick=!1}createMarker(){const e=i`<button aria-hidden="true" role="presentation" ?disabled="${this.disabled}" tabindex="-1" style="display:none!important" value="${s(this.value)}" name="${s(this.name)}" type="${s(this.type)}"></button>`,t=document.createElement("div");t.style.display="none",r(e,t),this.marker=t}get markerAttached(){return!(!this.marker||!this.marker.parentElement)}hasMarkerSignificantProperty(e){for(const t of this.markerSignificantProperties)if(e.has(t))return!0;return!1}emulateKeyBoardEventBehavior(e){h(["enter","space"],e,(()=>{this.readonly||(this.click(),d(e))}))}updateButtonAttributes(){var e;this.isAnchor="A"===(null===(e=this.parentElement)||void 0===e?void 0:e.tagName),this.isAnchor&&this.parentElement&&(this.parentElement.style.lineHeight="0",this.parentElement.style.textDecoration="none"),this.readonly=this.readonly||this.isAnchor,this.readonly?(this.role=null,this.tabIndexAttr=null,this.ariaDisabled=null):(this.role="button",this.tabIndexAttr=this.disabled?-1:0,this.ariaDisabled=this.disabled?"true":"false")}addDefaultSubmitBehavior(){!this.type&&this.closest("form")&&(this.type="submit"),"submit"!==this.type||this.markerAttached||this.appendChild(this.marker)}}e([o({type:Boolean})],l.prototype,"readonly",void 0),e([o({type:String})],l.prototype,"type",void 0),e([o({type:String})],l.prototype,"name",void 0),e([o({type:String})],l.prototype,"value",void 0),e([o({type:Boolean})],l.prototype,"disabled",void 0),e([a({type:String,attribute:"aria-disabled",reflect:!0})],l.prototype,"ariaDisabled",void 0),e([a({type:Number,attribute:"tabindex",reflect:!0})],l.prototype,"tabIndexAttr",void 0),e([a({type:Boolean,reflect:!0})],l.prototype,"focused",void 0),e([a({type:Boolean,reflect:!0})],l.prototype,"active",void 0),e([a({type:String,reflect:!0,attribute:"role"})],l.prototype,"role",void 0),e([a({type:Boolean,reflect:!0})],l.prototype,"isAnchor",void 0),e([n("cds-icon")],l.prototype,"icon",void 0),e([n("cds-badge")],l.prototype,"badge",void 0);export{l as CdsBaseButton};
 //# sourceMappingURL=button.base.js.map

package/internal/base/button.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.base.js","sources":["../../../../src/internal/base/button.base.ts"],"sourcesContent":null,"names":["CdsBaseButton","LitElement","[object Object]","super","arguments","this","readonly","disabled","ariaDisabled","focused","active","role","isAnchor","html","connectedCallback","tabIndex","props","updated","updateButtonAttributes","has","setupNativeButtonBehavior","removeEventListener","emulateActiveMouseUp","emulateActiveMouseDown","triggerNativeButtonBehavior","emulateKeyBoardEventBehavior","addEventListener","event","_a","stopEvent","defaultPrevented","buttonTemplate","ifDefined","value","name","type","marker","document","createElement","appendChild","render","querySelector","dispatchEvent","MouseEvent","relatedTarget","composed","remove","evt","onAnyKey","click","parentElement","tagName","style","lineHeight","textDecoration","tabIndexAttr","__decorate","property","Boolean","prototype","String","state","attribute","reflect","Number","querySlot"],"mappings":"0WAaO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,UAAW,EAChBD,KAAKE,UAAW,EAChBF,KAAKG,aAAe,QACpBH,KAAKI,SAAU,EACfJ,KAAKK,QAAS,EACdL,KAAKM,KAAO,SACZN,KAAKO,UAAW,EAEpBV,SACI,OAAOW,CAAK,gBAEhBX,oBACIC,MAAMW,oBACNT,KAAKU,SAAW,EAEpBb,QAAQc,GACJb,MAAMc,QAAQD,GACdX,KAAKa,yBACDF,EAAMG,IAAI,aACVd,KAAKe,4BAYblB,yBACSG,KAAKE,UAAaF,KAAKC,WACxBD,KAAKK,QAAS,GAGtBR,uBACIG,KAAKK,QAAS,EAElBR,4BACQG,KAAKC,UACLD,KAAKgB,oBAAoB,QAAShB,KAAKiB,sBACvCjB,KAAKgB,oBAAoB,UAAWhB,KAAKkB,wBACzClB,KAAKgB,oBAAoB,UAAWhB,KAAKiB,sBACzCjB,KAAKgB,oBAAoB,YAAahB,KAAKkB,wBAC3ClB,KAAKgB,oBAAoB,QAAShB,KAAKmB,6BACvCnB,KAAKgB,oBAAoB,QAAShB,KAAKoB,gCAGvCpB,KAAKqB,iBAAiB,QAASrB,KAAKiB,sBACpCjB,KAAKqB,iBAAiB,UAAWrB,KAAKkB,wBACtClB,KAAKqB,iBAAiB,UAAWrB,KAAKiB,sBACtCjB,KAAKqB,iBAAiB,YAAarB,KAAKkB,wBACxClB,KAAKqB,iBAAiB,QAASrB,KAAKmB,6BACpCnB,KAAKqB,iBAAiB,QAASrB,KAAKoB,+BAO5CvB,4BAA4ByB,GACxB,IAAIC,EACJ,IAAKvB,KAAKC,SACN,GAAID,KAAKE,SACLsB,EAAUF,QAET,IAAKA,EAAMG,iBAAkB,CAC9B,MAAMC,EAAiBlB,CAAK,yCAErBR,KAAKE,iEAGTyB,EAAU3B,KAAK4B,iBAChBD,EAAU3B,KAAK6B,gBACfF,EAAU3B,KAAK8B,mBAEXC,EAASC,SAASC,cAAc,OACtCjC,KAAKkC,YAAYH,GACjBI,EAAOT,EAAgBK,GAC8B,QAApDR,EAAKvB,KAAKoC,cAAc,8BAA2C,IAAPb,GAAyBA,EAAGc,cAAc,IAAIC,WAAW,QAAS,CAAEC,cAAevC,KAAMwC,UAAU,KAChKT,EAAOU,UAInB5C,6BAA6B6C,GACzBC,EAAS,CAAC,QAAS,SAAUD,GAAK,KACzB1C,KAAKC,WACND,KAAK4C,QACLpB,EAAUkB,OAItB7C,yBACI,IAAI0B,EACJvB,KAAKO,SAA2F,OAAjD,QAA7BgB,EAAKvB,KAAK6C,qBAAkC,IAAPtB,OAAgB,EAASA,EAAGuB,SAC/E9C,KAAKO,UAAYP,KAAK6C,gBACtB7C,KAAK6C,cAAcE,MAAMC,WAAa,IACtChD,KAAK6C,cAAcE,MAAME,eAAiB,QAE9CjD,KAAKC,SAAWD,KAAKC,UAAYD,KAAKO,SAClCP,KAAKC,UACLD,KAAKM,KAAO,KACZN,KAAKkD,aAAe,KACpBlD,KAAKG,aAAe,OAGpBH,KAAKM,KAAO,SACZN,KAAKkD,aAAelD,KAAKE,UAAY,EAAI,EACzCF,KAAKG,aAAeH,KAAKE,SAAW,OAAS,UAIzDiD,EAAW,CACPC,EAAS,CAAEtB,KAAMuB,WAClB1D,EAAc2D,UAAW,gBAAY,GACxCH,EAAW,CACPC,EAAS,CAAEtB,KAAMyB,UAClB5D,EAAc2D,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAEtB,KAAMyB,UAClB5D,EAAc2D,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAEtB,KAAMyB,UAClB5D,EAAc2D,UAAW,aAAS,GACrCH,EAAW,CACPC,EAAS,CAAEtB,KAAMuB,WAClB1D,EAAc2D,UAAW,gBAAY,GACxCH,EAAW,CACPK,EAAM,CAAE1B,KAAMyB,OAAQE,UAAW,gBAAiBC,SAAS,KAC5D/D,EAAc2D,UAAW,oBAAgB,GAC5CH,EAAW,CACPK,EAAM,CAAE1B,KAAM6B,OAAQF,UAAW,WAAYC,SAAS,KACvD/D,EAAc2D,UAAW,oBAAgB,GAC5CH,EAAW,CACPK,EAAM,CAAE1B,KAAMuB,QAASK,SAAS,KACjC/D,EAAc2D,UAAW,eAAW,GACvCH,EAAW,CACPK,EAAM,CAAE1B,KAAMuB,QAASK,SAAS,KACjC/D,EAAc2D,UAAW,cAAU,GACtCH,EAAW,CACPK,EAAM,CAAE1B,KAAMyB,OAAQG,SAAS,EAAMD,UAAW,UACjD9D,EAAc2D,UAAW,YAAQ,GACpCH,EAAW,CACPK,EAAM,CAAE1B,KAAMuB,QAASK,SAAS,KACjC/D,EAAc2D,UAAW,gBAAY,GACxCH,EAAW,CACPS,EAAU,aACXjE,EAAc2D,UAAW,YAAQ,GACpCH,EAAW,CACPS,EAAU,cACXjE,EAAc2D,UAAW,aAAS"}
+{"version":3,"file":"button.base.js","sources":["../../../../src/internal/base/button.base.ts"],"sourcesContent":null,"names":["CdsBaseButton","LitElement","[object Object]","super","arguments","this","readonly","disabled","ariaDisabled","focused","active","role","isAnchor","explicitClick","markerSignificantProperties","html","connectedCallback","tabIndex","props","hasMarkerSignificantProperty","markerAttached","marker","remove","createMarker","updated","updateButtonAttributes","addDefaultSubmitBehavior","has","setupNativeButtonBehavior","removeEventListener","emulateActiveMouseUp","emulateActiveMouseDown","triggerNativeButtonBehavior","emulateKeyBoardEventBehavior","addEventListener","event","_a","stopEvent","defaultPrevented","appendChild","querySelector","dispatchEvent","MouseEvent","relatedTarget","composed","type","buttonTemplate","ifDefined","value","name","document","createElement","style","display","render","parentElement","prop","evt","onAnyKey","click","tagName","lineHeight","textDecoration","tabIndexAttr","closest","__decorate","property","Boolean","prototype","String","state","attribute","reflect","Number","querySlot"],"mappings":"0WAaO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,UAAW,EAChBD,KAAKE,UAAW,EAChBF,KAAKG,aAAe,QACpBH,KAAKI,SAAU,EACfJ,KAAKK,QAAS,EACdL,KAAKM,KAAO,SACZN,KAAKO,UAAW,EAIhBP,KAAKQ,eAAgB,EACrBR,KAAKS,4BAA8B,CAAC,OAAQ,OAAQ,QAAS,YAEjEZ,SACI,OAAOa,CAAK,gBAEhBb,oBACIC,MAAMa,oBACNX,KAAKY,SAAW,EAEpBf,QAAQgB,GACAb,KAAKc,6BAA6BD,KAC9Bb,KAAKe,gBACLf,KAAKgB,OAAOC,SAEhBjB,KAAKkB,gBAETpB,MAAMqB,QAAQN,GACdb,KAAKoB,yBACLpB,KAAKqB,2BACDR,EAAMS,IAAI,aACVtB,KAAKuB,4BAYb1B,yBACSG,KAAKE,UAAaF,KAAKC,WACxBD,KAAKK,QAAS,GAGtBR,uBACIG,KAAKK,QAAS,EACdL,KAAKQ,eAAgB,EAEzBX,4BACQG,KAAKC,UACLD,KAAKwB,oBAAoB,QAASxB,KAAKyB,sBACvCzB,KAAKwB,oBAAoB,UAAWxB,KAAK0B,wBACzC1B,KAAKwB,oBAAoB,UAAWxB,KAAKyB,sBACzCzB,KAAKwB,oBAAoB,YAAaxB,KAAK0B,wBAC3C1B,KAAKwB,oBAAoB,QAASxB,KAAK2B,6BACvC3B,KAAKwB,oBAAoB,QAASxB,KAAK4B,gCAGvC5B,KAAK6B,iBAAiB,QAAS7B,KAAKyB,sBACpCzB,KAAK6B,iBAAiB,UAAW7B,KAAK0B,wBACtC1B,KAAK6B,iBAAiB,UAAW7B,KAAKyB,sBACtCzB,KAAK6B,iBAAiB,YAAa7B,KAAK0B,wBACxC1B,KAAK6B,iBAAiB,QAAS7B,KAAK2B,6BACpC3B,KAAK6B,iBAAiB,QAAS7B,KAAK4B,+BAO5C/B,4BAA4BiC,GACxB,IAAIC,EACC/B,KAAKC,WACFD,KAAKE,SACL8B,EAAUF,IAEJA,EAAMG,kBAAoBjC,KAAKgB,QAAUhB,KAAKQ,gBAC/CR,KAAKe,gBACNf,KAAKkC,YAAYlC,KAAKgB,QAE2B,QAApDe,EAAK/B,KAAKmC,cAAc,8BAA2C,IAAPJ,GAAyBA,EAAGK,cAAc,IAAIC,WAAW,QAAS,CAAEC,cAAetC,KAAMuC,UAAU,KAC9I,WAAdvC,KAAKwC,MACLxC,KAAKgB,OAAOC,WAKxBjB,KAAKQ,eAAgB,EAEzBX,eACI,MAAM4C,EAAiB/B,CAAK,6DAGjBV,KAAKE,iEAGTwC,EAAU1C,KAAK2C,iBAChBD,EAAU1C,KAAK4C,gBACfF,EAAU1C,KAAKwC,mBAEfxB,EAAS6B,SAASC,cAAc,OAEtC9B,EAAO+B,MAAMC,QAAU,OACvBC,EAAOR,EAAgBzB,GACvBhB,KAAKgB,OAASA,EAElBD,qBACI,SAAUf,KAAKgB,SAAUhB,KAAKgB,OAAOkC,eAGzCrD,6BAA6BgB,GACzB,IAAK,MAAMsC,KAAQnD,KAAKS,4BACpB,GAAII,EAAMS,IAAI6B,GACV,OAAO,EAGf,OAAO,EAEXtD,6BAA6BuD,GACzBC,EAAS,CAAC,QAAS,SAAUD,GAAK,KACzBpD,KAAKC,WACND,KAAKsD,QACLtB,EAAUoB,OAItBvD,yBACI,IAAIkC,EACJ/B,KAAKO,SAA2F,OAAjD,QAA7BwB,EAAK/B,KAAKkD,qBAAkC,IAAPnB,OAAgB,EAASA,EAAGwB,SAC/EvD,KAAKO,UAAYP,KAAKkD,gBACtBlD,KAAKkD,cAAcH,MAAMS,WAAa,IACtCxD,KAAKkD,cAAcH,MAAMU,eAAiB,QAE9CzD,KAAKC,SAAWD,KAAKC,UAAYD,KAAKO,SAClCP,KAAKC,UACLD,KAAKM,KAAO,KACZN,KAAK0D,aAAe,KACpB1D,KAAKG,aAAe,OAGpBH,KAAKM,KAAO,SACZN,KAAK0D,aAAe1D,KAAKE,UAAY,EAAI,EACzCF,KAAKG,aAAeH,KAAKE,SAAW,OAAS,SAKrDL,4BACSG,KAAKwC,MAAQxC,KAAK2D,QAAQ,UAC3B3D,KAAKwC,KAAO,UAEE,WAAdxC,KAAKwC,MAAsBxC,KAAKe,gBAChCf,KAAKkC,YAAYlC,KAAKgB,SAIlC4C,EAAW,CACPC,EAAS,CAAErB,KAAMsB,WAClBnE,EAAcoE,UAAW,gBAAY,GACxCH,EAAW,CACPC,EAAS,CAAErB,KAAMwB,UAClBrE,EAAcoE,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAErB,KAAMwB,UAClBrE,EAAcoE,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAErB,KAAMwB,UAClBrE,EAAcoE,UAAW,aAAS,GACrCH,EAAW,CACPC,EAAS,CAAErB,KAAMsB,WAClBnE,EAAcoE,UAAW,gBAAY,GACxCH,EAAW,CACPK,EAAM,CAAEzB,KAAMwB,OAAQE,UAAW,gBAAiBC,SAAS,KAC5DxE,EAAcoE,UAAW,oBAAgB,GAC5CH,EAAW,CACPK,EAAM,CAAEzB,KAAM4B,OAAQF,UAAW,WAAYC,SAAS,KACvDxE,EAAcoE,UAAW,oBAAgB,GAC5CH,EAAW,CACPK,EAAM,CAAEzB,KAAMsB,QAASK,SAAS,KACjCxE,EAAcoE,UAAW,eAAW,GACvCH,EAAW,CACPK,EAAM,CAAEzB,KAAMsB,QAASK,SAAS,KACjCxE,EAAcoE,UAAW,cAAU,GACtCH,EAAW,CACPK,EAAM,CAAEzB,KAAMwB,OAAQG,SAAS,EAAMD,UAAW,UACjDvE,EAAcoE,UAAW,YAAQ,GACpCH,EAAW,CACPK,EAAM,CAAEzB,KAAMsB,QAASK,SAAS,KACjCxE,EAAcoE,UAAW,gBAAY,GACxCH,EAAW,CACPS,EAAU,aACX1E,EAAcoE,UAAW,YAAQ,GACpCH,EAAW,CACPS,EAAU,cACX1E,EAAcoE,UAAW,aAAS"}

package/internal/index.d.ts

@@ -1,6 +1,7 @@
 export declare const baseStyles: import("lit").CSSResultGroup;
 export * from './base/button.base.js';
 export * from './base/focus-trap.base.js';
+export * from './utils/color.js';
 export * from './utils/css.js';
 export * from './utils/dom.js';
 export * from './utils/register.js';

package/internal/index.js

@@ -1,2 +1,2 @@
-import e from"./base/base.element.scss.js";export{CdsBaseButton}from"./base/button.base.js";export{CdsBaseFocusTrap}from"./base/focus-trap.base.js";export{addClassnames,getCssPropertyValue,hasClassnames,isCssPropertyName,pxToRem,removeClassnames,removeClassnamesUnless,updateElementStyles}from"./utils/css.js";export{addAttributeValue,assignSlotNames,getElementWidth,getElementWidthUnless,hasAttributeAndIsNotEmpty,isFocusable,isHTMLElement,isVisible,listenForAttributeChange,queryChildFromLightOrShadowDom,removeAttributeValue,removeAttributes,setAttributes,setOrRemoveAttribute,spanWrapper}from"./utils/dom.js";export{registerElementSafely}from"./utils/register.js";export{animate}from"./decorators/animate.js";export{querySlot,querySlotAll}from"./decorators/query-slot.js";export{getDefaultOptions,property,requirePropertyCheck,state}from"./decorators/property.js";export{EventEmitter,event}from"./decorators/event.js";export{SpreadProps,spreadProps}from"./directives/spread-props.js";export{id}from"./decorators/id.js";export{i18n}from"./decorators/i18n.js";export{globalStyle}from"./decorators/global-style.js";export{CDS_FOCUS_TRAP_DOCUMENT_ATTR,FocusTrapTrackerService}from"./services/focus-trap-tracker.service.js";export{GlobalStateService}from"./services/global.service.js";export{I18nService,componentStringsDefault}from"./services/i18n.service.js";export{LogService,notProductionEnvironment}from"./services/log.service.js";export{sleep}from"./utils/async.js";export{describeElementByElements,hasAriaLabelTypeAttr}from"./utils/a11y.js";export{arrayHead,arrayTail,arrayToObject,nextInArray,previousInArray}from"./utils/array.js";export{KeyCodeService,getKeycodeFromRegistry}from"./services/keycodes.service.js";export{returnOrFallthrough}from"./utils/conditional.js";export{elementExists,existsIn,existsInWindow,isBrowser}from"./utils/exists.js";export{FocusTrap,addReboundElementsToFocusTrapElement,castHtmlElementToFocusTrapElement,createFocusTrapReboundElement,elementIsOutsideFocusTrapElement,refocusIfOutsideFocusTrapElement,removeReboundElementsFromFocusTrapElement}from"./utils/focus-trap.js";export{getAngularJSVersion,getAngularVersion,getReactVersion,getVueVersion,isStorybook}from"./utils/framework.js";export{getElementLanguageDirection}from"./i18n/utils.js";export{allPropertiesPass,anyOrAllPropertiesPass,anyPropertiesPass,convertStringPropValuePairsToTuple,createId,deepClone,getEnumValues,getMillisecondsFromSeconds,hasPropertyChanged,hasStringPropertyChanged,hasStringPropertyChangedAndNotNil,isMap,isNilOrEmpty,isNumericString,isObject,isObjectAndNotNilOrEmpty,isString,isStringAndNotNilOrEmpty,isStringOrNil}from"./utils/identity.js";export{getModifierKeysFromKeyCombo,keyWasEvented,onAnyKey,onKey,onKeyCombo,removeModifierKeysFromKeyCombo}from"./utils/keycodes.js";export{childrenUpdateComplete,syncDefinedProps,syncProps,syncPropsForAllItems}from"./utils/lit.js";export{getElementStorybookArgTypes,getElementStorybookArgs}from"./utils/metadata.js";export{elementResize,elementVisible,updateComponentLayout}from"./utils/responsive.js";export{isTshirtSize,updateEquilateralSizeStyles}from"./utils/size.js";export{camelCaseToKebabCase,capitalizeFirstLetter,cssGroup,getNumericValueFromCssSecondsStyleValue,isPrefixedBy,isPrefixedOrSuffixedBy,isSuffixedBy,kebabCaseToCamelCase,kebabCaseToPascalCase,propertiesGroup,removePrefix,removePrefixOrSuffix,removeSuffix,setPropStyles,setStyles,transformToSpacedString,transformToString,transformToUnspacedString}from"./utils/string.js";export{browserFeatures}from"./utils/supports.js";export{getElementUpdates,stopEvent}from"./utils/events.js";export{EventSubject}from"./utils/event-subject.js";import"./interfaces/index.js";export{AnimationStatus,CLARITY_MOTION_ENTER_LEAVE_PROPERTY,CLARITY_MOTION_FALLBACK_DURATION_IN_MS,CLARITY_MOTION_FALLBACK_EASING,CLARITY_MOTION_REVERSE_ANIMATION_LABEL,CLARITY_MOTION_REVERSE_ANIMATION_SUFFIX,PRIVATE_ANIMATION_STATUS_ATTR_NAME}from"./motion/interfaces.js";export{ClarityMotion}from"./motion/motion.service.js";export{animationIsReversed,extractAnimationNameIfReversed,filterAnimationsByUpdatedProperties,flattenAndSortAnimations,getAnimationConfigForPropertyValue,getAnimationFromOverrideOrDecorator,getAnimationKeyframesOrPropertyIndexedFrames,getAnimationPromiseInstructions,getAnimationTarget,getHidingAndNonHidingPropertyAnimations,getInlineOverride,getPropertyAnimations,resolveAnimationEndStatus,reverseAnimation,reverseAnimationConfig,runPropertyAnimations,setAnimationConfigOptions,setAnimationDuration,setAnimationEasing,setAnimationProperty,setAnimationStartStatus,sizeDimensionKeyframes,zeroOutAnimationConfig}from"./motion/utils.js";export{AnimationModalEnterConfig,AnimationModalEnterName}from"./motion/animations/cds-modal-enter.js";export{AnimationAccordionPanelOpenConfig,AnimationAccordionPanelOpenName}from"./motion/animations/cds-accordion-panel-open.js";export{AnimationHingeConfig,AnimationHingeName}from"./motion/animations/cds-overlay-hinge-example.js";export{AnimationShakeConfig,AnimationShakeName}from"./motion/animations/cds-component-shake.js";export{AnimationNavigationGroupOpenConfig,AnimationNavigationGroupOpenName}from"./motion/animations/cds-navigation-group-open.js";export{AnimationNavigationOpenConfig,AnimationNavigationOpenName}from"./motion/animations/cds-navigation-open.js";export{AnimationTreeItemExpandConfig,AnimationTreeItemExpandName}from"./motion/animations/cds-tree-item-expand.js";import"ramda/es/is.js";import"ramda/es/isEmpty.js";import"ramda/es/isNil.js";import"ramda/es/includes.js";import"ramda/es/without.js";import"ramda/es/clone.js";import"lit/decorators/property.js";const t=e;export{t as baseStyles};
+import e from"./base/base.element.scss.js";export{CdsBaseButton}from"./base/button.base.js";export{CdsBaseFocusTrap}from"./base/focus-trap.base.js";export{hslToRgb,rgbToHex}from"./utils/color.js";export{addClassnames,getCssPropertyValue,hasClassnames,isCssPropertyName,pxToRem,removeClassnames,removeClassnamesUnless,updateElementStyles}from"./utils/css.js";export{addAttributeValue,assignSlotNames,getElementWidth,getElementWidthUnless,hasAttributeAndIsNotEmpty,isFocusable,isHTMLElement,isVisible,listenForAttributeChange,queryChildFromLightOrShadowDom,removeAttributeValue,removeAttributes,setAttributes,setOrRemoveAttribute,spanWrapper}from"./utils/dom.js";export{registerElementSafely}from"./utils/register.js";export{animate}from"./decorators/animate.js";export{querySlot,querySlotAll}from"./decorators/query-slot.js";export{getDefaultOptions,property,requirePropertyCheck,state}from"./decorators/property.js";export{EventEmitter,event}from"./decorators/event.js";export{SpreadProps,spreadProps}from"./directives/spread-props.js";export{id}from"./decorators/id.js";export{i18n}from"./decorators/i18n.js";export{globalStyle}from"./decorators/global-style.js";export{CDS_FOCUS_TRAP_DOCUMENT_ATTR,FocusTrapTrackerService}from"./services/focus-trap-tracker.service.js";export{GlobalStateService}from"./services/global.service.js";export{I18nService,componentStringsDefault}from"./services/i18n.service.js";export{LogService,notProductionEnvironment}from"./services/log.service.js";export{sleep}from"./utils/async.js";export{describeElementByElements,hasAriaLabelTypeAttr}from"./utils/a11y.js";export{arrayHead,arrayTail,arrayToObject,nextInArray,previousInArray}from"./utils/array.js";export{KeyCodeService,getKeycodeFromRegistry}from"./services/keycodes.service.js";export{returnOrFallthrough}from"./utils/conditional.js";export{elementExists,existsIn,existsInWindow,isBrowser}from"./utils/exists.js";export{FocusTrap,addReboundElementsToFocusTrapElement,castHtmlElementToFocusTrapElement,createFocusTrapReboundElement,elementIsOutsideFocusTrapElement,refocusIfOutsideFocusTrapElement,removeReboundElementsFromFocusTrapElement}from"./utils/focus-trap.js";export{getAngularJSVersion,getAngularVersion,getReactVersion,getVueVersion,isStorybook}from"./utils/framework.js";export{getElementLanguageDirection}from"./i18n/utils.js";export{allPropertiesPass,anyOrAllPropertiesPass,anyPropertiesPass,convertStringPropValuePairsToTuple,createId,deepClone,getEnumValues,getMillisecondsFromSeconds,hasPropertyChanged,hasStringPropertyChanged,hasStringPropertyChangedAndNotNil,isMap,isNilOrEmpty,isNumericString,isObject,isObjectAndNotNilOrEmpty,isString,isStringAndNotNilOrEmpty,isStringOrNil}from"./utils/identity.js";export{getModifierKeysFromKeyCombo,keyWasEvented,onAnyKey,onKey,onKeyCombo,removeModifierKeysFromKeyCombo}from"./utils/keycodes.js";export{childrenUpdateComplete,syncDefinedProps,syncProps,syncPropsForAllItems}from"./utils/lit.js";export{getElementStorybookArgTypes,getElementStorybookArgs}from"./utils/metadata.js";export{elementResize,elementVisible,updateComponentLayout}from"./utils/responsive.js";export{isTshirtSize,updateEquilateralSizeStyles}from"./utils/size.js";export{camelCaseToKebabCase,capitalizeFirstLetter,cssGroup,getNumericValueFromCssSecondsStyleValue,isPrefixedBy,isPrefixedOrSuffixedBy,isSuffixedBy,kebabCaseToCamelCase,kebabCaseToPascalCase,propertiesGroup,removePrefix,removePrefixOrSuffix,removeSuffix,setPropStyles,setStyles,transformToSpacedString,transformToString,transformToUnspacedString}from"./utils/string.js";export{browserFeatures}from"./utils/supports.js";export{getElementUpdates,stopEvent}from"./utils/events.js";export{EventSubject}from"./utils/event-subject.js";import"./interfaces/index.js";export{AnimationStatus,CLARITY_MOTION_ENTER_LEAVE_PROPERTY,CLARITY_MOTION_FALLBACK_DURATION_IN_MS,CLARITY_MOTION_FALLBACK_EASING,CLARITY_MOTION_REVERSE_ANIMATION_LABEL,CLARITY_MOTION_REVERSE_ANIMATION_SUFFIX,PRIVATE_ANIMATION_STATUS_ATTR_NAME}from"./motion/interfaces.js";export{ClarityMotion}from"./motion/motion.service.js";export{animationIsReversed,extractAnimationNameIfReversed,filterAnimationsByUpdatedProperties,flattenAndSortAnimations,getAnimationConfigForPropertyValue,getAnimationFromOverrideOrDecorator,getAnimationKeyframesOrPropertyIndexedFrames,getAnimationPromiseInstructions,getAnimationTarget,getHidingAndNonHidingPropertyAnimations,getInlineOverride,getPropertyAnimations,resolveAnimationEndStatus,reverseAnimation,reverseAnimationConfig,runPropertyAnimations,setAnimationConfigOptions,setAnimationDuration,setAnimationEasing,setAnimationProperty,setAnimationStartStatus,sizeDimensionKeyframes,zeroOutAnimationConfig}from"./motion/utils.js";export{AnimationModalEnterConfig,AnimationModalEnterName}from"./motion/animations/cds-modal-enter.js";export{AnimationAccordionPanelOpenConfig,AnimationAccordionPanelOpenName}from"./motion/animations/cds-accordion-panel-open.js";export{AnimationHingeConfig,AnimationHingeName}from"./motion/animations/cds-overlay-hinge-example.js";export{AnimationShakeConfig,AnimationShakeName}from"./motion/animations/cds-component-shake.js";export{AnimationNavigationGroupOpenConfig,AnimationNavigationGroupOpenName}from"./motion/animations/cds-navigation-group-open.js";export{AnimationNavigationOpenConfig,AnimationNavigationOpenName}from"./motion/animations/cds-navigation-open.js";export{AnimationTreeItemExpandConfig,AnimationTreeItemExpandName}from"./motion/animations/cds-tree-item-expand.js";import"ramda/es/is.js";import"ramda/es/isEmpty.js";import"ramda/es/isNil.js";import"ramda/es/includes.js";import"ramda/es/without.js";import"ramda/es/clone.js";import"lit/decorators/property.js";const t=e;export{t as baseStyles};
 //# sourceMappingURL=index.js.map

package/internal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/internal/index.ts"],"sourcesContent":null,"names":["baseStyles","styles"],"mappings":"ogLAOY,MAACA,EAAaC"}
+{"version":3,"file":"index.js","sources":["../../../src/internal/index.ts"],"sourcesContent":null,"names":["baseStyles","styles"],"mappings":"ojLAOY,MAACA,EAAaC"}

package/internal/utils/color.d.ts

@@ -0,0 +1,2 @@
+export declare function hslToRgb(h: number, s: number, l: number): number[];
+export declare function rgbToHex(red: number, green: number, blue: number): string;

package/internal/utils/color.js

@@ -0,0 +1,2 @@
+function t(t,n,r){const o=(n/=100)*Math.min(r/=100,1-r),h=(n,h=(n+t/30)%12)=>r-o*Math.max(Math.min(h-3,9-h,1),-1);return[Math.round(255*h(0)),Math.round(255*h(8)),Math.round(255*h(4))]}function n(t,n,r){let o=t.toString(16),h=n.toString(16),a=r.toString(16);return 1===o.length&&(o="0"+o),1===h.length&&(h="0"+h),1===a.length&&(a="0"+a),`#${o}${h}${a}`}export{t as hslToRgb,n as rgbToHex};
+//# sourceMappingURL=color.js.map

package/internal/utils/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sources":["../../../../src/internal/utils/color.ts"],"sourcesContent":null,"names":["hslToRgb","h","s","l","a","Math","min","f","n","k","max","round","rgbToHex","red","green","blue","r","toString","g","b","length"],"mappings":"AAAO,SAASA,EAASC,EAAGC,EAAGC,GAG3B,MAAMC,GAFNF,GAAQ,KAEMG,KAAKC,IADnBH,GAAQ,IACkB,EAAIA,GACxBI,EAAI,CAACC,EAAGC,GAAKD,EAAIP,EAAI,IAAM,KAAOE,EAAIC,EAAIC,KAAKK,IAAIL,KAAKC,IAAIG,EAAI,EAAG,EAAIA,EAAG,IAAK,GACrF,MAAO,CAACJ,KAAKM,MAAa,IAAPJ,EAAE,IAAWF,KAAKM,MAAa,IAAPJ,EAAE,IAAWF,KAAKM,MAAa,IAAPJ,EAAE,KAElE,SAASK,EAASC,EAAKC,EAAOC,GACjC,IAAIC,EAAIH,EAAII,SAAS,IACjBC,EAAIJ,EAAMG,SAAS,IACnBE,EAAIJ,EAAKE,SAAS,IAUtB,OATiB,IAAbD,EAAEI,SACFJ,EAAI,IAAMA,GAEG,IAAbE,EAAEE,SACFF,EAAI,IAAMA,GAEG,IAAbC,EAAEC,SACFD,EAAI,IAAMA,GAEP,IAAIH,IAAIE,IAAIC"}

package/internal/utils/global.js

@@ -1,2 +1,2 @@
-import{isBrowser as e}from"./exists.js";import{getAngularVersion as o,getAngularJSVersion as n,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){var e;const o="5.5.4";window.CDS._version.indexOf(o)<0&&(window.CDS._version.push(o),null===(e=document.querySelector("body"))||void 0===e||e.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,o,n)=>{const t={key:o,prev:window.CDS._state[o],current:n};return e[o]=n,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:o(!1),angularJSVersion:n(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
+import{isBrowser as e}from"./exists.js";import{getAngularVersion as o,getAngularJSVersion as n,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){var e;const o="5.5.8";window.CDS._version.indexOf(o)<0&&(window.CDS._version.push(o),null===(e=document.querySelector("body"))||void 0===e||e.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,o,n)=>{const t={key:o,prev:window.CDS._state[o],current:n};return e[o]=n,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:o(!1),angularJSVersion:n(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
 //# sourceMappingURL=global.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cds/core",
-  "version": "5.5.4",
+  "version": "5.5.8",
   "license": "MIT",
   "author": "clarity",
   "description": "Clarity Design System Web Components",

package/select/register.js

@@ -1,2 +1,2 @@
-import{registerElementSafely as e}from"@cds/core/internal";import{CdsSelect as r}from"./select.element.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";e("cds-select",r);
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsSelect as e}from"./select.element.js";import{ClarityIcons as o}from"@cds/core/icon/icon.service.js";import{angleIcon as s}from"@cds/core/icon/shapes/angle.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";o.addIcons(s),r("cds-select",e);
 //# sourceMappingURL=register.js.map

package/select/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/select/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsSelect"],"mappings":"kLASAA,EAAsB,aAAcC"}
+{"version":3,"file":"register.js","sources":["../../../src/select/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","angleIcon","registerElementSafely","CdsSelect"],"mappings":"2SAWAA,EAAaC,SAASC,GACtBC,EAAsB,aAAcC"}

package/select/select.element.d.ts

@@ -35,6 +35,6 @@ export declare class CdsSelect extends CdsControl {
     static get styles(): import("lit").CSSResultGroup[];
     protected globalStyles: import("lit").CSSResultGroup;
     protected multiple: boolean;
-    constructor();
+    protected size: boolean;
     firstUpdated(props: Map<string, any>): void;
 }

package/select/select.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as o}from"lit";import{listenForAttributeChange as e,globalStyle as s,state as r}from"@cds/core/internal";import{CdsControl as i}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import{ClarityIcons as c}from"@cds/core/icon/icon.service.js";import{angleIcon as p}from"@cds/core/icon/shapes/angle.js";import n from"./select.global.scss.js";import m from"./select.element.scss.js";class d extends i{constructor(){super(),this.globalStyles=n,this.multiple=!1,c.addIcons(p)}get suffixDefaultTemplate(){return o`<cds-control-action readonly="readonly"><cds-icon shape="angle" direction="down"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,l,m]}firstUpdated(t){super.firstUpdated(t),this.multiple=this.inputControl.hasAttribute("multiple"),this.observers.push(e(this.inputControl,"multiple",(t=>this.multiple=null!==t)))}}t([s()],d.prototype,"globalStyles",void 0),t([r({type:Boolean,reflect:!0})],d.prototype,"multiple",void 0);export{d as CdsSelect};
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{listenForAttributeChange as s,globalStyle as o,state as i}from"@cds/core/internal";import{CdsControl as r}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import p from"./select.global.scss.js";import n from"./select.element.scss.js";class c extends r{constructor(){super(...arguments),this.globalStyles=p,this.multiple=!1,this.size=!1}get suffixDefaultTemplate(){return e`<cds-control-action readonly="readonly"><cds-icon shape="angle" direction="down"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,l,n]}firstUpdated(t){super.firstUpdated(t),this.multiple=this.inputControl.hasAttribute("multiple"),this.observers.push(s(this.inputControl,"multiple",(t=>this.multiple=null!==t))),this.size=this.inputControl.hasAttribute("size"),this.observers.push(s(this.inputControl,"size",(t=>this.size=null!==t)))}}t([o()],c.prototype,"globalStyles",void 0),t([i({type:Boolean,reflect:!0})],c.prototype,"multiple",void 0),t([i({type:Boolean,reflect:!0})],c.prototype,"size",void 0);export{c as CdsSelect};
 //# sourceMappingURL=select.element.js.map

package/select/select.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":null,"names":["CdsSelect","CdsControl","[object Object]","super","this","globalStyles","multiple","ClarityIcons","addIcons","angleIcon","suffixDefaultTemplate","html","styles","inputStyles","props","firstUpdated","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"2bA6CO,MAAMA,UAAkBC,EAC3BC,cACIC,QACAC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBC,EAAaC,SAASC,GAE1BC,4BACI,OAAOC,CAAK,oHAEhBC,oBACI,MAAO,IAAIT,MAAMS,OAAQC,EAAaD,GAE1CV,aAAaY,GACTX,MAAMY,aAAaD,GACnBV,KAAKE,SAAWF,KAAKY,aAAaC,aAAa,YAC/Cb,KAAKc,UAAUC,KAAKC,EAAyBhB,KAAKY,aAAc,YAAYK,GAAQjB,KAAKE,SAAmB,OAARe,MAG5GC,EAAW,CACPC,KACDvB,EAAUwB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC5B,EAAUwB,UAAW,gBAAY"}
+{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":null,"names":["CdsSelect","CdsControl","[object Object]","super","arguments","this","globalStyles","multiple","size","suffixDefaultTemplate","html","styles","inputStyles","props","firstUpdated","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"kUA2CO,MAAMA,UAAkBC,EAC3BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBF,KAAKG,MAAO,EAEhBC,4BACI,OAAOC,CAAK,oHAEhBC,oBACI,MAAO,IAAIR,MAAMQ,OAAQC,EAAaD,GAE1CT,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKE,SAAWF,KAAKU,aAAaC,aAAa,YAC/CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,YAAYK,GAAQf,KAAKE,SAAmB,OAARa,KACpGf,KAAKG,KAAOH,KAAKU,aAAaC,aAAa,QAC3CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,QAAQK,GAAQf,KAAKG,KAAe,OAARY,MAGpGC,EAAW,CACPC,KACDtB,EAAUuB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC3B,EAAUuB,UAAW,gBAAY,GACpCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC3B,EAAUuB,UAAW,YAAQ"}

package/select/select.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var r=o`:host([_multiple]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-bottom:0}:host([_multiple]) cds-control-action{display:none}::slotted([slot=input]){cursor:pointer}::slotted([slot=input][multiple]){width:100%!important;border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem))!important;border:var(--border);padding:0!important;font-size:var(--cds-global-typography-font-size-3,calc((13 / var(--cds-global-base,20)) * 1rem))!important}`;export default r;
+import{css as o}from"lit";var t=o`:host([_multiple]),:host([_size]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-bottom:0}:host([_multiple]) cds-control-action,:host([_size]) cds-control-action{display:none}::slotted([slot=input]){cursor:pointer}::slotted([slot=input][multiple]),::slotted([slot=input][size]){width:100%!important;border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem))!important;border:var(--border);padding:0!important;font-size:var(--cds-global-typography-font-size-3,calc((13 / var(--cds-global-base,20)) * 1rem))!important}`;export default t;
 //# sourceMappingURL=select.element.scss.js.map

package/styles/module.tokens.css

@@ -255,12 +255,12 @@
   --cds-global-typography-color-300: var(--cds-global-color-construction-800);
   --cds-global-typography-color-400: var(--cds-global-color-construction-900);
   --cds-global-typography-color-500: var(--cds-global-color-black);
-  --cds-global-typography-font-weight-light: 200;
+  --cds-global-typography-font-weight-light: 300;
   --cds-global-typography-font-weight-regular: 400;
   --cds-global-typography-font-weight-medium: 500;
-  --cds-global-typography-font-weight-semibold: 500;
-  --cds-global-typography-font-weight-bold: 500;
-  --cds-global-typography-font-weight-extrabold: 500;
+  --cds-global-typography-font-weight-semibold: 600;
+  --cds-global-typography-font-weight-bold: 600;
+  --cds-global-typography-font-weight-extrabold: 600;
   --cds-global-typography-font-size-0: calc((10 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-font-size-1: calc((11 / var(--cds-global-base, 20)) * 1rem);
   --cds-global-typography-font-size-2: calc((12 / var(--cds-global-base, 20)) * 1rem);
@@ -353,6 +353,9 @@
   --cds-alias-object-opacity-100: hsla(0, 0%, 0%, 0.2);
   --cds-alias-object-opacity-200: hsla(0, 0%, 0%, 0.4);
   --cds-alias-object-opacity-300: hsla(0, 0%, 0%, 0.6);
+  --cds-alias-object-interaction-outline: Highlight solid 2px;
+  --cds-alias-object-interaction-outline-offset: 1px;
+  --cds-alias-object-interaction-touch-target: calc((36 / var(--cds-global-base, 20)) * 1rem);
   --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-500);
   --cds-alias-object-interaction-background: var(--cds-global-color-white);
   --cds-alias-object-interaction-background-hover: var(--cds-global-color-blue-50);

package/styles/module.tokens.min.css

@@ -1 +1 @@
-:root{--cds-global-layout-space-xxs:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xs:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-sm:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-md:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-lg:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xl:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xxl:calc((96 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-grid-cols:12;--cds-global-layout-width-xs:576px;--cds-global-layout-width-sm:768px;--cds-global-layout-width-md:992px;--cds-global-layout-width-lg:1200px;--cds-global-layout-width-xl:1440px;--cds-global-space-0:calc((0 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-1:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-2:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-3:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-4:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-5:calc((8 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-6:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-7:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-8:calc((18 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-9:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-10:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-11:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-12:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-13:calc((72 / var(--cds-global-base, 20)) * 1rem);--cds-global-color-black:hsl(0, 0%, 0%);--cds-global-color-white:hsl(0, 0%, 100%);--cds-global-color-green-50:hsl(93, 80%, 94%);--cds-global-color-green-100:hsl(93, 80%, 83%);--cds-global-color-green-200:hsl(93, 80%, 70%);--cds-global-color-green-300:hsl(93, 80%, 56%);--cds-global-color-green-400:hsl(93, 80%, 48%);--cds-global-color-green-500:hsl(93, 80%, 44%);--cds-global-color-green-600:hsl(93, 80%, 37%);--cds-global-color-green-700:hsl(93, 80%, 28%);--cds-global-color-green-800:hsl(93, 80%, 23%);--cds-global-color-green-900:hsl(93, 80%, 17%);--cds-global-color-green-1000:hsl(93, 80%, 12%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-100:hsl(198, 100%, 87%);--cds-global-color-blue-200:hsl(198, 100%, 78%);--cds-global-color-blue-300:hsl(198, 100%, 70%);--cds-global-color-blue-400:hsl(198, 100%, 59%);--cds-global-color-blue-500:hsl(198, 100%, 48%);--cds-global-color-blue-600:hsl(198, 100%, 43%);--cds-global-color-blue-700:hsl(198, 100%, 34%);--cds-global-color-blue-800:hsl(198, 100%, 27%);--cds-global-color-blue-900:hsl(198, 100%, 21%);--cds-global-color-blue-1000:hsl(198, 100%, 15%);--cds-global-color-violet-50:hsl(282, 100%, 97%);--cds-global-color-violet-100:hsl(282, 80%, 91%);--cds-global-color-violet-200:hsl(282, 73%, 83%);--cds-global-color-violet-300:hsl(282, 66%, 74%);--cds-global-color-violet-400:hsl(282, 60%, 65%);--cds-global-color-violet-500:hsl(282, 60%, 57%);--cds-global-color-violet-600:hsl(282, 60%, 49%);--cds-global-color-violet-700:hsl(283, 80%, 36%);--cds-global-color-violet-800:hsl(282, 100%, 26%);--cds-global-color-violet-900:hsl(282, 100%, 19%);--cds-global-color-violet-1000:hsl(282, 100%, 14%);--cds-global-color-red-50:hsl(9, 100%, 97%);--cds-global-color-red-100:hsl(9, 100%, 94%);--cds-global-color-red-200:hsl(9, 100%, 88%);--cds-global-color-red-300:hsl(9, 100%, 79%);--cds-global-color-red-400:hsl(9, 100%, 71%);--cds-global-color-red-500:hsl(9, 100%, 65%);--cds-global-color-red-600:hsl(9, 100%, 60%);--cds-global-color-red-700:hsl(9, 100%, 44%);--cds-global-color-red-800:hsl(9, 100%, 38%);--cds-global-color-red-900:hsl(9, 100%, 28%);--cds-global-color-red-1000:hsl(9, 100%, 22%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 35%);--cds-global-color-yellow-800:hsl(40, 100%, 26%);--cds-global-color-yellow-900:hsl(40, 100%, 18%);--cds-global-color-yellow-1000:hsl(40, 100%, 13%);--cds-global-color-tangerine-50:hsl(25, 100%, 95%);--cds-global-color-tangerine-100:hsl(25, 100%, 88%);--cds-global-color-tangerine-200:hsl(25, 94%, 78%);--cds-global-color-tangerine-300:hsl(25, 100%, 72%);--cds-global-color-tangerine-400:hsl(25, 100%, 62%);--cds-global-color-tangerine-500:hsl(25, 100%, 48%);--cds-global-color-tangerine-600:hsl(25, 100%, 41%);--cds-global-color-tangerine-700:hsl(25, 100%, 34%);--cds-global-color-tangerine-800:hsl(25, 100%, 25%);--cds-global-color-tangerine-900:hsl(25, 100%, 19%);--cds-global-color-tangerine-1000:hsl(25, 100%, 15%);--cds-global-color-magenta-50:hsl(345, 100%, 95%);--cds-global-color-magenta-100:hsl(345, 100%, 87%);--cds-global-color-magenta-200:hsl(345, 100%, 79%);--cds-global-color-magenta-300:hsl(345, 100%, 70%);--cds-global-color-magenta-400:hsl(345, 100%, 61%);--cds-global-color-magenta-500:hsl(345, 81%, 50%);--cds-global-color-magenta-600:hsl(345, 83%, 40%);--cds-global-color-magenta-700:hsl(345, 91%, 31%);--cds-global-color-magenta-800:hsl(345, 100%, 24%);--cds-global-color-magenta-900:hsl(345, 100%, 19%);--cds-global-color-magenta-1000:hsl(345, 100%, 15%);--cds-global-color-pink-50:hsl(324, 100%, 97%);--cds-global-color-pink-100:hsl(324, 95%, 91%);--cds-global-color-pink-200:hsl(324, 84%, 81%);--cds-global-color-pink-300:hsl(324, 78%, 70%);--cds-global-color-pink-400:hsl(324, 78%, 62%);--cds-global-color-pink-500:hsl(324, 64%, 51%);--cds-global-color-pink-600:hsl(324, 80%, 39%);--cds-global-color-pink-700:hsl(324, 100%, 30%);--cds-global-color-pink-800:hsl(324, 100%, 24%);--cds-global-color-pink-900:hsl(324, 100%, 18%);--cds-global-color-pink-1000:hsl(324, 100%, 15%);--cds-global-color-warm-gray-50:hsl(282, 3%, 97%);--cds-global-color-warm-gray-100:hsl(282, 3%, 92%);--cds-global-color-warm-gray-200:hsl(282, 3%, 84%);--cds-global-color-warm-gray-300:hsl(282, 3%, 74%);--cds-global-color-warm-gray-400:hsl(282, 3%, 63%);--cds-global-color-warm-gray-500:hsl(282, 3%, 54%);--cds-global-color-warm-gray-600:hsl(282, 3%, 43%);--cds-global-color-warm-gray-700:hsl(282, 3%, 35%);--cds-global-color-warm-gray-800:hsl(282, 3%, 28%);--cds-global-color-warm-gray-900:hsl(282, 3%, 20%);--cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);--cds-global-color-slate-50:hsl(238, 20%, 96%);--cds-global-color-slate-100:hsl(238, 20%, 91%);--cds-global-color-slate-200:hsl(238, 20%, 82%);--cds-global-color-slate-300:hsl(238, 20%, 73%);--cds-global-color-slate-400:hsl(238, 20%, 63%);--cds-global-color-slate-500:hsl(238, 23%, 56%);--cds-global-color-slate-600:hsl(238, 24%, 49%);--cds-global-color-slate-700:hsl(238, 28%, 38%);--cds-global-color-slate-800:hsl(238, 28%, 29%);--cds-global-color-slate-900:hsl(238, 28%, 22%);--cds-global-color-slate-1000:hsl(238, 28%, 14%);--cds-global-color-ice-50:hsl(211, 100%, 97%);--cds-global-color-ice-100:hsl(211, 58%, 90%);--cds-global-color-ice-200:hsl(211, 53%, 81%);--cds-global-color-ice-300:hsl(211, 49%, 70%);--cds-global-color-ice-400:hsl(211, 47%, 62%);--cds-global-color-ice-500:hsl(211, 47%, 53%);--cds-global-color-ice-600:hsl(211, 56%, 44%);--cds-global-color-ice-700:hsl(211, 69%, 34%);--cds-global-color-ice-800:hsl(211, 69%, 27%);--cds-global-color-ice-900:hsl(211, 100%, 20%);--cds-global-color-ice-1000:hsl(211, 100%, 14%);--cds-global-color-cool-gray-50:hsl(211, 20%, 96%);--cds-global-color-cool-gray-100:hsl(211, 20%, 90%);--cds-global-color-cool-gray-200:hsl(211, 20%, 81%);--cds-global-color-cool-gray-300:hsl(211, 20%, 72%);--cds-global-color-cool-gray-400:hsl(211, 20%, 61%);--cds-global-color-cool-gray-500:hsl(211, 20%, 53%);--cds-global-color-cool-gray-600:hsl(211, 20%, 44%);--cds-global-color-cool-gray-700:hsl(211, 23%, 36%);--cds-global-color-cool-gray-800:hsl(211, 30%, 28%);--cds-global-color-cool-gray-900:hsl(211, 40%, 22%);--cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);--cds-global-color-tan-50:hsl(41, 23%, 96%);--cds-global-color-tan-100:hsl(41, 22%, 91%);--cds-global-color-tan-200:hsl(41, 27%, 82%);--cds-global-color-tan-300:hsl(41, 23%, 68%);--cds-global-color-tan-400:hsl(41, 23%, 58%);--cds-global-color-tan-500:hsl(41, 20%, 47%);--cds-global-color-tan-600:hsl(41, 20%, 40%);--cds-global-color-tan-700:hsl(41, 20%, 32%);--cds-global-color-tan-800:hsl(41, 23%, 26%);--cds-global-color-tan-900:hsl(41, 23%, 21%);--cds-global-color-tan-1000:hsl(41, 22%, 16%);--cds-global-color-construction-50:hsl(198, 36%, 96%);--cds-global-color-construction-100:hsl(198, 20%, 91%);--cds-global-color-construction-200:hsl(198, 14%, 82%);--cds-global-color-construction-300:hsl(198, 10%, 71%);--cds-global-color-construction-400:hsl(198, 9%, 56%);--cds-global-color-construction-500:hsl(198, 10%, 46%);--cds-global-color-construction-600:hsl(198, 14%, 36%);--cds-global-color-construction-700:hsl(198, 19%, 28%);--cds-global-color-construction-800:hsl(198, 23%, 23%);--cds-global-color-construction-900:hsl(198, 28%, 18%);--cds-global-color-construction-1000:hsl(198, 30%, 15%);--cds-global-color-gray-0:hsl(0, 0%, 100%);--cds-global-color-gray-50:hsl(0, 0%, 98%);--cds-global-color-gray-100:hsl(0, 0%, 95%);--cds-global-color-gray-200:hsl(0, 0%, 91%);--cds-global-color-gray-300:hsl(0, 0%, 87%);--cds-global-color-gray-400:hsl(0, 0%, 80%);--cds-global-color-gray-500:hsl(0, 0%, 70%);--cds-global-color-gray-600:hsl(0, 0%, 55%);--cds-global-color-gray-700:hsl(0, 0%, 40%);--cds-global-color-gray-800:hsl(0, 0%, 27%);--cds-global-color-gray-900:hsl(0, 0%, 20%);--cds-global-color-gray-1000:hsl(0, 0%, 0%);--cds-global-typography-color-100:var(--cds-global-color-white);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-300:var(--cds-global-color-construction-800);--cds-global-typography-color-400:var(--cds-global-color-construction-900);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:200;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:500;--cds-global-typography-font-weight-bold:500;--cds-global-typography-font-weight-extrabold:500;--cds-global-typography-font-size-0:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-1:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-2:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-3:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-4:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-5:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-6:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-7:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-8:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-9:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-base-font-size:125%;--cds-global-typography-base-font-size-px:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-global-typography-top-gap-height:0.1475em;--cds-global-typography-ascender-height:0.1703em;--cds-global-typography-x-height:0.517em;--cds-global-typography-link-color:var(--cds-global-color-blue-800);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-900);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-global-typography-body-font-size:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-body-line-height:1.42857em;--cds-global-typography-body-letter-spacing:-0.014286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:400;--cds-global-typography-heading-font-size:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:400;--cds-global-typography-title-font-size:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-title-line-height:1.16667em;--cds-global-typography-title-letter-spacing:-0.008333em;--cds-global-typography-title-font-weight:400;--cds-global-typography-section-font-size:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:400;--cds-global-typography-subsection-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-subsection-line-height:1.25em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:400;--cds-global-typography-message-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc((400 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-font-size:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-line-height:1.23077em;--cds-global-typography-secondary-letter-spacing:-0.007692em;--cds-global-typography-secondary-font-weight:400;--cds-global-typography-caption-font-size:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-caption-line-height:1.454545em;--cds-global-typography-caption-letter-spacing:0.018182em;--cds-global-typography-caption-font-weight:400;--cds-global-typography-smallcaption-font-size:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--cds-global-animation-duration-slow:0.5s;--cds-global-animation-duration-slower:0.7s;--cds-global-animation-duration-slowest:0.8s;--cds-global-animation-easing-primary:cubic-bezier(0,.99,0,.99);--cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);--cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);--cds-global-base:20;--cds-alias-object-border-radius-100:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-200:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-200:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-300:calc((3 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-400:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-color:var(--cds-global-color-construction-200);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);--cds-alias-object-shadow-100:0 1px 3px 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 1px 3px 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 1px 3px 0 hsla(198, 30%, 15%, 0.2);--cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);--cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);--cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);--cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);--cds-alias-object-interaction-background:var(--cds-global-color-white);--cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-100);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-app-background:var(--cds-global-color-gray-50);--cds-alias-object-overlay-background:var(--cds-global-color-white);--cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);--cds-alias-object-container-background:var(--cds-global-color-white);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-status-info:var(--cds-global-color-blue-700);--cds-alias-status-info-tint:var(--cds-global-color-blue-50);--cds-alias-status-info-shade:var(--cds-global-color-blue-800);--cds-alias-status-success:var(--cds-global-color-green-700);--cds-alias-status-success-tint:var(--cds-global-color-green-50);--cds-alias-status-success-shade:var(--cds-global-color-green-800);--cds-alias-status-warning:var(--cds-global-color-ochre-500);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);--cds-alias-status-danger:var(--cds-global-color-red-700);--cds-alias-status-danger-tint:var(--cds-global-color-red-50);--cds-alias-status-danger-shade:var(--cds-global-color-red-800);--cds-alias-status-neutral:var(--cds-global-color-construction-600);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);--cds-alias-status-disabled:var(--cds-global-color-construction-300);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);--cds-alias-status-alt:var(--cds-global-color-violet-700);--cds-alias-status-alt-tint:var(--cds-global-color-violet-600);--cds-alias-status-alt-shade:var(--cds-global-color-violet-900)}
+:root{--cds-global-layout-space-xxs:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xs:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-sm:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-md:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-lg:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xl:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xxl:calc((96 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-grid-cols:12;--cds-global-layout-width-xs:576px;--cds-global-layout-width-sm:768px;--cds-global-layout-width-md:992px;--cds-global-layout-width-lg:1200px;--cds-global-layout-width-xl:1440px;--cds-global-space-0:calc((0 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-1:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-2:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-3:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-4:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-5:calc((8 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-6:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-7:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-8:calc((18 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-9:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-10:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-11:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-12:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-13:calc((72 / var(--cds-global-base, 20)) * 1rem);--cds-global-color-black:hsl(0, 0%, 0%);--cds-global-color-white:hsl(0, 0%, 100%);--cds-global-color-green-50:hsl(93, 80%, 94%);--cds-global-color-green-100:hsl(93, 80%, 83%);--cds-global-color-green-200:hsl(93, 80%, 70%);--cds-global-color-green-300:hsl(93, 80%, 56%);--cds-global-color-green-400:hsl(93, 80%, 48%);--cds-global-color-green-500:hsl(93, 80%, 44%);--cds-global-color-green-600:hsl(93, 80%, 37%);--cds-global-color-green-700:hsl(93, 80%, 28%);--cds-global-color-green-800:hsl(93, 80%, 23%);--cds-global-color-green-900:hsl(93, 80%, 17%);--cds-global-color-green-1000:hsl(93, 80%, 12%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-100:hsl(198, 100%, 87%);--cds-global-color-blue-200:hsl(198, 100%, 78%);--cds-global-color-blue-300:hsl(198, 100%, 70%);--cds-global-color-blue-400:hsl(198, 100%, 59%);--cds-global-color-blue-500:hsl(198, 100%, 48%);--cds-global-color-blue-600:hsl(198, 100%, 43%);--cds-global-color-blue-700:hsl(198, 100%, 34%);--cds-global-color-blue-800:hsl(198, 100%, 27%);--cds-global-color-blue-900:hsl(198, 100%, 21%);--cds-global-color-blue-1000:hsl(198, 100%, 15%);--cds-global-color-violet-50:hsl(282, 100%, 97%);--cds-global-color-violet-100:hsl(282, 80%, 91%);--cds-global-color-violet-200:hsl(282, 73%, 83%);--cds-global-color-violet-300:hsl(282, 66%, 74%);--cds-global-color-violet-400:hsl(282, 60%, 65%);--cds-global-color-violet-500:hsl(282, 60%, 57%);--cds-global-color-violet-600:hsl(282, 60%, 49%);--cds-global-color-violet-700:hsl(283, 80%, 36%);--cds-global-color-violet-800:hsl(282, 100%, 26%);--cds-global-color-violet-900:hsl(282, 100%, 19%);--cds-global-color-violet-1000:hsl(282, 100%, 14%);--cds-global-color-red-50:hsl(9, 100%, 97%);--cds-global-color-red-100:hsl(9, 100%, 94%);--cds-global-color-red-200:hsl(9, 100%, 88%);--cds-global-color-red-300:hsl(9, 100%, 79%);--cds-global-color-red-400:hsl(9, 100%, 71%);--cds-global-color-red-500:hsl(9, 100%, 65%);--cds-global-color-red-600:hsl(9, 100%, 60%);--cds-global-color-red-700:hsl(9, 100%, 44%);--cds-global-color-red-800:hsl(9, 100%, 38%);--cds-global-color-red-900:hsl(9, 100%, 28%);--cds-global-color-red-1000:hsl(9, 100%, 22%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 35%);--cds-global-color-yellow-800:hsl(40, 100%, 26%);--cds-global-color-yellow-900:hsl(40, 100%, 18%);--cds-global-color-yellow-1000:hsl(40, 100%, 13%);--cds-global-color-tangerine-50:hsl(25, 100%, 95%);--cds-global-color-tangerine-100:hsl(25, 100%, 88%);--cds-global-color-tangerine-200:hsl(25, 94%, 78%);--cds-global-color-tangerine-300:hsl(25, 100%, 72%);--cds-global-color-tangerine-400:hsl(25, 100%, 62%);--cds-global-color-tangerine-500:hsl(25, 100%, 48%);--cds-global-color-tangerine-600:hsl(25, 100%, 41%);--cds-global-color-tangerine-700:hsl(25, 100%, 34%);--cds-global-color-tangerine-800:hsl(25, 100%, 25%);--cds-global-color-tangerine-900:hsl(25, 100%, 19%);--cds-global-color-tangerine-1000:hsl(25, 100%, 15%);--cds-global-color-magenta-50:hsl(345, 100%, 95%);--cds-global-color-magenta-100:hsl(345, 100%, 87%);--cds-global-color-magenta-200:hsl(345, 100%, 79%);--cds-global-color-magenta-300:hsl(345, 100%, 70%);--cds-global-color-magenta-400:hsl(345, 100%, 61%);--cds-global-color-magenta-500:hsl(345, 81%, 50%);--cds-global-color-magenta-600:hsl(345, 83%, 40%);--cds-global-color-magenta-700:hsl(345, 91%, 31%);--cds-global-color-magenta-800:hsl(345, 100%, 24%);--cds-global-color-magenta-900:hsl(345, 100%, 19%);--cds-global-color-magenta-1000:hsl(345, 100%, 15%);--cds-global-color-pink-50:hsl(324, 100%, 97%);--cds-global-color-pink-100:hsl(324, 95%, 91%);--cds-global-color-pink-200:hsl(324, 84%, 81%);--cds-global-color-pink-300:hsl(324, 78%, 70%);--cds-global-color-pink-400:hsl(324, 78%, 62%);--cds-global-color-pink-500:hsl(324, 64%, 51%);--cds-global-color-pink-600:hsl(324, 80%, 39%);--cds-global-color-pink-700:hsl(324, 100%, 30%);--cds-global-color-pink-800:hsl(324, 100%, 24%);--cds-global-color-pink-900:hsl(324, 100%, 18%);--cds-global-color-pink-1000:hsl(324, 100%, 15%);--cds-global-color-warm-gray-50:hsl(282, 3%, 97%);--cds-global-color-warm-gray-100:hsl(282, 3%, 92%);--cds-global-color-warm-gray-200:hsl(282, 3%, 84%);--cds-global-color-warm-gray-300:hsl(282, 3%, 74%);--cds-global-color-warm-gray-400:hsl(282, 3%, 63%);--cds-global-color-warm-gray-500:hsl(282, 3%, 54%);--cds-global-color-warm-gray-600:hsl(282, 3%, 43%);--cds-global-color-warm-gray-700:hsl(282, 3%, 35%);--cds-global-color-warm-gray-800:hsl(282, 3%, 28%);--cds-global-color-warm-gray-900:hsl(282, 3%, 20%);--cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);--cds-global-color-slate-50:hsl(238, 20%, 96%);--cds-global-color-slate-100:hsl(238, 20%, 91%);--cds-global-color-slate-200:hsl(238, 20%, 82%);--cds-global-color-slate-300:hsl(238, 20%, 73%);--cds-global-color-slate-400:hsl(238, 20%, 63%);--cds-global-color-slate-500:hsl(238, 23%, 56%);--cds-global-color-slate-600:hsl(238, 24%, 49%);--cds-global-color-slate-700:hsl(238, 28%, 38%);--cds-global-color-slate-800:hsl(238, 28%, 29%);--cds-global-color-slate-900:hsl(238, 28%, 22%);--cds-global-color-slate-1000:hsl(238, 28%, 14%);--cds-global-color-ice-50:hsl(211, 100%, 97%);--cds-global-color-ice-100:hsl(211, 58%, 90%);--cds-global-color-ice-200:hsl(211, 53%, 81%);--cds-global-color-ice-300:hsl(211, 49%, 70%);--cds-global-color-ice-400:hsl(211, 47%, 62%);--cds-global-color-ice-500:hsl(211, 47%, 53%);--cds-global-color-ice-600:hsl(211, 56%, 44%);--cds-global-color-ice-700:hsl(211, 69%, 34%);--cds-global-color-ice-800:hsl(211, 69%, 27%);--cds-global-color-ice-900:hsl(211, 100%, 20%);--cds-global-color-ice-1000:hsl(211, 100%, 14%);--cds-global-color-cool-gray-50:hsl(211, 20%, 96%);--cds-global-color-cool-gray-100:hsl(211, 20%, 90%);--cds-global-color-cool-gray-200:hsl(211, 20%, 81%);--cds-global-color-cool-gray-300:hsl(211, 20%, 72%);--cds-global-color-cool-gray-400:hsl(211, 20%, 61%);--cds-global-color-cool-gray-500:hsl(211, 20%, 53%);--cds-global-color-cool-gray-600:hsl(211, 20%, 44%);--cds-global-color-cool-gray-700:hsl(211, 23%, 36%);--cds-global-color-cool-gray-800:hsl(211, 30%, 28%);--cds-global-color-cool-gray-900:hsl(211, 40%, 22%);--cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);--cds-global-color-tan-50:hsl(41, 23%, 96%);--cds-global-color-tan-100:hsl(41, 22%, 91%);--cds-global-color-tan-200:hsl(41, 27%, 82%);--cds-global-color-tan-300:hsl(41, 23%, 68%);--cds-global-color-tan-400:hsl(41, 23%, 58%);--cds-global-color-tan-500:hsl(41, 20%, 47%);--cds-global-color-tan-600:hsl(41, 20%, 40%);--cds-global-color-tan-700:hsl(41, 20%, 32%);--cds-global-color-tan-800:hsl(41, 23%, 26%);--cds-global-color-tan-900:hsl(41, 23%, 21%);--cds-global-color-tan-1000:hsl(41, 22%, 16%);--cds-global-color-construction-50:hsl(198, 36%, 96%);--cds-global-color-construction-100:hsl(198, 20%, 91%);--cds-global-color-construction-200:hsl(198, 14%, 82%);--cds-global-color-construction-300:hsl(198, 10%, 71%);--cds-global-color-construction-400:hsl(198, 9%, 56%);--cds-global-color-construction-500:hsl(198, 10%, 46%);--cds-global-color-construction-600:hsl(198, 14%, 36%);--cds-global-color-construction-700:hsl(198, 19%, 28%);--cds-global-color-construction-800:hsl(198, 23%, 23%);--cds-global-color-construction-900:hsl(198, 28%, 18%);--cds-global-color-construction-1000:hsl(198, 30%, 15%);--cds-global-color-gray-0:hsl(0, 0%, 100%);--cds-global-color-gray-50:hsl(0, 0%, 98%);--cds-global-color-gray-100:hsl(0, 0%, 95%);--cds-global-color-gray-200:hsl(0, 0%, 91%);--cds-global-color-gray-300:hsl(0, 0%, 87%);--cds-global-color-gray-400:hsl(0, 0%, 80%);--cds-global-color-gray-500:hsl(0, 0%, 70%);--cds-global-color-gray-600:hsl(0, 0%, 55%);--cds-global-color-gray-700:hsl(0, 0%, 40%);--cds-global-color-gray-800:hsl(0, 0%, 27%);--cds-global-color-gray-900:hsl(0, 0%, 20%);--cds-global-color-gray-1000:hsl(0, 0%, 0%);--cds-global-typography-color-100:var(--cds-global-color-white);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-300:var(--cds-global-color-construction-800);--cds-global-typography-color-400:var(--cds-global-color-construction-900);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:300;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:600;--cds-global-typography-font-weight-bold:600;--cds-global-typography-font-weight-extrabold:600;--cds-global-typography-font-size-0:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-1:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-2:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-3:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-4:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-5:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-6:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-7:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-8:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-9:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-base-font-size:125%;--cds-global-typography-base-font-size-px:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-global-typography-top-gap-height:0.1475em;--cds-global-typography-ascender-height:0.1703em;--cds-global-typography-x-height:0.517em;--cds-global-typography-link-color:var(--cds-global-color-blue-800);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-900);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-global-typography-body-font-size:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-body-line-height:1.42857em;--cds-global-typography-body-letter-spacing:-0.014286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:400;--cds-global-typography-heading-font-size:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:400;--cds-global-typography-title-font-size:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-title-line-height:1.16667em;--cds-global-typography-title-letter-spacing:-0.008333em;--cds-global-typography-title-font-weight:400;--cds-global-typography-section-font-size:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:400;--cds-global-typography-subsection-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-subsection-line-height:1.25em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:400;--cds-global-typography-message-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc((400 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-font-size:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-line-height:1.23077em;--cds-global-typography-secondary-letter-spacing:-0.007692em;--cds-global-typography-secondary-font-weight:400;--cds-global-typography-caption-font-size:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-caption-line-height:1.454545em;--cds-global-typography-caption-letter-spacing:0.018182em;--cds-global-typography-caption-font-weight:400;--cds-global-typography-smallcaption-font-size:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--cds-global-animation-duration-slow:0.5s;--cds-global-animation-duration-slower:0.7s;--cds-global-animation-duration-slowest:0.8s;--cds-global-animation-easing-primary:cubic-bezier(0,.99,0,.99);--cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);--cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);--cds-global-base:20;--cds-alias-object-border-radius-100:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-200:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-200:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-300:calc((3 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-400:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-color:var(--cds-global-color-construction-200);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);--cds-alias-object-shadow-100:0 1px 3px 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 1px 3px 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 1px 3px 0 hsla(198, 30%, 15%, 0.2);--cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);--cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);--cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);--cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);--cds-alias-object-interaction-outline:Highlight solid 2px;--cds-alias-object-interaction-outline-offset:1px;--cds-alias-object-interaction-touch-target:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);--cds-alias-object-interaction-background:var(--cds-global-color-white);--cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-100);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-app-background:var(--cds-global-color-gray-50);--cds-alias-object-overlay-background:var(--cds-global-color-white);--cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);--cds-alias-object-container-background:var(--cds-global-color-white);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-status-info:var(--cds-global-color-blue-700);--cds-alias-status-info-tint:var(--cds-global-color-blue-50);--cds-alias-status-info-shade:var(--cds-global-color-blue-800);--cds-alias-status-success:var(--cds-global-color-green-700);--cds-alias-status-success-tint:var(--cds-global-color-green-50);--cds-alias-status-success-shade:var(--cds-global-color-green-800);--cds-alias-status-warning:var(--cds-global-color-ochre-500);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);--cds-alias-status-danger:var(--cds-global-color-red-700);--cds-alias-status-danger-tint:var(--cds-global-color-red-50);--cds-alias-status-danger-shade:var(--cds-global-color-red-800);--cds-alias-status-neutral:var(--cds-global-color-construction-600);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);--cds-alias-status-disabled:var(--cds-global-color-construction-300);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);--cds-alias-status-alt:var(--cds-global-color-violet-700);--cds-alias-status-alt-tint:var(--cds-global-color-violet-600);--cds-alias-status-alt-shade:var(--cds-global-color-violet-900)}

package/test/index.js

@@ -1,2 +1,2 @@
-export{componentIsStable,createTestElement,getComponentSlotContent,removeTestElement}from"./utils.js";import"lit";
+export{componentIsStable,createTestElement,emulatedClick,getComponentSlotContent,onceEvent,removeTestElement}from"./utils.js";import"lit";
 //# sourceMappingURL=index.js.map

package/test/utils.d.ts

@@ -5,3 +5,6 @@ export declare function getComponentSlotContent(component: HTMLElement): {
     [name: string]: string;
 };
 export declare function componentIsStable(component: any): Promise<any>;
+export declare function emulatedClick(component: HTMLElement): void;
+/** helpful for capturing a single event in a async test rather than Jasmine `done()` */
+export declare function onceEvent(element: HTMLElement, event: string): Promise<any>;

package/test/utils.js

@@ -1,2 +1,2 @@
-import{render as e}from"lit";function t(t){const r=document.createElement("div");return document.body.appendChild(r),t&&e(t,r),Promise.all(Array.from(document.querySelectorAll(":not(:defined)")).map((e=>customElements.whenDefined(e.tagName)))).then((()=>r))}function r(e){e.remove()}function n(e){var t;return Array.from(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")).reduce(((e,t)=>(e[t.name.length>0?t.name:"default"]=t.assignedNodes().reduce(((e,t)=>{let r=t.outerHTML;return r=t.outerHTML?t.outerHTML:t.textContent.trim(),e+(r||"")}),""),e)),{})}function o(e,t=10,r,n={resolve:null,reject:null}){return t--,r=r||new Promise(((e,t)=>{n.resolve=e,n.reject=t})),e().then((e=>{n.resolve(e)})).catch((()=>{t>0?o(e,t,r,n):n.reject("Max attempts reached")})),r}function u(e){return o((()=>new Promise((async(t,r)=>{await e.updateComplete?t("success"):r("error")}))))}export{u as componentIsStable,t as createTestElement,n as getComponentSlotContent,r as removeTestElement};
+import{render as e}from"lit";function t(t){const n=document.createElement("div");return document.body.appendChild(n),t&&e(t,n),Promise.all(Array.from(document.querySelectorAll(":not(:defined)")).map((e=>customElements.whenDefined(e.tagName)))).then((()=>n))}function n(e){e.remove()}function o(e){var t;return Array.from(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")).reduce(((e,t)=>(e[t.name.length>0?t.name:"default"]=t.assignedNodes().reduce(((e,t)=>{let n=t.outerHTML;return n=t.outerHTML?t.outerHTML:t.textContent.trim(),e+(n||"")}),""),e)),{})}function r(e,t=10,n,o={resolve:null,reject:null}){return t--,n=n||new Promise(((e,t)=>{o.resolve=e,o.reject=t})),e().then((e=>{o.resolve(e)})).catch((()=>{t>0?r(e,t,n,o):o.reject("Max attempts reached")})),n}function u(e){return r((()=>new Promise((async(t,n)=>{await e.updateComplete?t("success"):n("error")}))))}function c(e){const t=new MouseEvent("mousedown"),n=new MouseEvent("mouseup"),o=new MouseEvent("click");e.dispatchEvent(t),e.dispatchEvent(n),e.dispatchEvent(o)}function s(e,t){return new Promise((n=>{e.addEventListener(t,(e=>n(e)))}))}export{u as componentIsStable,t as createTestElement,c as emulatedClick,o as getComponentSlotContent,s as onceEvent,n as removeTestElement};
 //# sourceMappingURL=utils.js.map

package/test/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/test/utils.ts"],"sourcesContent":null,"names":["createTestElement","template","element","document","createElement","body","appendChild","render","Promise","all","Array","from","querySelectorAll","map","el","customElements","whenDefined","tagName","then","removeTestElement","remove","getComponentSlotContent","component","_a","shadowRoot","reduce","acc","slot","name","length","assignedNodes","p","n","returnDom","outerHTML","textContent","trim","retry","fn","maxTries","promise","promiseObject","resolve","reject","result","catch","componentIsStable","async","updateComplete"],"mappings":"6BAMO,SAASA,EAAkBC,GAC9B,MAAMC,EAAUC,SAASC,cAAc,OAKvC,OAJAD,SAASE,KAAKC,YAAYJ,GACtBD,GACAM,EAAON,EAAUC,GAEdM,QAAQC,IAAIC,MAAMC,KAAKR,SAASS,iBAAiB,mBAAmBC,KAAIC,GAAMC,eAAeC,YAAYF,EAAGG,YAAWC,MAAK,IAAMhB,IAEtI,SAASiB,EAAkBjB,GAC9BA,EAAQkB,SAEL,SAASC,EAAwBC,GACpC,IAAIC,EACJ,OAAOb,MAAMC,KAAqC,QAA/BY,EAAKD,EAAUE,kBAA+B,IAAPD,OAAgB,EAASA,EAAGX,iBAAiB,SAASa,QAAO,CAACC,EAAKC,KAEzHD,EADaC,EAAKC,KAAKC,OAAS,EAAIF,EAAKC,KAAO,WACpCD,EAAKG,gBAAgBL,QAAO,CAACM,EAAGC,KACxC,IAAIC,EAAYD,EAAEE,UAElB,OADAD,EAAYD,EAAEE,UAAYF,EAAEE,UAAYF,EAAEG,YAAYC,OAC/CL,GAAKE,GAAwB,MACrC,IACIP,IACR,IAEP,SAASW,EAAMC,EAAIC,EAAW,GAAIC,EAASC,EAAgB,CACvDC,QAAS,KACTC,OAAQ,OAqBR,OAnBAJ,IACAC,EACIA,GACI,IAAIhC,SAAQ,CAACkC,EAASC,KAClBF,EAAcC,QAAUA,EACxBD,EAAcE,OAASA,KAEnCL,IACKpB,MAAM0B,IACPH,EAAcC,QAAQE,MAErBC,OAAM,KACHN,EAAW,EACXF,EAAMC,EAAIC,EAAUC,EAASC,GAG7BA,EAAcE,OAAO,2BAGtBH,EAEJ,SAASM,EAAkBxB,GAC9B,OAAOe,GAAM,IAEb,IAAI7B,SAAQuC,MAAOL,EAASC,WACHrB,EAAU0B,eAE3BN,EAAQ,WAGRC,EAAO"}
+{"version":3,"file":"utils.js","sources":["../../../src/test/utils.ts"],"sourcesContent":null,"names":["createTestElement","template","element","document","createElement","body","appendChild","render","Promise","all","Array","from","querySelectorAll","map","el","customElements","whenDefined","tagName","then","removeTestElement","remove","getComponentSlotContent","component","_a","shadowRoot","reduce","acc","slot","name","length","assignedNodes","p","n","returnDom","outerHTML","textContent","trim","retry","fn","maxTries","promise","promiseObject","resolve","reject","result","catch","componentIsStable","async","updateComplete","emulatedClick","event1","MouseEvent","event2","event3","dispatchEvent","onceEvent","event","addEventListener","e"],"mappings":"6BAMO,SAASA,EAAkBC,GAC9B,MAAMC,EAAUC,SAASC,cAAc,OAKvC,OAJAD,SAASE,KAAKC,YAAYJ,GACtBD,GACAM,EAAON,EAAUC,GAEdM,QAAQC,IAAIC,MAAMC,KAAKR,SAASS,iBAAiB,mBAAmBC,KAAIC,GAAMC,eAAeC,YAAYF,EAAGG,YAAWC,MAAK,IAAMhB,IAEtI,SAASiB,EAAkBjB,GAC9BA,EAAQkB,SAEL,SAASC,EAAwBC,GACpC,IAAIC,EACJ,OAAOb,MAAMC,KAAqC,QAA/BY,EAAKD,EAAUE,kBAA+B,IAAPD,OAAgB,EAASA,EAAGX,iBAAiB,SAASa,QAAO,CAACC,EAAKC,KAEzHD,EADaC,EAAKC,KAAKC,OAAS,EAAIF,EAAKC,KAAO,WACpCD,EAAKG,gBAAgBL,QAAO,CAACM,EAAGC,KACxC,IAAIC,EAAYD,EAAEE,UAElB,OADAD,EAAYD,EAAEE,UAAYF,EAAEE,UAAYF,EAAEG,YAAYC,OAC/CL,GAAKE,GAAwB,MACrC,IACIP,IACR,IAEP,SAASW,EAAMC,EAAIC,EAAW,GAAIC,EAASC,EAAgB,CACvDC,QAAS,KACTC,OAAQ,OAqBR,OAnBAJ,IACAC,EACIA,GACI,IAAIhC,SAAQ,CAACkC,EAASC,KAClBF,EAAcC,QAAUA,EACxBD,EAAcE,OAASA,KAEnCL,IACKpB,MAAM0B,IACPH,EAAcC,QAAQE,MAErBC,OAAM,KACHN,EAAW,EACXF,EAAMC,EAAIC,EAAUC,EAASC,GAG7BA,EAAcE,OAAO,2BAGtBH,EAEJ,SAASM,EAAkBxB,GAC9B,OAAOe,GAAM,IAEb,IAAI7B,SAAQuC,MAAOL,EAASC,WACHrB,EAAU0B,eAE3BN,EAAQ,WAGRC,EAAO,cAKZ,SAASM,EAAc3B,GAC1B,MAAM4B,EAAS,IAAIC,WAAW,aACxBC,EAAS,IAAID,WAAW,WACxBE,EAAS,IAAIF,WAAW,SAC9B7B,EAAUgC,cAAcJ,GACxB5B,EAAUgC,cAAcF,GACxB9B,EAAUgC,cAAcD,GAGrB,SAASE,EAAUrD,EAASsD,GAC/B,OAAO,IAAIhD,SAAQkC,IACfxC,EAAQuD,iBAAiBD,GAAOE,GAAKhB,EAAQgB"}

package/toggle/toggle.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--width:calc(var(--cds-global-space-10, calc((32 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--anchor-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--anchor-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;transition-duration:var(--toggle-speed,.15s);transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;transition-property:transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background)}:host([_checked]) .input:after{transform:translate(calc(var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}`;export default r;
+import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--width:calc(var(--cds-global-space-10, calc((32 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--anchor-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--anchor-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;transition-duration:var(--toggle-speed,.15s);transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;transition-property:transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background)}:host([_checked]) .input:after{transform:translate(calc(var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}[focusable]{width:var(--width);left:0}`;export default r;
 //# sourceMappingURL=toggle.element.scss.js.map