@cds/core 5.2.1 → 5.4.1

package/button/button.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.element.js","sourceRoot":"","sources":["../../../src/button/button.element.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { baseStyles, CdsBaseButton, getElementWidth, property, spanWrapper } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { errorStandardIcon } from '@cds/core/icon/shapes/error-standard.js';\nimport { checkIcon } from '@cds/core/icon/shapes/check.js';\nimport { html, query } from 'lit-element';\nimport { styles as baseButtonStyles } from './base-button.element.css.js';\nimport { styles } from './button.element.css.js';\n\nexport const iconSpinner = (size: string) => {\n  const spinnerSize = size === 'sm' ? '12' : '18';\n  return html`<span class=\"button-status-icon\" cds-layout=\"horizontal align:center\"><cds-progress-circle class=\"button-spinner\" size=\"${spinnerSize}\" status=\"info\"></cds-progress-circle></span></span>`;\n};\n\nexport const iconCheck = html`<span class=\"button-status-icon\" cds-layout=\"horizontal align:center\"\n  ><cds-icon shape=\"check\" status=\"success\" cds-layout=\"align:center\"></cds-icon\n></span>`;\n\nexport const iconError = html`<span class=\"button-status-icon\" cds-layout=\"horizontal align:center\"\n  ><cds-icon shape=\"error-standard\" cds-layout=\"align:center\"></cds-icon\n></span>`;\n\nexport const enum ClrLoadingState {\n  default = 'default',\n  loading = 'loading',\n  success = 'success',\n  error = 'error',\n}\n\n/**\n * Buttons allow an application to communicate action and direct user intent.\n *\n * ```typescript\n * import '@cds/core/button/register.js';\n * ```\n *\n * ```html\n * <cds-button>submit</cds-button>\n * ```\n *\n * @element cds-button\n * @slot - Content slot for inside the button\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --box-shadow-color\n * @cssprop --color\n * @cssprop --font-family\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --height\n * @cssprop --letter-spacing\n * @cssprop --min-width\n * @cssprop --padding\n * @cssprop --text-decoration\n * @cssprop --text-transform\n */\nexport class CdsButton extends CdsBaseButton {\n  /**\n   * Define the type of action the button triggers\n   *\n   * - `solid`: buttons direct the user’s attention to the primary action the application is suggesting that the user take.\n   * - `outline`: buttons indicate secondary actions that compliments a primary action or reduces visual noise when there are many actions on the page.\n   * - `flat`: buttons are used as tertiary buttons. Can also be used inline because they are different from content in style and recognizable as buttons alongside content.\n   */\n  @property({ type: String })\n  action: 'solid' | 'outline' | 'flat' | 'flat-inline' = 'solid';\n\n  /**\n   * Sets the color of the button to match the following string statuses\n   */\n  @property({ type: String })\n  status: 'primary' | 'success' | 'warning' | 'danger' | 'neutral' | 'inverse' = 'primary';\n\n  /**\n   * Sets the overall height and width of the button based on the following string values:\n   */\n  @property({ type: String })\n  size: 'sm' | 'md' = 'md';\n\n  /** Sets if the button should be full width with display block */\n  @property({ type: Boolean })\n  block = false;\n\n  @query('.private-host') privateHost: HTMLElement;\n\n  /**\n   * @type {default | loading | success | error}\n   * Changes the button content based on the value passed.\n   *\n   * - `default`: shows the content of the button\n   * - `loading`: disables the button and shows a spinner inside the button\n   * - `success`: disables the button and shows a check mark inside the button; auto-triggers to change back to DEFAULT state after 1000 ms\n   * - `error`: shows the content of the button (in the context of application, this state is usually entered from a LOADING state. the application should show appropriate error message)\n   */\n  @property({ type: String })\n  loadingState: keyof typeof ClrLoadingState = ClrLoadingState.default;\n\n  constructor() {\n    super();\n    ClarityIcons.addIcons(errorStandardIcon, checkIcon);\n  }\n\n  firstUpdated(props: Map<string, any>) {\n    super.firstUpdated(props);\n\n    // Find and wrap any text nodes into span elements\n    spanWrapper(this.childNodes);\n\n    if (this.loadingState !== ClrLoadingState.default) {\n      this.updateLoadingState();\n    }\n  }\n\n  update(props: Map<string, any>) {\n    if (this.privateHost && props.has('loadingState')) {\n      this.updateLoadingState();\n    }\n    super.update(props);\n  }\n\n  render() {\n    const loadingState = this.loadingState;\n    return html`<div class=\"private-host\">\n      <div cds-layout=\"horizontal gap:sm wrap:none align:center\">\n        ${loadingState === ClrLoadingState.success ? iconCheck : ''}\n        ${loadingState === ClrLoadingState.error ? iconError : ''}\n        ${loadingState === ClrLoadingState.loading ? iconSpinner(this.size) : ''}\n        ${loadingState === ClrLoadingState.default\n          ? html`<slot @slotchange=${() => spanWrapper(this.childNodes)}></slot>`\n          : ''}\n      </div>\n    </div>`;\n  }\n\n  static get styles() {\n    return [baseStyles, baseButtonStyles, styles];\n  }\n\n  private updateLoadingState() {\n    switch (this.loadingState) {\n      case ClrLoadingState.loading:\n        this.disableButton();\n        return;\n      case ClrLoadingState.success:\n        this.disableButton();\n        return;\n      case ClrLoadingState.error:\n        this.disableButton();\n        return;\n      default:\n        this.enableButton();\n    }\n  }\n\n  private disableButton() {\n    this.style.width = getElementWidth(this);\n    this.disabled = true;\n  }\n\n  private enableButton() {\n    this.loadingState = ClrLoadingState.default;\n    this.style.removeProperty('width');\n    this.disabled = false;\n  }\n}\n"]}
+{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":null,"names":["iconSpinner","size","html","iconCheck","iconError","ClrLoadingState","CdsButton","CdsBaseButton","[object Object]","super","this","action","status","block","loadingState","default","ClarityIcons","addIcons","errorStandardIcon","checkIcon","props","firstUpdated","spanWrapper","childNodes","updateLoadingState","privateHost","has","update","success","error","loading","disabled","disableButton","enableButton","style","width","getElementWidth","removeProperty","styles","baseStyles","baseButtonStyles","__decorate","property","type","String","prototype","Boolean","query"],"mappings":"+fAcY,MAACA,EAAeC,GAEjBC,CAAK,2HADiB,OAATD,EAAgB,KAAO,oDAGlCE,EAAYD,CAAK,8JAGjBE,EAAYF,CAAK,sJAGpB,IAACG,GACX,SAAWA,GACPA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAuB,MAAI,QAJ/B,CAKGA,IAAoBA,EAAkB,KA8BlC,MAAMC,UAAkBC,EAC3BC,cACIC,QAQAC,KAAKC,OAAS,QAIdD,KAAKE,OAAS,UAIdF,KAAKT,KAAO,KAEZS,KAAKG,OAAQ,EAUbH,KAAKI,aAAeT,EAAgBU,QACpCC,EAAaC,SAASC,EAAmBC,GAE7CX,aAAaY,GACTX,MAAMY,aAAaD,GAEnBE,EAAYZ,KAAKa,YACbb,KAAKI,eAAiBT,EAAgBU,SACtCL,KAAKc,qBAGbhB,OAAOY,GACCV,KAAKe,aAAeL,EAAMM,IAAI,iBAC9BhB,KAAKc,qBAETf,MAAMkB,OAAOP,GAEjBZ,SACI,MAAMM,EAAeJ,KAAKI,aAC1B,OAAOZ,CAAK,wFAEVY,IAAiBT,EAAgBuB,QAAUzB,EAAY,MACvDW,IAAiBT,EAAgBwB,MAAQzB,EAAY,MACrDU,IAAiBT,EAAgByB,QAAU9B,EAAYU,KAAKT,MAAQ,MACpEa,IAAiBT,EAAgBU,QAC7Bb,CAAK,sBAAqB,IAAMoB,EAAYZ,KAAKa,uBACjD,iBAIVf,qBACI,IAAIE,KAAKqB,SAGT,OAAQrB,KAAKI,cACT,KAAKT,EAAgByB,QAGrB,KAAKzB,EAAgBuB,QAGrB,KAAKvB,EAAgBwB,MAEjB,YADAnB,KAAKsB,gBAET,QACItB,KAAKuB,gBAGjBzB,gBACIE,KAAKwB,MAAMC,MAAQC,EAAgB1B,MACnCA,KAAKqB,UAAW,EAEpBvB,eACIE,KAAKI,aAAeT,EAAgBU,QACpCL,KAAKwB,MAAMG,eAAe,SAC1B3B,KAAKqB,UAAW,GAGxBzB,EAAUgC,OAAS,CAACC,EAAYC,EAAkBF,GAClDG,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtC,EAAUuC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtC,EAAUuC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtC,EAAUuC,UAAW,YAAQ,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBxC,EAAUuC,UAAW,aAAS,GACjCJ,EAAW,CACPM,EAAM,kBACPzC,EAAUuC,UAAW,mBAAe,GACvCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtC,EAAUuC,UAAW,oBAAgB"}

package/button/button.element.scss.js

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var a=o`:host{--font-weight:var(--cds-global-typography-font-weight-semibold, 500);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em}.private-host{font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}:host([size=sm]) .private-host{--letter-spacing:0.073em}:host([action*=flat]) ::slotted(cds-badge),:host([action=outline]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=success]) ::slotted(cds-badge),:host([action=outline][status=success]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=warning]) ::slotted(cds-badge),:host([action=outline][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--background:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=danger]) ::slotted(cds-badge),:host([action=outline][status=danger]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=neutral]) ::slotted(cds-badge),:host([action=outline][status=neutral]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host(:not([action=outline]):not([action*=flat])) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action=solid][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-global-color-construction-900, #21333b);--color:var(--cds-global-color-construction-900, #21333b)}:host([action*=flat][disabled]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--font-weight:var(--cds-global-typography-font-weight-semibold, 500)!important}:host([disabled]) ::slotted(cds-badge),:host([status=inverse]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled][action*=flat]) ::slotted(cds-badge),:host([disabled][action=outline]) ::slotted(cds-badge),:host([disabled][status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important}::slotted(span)::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}::slotted(span)::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}`;export default a;
+//# sourceMappingURL=button.element.scss.js.map

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

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

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

@@ -31,6 +31,6 @@ export declare class CdsIconButton extends CdsButton {
      * generic labels across multiple icon buttons on a page.
      */
     ariaLabel: string;
-    render(): import("lit-element").TemplateResult;
-    static get styles(): import("lit-element").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResultGroup[];
 }

package/button/icon-button.element.js

@@ -1,52 +1,2 @@
-/*
- * 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.
- */
-import { __decorate } from "tslib";
-import { baseStyles, property } from '@cds/core/internal';
-import { html } from 'lit-element';
-import { styles as baseButtonStyles } from './base-button.element.css.js';
-import { styles } from './icon-button.element.css.js';
-import { CdsButton, iconCheck, iconSpinner } from './button.element.js';
-/**
- * Icon buttons give applications a compact alternative to communicate action and direct user intent.
- *
- * ```typescript
- * import '@cds/core/button/register.js';
- * ```
- *
- * ```html
- * <cds-icon-button><cds-icon shape="download"></cds-icon></cds-icon-button>
- * ```
- *
- * @element cds-icon-button
- * @slot - Content slot for inside the button
- * @cssprop --background
- * @cssprop --border-color
- * @cssprop --border-radius
- * @cssprop --border-width
- * @cssprop --box-shadow-color
- * @cssprop --color
- * @cssprop --font-size
- * @cssprop --height
- * @cssprop --padding
- */
-export class CdsIconButton extends CdsButton {
-    render() {
-        return html `
-      <div class="private-host">
-        ${this.loadingState === "loading" /* loading */ ? iconSpinner(this.size) : ''}
-        ${this.loadingState === "success" /* success */ ? iconCheck : ''}
-        ${this.loadingState === "default" /* default */ ? html `<slot></slot>` : ''}
-      </div>
-    `;
-    }
-    static get styles() {
-        return [baseStyles, baseButtonStyles, styles];
-    }
-}
-__decorate([
-    property({ type: String, required: 'warning' })
-], CdsIconButton.prototype, "ariaLabel", void 0);
-//# sourceMappingURL=icon-button.element.js.map
+import{__decorate as t}from"tslib";import{baseStyles as e,property as s}from"@cds/core/internal";import{html as o}from"lit";import i from"./base-button.element.scss.js";import r from"./icon-button.element.scss.js";import{CdsButton as n,ClrLoadingState as a,iconSpinner as l,iconCheck as m}from"./button.element.js";class d extends n{render(){return o`<div class="private-host">${this.loadingState===a.loading?l(this.size):""} ${this.loadingState===a.success?m:""} ${this.loadingState===a.default?o`<slot></slot>`:""}</div>`}}d.styles=[e,i,r],t([s({type:String,required:"warning"})],d.prototype,"ariaLabel",void 0);export{d as CdsIconButton};
+//# sourceMappingURL=icon-button.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.element.js","sourceRoot":"","sources":["../../../src/button/icon-button.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAmB,SAAS,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEzF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,OAAO,aAAc,SAAQ,SAAS;IAW1C,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,YAAY,4BAA4B,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;UAC3E,IAAI,CAAC,YAAY,4BAA4B,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;UAC9D,IAAI,CAAC,YAAY,4BAA4B,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe,CAAC,CAAC,CAAC,EAAE;;KAE7E,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,UAAU,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC;CACF;AAfC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;gDAC9B","sourcesContent":["/*\n * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { baseStyles, property } from '@cds/core/internal';\nimport { html } from 'lit-element';\nimport { styles as baseButtonStyles } from './base-button.element.css.js';\nimport { styles } from './icon-button.element.css.js';\nimport { CdsButton, ClrLoadingState, iconCheck, iconSpinner } from './button.element.js';\n\n/**\n * Icon buttons give applications a compact alternative to communicate action and direct user intent.\n *\n * ```typescript\n * import '@cds/core/button/register.js';\n * ```\n *\n * ```html\n * <cds-icon-button><cds-icon shape=\"download\"></cds-icon></cds-icon-button>\n * ```\n *\n * @element cds-icon-button\n * @slot - Content slot for inside the button\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --box-shadow-color\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --padding\n */\nexport class CdsIconButton extends CdsButton {\n  /**\n   * The aria-label attribute is required for accessibility. The cds-icon-button\n   * will warn if used without the aria-label being set.\n   *\n   * Ideally, the aria-label will be specific to the button's purpose. Avoid sharing\n   * generic labels across multiple icon buttons on a page.\n   */\n  @property({ type: String, required: 'warning' })\n  ariaLabel: string;\n\n  render() {\n    return html`\n      <div class=\"private-host\">\n        ${this.loadingState === ClrLoadingState.loading ? iconSpinner(this.size) : ''}\n        ${this.loadingState === ClrLoadingState.success ? iconCheck : ''}\n        ${this.loadingState === ClrLoadingState.default ? html`<slot></slot>` : ''}\n      </div>\n    `;\n  }\n\n  static get styles() {\n    return [baseStyles, baseButtonStyles, styles];\n  }\n}\n"]}
+{"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":null,"names":["CdsIconButton","CdsButton","[object Object]","html","this","loadingState","ClrLoadingState","loading","iconSpinner","size","success","iconCheck","default","styles","baseStyles","baseButtonStyles","__decorate","property","type","String","required","prototype"],"mappings":"2TAkCO,MAAMA,UAAsBC,EAC/BC,SACI,OAAOC,CAAK,6BAEVC,KAAKC,eAAiBC,EAAgBC,QAAUC,EAAYJ,KAAKK,MAAQ,MACzEL,KAAKC,eAAiBC,EAAgBI,QAAUC,EAAY,MAC5DP,KAAKC,eAAiBC,EAAgBM,QAAUT,CAAK,gBAAkB,YAKjFH,EAAca,OAAS,CAACC,EAAYC,EAAkBF,GACtDG,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAU,aACpCpB,EAAcqB,UAAW,iBAAa"}

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

@@ -0,0 +1,2 @@
+import{css as a}from"lit";var r=a`:host{--padding:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) - var(--border-width)) calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) - var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) - var(--border-width))}.private-host{min-width:0}`;export default r;
+//# sourceMappingURL=icon-button.element.scss.js.map

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

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

package/button/index.js

@@ -1,9 +1,2 @@
-/*
- * Copyright (c) 2016-2020 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.
- */
-export * from './button.element.js';
-export * from './icon-button.element.js';
-export * from './inline-button.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsButton,ClrLoadingState,iconCheck,iconError,iconSpinner}from"./button.element.js";export{CdsIconButton}from"./icon-button.element.js";export{CdsInlineButton}from"./inline-button.element.js";import"@cds/core/internal";import"lit";
+//# sourceMappingURL=index.js.map

package/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nexport * from './button.element.js';\nexport * from './icon-button.element.js';\nexport * from './inline-button.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

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

@@ -21,6 +21,6 @@ import { CdsBaseButton } from '@cds/core/internal';
  */
 export declare class CdsInlineButton extends CdsBaseButton {
     connectedCallback(): void;
-    render(): import("lit-element").TemplateResult;
-    static get styles(): import("lit-element").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResultGroup[];
 }

package/button/inline-button.element.js

@@ -1,45 +1,2 @@
-/*
- * Copyright (c) 2016-2020 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.
- */
-import { addClassnames, baseStyles, CdsBaseButton } from '@cds/core/internal';
-import { html } from 'lit-element';
-import { styles } from './inline-button.element.css.js';
-/**
- * Inline buttons are used inside and alongside textual content within Clarity components.
- * They give action buttons a less prominent, yet familiar, visual presence.
- *
- * ```typescript
- * import '@cds/core/button/register.js';
- * ```
- *
- * ```html
- * <cds-inline-button>Button text goes here</cds-inline-button>
- * ```
- *
- * @element cds-inline-button
- * @slot - Content slot for inside the button
- * @cssprop --text-decoration
- * @cssprop --color
- * @cssprop --font-size
- * @cssprop --line-height
- * @cssprop --letter-spacing
- */
-export class CdsInlineButton extends CdsBaseButton {
-    connectedCallback() {
-        super.connectedCallback();
-        // we need a class on the icon because that's how the icon element knows to style itself
-        // we can't style it from the icon-button anymore because it's a nested+slotted element
-        if (this.icon) {
-            addClassnames(this.icon, 'anchored-icon');
-        }
-    }
-    render() {
-        return html `<span class="private-host"><slot></slot></span>`;
-    }
-    static get styles() {
-        return [baseStyles, styles];
-    }
-}
-//# sourceMappingURL=inline-button.element.js.map
+import{CdsBaseButton as t,addClassnames as e,baseStyles as s}from"@cds/core/internal";import{html as n}from"lit";import o from"./inline-button.element.scss.js";class r extends t{connectedCallback(){super.connectedCallback(),this.icon&&e(this.icon,"anchored-icon")}render(){return n`<span class="private-host"><slot></slot></span>`}static get styles(){return[s,o]}}export{r as CdsInlineButton};
+//# sourceMappingURL=inline-button.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"inline-button.element.js","sourceRoot":"","sources":["../../../src/button/inline-button.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,OAAO,eAAgB,SAAQ,aAAa;IAChD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,wFAAwF;QACxF,uFAAuF;QACvF,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;SAC3C;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,iDAAiD,CAAC;IAC/D,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC9B,CAAC;CACF","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { addClassnames, baseStyles, CdsBaseButton } from '@cds/core/internal';\nimport { html } from 'lit-element';\nimport { styles } from './inline-button.element.css.js';\n\n/**\n * Inline buttons are used inside and alongside textual content within Clarity components.\n * They give action buttons a less prominent, yet familiar, visual presence.\n *\n * ```typescript\n * import '@cds/core/button/register.js';\n * ```\n *\n * ```html\n * <cds-inline-button>Button text goes here</cds-inline-button>\n * ```\n *\n * @element cds-inline-button\n * @slot - Content slot for inside the button\n * @cssprop --text-decoration\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --line-height\n * @cssprop --letter-spacing\n */\nexport class CdsInlineButton extends CdsBaseButton {\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    // we need a class on the icon because that's how the icon element knows to style itself\n    // we can't style it from the icon-button anymore because it's a nested+slotted element\n    if (this.icon) {\n      addClassnames(this.icon, 'anchored-icon');\n    }\n  }\n\n  render() {\n    return html`<span class=\"private-host\"><slot></slot></span>`;\n  }\n\n  static get styles() {\n    return [baseStyles, styles];\n  }\n}\n"]}
+{"version":3,"file":"inline-button.element.js","sources":["../../../src/button/inline-button.element.ts"],"sourcesContent":null,"names":["CdsInlineButton","CdsBaseButton","[object Object]","super","connectedCallback","this","icon","addClassnames","html","styles","baseStyles"],"mappings":"gKA4BO,MAAMA,UAAwBC,EACjCC,oBACIC,MAAMC,oBAGFC,KAAKC,MACLC,EAAcF,KAAKC,KAAM,iBAGjCJ,SACI,OAAOM,CAAK,kDAEhBC,oBACI,MAAO,CAACC,EAAYD"}

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

@@ -0,0 +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;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

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

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

package/button/register.js

@@ -1,15 +1,2 @@
-/*
- * 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.
- */
-import '@cds/core/icon/register.js';
-import '@cds/core/progress-circle/register.js';
-import { registerElementSafely } from '@cds/core/internal';
-import { CdsButton } from './button.element.js';
-import { CdsIconButton } from './icon-button.element.js';
-import { CdsInlineButton } from './inline-button.element.js';
-registerElementSafely('cds-button', CdsButton);
-registerElementSafely('cds-icon-button', CdsIconButton);
-registerElementSafely('cds-inline-button', CdsInlineButton);
-//# sourceMappingURL=register.js.map
+import"@cds/core/icon/register.js";import"@cds/core/progress-circle/register.js";import{registerElementSafely as t}from"@cds/core/internal";import{CdsButton as o}from"./button.element.js";import{CdsIconButton as e}from"./icon-button.element.js";import{CdsInlineButton as r}from"./inline-button.element.js";t("cds-button",o),t("cds-icon-button",e),t("cds-inline-button",r);
+//# sourceMappingURL=register.js.map

package/button/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/button/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,qBAAqB,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAC/C,qBAAqB,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AACxD,qBAAqB,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport '@cds/core/icon/register.js';\nimport '@cds/core/progress-circle/register.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsButton } from './button.element.js';\nimport { CdsIconButton } from './icon-button.element.js';\nimport { CdsInlineButton } from './inline-button.element.js';\n\nregisterElementSafely('cds-button', CdsButton);\nregisterElementSafely('cds-icon-button', CdsIconButton);\nregisterElementSafely('cds-inline-button', CdsInlineButton);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-button': CdsButton;\n    'cds-icon-button': CdsIconButton;\n    'cds-inline-button': CdsInlineButton;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/button/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsButton","CdsIconButton","CdsInlineButton"],"mappings":"kTAWAA,EAAsB,aAAcC,GACpCD,EAAsB,kBAAmBE,GACzCF,EAAsB,oBAAqBG"}

package/card/card.element.d.ts

@@ -0,0 +1,51 @@
+import { CdsInternalPanel } from '@cds/core/internal-components/panel';
+/**
+ * Web component card.
+ *
+ * ```typescript
+ * import '@cds/core/card/register.js';
+ * ```
+ *
+ * ```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">
+        <!-- Card title -->
+      </h2>
+
+      <cds-divider cds-card-remove-margin></cds-divider>
+
+      <div cds-text="body light" cds-layout="p-y:md">
+        <!-- Card content -->
+      </div>
+
+      <cds-divider cds-card-remove-margin></cds-divider>
+
+      <div cds-layout="horizontal gap:sm p-y:sm align:vertical-center">
+        <cds-button action="flat-inline">View</cds-button>
+      </div>
+    </div>
+  </cds-card>
+ * ```
+ *
+ * @beta
+ * @element cds-card
+ * @slot - For projecting card content
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --color
+ * @cssprop --overflow
+ * @cssprop --overflow-x
+ * @cssprop --overflow-y
+ * @cssprop --background
+ * @cssprop --border
+ * @cssprop --border-radius
+ * @cssprop --padding
+ * @cssprop --box-shadow
+ * @cssprop --cds-card-remove-margin
+ */
+export declare class CdsCard extends CdsInternalPanel {
+    role: string;
+    globalStyles: import("lit").CSSResultGroup;
+    static get styles(): import("lit").CSSResultGroup[];
+}

package/card/card.element.js

@@ -0,0 +1,2 @@
+import{__decorate as r}from"tslib";import{css as e}from"lit";import{property as t,globalStyle as o}from"@cds/core/internal";import{CdsInternalPanel as s}from"@cds/core/internal-components/panel";import c from"./card.element.scss.js";class l extends s{constructor(){super(...arguments),this.role="region",this.globalStyles=e`[cds-card-remove-margin]{margin-left:calc(-1 * var(--card-remove-margin));width:calc(100% + calc(var(--card-remove-margin) * 2))}`}static get styles(){return[...super.styles,c]}}r([t({type:String,reflect:!0})],l.prototype,"role",void 0),r([o()],l.prototype,"globalStyles",void 0);export{l as CdsCard};
+//# sourceMappingURL=card.element.js.map

package/card/card.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.element.js","sources":["../../../src/card/card.element.ts"],"sourcesContent":null,"names":["CdsCard","CdsInternalPanel","[object Object]","super","arguments","this","role","globalStyles","css","styles","__decorate","property","type","String","reflect","prototype","globalStyle"],"mappings":"yOAkDO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,KAAO,SACZD,KAAKE,aAAeC,CAAI,oIAO5BC,oBACI,MAAO,IAAIN,MAAMM,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KACnCd,EAAQe,UAAW,YAAQ,GAC9BL,EAAW,CACPM,KACDhB,EAAQe,UAAW,oBAAgB"}

package/card/card.element.scss.js

@@ -0,0 +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 1px 3px 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;
+//# sourceMappingURL=card.element.scss.js.map

package/card/card.element.scss.js.map

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

package/card/index.d.ts

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

package/card/index.js

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

package/card/index.js.map

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

package/card/register.d.ts

@@ -0,0 +1,6 @@
+import { CdsCard } from './card.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-card': CdsCard;
+    }
+}

package/card/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsCard as c}from"./card.element.js";r("cds-card",c);
+//# sourceMappingURL=register.js.map

