@cds/core 6.0.0-next.1 → 6.0.0-next.2

package/internal/controllers/button-submit.controller.d.ts

@@ -0,0 +1,27 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type ButtonSubmit = ReactiveElement & HTMLElement & {
+    name: string;
+    value: string;
+    disabled: boolean;
+    type: 'button' | 'submit';
+    readonly: boolean;
+};
+/**
+ * Shim for allowing native submit type events with custom element buttons as Safari prevents use of extending native element types
+ */
+export declare function buttonSubmit<T extends ButtonSubmit>(): ClassDecorator;
+export declare class ButtonSubmitController<T extends ButtonSubmit> implements ReactiveController {
+    private host;
+    private triggerNativeButtonBehaviorHandler;
+    private emulateKeyBoardEventBehaviorHandler;
+    constructor(host: T);
+    hostUpdated(): void;
+    private setButtonType;
+    private setupNativeButtonBehavior;
+    private emulateKeyBoardEventBehavior;
+    /**
+     * We have to append a hidden button outside the web component in the light DOM
+     * This allows us to trigger native submit events within a form element.
+     */
+    private triggerNativeButtonBehavior;
+}

package/internal/controllers/button-submit.controller.js

@@ -0,0 +1,2 @@
+import{html as t}from"lit";import{ifDefined as e}from"lit/directives/if-defined.js";import{stopEvent as i}from"../utils/events.js";import{onAnyKey as s}from"../utils/keycodes.js";import{renderAfter as o}from"../utils/lit.js";function r(){return t=>t.addInitializer((t=>new h(t)))}class h{constructor(t){this.host=t,this.triggerNativeButtonBehaviorHandler=this.triggerNativeButtonBehavior.bind(this),this.emulateKeyBoardEventBehaviorHandler=this.emulateKeyBoardEventBehavior.bind(this),this.host.addController(this)}hostUpdated(){this.setButtonType(),this.setupNativeButtonBehavior()}setButtonType(){!this.host.type&&this.host.closest("form")&&(this.host.type="submit")}setupNativeButtonBehavior(){this.host.readonly||this.host.disabled?(this.host.removeEventListener("click",this.triggerNativeButtonBehaviorHandler),this.host.removeEventListener("keyup",this.emulateKeyBoardEventBehaviorHandler)):(this.host.addEventListener("click",this.triggerNativeButtonBehaviorHandler),this.host.addEventListener("keyup",this.emulateKeyBoardEventBehaviorHandler))}emulateKeyBoardEventBehavior(t){s(["enter","space"],t,(()=>{"submit"===this.host.type?this.triggerNativeButtonBehavior(t):this.host.click(),i(t)}))}triggerNativeButtonBehavior(s){if(this.host.disabled)i(s);else if(!s.defaultPrevented){const i=o(t`<button aria-hidden="true" role="presentation" ?disabled="${this.host.disabled}" tabindex="-1" style="display:none!important" value="${e(this.host.value)}" name="${e(this.host.name)}" type="${e(this.host.type)}"></button>`,this.host);null==i||i.dispatchEvent(new MouseEvent("click",{relatedTarget:this.host,composed:!0})),null==i||i.remove()}}}export{h as ButtonSubmitController,r as buttonSubmit};
+//# sourceMappingURL=button-submit.controller.js.map

package/internal/controllers/button-submit.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-submit.controller.js","sources":["../../../../src/internal/controllers/button-submit.controller.ts"],"sourcesContent":null,"names":["buttonSubmit","target","addInitializer","instance","ButtonSubmitController","[object Object]","host","this","triggerNativeButtonBehaviorHandler","triggerNativeButtonBehavior","bind","emulateKeyBoardEventBehaviorHandler","emulateKeyBoardEventBehavior","addController","setButtonType","setupNativeButtonBehavior","type","closest","readonly","disabled","removeEventListener","addEventListener","evt","onAnyKey","click","stopEvent","event","defaultPrevented","submitButton","renderAfter","html","ifDefined","value","name","dispatchEvent","MouseEvent","relatedTarget","composed","remove"],"mappings":"iOAQO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAuBD,KAE/E,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKC,mCAAqCD,KAAKE,4BAA4BC,KAAKH,MAChFA,KAAKI,oCAAsCJ,KAAKK,6BAA6BF,KAAKH,MAClFA,KAAKD,KAAKO,cAAcN,MAE5BF,cACIE,KAAKO,gBACLP,KAAKQ,4BAETV,iBACSE,KAAKD,KAAKU,MAAQT,KAAKD,KAAKW,QAAQ,UACrCV,KAAKD,KAAKU,KAAO,UAGzBX,4BACQE,KAAKD,KAAKY,UAAYX,KAAKD,KAAKa,UAChCZ,KAAKD,KAAKc,oBAAoB,QAASb,KAAKC,oCAC5CD,KAAKD,KAAKc,oBAAoB,QAASb,KAAKI,uCAG5CJ,KAAKD,KAAKe,iBAAiB,QAASd,KAAKC,oCACzCD,KAAKD,KAAKe,iBAAiB,QAASd,KAAKI,sCAGjDN,6BAA6BiB,GACzBC,EAAS,CAAC,QAAS,SAAUD,GAAK,KAEP,WAAnBf,KAAKD,KAAKU,KACVT,KAAKE,4BAA4Ba,GAGjCf,KAAKD,KAAKkB,QAEdC,EAAUH,MAOlBjB,4BAA4BqB,GACxB,GAAInB,KAAKD,KAAKa,SACVM,EAAUC,QAET,IAAKA,EAAMC,iBAAkB,CAC9B,MAAMC,EAAeC,EAAYC,CAAK,6DAG3BvB,KAAKD,KAAKa,iEAGdY,EAAUxB,KAAKD,KAAK0B,iBACrBD,EAAUxB,KAAKD,KAAK2B,gBACpBF,EAAUxB,KAAKD,KAAKU,mBACjBT,KAAKD,MACdsB,MAAAA,GAA4DA,EAAaM,cAAc,IAAIC,WAAW,QAAS,CAAEC,cAAe7B,KAAKD,KAAM+B,UAAU,KACrJT,MAAAA,GAA4DA,EAAaU"}

package/internal/decorators/animate.d.ts

@@ -1,2 +1,2 @@
-import { PropertyDrivenAnimation } from '../motion/interfaces.js';
-export declare function animate(config: PropertyDrivenAnimation): <T extends new (...args: any[]) => {}>(constr: T) => T;
+import { AnimatableElement, PropertyDrivenAnimation } from '../motion/interfaces.js';
+export declare function animate(config: PropertyDrivenAnimation): <T extends new (...args: any[]) => AnimatableElement>(constructor: T) => T;

package/internal/decorators/animate.js

@@ -1,2 +1,2 @@
-import{PRIVATE_ANIMATION_STATUS_ATTR_NAME as t,AnimationStatus as e}from"../motion/interfaces.js";import{runPropertyAnimations as o}from"../motion/utils.js";function i(i){return function(r){const s=r;return class extends s{updated(r){super.updated(r);const s=this;s._animations=i||void 0,s.hasAttribute(t)?s.hasAttribute("_demo-mode")||o(r,s):s.setAttribute(t,e.ready)}}}}export{i as animate};
+import{PRIVATE_ANIMATION_STATUS_ATTR_NAME as t,AnimationStatus as i}from"../motion/interfaces.js";import{runPropertyAnimations as o}from"../motion/utils.js";function e(e){return function(n){return class extends n{constructor(){super(...arguments),this._animationReady=!1,this._animationDemoMode=!1,this._animations=e}updated(e){if(super.updated(e),!this._animationReady&&!this.hasAttribute(t))return this.setAttribute(t,i.ready),void(this._animationReady=!0);!0===this._animationDemoMode||this.hasAttribute("_demo-mode")?this._animationDemoMode=!0:o(e,this)}}}}export{e as animate};
 //# sourceMappingURL=animate.js.map

package/internal/decorators/animate.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate.js","sources":["../../../../src/internal/decorators/animate.ts"],"sourcesContent":null,"names":["animate","config","constr","_constr","[object Object]","props","super","updated","self","this","_animations","hasAttribute","PRIVATE_ANIMATION_STATUS_ATTR_NAME","runPropertyAnimations","setAttribute","AnimationStatus","ready"],"mappings":"6JAQO,SAASA,EAAQC,GAEpB,OAAO,SAAwBC,GAC3B,MAAMC,EAAUD,EAChB,OAAO,cAAcC,EACjBC,QAAQC,GACJC,MAAMC,QAAQF,GACd,MAAMG,EAAOC,KACbD,EAAKE,YAAcT,QAAU,EACxBO,EAAKG,aAAaC,GAGbJ,EAAKG,aAAa,eAExBE,EAAsBR,EAAOG,GAJ7BA,EAAKM,aAAaF,EAAoCG,EAAgBC"}
+{"version":3,"file":"animate.js","sources":["../../../../src/internal/decorators/animate.ts"],"sourcesContent":null,"names":["animate","config","constructor","[object Object]","super","arguments","this","_animationReady","_animationDemoMode","_animations","props","updated","hasAttribute","PRIVATE_ANIMATION_STATUS_ATTR_NAME","setAttribute","AnimationStatus","ready","runPropertyAnimations"],"mappings":"6JAQO,SAASA,EAAQC,GAEpB,OAAO,SAA6BC,GAChC,OAAO,cAAcA,EACjBC,cACIC,SAASC,WACTC,KAAKC,iBAAkB,EACvBD,KAAKE,oBAAqB,EAC1BF,KAAKG,YAAcR,EAEvBE,QAAQO,GAEJ,GADAN,MAAMO,QAAQD,IACTJ,KAAKC,kBAAoBD,KAAKM,aAAaC,GAI5C,OAFAP,KAAKQ,aAAaD,EAAoCE,EAAgBC,YACtEV,KAAKC,iBAAkB,IAGK,IAA5BD,KAAKE,oBAA+BF,KAAKM,aAAa,cAItDN,KAAKE,oBAAqB,EAG9BS,EAAsBP,EAAOJ"}

package/internal/decorators/property.js

