@cds/core 5.2.1 → 5.4.1

package/alert/alert.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/alert/alert.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 { html, LitElement } from 'lit-element';\nimport {\n  baseStyles,\n  event,\n  EventEmitter,\n  property,\n  querySlot,\n  querySlotAll,\n  setAttributes,\n  syncDefinedProps,\n  internalProperty,\n  id,\n  I18nService,\n  i18n,\n} from '@cds/core/internal';\nimport { CdsIcon } from '@cds/core/icon/icon.element.js';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { infoStandardIcon } from '@cds/core/icon/shapes/info-standard.js';\nimport { successStandardIcon } from '@cds/core/icon/shapes/success-standard.js';\nimport { warningStandardIcon } from '@cds/core/icon/shapes/warning-standard.js';\nimport { errorStandardIcon } from '@cds/core/icon/shapes/error-standard.js';\nimport { helpIcon } from '@cds/core/icon/shapes/help.js';\nimport { AlertGroupTypes, AlertStatusTypes, AlertSizes } from './alert.interfaces.js';\nimport { CdsAlertActions } from './alert-actions.element.js';\nimport { CdsAlertGroup } from './alert-group.element.js';\nimport { styles } from './alert.element.css.js';\n\nexport function getIconStatusTuple(status: string): [string, string] {\n  const statusIcons: { [key: string]: [string, string] } = {\n    info: [ClarityIcons.getIconNameFromShape(infoStandardIcon), I18nService.keys.alert.info],\n    success: [ClarityIcons.getIconNameFromShape(successStandardIcon), I18nService.keys.alert.success],\n    warning: [ClarityIcons.getIconNameFromShape(warningStandardIcon), I18nService.keys.alert.warning],\n    danger: [ClarityIcons.getIconNameFromShape(errorStandardIcon), I18nService.keys.alert.danger],\n    unknown: [ClarityIcons.getIconNameFromShape(helpIcon), I18nService.keys.alert.info],\n    loading: ['loading', I18nService.keys.alert.loading],\n  };\n\n  return statusIcons[status] ? statusIcons[status] : statusIcons.info;\n}\n\nexport function iconShapeIsAlertStatusType(shape: string): boolean {\n  const statusShapes = ['info', 'success', 'warning', 'danger', 'unknown'].map(s => {\n    return getIconStatusShape(s);\n  });\n  return statusShapes.indexOf(shape) > -1;\n}\n\nexport function getIconStatusLabel(status: string): string {\n  return getIconStatusTuple(status)[1];\n}\n\nexport function getIconStatusShape(status: string): string {\n  return getIconStatusTuple(status)[0];\n}\n\nexport function getAlertContentLayout(\n  containerType: 'wrapper' | 'content' | 'actions',\n  alertGroupType: AlertGroupTypes,\n  alertGroupHasPager: boolean\n) {\n  const fillLayoutValue = 'align:stretch';\n\n  switch (alertGroupType) {\n    case 'light':\n      return '';\n    case 'banner':\n      switch (containerType) {\n        case 'wrapper':\n          return alertGroupHasPager ? fillLayoutValue : '';\n        case 'content':\n          return 'align:shrink';\n        case 'actions':\n          return alertGroupHasPager ? fillLayoutValue : '';\n        default:\n          return '';\n      }\n    default:\n      switch (containerType) {\n        case 'wrapper':\n          return fillLayoutValue;\n        case 'content':\n          return fillLayoutValue;\n        case 'actions':\n          return 'align:shrink';\n        default:\n          return '';\n      }\n  }\n}\n\n/**\n * Alerts are banners that communicate a message with a severity attached to it.\n * They grab the user’s attention to provide critical information needed in context.\n *\n * Alerts outside of a cds-alert-group or cds-app-alert-group component will be\n * displayed as a \"lightweight alert\". Lightweight alerts, by default, provide no\n * close button component and they inherit no status (a.k.a. success, danger, etc.).\n *\n * Alerts inside a cds-alert-group component inherit their status from the containing\n * alert group.\n *\n * Alerts inside a cds-app-alert-group component inherit their status as a default from\n * the containing app-alert group, although it can be overridden on individual alerts.\n *\n * ```typescript\n * import '@cds/core/alert/register.js';\n * ```\n *\n * ```html\n *   <cds-alert>\n *     Single Alert\n *     <cds-alert-actions>\n *       buttons, links\n *     </cds-alert-actions>\n *   </cds-alert>\n * ```\n *\n * @element cds-alert\n * @slot - Content slot for inside the alert\n * @event closeChange - notify when the user has clicked the dismiss button\n * @cssprop --color\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border-color\n * @cssprop --icon-color\n * @cssprop --close-icon-color\n * @cssprop --close-icon-color-hover\n */\nexport class CdsAlert extends LitElement {\n  @event() private closeChange: EventEmitter<boolean>;\n\n  /**\n   * @type {default | sm}\n   * Sets the overall height and width of the alert and icon based on value\n   */\n  @property({ type: String })\n  size: AlertSizes = 'default';\n\n  /**\n   * Sets up the buttons, layouts, close-button and other properties based on the alert group container\n   * Internal Use Only\n   * @private\n   */\n  @internalProperty({ type: String, reflect: true })\n  type: AlertGroupTypes = 'light';\n\n  @id()\n  private idForAriaDescriber: string;\n\n  /**\n   * If false, the alert will not render the close button.\n   *\n   * Lightweight alerts do not display close buttons\n   */\n  @property({ type: Boolean })\n  closable = false;\n\n  /**\n   * @type {neutral | info | success | warning | danger | alt | loading}\n   * Sets the color of the alert from a predefined list of statuses\n   */\n  @property({ type: String })\n  status: AlertStatusTypes = 'neutral';\n\n  @i18n() i18n = I18nService.keys.alert;\n\n  @querySlot('cds-alert-actions') private alertActions: CdsAlertActions;\n\n  @querySlotAll('cds-icon', { assign: 'alert-icon' }) protected alertIcons: NodeListOf<CdsIcon>;\n\n  @querySlot('cds-internal-close-button', { assign: 'close-button' }) protected closeButton: HTMLElement;\n\n  connectedCallback() {\n    super.connectedCallback();\n    setAttributes(this, ['aria-describedby', this.idForAriaDescriber], ['role', 'region']);\n  }\n\n  updated(props: Map<string, any>) {\n    super.updated(props);\n    syncDefinedProps(props, this, [this.alertActions]);\n  }\n\n  private get parentGroupHasPager(): boolean {\n    return this.type === 'banner' && !!(this.parentElement as CdsAlertGroup).pager;\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"private-host\"\n        cds-layout=\"${this.type === 'banner'\n          ? 'horizontal wrap:none gap:sm align:vertical-center align:horizontal-center'\n          : 'horizontal wrap:none gap:sm'}\"\n      >\n        ${this.type === 'banner' && !this.parentGroupHasPager\n          ? html`<span class=\"alert-spacer\" cds-layout=\"align:stretch\">&nbsp;</span>`\n          : html``}\n        <span class=\"alert-icon-wrapper\" cds-layout=\"horizontal\">\n          ${this.status === 'loading'\n            ? html`<cds-progress-circle\n                class=\"alert-spinner\"\n                status=\"info\"\n                size=\"${this.type === 'banner' ? '20' : '18'}\"\n                aria-label=\"${getIconStatusLabel(this.status)}\"\n                role=\"img\"\n                cds-layout=\"align:horizontal-center\"\n              ></cds-progress-circle>`\n            : html`<slot name=\"alert-icon\"\n                ><cds-icon\n                  class=\"alert-status-icon\"\n                  shape=\"${getIconStatusShape(this.status)}\"\n                  role=\"img\"\n                  aria-label=\"${getIconStatusLabel(this.status)}\"\n                  cds-layout=\"align:horizontal-center\"\n                ></cds-icon\n              ></slot>`}\n        </span>\n        <span\n          class=\"alert-content-wrapper\"\n          cds-layout=\"horizontal wrap:none ${getAlertContentLayout('wrapper', this.type, this.parentGroupHasPager)}\"\n        >\n          <span\n            id=\"${this.idForAriaDescriber}\"\n            role=\"status\"\n            class=\"alert-content\"\n            cds-layout=\"${getAlertContentLayout('content', this.type, this.parentGroupHasPager)}\"\n          >\n            <slot></slot>\n            ${this.type === 'light' ? html`<slot name=\"actions\"></slot>` : html``}\n          </span>\n          ${this.type === 'light'\n            ? html``\n            : html`<span\n                class=\"alert-actions-wrapper\"\n                cds-layout=\"${this.alertActions ? 'p-l:md' : ''} ${getAlertContentLayout(\n                  'actions',\n                  this.type,\n                  this.parentGroupHasPager\n                )}\"\n                ><slot name=\"actions\"></slot\n              ></span>`}\n        </span>\n\n        ${this.type === 'banner' && !this.parentGroupHasPager\n          ? html`<span class=\"alert-spacer\" cds-layout=\"align:stretch\">&nbsp;</span>`\n          : html``}\n        ${this.type !== 'light' && this.closable\n          ? html`<span class=\"alert-close-wrapper\"\n              ><slot name=\"close-button\"\n                ><cds-internal-close-button\n                  icon-size=\"${this.type === 'banner' ? '20' : '16'}\"\n                  @click=\"${() => this.closeAlert()}\"\n                  aria-label=\"${this.i18n.closeButtonAriaLabel}\"\n                ></cds-internal-close-button></slot\n            ></span>`\n          : html``}\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    ClarityIcons.addIcons(infoStandardIcon, errorStandardIcon, successStandardIcon, warningStandardIcon, helpIcon);\n  }\n\n  private closeAlert() {\n    this.closeChange.emit(true);\n  }\n\n  static get styles() {\n    return [baseStyles, styles];\n  }\n}\n"]}
+{"version":3,"file":"alert.element.js","sources":["../../../src/alert/alert.element.ts"],"sourcesContent":null,"names":["getIconStatusTuple","status","statusIcons","info","ClarityIcons","getIconNameFromShape","infoStandardIcon","I18nService","keys","alert","success","successStandardIcon","warning","warningStandardIcon","danger","errorStandardIcon","unknown","helpIcon","loading","iconShapeIsAlertStatusType","shape","map","s","getIconStatusShape","indexOf","getIconStatusLabel","getAlertContentLayout","containerType","alertGroupType","alertGroupHasPager","fillLayoutValue","CdsAlert","LitElement","[object Object]","super","this","size","type","closable","i18n","addIcons","connectedCallback","setAttributes","idForAriaDescriber","props","updated","syncDefinedProps","alertActions","parentGroupHasPager","parentElement","pager","html","closeAlert","closeButtonAriaLabel","closeChange","emit","styles","baseStyles","__decorate","event","prototype","property","String","state","reflect","id","Boolean","querySlot","querySlotAll","assign"],"mappings":"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"}

