@cds/core 5.6.1 → 6.0.0-next.2

package/package.json

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

package/pagination/pagination-button.element.d.ts

@@ -1,4 +1,5 @@
-import { CdsBaseButton } from '@cds/core/internal';
+import { PropertyValues } from 'lit';
+import { CdsButtonAction } from '@cds/core/button-action';
 /**
  * Web component pagination button to be used inside pagination.
  *
@@ -28,18 +29,14 @@ import { CdsBaseButton } from '@cds/core/internal';
  * @cssprop --box-shadow
  * @cssprop --min-height
  * @cssprop --min-width
+ * @property disabled
  */
-export declare class CdsPaginationButton extends CdsBaseButton {
+export declare class CdsPaginationButton extends CdsButtonAction {
     /**
      * Sets the action from a predefined list of actions
      */
     action: 'first' | 'prev' | 'next' | 'last';
-    connectedCallback(): void;
-    cdsIcon: HTMLElement;
-    private cdsIconDefault;
-    private get customContent();
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): import("lit").CSSResultGroup[];
-    firstUpdated(props: Map<string, any>): void;
-    private validateAriaLabel;
+    private direction;
+    private cdsIcon;
+    updated(props: PropertyValues): void;
 }

package/pagination/pagination-button.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{CdsBaseButton as i,baseStyles as o,notProductionEnvironment as s,LogService as e,property as n,querySlot as c}from"@cds/core/internal";import{html as a}from"lit";import{query as r}from"lit/decorators/query.js";import d from"./pagination-button.element.scss.js";class l extends i{connectedCallback(){super.connectedCallback(),this.type="button"}get customContent(){return!this.action&&!this.cdsIconDefault}render(){return a`<div class="private-host" cds-layout="horizontal align:center ${this.customContent?"p-x:sm":""}"><slot name="cds-icon-slot">${"next"===this.action?a`<cds-icon shape="angle" direction="right"></cds-icon>`:""} ${"last"===this.action?a`<cds-icon shape="step-forward-2" direction="up"></cds-icon>`:""} ${"prev"===this.action?a`<cds-icon shape="angle" direction="left"></cds-icon>`:""} ${"first"===this.action?a`<cds-icon shape="step-forward-2" direction="down"></cds-icon>`:""}</slot><slot></slot></div>`}static get styles(){return[o,d]}firstUpdated(t){super.firstUpdated(t),this.validateAriaLabel()}validateAriaLabel(){var t;s()&&(this.cdsIcon||this.cdsIconDefault)&&!(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)&&e.warn("An aria-label is missing",this)}}t([n({type:String})],l.prototype,"action",void 0),t([c("cds-icon",{assign:"cds-icon-slot"})],l.prototype,"cdsIcon",void 0),t([r("cds-icon")],l.prototype,"cdsIconDefault",void 0);export{l as CdsPaginationButton};
+import{__decorate as t}from"tslib";import{property as o}from"@cds/core/internal";import{state as i}from"lit/decorators/state.js";import{query as r}from"lit/decorators/query.js";import{CdsButtonAction as s}from"@cds/core/button-action";import{getPaginationIconConfig as c}from"./utils.js";class e extends s{updated(t){super.updated(t);const{shape:o,direction:i}=c(this.action);this.shape=o,this.direction=i,this.cdsIcon&&(this.cdsIcon.direction=this.direction)}}t([o({type:String})],e.prototype,"action",void 0),t([i()],e.prototype,"direction",void 0),t([r("cds-icon")],e.prototype,"cdsIcon",void 0);export{e as CdsPaginationButton};
 //# sourceMappingURL=pagination-button.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination-button.element.js","sources":["../../../src/pagination/pagination-button.element.ts"],"sourcesContent":null,"names":["CdsPaginationButton","CdsBaseButton","[object Object]","super","connectedCallback","this","type","customContent","action","cdsIconDefault","html","styles","baseStyles","props","firstUpdated","validateAriaLabel","_a","notProductionEnvironment","cdsIcon","getAttribute","length","LogService","warn","__decorate","property","String","prototype","querySlot","assign","query"],"mappings":"+SAwCO,MAAMA,UAA4BC,EACrCC,oBACIC,MAAMC,oBACNC,KAAKC,KAAO,SAEhBC,oBACI,OAAQF,KAAKG,SAAWH,KAAKI,eAEjCP,SACI,OAAOQ,CAAK,iEACkDL,KAAKE,cAAgB,SAAW,kCAE1E,SAAhBF,KAAKG,OAAoBE,CAAK,wDAA0D,MACxE,SAAhBL,KAAKG,OAAoBE,CAAK,8DAAgE,MAC9E,SAAhBL,KAAKG,OAAoBE,CAAK,uDAAyD,MACvE,UAAhBL,KAAKG,OAAqBE,CAAK,gEAAkE,+BAMzGC,oBACI,MAAO,CAACC,EAAYD,GAExBT,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKU,oBAETb,oBACI,IAAIc,EACAC,MACCZ,KAAKa,SAAWb,KAAKI,mBACuB,QAA1CO,EAAKX,KAAKc,aAAa,qBAAkC,IAAPH,OAAgB,EAASA,EAAGI,SACjFC,EAAWC,KAAK,2BAA4BjB,OAIxDkB,EAAW,CACPC,EAAS,CAAElB,KAAMmB,UAClBzB,EAAoB0B,UAAW,cAAU,GAC5CH,EAAW,CACPI,EAAU,WAAY,CAAEC,OAAQ,mBACjC5B,EAAoB0B,UAAW,eAAW,GAC7CH,EAAW,CACPM,EAAM,aACP7B,EAAoB0B,UAAW,sBAAkB"}
