@cds/core 5.6.2 → 5.7.0

package/breadcrumb/breadcrumb.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":null,"names":["CdsBreadcrumb","LitElement","[object Object]","super","arguments","this","navItems","role","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","prototype","querySlot"],"mappings":"kNAwBO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,SAAW,GAChBD,KAAKE,KAAO,aAEhBL,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,KAAKC,SAAWY,MAAMC,KAAKd,KAAKe,UAC3BC,QAAOC,GAAgC,kBAA3BA,EAAEC,aAAa,UAC3Bb,KAAIc,IACLA,EAAQC,aAAa,OAAQC,KACtBF,KAGff,gBACI,OAAOJ,KAAKC,SAASI,KAAIc,GAAWA,EAAQG,OAEhDC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAM,CAAEC,KAAMd,SACflB,EAAciC,UAAW,gBAAY,GACxCH,EAAW,CACPI,EAAU,2BACXlC,EAAciC,UAAW,uBAAmB"}
+{"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\nimport { __decorate } from \"tslib\";\nimport { html, LitElement } from 'lit';\nimport { baseStyles, createId, state, querySlot } from '@cds/core/internal';\nimport styles from './breadcrumb.element.scss';\n/**\n * ```typescript\n * import '@cds/core/breadcrumb/register.js';\n * ```\n *\n * ```html\n * <cds-breadcrumb aria-label=\"breadcrumb\">\n *   <a href=\"/home\" cds-text=\"link\">Home</a>\n *   <a href=\"/parent\" cds-text=\"link\">Parent page</a>\n *   <span aria-current=\"page\">Current page</span>\n * </cds-breadcrumb>\n * ```\n *\n * @beta\n * @element cds-breadcrumb\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --letter-spacing\n * @cssprop --color\n */\nexport class CdsBreadcrumb extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.navItems = [];\n    }\n    render() {\n        return html `\n      <div class=\"private-host\">\n        <ol cds-layout=\"horizontal gap:sm align:vertical-center\">\n          ${this.slotNames.map(slotName => html `\n              <li cds-layout=\"horizontal gap:sm align:vertical-center\">\n                <slot name=\"${slotName}\"></slot>\n                <span part=\"separator\" aria-hidden=\"true\">${this.separator}</span>\n              </li>\n            `)}\n        </ol>\n      </div>\n      <slot @slotchange=${this.assignSlots}></slot>\n    `;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.role = 'navigation';\n    }\n    get separator() {\n        if (this.customSeparator) {\n            const separatorClone = this.customSeparator.cloneNode(true);\n            separatorClone.removeAttribute('slot');\n            return separatorClone;\n        }\n        else {\n            return html `/`;\n        }\n    }\n    assignSlots() {\n        this.navItems = Array.from(this.children)\n            .filter(c => c.getAttribute('slot') !== 'cds-separator')\n            .map(element => {\n            element.setAttribute('slot', createId());\n            return element;\n        });\n    }\n    get slotNames() {\n        return this.navItems.map(element => element.slot);\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n}\n__decorate([\n    state({ type: Array })\n], CdsBreadcrumb.prototype, \"navItems\", void 0);\n__decorate([\n    querySlot('[slot=\"cds-separator\"]')\n], CdsBreadcrumb.prototype, \"customSeparator\", void 0);\n"],"names":["CdsBreadcrumb","LitElement","constructor","super","this","navItems","render","html","slotNames","map","slotName","separator","assignSlots","connectedCallback","role","customSeparator","separatorClone","cloneNode","removeAttribute","Array","from","children","filter","c","getAttribute","element","setAttribute","createId","slot","styles","baseStyles","__decorate","state","type","prototype","querySlot"],"mappings":"kNA6BO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,SAAW,GAEpBC,SACI,OAAOC,CAAK,sFAGRH,KAAKI,UAAUC,KAAIC,GAAYH,CAAK,wEAElBG,uDAC8BN,KAAKO,0DAKvCP,KAAKQ,uBAG3BC,oBACIV,MAAMU,oBACNT,KAAKU,KAAO,aAEZH,gBACA,GAAIP,KAAKW,gBAAiB,CACtB,MAAMC,EAAiBZ,KAAKW,gBAAgBE,WAAU,GAEtD,OADAD,EAAeE,gBAAgB,QACxBF,EAGP,OAAOT,CAAK,IAGpBK,cACIR,KAAKC,SAAWc,MAAMC,KAAKhB,KAAKiB,UAC3BC,QAAOC,GAAgC,kBAA3BA,EAAEC,aAAa,UAC3Bf,KAAIgB,IACLA,EAAQC,aAAa,OAAQC,KACtBF,KAGXjB,gBACA,OAAOJ,KAAKC,SAASI,KAAIgB,GAAWA,EAAQG,OAErCC,oBACP,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAM,CAAEC,KAAMd,SACfnB,EAAckC,UAAW,gBAAY,GACxCH,EAAW,CACPI,EAAU,2BACXnC,EAAckC,UAAW,uBAAmB"}

