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

package/button-expand/button-expand.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{html as i}from"lit";import{property as e}from"@cds/core/internal";import{CdsButtonAction as s}from"@cds/core/button-action";import r from"./button-expand.element.scss.js";class o extends s{constructor(){super(),this.action="vertical",this.pressed=!1}static get styles(){return[super.styles,r]}get iconDirection(){return"vertical"===this.action?this.pressed?"down":"right":"horizontal"===this.action?this.pressed?"left":"right":null}get iconShape(){return"detail"===this.action?this.pressed?"detail-collapse":"detail-expand":"angle"}render(){return i`<div class="private-host"><slot><cds-icon .shape="${this.iconShape}" .direction="${this.iconDirection}"></cds-icon></slot></div>`}firstUpdated(t){var i;super.firstUpdated(t),this.readonly||(this.ariaLabel=(null===(i=this.ariaLabel)||void 0===i?void 0:i.length)?this.ariaLabel:this.i18n.expand)}}t([e({type:String})],o.prototype,"action",void 0);export{o as CdsButtonExpand};
+//# sourceMappingURL=button-expand.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-expand.element.js","sources":["../../../src/button-expand/button-expand.element.ts"],"sourcesContent":null,"names":["CdsButtonExpand","CdsButtonAction","[object Object]","super","this","action","pressed","styles","iconDirection","iconShape","html","props","_a","firstUpdated","readonly","ariaLabel","length","i18n","expand","__decorate","property","type","String","prototype"],"mappings":"qNAwBO,MAAMA,UAAwBC,EACjCC,cACIC,QACAC,KAAKC,OAAS,WACdD,KAAKE,SAAU,EAEnBC,oBACI,MAAO,CAACJ,MAAMI,OAAQA,GAE1BC,oBACI,MAAoB,aAAhBJ,KAAKC,OACED,KAAKE,QAAU,OAAS,QAEV,eAAhBF,KAAKC,OACHD,KAAKE,QAAU,OAAS,QAGxB,KAGfG,gBACI,MAAoB,WAAhBL,KAAKC,OACED,KAAKE,QAAU,kBAAoB,gBAGnC,QAGfJ,SACI,OAAOQ,CAAK,qDAEaN,KAAKK,0BAAwBL,KAAKI,0CAI/DN,aAAaS,GACT,IAAIC,EACJT,MAAMU,aAAaF,GACdP,KAAKU,WACNV,KAAKW,WAAuC,QAAzBH,EAAKR,KAAKW,iBAA8B,IAAPH,OAAgB,EAASA,EAAGI,QAAUZ,KAAKW,UAAYX,KAAKa,KAAKC,SAIjIC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtB,EAAgBuB,UAAW,cAAU"}

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

@@ -0,0 +1,2 @@
+import{css as a}from"lit";var i=a`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([action=vertical]) cds-icon{-webkit-transition:-webkit-transform var(--animation-duration);transition:transform var(--animation-duration);transition:transform var(--animation-duration),-webkit-transform var(--animation-duration)}cds-icon[shape=detail-collapse],cds-icon[shape=detail-expand]{width:var(--cds-global-space-8,1.125rem);height:var(--cds-global-space-8,1.125rem)}`;export default i;
+//# sourceMappingURL=button-expand.element.scss.js.map

package/button-expand/button-expand.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-expand.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/button-expand/index.d.ts

@@ -0,0 +1 @@
+export * from './button-expand.element.js';

package/button-expand/index.js

@@ -0,0 +1,2 @@
+export{CdsButtonExpand}from"./button-expand.element.js";
+//# sourceMappingURL=index.js.map

package/button-expand/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/button-expand/register.d.ts

@@ -0,0 +1,7 @@
+import { CdsButtonExpand } from './button-expand.element.js';
+import '@cds/core/icon/register.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-button-expand': CdsButtonExpand;
+    }
+}

package/button-expand/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as e}from"@cds/core/icon/icon.service.js";import{angleIcon as r}from"@cds/core/icon/shapes/angle.js";import{detailExpandIcon as s}from"@cds/core/icon/shapes/detail-expand.js";import{detailCollapseIcon as c}from"@cds/core/icon/shapes/detail-collapse.js";import{CdsButtonExpand as i}from"./button-expand.element.js";import"@cds/core/icon/register.js";e.addIcons(r,s,c),o("cds-button-expand",i);
+//# sourceMappingURL=register.js.map