@@ -1,2 +1,2 @@
-import{property as t}from"lit/decorators/property.js";import{camelCaseToKebabCase as r,capitalizeFirstLetter as e,kebabCaseToPascalCase as n}from"../utils/string.js";import{LogService as o}from"../services/log.service.js";import{getAngularVersion as i,getVueVersion as u,getReactVersion as c}from"../utils/framework.js";import{isNilOrEmpty as s}from"../utils/identity.js";function a(t,e){switch(e?e.type:e){case Array:case Object:return{reflect:!1,...e};case String:return{reflect:!0,attribute:r(t),converter:{toAttribute:t=>t||null},...e};case Number:return{reflect:!0,attribute:r(t),...e};case Boolean:return{reflect:!0,attribute:r(t),converter:{toAttribute:t=>t?"":null,fromAttribute:t=>"false"!==t&&null!==t},...e};case Date:return{reflect:!1,converter:{fromAttribute:t=>new Date(t)},...e};default:return{...e}}}function l(t,a,l){const f=t.firstUpdated;t.firstUpdated=function(t){if(l&&l.required&&s(this[a])){const t=l.requiredMessage||function(t="warning",o,s){const a=s.toLocaleLowerCase();return`${e(t)}: ${o} is required to use ${a} component. Set the JS Property or HTML Attribute.\n\n`+(i()?`Angular: <${a} [${o}]="..."></${a}>\n`:"")+(u()?`Vue: <${a} :${o}="..."></${a}>\n`:"")+(c()?`React: <${n(a)} ${o}={...} />\n`:"")+`HTML: <${a} ${r(o)}="..."></${a}>\n`+`JavaScript: document.querySelector('${a}').${o} = '...';\n\n`}(l.required,a,this.tagName);if("error"===l.required)throw Error(t);o.warn(t,this)}f&&f.call(this,t)}}function f(r){return(e,n)=>(l(e,n,r),t(a(n,r))(e,n))}function m(e){return(n,o)=>{const i=a(o,e);return i&&(i.reflect=!!(null==e?void 0:e.reflect)&&e.reflect,i.reflect&&!(null==e?void 0:e.attribute)&&(i.attribute="_"+r(o))),t(i)(n,o)}}export{a as getDefaultOptions,f as property,l as requirePropertyCheck,m as state};
+import{property as t}from"lit/decorators/property.js";import{camelCaseToKebabCase as r,capitalizeFirstLetter as e,kebabCaseToPascalCase as n}from"../utils/string.js";import{LogService as i}from"../services/log.service.js";import{getAngularVersion as o,getVueVersion as u,getReactVersion as c}from"../utils/framework.js";import{isNilOrEmpty as s}from"../utils/identity.js";function a(t,e){switch(e?e.type:e){case Array:case Object:return{reflect:!1,...e};case String:return{reflect:!0,attribute:r(t),converter:{toAttribute:t=>t||null},...e};case Number:return{reflect:!0,attribute:r(t),...e};case Boolean:return{reflect:!0,attribute:r(t),converter:{toAttribute:t=>t?"":null,fromAttribute:t=>"false"!==t&&null!==t},...e};case Date:return{reflect:!1,converter:{fromAttribute:t=>new Date(t)},...e};default:return{...e}}}function l(t,a,l){const f=t.firstUpdated;t.firstUpdated=function(t){if(l&&l.required&&s(this[a])){const t=l.requiredMessage||function(t="warning",i,s){const a=s.toLocaleLowerCase();return`${e(t)}: ${i} is required to use ${a} component. Set the JS Property or HTML Attribute.\n\n`+(o()?`Angular: <${a} [${i}]="..."></${a}>\n`:"")+(u()?`Vue: <${a} :${i}="..."></${a}>\n`:"")+(c()?`React: <${n(a)} ${function(t){return t.startsWith("aria")?r(t):t}(i)}={...} />\n`:"")+`HTML: <${a} ${r(i)}="..."></${a}>\n`+`JavaScript: document.querySelector('${a}').${i} = '...';\n\n`}(l.required,a,this.tagName);if("error"===l.required)throw Error(t);i.warn(t,this)}f&&f.call(this,t)}}function f(r){return(e,n)=>(l(e,n,r),t(a(n,r))(e,n))}function m(e){return(n,i)=>{const o=a(i,e);return o&&(o.reflect=!!(null==e?void 0:e.reflect)&&e.reflect,o.reflect&&!(null==e?void 0:e.attribute)&&(o.attribute="_"+r(i))),t(o)(n,i)}}export{a as getDefaultOptions,f as property,l as requirePropertyCheck,m as state};
 //# sourceMappingURL=property.js.map

package/internal/decorators/property.js.map

@@ -1 +1 @@
-{"version":3,"file":"property.js","sources":["../../../../src/internal/decorators/property.ts"],"sourcesContent":null,"names":["getDefaultOptions","propertyKey","options","type","Array","Object","reflect","String","attribute","camelCaseToKebabCase","converter","toAttribute","value","Number","Boolean","fromAttribute","Date","requirePropertyCheck","protoOrDescriptor","name","targetFirstUpdated","firstUpdated","props","required","isNilOrEmpty","this","message","requiredMessage","level","propertyName","tagName","tag","toLocaleLowerCase","capitalizeFirstLetter","getAngularVersion","getVueVersion","getReactVersion","kebabCaseToPascalCase","getRequiredMessage","Error","LogService","warn","apply","property","_property","state","defaultOptions"],"mappings":"oXAaO,SAASA,EAAkBC,EAAaC,GAE3C,OADaA,EAAUA,EAAQC,KAAOD,GAElC,KAAKE,MAEL,KAAKC,OACD,MAAO,CAAEC,SAAS,KAAUJ,GAChC,KAAKK,OACD,MAAO,CACHD,SAAS,EACTE,UAAWC,EAAqBR,GAChCS,UAAW,CACPC,YAAcC,GAAWA,GAAgB,SAE1CV,GAEX,KAAKW,OACD,MAAO,CAAEP,SAAS,EAAME,UAAWC,EAAqBR,MAAiBC,GAC7E,KAAKY,QACD,MAAO,CACHR,SAAS,EACTE,UAAWC,EAAqBR,GAChCS,UAAW,CAGPC,YAAcC,GAAWA,EAAQ,GAAK,KACtCG,cAAgBH,GAAoB,UAAVA,GAA+B,OAAVA,MAEhDV,GAEX,KAAKc,KACD,MAAO,CAEHV,SAAS,EACTI,UAAW,CACPK,cAAgBH,GAAU,IAAII,KAAKJ,OAEpCV,GAGX,QACI,MAAO,IAAKA,IAGjB,SAASe,EAAqBC,EAAmBC,EAAMjB,GAC1D,MAAMkB,EAAqBF,EAAkBG,aAe7CH,EAAkBG,aAdlB,SAAsBC,GAClB,GAAIpB,GAAWA,EAAQqB,UAAYC,EAAaC,KAAKN,IAAQ,CACzD,MAAMO,EAAUxB,EAAQyB,iBAcpC,SAA4BC,EAAQ,UAAWC,EAAcC,GACzD,MAAMC,EAAMD,EAAQE,oBACpB,MAAQ,GAAGC,EAAsBL,OAAWC,wBAAmCE,2DACxEG,IAAsB,aAAaH,MAAQF,cAAyBE,OAAW,KAC/EI,IAAkB,SAASJ,MAAQF,aAAwBE,OAAW,KACtEK,IAAoB,WAAWC,EAAsBN,MAAQF,eAA4B,IAC5F,UAAaE,KAAOtB,EAAqBoB,cAAyBE,OAClE,uCAA0CA,OAASF,iBArBJS,CAAmBpC,EAAQqB,SAAUJ,EAAMM,KAAKK,SAC3F,GAAyB,UAArB5B,EAAQqB,SACR,MAAUgB,MAAMb,GAGhBc,EAAWC,KAAKf,EAASD,MAG7BL,GACAA,EAAmBsB,KAAMjB,KAAOH,IAwBrC,SAASqB,EAASzC,GACrB,MAAO,CAACgB,EAAmBC,KACvBF,EAAqBC,EAAmBC,EAAMjB,GACvC0C,EAAU5C,EAAkBmB,EAAMjB,GAAlC0C,CAA4C1B,EAAmBC,IAevE,SAAS0B,EAAM3C,GAClB,MAAO,CAACgB,EAAmBC,KACvB,MAAM2B,EAAiB9C,EAAkBmB,EAAMjB,GAS/C,OARI4C,IACAA,EAAexC,WAAWJ,MAAAA,OAAyC,EAASA,EAAQI,UAAWJ,EAAQI,QACnGwC,EAAexC,WAAaJ,MAAAA,OAAyC,EAASA,EAAQM,aAGtFsC,EAAetC,UAAY,IAAIC,EAAqBU,KAGrDyB,EAAUE,EAAVF,CAA0B1B,EAAmBC"}
+{"version":3,"file":"property.js","sources":["../../../../src/internal/decorators/property.ts"],"sourcesContent":null,"names":["getDefaultOptions","propertyKey","options","type","Array","Object","reflect","String","attribute","camelCaseToKebabCase","converter","toAttribute","value","Number","Boolean","fromAttribute","Date","requirePropertyCheck","protoOrDescriptor","name","targetFirstUpdated","firstUpdated","props","required","isNilOrEmpty","this","message","requiredMessage","level","propertyName","tagName","tag","toLocaleLowerCase","capitalizeFirstLetter","getAngularVersion","getVueVersion","getReactVersion","kebabCaseToPascalCase","startsWith","getReactPropertyName","getRequiredMessage","Error","LogService","warn","apply","property","_property","state","defaultOptions"],"mappings":"oXAaO,SAASA,EAAkBC,EAAaC,GAE3C,OADaA,EAAUA,EAAQC,KAAOD,GAElC,KAAKE,MAEL,KAAKC,OACD,MAAO,CAAEC,SAAS,KAAUJ,GAChC,KAAKK,OACD,MAAO,CACHD,SAAS,EACTE,UAAWC,EAAqBR,GAChCS,UAAW,CACPC,YAAcC,GAAWA,GAAgB,SAE1CV,GAEX,KAAKW,OACD,MAAO,CAAEP,SAAS,EAAME,UAAWC,EAAqBR,MAAiBC,GAC7E,KAAKY,QACD,MAAO,CACHR,SAAS,EACTE,UAAWC,EAAqBR,GAChCS,UAAW,CAGPC,YAAcC,GAAWA,EAAQ,GAAK,KACtCG,cAAgBH,GAAoB,UAAVA,GAA+B,OAAVA,MAEhDV,GAEX,KAAKc,KACD,MAAO,CAEHV,SAAS,EACTI,UAAW,CACPK,cAAgBH,GAAU,IAAII,KAAKJ,OAEpCV,GAGX,QACI,MAAO,IAAKA,IAGjB,SAASe,EAAqBC,EAAmBC,EAAMjB,GAC1D,MAAMkB,EAAqBF,EAAkBG,aAe7CH,EAAkBG,aAdlB,SAAsBC,GAClB,GAAIpB,GAAWA,EAAQqB,UAAYC,EAAaC,KAAKN,IAAQ,CACzD,MAAMO,EAAUxB,EAAQyB,iBA0BpC,SAA4BC,EAAQ,UAAWC,EAAcC,GACzD,MAAMC,EAAMD,EAAQE,oBACpB,MAAQ,GAAGC,EAAsBL,OAAWC,wBAAmCE,2DACxEG,IAAsB,aAAaH,MAAQF,cAAyBE,OAAW,KAC/EI,IAAkB,SAASJ,MAAQF,aAAwBE,OAAW,KACtEK,IAAoB,WAAWC,EAAsBN,MAXhE,SAA8BF,GAC1B,OAAIA,EAAaS,WAAW,QACjB7B,EAAqBoB,GAEzBA,EAO6DU,CAAqBV,gBAA6B,IAClH,UAAaE,KAAOtB,EAAqBoB,cAAyBE,OAClE,uCAA0CA,OAASF,iBAjCJW,CAAmBtC,EAAQqB,SAAUJ,EAAMM,KAAKK,SAC3F,GAAyB,UAArB5B,EAAQqB,SACR,MAAUkB,MAAMf,GAGhBgB,EAAWC,KAAKjB,EAASD,MAG7BL,GACAA,EAAmBwB,KAAMnB,KAAOH,IAoCrC,SAASuB,EAAS3C,GACrB,MAAO,CAACgB,EAAmBC,KACvBF,EAAqBC,EAAmBC,EAAMjB,GACvC4C,EAAU9C,EAAkBmB,EAAMjB,GAAlC4C,CAA4C5B,EAAmBC,IAevE,SAAS4B,EAAM7C,GAClB,MAAO,CAACgB,EAAmBC,KACvB,MAAM6B,EAAiBhD,EAAkBmB,EAAMjB,GAS/C,OARI8C,IACAA,EAAe1C,WAAWJ,MAAAA,OAAyC,EAASA,EAAQI,UAAWJ,EAAQI,QACnG0C,EAAe1C,WAAaJ,MAAAA,OAAyC,EAASA,EAAQM,aAGtFwC,EAAexC,UAAY,IAAIC,EAAqBU,KAGrD2B,EAAUE,EAAVF,CAA0B5B,EAAmBC"}

package/internal/index.d.ts

@@ -4,8 +4,15 @@ export declare const baseStyles: import("lit").CSSResultGroup;
 export * from './base/button.base.js';
 export * from './base/focus-trap.base.js';
 export * from './utils/color.js';
-export * from './controllers/aria-popup-trigger.controller.js';
+export * from './controllers/active.controller.js';
+export * from './controllers/aria-button.controller.js';
+export * from './controllers/aria-disabled.controller.js';
 export * from './controllers/aria-popup.controller.js';
