@cds/core 5.6.1 → 6.0.0-next.0

package/navigation/navigation.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as a,isVisible as n,setAttributes as o,onKey as s,syncPropsForAllItems as r,syncProps as d,baseStyles as v,property as c,event as l,state as h,i18n as p,querySlot as u,querySlotAll as g,animate as m,reverseAnimation as f}from"@cds/core/internal";import y from"./navigation.element.scss.js";import{removeFocus as I,setFocus as A,visibleElement as b,getNextFocusElement as E,getPreviousFocusElement as S}from"./utils/index.js";import{AnimationNavigationOpenName as x}from"../internal/motion/animations/cds-navigation-open.js";const N="cds-navigation";let R=class extends i{constructor(){super(...arguments),this.expandedRoot=!1,this.cdsMotion="on",this.groupItem=!0,this.expanded=!1,this.i18n=a.keys.navigation,this.role="list"}toggle(){this.expandedChange.emit(!this.expanded)}get currentActiveItem(){return this.visibleChildren.find((t=>t.id===this.ariaActiveDescendant))}get endTemplate(){return this.navigationEnd?e`<div class="navigation-end" cds-layout="vertical align:horizontal-stretch"><slot name="cds-navigation-end"></slot></div>`:""}get startTemplate(){let t;return t=this.rootNavigationStart?e`<div class="navigation-start" cds-layout="vertical align:horizontal-stretch"><slot @slotchange="${()=>this.addStartEventListener()}" name="navigation-start"></slot><cds-divider class="start-divider"></cds-divider></div>`:"",t}get visibleChildren(){return Array.from(this.allNavigationElements).filter((t=>n(t)))}addStartEventListener(){this.rootNavigationStart&&this.rootNavigationStart.addEventListener("click",this.toggle.bind(this))}firstUpdated(t){var i;super.firstUpdated(t),this.allNavigationElements.forEach((t=>{o(t,["tabindex","-1"])}));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("#item-container");null==e||e.addEventListener("focus",this.initItemKeys.bind(this)),null==e||e.addEventListener("keydown",this.handleItemKeys.bind(this)),null==e||e.addEventListener("blur",this.blurItemKeys.bind(this))}blurItemKeys(){this.currentActiveItem&&I(this.currentActiveItem)}focusRootStart(){this.rootNavigationStart&&A(this.rootNavigationStart)}blurRootStart(){this.rootNavigationStart&&I(this.rootNavigationStart)}initItemKeys(){if(this.currentActiveItem){const t=this.currentActiveItem?this.currentActiveItem:this.allNavigationElements[0];A(t),this.ariaActiveDescendant=t.id}else A(this.focusableElements[0]),this.ariaActiveDescendant=this.focusableElements[0].id}get focusableElements(){return Array.from(this.allNavigationElements).filter(b)}handleItemKeys(t){s("arrow-down",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=E(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-up",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=S(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-right",t,(()=>{var t;const i=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");!i||i.expanded||i.expandedChange.emit(!i.expanded)})),s("arrow-left",t,(()=>{var t,i,e;const a=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");if("CDS-NAVIGATION-ITEM"===(null===(i=this.currentActiveItem)||void 0===i?void 0:i.tagName)&&a){const t=null==a?void 0:a.querySelector("cds-navigation-start");return I(this.currentActiveItem),this.ariaActiveDescendant=null!==(e=null==t?void 0:t.id)&&void 0!==e?e:null,void A(t)}a&&a.expanded&&a.expandedChange.emit(!a.expanded)})),s("home",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[0];this.ariaActiveDescendant=t.id,A(t)}})),s("end",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[this.focusableElements.length-1];this.ariaActiveDescendant=t.id,A(t)}})),s("enter",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())})),s("space",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())}))}handleRootStartKeys(t){s("arrow-right",t,(()=>{this.expanded||this.toggle()})),s("arrow-left",t,(()=>{this.expanded&&this.toggle()}))}connectedCallback(){var t,i,e;super.connectedCallback(),null===(t=this.rootNavigationStart)||void 0===t||t.addEventListener("focus",this.focusRootStart.bind(this)),null===(i=this.rootNavigationStart)||void 0===i||i.addEventListener("blur",this.blurRootStart.bind(this)),null===(e=this.rootNavigationStart)||void 0===e||e.addEventListener("keydown",this.handleRootStartKeys.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.rootNavigationStart&&this.rootNavigationStart.removeEventListener("click",this.toggle.bind(this))}render(){return e`<div class="private-host" aria-label="${this.i18n.navigationLabel}" cds-layout="vertical wrap:none">${this.startTemplate}<slot name="cds-navigation-substart"></slot><nav class="navigation-body-wrapper"><div .ariaActiveDescendant="${this.ariaActiveDescendant}" tabindex="0" id="item-container"><div class="navigation-body" cds-layout="vertical wrap:none align:horizontal-stretch"><slot></slot></div></div></nav>${this.endTemplate}</div>`}updated(t){super.updated(t),t.has("expanded")&&(this.expandedRoot=this.expanded),this.updateChildrenProps()}updateChildrenProps(){this.navigationGroupItems&&r(Array.from(this.navigationGroupItems),this,{groupItem:!0}),this.navigationItemRefs&&r(Array.from(this.navigationItemRefs),this,{expanded:!0}),this.navigationStartRefs&&r(Array.from(this.navigationStartRefs),this,{expandedRoot:!0}),this.rootNavigationStart&&d(this.rootNavigationStart,this,{expanded:this.expanded}),this.rootNavigationItems.length>0&&r(Array.from(this.rootNavigationItems),this,{expanded:this.expanded}),this.navigationGroupRefs.length>0&&r(Array.from(this.navigationGroupRefs),this,{layout:!0})}static get styles(){return[v,y]}};t([c({type:String})],R.prototype,"cdsMotion",void 0),t([l()],R.prototype,"expandedChange",void 0),t([l()],R.prototype,"cdsMotionChange",void 0),t([h({type:Boolean})],R.prototype,"groupItem",void 0),t([c({type:Boolean})],R.prototype,"expanded",void 0),t([p()],R.prototype,"i18n",void 0),t([u('[slot="cds-navigation-end"]',{assign:"cds-navigation-end"})],R.prototype,"navigationEnd",void 0),t([g("cds-navigation-group > cds-navigation-start, cds-navigation-item:not([disabled])")],R.prototype,"allNavigationElements",void 0),t([g("cds-navigation-start")],R.prototype,"navigationStartRefs",void 0),t([g(":scope > cds-divider")],R.prototype,"rootDividers",void 0),t([g(":scope > cds-navigation-group")],R.prototype,"rootNavigationGroups",void 0),t([g(":scope > cds-navigation-item")],R.prototype,"rootNavigationItems",void 0),t([u(":scope > cds-navigation-start",{assign:"navigation-start"})],R.prototype,"rootNavigationStart",void 0),t([g(":scope > cds-navigation-group > cds-navigation-item")],R.prototype,"navigationGroupItems",void 0),t([g("cds-navigation-item")],R.prototype,"navigationItemRefs",void 0),t([g("cds-navigation-group")],R.prototype,"navigationGroupRefs",void 0),R=t([m({expanded:{true:x,false:f(x)}})],R);export{R as CdsNavigation,N as CdsNavigationTagName};
+import{__decorate as t}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as a,isVisible as n,setAttributes as o,onKey as s,syncPropsForAllItems as r,syncProps as d,baseStyles as v,property as c,event as l,state as h,i18n as p,querySlot as u,querySlotAll as g,animate as m,reverseAnimation as f}from"@cds/core/internal";import y from"./navigation.element.scss.js";import{removeFocus as I,setFocus as A,visibleElement as b,getNextFocusElement as E,getPreviousFocusElement as S}from"./utils/utils.js";import{AnimationNavigationOpenName as x}from"../internal/motion/animations/cds-navigation-open.js";const N="cds-navigation";let R=class extends i{constructor(){super(...arguments),this.expandedRoot=!1,this.cdsMotion="on",this.groupItem=!0,this.expanded=!1,this.i18n=a.keys.navigation,this.role="list"}toggle(){this.expandedChange.emit(!this.expanded)}get currentActiveItem(){return this.visibleChildren.find((t=>t.id===this.ariaActiveDescendant))}get endTemplate(){return this.navigationEnd?e`<div class="navigation-end" cds-layout="vertical align:horizontal-stretch"><slot name="cds-navigation-end"></slot></div>`:""}get startTemplate(){let t;return t=this.rootNavigationStart?e`<div class="navigation-start" cds-layout="vertical align:horizontal-stretch"><slot @slotchange="${()=>this.addStartEventListener()}" name="navigation-start"></slot><cds-divider class="start-divider"></cds-divider></div>`:"",t}get visibleChildren(){return Array.from(this.allNavigationElements).filter((t=>n(t)))}addStartEventListener(){this.rootNavigationStart&&this.rootNavigationStart.addEventListener("click",this.toggle.bind(this))}firstUpdated(t){var i;super.firstUpdated(t),this.allNavigationElements.forEach((t=>{o(t,["tabindex","-1"])}));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("#item-container");null==e||e.addEventListener("focus",this.initItemKeys.bind(this)),null==e||e.addEventListener("keydown",this.handleItemKeys.bind(this)),null==e||e.addEventListener("blur",this.blurItemKeys.bind(this))}blurItemKeys(){this.currentActiveItem&&I(this.currentActiveItem)}focusRootStart(){this.rootNavigationStart&&A(this.rootNavigationStart)}blurRootStart(){this.rootNavigationStart&&I(this.rootNavigationStart)}initItemKeys(){if(this.currentActiveItem){const t=this.currentActiveItem?this.currentActiveItem:this.allNavigationElements[0];A(t),this.ariaActiveDescendant=t.id}else A(this.focusableElements[0]),this.ariaActiveDescendant=this.focusableElements[0].id}get focusableElements(){return Array.from(this.allNavigationElements).filter(b)}handleItemKeys(t){s("arrow-down",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=E(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-up",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=S(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-right",t,(()=>{var t;const i=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");!i||i.expanded||i.expandedChange.emit(!i.expanded)})),s("arrow-left",t,(()=>{var t,i,e;const a=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");if("CDS-NAVIGATION-ITEM"===(null===(i=this.currentActiveItem)||void 0===i?void 0:i.tagName)&&a){const t=null==a?void 0:a.querySelector("cds-navigation-start");return I(this.currentActiveItem),this.ariaActiveDescendant=null!==(e=null==t?void 0:t.id)&&void 0!==e?e:null,void A(t)}a&&a.expanded&&a.expandedChange.emit(!a.expanded)})),s("home",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[0];this.ariaActiveDescendant=t.id,A(t)}})),s("end",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[this.focusableElements.length-1];this.ariaActiveDescendant=t.id,A(t)}})),s("enter",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())})),s("space",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())}))}handleRootStartKeys(t){s("arrow-right",t,(()=>{this.expanded||this.toggle()})),s("arrow-left",t,(()=>{this.expanded&&this.toggle()}))}connectedCallback(){var t,i,e;super.connectedCallback(),null===(t=this.rootNavigationStart)||void 0===t||t.addEventListener("focus",this.focusRootStart.bind(this)),null===(i=this.rootNavigationStart)||void 0===i||i.addEventListener("blur",this.blurRootStart.bind(this)),null===(e=this.rootNavigationStart)||void 0===e||e.addEventListener("keydown",this.handleRootStartKeys.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.rootNavigationStart&&this.rootNavigationStart.removeEventListener("click",this.toggle.bind(this))}render(){return e`<div class="private-host" aria-label="${this.i18n.navigationLabel}" cds-layout="vertical wrap:none">${this.startTemplate}<slot name="cds-navigation-substart"></slot><nav class="navigation-body-wrapper"><div .ariaActiveDescendant="${this.ariaActiveDescendant}" tabindex="0" id="item-container"><div class="navigation-body" cds-layout="vertical wrap:none align:horizontal-stretch"><slot></slot></div></div></nav>${this.endTemplate}</div>`}updated(t){super.updated(t),t.has("expanded")&&(this.expandedRoot=this.expanded),this.updateChildrenProps()}updateChildrenProps(){this.navigationGroupItems&&r(Array.from(this.navigationGroupItems),this,{groupItem:!0}),this.navigationItemRefs&&r(Array.from(this.navigationItemRefs),this,{expanded:!0}),this.navigationStartRefs&&r(Array.from(this.navigationStartRefs),this,{expandedRoot:!0}),this.rootNavigationStart&&d(this.rootNavigationStart,this,{expanded:this.expanded}),this.rootNavigationItems.length>0&&r(Array.from(this.rootNavigationItems),this,{expanded:this.expanded}),this.navigationGroupRefs.length>0&&r(Array.from(this.navigationGroupRefs),this,{layout:!0})}static get styles(){return[v,y]}};t([c({type:String})],R.prototype,"cdsMotion",void 0),t([l()],R.prototype,"expandedChange",void 0),t([l()],R.prototype,"cdsMotionChange",void 0),t([h({type:Boolean})],R.prototype,"groupItem",void 0),t([c({type:Boolean})],R.prototype,"expanded",void 0),t([p()],R.prototype,"i18n",void 0),t([u('[slot="cds-navigation-end"]',{assign:"cds-navigation-end"})],R.prototype,"navigationEnd",void 0),t([g("cds-navigation-group > cds-navigation-start, cds-navigation-item:not([disabled])")],R.prototype,"allNavigationElements",void 0),t([g("cds-navigation-start")],R.prototype,"navigationStartRefs",void 0),t([g(":scope > cds-divider")],R.prototype,"rootDividers",void 0),t([g(":scope > cds-navigation-group")],R.prototype,"rootNavigationGroups",void 0),t([g(":scope > cds-navigation-item")],R.prototype,"rootNavigationItems",void 0),t([u(":scope > cds-navigation-start",{assign:"navigation-start"})],R.prototype,"rootNavigationStart",void 0),t([g(":scope > cds-navigation-group > cds-navigation-item")],R.prototype,"navigationGroupItems",void 0),t([g("cds-navigation-item")],R.prototype,"navigationItemRefs",void 0),t([g("cds-navigation-group")],R.prototype,"navigationGroupRefs",void 0),R=t([m({expanded:{true:x,false:f(x)}})],R);export{R as CdsNavigation,N as CdsNavigationTagName};
 //# sourceMappingURL=navigation.element.js.map

