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

package/navigation/navigation-group.element.scss.js

@@ -1,6 +1,2 @@
-import{css as o}from"lit";var i=o`/*!
- * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:inherit}.navigation-group-items{height:0;overflow-y:hidden}:host([cds-motion=off]) .navigation-group-items{height:0}:host([cds-motion=off][expanded]) .navigation-group-items{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:auto!important;-webkit-transform:none;transform:none}.group-items-container,.group-items-wrapper{width:100%}`;export default i;
+import{css as o}from"lit";var i=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:inherit}.navigation-group-items{height:0;overflow-y:hidden}:host([cds-motion=off]) .navigation-group-items{height:0}:host([cds-motion=off][expanded]) .navigation-group-items{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:auto!important;-webkit-transform:none;transform:none}.group-items-container,.group-items-wrapper{width:100%}`;export default i;
 //# sourceMappingURL=navigation-group.element.scss.js.map

package/navigation/navigation-group.element.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-group.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":";;;;"}
+{"version":3,"file":"navigation-group.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/navigation/navigation-item.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,createId as s,spanWrapper as r,baseStyles as d,i18n as n,property as p,state as a,querySlot as l,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{manageScreenReaderElements as u,NAVIGATION_TEXT_WRAPPER as m}from"./utils/utils.js";const v="cds-navigation-item";class y extends e{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.active=!1,this.disabled=!1,this.expanded=!1,this.expandedGroup=!0,this.hasFocus=!1,this.role="listitem"}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){super.firstUpdated(t),this.handleItemAnchorText(),u(this,this.expanded)}handleItemAnchorText(){var t;const e=this.querySelector("a");e&&(r(e.childNodes),null===(t=null==e?void 0:e.querySelector("span"))||void 0===t||t.setAttribute(m,""))}render(){return o`<div class="private-host ${this.groupItem?"group-item":""}" cds-layout="horizontal align:horizontal-stretch wrap:none gap:md"><slot @slotchange="${this.handleItemAnchorText}"></slot></div>`}static get styles(){return[d,h]}updated(t){super.updated(t),u(this,this.expanded)}}t([n()],y.prototype,"i18n",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([a({type:Boolean})],y.prototype,"expanded",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"expandedGroup",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"groupItem",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([l("a")],y.prototype,"focusElement",void 0),t([l("cds-icon",{assign:"cds-icon-slot"})],y.prototype,"itemIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationItem,v as CdsNavigationItemTagName};
+import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,createId as s,spanWrapper as r,baseStyles as n,i18n as d,property as p,state as a,querySlot as l,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{manageScreenReaderElements as u,NAVIGATION_TEXT_WRAPPER as m}from"./utils/utils.js";const v="cds-navigation-item";class y extends e{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.active=!1,this.disabled=!1,this.expanded=!1,this.expandedGroup=!0,this.hasFocus=!1,this.role="listitem"}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){super.firstUpdated(t),this.handleItemAnchorText(),u(this,this.expanded)}handleItemAnchorText(){var t;const e=this.querySelector("a");e&&(r(e.childNodes),null===(t=null==e?void 0:e.querySelector("span"))||void 0===t||t.setAttribute(m,""))}render(){return o`<div class="private-host ${this.groupItem?"group-item":""}" cds-layout="horizontal align:horizontal-stretch wrap:none gap:sm"><slot @slotchange="${this.handleItemAnchorText}"></slot></div>`}static get styles(){return[n,h]}updated(t){super.updated(t),u(this,this.expanded)}}t([d()],y.prototype,"i18n",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([a({type:Boolean})],y.prototype,"expanded",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"expandedGroup",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"groupItem",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([l("a")],y.prototype,"focusElement",void 0),t([l("cds-icon",{assign:"cds-icon-slot"})],y.prototype,"itemIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationItem,v as CdsNavigationItemTagName};
 //# sourceMappingURL=navigation-item.element.js.map

package/navigation/navigation-item.element.scss.js

@@ -1,6 +1,2 @@
-import{css as o}from"lit";var a=o`/*!
- * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--line-height:var(--cds-alias-object-interaction-touch-target, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem));--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem))}.private-host{min-height:var(--line-height);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--line-height);width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:var(--color);background:var(--background);border:0;cursor:var(--cursor);padding:var(--padding)}:host(:hover),:host([_has-focus]){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:hover){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2)}@media (-webkit-min-device-pixel-ratio:0){:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([_active]:not([_expanded])),:host([active]){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([_active]:not([_expanded])) .private-host,:host([active]) .private-host{-webkit-box-shadow:inset var(--cds-alias-object-border-width-300,calc((3 / var(--cds-global-base,20)) * 1rem)) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad));box-shadow:inset var(--cds-alias-object-border-width-300,calc((3 / var(--cds-global-base,20)) * 1rem)) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host(:active),:host(:active:focus){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}:host([selected]){--color:var(--cds-alias-object-interaction-color-selected, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]),:host([disabled]:hover){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white));--cursor:not-allowed}::slotted([role=button]),::slotted(a),::slotted(button),button{line-height:var(--line-height);min-height:var(--line-height);cursor:var(--cursor);text-decoration:none!important;padding:0;outline:0;background:0 0;border:0;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}`;export default a;
+import{css as o}from"lit";var t=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--line-height:var(--cds-alias-object-interaction-touch-target, 2.25rem);--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, 0.5rem);--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, 0.5rem) 0 var(--cds-global-space-7, 1rem)}.private-host{min-height:var(--line-height);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--line-height);width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:var(--color);background:var(--background);border:0;cursor:var(--cursor);padding:var(--padding)}:host(:hover),:host([_has-focus]){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:hover){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2)}@media (-webkit-min-device-pixel-ratio:0){:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([_active]:not([_expanded])),:host([active]){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([_active]:not([_expanded])) .private-host,:host([active]) .private-host{-webkit-box-shadow:inset var(--cds-alias-object-border-width-300,.1875rem) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad));box-shadow:inset var(--cds-alias-object-border-width-300,.1875rem) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host(:active),:host(:active:focus){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}:host([selected]){--color:var(--cds-alias-object-interaction-color-selected, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]),:host([disabled]:hover){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white));--cursor:not-allowed}::slotted([role=button]),::slotted(a),::slotted(button),button{line-height:var(--line-height);min-height:var(--line-height);cursor:var(--cursor);text-decoration:none!important;padding:0;outline:0;background:0 0;border:0;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--cds-global-space-6,.75rem)}`;export default t;
 //# sourceMappingURL=navigation-item.element.scss.js.map

package/navigation/navigation-item.element.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-item.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":";;;;"}
+{"version":3,"file":"navigation-item.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/navigation/navigation-start.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{I18nService as i,createId as s,spanWrapper as n,baseStyles as a,i18n as r,property as d,state as l,querySlot as p,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{NAVIGATION_TEXT_WRAPPER as u,getToggleIconDirection as g,manageScreenReaderElements as v}from"./utils/utils.js";const y="cds-navigation-start";class x extends o{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.expandedRoot=!1,this.hasFocus=!1,this.isGroupStart=!1,this.role="listitem",this.active=!1,this.expanded=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){var o;super.firstUpdated(t);const e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("button");e&&(this.focusElement=e),this.handleStartButtonText()}handleStartButtonText(){var t;n(this.childNodes),null===(t=this.querySelector("span"))||void 0===t||t.setAttribute(u,"")}renderRootStart(){return e`<slot @slotchange="${this.handleStartButtonText}"></slot><button aria-pressed="${this.expandedRoot}" aria-label="${this.expandedRoot?this.i18n.navigationUnabridgedText:this.i18n.navigationAbridgedText}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal align:vertical-center"><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}renderGroupStart(){return e`<button aria-expanded="${this.expanded}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal wrap:none align:vertical-center gap:md"><slot @slotchange="${this.handleStartButtonText}"></slot><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}render(){return e`<div class="private-host" cds-layout="horizontal align:vertical-center align:horizontal-stretch">${this.isGroupStart?this.renderGroupStart():this.renderRootStart()}</div>`}static get styles(){return[a,h]}get toggleIconDirection(){return g(this)}updated(t){super.updated(t),v(this,this.expandedRoot)}}t([r()],x.prototype,"i18n",void 0),t([d({type:Boolean})],x.prototype,"expandedRoot",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"hasFocus",void 0),t([d({type:Boolean,reflect:!0})],x.prototype,"isGroupStart",void 0),t([d({type:String,reflect:!0})],x.prototype,"role",void 0),t([d({type:String})],x.prototype,"navigationGroupId",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"expanded",void 0),t([p("[cds-navigation-start-icon]",{assign:"cds-icon-slot"})],x.prototype,"startIcon",void 0),t([c("[cds-navigation-sr-text]")],x.prototype,"itemText",void 0);export{x as CdsNavigationStart,y as CdsNavigationStartTagName};
+import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{I18nService as i,createId as s,spanWrapper as n,baseStyles as a,i18n as r,property as d,state as l,querySlot as p,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{NAVIGATION_TEXT_WRAPPER as u,getToggleIconDirection as g,manageScreenReaderElements as v}from"./utils/utils.js";const y="cds-navigation-start";class x extends o{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.expandedRoot=!1,this.hasFocus=!1,this.isGroupStart=!1,this.role="listitem",this.active=!1,this.expanded=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){var o;super.firstUpdated(t);const e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("button");e&&(this.focusElement=e),this.handleStartButtonText()}handleStartButtonText(){var t;n(this.childNodes),null===(t=this.querySelector("span"))||void 0===t||t.setAttribute(u,"")}renderRootStart(){return e`<slot @slotchange="${this.handleStartButtonText}"></slot><button aria-pressed="${this.expandedRoot}" aria-label="${this.expandedRoot?this.i18n.navigationUnabridgedText:this.i18n.navigationAbridgedText}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal align:vertical-center"><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}renderGroupStart(){return e`<button aria-expanded="${this.expanded}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal wrap:none align:vertical-center gap:sm"><slot @slotchange="${this.handleStartButtonText}"></slot><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}render(){return e`<div class="private-host" cds-layout="horizontal align:vertical-center align:horizontal-stretch">${this.isGroupStart?this.renderGroupStart():this.renderRootStart()}</div>`}static get styles(){return[a,h]}get toggleIconDirection(){return g(this)}updated(t){super.updated(t),v(this,this.expandedRoot)}}t([r()],x.prototype,"i18n",void 0),t([d({type:Boolean})],x.prototype,"expandedRoot",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"hasFocus",void 0),t([d({type:Boolean,reflect:!0})],x.prototype,"isGroupStart",void 0),t([d({type:String,reflect:!0})],x.prototype,"role",void 0),t([d({type:String})],x.prototype,"navigationGroupId",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"expanded",void 0),t([p("[cds-navigation-start-icon]",{assign:"cds-icon-slot"})],x.prototype,"startIcon",void 0),t([c("[cds-navigation-sr-text]")],x.prototype,"itemText",void 0);export{x as CdsNavigationStart,y as CdsNavigationStartTagName};
 //# sourceMappingURL=navigation-start.element.js.map

package/navigation/navigation.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 { FocusableElement } from './utils/utils.js';
 import { CdsNavigationGroup } from './navigation-group.element.js';
 import { CdsNavigationStart } from './navigation-start.element.js';
@@ -36,7 +36,7 @@ export declare const CdsNavigationTagName = "cds-navigation";
  * @slot cds-navigation-substart - project content below the navigation toggle button
  * @slot cds-navigation-end - project content below the scrollable section
  */