package/alert/alert.element.scss.js

@@ -0,0 +1,2 @@
+import{css as a}from"lit";var l=a`:host{--container-padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0;--min-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-body-font-size, calc((14 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-body-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--icon-size:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--icon-color:var(--color);width:100%}.private-host{min-height:var(--min-height);color:var(--color)}:host([_type=default]){--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem))}:host([_type=banner]) ::slotted(cds-alert-actions),:host([_type=default]) ::slotted(cds-alert-actions){--action-size:calc(var(--min-height) - var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)));white-space:nowrap;display:block}:host([_type=banner]){--icon-size:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}.alert-status-icon,::slotted(cds-icon){height:var(--icon-size);width:var(--icon-size);--color:var(--icon-color)}cds-internal-close-button{--color:inherit}.alert-content-wrapper,.alert-icon-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));padding:var(--container-padding)}.alert-icon-wrapper{min-width:var(--icon-size)}.alert-content-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--cds-global-typography-body-line-height,1.42857em)}::slotted(cds-alert-actions){--action-text-color:var(--color);--action-size:var(--cds-global-typography-body-line-height, 1.42857em);display:none}:host([_type=default]) cds-internal-close-button{height:var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem))}:host([_type=default]) .alert-content-wrapper{align-items:self-start}:host([_type=light][status=info]){--icon-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_type=light][status=success]){--icon-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_type=light][status=warning]){--icon-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([_type=light][status=danger]){--icon-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=loading][_type=banner]) .alert-spinner,:host([status=loading][_type=default]) .alert-spinner{--ring-color:var(--cds-alias-object-opacity-200, rgba(0, 0, 0, 0.4))}:host([status=loading][_type=banner]) .alert-spinner{--fill-color:var(--icon-color)}:host([size=sm]:not([_type=banner])){--font-size:var(--cds-global-typography-font-size-1, calc((11 / var(--cds-global-base, 20)) * 1rem));--letter-spacing:normal}:host([_type=banner]) .alert-content-wrapper{transform:none;min-height:var(--cds-global-space-10,calc((32 / var(--cds-global-base,20)) * 1rem))}:host([_type=banner]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([_type=banner][status=warning]),:host([_type=default][status=warning]){--color:var(--cds-global-color-black, black)}:host([_type=banner][status=warning]) cds-alert-actions,:host([_type=default][status=warning]) cds-alert-actions{--action-hover-text-color:var(--color);--action-text-color:var(--color)}:host([_type=banner]) .spinner{height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));width:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));min-height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));min-width:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));margin-top:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}:host([_type=banner]) cds-internal-close-button{height:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));margin-top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}@supports (-moz-appearance:none) and ((-webkit-text-emphasis:none) or (text-emphasis:none)){:host(:not([_type=banner]):not([size=sm])) .alert-content{transform:translateY(calc(-1*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))}}`;export default l;
+//# sourceMappingURL=alert.element.scss.js.map