package/card/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/card/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCard"],"mappings":"uGAOAA,EAAsB,WAAYC"}

package/checkbox/checkbox-group.element.js

@@ -1,34 +1,2 @@
-/*
- * 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.
- */
-import { CdsInternalControlGroup } from '@cds/core/forms';
-/**
- * Checkbox Group
- *
- * ```typescript
- * import '@cds/core/checkbox';
- * ```
- *
- * ```html
- * <cds-checkbox-group>
- *   <label>Select an item</label>
- *   <cds-checkbox>
- *     <label>Test</label>
- *     <input type="checkbox" />
- *   </cds-checkbox>
- *
- *   <cds-checkbox>
- *     <label>Test</label>
- *     <input type="checkbox" />
- *   </cds-checkbox>
- * </cds-checkbox-group>
- * ```
- *
- * @element cds-checkbox-group
- * @slot - For projecting checkbox controls
- */
-export class CdsCheckboxGroup extends CdsInternalControlGroup {
-}
-//# sourceMappingURL=checkbox-group.element.js.map
+import{CdsInternalControlGroup as o}from"@cds/core/forms";class r extends o{}export{r as CdsCheckboxGroup};
+//# sourceMappingURL=checkbox-group.element.js.map

package/checkbox/checkbox-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.element.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox-group.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,OAAO,gBAAiB,SAAQ,uBAAuB;CAAG","sourcesContent":["/*\n * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { CdsInternalControlGroup } from '@cds/core/forms';\n\n/**\n * Checkbox Group\n *\n * ```typescript\n * import '@cds/core/checkbox';\n * ```\n *\n * ```html\n * <cds-checkbox-group>\n *   <label>Select an item</label>\n *   <cds-checkbox>\n *     <label>Test</label>\n *     <input type=\"checkbox\" />\n *   </cds-checkbox>\n *\n *   <cds-checkbox>\n *     <label>Test</label>\n *     <input type=\"checkbox\" />\n *   </cds-checkbox>\n * </cds-checkbox-group>\n * ```\n *\n * @element cds-checkbox-group\n * @slot - For projecting checkbox controls\n */\nexport class CdsCheckboxGroup extends CdsInternalControlGroup {}\n"]}
+{"version":3,"file":"checkbox-group.element.js","sources":["../../../src/checkbox/checkbox-group.element.ts"],"sourcesContent":null,"names":["CdsCheckboxGroup","CdsInternalControlGroup"],"mappings":"0DA+BO,MAAMA,UAAyBC"}