-export declare class CdsNavigation extends LitElement implements Animatable {
+export declare class CdsNavigation extends LitElement {
     expandedRoot: boolean;
     cdsMotion: string;
     protected expandedChange: EventEmitter<boolean>;

package/navigation/navigation.element.scss.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cds/core",
-  "version": "6.0.0-next.1",
+  "version": "6.0.0-next.2",
   "license": "MIT",
   "author": "clarity",
   "description": "Clarity Design System Web Components",
@@ -41,6 +41,11 @@
     "./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",
@@ -84,6 +89,11 @@
     "./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",
@@ -129,6 +139,16 @@
     "./badge/register": "./badge/register.js",
     "./breadcrumb/register.js": "./breadcrumb/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",
     "./button/register": "./button/register.js",
     "./card/register.js": "./card/register.js",
@@ -197,6 +217,8 @@
     "./tree-view/register": "./tree-view/register.js",
     "./global.css": "./global.css",
     "./global.min.css": "./global.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",

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`@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--ring-opacity:1;--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--fill-speed:var(--cds-global-animation-duration-secondary, 0.3s);font-family:inherit;font-size:inherit;color:inherit;display:block;cursor:inherit}.private-host,svg{height:100%;width:100%}svg{display:block}.private-host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.private-host .backstroke{stroke:var(--ring-color);opacity:var(--ring-opacity)}.private-host .arcstroke{stroke:var(--fill-color);-webkit-transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79));transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79))}:host,:host([size=sm]){height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}:host([size=md]){height:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem))}:host([size=lg]){height:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem))}:host([size=xl]){height:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem))}:host([size=xxl]){height:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)));width:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))}:host([value="0"]) .fillstroke,:host([value="100"]) .fillstroke{display:none}:host(:not([value])) .progress-wrapper{-webkit-animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite;animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite}:host([status=info]){--ring-color:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--fill-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--ring-color:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--fill-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--ring-color:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--fill-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--ring-color:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--fill-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=alt]){--ring-color:var(--cds-alias-status-alt-tint, var(--cds-global-color-violet-600, #9b32c8));--fill-color:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5))}:host([inverse]){--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}`;export default s;
+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 o=a`:host{--width:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--fill-box-shadow:none}.input,.input::after{width:var(--width);height:var(--height);border-radius:var(--cds-alias-object-border-radius-300,50%);content:""}.input{min-width:var(--width);border:var(--border);-webkit-box-shadow:var(--fill-box-shadow);box-shadow:var(--fill-box-shadow);display:inline-block;cursor:pointer}.input::after{position:absolute;top:0;left:0}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border:0!important}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:0!important}`;export default o;
+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;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:flex}cds-range input[type=range]::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,calc((12 / var(--cds-global-base,20)) * 1rem));background:var(--thumb-background);-webkit-appearance:none;align-self:center;margin-top:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))*-1)}cds-range input[type=range]:focus::-webkit-slider-runnable-track{background:var(--track-background)}cds-range input[type=range]::-moz-range-track{width:100%;height:var(--track-height);box-shadow:0;background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem)));border:0}cds-range input[type=range]::-moz-range-thumb{box-shadow:0;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,calc((12 / var(--cds-global-base,20)) * 1rem));background:var(--thumb-background)}`;export default a;
+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

package/selection-panels/checkbox/checkbox-panel.element.d.ts

@@ -1,27 +1,24 @@
 import { CdsCheckbox } from '@cds/core/checkbox';
 import { SelectionPanelSizes } from '../shared/selection-panel.interfaces.js';
 /**
- * Checkbox
+ * Checkbox Panel
  *
  * ```typescript