+export * from './controllers/aria-popup-trigger.controller.js';
+export * from './controllers/aria-pressed.controller.js';
+export * from './controllers/aria-selected.controller.js';
+export * from './controllers/button-anchor.controller.js';
+export * from './controllers/button-submit.controller.js';
 export * from './controllers/closable.controller.js';
 export * from './controllers/first-focus.controller.js';
 export * from './controllers/inline-focus-trap.controller.js';

package/internal/index.js

@@ -1,2 +1,2 @@
-import"@cds/core/polyfills";import e from"./base/base.element.scss.js";export{CdsBaseButton}from"./base/button.base.js";export{CdsBaseFocusTrap}from"./base/focus-trap.base.js";export{hslToRgb,rgbToHex}from"./utils/color.js";export{AriaPopupTriggerController}from"./controllers/aria-popup-trigger.controller.js";export{AriaPopupController}from"./controllers/aria-popup.controller.js";export{ClosableController}from"./controllers/closable.controller.js";export{FirstFocusController}from"./controllers/first-focus.controller.js";export{InlineFocusTrapController}from"./controllers/inline-focus-trap.controller.js";export{addClassnames,getCssPropertyValue,hasClassnames,isCssPropertyName,pxToRem,removeClassnames,removeClassnamesUnless,setCssPropertyValue,unsetElementStyles,updateElementStyles}from"./utils/css.js";export{addAttributeValue,assignSlotNames,createFragment,focusableSelectors,getElementWidth,getElementWidthUnless,getShadowRootOrElse,getWindowDimensions,hasAttributeAndIsNotEmpty,isFocusable,isHTMLElement,isScrollable,isVisible,makeFocusable,queryAllFocusable,queryChildFromLightOrShadowDom,removeAttributeValue,removeAttributes,setAttributes,setOrRemoveAttribute,spanWrapper,tabFlowSelectors,windowIsAboveMobileBreakpoint}from"./utils/dom.js";export{registerElementSafely}from"./utils/registration.js";export{animate}from"./decorators/animate.js";export{querySlot,querySlotAll}from"./decorators/query-slot.js";export{getDefaultOptions,property,requirePropertyCheck,state}from"./decorators/property.js";export{customElement}from"./decorators/element.js";export{EventEmitter,event}from"./decorators/event.js";export{SpreadProps,spreadProps}from"./directives/spread-props.js";export{id}from"./decorators/id.js";export{i18n}from"./decorators/i18n.js";export{globalStyle}from"./decorators/global-style.js";export{CDS_FOCUS_TRAP_DOCUMENT_ATTR,FocusTrapTrackerService}from"./services/focus-trap-tracker.service.js";export{GlobalStateService}from"./services/global.service.js";export{I18nService,componentStringsDefault}from"./services/i18n.service.js";export{LogService,notProductionEnvironment}from"./services/log.service.js";export{sleep}from"./utils/async.js";export{describeElementByElements,hasAriaLabelTypeAttr}from"./utils/a11y.js";export{arrayHead,arrayRemoveAllInstances,arrayRemoveFirstInstance,arrayRemoveLastInstance,arrayTail,arrayToObject,nextInArray,previousInArray}from"./utils/array.js";export{KeyCodeService,getKeycodeFromRegistry}from"./services/keycodes.service.js";export{anyPassOrAnyFail,returnOrFallthrough}from"./utils/conditional.js";export{getEnumValueFromStringKey}from"./utils/enum.js";export{elementExists,existsIn,existsInWindow,isBrowser}from"./utils/exists.js";export{FocusTrap,addReboundElementsToFocusTrapElement,castHtmlElementToFocusTrapElement,createFocusTrapReboundElement,elementIsOutsideFocusTrapElement,refocusIfOutsideFocusTrapElement,removeReboundElementsFromFocusTrapElement,reorderCloseButtonSlot,whichReboundElement}from"./utils/focus-trap.js";export{getAngularJSVersion,getAngularVersion,getReactVersion,getVueVersion,isStorybook}from"./utils/framework.js";export{getElementLanguageDirection}from"./i18n/utils.js";export{checkNextPosition,getBestPositionForPreferences,getCrossAxisOrderOfPreference,getCrossAxisPosition,getMainAxisPosition,getMainAxisPositionOrViolation,getNextDefaultPosition,getNextPosition,getOrientationTuple,getPointerAlignment,getPointerPosition,getPopupOffsetOrDefaultOffsets,getPopupPosition,getPositionConfig,getPositionOrViolationFromCrossAxis,getPositions,setPopupPosition,testCrossAxisPosition,testMainAxisPosition}from"./positioning/utils.js";export{Positions}from"./positioning/interfaces.js";export{allAre,allAreDefined,allPropertiesPass,anyOrAllPropertiesPass,anyPropertiesPass,convertAttributeStringValuesToValue,convertStringPropValuePairsToTuple,createId,deepClone,doesPropertyPass,getEnumValues,hasPropertyChanged,hasStringPropertyChanged,hasStringPropertyChangedAndNotNil,isMap,isNil,isNilOrEmpty,isNumericString,isObject,isObjectAndNotNilOrEmpty,isString,isStringAndNotNilOrEmpty,isStringOrNil}from"./utils/identity.js";export{getModifierKeysFromKeyCombo,keyWasEvented,onAnyKey,onKey,onKeyCombo,removeModifierKeysFromKeyCombo}from"./utils/keycodes.js";export{childrenUpdateComplete,syncDefinedProps,syncProps,syncPropsForAllItems}from"./utils/lit.js";export{compareSumTo,getMillisecondsFromSeconds,sumAndSubtract}from"./utils/math.js";export{getElementStorybookArgTypes,getElementStorybookArgs}from"./utils/metadata.js";export{elementResize,elementVisible,updateComponentLayout}from"./utils/responsive.js";export{isTshirtSize,updateEquilateralSizeStyles}from"./utils/size.js";export{camelCaseToKebabCase,capitalizeFirstLetter,convertStringPropertyToObjectConfig,cssGroup,getNumericValueFromCssSecondsStyleValue,isPrefixedBy,isPrefixedOrSuffixedBy,isSuffixedBy,kebabCaseToCamelCase,kebabCaseToPascalCase,pluckPixelValue,pluckValueFromStringUnit,propertiesGroup,removePrefix,removePrefixOrSuffix,removeSuffix,replaceWord,setPropStyles,setStyles,transformSpacedStringToArray,transformToSpacedString,transformToString,transformToUnspacedString,trimExtraWhitespace}from"./utils/string.js";export{browserFeatures}from"./utils/supports.js";export{getElementUpdates,listenForAttributeChange,listenForAttributeListChange,onChildListMutation,onFirstInteraction,stopEvent}from"./utils/events.js";export{EventSubject}from"./utils/event-subject.js";export{getChildren,getFlattenedDOMTree,getFlattenedFocusableItems,getFocusableItems}from"./utils/traversal.js";import"./interfaces/interfaces.js";export{AnimationStatus,CLARITY_MOTION_ENTER_LEAVE_PROPERTY,CLARITY_MOTION_FALLBACK_DURATION_IN_MS,CLARITY_MOTION_FALLBACK_EASING,CLARITY_MOTION_REVERSE_ANIMATION_LABEL,CLARITY_MOTION_REVERSE_ANIMATION_SUFFIX,PRIVATE_ANIMATION_STATUS_ATTR_NAME}from"./motion/interfaces.js";export{ClarityMotion}from"./motion/motion.service.js";export{animationIsReversed,extractAnimationNameIfReversed,filterAnimationsByUpdatedProperties,flattenAndSortAnimations,getAnimationConfigForPropertyValue,getAnimationFromOverrideOrDecorator,getAnimationKeyframesOrPropertyIndexedFrames,getAnimationPromiseInstructions,getAnimationTarget,getHidingAndNonHidingPropertyAnimations,getInlineOverride,getPropertyAnimations,resolveAnimationEndStatus,reverseAnimation,reverseAnimationConfig,runPropertyAnimations,setAnimationConfigOptions,setAnimationDuration,setAnimationEasing,setAnimationProperty,setAnimationStartStatus,sizeDimensionKeyframes,zeroOutAnimationConfig}from"./motion/utils.js";export{AnimationModalEnterConfig,AnimationModalEnterName}from"./motion/animations/cds-modal-enter.js";export{AnimationAccordionPanelOpenConfig,AnimationAccordionPanelOpenName}from"./motion/animations/cds-accordion-panel-open.js";export{AnimationHingeConfig,AnimationHingeName}from"./motion/animations/cds-overlay-hinge-example.js";export{AnimationShakeConfig,AnimationShakeName}from"./motion/animations/cds-component-shake.js";export{AnimationNavigationGroupOpenConfig,AnimationNavigationGroupOpenName}from"./motion/animations/cds-navigation-group-open.js";export{AnimationNavigationOpenConfig,AnimationNavigationOpenName}from"./motion/animations/cds-navigation-open.js";export{AnimationTreeItemExpandConfig,AnimationTreeItemExpandName}from"./motion/animations/cds-tree-item-expand.js";export{AnimationResponsivePopupEnterConfig,AnimationResponsivePopupEnterName}from"./motion/animations/cds-dropdown-open.js";import"ramda/es/includes.js";import"ramda/es/without.js";import"ramda/es/is.js";import"ramda/es/isEmpty.js";import"ramda/es/clone.js";import"lit/decorators/property.js";const o=e;export{o as baseStyles};
+import"@cds/core/polyfills";import e from"./base/base.element.scss.js";export{CdsBaseButton}from"./base/button.base.js";export{CdsBaseFocusTrap}from"./base/focus-trap.base.js";export{hslToRgb,rgbToHex}from"./utils/color.js";export{ActiveController,active}from"./controllers/active.controller.js";export{AriaButtonController,ariaButton}from"./controllers/aria-button.controller.js";export{AriaDisabledController,ariaDisabled}from"./controllers/aria-disabled.controller.js";export{AriaPopupController}from"./controllers/aria-popup.controller.js";export{AriaPopupTriggerController,ariaPopupTrigger}from"./controllers/aria-popup-trigger.controller.js";export{AriaPressedController,ariaPressed}from"./controllers/aria-pressed.controller.js";export{AriaSelectedController,ariaSelected}from"./controllers/aria-selected.controller.js";export{ButtonAnchorController,buttonAnchor}from"./controllers/button-anchor.controller.js";export{ButtonSubmitController,buttonSubmit}from"./controllers/button-submit.controller.js";export{ClosableController}from"./controllers/closable.controller.js";export{FirstFocusController}from"./controllers/first-focus.controller.js";export{InlineFocusTrapController}from"./controllers/inline-focus-trap.controller.js";export{addClassnames,getCssPropertyValue,hasClassnames,isCssPropertyName,pxToRem,removeClassnames,removeClassnamesUnless,setCssPropertyValue,unsetElementStyles,updateElementStyles}from"./utils/css.js";export{addAttributeValue,assignSlotNames,createFragment,focusableSelectors,getElementWidth,getElementWidthUnless,getShadowRootOrElse,getWindowDimensions,hasAttributeAndIsNotEmpty,isFocusable,isHTMLElement,isScrollable,isVisible,makeFocusable,queryAllFocusable,queryChildFromLightOrShadowDom,removeAttributeValue,removeAttributes,setAttributes,setOrRemoveAttribute,spanWrapper,tabFlowSelectors,windowIsAboveMobileBreakpoint}from"./utils/dom.js";export{registerElementSafely}from"./utils/registration.js";export{animate}from"./decorators/animate.js";export{querySlot,querySlotAll}from"./decorators/query-slot.js";export{getDefaultOptions,property,requirePropertyCheck,state}from"./decorators/property.js";export{customElement}from"./decorators/element.js";export{EventEmitter,event}from"./decorators/event.js";export{SpreadProps,spreadProps}from"./directives/spread-props.js";export{id}from"./decorators/id.js";export{i18n}from"./decorators/i18n.js";export{globalStyle}from"./decorators/global-style.js";export{CDS_FOCUS_TRAP_DOCUMENT_ATTR,FocusTrapTrackerService}from"./services/focus-trap-tracker.service.js";export{GlobalStateService}from"./services/global.service.js";export{I18nService,componentStringsDefault}from"./services/i18n.service.js";export{LogService,notProductionEnvironment}from"./services/log.service.js";export{sleep}from"./utils/async.js";export{describeElementByElements,hasAriaLabelTypeAttr}from"./utils/a11y.js";export{arrayHead,arrayRemoveAllInstances,arrayRemoveFirstInstance,arrayRemoveLastInstance,arrayTail,arrayToObject,nextInArray,previousInArray}from"./utils/array.js";export{KeyCodeService,getKeycodeFromRegistry}from"./services/keycodes.service.js";export{anyPassOrAnyFail,returnOrFallthrough}from"./utils/conditional.js";export{getEnumValueFromStringKey}from"./utils/enum.js";export{elementExists,existsIn,existsInWindow,isBrowser}from"./utils/exists.js";export{FocusTrap,addReboundElementsToFocusTrapElement,castHtmlElementToFocusTrapElement,createFocusTrapReboundElement,elementIsOutsideFocusTrapElement,refocusIfOutsideFocusTrapElement,removeReboundElementsFromFocusTrapElement,reorderCloseButtonSlot,whichReboundElement}from"./utils/focus-trap.js";export{getAngularJSVersion,getAngularVersion,getReactVersion,getVueVersion,isStorybook}from"./utils/framework.js";export{getElementLanguageDirection}from"./i18n/utils.js";export{checkNextPosition,getBestPositionForPreferences,getCrossAxisOrderOfPreference,getCrossAxisPosition,getMainAxisPosition,getMainAxisPositionOrViolation,getNextDefaultPosition,getNextPosition,getOrientationTuple,getPointerAlignment,getPointerPosition,getPopupOffsetOrDefaultOffsets,getPopupPosition,getPositionConfig,getPositionOrViolationFromCrossAxis,getPositions,setPopupPosition,testCrossAxisPosition,testMainAxisPosition}from"./positioning/utils.js";export{Positions}from"./positioning/interfaces.js";export{allAre,allAreDefined,allPropertiesPass,anyOrAllPropertiesPass,anyPropertiesPass,convertAttributeStringValuesToValue,convertStringPropValuePairsToTuple,createId,deepClone,doesPropertyPass,getEnumValues,hasPropertyChanged,hasStringPropertyChanged,hasStringPropertyChangedAndNotNil,isMap,isNil,isNilOrEmpty,isNumericString,isObject,isObjectAndNotNilOrEmpty,isString,isStringAndNotNilOrEmpty,isStringOrNil}from"./utils/identity.js";export{getModifierKeysFromKeyCombo,keyWasEvented,onAnyKey,onKey,onKeyCombo,removeModifierKeysFromKeyCombo}from"./utils/keycodes.js";export{childrenUpdateComplete,propUpdated,renderAfter,renderBefore,syncDefinedProps,syncProps,syncPropsForAllItems}from"./utils/lit.js";export{compareSumTo,getMillisecondsFromSeconds,sumAndSubtract}from"./utils/math.js";export{getElementStorybookArgTypes,getElementStorybookArgs}from"./utils/metadata.js";export{elementResize,elementVisible,updateComponentLayout}from"./utils/responsive.js";export{isTshirtSize,updateEquilateralSizeStyles}from"./utils/size.js";export{camelCaseToKebabCase,capitalizeFirstLetter,convertStringPropertyToObjectConfig,cssGroup,getNumericValueFromCssSecondsStyleValue,isPrefixedBy,isPrefixedOrSuffixedBy,isSuffixedBy,kebabCaseToCamelCase,kebabCaseToPascalCase,pluckPixelValue,pluckValueFromStringUnit,propertiesGroup,removePrefix,removePrefixOrSuffix,removeSuffix,replaceWord,setPropStyles,setStyles,transformSpacedStringToArray,transformToSpacedString,transformToString,transformToUnspacedString,trimExtraWhitespace}from"./utils/string.js";export{browserFeatures}from"./utils/supports.js";export{getElementUpdates,listenForAttributeChange,listenForAttributeListChange,onChildListMutation,onFirstInteraction,stopEvent}from"./utils/events.js";export{EventSubject}from"./utils/event-subject.js";export{getChildren,getFlattenedDOMTree,getFlattenedFocusableItems,getFocusableItems}from"./utils/traversal.js";import"./interfaces/interfaces.js";export{AnimationStatus,CLARITY_MOTION_ENTER_LEAVE_PROPERTY,CLARITY_MOTION_FALLBACK_DURATION_IN_MS,CLARITY_MOTION_FALLBACK_EASING,CLARITY_MOTION_REVERSE_ANIMATION_LABEL,CLARITY_MOTION_REVERSE_ANIMATION_SUFFIX,PRIVATE_ANIMATION_STATUS_ATTR_NAME}from"./motion/interfaces.js";export{ClarityMotion}from"./motion/motion.service.js";export{animationIsReversed,extractAnimationNameIfReversed,filterAnimationsByUpdatedProperties,flattenAndSortAnimations,getAnimationConfigForPropertyValue,getAnimationFromOverrideOrDecorator,getAnimationKeyframesOrPropertyIndexedFrames,getAnimationPromiseInstructions,getAnimationTarget,getHidingAndNonHidingPropertyAnimations,getInlineOverride,getPropertyAnimations,resolveAnimationEndStatus,reverseAnimation,reverseAnimationConfig,runPropertyAnimations,setAnimationConfigOptions,setAnimationDuration,setAnimationEasing,setAnimationProperty,setAnimationStartStatus,sizeDimensionKeyframes,zeroOutAnimationConfig}from"./motion/utils.js";export{AnimationModalEnterConfig,AnimationModalEnterName}from"./motion/animations/cds-modal-enter.js";export{AnimationAccordionPanelOpenConfig,AnimationAccordionPanelOpenName}from"./motion/animations/cds-accordion-panel-open.js";export{AnimationHingeConfig,AnimationHingeName}from"./motion/animations/cds-overlay-hinge-example.js";export{AnimationShakeConfig,AnimationShakeName}from"./motion/animations/cds-component-shake.js";export{AnimationNavigationGroupOpenConfig,AnimationNavigationGroupOpenName}from"./motion/animations/cds-navigation-group-open.js";export{AnimationNavigationOpenConfig,AnimationNavigationOpenName}from"./motion/animations/cds-navigation-open.js";export{AnimationTreeItemExpandConfig,AnimationTreeItemExpandName}from"./motion/animations/cds-tree-item-expand.js";export{AnimationResponsivePopupEnterConfig,AnimationResponsivePopupEnterName}from"./motion/animations/cds-dropdown-open.js";import"lit";import"lit/directives/if-defined.js";import"ramda/es/is.js";import"ramda/es/isEmpty.js";import"ramda/es/includes.js";import"ramda/es/without.js";import"ramda/es/clone.js";import"lit/decorators/property.js";const o=e;export{o as baseStyles};
 //# sourceMappingURL=index.js.map