package/breadcrumb/breadcrumb.element.scss.js

@@ -1,2 +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;
+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{t as default};
 //# sourceMappingURL=breadcrumb.element.scss.js.map

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

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

package/breadcrumb/index.js.map

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

package/breadcrumb/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/breadcrumb/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsBreadcrumb"],"mappings":"mHAOAA,EAAsB,iBAAkBC"}
+{"version":3,"file":"register.js","sources":["../../../src/breadcrumb/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsBreadcrumb } from './breadcrumb.element.js';\nregisterElementSafely('cds-breadcrumb', CdsBreadcrumb);\n"],"names":["registerElementSafely","CdsBreadcrumb"],"mappings":"mHAOAA,EAAsB,iBAAkBC"}

package/button/button.element.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsBaseButton } from '@cds/core/internal';
 export declare const enum ClrLoadingState {
     default = "default",
@@ -62,12 +63,13 @@ export declare class CdsButton extends CdsBaseButton {
      * - `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)
      */
-    get loadingState(): keyof typeof ClrLoadingState;
-    set loadingState(value: keyof typeof ClrLoadingState);
-    private _loadingState;
+    loadingState: keyof typeof ClrLoadingState;
+    firstUpdated(props: PropertyValues<this>): void;
+    update(props: PropertyValues<this>): void;
     private _disabled;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
+    isDefaultLoadingState(state: string): boolean;
     private disableButton;
     private enableButton;
 }

package/button/button.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{CdsBaseButton as s,getElementWidth as e,baseStyles as i,property as o}from"@cds/core/internal";import{html as a}from"lit";import d from"./button.element.scss.js";var r;!function(t){t.default="default",t.loading="loading",t.success="success",t.error="error"}(r||(r={}));class l extends s{constructor(){super(...arguments),this.action="solid",this.status="primary",this.size="md",this.block=!1,this._loadingState=r.default,this._disabled=!1}get loadingState(){return this._loadingState}set loadingState(t){this._loadingState===r.default&&(this._disabled=this.disabled),t===r.default?this.enableButton():this.disableButton();const s=this._loadingState;this._loadingState=t,this.requestUpdate("loadingState",s)}render(){return a`<div class="private-host" cds-layout="horizontal gap:sm wrap:none align:center">${this.loadingState===r.success?a`<cds-icon shape="check" status="success" size="18"></cds-icon>`:""} ${this.loadingState===r.error?a`<cds-icon shape="error-standard" status="danger" size="18"></cds-icon>`:""} ${this.loadingState===r.loading?a`<cds-progress-circle .size="${"sm"===this.size?"12":"18"}" status="info"></cds-progress-circle>`:""} ${this.loadingState===r.default?a`<slot></slot>`:""}</div>`}async disableButton(){await this.updateComplete,this.style.width=e(this),this.disabled=!0}enableButton(){this.style.removeProperty("width"),this.disabled=this._disabled}}l.styles=[i,d],t([o({type:String})],l.prototype,"action",void 0),t([o({type:String})],l.prototype,"status",void 0),t([o({type:String})],l.prototype,"size",void 0),t([o({type:Boolean})],l.prototype,"block",void 0),t([o({type:String})],l.prototype,"loadingState",null);export{l as CdsButton,r as ClrLoadingState};
+import{__decorate as t}from"tslib";import{html as s}from"lit";import{CdsBaseButton as i,getElementWidth as e,baseStyles as a,property as o}from"@cds/core/internal";import d from"./button.element.scss.js";var r;!function(t){t.default="default",t.loading="loading",t.success="success",t.error="error"}(r||(r={}));class l extends i{constructor(){super(...arguments);this.action="solid",this.status="primary",this.size="md",this.block=!1,this.loadingState=r.default,this._disabled=!1}firstUpdated(t){super.firstUpdated(t),this.isDefaultLoadingState(this.loadingState)||(this.disabled=!0)}update(t){t.has("loadingState")&&(this.isDefaultLoadingState(t.get("loadingState"))&&(this._disabled=this.disabled),void 0!==t.get("loadingState")&&(this.isDefaultLoadingState(this.loadingState)?this.enableButton():this.disableButton())),super.update(t)}render(){return s`<div class="private-host" cds-layout="horizontal gap:sm wrap:none align:center">${this.loadingState===r.success?s`<cds-icon shape="check" status="success" size="18"></cds-icon>`:""} ${this.loadingState===r.error?s`<cds-icon shape="error-standard" status="danger" size="18"></cds-icon>`:""} ${this.loadingState===r.loading?s`<cds-progress-circle .size="${"sm"===this.size?"12":"18"}" status="info"></cds-progress-circle>`:""} ${this.loadingState===r.default?s`<slot></slot>`:""}</div>`}isDefaultLoadingState(t){return t===r.default}disableButton(){this.style.width=e(this),this.disabled=!0}enableButton(){this.style.removeProperty("width"),this.disabled=this._disabled}}l.styles=[a,d],t([o({type:String})],l.prototype,"action",void 0),t([o({type:String})],l.prototype,"status",void 0),t([o({type:String})],l.prototype,"size",void 0),t([o({type:Boolean})],l.prototype,"block",void 0),t([o({type:String})],l.prototype,"loadingState",void 0);export{l as CdsButton,r as ClrLoadingState};
 //# sourceMappingURL=button.element.js.map

package/button/button.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":null,"names":["ClrLoadingState","CdsButton","CdsBaseButton","[object Object]","super","arguments","this","action","status","size","block","_loadingState","default","_disabled","loadingState","value","disabled","enableButton","disableButton","oldValue","requestUpdate","html","success","error","loading","updateComplete","style","width","getElementWidth","removeProperty","styles","baseStyles","__decorate","property","type","String","prototype","Boolean"],"mappings":"4MASU,IAACA,GACX,SAAWA,GACPA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAuB,MAAI,QAJ/B,CAKGA,IAAoBA,EAAkB,KA8BlC,MAAMC,UAAkBC,EAC3BC,cACIC,SAASC,WAQTC,KAAKC,OAAS,QAIdD,KAAKE,OAAS,UAIdF,KAAKG,KAAO,KAEZH,KAAKI,OAAQ,EACbJ,KAAKK,cAAgBX,EAAgBY,QACrCN,KAAKO,WAAY,EAWrBC,mBACI,OAAOR,KAAKK,cAEhBG,iBAAiBC,GAETT,KAAKK,gBAAkBX,EAAgBY,UACvCN,KAAKO,UAAYP,KAAKU,UAEtBD,IAAUf,EAAgBY,QAC1BN,KAAKW,eAGLX,KAAKY,gBAET,MAAMC,EAAWb,KAAKK,cACtBL,KAAKK,cAAgBI,EACrBT,KAAKc,cAAc,eAAgBD,GAEvChB,SACI,OAAOkB,CAAK,mFACZf,KAAKQ,eAAiBd,EAAgBsB,QAChCD,CAAK,iEACL,MACNf,KAAKQ,eAAiBd,EAAgBuB,MAChCF,CAAK,yEACL,MACNf,KAAKQ,eAAiBd,EAAgBwB,QAChCH,CAAK,+BAA4C,OAAdf,KAAKG,KAAgB,KAAO,6CAC/D,MACNH,KAAKQ,eAAiBd,EAAgBY,QAAUS,CAAK,gBAAkB,WAG3ElB,4BACUG,KAAKmB,eACXnB,KAAKoB,MAAMC,MAAQC,EAAgBtB,MACnCA,KAAKU,UAAW,EAEpBb,eACIG,KAAKoB,MAAMG,eAAe,SAC1BvB,KAAKU,SAAWV,KAAKO,WAG7BZ,EAAU6B,OAAS,CAACC,EAAYD,GAChCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,YAAQ,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBpC,EAAUmC,UAAW,aAAS,GACjCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,eAAgB"}
+{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { baseStyles, CdsBaseButton, getElementWidth, property } from '@cds/core/internal';\nimport styles from './button.element.scss';\nexport var ClrLoadingState;\n(function (ClrLoadingState) {\n    ClrLoadingState[\"default\"] = \"default\";\n    ClrLoadingState[\"loading\"] = \"loading\";\n    ClrLoadingState[\"success\"] = \"success\";\n    ClrLoadingState[\"error\"] = \"error\";\n})(ClrLoadingState || (ClrLoadingState = {}));\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    constructor() {\n        super(...arguments);\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        this.action = 'solid';\n        /**\n         * Sets the color of the button to match the following string statuses\n         */\n        this.status = 'primary';\n        /**\n         * Sets the overall height and width of the button based on the following string values:\n         */\n        this.size = 'md';\n        /** Sets if the button should be full width with display block */\n        this.block = false;\n        /**\n         * Changes the button content based on the value passed.\n         * @type {default | loading | success | error}\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        this.loadingState = ClrLoadingState.default;\n        this._disabled = false;\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        if (!this.isDefaultLoadingState(this.loadingState)) {\n            this.disabled = true;\n        }\n    }\n    update(props) {\n        if (props.has('loadingState')) {\n            if (this.isDefaultLoadingState(props.get('loadingState'))) {\n                // track prior disabled state to set prior value after button is re-enabled from a loading state\n                this._disabled = this.disabled;\n            }\n            if (props.get('loadingState') !== undefined) {\n                if (this.isDefaultLoadingState(this.loadingState)) {\n                    this.enableButton();\n                }\n                else {\n                    this.disableButton();\n                }\n            }\n        }\n        super.update(props);\n    }\n    render() {\n        return html `<div class=\"private-host\" cds-layout=\"horizontal gap:sm wrap:none align:center\">\n      ${this.loadingState === ClrLoadingState.success\n            ? html `<cds-icon shape=\"check\" status=\"success\" size=\"18\"></cds-icon>`\n            : ''}\n      ${this.loadingState === ClrLoadingState.error\n            ? html `<cds-icon shape=\"error-standard\" status=\"danger\" size=\"18\"></cds-icon>`\n            : ''}\n      ${this.loadingState === ClrLoadingState.loading\n            ? html `<cds-progress-circle .size=${this.size === 'sm' ? '12' : '18'} status=\"info\"></cds-progress-circle>`\n            : ''}\n      ${this.loadingState === ClrLoadingState.default ? html `<slot></slot>` : ''}\n    </div>`;\n    }\n    isDefaultLoadingState(state) {\n        return state === ClrLoadingState.default;\n    }\n    disableButton() {\n        this.style.width = getElementWidth(this);\n        this.disabled = true;\n    }\n    enableButton() {\n        this.style.removeProperty('width');\n        this.disabled = this._disabled;\n    }\n}\nCdsButton.styles = [baseStyles, styles];\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"action\", void 0);\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"status\", void 0);\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"size\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsButton.prototype, \"block\", void 0);\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"loadingState\", void 0);\n"],"names":["ClrLoadingState","CdsButton","CdsBaseButton","constructor","super","this","action","status","size","block","loadingState","default","_disabled","firstUpdated","props","isDefaultLoadingState","disabled","update","has","get","undefined","enableButton","disableButton","render","html","success","error","loading","state","style","width","getElementWidth","removeProperty","styles","baseStyles","__decorate","property","type","String","prototype","Boolean"],"mappings":"4MASU,IAACA,GACX,SAAWA,GACPA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAuB,MAAI,QAJ/B,CAKGA,IAAoBA,EAAkB,KA8BlC,MAAMC,UAAkBC,EAC3BC,cACIC,oBAQAC,KAAKC,OAAS,QAIdD,KAAKE,OAAS,UAIdF,KAAKG,KAAO,KAEZH,KAAKI,OAAQ,EAUbJ,KAAKK,aAAeV,EAAgBW,QACpCN,KAAKO,WAAY,EAErBC,aAAaC,GACTV,MAAMS,aAAaC,GACdT,KAAKU,sBAAsBV,KAAKK,gBACjCL,KAAKW,UAAW,GAGxBC,OAAOH,GACCA,EAAMI,IAAI,kBACNb,KAAKU,sBAAsBD,EAAMK,IAAI,mBAErCd,KAAKO,UAAYP,KAAKW,eAEQI,IAA9BN,EAAMK,IAAI,kBACNd,KAAKU,sBAAsBV,KAAKK,cAChCL,KAAKgB,eAGLhB,KAAKiB,kBAIjBlB,MAAMa,OAAOH,GAEjBS,SACI,OAAOC,CAAK,mFACZnB,KAAKK,eAAiBV,EAAgByB,QAChCD,CAAK,iEACL,MACNnB,KAAKK,eAAiBV,EAAgB0B,MAChCF,CAAK,yEACL,MACNnB,KAAKK,eAAiBV,EAAgB2B,QAChCH,CAAK,+BAA4C,OAAdnB,KAAKG,KAAgB,KAAO,6CAC/D,MACNH,KAAKK,eAAiBV,EAAgBW,QAAUa,CAAK,gBAAkB,WAG3ET,sBAAsBa,GAClB,OAAOA,IAAU5B,EAAgBW,QAErCW,gBACIjB,KAAKwB,MAAMC,MAAQC,EAAgB1B,MACnCA,KAAKW,UAAW,EAEpBK,eACIhB,KAAKwB,MAAMG,eAAe,SAC1B3B,KAAKW,SAAWX,KAAKO,WAG7BX,EAAUgC,OAAS,CAACC,EAAYD,GAChCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrC,EAAUsC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrC,EAAUsC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrC,EAAUsC,UAAW,YAAQ,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBvC,EAAUsC,UAAW,aAAS,GACjCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrC,EAAUsC,UAAW,oBAAgB"}