package/navigation/navigation.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--collapsed-width:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem));--expanded-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--line-height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--nested-padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--padding:0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));height:inherit}:host(:focus){outline:0!important}:host([expanded]) .private-host{width:var(--expanded-width);min-width:var(--expanded-width)}:host([cds-motion=off]){width:var(--collapsed-width)}:host([cds-motion=off][expanded]){width:var(--expanded-width)}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--collapsed-width)}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--expanded-width);transform:none}.private-host{color:var(--color);background:var(--background);height:100%;width:var(--collapsed-width);min-width:var(--collapsed-width)}.navigation-body{height:100%}.navigation-body-wrapper{height:100%;width:100%;overflow:auto;outline:0}#item-container{outline:0;height:100%}::slotted([slot=cds-navigation-substart]){width:100%}`;export default o;
+import{css as a}from"lit";var o=a`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--collapsed-width:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem));--expanded-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--line-height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--nested-padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--padding:0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));height:inherit}:host(:focus){outline:0!important}:host([expanded]) .private-host{width:var(--expanded-width);min-width:var(--expanded-width)}:host([cds-motion=off]){width:var(--collapsed-width)}:host([cds-motion=off][expanded]){width:var(--expanded-width)}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--collapsed-width)}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--expanded-width);-webkit-transform:none;transform:none}.private-host{color:var(--color);background:var(--background);height:100%;width:var(--collapsed-width);min-width:var(--collapsed-width)}.navigation-body{height:100%}.navigation-body-wrapper{height:100%;width:100%;overflow:auto;outline:0}#item-container{outline:0;height:100%}::slotted([slot=cds-navigation-substart]){width:100%}`;export default o;
 //# sourceMappingURL=navigation.element.scss.js.map