package/alert/alert.element.scss.js.map

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

package/alert/alert.interfaces.js

@@ -1,7 +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 {};
-//# sourceMappingURL=alert.interfaces.js.map
+
+//# sourceMappingURL=alert.interfaces.js.map

package/alert/alert.interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.interfaces.js","sourceRoot":"","sources":["../../../src/alert/alert.interfaces.ts"],"names":[],"mappings":"AAAA;;;;GAIG","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 { StatusTypes } from '@cds/core/internal';\n\nexport type AlertStatusTypes = StatusTypes | 'alt' | 'loading';\n\nexport type AlertGroupTypes = 'default' | 'banner' | 'light';\n\nexport type AlertSizes = 'default' | 'sm';\n"]}
+{"version":3,"file":"alert.interfaces.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/alert/index.js

@@ -1,10 +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 './alert-actions.element.js';
-export * from './alert.element.js';
-export * from './alert-group.element.js';
-export * from './alert.interfaces.js';
-//# sourceMappingURL=index.js.map
+export{CdsAlertActions}from"./alert-actions.element.js";export{CdsAlert,getAlertContentLayout,getIconStatusLabel,getIconStatusShape,getIconStatusTuple,iconShapeIsAlertStatusType}from"./alert.element.js";export{CdsAlertGroup}from"./alert-group.element.js";import"./alert.interfaces.js";
+//# sourceMappingURL=index.js.map

package/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,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 './alert-actions.element.js';\nexport * from './alert.element.js';\nexport * from './alert-group.element.js';\nexport * from './alert.interfaces.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/alert/register.js

@@ -1,16 +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 '@cds/core/button/register.js';
-import '@cds/core/icon/register.js';
-import '@cds/core/internal-components/close-button/register.js';
-import { registerElementSafely } from '@cds/core/internal';
-import { CdsAlertActions } from './alert-actions.element.js';
-import { CdsAlertGroup } from './alert-group.element.js';
-import { CdsAlert } from './alert.element.js';
-registerElementSafely('cds-alert', CdsAlert);
-registerElementSafely('cds-alert-actions', CdsAlertActions);
-registerElementSafely('cds-alert-group', CdsAlertGroup);
-//# sourceMappingURL=register.js.map
+import"@cds/core/button/register.js";import"@cds/core/icon/register.js";import"@cds/core/internal-components/close-button/register.js";import{registerElementSafely as r}from"@cds/core/internal";import{CdsAlertActions as e}from"./alert-actions.element.js";import{CdsAlertGroup as t}from"./alert-group.element.js";import{CdsAlert as o}from"./alert.element.js";r("cds-alert",o),r("cds-alert-actions",e),r("cds-alert-group",t);
+//# sourceMappingURL=register.js.map

package/alert/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/alert/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wDAAwD,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,qBAAqB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC7C,qBAAqB,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC;AAC5D,qBAAqB,CAAC,iBAAiB,EAAE,aAAa,CAAC,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\nimport '@cds/core/button/register.js';\nimport '@cds/core/icon/register.js';\nimport '@cds/core/internal-components/close-button/register.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsAlertActions } from './alert-actions.element.js';\nimport { CdsAlertGroup } from './alert-group.element.js';\nimport { CdsAlert } from './alert.element.js';\n\nregisterElementSafely('cds-alert', CdsAlert);\nregisterElementSafely('cds-alert-actions', CdsAlertActions);\nregisterElementSafely('cds-alert-group', CdsAlertGroup);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-alert': CdsAlert;\n    'cds-alert-actions': CdsAlertActions;\n    'cds-alert-group': CdsAlertGroup;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/alert/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsAlert","CdsAlertActions","CdsAlertGroup"],"mappings":"sWAYAA,EAAsB,YAAaC,GACnCD,EAAsB,oBAAqBE,GAC3CF,EAAsB,kBAAmBG"}

package/badge/badge.element.d.ts

@@ -1,5 +1,5 @@
 import { StatusTypes } from '@cds/core/internal';
-import { LitElement } from 'lit-element';
+import { LitElement } from 'lit';
 /**
  * Badges provide a method to highlight a count of an element either next to it
  * or inside the element itself.
@@ -34,6 +34,6 @@ export declare class CdsBadge extends LitElement {
      * Sets the color of the badge
      */
     status: StatusTypes;
-    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/badge/badge.element.js

@@ -1,66 +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 { __decorate } from "tslib";
-import { baseStyles, property } from '@cds/core/internal';
-import { html, LitElement } from 'lit-element';
-import { styles } from './badge.element.css.js';
-/**
- * Badges provide a method to highlight a count of an element either next to it
- * or inside the element itself.
- *
- * ```typescript
- * import '@cds/core/badge/register.js';
- * ```
- *
- * ```html
- * <cds-badge status="info">2<span cds-layout="display:screen-reader-only"> items. Item text for screen-readers should be added to badges in elements that will only be read in a screen-reader.</span></cds-badge>
- * ```
- *
- * @element cds-badge
- * @slot - Content slot for inside the badge
- * @cssprop --background
- * @cssprop --border-color
- * @cssprop --border-radius
- * @cssprop --border-width
- * @cssprop --color
- * @cssprop --font-size
- * @cssprop --font-weight
- * @cssprop --padding
- * @cssprop --size
- */
-export class CdsBadge extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Sets the color of the badge
-         */
-        this.color = null;
-        /**
-         * @type {neutral | info | success | warning | danger}
-         * Sets the color of the badge
-         */
-        this.status = 'neutral';
-    }
-    render() {
-        return html `
-      <div class="private-host">
-        <span cds-text="lhe">
-          <slot></slot>
-        </span>
-      </div>
-    `;
-    }
-    static get styles() {
-        return [baseStyles, styles];
-    }
-}
-__decorate([
-    property({ type: String })
-], CdsBadge.prototype, "color", void 0);
-__decorate([
-    property({ type: String })
-], CdsBadge.prototype, "status", void 0);
-//# sourceMappingURL=badge.element.js.map
+import{__decorate as t}from"tslib";import{baseStyles as r,property as s}from"@cds/core/internal";import{LitElement as o,html as e}from"lit";import i from"./badge.element.scss.js";class l extends o{constructor(){super(...arguments),this.color=null,this.status="neutral"}render(){return e`<div class="private-host"><span cds-text="lhe"><slot></slot></span></div>`}static get styles(){return[r,i]}}t([s({type:String})],l.prototype,"color",void 0),t([s({type:String})],l.prototype,"status",void 0);export{l as CdsBadge};
+//# sourceMappingURL=badge.element.js.map