package/button/button.element.scss.js

@@ -1,2 +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;--font-weight:var(--cds-global-typography-font-weight-semibold, 600);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em;display:inline-block;height:var(--height)}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;-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);height:100%;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%;font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}.private-host>span{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;height:100%}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}: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%}: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, 600)!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 o;
+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;--font-weight:var(--cds-global-typography-font-weight-semibold, 600);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em;display:inline-block;height:var(--height)}.private-host{display:inline-flex;align-items:center;-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);height:100%;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%;font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}.private-host>span{display:flex;align-items:center;justify-content:center;height:100%}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}: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%}: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, 600)!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{o as default};
 //# sourceMappingURL=button.element.scss.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":null,"names":["CdsIconButton","CdsButton","styles","super","__decorate","property","type","String","required","prototype"],"mappings":"8KAgCO,MAAMA,UAAsBC,EAC/BC,oBACI,MAAO,CAACC,MAAMD,OAAQA,IAG9BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAU,aACpCR,EAAcS,UAAW,iBAAa"}
+{"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\nimport { __decorate } from \"tslib\";\nimport { property } from '@cds/core/internal';\nimport styles from './icon-button.element.scss';\nimport { CdsButton } from './button.element.js';\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    static get styles() {\n        return [super.styles, styles];\n    }\n}\n__decorate([\n    property({ type: String, required: 'warning' })\n], CdsIconButton.prototype, \"ariaLabel\", void 0);\n"],"names":["CdsIconButton","CdsButton","styles","super","__decorate","property","type","String","required","prototype"],"mappings":"8KAgCO,MAAMA,UAAsBC,EACpBC,oBACP,MAAO,CAACC,MAAMD,OAAQA,IAG9BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAU,aACpCR,EAAcS,UAAW,iBAAa"}

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