- * import '@cds/core/checkbox/register.js';
+ * import '@cds/core/selection-panels/checkbox/register.js';
  * ```
  *
  * ```html
- * <cds-checkbox>
- *   <label>
- *     <div cds-layout="vertical align:center">
- *       <span cds-text="section">VM One</span>
- *       <cds-icon shape="vm" badge="info"></cds-icon>
- *       <p>Machines for orchestration and automation.</p>
- *     </div>
+ * <cds-checkbox-panel>
+ *   <label cds-layout="vertical gap:md align:center">
+ *     <span cds-text="section">VM One</span>
+ *     <span cds-text="subsection center">Orchestrate & Automate</p>
  *   </label>
- *   <input type="checkbox" />
- *   <cds-control-message>message text</cds-control-message>
- * </cds-checkbox>
+ *   <input type="radio" value="0" />
+ * </cds-checkbox-panel>
  * ```
  *
- * @element cds-checkbox
+ * @beta
+ * @element cds-checkbox-panel
  * @slot - For projecting checkbox and it's complex label
  * @cssprop --width
  * @cssprop --height

package/selection-panels/checkbox/checkbox-panel.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-panel.element.js","sources":["../../../../src/selection-panels/checkbox/checkbox-panel.element.ts"],"sourcesContent":null,"names":["CdsCheckboxPanel","CdsCheckbox","[object Object]","super","arguments","this","size","internalLabelTemplate","html","associateInputAndLabel","styles","__decorate","property","type","String","prototype"],"mappings":"sNAsCO,MAAMA,UAAyBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,4BACI,OAAOC,CAAK,mCAAkC,IAAMH,KAAKI,oCAE7DC,oBACI,MAAO,IAAIP,MAAMO,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAiBe,UAAW,YAAQ"}
+{"version":3,"file":"checkbox-panel.element.js","sources":["../../../../src/selection-panels/checkbox/checkbox-panel.element.ts"],"sourcesContent":null,"names":["CdsCheckboxPanel","CdsCheckbox","[object Object]","super","arguments","this","size","internalLabelTemplate","html","associateInputAndLabel","styles","__decorate","property","type","String","prototype"],"mappings":"sNAmCO,MAAMA,UAAyBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,4BACI,OAAOC,CAAK,mCAAkC,IAAMH,KAAKI,oCAE7DC,oBACI,MAAO,IAAIP,MAAMO,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAiBe,UAAW,YAAQ"}

package/selection-panels/radio/radio-panel.element.d.ts

@@ -1,28 +1,33 @@
 import { CdsRadio } from '@cds/core/radio';
 import { SelectionPanelSizes } from '../shared/selection-panel.interfaces.js';
 /**
- * Checkbox
+ * Radio Panel
  *
  * ```typescript