+{"version":3,"file":"pagination-button.element.js","sources":["../../../src/pagination/pagination-button.element.ts"],"sourcesContent":null,"names":["CdsPaginationButton","CdsButtonAction","[object Object]","props","super","updated","shape","direction","getPaginationIconConfig","this","action","cdsIcon","__decorate","property","type","String","prototype","state","query"],"mappings":"gSA0CO,MAAMA,UAA4BC,EACrCC,QAAQC,GACJC,MAAMC,QAAQF,GACd,MAAMG,MAAEA,EAAKC,UAAEA,GAAcC,EAAwBC,KAAKC,QAC1DD,KAAKH,MAAQA,EACbG,KAAKF,UAAYA,EACbE,KAAKE,UACLF,KAAKE,QAAQJ,UAAYE,KAAKF,YAI1CK,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBf,EAAoBgB,UAAW,cAAU,GAC5CJ,EAAW,CACPK,KACDjB,EAAoBgB,UAAW,iBAAa,GAC/CJ,EAAW,CACPM,EAAM,aACPlB,EAAoBgB,UAAW,eAAW"}

package/pagination/pagination.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{baseStyles as i,notProductionEnvironment as s,LogService as e,globalStyle as r,querySlot as o}from"@cds/core/internal";import{LitElement as n,css as a,html as l}from"lit";import{cache as p}from"lit/directives/cache.js";import u from"./pagination.element.scss.js";class d extends n{constructor(){super(...arguments),this.globalStyles=a`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=l`<slot></slot>`,i=l`<div cds-layout="horizontal gap:md align:center"><slot></slot></div>`;return l`${p(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[i,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){var t;s()&&!(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)&&e.warn("An aria-label is missing",this)}}t([r()],d.prototype,"globalStyles",void 0),t([o("cds-input[cds-pagination-number]")],d.prototype,"numberInput",void 0);export{d as CdsPagination};
+import{__decorate as t}from"tslib";import{baseStyles as i,notProductionEnvironment as s,LogService as e,globalStyle as r,querySlot as o}from"@cds/core/internal";import{LitElement as n,css as a,html as l}from"lit";import{cache as p}from"lit/directives/cache.js";import u from"./pagination.element.scss.js";class d extends n{constructor(){super(...arguments),this.globalStyles=a`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=l`<slot></slot>`,i=l`<div cds-layout="horizontal gap:sm align:center"><slot></slot></div>`;return l`${p(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[i,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){var t;s()&&!(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)&&e.warn("An aria-label is missing",this)}}t([r()],d.prototype,"globalStyles",void 0),t([o("cds-input[cds-pagination-number]")],d.prototype,"numberInput",void 0);export{d as CdsPagination};
 //# sourceMappingURL=pagination.element.js.map

package/pagination/pagination.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));color:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;font-size:var(--font-size)}::slotted(cds-input[cds-pagination-number]){--background:var(--cds-alias-object-container-background);--border-radius:var(--cds-alias-object-border-radius-100);--border:var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color);--border-bottom:0;--padding:var(--cds-global-space-2) var(--cds-global-space-4) 0;--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));--text-align:center}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export default o;
+import{css as o}from"lit";var a=o`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);color:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;font-size:var(--font-size)}::slotted(cds-input[cds-pagination-number]){--background:var(--cds-alias-object-container-background);--border-radius:var(--cds-alias-object-border-radius-100);--border:var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color);--border-bottom:0;--padding:var(--cds-global-space-2) var(--cds-global-space-4) 0;--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--text-align:center}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export default a;
 //# sourceMappingURL=pagination.element.scss.js.map

package/pagination/utils.d.ts

@@ -0,0 +1,5 @@
+export declare type PaginationIconConfig = {
+    shape: string;
+    direction: 'up' | 'right' | 'down' | 'left';
+};
+export declare function getPaginationIconConfig(action: 'first' | 'prev' | 'next' | 'last'): PaginationIconConfig;

package/pagination/utils.js

@@ -0,0 +1,2 @@
+function e(e){var i;return null!==(i={next:{shape:"angle",direction:"right"},last:{shape:"step-forward-2",direction:"up"},prev:{shape:"angle",direction:"left"},first:{shape:"step-forward-2",direction:"down"}}[e])&&void 0!==i?i:{shape:"ellipsis-vertical",direction:"up"}}export{e as getPaginationIconConfig};
+//# sourceMappingURL=utils.js.map

package/pagination/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/pagination/utils.ts"],"sourcesContent":null,"names":["getPaginationIconConfig","action","_a","next","shape","direction","last","prev","first"],"mappings":"AAKO,SAASA,EAAwBC,GACpC,IAAIC,EAOJ,OAAiC,QAAzBA,EANO,CACXC,KAAM,CAAEC,MAAO,QAASC,UAAW,SACnCC,KAAM,CAAEF,MAAO,iBAAkBC,UAAW,MAC5CE,KAAM,CAAEH,MAAO,QAASC,UAAW,QACnCG,MAAO,CAAEJ,MAAO,iBAAkBC,UAAW,SAE7BJ,UAA4B,IAAPC,EAAgBA,EAAK,CAAEE,MAAO,oBAAqBC,UAAW"}

package/password/password.element.js

@@ -1,2 +1,2 @@
-import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as a}from"@cds/core/icon/icon.service.js";import{eyeIcon as d}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as n}from"@cds/core/icon/shapes/eye-hide.js";class h extends e{constructor(){super(),this.showPassword=!1,this.i18n=t.keys.password,a.addIcons(d,n)}get suffixDefaultTemplate(){return o`<cds-control-action @click="${()=>this.togglePasswordVisibility()}" .ariaLabel="${this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}togglePasswordVisibility(){this.showPassword=!this.showPassword,this.inputControl.type=this.showPassword?"text":"password",this.inputControl.focus()}}s([i()],h.prototype,"showPassword",void 0),s([r()],h.prototype,"i18n",void 0);export{h as CdsPassword};
+import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as d}from"@cds/core/icon/icon.service.js";import{eyeIcon as a}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as h}from"@cds/core/icon/shapes/eye-hide.js";class n extends e{constructor(){super(),this.showPassword=!1,this.i18n=t.keys.password,d.addIcons(a,h)}get suffixDefaultTemplate(){return o`<cds-button-action @click="${()=>this.togglePasswordVisibility()}" .pressed="${this.showPassword}" .ariaLabel="${this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-button-action>`}static get styles(){return[...super.styles,c]}togglePasswordVisibility(){this.showPassword=!this.showPassword,this.inputControl.type=this.showPassword?"text":"password",this.inputControl.focus()}}s([i()],n.prototype,"showPassword",void 0),s([r()],n.prototype,"i18n",void 0);export{n as CdsPassword};
 //# sourceMappingURL=password.element.js.map