package/button-expand/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/button-expand/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","angleIcon","detailExpandIcon","detailCollapseIcon","registerElementSafely","CdsButtonExpand"],"mappings":"4aAYAA,EAAaC,SAASC,EAAWC,EAAkBC,GACnDC,EAAsB,oBAAqBC"}

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

@@ -0,0 +1,19 @@
+import { CdsButtonAction } from '@cds/core/button-action';
+/**
+ * Action Handle Button
+ *
+ * ```typescript
+ * import '@cds/core/button-handle/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-button-handle></cds-button-handle>
+ * ```
+ * @beta
+ * @element cds-button-handle
+ * @slot - For projecting text content or cds-icon
+ */
+export declare class CdsButtonHandle extends CdsButtonAction {
+    static get styles(): import("lit").CSSResultGroup[];
+    connectedCallback(): void;
+}

package/button-handle/button-handle.element.js

@@ -0,0 +1,2 @@
+import{onKey as e}from"@cds/core/internal";import{CdsButtonAction as s}from"@cds/core/button-action";import t from"./button-handle.element.scss.js";class r extends s{static get styles(){return[super.styles,t]}connectedCallback(){super.connectedCallback(),this.pressed=!1,this.setAttribute("cds-draggable","handle"),this.shape||(this.shape="drag-handle"),this.addEventListener("keydown",(s=>{e("space",s,(()=>this.pressed=!this.pressed))}))}}export{r as CdsButtonHandle};
+//# sourceMappingURL=button-handle.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-handle.element.js","sources":["../../../src/button-handle/button-handle.element.ts"],"sourcesContent":null,"names":["CdsButtonHandle","CdsButtonAction","styles","super","[object Object]","connectedCallback","this","pressed","setAttribute","shape","addEventListener","event","onKey"],"mappings":"oJAsBO,MAAMA,UAAwBC,EACjCC,oBACI,MAAO,CAACC,MAAMD,OAAQA,GAE1BE,oBACID,MAAME,oBACNC,KAAKC,SAAU,EACfD,KAAKE,aAAa,gBAAiB,UAC9BF,KAAKG,QACNH,KAAKG,MAAQ,eAEjBH,KAAKI,iBAAiB,WAAYC,IAC9BC,EAAM,QAASD,GAAO,IAAOL,KAAKC,SAAWD,KAAKC"}

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

@@ -0,0 +1,2 @@
+import{css as e}from"lit";var t=e`:host{-webkit-user-drag:element!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;--cursor:move!important}:host([aria-pressed=true]){--color:var(--cds-alias-object-interaction-background-highlight)}cds-icon[shape=drag-handle]{--icon-width:var(--cds-global-space-10, 2rem);--icon-height:var(--cds-global-space-10, 2rem)}`;export default t;
+//# sourceMappingURL=button-handle.element.scss.js.map

package/button-handle/button-handle.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-handle.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/button-handle/index.d.ts

@@ -0,0 +1 @@
+export * from './button-handle.element.js';

package/button-handle/index.js

@@ -0,0 +1,2 @@
+export{CdsButtonHandle}from"./button-handle.element.js";import"@cds/core/internal";import"@cds/core/button-action";
+//# sourceMappingURL=index.js.map

package/button-handle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/button-handle/register.d.ts

@@ -0,0 +1,7 @@
+import { CdsButtonHandle } from './button-handle.element.js';
+import '@cds/core/icon/register.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-button-handle': CdsButtonHandle;
+    }
+}

package/button-handle/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as r}from"@cds/core/icon/icon.service.js";import{dragHandleIcon as e}from"@cds/core/icon/shapes/drag-handle.js";import{CdsButtonHandle as c}from"./button-handle.element.js";import"@cds/core/icon/register.js";r.addIcons(e),o("cds-button-handle",c);
+//# sourceMappingURL=register.js.map

package/button-handle/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/button-handle/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","dragHandleIcon","registerElementSafely","CdsButtonHandle"],"mappings":"+RAUAA,EAAaC,SAASC,GACtBC,EAAsB,oBAAqBC"}