- * import '@cds/core/checkbox/register.js';
+ * import '@cds/core/selection-panels/radio/register.js';
  * ```
  *
  * ```html
- * <cds-radio>
- *   <label>
- *     <div cds-layout="vertical align:center">
+ * <cds-radio-group>
+ *   <cds-radio-panel>
+ *     <label cds-layout="vertical gap:md align:center">
  *       <span cds-text="section">VM One</span>
- *       <cds-icon shape="vm" badge="info"></cds-icon>
- *       <p>Machines for orchestration and automation.</p>
- *     </div>
- *   </label>
- *   <input type="radio" />
- *   <cds-control-message>message text</cds-control-message>
- * </cds-radio>
+ *       <span cds-text="subsection center">Orchestrate & Automate</p>
+ *     </label>
+ *     <input type="radio" value="0" />
+ *   </cds-radio-panel>
+ *   <cds-radio-panel>
+ *     <label cds-layout="vertical gap:md align:center">
+ *       <span cds-text="section">VM One</span>
+ *       <span cds-text="subsection center">Orchestrate & Automate</p>
+ *     </label>
+ *     <input type="radio" value="1" />
+ *   </cds-radio-panel>
+ * </cds-radio-group>
  * ```
- *
- * @element cds-radio
- * @slot - For projecting checkbox and it's complex label
+ * @beta
+ * @element cds-radio-panel
+ * @slot - For projecting radio and it's complex label
  * @cssprop --width
  * @cssprop --height
  * @cssprop --border

package/selection-panels/radio/radio-panel.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-panel.element.js","sources":["../../../../src/selection-panels/radio/radio-panel.element.ts"],"sourcesContent":null,"names":["CdsRadioPanel","CdsRadio","[object Object]","super","arguments","this","size","styles","internalLabelTemplate","html","associateInputAndLabel","__decorate","property","type","String","prototype"],"mappings":"gNAsCO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,4BACI,OAAOC,CAAK,mCAAkC,IAAMJ,KAAKK,qCAGjEC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAce,UAAW,YAAQ"}
+{"version":3,"file":"radio-panel.element.js","sources":["../../../../src/selection-panels/radio/radio-panel.element.ts"],"sourcesContent":null,"names":["CdsRadioPanel","CdsRadio","[object Object]","super","arguments","this","size","styles","internalLabelTemplate","html","associateInputAndLabel","__decorate","property","type","String","prototype"],"mappings":"gNA2CO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,4BACI,OAAOC,CAAK,mCAAkC,IAAMJ,KAAKK,qCAGjEC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAce,UAAW,YAAQ"}