package/navigation/utils/{index.js → utils.js}

@@ -1,2 +1,2 @@
 import{setOrRemoveAttribute as n}from"@cds/core/internal";const t="cds-navigation-sr-text",e="vertical";function o(n,t){const e=t.indexOf(n);return t[e+1]?t[e+1]:t[0]}function r(n,t){const e=t.indexOf(n);return t[e-1]?t[e-1]:t[t.length-1]}function i(n){return n.isGroupStart?n.expanded?"down":"right":n.expandedRoot?"left":"right"}function a(t,e){const o=t.querySelector("span");o&&n(o,["cds-layout","display:screen-reader-only"],(()=>!e))}function u(n){n.hasFocus=!1}function c(n){n.hasFocus=!0,n.scrollIntoView()}function d(n){var t;const e=null==n?void 0:n.tagName,o=null===(t=null==n?void 0:n.parentElement)||void 0===t?void 0:t.parentElement;switch(e){case"CDS-NAVIGATION-ITEM":return n.hasAttribute("_expanded-group");case"CDS-NAVIGATION-START":return!("CDS-NAVIGATION-GROUP"===(null==o?void 0:o.tagName)&&!(null==o?void 0:o.hasAttribute("expanded")));default:return!1}}export{e as DEFAULT_NAVIGATION_LAYOUT,t as NAVIGATION_TEXT_WRAPPER,o as getNextFocusElement,r as getPreviousFocusElement,i as getToggleIconDirection,a as manageScreenReaderElements,u as removeFocus,c as setFocus,d as visibleElement};
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=utils.js.map