package/{button/inline-button.element.d.ts → button-inline/button-inline.element.d.ts}

@@ -8,10 +8,10 @@ import { CdsBaseButton } from '@cds/core/internal';
  * ```
  *
  * ```html
- * <cds-inline-button>Button text goes here</cds-inline-button>
+ * <cds-button-inline>Button text goes here</cds-button-inline>
  * ```
  *
- * @element cds-inline-button
+ * @element cds-button-inline
  * @slot - Content slot for inside the button
  * @cssprop --text-decoration
  * @cssprop --color
@@ -19,8 +19,15 @@ import { CdsBaseButton } from '@cds/core/internal';
  * @cssprop --line-height
  * @cssprop --letter-spacing
  */
-export declare class CdsInlineButton extends CdsBaseButton {
+export declare class CdsButtonInline extends CdsBaseButton {
+    protected icon: HTMLElement;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     static get styles(): import("lit").CSSResultGroup[];
 }
+/**
+ * @deprecated
+ * renamed to `cds-button-inline` in 6.0 to align to rest of the `cds-button-*` APIs
+ */
+export declare class CdsInlineButton extends CdsButtonInline {
+}

package/button-inline/button-inline.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{CdsBaseButton as s,addClassnames as e,baseStyles as o,querySlot as n}from"@cds/core/internal";import{html as r}from"lit";import c from"./button-inline.element.scss.js";class i extends s{connectedCallback(){super.connectedCallback(),this.icon&&e(this.icon,"anchored-icon")}render(){return r`<span class="private-host"><slot></slot></span>`}static get styles(){return[o,c]}}t([n("cds-icon")],i.prototype,"icon",void 0);class l extends i{}export{i as CdsButtonInline,l as CdsInlineButton};
+//# sourceMappingURL=button-inline.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-inline.element.js","sources":["../../../src/button-inline/button-inline.element.ts"],"sourcesContent":null,"names":["CdsButtonInline","CdsBaseButton","[object Object]","super","connectedCallback","this","icon","addClassnames","html","styles","baseStyles","__decorate","querySlot","prototype","CdsInlineButton"],"mappings":"kNA6BO,MAAMA,UAAwBC,EACjCC,oBACIC,MAAMC,oBAGFC,KAAKC,MACLC,EAAcF,KAAKC,KAAM,iBAGjCJ,SACI,OAAOM,CAAK,kDAEhBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAU,aACXZ,EAAgBa,UAAW,YAAQ,GAK/B,MAAMC,UAAwBd"}

package/{button/inline-button.element.scss.js → button-inline/button-inline.element.scss.js}

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var o=t`:host{--text-decoration:underline;--color:var(--cds-global-typography-link-color, var(--cds-global-color-blue-800, #00608a));--font-size:inherit;--line-height:inherit;--letter-spacing:inherit;display:inline;line-height:inherit;font-size:inherit}.private-host{color:var(--color)!important;line-height:var(--line-height)!important;font-size:var(--font-size)!important;letter-spacing:var(--letter-spacing)!important;-webkit-text-decoration:var(--text-decoration)!important;text-decoration:var(--text-decoration)!important;cursor:pointer!important}.private-host,slot{display:inline}::slotted(cds-icon){--color:inherit;height:1em;width:1em;margin-top:calc(-1*var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));font-size:var(--font-size)}::slotted(cds-icon:first-child){margin-right:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon:last-child){margin-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}:host([disabled]) .private-host{cursor:not-allowed!important}:host(:active),:host(:hover){--color:var(--cds-global-typography-link-color-hover, var(--cds-global-color-blue-900, #004b6b));--text-decoration:underline}`;export default o;
-//# sourceMappingURL=inline-button.element.scss.js.map
+import{css as t}from"lit";var o=t`:host{--text-decoration:underline;--color:var(--cds-global-typography-link-color, var(--cds-global-color-blue-800, #00608a));--font-size:inherit;--line-height:inherit;--letter-spacing:inherit;display:inline;line-height:inherit;font-size:inherit}.private-host{color:var(--color)!important;line-height:var(--line-height)!important;font-size:var(--font-size)!important;letter-spacing:var(--letter-spacing)!important;-webkit-text-decoration:var(--text-decoration)!important;text-decoration:var(--text-decoration)!important;cursor:pointer!important}.private-host,slot{display:inline}::slotted(cds-icon){--color:inherit;height:1em;width:1em;margin-top:calc(-1*var(--cds-global-space-1,.0625rem));font-size:var(--font-size)}::slotted(cds-icon:first-child){margin-right:var(--cds-global-space-2,.125rem)}::slotted(cds-icon:last-child){margin-left:var(--cds-global-space-2,.125rem)}:host([disabled]) .private-host{cursor:not-allowed!important}:host(:active),:host(:hover){--color:var(--cds-global-typography-link-color-hover, var(--cds-global-color-blue-900, #004b6b));--text-decoration:underline}`;export default o;
+//# sourceMappingURL=button-inline.element.scss.js.map

package/button-inline/button-inline.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-inline.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/button-inline/index.d.ts

@@ -0,0 +1 @@
+export * from './button-inline.element.js';

package/button-inline/index.js

@@ -0,0 +1,2 @@
+export{CdsButtonInline,CdsInlineButton}from"./button-inline.element.js";
+//# sourceMappingURL=index.js.map

package/button-inline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/button-inline/register.d.ts

@@ -0,0 +1,11 @@
+import { CdsButtonInline, CdsInlineButton } from './button-inline.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-button-inline': CdsButtonInline;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-inline-button': CdsInlineButton;
+    }
+}

package/button-inline/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as n}from"@cds/core/internal";import{CdsButtonInline as t,CdsInlineButton as i}from"./button-inline.element.js";n("cds-button-inline",t),n("cds-inline-button",i);
+//# sourceMappingURL=register.js.map