package/checkbox/checkbox.element.d.ts

@@ -22,5 +22,5 @@ import { CdsInternalControlInline } from '@cds/core/forms';
  * @cssprop --border-radius
  */
 export declare class CdsCheckbox extends CdsInternalControlInline {
-    static get styles(): import("lit-element").CSSResult[];
+    static get styles(): import("lit").CSSResultGroup[];
 }

package/checkbox/checkbox.element.js

@@ -1,35 +1,2 @@
-/*
- * 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.
- */
-import { CdsInternalControlInline } from '@cds/core/forms';
-import { styles } from './checkbox.element.css.js';
-/**
- * Checkbox
- *
- * ```typescript
- * import '@cds/core/checkbox/register.js';
- * ```
- *
- * ```html
- * <cds-checkbox>
- *   <label>checkbox</label>
- *   <input type="checkbox" />
- *   <cds-control-message>message text</cds-control-message>
- * </cds-checkbox>
- * ```
- *
- * @element cds-checkbox
- * @slot - For projecting checkbox
- * @cssprop --color
- * @cssprop --check-color
- * @cssprop --background
- * @cssprop --border-radius
- */
-export class CdsCheckbox extends CdsInternalControlInline {
-    static get styles() {
-        return [...super.styles, styles];
-    }
-}
-//# sourceMappingURL=checkbox.element.js.map
+import{CdsInternalControlInline as s}from"@cds/core/forms";import e from"./checkbox.element.scss.js";class t extends s{static get styles(){return[...super.styles,e]}}export{t as CdsCheckbox};
+//# sourceMappingURL=checkbox.element.js.map