package/internal/index.js.map

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

package/internal/motion/interfaces.d.ts

@@ -1,3 +1,4 @@
+import { ReactiveElement } from 'lit';
 import { EventEmitter } from '../decorators/event';
 export declare enum AnimationStatus {
     ready = "ready",
@@ -37,11 +38,9 @@ export interface AnimationConfig {
 export interface MotionRegistry {
     [key: string]: TargetedAnimation[];
 }
-export interface Animatable {
+export declare type AnimatableElement = ReactiveElement & {
     cdsMotion: string;
     cdsMotionChange: EventEmitter<string>;
-}
-export declare type AnimatableElement = HTMLElement & Animatable & {
-    [key: string]: any;
-    _animations: PropertyDrivenAnimation;
+    _animations?: PropertyDrivenAnimation;
+    '_cds-animation-status'?: string;
 };

package/internal/services/global.service.d.ts

@@ -6,7 +6,7 @@ export declare class GlobalStateService {
         focusTrapId: string;
     }[] | Readonly<Record<string, unknown>> | Readonly<{
         [key: string]: any;
-    }> | Readonly<Record<string, any>>;
+    }> | Readonly<import("@cds/core/internal").MotionRegistry>;
     static setValue(key: keyof CDSState, val: CDSState[keyof CDSState]): void;
     static log(): void;
 }

package/internal/services/i18n.service.d.ts

@@ -47,6 +47,13 @@ export interface I18nStrings {
     };
 }
 export declare const componentStringsDefault: {
+    actions: {
+        sort: string;
+        expand: string;
+        close: string;
+        resize: string;
+        filter: string;
+    };
     alert: {
         closeButtonAriaLabel: string;
         loading: string;

package/internal/services/i18n.service.js

@@ -1,2 +1,2 @@
-import{GlobalStateService as n}from"./global.service.js";const e={alert:{closeButtonAriaLabel:"Close",loading:"Loading",info:"Info",success:"Success",warning:"Warning",danger:"Error"},dropdown:{open:"Open"},file:{browse:"browse",files:"files",removeFile:"remove file"},modal:{closeButtonAriaLabel:"Close modal",contentStart:"Beginning of modal content",contentBox:"Scrollable modal body",contentEnd:"End of modal content"},navigation:{navigationElement:"navigation",navigationLabel:"navigation menu",navigationAbridgedText:"View abridged menu",navigationUnabridgedText:"View unabridged menu"},overlay:{closeButtonAriaLabel:"Close dialog",contentStart:"Beginning of dialog content",contentEnd:"End of dialog content"},popup:{closeButtonAriaLabel:"Close popup",contentStart:"Beginning of popup content",contentEnd:"End of popup content"},password:{showButtonAriaLabel:"Show password",hideButtonAriaLabel:"Hide password"},progress:{loading:"Loading",looping:"Loading"},treeview:{loading:"Loading"}};class o{static get keys(){return 0===Object.keys(n.state.i18nRegistry).length&&(n.state.i18nRegistry={...e,...n.state.i18nRegistry}),{...e,...n.state.i18nRegistry}}static localize(o){n.state.i18nRegistry={...e,...n.state.i18nRegistry,...o}}}export{o as I18nService,e as componentStringsDefault};
+import{GlobalStateService as e}from"./global.service.js";const n={actions:{sort:"Sort",expand:"Expand",close:"Close",resize:"Resize",filter:"Filter"},alert:{closeButtonAriaLabel:"Close",loading:"Loading",info:"Info",success:"Success",warning:"Warning",danger:"Error"},dropdown:{open:"Open"},file:{browse:"browse",files:"files",removeFile:"remove file"},modal:{closeButtonAriaLabel:"Close modal",contentStart:"Beginning of modal content",contentBox:"Scrollable modal body",contentEnd:"End of modal content"},navigation:{navigationElement:"navigation",navigationLabel:"navigation menu",navigationAbridgedText:"View abridged menu",navigationUnabridgedText:"View unabridged menu"},overlay:{closeButtonAriaLabel:"Close dialog",contentStart:"Beginning of dialog content",contentEnd:"End of dialog content"},popup:{closeButtonAriaLabel:"Close popup",contentStart:"Beginning of popup content",contentEnd:"End of popup content"},password:{showButtonAriaLabel:"Show password",hideButtonAriaLabel:"Hide password"},progress:{loading:"Loading",looping:"Loading"},treeview:{loading:"Loading"}};class o{static get keys(){return 0===Object.keys(e.state.i18nRegistry).length&&(e.state.i18nRegistry={...n,...e.state.i18nRegistry}),{...n,...e.state.i18nRegistry}}static localize(o){e.state.i18nRegistry={...n,...e.state.i18nRegistry,...o}}}export{o as I18nService,n as componentStringsDefault};
 //# sourceMappingURL=i18n.service.js.map

package/internal/services/i18n.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.service.js","sources":["../../../../src/internal/services/i18n.service.ts"],"sourcesContent":null,"names":["componentStringsDefault","alert","closeButtonAriaLabel","loading","info","success","warning","danger","dropdown","open","file","browse","files","removeFile","modal","contentStart","contentBox","contentEnd","navigation","navigationElement","navigationLabel","navigationAbridgedText","navigationUnabridgedText","overlay","popup","password","showButtonAriaLabel","hideButtonAriaLabel","progress","looping","treeview","I18nService","keys","Object","GlobalStateService","state","i18nRegistry","length","[object Object]","overrides"],"mappings":"yDAMY,MAACA,EAA0B,CACnCC,MAAO,CACHC,qBAAsB,QACtBC,QAAS,UACTC,KAAM,OACNC,QAAS,UACTC,QAAS,UACTC,OAAQ,SAEZC,SAAU,CACNC,KAAM,QAEVC,KAAM,CACFC,OAAQ,SACRC,MAAO,QACPC,WAAY,eAEhBC,MAAO,CACHZ,qBAAsB,cACtBa,aAAc,6BACdC,WAAY,wBACZC,WAAY,wBAEhBC,WAAY,CACRC,kBAAmB,aACnBC,gBAAiB,kBACjBC,uBAAwB,qBACxBC,yBAA0B,wBAE9BC,QAAS,CACLrB,qBAAsB,eACtBa,aAAc,8BACdE,WAAY,yBAEhBO,MAAO,CACHtB,qBAAsB,cACtBa,aAAc,6BACdE,WAAY,wBAEhBQ,SAAU,CACNC,oBAAqB,gBACrBC,oBAAqB,iBAEzBC,SAAU,CACNzB,QAAS,UACT0B,QAAS,WAEbC,SAAU,CACN3B,QAAS,YAYV,MAAM4B,EACTC,kBAKI,OAHkE,IAA9DC,OAAOD,KAAKE,EAAmBC,MAAMC,cAAcC,SACnDH,EAAmBC,MAAMC,aAAe,IAAKpC,KAA4BkC,EAAmBC,MAAMC,eAE/F,IAAKpC,KAA4BkC,EAAmBC,MAAMC,cAErEE,gBAAgBC,GACZL,EAAmBC,MAAMC,aAAe,IACjCpC,KACAkC,EAAmBC,MAAMC,gBACzBG"}
+{"version":3,"file":"i18n.service.js","sources":["../../../../src/internal/services/i18n.service.ts"],"sourcesContent":null,"names":["componentStringsDefault","actions","sort","expand","close","resize","filter","alert","closeButtonAriaLabel","loading","info","success","warning","danger","dropdown","open","file","browse","files","removeFile","modal","contentStart","contentBox","contentEnd","navigation","navigationElement","navigationLabel","navigationAbridgedText","navigationUnabridgedText","overlay","popup","password","showButtonAriaLabel","hideButtonAriaLabel","progress","looping","treeview","I18nService","keys","Object","GlobalStateService","state","i18nRegistry","length","[object Object]","overrides"],"mappings":"yDAMY,MAACA,EAA0B,CACnCC,QAAS,CACLC,KAAM,OACNC,OAAQ,SACRC,MAAO,QACPC,OAAQ,SACRC,OAAQ,UAEZC,MAAO,CACHC,qBAAsB,QACtBC,QAAS,UACTC,KAAM,OACNC,QAAS,UACTC,QAAS,UACTC,OAAQ,SAEZC,SAAU,CACNC,KAAM,QAEVC,KAAM,CACFC,OAAQ,SACRC,MAAO,QACPC,WAAY,eAEhBC,MAAO,CACHZ,qBAAsB,cACtBa,aAAc,6BACdC,WAAY,wBACZC,WAAY,wBAEhBC,WAAY,CACRC,kBAAmB,aACnBC,gBAAiB,kBACjBC,uBAAwB,qBACxBC,yBAA0B,wBAE9BC,QAAS,CACLrB,qBAAsB,eACtBa,aAAc,8BACdE,WAAY,yBAEhBO,MAAO,CACHtB,qBAAsB,cACtBa,aAAc,6BACdE,WAAY,wBAEhBQ,SAAU,CACNC,oBAAqB,gBACrBC,oBAAqB,iBAEzBC,SAAU,CACNzB,QAAS,UACT0B,QAAS,WAEbC,SAAU,CACN3B,QAAS,YAYV,MAAM4B,EACTC,kBAKI,OAHkE,IAA9DC,OAAOD,KAAKE,EAAmBC,MAAMC,cAAcC,SACnDH,EAAmBC,MAAMC,aAAe,IAAK1C,KAA4BwC,EAAmBC,MAAMC,eAE/F,IAAK1C,KAA4BwC,EAAmBC,MAAMC,cAErEE,gBAAgBC,GACZL,EAAmBC,MAAMC,aAAe,IACjC1C,KACAwC,EAAmBC,MAAMC,gBACzBG"}

package/internal/utils/global.d.ts

@@ -1,4 +1,5 @@
 import { FeatureSupportMatrix } from './supports.js';
+import { MotionRegistry } from '../motion/interfaces.js';
 export interface CDSGlobal {
     _version: string[];
     _react: {
@@ -23,7 +24,7 @@ export interface CDSState {
         [key: string]: any;
     }>;
     iconRegistry: Readonly<Record<string, unknown>>;
-    motionRegistry: Readonly<Record<string, any>>;
+    motionRegistry: Readonly<MotionRegistry>;
 }
 declare global {
     interface Window {

package/internal/utils/global.js

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

package/internal/utils/lit.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues, RenderOptions } from 'lit';
 /**
  * Returns a promise when all components have completed rendering one cycle.
  */
@@ -33,3 +33,7 @@ export declare function syncPropsForAllItems(targets: {
 }, conditions: {
     [prop: string]: boolean;
 }): void;
+/** given an element and prop map, determine if property was updated during the updated lifecycle */
+export declare function propUpdated(element: any, props: PropertyValues, prop: string): boolean;
+export declare function renderBefore(value: unknown, container: HTMLElement | DocumentFragment, options?: RenderOptions): ChildNode | null;
+export declare function renderAfter(value: unknown, container: HTMLElement | DocumentFragment, options?: RenderOptions): ChildNode | null;

package/internal/utils/lit.js

@@ -1,2 +1,2 @@
-function o(o){return Promise.all(Array.from(o).map((o=>o.updateComplete)))}function r(o,r,f){o.forEach(((o,t)=>f.filter((o=>o&&void 0!==o[t])).forEach((o=>o[t]=r[t]))))}function f(o,r,f){Object.keys(f).filter((o=>f[o])).forEach((f=>o[f]=r[f]))}function t(o,r,t){o.forEach((o=>f(o,r,t)))}export{o as childrenUpdateComplete,r as syncDefinedProps,f as syncProps,t as syncPropsForAllItems};
+import{render as e}from"lit";function r(e){return Promise.all(Array.from(e).map((e=>e.updateComplete)))}function n(e,r,n){e.forEach(((e,o)=>n.filter((e=>e&&void 0!==e[o])).forEach((e=>e[o]=r[o]))))}function o(e,r,n){Object.keys(n).filter((e=>n[e])).forEach((n=>e[n]=r[n]))}function t(e,r,n){e.forEach((e=>o(e,r,n)))}function i(e,r,n){return r.has(n)&&e[n]!==r.get(n)}function c(r,n,o){const t=document.createElement("div");n.prepend(t),e(r,n,{renderBefore:t,...o});const i=t.previousSibling;return t.remove(),i}function f(r,n,o){const t=document.createElement("div");n.appendChild(t),e(r,n,{renderBefore:t,...o});const i=t.previousSibling;return t.remove(),i}export{r as childrenUpdateComplete,i as propUpdated,f as renderAfter,c as renderBefore,n as syncDefinedProps,o as syncProps,t as syncPropsForAllItems};
 //# sourceMappingURL=lit.js.map

package/internal/utils/lit.js.map

@@ -1 +1 @@
-{"version":3,"file":"lit.js","sources":["../../../../src/internal/utils/lit.ts"],"sourcesContent":null,"names":["childrenUpdateComplete","elements","Promise","all","Array","from","map","e","updateComplete","syncDefinedProps","props","source","targets","forEach","_value","key","filter","t","undefined","syncProps","target","conditions","Object","keys","c","syncPropsForAllItems"],"mappings":"AAQO,SAASA,EAAuBC,GACnC,OAAOC,QAAQC,IAAIC,MAAMC,KAAKJ,GAAUK,KAAIC,GAAKA,EAAEC,kBAQhD,SAASC,EAAiBC,EAAOC,EAAQC,GAC5CF,EAAMG,SAAQ,CAACC,EAAQC,IAAQH,EAAQI,QAAOC,GAAKA,QAAgBC,IAAXD,EAAEF,KAAoBF,SAAQI,GAAMA,EAAEF,GAAOJ,EAAOI,OAOzG,SAASI,EAAUC,EAAQT,EAAQU,GACtCC,OAAOC,KAAKF,GACPL,QAAOQ,GAAKH,EAAWG,KACvBX,SAAQW,GAAMJ,EAAOI,GAAKb,EAAOa,KAEnC,SAASC,EAAqBb,EAASD,EAAQU,GAClDT,EAAQC,SAAQO,GAAUD,EAAUC,EAAQT,EAAQU"}
+{"version":3,"file":"lit.js","sources":["../../../../src/internal/utils/lit.ts"],"sourcesContent":null,"names":["childrenUpdateComplete","elements","Promise","all","Array","from","map","e","updateComplete","syncDefinedProps","props","source","targets","forEach","_value","key","filter","t","undefined","syncProps","target","conditions","Object","keys","c","syncPropsForAllItems","propUpdated","element","prop","has","get","renderBefore","value","container","options","el","document","createElement","prepend","render","rendered","previousSibling","remove","renderAfter","appendChild"],"mappings":"6BASO,SAASA,EAAuBC,GACnC,OAAOC,QAAQC,IAAIC,MAAMC,KAAKJ,GAAUK,KAAIC,GAAKA,EAAEC,kBAQhD,SAASC,EAAiBC,EAAOC,EAAQC,GAC5CF,EAAMG,SAAQ,CAACC,EAAQC,IAAQH,EAAQI,QAAOC,GAAKA,QAAgBC,IAAXD,EAAEF,KAAoBF,SAAQI,GAAMA,EAAEF,GAAOJ,EAAOI,OAOzG,SAASI,EAAUC,EAAQT,EAAQU,GACtCC,OAAOC,KAAKF,GACPL,QAAOQ,GAAKH,EAAWG,KACvBX,SAAQW,GAAMJ,EAAOI,GAAKb,EAAOa,KAEnC,SAASC,EAAqBb,EAASD,EAAQU,GAClDT,EAAQC,SAAQO,GAAUD,EAAUC,EAAQT,EAAQU,KAGjD,SAASK,EAAYC,EAASjB,EAAOkB,GACxC,OAAOlB,EAAMmB,IAAID,IAASD,EAAQC,KAAUlB,EAAMoB,IAAIF,GAEnD,SAASG,EAAaC,EAAOC,EAAWC,GAC3C,MAAMC,EAAKC,SAASC,cAAc,OAClCJ,EAAUK,QAAQH,GAClBI,EAAOP,EAAOC,EAAW,CAAEF,aAAcI,KAAOD,IAChD,MAAMM,EAAWL,EAAGM,gBAEpB,OADAN,EAAGO,SACIF,EAEJ,SAASG,EAAYX,EAAOC,EAAWC,GAC1C,MAAMC,EAAKC,SAASC,cAAc,OAClCJ,EAAUW,YAAYT,GACtBI,EAAOP,EAAOC,EAAW,CAAEF,aAAcI,KAAOD,IAChD,MAAMM,EAAWL,EAAGM,gBAEpB,OADAN,EAAGO,SACIF"}

package/internal-components/close-button/close-button.element.d.ts

@@ -1,7 +1,7 @@
-import { CdsBaseButton } from '@cds/core/internal';
+import { CdsButtonAction } from '@cds/core/button-action';
 export declare const CdsCloseButtonTagName = "cds-internal-close-button";
 /**
- * Standard close button for Clarity Components
+ * Standard close button for Clarity Components extends default cds-button-action
  *
  * ```typescript
  * import '@cds/core/internal-components/close-button/register.js';
@@ -12,15 +12,8 @@ export declare const CdsCloseButtonTagName = "cds-internal-close-button";
  * ```
  *
  * @element cds-internal-close-button
- * @cssprop --background
- * @cssprop --color
- * @cssprop --opacity
- * @cssprop --padding
  */
-export declare class CdsInternalCloseButton extends CdsBaseButton {
-    iconSize: string;
-    iconShape: string;
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): import("lit").CSSResultGroup[];
-    constructor();
+export declare class CdsInternalCloseButton extends CdsButtonAction {
+    shape: string;
+    connectedCallback(): void;
 }

package/internal-components/close-button/close-button.element.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{html as t}from"lit";import{CdsBaseButton as i,baseStyles as s,property as e}from"@cds/core/internal";import{ClarityIcons as r}from"@cds/core/icon/icon.service.js";import{timesIcon as c}from"@cds/core/icon/shapes/times.js";import n from"./close-button.element.scss.js";const p="cds-internal-close-button";class m extends i{constructor(){super(),this.iconSize="18",this.iconShape="times",r.addIcons(c)}render(){return t`<div class="private-host"><cds-icon shape="${this.iconShape}" size="${this.iconSize}"></cds-icon></div>`}static get styles(){return[s,n]}}o([e({type:String})],m.prototype,"iconSize",void 0),o([e({type:String})],m.prototype,"iconShape",void 0);export{p as CdsCloseButtonTagName,m as CdsInternalCloseButton};
+import{__decorate as t}from"tslib";import{property as e}from"@cds/core/internal";import{CdsButtonAction as o}from"@cds/core/button-action";const s="cds-internal-close-button";class r extends o{constructor(){super(...arguments),this.shape="close"}connectedCallback(){super.connectedCallback(),this.ariaLabel=this.ariaLabel?this.ariaLabel:this.i18n.close}}t([e({type:String})],r.prototype,"shape",void 0);export{s as CdsCloseButtonTagName,r as CdsInternalCloseButton};
 //# sourceMappingURL=close-button.element.js.map

package/internal-components/close-button/close-button.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"close-button.element.js","sources":["../../../../src/internal-components/close-button/close-button.element.ts"],"sourcesContent":null,"names":["CdsCloseButtonTagName","CdsInternalCloseButton","CdsBaseButton","[object Object]","super","this","iconSize","iconShape","ClarityIcons","addIcons","timesIcon","html","styles","baseStyles","__decorate","property","type","String","prototype"],"mappings":"sTAWY,MAACA,EAAwB,4BAkB9B,MAAMC,UAA+BC,EACxCC,cACIC,QACAC,KAAKC,SAAW,KAChBD,KAAKE,UAAY,QACjBC,EAAaC,SAASC,GAE1BP,SACI,OAAOQ,CAAK,8CAEON,KAAKE,oBAAoBF,KAAKC,8BAIrDM,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhB,EAAuBiB,UAAW,gBAAY,GACjDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhB,EAAuBiB,UAAW,iBAAa"}
+{"version":3,"file":"close-button.element.js","sources":["../../../../src/internal-components/close-button/close-button.element.ts"],"sourcesContent":null,"names":["CdsCloseButtonTagName","CdsInternalCloseButton","CdsButtonAction","[object Object]","super","arguments","this","shape","connectedCallback","ariaLabel","i18n","close","__decorate","property","type","String","prototype"],"mappings":"2IAQY,MAACA,EAAwB,4BAc9B,MAAMC,UAA+BC,EACxCC,cACIC,SAASC,WACTC,KAAKC,MAAQ,QAEjBJ,oBACIC,MAAMI,oBACNF,KAAKG,UAAYH,KAAKG,UAAYH,KAAKG,UAAYH,KAAKI,KAAKC,OAGrEC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAuBe,UAAW,aAAS"}

package/internal-components/close-button/register.js

@@ -1,2 +1,2 @@
-import"@cds/core/icon/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{CdsCloseButtonTagName as r,CdsInternalCloseButton as e}from"./close-button.element.js";o(r,e);
+import"@cds/core/icon/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as s}from"@cds/core/icon/icon.service.js";import{timesIcon as e}from"@cds/core/icon/shapes/times.js";import{CdsCloseButtonTagName as r,CdsInternalCloseButton as c}from"./close-button.element.js";o(r,c),s.addIcons(e),s.addAliases(["times",["close"]]);
 //# sourceMappingURL=register.js.map

package/internal-components/close-button/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../../src/internal-components/close-button/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCloseButtonTagName","CdsInternalCloseButton"],"mappings":"4LAQAA,EAAsBC,EAAuBC"}
+{"version":3,"file":"register.js","sources":["../../../../src/internal-components/close-button/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCloseButtonTagName","CdsInternalCloseButton","ClarityIcons","addIcons","timesIcon","addAliases"],"mappings":"qTAUAA,EAAsBC,EAAuBC,GAC7CC,EAAaC,SAASC,GACtBF,EAAaG,WAAW,CAAC,QAAS,CAAC"}

package/internal-components/overlay/overlay.element.d.ts

@@ -1,4 +1,4 @@
-import { Animatable, CdsBaseFocusTrap, EventEmitter, FocusTrapTrackerService, HTMLAttributeTuple } from '@cds/core/internal';
+import { CdsBaseFocusTrap, EventEmitter, FocusTrapTrackerService, HTMLAttributeTuple } from '@cds/core/internal';
 export declare function isNestedOverlay(myId: string, overlayPrefix: string, trapIds: string[], previousValue?: boolean): boolean;
 export declare function overlayIsActive(overlayId: string, focusTrapService?: typeof FocusTrapTrackerService): boolean;
 export declare type CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-button-click' | 'custom';
@@ -67,7 +67,7 @@ export declare class CdsInternalStaticOverlay extends CdsBaseFocusTrap {
  * KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed.
  *
  */
-export declare class CdsInternalOverlay extends CdsInternalStaticOverlay implements Animatable {
+export declare class CdsInternalOverlay extends CdsInternalStaticOverlay {
     cdsMotion: string;
     cdsMotionChange: EventEmitter<string>;
 }

package/internal-components/panel/panel.element.scss.js

@@ -1,2 +1,2 @@
-import{css as r}from"lit";var o=r`:host{--width:100%;--height:100%;--color:initial;--overflow:visible;--overflow-x:visible;--overflow-y:visible;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid initial;--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--padding:var(--cds-global-space-0, calc((0 / var(--cds-global-base, 20)) * 1rem));--box-shadow:none;width:var(--width);height:var(--height)}.private-host{overflow:var(--overflow);overflow-x:var(--overflow-x);overflow-y:var(--overflow-y);width:var(--width);height:var(--height);background:var(--background);border:var(--border);border-radius:var(--border-radius);padding:var(--padding);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);color:var(--color)}`;export default o;
+import{css as r}from"lit";var o=r`:host{--width:100%;--height:100%;--color:initial;--overflow:visible;--overflow-x:visible;--overflow-y:visible;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid initial;--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--padding:var(--cds-global-space-0, 0rem);--box-shadow:none;width:var(--width);height:var(--height)}.private-host{overflow:var(--overflow);overflow-x:var(--overflow-x);overflow-y:var(--overflow-y);width:var(--width);height:var(--height);background:var(--background);border:var(--border);border-radius:var(--border-radius);padding:var(--padding);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);color:var(--color)}`;export default o;
 //# sourceMappingURL=panel.element.scss.js.map

package/internal-components/popup/popup.element.d.ts

@@ -1,4 +1,4 @@
-import { Animatable, AriaPopupController, AxisAligns, EventEmitter, PositionableElement } from '@cds/core/internal';
+import { AriaPopupController, AxisAligns, EventEmitter, PositionableElement } from '@cds/core/internal';
 import { CdsInternalStaticOverlay } from '@cds/core/internal-components/overlay';
 import { CdsInternalPointer } from './pointer.element.js';
 /**
@@ -49,7 +49,7 @@ import { CdsInternalPointer } from './pointer.element.js';
  * KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed.
  *
  */
-export declare class CdsInternalPopup extends CdsInternalStaticOverlay implements Animatable, PositionableElement {
+export declare class CdsInternalPopup extends CdsInternalStaticOverlay implements PositionableElement {
     protected ariaPopupController: AriaPopupController;
     i18n: {
         closeButtonAriaLabel: string;

package/internal-components/popup/popup.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var t=o`:host{--backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--layered-backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--active-corner-border-radius:0;--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--close-button-offset:var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem));--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 rgba(27, 43, 50, 0.5));--min-width:6rem;--max-width:18rem;--width:fit-content;--height:auto;--max-height:auto;--mobile-max-height:66vh;--overflow:hidden auto;--animation-duration:var(--cds-global-animation-duration-primary, 0.4s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000000}::slotted(cds-internal-pointer){--pointer-fill:var(--background);--pointer-outline:var(--border-color)}.private-host{display:block;position:relative}.popup-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.popup-content{background:var(--background);color:var(--color);border-radius:var(--border-radius);border-color:var(--border-color);border-width:var(--border-width);border-style:solid;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);min-width:var(--min-width);width:var(--width);max-width:var(--max-width);height:var(--height);max-height:var(--max-height);overflow:var(--overflow)}:host([_position-at="popup-left pointer-top"]) .popup-content,:host([_position-at="popup-top pointer-left"]) .popup-content{border-top-left-radius:var(--active-corner-border-radius)}:host([_position-at="popup-right pointer-top"]) .popup-content,:host([_position-at="popup-top pointer-right"]) .popup-content{border-top-right-radius:var(--active-corner-border-radius)}:host([_position-at="popup-bottom pointer-right"]) .popup-content,:host([_position-at="popup-right pointer-bottom"]) .popup-content{border-bottom-right-radius:var(--active-corner-border-radius)}:host([_position-at="popup-bottom pointer-left"]) .popup-content,:host([_position-at="popup-left pointer-bottom"]) .popup-content{border-bottom-left-radius:var(--active-corner-border-radius)}:host([_pointer-type=default]){--active-corner-border-radius:var(--border-radius)}cds-internal-close-button{position:absolute;top:var(--close-button-offset);right:var(--close-button-offset)}:host([_position-at*=popup-top]) .popup-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host([_position-at*=popup-top]) .popup-pointer{-webkit-transform:translateY(var(--border-width));transform:translateY(var(--border-width))}:host([_position-at*=pointer-center]) .popup-wrapper,:host([_position-at*=pointer-mid]) .popup-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host([_position-at="popup-top pointer-right"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-top pointer-right"]) .popup-pointer{-webkit-transform:scaleX(-1) translateY(var(--border-width));transform:scaleX(-1) translateY(var(--border-width))}:host([_position-at*=popup-bottom]) .popup-pointer{-webkit-transform:scaleY(-1) translateY(var(--border-width));transform:scaleY(-1) translateY(var(--border-width))}:host([_position-at="popup-bottom pointer-right"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-bottom pointer-right"]) .popup-pointer{-webkit-transform:scaleY(-1) scaleX(-1) translateY(var(--border-width));transform:scaleY(-1) scaleX(-1) translateY(var(--border-width))}:host([_position-at*=popup-left]) .popup-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host([_position-at*=popup-left]) .popup-pointer{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scaleY(-1) rotate(-90deg) translateY(calc(-100% + var(--border-width))) translateX(100%);transform:scaleY(-1) rotate(-90deg) translateY(calc(-100% + var(--border-width))) translateX(100%)}:host([_position-at="popup-left pointer-bottom"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-left pointer-bottom"]) .popup-pointer{-webkit-transform:rotate(90deg) scaleY(-1) translateY(var(--border-width));transform:rotate(90deg) scaleY(-1) translateY(var(--border-width));-webkit-transform-origin:bottom right;transform-origin:bottom right}:host([_position-at="popup-left pointer-bottom"][_pointer-type=angle]) .pointer-wrapper{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scaleY(-1);transform:scaleY(-1)}:host([_position-at*=popup-right]) .popup-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host([_position-at*=popup-right]) .popup-pointer{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(90deg) translateY(calc(-100% + var(--border-width)));transform:rotate(90deg) translateY(calc(-100% + var(--border-width)))}:host([_position-at="popup-right pointer-bottom"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-right pointer-bottom"]) .popup-pointer{-webkit-transform:rotate(-90deg) scaleY(-1) translateY(var(--border-width));transform:rotate(-90deg) scaleY(-1) translateY(var(--border-width));-webkit-transform-origin:bottom left;transform-origin:bottom left}:host(:not([responsive])){--backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([responsive]){--backdrop-background:var(--cds-alias-object-overlay-backdrop-background, rgba(0, 0, 0, 0.6))}:host([responsive]) cds-internal-pointer{display:none}:host([responsive]) .popup-content,:host([responsive]) .popup-wrapper,:host([responsive]) .private-host{width:100%;max-width:100%;height:auto;max-height:var(--mobile-max-height)}:host([responsive]) .private-host{position:absolute;bottom:0;left:0}:host([responsive]) .popup-content{border-radius:0}:host([responsive]) .pointer-wrapper{display:none}:host([cds-motion][_cds-animation-status=active]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}:host([hidden]){--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([hidden*=false]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}`;export default t;
+import{css as o}from"lit";var t=o`:host{--backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--layered-backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--active-corner-border-radius:0;--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--close-button-offset:var(--cds-global-space-1, 0.0625rem);--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc(1 / var(--cds-global-base, 20) * 1rem) calc(3 / var(--cds-global-base, 20) * 1rem) 0 rgba(27, 43, 50, 0.5));--min-width:6rem;--max-width:18rem;--width:fit-content;--height:auto;--max-height:auto;--mobile-max-height:66vh;--overflow:hidden auto;--animation-duration:var(--cds-global-animation-duration-primary, 0.4s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000000}::slotted(cds-internal-pointer){--pointer-fill:var(--background);--pointer-outline:var(--border-color)}.private-host{display:block;position:relative}.popup-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.popup-content{background:var(--background);color:var(--color);border-radius:var(--border-radius);border-color:var(--border-color);border-width:var(--border-width);border-style:solid;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);min-width:var(--min-width);width:var(--width);max-width:var(--max-width);height:var(--height);max-height:var(--max-height);overflow:var(--overflow)}:host([_position-at="popup-left pointer-top"]) .popup-content,:host([_position-at="popup-top pointer-left"]) .popup-content{border-top-left-radius:var(--active-corner-border-radius)}:host([_position-at="popup-right pointer-top"]) .popup-content,:host([_position-at="popup-top pointer-right"]) .popup-content{border-top-right-radius:var(--active-corner-border-radius)}:host([_position-at="popup-bottom pointer-right"]) .popup-content,:host([_position-at="popup-right pointer-bottom"]) .popup-content{border-bottom-right-radius:var(--active-corner-border-radius)}:host([_position-at="popup-bottom pointer-left"]) .popup-content,:host([_position-at="popup-left pointer-bottom"]) .popup-content{border-bottom-left-radius:var(--active-corner-border-radius)}:host([_pointer-type=default]){--active-corner-border-radius:var(--border-radius)}cds-internal-close-button{position:absolute;top:var(--close-button-offset);right:var(--close-button-offset)}:host([_position-at*=popup-top]) .popup-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host([_position-at*=popup-top]) .popup-pointer{-webkit-transform:translateY(var(--border-width));transform:translateY(var(--border-width))}:host([_position-at*=pointer-center]) .popup-wrapper,:host([_position-at*=pointer-mid]) .popup-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host([_position-at="popup-top pointer-right"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-top pointer-right"]) .popup-pointer{-webkit-transform:scaleX(-1) translateY(var(--border-width));transform:scaleX(-1) translateY(var(--border-width))}:host([_position-at*=popup-bottom]) .popup-pointer{-webkit-transform:scaleY(-1) translateY(var(--border-width));transform:scaleY(-1) translateY(var(--border-width))}:host([_position-at="popup-bottom pointer-right"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-bottom pointer-right"]) .popup-pointer{-webkit-transform:scaleY(-1) scaleX(-1) translateY(var(--border-width));transform:scaleY(-1) scaleX(-1) translateY(var(--border-width))}:host([_position-at*=popup-left]) .popup-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host([_position-at*=popup-left]) .popup-pointer{-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scaleY(-1) rotate(-90deg) translateY(calc(-100% + var(--border-width))) translateX(100%);transform:scaleY(-1) rotate(-90deg) translateY(calc(-100% + var(--border-width))) translateX(100%)}:host([_position-at="popup-left pointer-bottom"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-left pointer-bottom"]) .popup-pointer{-webkit-transform:rotate(90deg) scaleY(-1) translateY(var(--border-width));transform:rotate(90deg) scaleY(-1) translateY(var(--border-width));-webkit-transform-origin:bottom right;transform-origin:bottom right}:host([_position-at="popup-left pointer-bottom"][_pointer-type=angle]) .pointer-wrapper{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scaleY(-1);transform:scaleY(-1)}:host([_position-at*=popup-right]) .popup-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host([_position-at*=popup-right]) .popup-pointer{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(90deg) translateY(calc(-100% + var(--border-width)));transform:rotate(90deg) translateY(calc(-100% + var(--border-width)))}:host([_position-at="popup-right pointer-bottom"]) .popup-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}:host([_position-at="popup-right pointer-bottom"]) .popup-pointer{-webkit-transform:rotate(-90deg) scaleY(-1) translateY(var(--border-width));transform:rotate(-90deg) scaleY(-1) translateY(var(--border-width));-webkit-transform-origin:bottom left;transform-origin:bottom left}:host(:not([responsive])){--backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([responsive]){--backdrop-background:var(--cds-alias-object-overlay-backdrop-background, rgba(0, 0, 0, 0.6))}:host([responsive]) cds-internal-pointer{display:none}:host([responsive]) .popup-content,:host([responsive]) .popup-wrapper,:host([responsive]) .private-host{width:100%;max-width:100%;height:auto;max-height:var(--mobile-max-height)}:host([responsive]) .private-host{position:absolute;bottom:0;left:0}:host([responsive]) .popup-content{border-radius:0}:host([responsive]) .pointer-wrapper{display:none}:host([cds-motion][_cds-animation-status=active]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}:host([hidden]){--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([hidden*=false]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}`;export default t;
 //# sourceMappingURL=popup.element.scss.js.map

package/internal-components/visual-checkbox/visual-checkbox.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / 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-border-color, var(--cds-global-color-construction-200, #cbd4d8))}.private-host,.private-host::before{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));display:inline-block}.private-host{position:relative;cursor:inherit}.private-host::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);position:absolute;content:""}.private-host::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));left:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem));border-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);-webkit-transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg);transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--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([indeterminate]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([indeterminate]) .private-host::after{border-left:none;border-bottom-color:var(--color);display:inline-block;-webkit-transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host([selected]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--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))}:host([selected]) .private-host:after{display:inline-block}`;export default r;
+import{css as r}from"lit";var o=r`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))}.private-host,.private-host::before{width:var(--cds-global-space-7,1rem);height:var(--cds-global-space-7,1rem);display:inline-block}.private-host{position:relative;cursor:inherit}.private-host::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);position:absolute;content:""}.private-host::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,.25rem) + var(--cds-global-space-1,.0625rem));width:var(--cds-global-space-5,.5rem);left:var(--cds-global-space-3,.25rem);border-left:var(--cds-global-space-2,.125rem) solid;border-bottom:var(--cds-global-space-2,.125rem) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);-webkit-transform:translateY(var(--cds-global-space-3,.25rem)) rotate(-45deg);transform:translateY(var(--cds-global-space-3,.25rem)) rotate(-45deg)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([indeterminate]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([indeterminate]) .private-host::after{border-left:none;border-bottom-color:var(--color);display:inline-block;-webkit-transform:translateY(calc(var(--cds-global-space-1,.0625rem)*.15));transform:translateY(calc(var(--cds-global-space-1,.0625rem)*.15));top:var(--cds-global-space-3,.25rem)}:host([selected]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([selected]) .private-host:after{display:inline-block}`;export default o;
 //# sourceMappingURL=visual-checkbox.element.scss.js.map

package/list/list.css

@@ -13,14 +13,14 @@ ul[cds-list=unstyled] {
 ol[cds-list] {
   list-style-type: decimal;
   list-style-position: outside;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));
+  padding-left: var(--cds-global-space-9, 1.5rem);
   margin: 0;
 }
 
 ul[cds-list]:not([cds-list=unstyled]) {
   list-style-type: disc;
   list-style-position: outside;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));
+  padding-left: var(--cds-global-space-9, 1.5rem);
   margin: 0;
 }
 
@@ -71,22 +71,22 @@ ol[cds-list=upper-roman] {
 ul[cds-list=unstyled] > li > ul:not([cds-list=unstyled]),
 ul[cds-list=unstyled] > li ol {
   margin-left: 0;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));
+  padding-left: var(--cds-global-space-9, 1.5rem);
 }
 ul[cds-list=unstyled] > li > ul[cds-list=unstyled] {
   margin-left: 0;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) !important;
+  padding-left: var(--cds-global-space-9, 1.5rem) !important;
 }
 
 ul:not([cds-list=unstyled]) > li > ul[cds-list=unstyled],
 ol[cds-list] > li > ul[cds-list=unstyled] {
   margin-left: 0;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) !important;
+  padding-left: var(--cds-global-space-9, 1.5rem) !important;
 }
 
 ol[cds-list] > li > ol[cds-list] {
   margin-left: 0;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));
+  padding-left: var(--cds-global-space-9, 1.5rem);
 }
 
 ul[cds-layout~=horizontal] li,

package/list/list.min.css

@@ -1 +1 @@
-@charset "UTF-8";ul[cds-list=unstyled]{padding-left:0!important;margin:0!important;list-style:"​"!important;list-style-position:inside!important}[cds-list]{color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048))}ol[cds-list]{list-style-type:decimal;list-style-position:outside;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));margin:0}ul[cds-list]:not([cds-list=unstyled]){list-style-type:disc;list-style-position:outside;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));margin:0}ul[cds-list=disc]{list-style-type:disc}ul[cds-list=circle]{list-style-type:circle}ul[cds-list=square]{list-style-type:square}ol[cds-list=decimal]{list-style-type:decimal}ol[cds-list=decimal-leading-zero]{list-style-type:decimal-leading-zero}ol[cds-list=lower-alpha]{list-style-type:lower-alpha}ol[cds-list=lower-latin]{list-style-type:lower-latin}ol[cds-list=lower-roman]{list-style-type:lower-roman}ol[cds-list=upper-alpha]{list-style-type:upper-alpha}ol[cds-list=upper-latin]{list-style-type:upper-latin}ol[cds-list=upper-roman]{list-style-type:upper-roman}ul[cds-list=unstyled]>li ol,ul[cds-list=unstyled]>li>ul:not([cds-list=unstyled]){margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}ul[cds-list=unstyled]>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))!important}ol[cds-list]>li>ul[cds-list=unstyled],ul:not([cds-list=unstyled])>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))!important}ol[cds-list]>li>ol[cds-list]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}ol[cds-layout~=horizontal] li,ul[cds-layout~=horizontal] li{list-style-position:inside}dl[cds-list]{margin:0}dl[cds-list] dt{font-weight:700}dl[cds-list] dd{margin-left:0}
+@charset "UTF-8";ul[cds-list=unstyled]{padding-left:0!important;margin:0!important;list-style:"​"!important;list-style-position:inside!important}[cds-list]{color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048))}ol[cds-list]{list-style-type:decimal;list-style-position:outside;padding-left:var(--cds-global-space-9, 1.5rem);margin:0}ul[cds-list]:not([cds-list=unstyled]){list-style-type:disc;list-style-position:outside;padding-left:var(--cds-global-space-9, 1.5rem);margin:0}ul[cds-list=disc]{list-style-type:disc}ul[cds-list=circle]{list-style-type:circle}ul[cds-list=square]{list-style-type:square}ol[cds-list=decimal]{list-style-type:decimal}ol[cds-list=decimal-leading-zero]{list-style-type:decimal-leading-zero}ol[cds-list=lower-alpha]{list-style-type:lower-alpha}ol[cds-list=lower-latin]{list-style-type:lower-latin}ol[cds-list=lower-roman]{list-style-type:lower-roman}ol[cds-list=upper-alpha]{list-style-type:upper-alpha}ol[cds-list=upper-latin]{list-style-type:upper-latin}ol[cds-list=upper-roman]{list-style-type:upper-roman}ul[cds-list=unstyled]>li ol,ul[cds-list=unstyled]>li>ul:not([cds-list=unstyled]){margin-left:0;padding-left:var(--cds-global-space-9, 1.5rem)}ul[cds-list=unstyled]>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, 1.5rem)!important}ol[cds-list]>li>ul[cds-list=unstyled],ul:not([cds-list=unstyled])>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, 1.5rem)!important}ol[cds-list]>li>ol[cds-list]{margin-left:0;padding-left:var(--cds-global-space-9, 1.5rem)}ol[cds-layout~=horizontal] li,ul[cds-layout~=horizontal] li{list-style-position:inside}dl[cds-list]{margin:0}dl[cds-list] dt{font-weight:700}dl[cds-list] dd{margin-left:0}