package/navigation/utils/{index.js.map → utils.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/navigation/utils/index.ts"],"sourcesContent":null,"names":["NAVIGATION_TEXT_WRAPPER","DEFAULT_NAVIGATION_LAYOUT","getNextFocusElement","current","elements","idx","indexOf","getPreviousFocusElement","length","getToggleIconDirection","element","isGroupStart","expanded","expandedRoot","manageScreenReaderElements","span","querySelector","setOrRemoveAttribute","removeFocus","hasFocus","setFocus","scrollIntoView","visibleElement","_a","elementType","tagName","grandparent","parentElement","hasAttribute"],"mappings":"0DAMY,MAACA,EAA0B,yBAC1BC,EAA4B,WAClC,SAASC,EAAoBC,EAASC,GACzC,MAAMC,EAAMD,EAASE,QAAQH,GAC7B,OAAOC,EAASC,EAAM,GAAKD,EAASC,EAAM,GAAKD,EAAS,GAErD,SAASG,EAAwBJ,EAASC,GAC7C,MAAMC,EAAMD,EAASE,QAAQH,GAC7B,OAAOC,EAASC,EAAM,GAAKD,EAASC,EAAM,GAAKD,EAASA,EAASI,OAAS,GAEvE,SAASC,EAAuBC,GACnC,OAAIA,EAAQC,aACDD,EAAQE,SAAW,OAAS,QAG5BF,EAAQG,aAAe,OAAS,QAGxC,SAASC,EAA2BJ,EAASG,GAChD,MAAME,EAAOL,EAAQM,cAAc,QAC/BD,GACAE,EAAqBF,EAAM,CAAC,aAAc,+BAA+B,KAC7DF,IAIb,SAASK,EAAYR,GACxBA,EAAQS,UAAW,EAEhB,SAASC,EAASV,GACrBA,EAAQS,UAAW,EACnBT,EAAQW,iBAEL,SAASC,EAAeZ,GAC3B,IAAIa,EACJ,MAAMC,EAAcd,MAAAA,OAAyC,EAASA,EAAQe,QACxEC,EAAiG,QAAlFH,EAAKb,MAAAA,OAAyC,EAASA,EAAQiB,qBAAkC,IAAPJ,OAAgB,EAASA,EAAGI,cAC3I,OAAQH,GACJ,IAAK,sBACD,OAAOd,EAAQkB,aAAa,mBAChC,IAAK,uBACD,QAA6F,0BAAnFF,MAAAA,OAAiD,EAASA,EAAYD,YAAyCC,MAAAA,OAAiD,EAASA,EAAYE,aAAa,cAChN,QACI,OAAO"}
+{"version":3,"file":"utils.js","sources":["../../../../src/navigation/utils/utils.ts"],"sourcesContent":null,"names":["NAVIGATION_TEXT_WRAPPER","DEFAULT_NAVIGATION_LAYOUT","getNextFocusElement","current","elements","idx","indexOf","getPreviousFocusElement","length","getToggleIconDirection","element","isGroupStart","expanded","expandedRoot","manageScreenReaderElements","span","querySelector","setOrRemoveAttribute","removeFocus","hasFocus","setFocus","scrollIntoView","visibleElement","_a","elementType","tagName","grandparent","parentElement","hasAttribute"],"mappings":"0DAMY,MAACA,EAA0B,yBAC1BC,EAA4B,WAClC,SAASC,EAAoBC,EAASC,GACzC,MAAMC,EAAMD,EAASE,QAAQH,GAC7B,OAAOC,EAASC,EAAM,GAAKD,EAASC,EAAM,GAAKD,EAAS,GAErD,SAASG,EAAwBJ,EAASC,GAC7C,MAAMC,EAAMD,EAASE,QAAQH,GAC7B,OAAOC,EAASC,EAAM,GAAKD,EAASC,EAAM,GAAKD,EAASA,EAASI,OAAS,GAEvE,SAASC,EAAuBC,GACnC,OAAIA,EAAQC,aACDD,EAAQE,SAAW,OAAS,QAG5BF,EAAQG,aAAe,OAAS,QAGxC,SAASC,EAA2BJ,EAASG,GAChD,MAAME,EAAOL,EAAQM,cAAc,QAC/BD,GACAE,EAAqBF,EAAM,CAAC,aAAc,+BAA+B,KAC7DF,IAIb,SAASK,EAAYR,GACxBA,EAAQS,UAAW,EAEhB,SAASC,EAASV,GACrBA,EAAQS,UAAW,EACnBT,EAAQW,iBAEL,SAASC,EAAeZ,GAC3B,IAAIa,EACJ,MAAMC,EAAcd,MAAAA,OAAyC,EAASA,EAAQe,QACxEC,EAAiG,QAAlFH,EAAKb,MAAAA,OAAyC,EAASA,EAAQiB,qBAAkC,IAAPJ,OAAgB,EAASA,EAAGI,cAC3I,OAAQH,GACJ,IAAK,sBACD,OAAOd,EAAQkB,aAAa,mBAChC,IAAK,uBACD,QAA6F,0BAAnFF,MAAAA,OAAiD,EAASA,EAAYD,YAAyCC,MAAAA,OAAiD,EAASA,EAAYE,aAAa,cAChN,QACI,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cds/core",
-  "version": "5.6.1",
+  "version": "6.0.0-next.0",
   "license": "MIT",
   "author": "clarity",
   "description": "Clarity Design System Web Components",
@@ -47,6 +47,7 @@
     "./datalist/register.js",
     "./date/register.js",
     "./divider/register.js",
+    "./dropdown/register.js",
     "./file/register.js",
     "./forms/register.js",
     "./icon/register.js",
@@ -54,6 +55,7 @@
     "./internal-components/close-button/register.js",
     "./internal-components/overlay/register.js",
     "./internal-components/panel/register.js",
+    "./internal-components/popup/register.js",
     "./internal-components/visual-checkbox/register.js",
     "./modal/register.js",
     "./navigation/register.js",
@@ -67,145 +69,138 @@
     "./selection-panels/checkbox/register.js",
     "./selection-panels/radio/register.js",
     "./tag/register.js",
-    "./textarea/register.js",
     "./test-dropdown/register.js",
+    "./textarea/register.js",
     "./time/register.js",
     "./toggle/register.js",
     "./tree-view/register.js",
-    "./polyfills/index.js",
-    "./polyfills/aria-reflect.js"
+    "./polyfills/aria-reflect.js",
+    "./polyfills/index.js"
   ],
   "exports": {
     "./package.json": "./package.json",
     "./custom-elements.json": "./custom-elements.json",
-    ".": "./index.js",
+    "./accordion": "./accordion/index.js",
+    "./alert": "./alert/index.js",
+    "./badge": "./badge/index.js",
+    "./breadcrumb": "./breadcrumb/index.js",
+    "./button": "./button/index.js",
+    "./card": "./card/index.js",
+    "./checkbox": "./checkbox/index.js",
+    "./datalist": "./datalist/index.js",
+    "./date": "./date/index.js",
+    "./divider": "./divider/index.js",
+    "./dropdown": "./dropdown/index.js",
+    "./file": "./file/index.js",
+    "./forms": "./forms/index.js",
+    "./icon": "./icon/index.js",
+    "./": "./index.js",
+    "./input": "./input/index.js",
+    "./internal-components/close-button": "./internal-components/close-button/index.js",
+    "./internal-components/overlay": "./internal-components/overlay/index.js",
+    "./internal-components/panel": "./internal-components/panel/index.js",
+    "./internal-components/popup": "./internal-components/popup/index.js",
+    "./internal-components/visual-checkbox": "./internal-components/visual-checkbox/index.js",
     "./internal": "./internal/index.js",
+    "./modal": "./modal/index.js",
+    "./navigation": "./navigation/index.js",
+    "./pagination": "./pagination/index.js",
+    "./password": "./password/index.js",
     "./polyfills": "./polyfills/index.js",
+    "./progress-circle": "./progress-circle/index.js",
+    "./radio": "./radio/index.js",
+    "./range": "./range/index.js",
+    "./search": "./search/index.js",
+    "./select": "./select/index.js",
+    "./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
+    "./selection-panels/radio": "./selection-panels/radio/index.js",
+    "./tag": "./tag/index.js",
+    "./test-dropdown": "./test-dropdown/index.js",
     "./test": "./test/index.js",
-    "./icon/shapes/*": "./icon/shapes/*",
-    "./icon/icon.service.js": "./icon/icon.service.js",
-    "./polyfills/index.js": "./polyfills/index.js",
-    "./tokens/tokens.js": "./tokens/tokens.js",
-    "./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
-    "./tokens/tokens.json": "./tokens/tokens.json",
-    "./tokens/tokens.scss": "./tokens/tokens.scss",
-    "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
-    "./tokens/tokens.android.xml": "./tokens/tokens.android.xml",
-    "./accordion": "./accordion/index.js",
-    "./accordion/register": "./accordion/register.js",
+    "./textarea": "./textarea/index.js",
+    "./time": "./time/index.js",
+    "./toggle": "./toggle/index.js",
+    "./tree-view": "./tree-view/index.js",
     "./accordion/register.js": "./accordion/register.js",
-    "./alert": "./alert/index.js",
-    "./alert/register": "./alert/register.js",
+    "./accordion/register": "./accordion/register.js",
     "./alert/register.js": "./alert/register.js",
-    "./badge": "./badge/index.js",
-    "./badge/register": "./badge/register.js",
+    "./alert/register": "./alert/register.js",
     "./badge/register.js": "./badge/register.js",
-    "./breadcrumb": "./breadcrumb/index.js",
-    "./breadcrumb/register": "./breadcrumb/register.js",
+    "./badge/register": "./badge/register.js",
     "./breadcrumb/register.js": "./breadcrumb/register.js",
-    "./button": "./button/index.js",
-    "./button/register": "./button/register.js",
+    "./breadcrumb/register": "./breadcrumb/register.js",
     "./button/register.js": "./button/register.js",
-    "./card": "./card/index.js",
-    "./card/register": "./card/register.js",
+    "./button/register": "./button/register.js",
     "./card/register.js": "./card/register.js",
-    "./checkbox": "./checkbox/index.js",
-    "./checkbox/register": "./checkbox/register.js",
+    "./card/register": "./card/register.js",
     "./checkbox/register.js": "./checkbox/register.js",
-    "./datalist": "./datalist/index.js",
-    "./datalist/register": "./datalist/register.js",
+    "./checkbox/register": "./checkbox/register.js",
     "./datalist/register.js": "./datalist/register.js",
-    "./date": "./date/index.js",
-    "./date/register": "./date/register.js",
+    "./datalist/register": "./datalist/register.js",
     "./date/register.js": "./date/register.js",
-    "./divider": "./divider/index.js",
-    "./divider/register": "./divider/register.js",
+    "./date/register": "./date/register.js",
     "./divider/register.js": "./divider/register.js",
-    "./file": "./file/index.js",
-    "./file/register": "./file/register.js",
+    "./divider/register": "./divider/register.js",
+    "./dropdown/register.js": "./dropdown/register.js",
+    "./dropdown/register": "./dropdown/register.js",
     "./file/register.js": "./file/register.js",
-    "./forms": "./forms/index.js",
-    "./forms/register": "./forms/register.js",
+    "./file/register": "./file/register.js",
     "./forms/register.js": "./forms/register.js",
-    "./icon": "./icon/index.js",
-    "./icon/register": "./icon/register.js",
+    "./forms/register": "./forms/register.js",
     "./icon/register.js": "./icon/register.js",
-    "./input": "./input/index.js",
-    "./input/register": "./input/register.js",
+    "./icon/register": "./icon/register.js",
     "./input/register.js": "./input/register.js",
-    "./internal-components/close-button": "./internal-components/close-button/index.js",
-    "./internal-components/close-button/register": "./internal-components/close-button/register.js",
+    "./input/register": "./input/register.js",
     "./internal-components/close-button/register.js": "./internal-components/close-button/register.js",
-    "./internal-components/overlay": "./internal-components/overlay/index.js",
-    "./internal-components/overlay/register": "./internal-components/overlay/register.js",
+    "./internal-components/close-button/register": "./internal-components/close-button/register.js",
     "./internal-components/overlay/register.js": "./internal-components/overlay/register.js",
-    "./internal-components/panel": "./internal-components/panel/index.js",
-    "./internal-components/panel/register": "./internal-components/panel/register.js",
+    "./internal-components/overlay/register": "./internal-components/overlay/register.js",
     "./internal-components/panel/register.js": "./internal-components/panel/register.js",
-    "./internal-components/visual-checkbox": "./internal-components/visual-checkbox/index.js",
-    "./internal-components/visual-checkbox/register": "./internal-components/visual-checkbox/register.js",
+    "./internal-components/panel/register": "./internal-components/panel/register.js",
+    "./internal-components/popup/register.js": "./internal-components/popup/register.js",
+    "./internal-components/popup/register": "./internal-components/popup/register.js",
     "./internal-components/visual-checkbox/register.js": "./internal-components/visual-checkbox/register.js",
-    "./modal": "./modal/index.js",
-    "./modal/register": "./modal/register.js",
+    "./internal-components/visual-checkbox/register": "./internal-components/visual-checkbox/register.js",
     "./modal/register.js": "./modal/register.js",
-    "./navigation": "./navigation/index.js",
-    "./navigation/register": "./navigation/register.js",
+    "./modal/register": "./modal/register.js",
     "./navigation/register.js": "./navigation/register.js",
-    "./pagination": "./pagination/index.js",
-    "./pagination/register": "./pagination/register.js",
+    "./navigation/register": "./navigation/register.js",
     "./pagination/register.js": "./pagination/register.js",
-    "./password": "./password/index.js",
-    "./password/register": "./password/register.js",
+    "./pagination/register": "./pagination/register.js",
     "./password/register.js": "./password/register.js",
-    "./progress-circle": "./progress-circle/index.js",
-    "./progress-circle/register": "./progress-circle/register.js",
+    "./password/register": "./password/register.js",
     "./progress-circle/register.js": "./progress-circle/register.js",
-    "./radio": "./radio/index.js",
-    "./radio/register": "./radio/register.js",
+    "./progress-circle/register": "./progress-circle/register.js",
     "./radio/register.js": "./radio/register.js",
-    "./range": "./range/index.js",
-    "./range/register": "./range/register.js",
+    "./radio/register": "./radio/register.js",
     "./range/register.js": "./range/register.js",
-    "./search": "./search/index.js",
-    "./search/register": "./search/register.js",
+    "./range/register": "./range/register.js",
     "./search/register.js": "./search/register.js",
-    "./select": "./select/index.js",
-    "./select/register": "./select/register.js",
+    "./search/register": "./search/register.js",
     "./select/register.js": "./select/register.js",
-    "./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
-    "./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
+    "./select/register": "./select/register.js",
     "./selection-panels/checkbox/register.js": "./selection-panels/checkbox/register.js",
-    "./selection-panels/radio": "./selection-panels/radio/index.js",
-    "./selection-panels/radio/register": "./selection-panels/radio/register.js",
+    "./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
     "./selection-panels/radio/register.js": "./selection-panels/radio/register.js",
-    "./tag": "./tag/index.js",
-    "./tag/register": "./tag/register.js",
+    "./selection-panels/radio/register": "./selection-panels/radio/register.js",
     "./tag/register.js": "./tag/register.js",
-    "./textarea": "./textarea/index.js",
-    "./textarea/register": "./textarea/register.js",
-    "./textarea/register.js": "./textarea/register.js",
-    "./test-dropdown": "./test-dropdown/index.js",
-    "./test-dropdown/register": "./test-dropdown/register.js",
+    "./tag/register": "./tag/register.js",
     "./test-dropdown/register.js": "./test-dropdown/register.js",
-    "./time": "./time/index.js",
-    "./time/register": "./time/register.js",
+    "./test-dropdown/register": "./test-dropdown/register.js",
+    "./textarea/register.js": "./textarea/register.js",
+    "./textarea/register": "./textarea/register.js",
     "./time/register.js": "./time/register.js",
-    "./toggle": "./toggle/index.js",
-    "./toggle/register": "./toggle/register.js",
+    "./time/register": "./time/register.js",
     "./toggle/register.js": "./toggle/register.js",
-    "./tree-view": "./tree-view/index.js",
-    "./tree-view/register": "./tree-view/register.js",
+    "./toggle/register": "./toggle/register.js",
     "./tree-view/register.js": "./tree-view/register.js",
-    "./global.css": "./global.css",
-    "./global.min.css": "./global.min.css",
-    "./styles/module.tokens.css": "./styles/module.tokens.css",
-    "./styles/module.tokens.min.css": "./styles/module.tokens.min.css",
+    "./tree-view/register": "./tree-view/register.js",
+    "./Users/crylan/Desktop/release/next/packages/core/dist/core/global.css": "./Users/crylan/Desktop/release/next/packages/core/dist/core/global.css",
+    "./Users/crylan/Desktop/release/next/packages/core/dist/core/global.min.css": "./Users/crylan/Desktop/release/next/packages/core/dist/core/global.min.css",
     "./styles/module.layout.css": "./styles/module.layout.css",
     "./styles/module.layout.min.css": "./styles/module.layout.min.css",
     "./styles/module.reset.css": "./styles/module.reset.css",
     "./styles/module.reset.min.css": "./styles/module.reset.min.css",
-    "./styles/module.shims.css": "./styles/module.shims.css",
-    "./styles/module.shims.min.css": "./styles/module.shims.min.css",
     "./styles/module.typography.css": "./styles/module.typography.css",
     "./styles/module.typography.min.css": "./styles/module.typography.min.css",
     "./styles/theme.dark.css": "./styles/theme.dark.css",
@@ -215,6 +210,14 @@
     "./list/list.css": "./list/list.css",
     "./list/list.min.css": "./list/list.min.css",
     "./table/table.css": "./table/table.css",
-    "./table/table.min.css": "./table/table.min.css"
+    "./table/table.min.css": "./table/table.min.css",
+    "./icon/shapes/*": "./icon/shapes/*",
+    "./icon/icon.service.js": "./icon/icon.service.js",
+    "./tokens/tokens.js": "./tokens/tokens.js",
+    "./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
+    "./tokens/tokens.json": "./tokens/tokens.json",
+    "./tokens/tokens.scss": "./tokens/tokens.scss",
+    "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
+    "./tokens/tokens.android.xml": "./tokens/tokens.android.xml"
   }
 }