package/badge/badge.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.element.js","sourceRoot":"","sources":["../../../src/badge/badge.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAe,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QACE;;WAEG;QAEH,UAAK,GAA4E,IAAI,CAAC;QAEtF;;;WAGG;QAEH,WAAM,GAAgB,SAAS,CAAC;IAelC,CAAC;IAbC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;KAMV,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC9B,CAAC;CACF;AAtBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAC2D;AAOtF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACK","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 { baseStyles, property, StatusTypes } from '@cds/core/internal';\nimport { html, LitElement } from 'lit-element';\nimport { styles } from './badge.element.css.js';\n\n/**\n * Badges provide a method to highlight a count of an element either next to it\n * or inside the element itself.\n *\n * ```typescript\n * import '@cds/core/badge/register.js';\n * ```\n *\n * ```html\n * <cds-badge status=\"info\">2<span cds-layout=\"display:screen-reader-only\"> items. Item text for screen-readers should be added to badges in elements that will only be read in a screen-reader.</span></cds-badge>\n * ```\n *\n * @element cds-badge\n * @slot - Content slot for inside the badge\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --padding\n * @cssprop --size\n */\nexport class CdsBadge extends LitElement {\n  /**\n   * Sets the color of the badge\n   */\n  @property({ type: String })\n  color: 'default' | 'gray' | 'purple' | 'blue' | 'orange' | 'light-blue' | null = null;\n\n  /**\n   * @type {neutral | info | success | warning | danger}\n   * Sets the color of the badge\n   */\n  @property({ type: String })\n  status: StatusTypes = 'neutral';\n\n  render() {\n    return html`\n      <div class=\"private-host\">\n        <span cds-text=\"lhe\">\n          <slot></slot>\n        </span>\n      </div>\n    `;\n  }\n\n  static get styles() {\n    return [baseStyles, styles];\n  }\n}\n"]}
+{"version":3,"file":"badge.element.js","sources":["../../../src/badge/badge.element.ts"],"sourcesContent":null,"names":["CdsBadge","LitElement","[object Object]","super","arguments","this","color","status","html","styles","baseStyles","__decorate","property","type","String","prototype"],"mappings":"mLAiCO,MAAMA,UAAiBC,EAC1BC,cACIC,SAASC,WAITC,KAAKC,MAAQ,KAKbD,KAAKE,OAAS,UAElBL,SACI,OAAOM,CAAK,4EAQhBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAASe,UAAW,aAAS,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAASe,UAAW,cAAU"}