@@ -1,2 +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;
+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{r as default};
 //# sourceMappingURL=icon-button.element.scss.js.map

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

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

package/button/index.js

@@ -1,2 +1,2 @@
-export{CdsButton,ClrLoadingState}from"./button.element.js";export{CdsIconButton}from"./icon-button.element.js";export{CdsInlineButton}from"./inline-button.element.js";import"@cds/core/internal";import"lit";
+export{CdsButton,ClrLoadingState}from"./button.element.js";export{CdsIconButton}from"./icon-button.element.js";export{CdsInlineButton}from"./inline-button.element.js";
 //# sourceMappingURL=index.js.map

package/button/index.js.map

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

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"inline-button.element.js","sources":["../../../src/button/inline-button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\nimport { addClassnames, baseStyles, CdsBaseButton } from '@cds/core/internal';\nimport { html } from 'lit';\nimport styles from './inline-button.element.scss';\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() {\n        super.connectedCallback();\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    render() {\n        return html `<span class=\"private-host\"><slot></slot></span>`;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n}\n"],"names":["CdsInlineButton","CdsBaseButton","connectedCallback","super","this","icon","addClassnames","render","html","styles","baseStyles"],"mappings":"gKA4BO,MAAMA,UAAwBC,EACjCC,oBACIC,MAAMD,oBAGFE,KAAKC,MACLC,EAAcF,KAAKC,KAAM,iBAGjCE,SACI,OAAOC,CAAK,kDAELC,oBACP,MAAO,CAACC,EAAYD"}

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

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var o=t`:host{--text-decoration:underline;--color:var(--cds-global-typography-link-color, var(--cds-global-color-blue-800, #00608a));--font-size:inherit;--line-height:inherit;--letter-spacing:inherit;display:inline;line-height:inherit;font-size:inherit}.private-host{color:var(--color)!important;line-height:var(--line-height)!important;font-size:var(--font-size)!important;letter-spacing:var(--letter-spacing)!important;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;
+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{o as default};
 //# sourceMappingURL=inline-button.element.scss.js.map

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

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

package/button/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/button/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","errorStandardIcon","checkIcon","registerElementSafely","CdsButton","CdsIconButton","CdsInlineButton"],"mappings":"ufAcAA,EAAaC,SAASC,EAAmBC,GACzCC,EAAsB,aAAcC,GACpCD,EAAsB,kBAAmBE,GACzCF,EAAsB,oBAAqBG"}
+{"version":3,"file":"register.js","sources":["../../../src/button/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\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';\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';\nClarityIcons.addIcons(errorStandardIcon, checkIcon);\nregisterElementSafely('cds-button', CdsButton);\nregisterElementSafely('cds-icon-button', CdsIconButton);\nregisterElementSafely('cds-inline-button', CdsInlineButton);\n"],"names":["ClarityIcons","addIcons","errorStandardIcon","checkIcon","registerElementSafely","CdsButton","CdsIconButton","CdsInlineButton"],"mappings":"ufAcAA,EAAaC,SAASC,EAAmBC,GACzCC,EAAsB,aAAcC,GACpCD,EAAsB,kBAAmBE,GACzCF,EAAsB,oBAAqBG"}

package/card/card.element.d.ts

@@ -45,7 +45,7 @@ import { CdsInternalPanel } from '@cds/core/internal-components/panel';
  * @cssprop --cds-card-remove-margin
  */
 export declare class CdsCard extends CdsInternalPanel {
-    role: string;
-    globalStyles: import("lit").CSSResultGroup;
+    globalStyles: import("lit").CSSResult;
     static get styles(): import("lit").CSSResultGroup[];
+    connectedCallback(): void;
 }

package/card/card.element.js

@@ -1,2 +1,2 @@
-import{__decorate as r}from"tslib";import{css as e}from"lit";import{globalStyle as t}from"@cds/core/internal";import{CdsInternalPanel as o}from"@cds/core/internal-components/panel";import s from"./card.element.scss.js";class c extends o{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,s]}}r([t()],c.prototype,"globalStyles",void 0);export{c as CdsCard};
+import{__decorate as r}from"tslib";import{css as e}from"lit";import{globalStyle as t}from"@cds/core/internal";import{CdsInternalPanel as o}from"@cds/core/internal-components/panel";import c from"./card.element.scss.js";class s extends o{constructor(){super(...arguments);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]}connectedCallback(){super.connectedCallback(),this.role="region"}}r([t()],s.prototype,"globalStyles",void 0);export{s as CdsCard};
 //# sourceMappingURL=card.element.js.map

package/card/card.element.js.map

@@ -1 +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","globalStyle","prototype"],"mappings":"2NAkDO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,KAAO,SACZD,KAAKE,aAAeC,CAAI,oIAO5BC,oBACI,MAAO,IAAIN,MAAMM,OAAQA,IAGjCC,EAAW,CACPC,KACDX,EAAQY,UAAW,oBAAgB"}
+{"version":3,"file":"card.element.js","sources":["../../../src/card/card.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\nimport { __decorate } from \"tslib\";\nimport { css } from 'lit';\nimport { globalStyle } from '@cds/core/internal';\nimport { CdsInternalPanel } from '@cds/core/internal-components/panel';\nimport styles from './card.element.scss';\n/**\n * Web component card.\n *\n * ```typescript\n * import '@cds/core/card/register.js';\n * ```\n *\n * ```html\n * <cds-card aria-labelledby=\"{label your card}\">\n    <div cds-layout=\"vertical gap:md\">\n      <h2 id=\"{label your card}\" cds-text=\"section\" cds-layout=\"p-y:sm\">\n        <!-- Card title -->\n      </h2>\n\n      <cds-divider cds-card-remove-margin></cds-divider>\n\n      <div cds-text=\"body light\" cds-layout=\"p-y:md\">\n        <!-- Card content -->\n      </div>\n\n      <cds-divider cds-card-remove-margin></cds-divider>\n\n      <div cds-layout=\"horizontal gap:sm p-y:sm align:vertical-center\">\n        <cds-button action=\"flat-inline\">View</cds-button>\n      </div>\n    </div>\n  </cds-card>\n * ```\n *\n * @beta\n * @element cds-card\n * @slot - For projecting card content\n * @cssprop --width\n * @cssprop --height\n * @cssprop --color\n * @cssprop --overflow\n * @cssprop --overflow-x\n * @cssprop --overflow-y\n * @cssprop --background\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --cds-card-remove-margin\n */\nexport class CdsCard extends CdsInternalPanel {\n    constructor() {\n        super(...arguments);\n        this.globalStyles = css `\n    [cds-card-remove-margin] {\n      margin-left: calc(-1 * var(--card-remove-margin));\n      width: calc(100% + calc(var(--card-remove-margin) * 2));\n    }\n  `;\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.role = 'region';\n    }\n}\n__decorate([\n    globalStyle()\n], CdsCard.prototype, \"globalStyles\", void 0);\n"],"names":["CdsCard","CdsInternalPanel","constructor","super","this","globalStyles","css","styles","connectedCallback","role","__decorate","globalStyle","prototype"],"mappings":"2NAuDO,MAAMA,UAAgBC,EACzBC,cACIC,oBACAC,KAAKC,aAAeC,CAAI,oIAOjBC,oBACP,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,oBACIL,MAAMK,oBACNJ,KAAKK,KAAO,UAGpBC,EAAW,CACPC,KACDX,EAAQY,UAAW,oBAAgB"}