package/checkbox/checkbox.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.element.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,OAAO,WAAY,SAAQ,wBAAwB;IACvD,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,CAAC;CACF","sourcesContent":["/*\n * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { CdsInternalControlInline } from '@cds/core/forms';\nimport { styles } from './checkbox.element.css.js';\n\n/**\n * Checkbox\n *\n * ```typescript\n * import '@cds/core/checkbox/register.js';\n * ```\n *\n * ```html\n * <cds-checkbox>\n *   <label>checkbox</label>\n *   <input type=\"checkbox\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-checkbox>\n * ```\n *\n * @element cds-checkbox\n * @slot - For projecting checkbox\n * @cssprop --color\n * @cssprop --check-color\n * @cssprop --background\n * @cssprop --border-radius\n */\nexport class CdsCheckbox extends CdsInternalControlInline {\n  static get styles() {\n    return [...super.styles, styles];\n  }\n}\n"]}
+{"version":3,"file":"checkbox.element.js","sources":["../../../src/checkbox/checkbox.element.ts"],"sourcesContent":null,"names":["CdsCheckbox","CdsInternalControlInline","styles","super"],"mappings":"qGA6BO,MAAMA,UAAoBC,EAC7BC,oBACI,MAAO,IAAIC,MAAMD,OAAQA"}