package/badge/badge.element.scss.js

@@ -0,0 +1,2 @@
+import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-1, calc((11 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--padding:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);white-space:nowrap;background:var(--background);color:var(--color);padding:var(--padding);text-align:center;font-size:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center}:host(:visited){color:var(--color)}:host([status=info]){--background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([status=success]){--background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([status=warning]){--background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600));--color:var(--cds-global-color-black, black)}:host([status=danger]){--background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([color=blue]){--background:var(--cds-global-color-blue-800, #00608a)}:host([color=purple]){--background:var(--cds-global-color-violet-500, #ac50d3)}:host([color=orange]){--background:var(--cds-global-color-ochre-700, #d68800);--color:var(--cds-global-color-black, black)}:host([color=light-blue]){--background:var(--cds-global-color-blue-400, #2ec0ff);--color:var(--cds-global-color-black, black)}`;export default o;
+//# sourceMappingURL=badge.element.scss.js.map

package/badge/badge.element.scss.js.map

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

package/badge/index.js

@@ -1,7 +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 './badge.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsBadge}from"./badge.element.js";
+//# sourceMappingURL=index.js.map

package/badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/badge/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,oBAAoB,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 './badge.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/badge/register.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.
- */
-import { registerElementSafely } from '@cds/core/internal';
-import { CdsBadge } from './badge.element.js';
-registerElementSafely('cds-badge', CdsBadge);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as e}from"@cds/core/internal";import{CdsBadge as r}from"./badge.element.js";e("cds-badge",r);
+//# sourceMappingURL=register.js.map

package/badge/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/badge/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,qBAAqB,CAAC,WAAW,EAAE,QAAQ,CAAC,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\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsBadge } from './badge.element.js';\n\nregisterElementSafely('cds-badge', CdsBadge);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-badge': CdsBadge;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/badge/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsBadge"],"mappings":"yGAOAA,EAAsB,YAAaC"}

package/breadcrumb/breadcrumb.element.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+/**
+ * ```typescript
+ * import '@cds/core/breadcrumb/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-breadcrumb aria-label="breadcrumb">
+ *   <a href="/home" cds-text="link">Home</a>
+ *   <a href="/parent" cds-text="link">Parent page</a>
+ *   <span aria-current="page">Current page</span>
+ * </cds-breadcrumb>
+ * ```
+ *
+ * @beta
+ * @element cds-breadcrumb
+ * @cssprop --font-size
+ * @cssprop --font-weight
+ * @cssprop --letter-spacing
+ * @cssprop --color
+ */
+export declare class CdsBreadcrumb extends LitElement {
+    protected role: string;
+    private navItems;
+    private customSeparator;
+    render(): import("lit-html").TemplateResult<1>;
+    private get separator();
+    private assignSlots;
+    private get slotNames();
+    static get styles(): import("lit").CSSResultGroup[];
+}

package/breadcrumb/breadcrumb.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{LitElement as r,html as s}from"lit";import{createId as e,baseStyles as o,state as a,querySlot as i}from"@cds/core/internal";import l from"./breadcrumb.element.scss.js";class n extends r{constructor(){super(...arguments),this.role="navigation",this.navItems=[]}render(){return s`<div class="private-host"><ol cds-layout="horizontal gap:sm align:vertical-center">${this.slotNames.map((t=>s`<li cds-layout="horizontal gap:sm align:vertical-center"><slot name="${t}"></slot><span part="separator" aria-hidden="true">${this.separator}</span></li>`))}</ol></div><slot @slotchange="${this.assignSlots}"></slot>`}get separator(){if(this.customSeparator){const t=this.customSeparator.cloneNode(!0);return t.removeAttribute("slot"),t}return s`/`}assignSlots(){this.navItems=Array.from(this.children).filter((t=>"cds-separator"!==t.getAttribute("slot"))).map((t=>(t.setAttribute("slot",e()),t)))}get slotNames(){return this.navItems.map((t=>t.slot))}static get styles(){return[o,l]}}t([a({type:String,reflect:!0,attribute:"role"})],n.prototype,"role",void 0),t([a({type:Array})],n.prototype,"navItems",void 0),t([i('[slot="cds-separator"]')],n.prototype,"customSeparator",void 0);export{n as CdsBreadcrumb};
+//# sourceMappingURL=breadcrumb.element.js.map

package/breadcrumb/breadcrumb.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":null,"names":["CdsBreadcrumb","LitElement","[object Object]","super","arguments","this","role","navItems","html","slotNames","map","slotName","separator","assignSlots","customSeparator","separatorClone","cloneNode","removeAttribute","Array","from","children","filter","c","getAttribute","element","setAttribute","createId","slot","styles","baseStyles","__decorate","state","type","String","reflect","attribute","prototype","querySlot"],"mappings":"kNAwBO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,KAAO,aACZD,KAAKE,SAAW,GAEpBL,SACI,OAAOM,CAAK,sFAGRH,KAAKI,UAAUC,KAAIC,GAAYH,CAAK,wEAElBG,uDAC8BN,KAAKO,0DAKvCP,KAAKQ,uBAG3BD,gBACI,GAAIP,KAAKS,gBAAiB,CACtB,MAAMC,EAAiBV,KAAKS,gBAAgBE,WAAU,GAEtD,OADAD,EAAeE,gBAAgB,QACxBF,EAGP,OAAOP,CAAK,IAGpBN,cACIG,KAAKE,SAAWW,MAAMC,KAAKd,KAAKe,UAC3BC,QAAOC,GAAgC,kBAA3BA,EAAEC,aAAa,UAC3Bb,KAAIc,IACLA,EAAQC,aAAa,OAAQC,KACtBF,KAGff,gBACI,OAAOJ,KAAKE,SAASG,KAAIc,GAAWA,EAAQG,OAEhDC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAM,CAAEC,KAAMC,OAAQC,SAAS,EAAMC,UAAW,UACjDnC,EAAcoC,UAAW,YAAQ,GACpCN,EAAW,CACPC,EAAM,CAAEC,KAAMd,SACflB,EAAcoC,UAAW,gBAAY,GACxCN,EAAW,CACPO,EAAU,2BACXrC,EAAcoC,UAAW,uBAAmB"}

package/breadcrumb/breadcrumb.element.scss.js

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var t=o`:host{--font-size:var(--cds-global-typography-caption-font-size, calc((11 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-caption-font-weight, 400);--letter-spacing:var(--cds-global-typography-caption-letter-spacing, 0.018182em);--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));display:inline-block}.private-host{font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);white-space:nowrap;color:var(--color);font-size:var(--font-size)}ol{list-style-type:none;padding:0}li:last-child [part=separator]{display:none}`;export default t;
+//# sourceMappingURL=breadcrumb.element.scss.js.map

package/breadcrumb/breadcrumb.element.scss.js.map

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

package/breadcrumb/index.d.ts

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

package/breadcrumb/index.js

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

package/breadcrumb/index.js.map

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

package/breadcrumb/register.d.ts

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

package/breadcrumb/register.js

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

package/breadcrumb/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/breadcrumb/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsBreadcrumb"],"mappings":"mHAOAA,EAAsB,iBAAkBC"}

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

@@ -0,0 +1,2 @@
+import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--background);--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));--font-size:var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--padding:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) - var(--border-width));--height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--min-width:var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem));--text-decoration:none;display:inline-block;height:var(--height)}.private-host,.private-host>span{align-items:center;justify-content:center;height:100%}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;text-decoration:var(--text-decoration);text-overflow:ellipsis;transform:translateZ(0);user-select:none;vertical-align:middle;white-space:nowrap;width:100%}.private-host>span{display:-webkit-box;display:-ms-flexbox;display:flex}.private-host .button-status-icon cds-icon{height:var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem));fill:var(--color)}.private-host .button-status-icon cds-icon[shape=error-standard]{--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}.private-host .button-status-icon .button-spinner{--ring-color:var(--cds-global-color-construction-400, #8a989e)}:host(:active) .private-host,:host(:active) .private-host::after{box-shadow:0 var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{filter:brightness(90%)}:host([action=outline]) .private-host::after{filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))));width:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--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))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:calc(var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}`;export default o;
+//# sourceMappingURL=base-button.element.scss.js.map

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

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

package/button/button.element.d.ts

@@ -1,7 +1,7 @@
 import { CdsBaseButton } from '@cds/core/internal';
-export declare const iconSpinner: (size: string) => import("lit-element").TemplateResult;
-export declare const iconCheck: import("lit-element").TemplateResult;
-export declare const iconError: import("lit-element").TemplateResult;
+export declare const iconSpinner: (size: string) => import("lit-html").TemplateResult<1>;
+export declare const iconCheck: import("lit-html").TemplateResult<1>;
+export declare const iconError: import("lit-html").TemplateResult<1>;
 export declare const enum ClrLoadingState {
     default = "default",
     loading = "loading",
@@ -70,8 +70,8 @@ export declare class CdsButton extends CdsBaseButton {
     constructor();
     firstUpdated(props: Map<string, any>): void;
     update(props: Map<string, any>): void;
-    render(): import("lit-element").TemplateResult;
-    static get styles(): import("lit-element").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResultGroup[];
     private updateLoadingState;
     private disableButton;
     private enableButton;

package/button/button.element.js

@@ -1,159 +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, CdsBaseButton, getElementWidth, property, spanWrapper } from '@cds/core/internal';
-import { ClarityIcons } from '@cds/core/icon/icon.service.js';
-import { errorStandardIcon } from '@cds/core/icon/shapes/error-standard.js';
-import { checkIcon } from '@cds/core/icon/shapes/check.js';
-import { html, query } from 'lit-element';
-import { styles as baseButtonStyles } from './base-button.element.css.js';
-import { styles } from './button.element.css.js';
-export const iconSpinner = (size) => {
-    const spinnerSize = size === 'sm' ? '12' : '18';
-    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>`;
-};
-export const iconCheck = html `<span class="button-status-icon" cds-layout="horizontal align:center"
-  ><cds-icon shape="check" status="success" cds-layout="align:center"></cds-icon
-></span>`;
-export const iconError = html `<span class="button-status-icon" cds-layout="horizontal align:center"
-  ><cds-icon shape="error-standard" cds-layout="align:center"></cds-icon
-></span>`;
-/**
- * Buttons allow an application to communicate action and direct user intent.
- *
- * ```typescript
- * import '@cds/core/button/register.js';
- * ```
- *
- * ```html
- * <cds-button>submit</cds-button>
- * ```
- *
- * @element cds-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-family
- * @cssprop --font-size
- * @cssprop --font-weight
- * @cssprop --height
- * @cssprop --letter-spacing
- * @cssprop --min-width
- * @cssprop --padding
- * @cssprop --text-decoration
- * @cssprop --text-transform
- */
-export class CdsButton extends CdsBaseButton {
-    constructor() {
-        super();
-        /**
-         * Define the type of action the button triggers
-         *
-         * - `solid`: buttons direct the user’s attention to the primary action the application is suggesting that the user take.
-         * - `outline`: buttons indicate secondary actions that compliments a primary action or reduces visual noise when there are many actions on the page.
-         * - `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.
-         */
-        this.action = 'solid';
-        /**
-         * Sets the color of the button to match the following string statuses
-         */
-        this.status = 'primary';
-        /**
-         * Sets the overall height and width of the button based on the following string values:
-         */
-        this.size = 'md';
-        /** Sets if the button should be full width with display block */
-        this.block = false;
-        /**
-         * @type {default | loading | success | error}
-         * Changes the button content based on the value passed.
-         *
-         * - `default`: shows the content of the button
-         * - `loading`: disables the button and shows a spinner inside the button
-         * - `success`: disables the button and shows a check mark inside the button; auto-triggers to change back to DEFAULT state after 1000 ms
-         * - `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)
-         */
-        this.loadingState = "default" /* default */;
-        ClarityIcons.addIcons(errorStandardIcon, checkIcon);
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        // Find and wrap any text nodes into span elements
-        spanWrapper(this.childNodes);
-        if (this.loadingState !== "default" /* default */) {
-            this.updateLoadingState();
-        }
-    }
-    update(props) {
-        if (this.privateHost && props.has('loadingState')) {
-            this.updateLoadingState();
-        }
-        super.update(props);
-    }
-    render() {
-        const loadingState = this.loadingState;
-        return html `<div class="private-host">
-      <div cds-layout="horizontal gap:sm wrap:none align:center">
-        ${loadingState === "success" /* success */ ? iconCheck : ''}
-        ${loadingState === "error" /* error */ ? iconError : ''}
-        ${loadingState === "loading" /* loading */ ? iconSpinner(this.size) : ''}
-        ${loadingState === "default" /* default */
-            ? html `<slot @slotchange=${() => spanWrapper(this.childNodes)}></slot>`
-            : ''}
-      </div>
-    </div>`;
-    }
-    static get styles() {
-        return [baseStyles, baseButtonStyles, styles];
-    }
-    updateLoadingState() {
-        switch (this.loadingState) {
-            case "loading" /* loading */:
-                this.disableButton();
-                return;
-            case "success" /* success */:
-                this.disableButton();
-                return;
-            case "error" /* error */:
-                this.disableButton();
-                return;
-            default:
-                this.enableButton();
-        }
-    }
-    disableButton() {
-        this.style.width = getElementWidth(this);
-        this.disabled = true;
-    }
-    enableButton() {
-        this.loadingState = "default" /* default */;
-        this.style.removeProperty('width');
-        this.disabled = false;
-    }
-}
-__decorate([
-    property({ type: String })
-], CdsButton.prototype, "action", void 0);
-__decorate([
-    property({ type: String })
-], CdsButton.prototype, "status", void 0);
-__decorate([
-    property({ type: String })
-], CdsButton.prototype, "size", void 0);
-__decorate([
-    property({ type: Boolean })
-], CdsButton.prototype, "block", void 0);
-__decorate([
-    query('.private-host')
-], CdsButton.prototype, "privateHost", void 0);
-__decorate([
-    property({ type: String })
-], CdsButton.prototype, "loadingState", void 0);
-//# sourceMappingURL=button.element.js.map
+import{__decorate as t}from"tslib";import{CdsBaseButton as s,spanWrapper as o,getElementWidth as e,baseStyles as i,property as a}from"@cds/core/internal";import{ClarityIcons as r}from"@cds/core/icon/icon.service.js";import{errorStandardIcon as n}from"@cds/core/icon/shapes/error-standard.js";import{checkIcon as c}from"@cds/core/icon/shapes/check.js";import{html as d}from"lit";import{query as l}from"lit/decorators/query.js";import p from"./base-button.element.scss.js";import u from"./button.element.scss.js";const h=t=>d`<span class="button-status-icon" cds-layout="horizontal align:center"><cds-progress-circle class="button-spinner" size="${"sm"===t?"12":"18"}" status="info"></cds-progress-circle></span>`,g=d`<span class="button-status-icon" cds-layout="horizontal align:center"><cds-icon shape="check" status="success" cds-layout="align:center"></cds-icon></span>`,m=d`<span class="button-status-icon" cds-layout="horizontal align:center"><cds-icon shape="error-standard" cds-layout="align:center"></cds-icon></span>`;var y;!function(t){t.default="default",t.loading="loading",t.success="success",t.error="error"}(y||(y={}));class f extends s{constructor(){super(),this.action="solid",this.status="primary",this.size="md",this.block=!1,this.loadingState=y.default,r.addIcons(n,c)}firstUpdated(t){super.firstUpdated(t),o(this.childNodes),this.loadingState!==y.default&&this.updateLoadingState()}update(t){this.privateHost&&t.has("loadingState")&&this.updateLoadingState(),super.update(t)}render(){const t=this.loadingState;return d`<div class="private-host"><div cds-layout="horizontal gap:sm wrap:none align:center">${t===y.success?g:""} ${t===y.error?m:""} ${t===y.loading?h(this.size):""} ${t===y.default?d`<slot @slotchange="${()=>o(this.childNodes)}"></slot>`:""}</div></div>`}updateLoadingState(){if(!this.disabled)switch(this.loadingState){case y.loading:case y.success:case y.error:return void this.disableButton();default:this.enableButton()}}disableButton(){this.style.width=e(this),this.disabled=!0}enableButton(){this.loadingState=y.default,this.style.removeProperty("width"),this.disabled=!1}}f.styles=[i,p,u],t([a({type:String})],f.prototype,"action",void 0),t([a({type:String})],f.prototype,"status",void 0),t([a({type:String})],f.prototype,"size",void 0),t([a({type:Boolean})],f.prototype,"block",void 0),t([l(".private-host")],f.prototype,"privateHost",void 0),t([a({type:String})],f.prototype,"loadingState",void 0);export{f as CdsButton,y as ClrLoadingState,g as iconCheck,m as iconError,h as iconSpinner};
+//# sourceMappingURL=button.element.js.map