package/modal/modal-actions.element.js

@@ -1,2 +1,2 @@
-import{baseStyles as t}from"@cds/core/internal";import{LitElement as s,html as e}from"lit";class o extends s{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","modal-actions")}render(){return this.hasAttribute("cds-layout")?e`<slot></slot>`:e`<div cds-layout="horizontal gap:sm align:right"><slot></slot></div>`}static get styles(){return[t]}}export{o as CdsModalActions};
+import{baseStyles as t}from"@cds/core/internal";import{LitElement as s,html as e}from"lit";class o extends s{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","modal-actions")}render(){return this.hasAttribute("cds-layout")?e`<slot></slot>`:e`<div cds-layout="horizontal gap:xs align:right"><slot></slot></div>`}static get styles(){return[t]}}export{o as CdsModalActions};
 //# sourceMappingURL=modal-actions.element.js.map

package/modal/modal.element.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { Animatable, HTMLAttributeTuple } from '@cds/core/internal';
+import { HTMLAttributeTuple } from '@cds/core/internal';
 import { CdsInternalOverlay } from '@cds/core/internal-components/overlay';
 import { CdsModalHeader } from './modal-header.element';
 import { CdsModalActions } from './modal-actions.element';
@@ -42,7 +42,7 @@ import { CdsModalActions } from './modal-actions.element';
  * @cssprop --max-height - sets hard limit on height of modal
  * @cssprop --tablet-max-height - sets hard limit on height of modal when on a tablet in landscape mode
  */
-export declare class CdsModal extends CdsInternalOverlay implements Animatable {
+export declare class CdsModal extends CdsInternalOverlay {
     protected get customBumpers(): [HTMLElement, HTMLElement];
     static get styles(): import("lit").CSSResultGroup[];
     i18n: {

package/modal/modal.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as o}from"lit";import{query as e}from"lit/decorators/query.js";import{I18nService as l,isScrollable as i,setAttributes as s,i18n as a,property as d,querySlot as r,animate as n,reverseAnimation as c,AnimationModalEnterName as p}from"@cds/core/internal";import{CdsInternalOverlay as m}from"@cds/core/internal-components/overlay";import h from"./modal.element.scss.js";let y=class extends m{constructor(){super(...arguments),this.i18n=l.keys.modal,this.closable=!0,this.hidden=!0,this.isScrollable=!1}get customBumpers(){return[this.modalHeader,this.modalFooter]}static get styles(){return[...super.styles,h]}get closeButtonAttrs(){return[["cds-layout","align:top"],["slot","close-button"],["aria-label",this.i18n.closeButtonAriaLabel],["icon-size","24"]]}updated(t){t.has("hidden")&&!0===t.get("hidden")&&(this.isScrollable=i(this.content),s(this.content,["tabindex",!!this.isScrollable&&"0"],["aria-label",!!this.isScrollable&&this.i18n.contentBox])),super.updated(t)}get modalFooterTemplate(){return this.modalFooter?o`<div cds-layout="align-stretch p-x:lg p-b:lg"><slot name="modal-actions"></slot></div>`:o``}render(){return o`${this.backdropTemplate}<div class="modal-dialog private-host" tabindex="-1" cds-layout="m:md m@md:xl"><div cds-layout="display:screen-reader-only">${this.i18n.contentStart}</div><div class="modal-content" cds-layout="vertical gap:md gap@md:lg align:stretch"><div cds-layout="horizontal gap:md wrap:none align:vertical-center p-x:lg p-t:lg"><div><slot name="modal-header"></slot></div><div cds-layout="align:right"><slot name="modal-header-actions"></slot></div>${this.closable?this.closeButtonTemplate:""}</div><div class="modal-body" cds-layout="p-x:lg"><slot></slot></div>${this.modalFooterTemplate}</div><div cds-layout="display:screen-reader-only">${this.i18n.contentEnd}</div></div>`}};t([a()],y.prototype,"i18n",void 0),t([d({type:Boolean})],y.prototype,"closable",void 0),t([d({type:Boolean})],y.prototype,"hidden",void 0),t([d({type:String})],y.prototype,"size",void 0),t([e(".modal-body")],y.prototype,"content",void 0),t([r("cds-modal-header")],y.prototype,"modalHeader",void 0),t([r("cds-modal-actions")],y.prototype,"modalFooter",void 0),y=t([n({hidden:{true:c(p),false:p}})],y);export{y as CdsModal};
+import{__decorate as t}from"tslib";import{html as o}from"lit";import{query as e}from"lit/decorators/query.js";import{I18nService as l,isScrollable as s,setAttributes as i,i18n as a,property as d,querySlot as r,animate as n,reverseAnimation as c,AnimationModalEnterName as p}from"@cds/core/internal";import{CdsInternalOverlay as m}from"@cds/core/internal-components/overlay";import h from"./modal.element.scss.js";let y=class extends m{constructor(){super(...arguments),this.i18n=l.keys.modal,this.closable=!0,this.hidden=!0,this.isScrollable=!1}get customBumpers(){return[this.modalHeader,this.modalFooter]}static get styles(){return[...super.styles,h]}get closeButtonAttrs(){return[["cds-layout","align:top"],["slot","close-button"],["aria-label",this.i18n.closeButtonAriaLabel],["icon-size","24"]]}updated(t){t.has("hidden")&&!0===t.get("hidden")&&(this.isScrollable=s(this.content),i(this.content,["tabindex",!!this.isScrollable&&"0"],["aria-label",!!this.isScrollable&&this.i18n.contentBox])),super.updated(t)}get modalFooterTemplate(){return this.modalFooter?o`<div cds-layout="align-stretch p-x:lg p-b:lg"><slot name="modal-actions"></slot></div>`:o``}render(){return o`${this.backdropTemplate}<div class="modal-dialog private-host" tabindex="-1" cds-layout="m:md m@md:xl"><div cds-layout="display:screen-reader-only">${this.i18n.contentStart}</div><div class="modal-content" cds-layout="vertical gap:sm gap@md:lg align:stretch"><div cds-layout="horizontal gap:sm wrap:none align:vertical-center p-x:lg p-t:lg"><div><slot name="modal-header"></slot></div><div cds-layout="align:right"><slot name="modal-header-actions"></slot></div>${this.closable?this.closeButtonTemplate:""}</div><div class="modal-body" cds-layout="p-x:lg"><slot></slot></div>${this.modalFooterTemplate}</div><div cds-layout="display:screen-reader-only">${this.i18n.contentEnd}</div></div>`}};t([a()],y.prototype,"i18n",void 0),t([d({type:Boolean})],y.prototype,"closable",void 0),t([d({type:Boolean})],y.prototype,"hidden",void 0),t([d({type:String})],y.prototype,"size",void 0),t([e(".modal-body")],y.prototype,"content",void 0),t([r("cds-modal-header")],y.prototype,"modalHeader",void 0),t([r("cds-modal-actions")],y.prototype,"modalFooter",void 0),y=t([n({hidden:{true:c(p),false:p}})],y);export{y as CdsModal};
 //# sourceMappingURL=modal.element.js.map

package/modal/modal.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--border-color:var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--background:var(--cds-alias-object-overlay-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 rgba(27, 43, 50, 0.5));--width:calc(8 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)));--content-overflow:hidden auto;--max-height:70vh;--tablet-max-height:55vh}:host([size=sm]){--width:calc(4 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([size=lg]){--width:calc(12 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([size=xl]){--width:calc(16 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([_demo-mode]){position:absolute}.modal-dialog{width:var(--width);max-width:100%}.modal-content{background:var(--background);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.overlay-backdrop{background:var(--backdrop-background)}.modal-body{max-height:var(--max-height);overflow:var(--content-overflow)}@media screen and (max-width:768px) and (orientation:landscape){.modal-body{max-height:var(--tablet-max-height)}}@media screen and (max-width:576px){.modal-dialog{width:100%;height:100%;margin:0!important}.modal-body{max-height:unset}.modal-content{border-radius:0;height:100%}.modal-content>div:not(.modal-body){-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin:0}cds-internal-close-button{-webkit-transform:translate(.35rem,-.25rem);transform:translate(.35rem,-.25rem)}}`;export default o;
+import{css as a}from"lit";var o=a`:host{--border-color:var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--background:var(--cds-alias-object-overlay-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc(1 / var(--cds-global-base, 20) * 1rem) calc(3 / var(--cds-global-base, 20) * 1rem) 0 rgba(27, 43, 50, 0.5));--width:calc(8 * var(--cds-global-space-14, 4.5rem));--content-overflow:hidden auto;--max-height:70vh;--tablet-max-height:55vh}:host([size=sm]){--width:calc(4 * var(--cds-global-space-14, 4.5rem))}:host([size=lg]){--width:calc(12 * var(--cds-global-space-14, 4.5rem))}:host([size=xl]){--width:calc(16 * var(--cds-global-space-14, 4.5rem))}:host([_demo-mode]){position:absolute}.modal-dialog{width:var(--width);max-width:100%}.modal-content{background:var(--background);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.overlay-backdrop{background:var(--backdrop-background)}.modal-body{max-height:var(--max-height);overflow:var(--content-overflow)}@media screen and (max-width:768px) and (orientation:landscape){.modal-body{max-height:var(--tablet-max-height)}}@media screen and (max-width:576px){.modal-dialog{width:100%;height:100%;margin:0!important}.modal-body{max-height:unset}.modal-content{border-radius:0;height:100%}.modal-content>div:not(.modal-body){-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin:0}cds-internal-close-button{-webkit-transform:translate(.35rem,-.25rem);transform:translate(.35rem,-.25rem)}}`;export default o;
 //# sourceMappingURL=modal.element.scss.js.map

package/navigation/navigation-group.element.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
-import { Animatable, EventEmitter } from '@cds/core/internal';
+import { EventEmitter } from '@cds/core/internal';
 import { CdsNavigationItem } from './navigation-item.element';
 import { CdsNavigationStart } from './navigation-start.element';
 export declare const CdsNavigationGroupTagName = "cds-navigation-group";
@@ -25,7 +25,7 @@ export declare const CdsNavigationGroupTagName = "cds-navigation-group";
  * @cssprop --background
  * @slot
  */
-export declare class CdsNavigationGroup extends LitElement implements Animatable {
+export declare class CdsNavigationGroup extends LitElement {
     cdsMotion: string;
     /** @private **/
     expandedChange: EventEmitter<boolean>;