package/card/card.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 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)}`;export default r;
+import{css as a}from"lit";var r=a`:host{--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 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)}`;export{r as default};
 //# sourceMappingURL=card.element.scss.js.map

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

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

package/card/index.js.map

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

package/card/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/card/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCard"],"mappings":"uGAOAA,EAAsB,WAAYC"}
+{"version":3,"file":"register.js","sources":["../../../src/card/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsCard } from './card.element.js';\nregisterElementSafely('cds-card', CdsCard);\n"],"names":["registerElementSafely","CdsCard"],"mappings":"uGAOAA,EAAsB,WAAYC"}

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.element.js","sources":["../../../src/checkbox/checkbox-group.element.ts"],"sourcesContent":null,"names":["CdsCheckboxGroup","CdsInternalControlGroup"],"mappings":"0DA+BO,MAAMA,UAAyBC"}
+{"version":3,"file":"checkbox-group.element.js","sources":["../../../src/checkbox/checkbox-group.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\nimport { CdsInternalControlGroup } from '@cds/core/forms';\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}\n"],"names":["CdsCheckboxGroup","CdsInternalControlGroup"],"mappings":"0DA+BO,MAAMA,UAAyBC"}

package/checkbox/checkbox.element.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"checkbox.element.js","sources":["../../../src/checkbox/checkbox.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\nimport { CdsInternalControlInline } from '@cds/core/forms';\nimport styles from './checkbox.element.scss';\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"],"names":["CdsCheckbox","CdsInternalControlInline","styles","super"],"mappings":"qGA6BO,MAAMA,UAAoBC,EAClBC,oBACP,MAAO,IAAIC,MAAMD,OAAQA"}

package/checkbox/checkbox.element.scss.js

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

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

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

package/checkbox/index.js

@@ -1,2 +1,2 @@
-export{CdsCheckbox}from"./checkbox.element.js";export{CdsCheckboxGroup}from"./checkbox-group.element.js";import"@cds/core/forms";
+export{CdsCheckbox}from"./checkbox.element.js";export{CdsCheckboxGroup}from"./checkbox-group.element.js";
 //# sourceMappingURL=index.js.map

package/checkbox/index.js.map

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

package/checkbox/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/checkbox/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCheckbox","CdsCheckboxGroup"],"mappings":"kNASAA,EAAsB,eAAgBC,GACtCD,EAAsB,qBAAsBE"}
+{"version":3,"file":"register.js","sources":["../../../src/checkbox/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 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 */\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';\nregisterElementSafely('cds-checkbox', CdsCheckbox);\nregisterElementSafely('cds-checkbox-group', CdsCheckboxGroup);\n"],"names":["registerElementSafely","CdsCheckbox","CdsCheckboxGroup"],"mappings":"kNASAA,EAAsB,eAAgBC,GACtCD,EAAsB,qBAAsBE"}