package/pagination/pagination-button.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var r=o`:host{--background:none;--padding:0;--border-color:var(--color);--border-width:0;--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 0 var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2)) inset;--min-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--min-width:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));color:var(--color)}.private-host{--icon-color:var(--color);color:var(--color);background:var(--background);min-width:var(--min-width);min-height:var(--min-height);border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);font-size:var(--font-size)}:host(:active) .private-host{box-shadow:var(--box-shadow)}:host(:active) .private-host,:host(:focus) .private-host,:host(:hover) .private-host{filter:brightness(90%)}cds-icon{--color:var(--icon-color)}:host([disabled]){--background:none;--box-shadow:none;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc));pointer-events:none!important}:host([disabled]) .private-host{--icon-color:var(--color);filter:none!important;background:var(--background);color:var(--color)}`;export default r;
+import{css as o}from"lit";var r=o`:host{--background:none;--padding:0;--border-color:var(--color);--border-width:0;--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 0 var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2)) inset;--min-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--min-width:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));color:var(--color)}.private-host{--icon-color:var(--color);color:var(--color);background:var(--background);min-width:var(--min-width);min-height:var(--min-height);border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);font-size:var(--font-size)}:host(:active) .private-host{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}:host(:active) .private-host,:host(:focus) .private-host,:host(:hover) .private-host{-webkit-filter:brightness(90%);filter:brightness(90%)}cds-icon{--color:var(--icon-color)}:host([disabled]){--background:none;--box-shadow:none;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc));pointer-events:none!important}:host([disabled]) .private-host{--icon-color:var(--color);-webkit-filter:none!important;filter:none!important;background:var(--background);color:var(--color)}`;export default r;
 //# sourceMappingURL=pagination-button.element.scss.js.map