package/button-inline/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/button-inline/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsButtonInline","CdsInlineButton"],"mappings":"6IAOAA,EAAsB,oBAAqBC,GAE3CD,EAAsB,oBAAqBE"}

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

@@ -0,0 +1,23 @@
+import { EventEmitter } from '@cds/core/internal';
+import { CdsButtonAction } from '@cds/core/button-action';
+export declare type ButtonSort = 'none' | 'ascending' | 'descending';
+/**
+ * Action Button
+ *
+ * ```typescript
+ * import '@cds/core/button-sort/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-button-sort></cds-button-sort>
+ * ```
+ * @beta
+ * @element cds-button-sort
+ */
+export declare class CdsButtonSort extends CdsButtonAction {
+    sort: ButtonSort;
+    sortChange: EventEmitter<ButtonSort>;
+    static get styles(): import("lit").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+}

package/button-sort/button-sort.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as s,event as o}from"@cds/core/internal";import{CdsButtonAction as r}from"@cds/core/button-action";import{sortOrder as i}from"./utils.js";import n from"./button-sort.element.scss.js";class c extends r{constructor(){super(...arguments),this.sort="none"}static get styles(){return[super.styles,n]}render(){return e`<div class="private-host"><div cds-layout="vertical align:center"><slot><cds-icon shape="angle" direction="up" inner-offset="2" size="12"></cds-icon><cds-icon shape="angle" direction="down" inner-offset="2" size="12"></cds-icon></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",(()=>this.sortChange.emit(i(this.sort),{bubbles:!0}))),this.ariaLabel||(this.ariaLabel=this.i18n.sort)}}t([s({type:String,reflect:!0})],c.prototype,"sort",void 0),t([o()],c.prototype,"sortChange",void 0);export{c as CdsButtonSort};
+//# sourceMappingURL=button-sort.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-sort.element.js","sources":["../../../src/button-sort/button-sort.element.ts"],"sourcesContent":null,"names":["CdsButtonSort","CdsButtonAction","[object Object]","super","arguments","this","sort","styles","html","connectedCallback","addEventListener","sortChange","emit","sortOrder","bubbles","ariaLabel","i18n","__decorate","property","type","String","reflect","prototype","event"],"mappings":"qQAwBO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,KAAO,OAEhBC,oBACI,MAAO,CAACJ,MAAMI,OAAQA,GAE1BL,SACI,OAAOM,CAAK,0PAWhBN,oBACIC,MAAMM,oBACNJ,KAAKK,iBAAiB,SAAS,IAAML,KAAKM,WAAWC,KAAKC,EAAUR,KAAKC,MAAO,CAAEQ,SAAS,MACtFT,KAAKU,YACNV,KAAKU,UAAYV,KAAKW,KAAKV,OAIvCW,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KACnCrB,EAAcsB,UAAW,YAAQ,GACpCL,EAAW,CACPM,KACDvB,EAAcsB,UAAW,kBAAc"}

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

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var c=o`:host{line-height:0}.private-host{height:var(--cds-global-space-9,1.5rem)}[direction=down],[direction=up]{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([sort=ascending]) [direction=up],:host([sort=descending]) [direction=down]{--color:var(--cds-alias-object-interaction-background-highlight, var(--cds-global-color-blue-700, #0079ad))}:host([sort=ascending]) [direction=down],:host([sort=descending]) [direction=up]{--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default c;
+//# sourceMappingURL=button-sort.element.scss.js.map

package/button-sort/button-sort.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-sort.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/button-sort/index.d.ts

@@ -0,0 +1 @@
+export * from './button-sort.element.js';

package/button-sort/index.js

@@ -0,0 +1,2 @@
+export{CdsButtonSort}from"./button-sort.element.js";
+//# sourceMappingURL=index.js.map

package/button-sort/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/button-sort/register.d.ts

@@ -0,0 +1,7 @@
+import { CdsButtonSort } from './button-sort.element.js';
+import '@cds/core/icon/register.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-button-sort': CdsButtonSort;
+    }
+}

package/button-sort/register.js

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

package/button-sort/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/button-sort/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","angleIcon","registerElementSafely","CdsButtonSort"],"mappings":"gRAUAA,EAAaC,SAASC,GACtBC,EAAsB,kBAAmBC"}

package/button-sort/utils.d.ts

@@ -0,0 +1 @@
+export declare function sortOrder(sort: 'ascending' | 'descending' | 'none'): "none" | "ascending" | "descending";

package/button-sort/utils.js

@@ -0,0 +1,2 @@
+function n(n){switch(n){case"ascending":return"descending";case"descending":return"none";case"none":return"ascending"}}export{n as sortOrder};
+//# sourceMappingURL=utils.js.map

package/button-sort/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/button-sort/utils.ts"],"sourcesContent":null,"names":["sortOrder","sort"],"mappings":"AAKO,SAASA,EAAUC,GACtB,OAAQA,GACJ,IAAK,YACD,MAAO,aACX,IAAK,aACD,MAAO,OACX,IAAK,OACD,MAAO"}

package/card/card.element.d.ts

@@ -9,19 +9,19 @@ import { CdsInternalPanel } from '@cds/core/internal-components/panel';
  * ```html
  * <cds-card aria-labelledby="{label your card}">
     <div cds-layout="vertical gap:md">
-      <h2 id="{label your card}" cds-text="section" cds-layout="p-y:sm">
+      <h2 id="{label your card}" cds-text="section">
         <!-- Card title -->
       </h2>
 
       <cds-divider cds-card-remove-margin></cds-divider>
 
-      <div cds-text="body light" cds-layout="p-y:md">
+      <div cds-text="body light">
         <!-- Card content -->
       </div>
 
       <cds-divider cds-card-remove-margin></cds-divider>
 
-      <div cds-layout="horizontal gap:sm p-y:sm align:vertical-center">
+      <div cds-layout="horizontal gap:sm align:vertical-center">
         <cds-button action="flat-inline">View</cds-button>
       </div>
     </div>

package/card/card.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--width:fit-content;--height:auto;--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 rgba(27, 43, 50, 0.5));--card-remove-margin:var(--cds-global-space-8)}@supports (-moz-appearance:none){:host{--width:-moz-fit-content}}`;export default o;
+import{css as a}from"lit";var r=a`:host{--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--box-shadow:var(--cds-alias-object-shadow-100, 0 calc(1 / var(--cds-global-base, 20) * 1rem) calc(3 / var(--cds-global-base, 20) * 1rem) 0 rgba(27, 43, 50, 0.5));--card-remove-margin:var(--cds-global-space-8)}`;export default r;
 //# sourceMappingURL=card.element.scss.js.map

package/checkbox/checkbox.element.scss.js

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