package/password/password.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"password.element.js","sources":["../../../src/password/password.element.ts"],"sourcesContent":null,"names":["CdsPassword","CdsControl","[object Object]","super","this","showPassword","i18n","I18nService","keys","password","ClarityIcons","addIcons","eyeIcon","eyeHideIcon","suffixDefaultTemplate","html","togglePasswordVisibility","hideButtonAriaLabel","showButtonAriaLabel","styles","inputStyles","inputControl","type","focus","__decorate","state","prototype"],"mappings":"oZA0CO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,cAAe,EACpBD,KAAKE,KAAOC,EAAYC,KAAKC,SAC7BC,EAAaC,SAASC,EAASC,GAEnCC,4BACI,OAAOC,CAAK,+BAEH,IAAMX,KAAKY,2CACPZ,KAAKC,aAAeD,KAAKE,KAAKW,oBAAsBb,KAAKE,KAAKY,yCAExDd,KAAKC,aAAe,WAAa,0CAIxDc,oBACI,MAAO,IAAIhB,MAAMgB,OAAQC,GAE7BlB,2BACIE,KAAKC,cAAgBD,KAAKC,aAC1BD,KAAKiB,aAAaC,KAAOlB,KAAKC,aAAe,OAAS,WACtDD,KAAKiB,aAAaE,SAG1BC,EAAW,CACPC,KACDzB,EAAY0B,UAAW,oBAAgB,GAC1CF,EAAW,CACPlB,KACDN,EAAY0B,UAAW,YAAQ"}
+{"version":3,"file":"password.element.js","sources":["../../../src/password/password.element.ts"],"sourcesContent":null,"names":["CdsPassword","CdsControl","[object Object]","super","this","showPassword","i18n","I18nService","keys","password","ClarityIcons","addIcons","eyeIcon","eyeHideIcon","suffixDefaultTemplate","html","togglePasswordVisibility","hideButtonAriaLabel","showButtonAriaLabel","styles","inputStyles","inputControl","type","focus","__decorate","state","prototype"],"mappings":"oZA0CO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,cAAe,EACpBD,KAAKE,KAAOC,EAAYC,KAAKC,SAC7BC,EAAaC,SAASC,EAASC,GAEnCC,4BACI,OAAOC,CAAK,8BAEH,IAAMX,KAAKY,yCACTZ,KAAKC,6BACHD,KAAKC,aAAeD,KAAKE,KAAKW,oBAAsBb,KAAKE,KAAKY,yCAExDd,KAAKC,aAAe,WAAa,yCAIxDc,oBACI,MAAO,IAAIhB,MAAMgB,OAAQC,GAE7BlB,2BACIE,KAAKC,cAAgBD,KAAKC,aAC1BD,KAAKiB,aAAaC,KAAOlB,KAAKC,aAAe,OAAS,WACtDD,KAAKiB,aAAaE,SAG1BC,EAAW,CACPC,KACDzB,EAAY0B,UAAW,oBAAgB,GAC1CF,EAAW,CACPlB,KACDN,EAAY0B,UAAW,YAAQ"}