package/progress-circle/progress-circle.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var s=a`@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{--ring-opacity:1;--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--fill-speed:var(--cds-global-animation-duration-secondary, 0.3s);font-family:inherit;font-size:inherit;color:inherit;display:block;cursor:inherit}.private-host,svg{height:100%;width:100%}svg{display:block}.private-host{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.private-host .backstroke{stroke:var(--ring-color);opacity:var(--ring-opacity)}.private-host .arcstroke{stroke:var(--fill-color);transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79))}:host,:host([size=sm]){height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}:host([size=md]){height:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem))}:host([size=lg]){height:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem))}:host([size=xl]){height:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem))}:host([size=xxl]){height:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)));width:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))}:host([value="0"]) .fillstroke,:host([value="100"]) .fillstroke{display:none}:host(:not([value])) .progress-wrapper{animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite}:host([status=info]){--ring-color:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--fill-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--ring-color:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--fill-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--ring-color:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--fill-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--ring-color:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--fill-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=alt]){--ring-color:var(--cds-alias-status-alt-tint, var(--cds-global-color-violet-600, #9b32c8));--fill-color:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5))}:host([inverse]){--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}`;export default s;
+import{css as a}from"lit";var s=a`@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--ring-opacity:1;--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--fill-speed:var(--cds-global-animation-duration-secondary, 0.3s);font-family:inherit;font-size:inherit;color:inherit;display:block;cursor:inherit}.private-host,svg{height:100%;width:100%}svg{display:block}.private-host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.private-host .backstroke{stroke:var(--ring-color);opacity:var(--ring-opacity)}.private-host .arcstroke{stroke:var(--fill-color);-webkit-transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79));transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79))}:host,:host([size=sm]){height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}:host([size=md]){height:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem))}:host([size=lg]){height:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem))}:host([size=xl]){height:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem))}:host([size=xxl]){height:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)));width:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))}:host([value="0"]) .fillstroke,:host([value="100"]) .fillstroke{display:none}:host(:not([value])) .progress-wrapper{-webkit-animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite;animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite}:host([status=info]){--ring-color:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--fill-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--ring-color:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--fill-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--ring-color:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--fill-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--ring-color:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--fill-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=alt]){--ring-color:var(--cds-alias-status-alt-tint, var(--cds-global-color-violet-600, #9b32c8));--fill-color:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5))}:host([inverse]){--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}`;export default s;
 //# sourceMappingURL=progress-circle.element.scss.js.map