package/checkbox/checkbox.element.scss.js

@@ -0,0 +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);transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg)}:host([_indeterminate]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([_indeterminate]) .input:after{border-left:none;border-bottom-color:var(--color);display:inline-block;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;
+//# sourceMappingURL=checkbox.element.scss.js.map

package/checkbox/checkbox.element.scss.js.map

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

package/checkbox/index.js

@@ -1,8 +1,2 @@
-/*
- * Copyright (c) 2016-2020 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.
- */
-export * from './checkbox.element.js';
-export * from './checkbox-group.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsCheckbox}from"./checkbox.element.js";export{CdsCheckboxGroup}from"./checkbox-group.element.js";import"@cds/core/forms";
+//# sourceMappingURL=index.js.map

package/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nexport * from './checkbox.element.js';\nexport * from './checkbox-group.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/checkbox/register.js

@@ -1,12 +1,2 @@
-/*
- * 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.
- */
-import { registerElementSafely } from '@cds/core/internal';
-import { CdsCheckbox } from './checkbox.element.js';
-import { CdsCheckboxGroup } from './checkbox-group.element.js';
-import '@cds/core/forms/register.js';
-registerElementSafely('cds-checkbox', CdsCheckbox);
-registerElementSafely('cds-checkbox-group', CdsCheckboxGroup);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as o}from"@cds/core/internal";import{CdsCheckbox as e}from"./checkbox.element.js";import{CdsCheckboxGroup as r}from"./checkbox-group.element.js";import"@cds/core/forms/register.js";o("cds-checkbox",e),o("cds-checkbox-group",r);
+//# sourceMappingURL=register.js.map

package/checkbox/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/checkbox/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,6BAA6B,CAAC;AAErC,qBAAqB,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;AACnD,qBAAqB,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsCheckbox } from './checkbox.element.js';\nimport { CdsCheckboxGroup } from './checkbox-group.element.js';\nimport '@cds/core/forms/register.js';\n\nregisterElementSafely('cds-checkbox', CdsCheckbox);\nregisterElementSafely('cds-checkbox-group', CdsCheckboxGroup);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-checkbox': CdsCheckbox;\n    'cds-checkbox-group': CdsCheckboxGroup;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/checkbox/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCheckbox","CdsCheckboxGroup"],"mappings":"kNASAA,EAAsB,eAAgBC,GACtCD,EAAsB,qBAAsBE"}