package/password/register.d.ts

@@ -1,5 +1,6 @@
 import { CdsPassword } from './password.element.js';
 import '@cds/core/forms/register.js';
+import '@cds/core/button-action/register.js';
 import '@cds/core/icon/register.js';
 declare global {
     interface HTMLElementTagNameMap {

package/password/register.js

@@ -1,2 +1,2 @@
-import{registerElementSafely as r}from"@cds/core/internal";import{CdsPassword as s}from"./password.element.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";r("cds-password",s);
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsPassword as o}from"./password.element.js";import"@cds/core/forms/register.js";import"@cds/core/button-action/register.js";import"@cds/core/icon/register.js";r("cds-password",o);
 //# sourceMappingURL=register.js.map

package/password/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/password/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPassword"],"mappings":"sLASAA,EAAsB,eAAgBC"}
+{"version":3,"file":"register.js","sources":["../../../src/password/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPassword"],"mappings":"kOAUAA,EAAsB,eAAgBC"}

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

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

package/radio/radio.element.scss.js

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

package/range/range.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var c=a`:host{--track-background:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--track-fill-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--track-height:var(--cds-alias-object-border-width-400, calc((4 / var(--cds-global-base, 20)) * 1rem));--track-width:50%;--thumb-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--thumb-width:calc(var(--cds-alias-object-border-width-400, calc((4 / var(--cds-global-base, 20)) * 1rem)) + calc(var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem))));--thumb-height:calc(var(--cds-alias-object-border-width-400, calc((4 / var(--cds-global-base, 20)) * 1rem)) + calc(var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem))));display:block;width:100%}.input-container{position:relative}::slotted(input){-webkit-appearance:none;width:100%;height:var(--track-height);margin:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)) 0 var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem)) 0;position:relative;padding:0!important;padding:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem)) 0;cursor:pointer}.input-track{position:absolute;top:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));left:0;width:var(--track-width);height:var(--track-height);background:var(--track-fill-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem)));pointer-events:none;z-index:999}:host([_disabled]){--track-background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--track-fill-background:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc));--thumb-background:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled]) .input,:host([_disabled]) ::slotted(input){cursor:not-allowed}.rtl .input-track{left:initial;right:0}.input-container{padding:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem)) 0 var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)) 0}`;export default c;
+import{css as a}from"lit";var r=a`:host{--track-background:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--track-fill-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--track-height:var(--cds-alias-object-border-width-400, 0.25rem);--track-width:50%;--thumb-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--thumb-width:calc(var(--cds-alias-object-border-width-400, 0.25rem) + calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-1, 0.0625rem)));--thumb-height:calc(var(--cds-alias-object-border-width-400, 0.25rem) + calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-1, 0.0625rem)));display:block;width:100%}.input-container{position:relative}::slotted(input){-webkit-appearance:none;width:100%;height:var(--track-height);margin:var(--cds-global-space-5,.5rem) 0 var(--cds-global-space-4,.375rem) 0;position:relative;padding:0!important;padding:var(--cds-global-space-4,.375rem) 0;cursor:pointer}.input-track{position:absolute;top:var(--cds-global-space-6,.75rem);left:0;width:var(--track-width);height:var(--track-height);background:var(--track-fill-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,.25rem));pointer-events:none;z-index:999}:host([_disabled]){--track-background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--track-fill-background:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc));--thumb-background:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled]) .input,:host([_disabled]) ::slotted(input){cursor:not-allowed}.rtl .input-track{left:initial;right:0}.input-container{padding:var(--cds-global-space-6,.75rem) 0 var(--cds-global-space-5,.5rem) 0}`;export default r;
 //# sourceMappingURL=range.element.scss.js.map

package/range/range.global.scss.js

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

package/search/register.d.ts

@@ -1,4 +1,5 @@
 import { CdsSearch } from './search.element.js';
+import '@cds/core/button-action/register.js';
 import '@cds/core/icon/register.js';
 import '@cds/core/forms/register.js';
 declare global {

package/search/register.js

@@ -1,2 +1,2 @@
-import{registerElementSafely as r}from"@cds/core/internal";import{CdsSearch as o}from"./search.element.js";import{ClarityIcons as s}from"@cds/core/icon/icon.service.js";import{searchIcon as c}from"@cds/core/icon/shapes/search.js";import"@cds/core/icon/register.js";import"@cds/core/forms/register.js";r("cds-search",o),s.addIcons(c);
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsSearch as o}from"./search.element.js";import{ClarityIcons as s}from"@cds/core/icon/icon.service.js";import{searchIcon as c}from"@cds/core/icon/shapes/search.js";import"@cds/core/button-action/register.js";import"@cds/core/icon/register.js";import"@cds/core/forms/register.js";r("cds-search",o),s.addIcons(c);
 //# sourceMappingURL=register.js.map

package/search/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/search/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsSearch","ClarityIcons","addIcons","searchIcon"],"mappings":"6SAWAA,EAAsB,aAAcC,GACpCC,EAAaC,SAASC"}
+{"version":3,"file":"register.js","sources":["../../../src/search/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsSearch","ClarityIcons","addIcons","searchIcon"],"mappings":"yVAYAA,EAAsB,aAAcC,GACpCC,EAAaC,SAASC"}

package/search/search.element.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{html as s}from"lit";import{globalStyle as r}from"@cds/core/internal";import{CdsControl as t}from"@cds/core/forms";import{inputStyles as e}from"@cds/core/input";import c from"./search.global.scss.js";import l from"./search.element.scss.js";class i extends t{constructor(){super(...arguments),this.globalStyles=c}get prefixDefaultTemplate(){return s`<cds-control-action readonly="readonly"><cds-icon class="icon" shape="search" size="18"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,e,l]}}o([r()],i.prototype,"globalStyles",void 0);export{i as CdsSearch};
+import{__decorate as t}from"tslib";import{html as r}from"lit";import{globalStyle as o}from"@cds/core/internal";import{CdsControl as s}from"@cds/core/forms";import{inputStyles as e}from"@cds/core/input";import l from"./search.global.scss.js";class c extends s{constructor(){super(...arguments),this.globalStyles=l}get prefixDefaultTemplate(){return r`<cds-button-action shape="search" readonly="readonly"></cds-button-action>`}static get styles(){return[...super.styles,e]}}t([o()],c.prototype,"globalStyles",void 0);export{c as CdsSearch};
 //# sourceMappingURL=search.element.js.map

package/search/search.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.element.js","sources":["../../../src/search/search.element.ts"],"sourcesContent":null,"names":["CdsSearch","CdsControl","[object Object]","super","arguments","this","globalStyles","prefixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"yRAwCO,MAAMA,UAAkBC,EAC3BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EAExBC,4BACI,OAAOC,CAAK,2HAIhBC,oBACI,MAAO,IAAIN,MAAMM,OAAQC,EAAaD,IAG9CE,EAAW,CACPC,KACDZ,EAAUa,UAAW,oBAAgB"}
+{"version":3,"file":"search.element.js","sources":["../../../src/search/search.element.ts"],"sourcesContent":null,"names":["CdsSearch","CdsControl","[object Object]","super","arguments","this","globalStyles","prefixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"iPAuCO,MAAMA,UAAkBC,EAC3BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EAExBC,4BACI,OAAOC,CAAK,6EAEhBC,oBACI,MAAO,IAAIN,MAAMM,OAAQC,IAGjCC,EAAW,CACPC,KACDZ,EAAUa,UAAW,oBAAgB"}

package/select/register.d.ts

@@ -1,6 +1,6 @@
 import { CdsSelect } from './select.element.js';
 import '@cds/core/forms/register.js';
-import '@cds/core/icon/register.js';
+import '@cds/core/button-expand/register.js';
 declare global {
     interface HTMLElementTagNameMap {
         'cds-select': CdsSelect;

package/select/register.js

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

package/select/register.js.map

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

package/select/select.element.js

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

package/select/select.element.js.map

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

package/select/select.element.scss.js

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

package/select/select.global.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`cds-select option{background:var(--cds-alias-object-container-background,var(--cds-global-color-white,#fff));color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b));padding:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));font-size:var(--cds-global-typography-font-size-3,calc((13 / var(--cds-global-base,20)) * 1rem))}cds-select input::-webkit-calendar-picker-indicator{display:none}`;export default o;
+import{css as o}from"lit";var a=o`cds-select option{background:var(--cds-alias-object-container-background,var(--cds-global-color-white,#fff));color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b));padding:var(--cds-global-space-4,.375rem);font-size:var(--cds-global-typography-font-size-3,.8125rem)}cds-select input::-webkit-calendar-picker-indicator{display:none}`;export default a;
 //# sourceMappingURL=select.global.scss.js.map