package/radio/radio.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--width:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--fill-box-shadow:none}.input,.input::after{width:var(--width);height:var(--height);border-radius:var(--cds-alias-object-border-radius-300,50%);content:""}.input{min-width:var(--width);border:var(--border);box-shadow:var(--fill-box-shadow);display:inline-block;cursor:pointer}.input::after{position:absolute;top:0;left:0}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border:0!important}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:0!important}`;export default r;
+import{css as a}from"lit";var o=a`:host{--width:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--fill-box-shadow:none}.input,.input::after{width:var(--width);height:var(--height);border-radius:var(--cds-alias-object-border-radius-300,50%);content:""}.input{min-width:var(--width);border:var(--border);-webkit-box-shadow:var(--fill-box-shadow);box-shadow:var(--fill-box-shadow);display:inline-block;cursor:pointer}.input::after{position:absolute;top:0;left:0}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border:0!important}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:0!important}`;export default o;
 //# sourceMappingURL=radio.element.scss.js.map

package/range/range.global.scss.js

@@ -1,2 +1,2 @@
-import{css as r}from"lit";var a=r`cds-range input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--track-height);background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem)));border:0;box-shadow:none;display:-webkit-box;display:flex}cds-range input[type=range]::-webkit-slider-thumb{box-shadow:none;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,calc((12 / var(--cds-global-base,20)) * 1rem));background:var(--thumb-background);-webkit-appearance:none;align-self:center;margin-top:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))*-1)}cds-range input[type=range]:focus::-webkit-slider-runnable-track{background:var(--track-background)}cds-range input[type=range]::-moz-range-track{width:100%;height:var(--track-height);box-shadow:0;background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem)));border:0}cds-range input[type=range]::-moz-range-thumb{box-shadow:0;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,calc((12 / var(--cds-global-base,20)) * 1rem));background:var(--thumb-background)}`;export default a;
+import{css as r}from"lit";var a=r`cds-range input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--track-height);background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem)));border:0;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:flex}cds-range input[type=range]::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,calc((12 / var(--cds-global-base,20)) * 1rem));background:var(--thumb-background);-webkit-appearance:none;align-self:center;margin-top:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))*-1)}cds-range input[type=range]:focus::-webkit-slider-runnable-track{background:var(--track-background)}cds-range input[type=range]::-moz-range-track{width:100%;height:var(--track-height);box-shadow:0;background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem)));border:0}cds-range input[type=range]::-moz-range-thumb{box-shadow:0;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,calc((12 / var(--cds-global-base,20)) * 1rem));background:var(--thumb-background)}`;export default a;
 //# sourceMappingURL=range.global.scss.js.map

package/selection-panels/shared/selection-panel.element.scss.js

@@ -2,5 +2,5 @@ import{css as a}from"lit";var l=a`/*!
  * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
- */:host{--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem))}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-sm,calc((6 / var(--cds-global-base,20)) * 1rem)) var(--cds-global-layout-space-xs,calc((4 / var(--cds-global-base,20)) * 1rem));position:absolute;right:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));top:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));z-index:99}::slotted(label){box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem));cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500))}:host([_checked]:hover:not([_disabled])) .input{--border:var(--border)}:host([_checked]:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([size=sm]),:host([size=sm]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10)}:host([size=md]),:host([size=md]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20)}:host([size=lg]),:host([size=lg]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 20)}:host([size=xl]),:host([size=xl]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 40);--panel-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 40)}`;export default l;
+ */:host{--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem))}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-sm,calc((6 / var(--cds-global-base,20)) * 1rem)) var(--cds-global-layout-space-xs,calc((4 / var(--cds-global-base,20)) * 1rem));position:absolute;right:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));top:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));z-index:99}::slotted(label){-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem));cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500))}:host([_checked]:hover:not([_disabled])) .input{--border:var(--border)}:host([_checked]:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([size=sm]),:host([size=sm]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10)}:host([size=md]),:host([size=md]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20)}:host([size=lg]),:host([size=lg]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 20)}:host([size=xl]),:host([size=xl]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 40);--panel-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 40)}`;export default l;
 //# sourceMappingURL=selection-panel.element.scss.js.map

package/styles/module.tokens.css

@@ -346,9 +346,9 @@
   --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-shadow-100: 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5);
+  --cds-alias-object-shadow-200: 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3);
+  --cds-alias-object-shadow-300: 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 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);

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: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-webkit:5px auto -webkit-focus-ring-color;--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-danger-dark:var(--cds-global-color-red-900);--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 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 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-webkit:5px auto -webkit-focus-ring-color;--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-danger-dark:var(--cds-global-color-red-900);--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)}