@cds/core 6.1.0 → 6.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/alert.element.scss.js +1 -1
- package/button/button.element.d.ts +4 -2
- package/button/button.element.js +1 -1
- package/button/button.element.js.map +1 -1
- package/custom-elements.json +209 -70
- package/internal/base/button.base.d.ts +3 -1
- package/internal/base/button.base.js +1 -1
- package/internal/base/button.base.js.map +1 -1
- package/internal/utils/global.js +1 -1
- package/package.json +1 -1
- package/tag/tag.element.scss.js +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var l=a`:host{--container-padding:var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0;--min-height:var(--cds-global-space-9, calc(24 * 1rem / var(--cds-global-base, 20)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-secondary-font-size, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--icon-size:var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20)));--icon-color:var(--color);width:100%}.private-host{min-height:var(--min-height);color:var(--color)}:host([_type=banner]){--icon-size:var(--cds-global-space-9, calc(24 * 1rem / var(--cds-global-base, 20)))}.alert-status-icon,::slotted(cds-icon){height:var(--icon-size);width:var(--icon-size);--color:var(--icon-color)}.alert-close-wrapper{padding:var(--container-padding);padding-bottom:0}cds-internal-close-button{--color:inherit}.alert-content-wrapper,.alert-icon-wrapper{display:flex;min-height:var(--cds-global-space-6,calc(12 * 1rem / var(--cds-global-base,20)));padding:var(--container-padding)}.alert-icon-wrapper{min-width:var(--icon-size)}.alert-content-wrapper{display:inline-flex;align-items:center;transform:translateY(var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))));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=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 * 1rem / var(--cds-global-base, 20))));white-space:nowrap;display:block}:host([_type=default]) cds-internal-close-button{height:var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20)))}: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 * 1rem / var(--cds-global-base, 20)));--letter-spacing:normal}: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-construction-900, #21333b)}: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 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));width:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));min-height:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));min-width:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));margin-top:var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)))}:host([_type=banner]) cds-internal-close-button{height:var(--cds-global-space-9,calc(24 * 1rem / var(--cds-global-base,20)));margin-top:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}@supports (-moz-appearance:none) and (text-emphasis:none){:host(:not([_type=banner]):not([size=sm])) .alert-content{transform:translateY(calc(-1*var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)))))}}`;export{l as default};
|
|
1
|
+
import{css as a}from"lit";var l=a`:host{--container-padding:var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0;--min-height:var(--cds-global-space-9, calc(24 * 1rem / var(--cds-global-base, 20)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-secondary-font-size, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--icon-size:var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20)));--icon-color:var(--color);width:100%}.private-host{min-height:var(--min-height);color:var(--color)}:host([_type=banner]){--icon-size:var(--cds-global-space-9, calc(24 * 1rem / var(--cds-global-base, 20)))}.alert-status-icon,::slotted(cds-icon){height:var(--icon-size);width:var(--icon-size);--color:var(--icon-color)}.alert-close-wrapper{padding:var(--container-padding);padding-bottom:0}cds-internal-close-button{--color:inherit}.alert-content-wrapper,.alert-icon-wrapper{display:flex;min-height:var(--cds-global-space-6,calc(12 * 1rem / var(--cds-global-base,20)));padding:var(--container-padding);min-width:0}.alert-icon-wrapper{min-width:var(--icon-size)}.alert-content-wrapper{display:inline-flex;align-items:center;transform:translateY(var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))));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)}.alert-content{min-width:0}::slotted(cds-alert-actions){--action-text-color:var(--color);--action-size:var(--cds-global-typography-body-line-height, 1.42857em);display:none}: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 * 1rem / var(--cds-global-base, 20))));white-space:nowrap;display:block}:host([_type=default]) cds-internal-close-button{height:var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20)))}: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 * 1rem / var(--cds-global-base, 20)));--letter-spacing:normal}: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-construction-900, #21333b)}: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 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));width:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));min-height:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));min-width:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20))));margin-top:var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)))}:host([_type=banner]) cds-internal-close-button{height:var(--cds-global-space-9,calc(24 * 1rem / var(--cds-global-base,20)));margin-top:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}@supports (-moz-appearance:none) and (text-emphasis:none){:host(:not([_type=banner]):not([size=sm])) .alert-content{transform:translateY(calc(-1*var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)))))}}`;export{l as default};
|
|
2
2
|
//# sourceMappingURL=alert.element.scss.js.map
|
|
@@ -64,12 +64,14 @@ export declare class CdsButton extends CdsBaseButton {
|
|
|
64
64
|
* - `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)
|
|
65
65
|
*/
|
|
66
66
|
loadingState: keyof typeof ClrLoadingState;
|
|
67
|
+
get disabled(): boolean;
|
|
68
|
+
set disabled(value: boolean);
|
|
67
69
|
firstUpdated(props: PropertyValues<this>): void;
|
|
68
70
|
update(props: PropertyValues<this>): void;
|
|
69
|
-
private _disabled;
|
|
70
71
|
render(): import("lit-html").TemplateResult<1>;
|
|
71
72
|
static styles: import("lit").CSSResultGroup[];
|
|
72
73
|
isDefaultLoadingState(state: string): boolean;
|
|
73
74
|
private disableButton;
|
|
74
|
-
private
|
|
75
|
+
private restoreButton;
|
|
76
|
+
private _disabledExternally;
|
|
75
77
|
}
|
package/button/button.element.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{html as s}from"lit";import{CdsBaseButton as
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as s}from"lit";import{CdsBaseButton as e,getElementWidth as i,baseStyles as a,property as o}from"@cds/core/internal";import r from"./button.element.scss.js";var d;!function(t){t.default="default",t.loading="loading",t.success="success",t.error="error"}(d||(d={}));class l extends e{constructor(){super(...arguments);this.action="solid",this.status="primary",this.size="md",this.block=!1,this.loadingState=d.default,this._disabledExternally=!1}get disabled(){return super.disabled}set disabled(t){this._disabledExternally=t,super.disabled=t}firstUpdated(t){super.firstUpdated(t),this.isDefaultLoadingState(this.loadingState)||(this.disabled=!0)}update(t){t.has("loadingState")&&void 0!==t.get("loadingState")&&(this.isDefaultLoadingState(this.loadingState)?this.restoreButton():this.disableButton()),super.update(t)}render(){return s`<div class="private-host" cds-layout="horizontal gap:xs wrap:none align:center">${this.loadingState===d.success?s`<cds-icon shape="check" status="success" size="18"></cds-icon>`:""} ${this.loadingState===d.error?s`<cds-icon shape="error-standard" status="danger" size="18"></cds-icon>`:""} ${this.loadingState===d.loading?s`<cds-progress-circle .size="${"sm"===this.size?"12":"18"}" status="info"></cds-progress-circle>`:""} ${this.loadingState===d.default?s`<slot></slot>`:""}</div>`}isDefaultLoadingState(t){return t===d.default}disableButton(){this.style.width=i(this),super.disabled=!0}restoreButton(){this.style.removeProperty("width"),super.disabled=this._disabledExternally}}l.styles=[a,r],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),t([o({type:Boolean})],l.prototype,"disabled",null);export{l as CdsButton,d as ClrLoadingState};
|
|
2
2
|
//# sourceMappingURL=button.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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.
|
|
1
|
+
{"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 // when the loading state changes, the disabled state should be set to what the consumer manually set, if set\n // the setter here should never be called in the component, call super instead\n // https://github.com/vmware-clarity/core/issues/129\n this._disabledExternally = false;\n }\n get disabled() {\n return super.disabled;\n }\n set disabled(value) {\n this._disabledExternally = value;\n super.disabled = value;\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') && props.get('loadingState') !== undefined) {\n if (this.isDefaultLoadingState(this.loadingState)) {\n this.restoreButton();\n }\n else {\n this.disableButton();\n }\n }\n super.update(props);\n }\n render() {\n return html `<div class=\"private-host\" cds-layout=\"horizontal gap:xs 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 super.disabled = true;\n }\n restoreButton() {\n this.style.removeProperty('width');\n super.disabled = this._disabledExternally;\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__decorate([\n property({ type: Boolean })\n], CdsButton.prototype, \"disabled\", null);\n"],"names":["ClrLoadingState","CdsButton","CdsBaseButton","constructor","super","this","action","status","size","block","loadingState","default","_disabledExternally","disabled","value","firstUpdated","props","isDefaultLoadingState","update","has","undefined","get","restoreButton","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,QAIpCN,KAAKO,qBAAsB,EAE3BC,eACA,OAAOT,MAAMS,SAEbA,aAASC,GACTT,KAAKO,oBAAsBE,EAC3BV,MAAMS,SAAWC,EAErBC,aAAaC,GACTZ,MAAMW,aAAaC,GACdX,KAAKY,sBAAsBZ,KAAKK,gBACjCL,KAAKQ,UAAW,GAGxBK,OAAOF,GACCA,EAAMG,IAAI,sBAAiDC,IAA9BJ,EAAMK,IAAI,kBACnChB,KAAKY,sBAAsBZ,KAAKK,cAChCL,KAAKiB,gBAGLjB,KAAKkB,iBAGbnB,MAAMc,OAAOF,GAEjBQ,SACI,OAAOC,CAAK,mFACZpB,KAAKK,eAAiBV,EAAgB0B,QAChCD,CAAK,iEACL,MACNpB,KAAKK,eAAiBV,EAAgB2B,MAChCF,CAAK,yEACL,MACNpB,KAAKK,eAAiBV,EAAgB4B,QAChCH,CAAK,+BAA4C,OAAdpB,KAAKG,KAAgB,KAAO,6CAC/D,MACNH,KAAKK,eAAiBV,EAAgBW,QAAUc,CAAK,gBAAkB,WAG3ER,sBAAsBY,GAClB,OAAOA,IAAU7B,EAAgBW,QAErCY,gBACIlB,KAAKyB,MAAMC,MAAQC,EAAgB3B,MACnCD,MAAMS,UAAW,EAErBS,gBACIjB,KAAKyB,MAAMG,eAAe,SAC1B7B,MAAMS,SAAWR,KAAKO,qBAG9BX,EAAUiC,OAAS,CAACC,EAAYD,GAChCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtC,EAAUuC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtC,EAAUuC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtC,EAAUuC,UAAW,YAAQ,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBxC,EAAUuC,UAAW,aAAS,GACjCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtC,EAAUuC,UAAW,oBAAgB,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBxC,EAAUuC,UAAW,WAAY"}
|
package/custom-elements.json
CHANGED
|
@@ -1326,7 +1326,6 @@
|
|
|
1326
1326
|
"type": {
|
|
1327
1327
|
"text": "boolean"
|
|
1328
1328
|
},
|
|
1329
|
-
"default": "false",
|
|
1330
1329
|
"attribute": "disabled",
|
|
1331
1330
|
"inheritedFrom": {
|
|
1332
1331
|
"name": "CdsBaseButton",
|
|
@@ -1344,6 +1343,19 @@
|
|
|
1344
1343
|
"name": "CdsBaseButton",
|
|
1345
1344
|
"module": "internal/base/button.base.js"
|
|
1346
1345
|
}
|
|
1346
|
+
},
|
|
1347
|
+
{
|
|
1348
|
+
"kind": "field",
|
|
1349
|
+
"name": "_disabled",
|
|
1350
|
+
"type": {
|
|
1351
|
+
"text": "boolean"
|
|
1352
|
+
},
|
|
1353
|
+
"privacy": "private",
|
|
1354
|
+
"default": "false",
|
|
1355
|
+
"inheritedFrom": {
|
|
1356
|
+
"name": "CdsBaseButton",
|
|
1357
|
+
"module": "internal/base/button.base.js"
|
|
1358
|
+
}
|
|
1347
1359
|
}
|
|
1348
1360
|
],
|
|
1349
1361
|
"attributes": [
|
|
@@ -1439,7 +1451,6 @@
|
|
|
1439
1451
|
"type": {
|
|
1440
1452
|
"text": "boolean"
|
|
1441
1453
|
},
|
|
1442
|
-
"default": "false",
|
|
1443
1454
|
"fieldName": "disabled",
|
|
1444
1455
|
"inheritedFrom": {
|
|
1445
1456
|
"name": "CdsBaseButton",
|
|
@@ -1665,7 +1676,6 @@
|
|
|
1665
1676
|
"type": {
|
|
1666
1677
|
"text": "boolean"
|
|
1667
1678
|
},
|
|
1668
|
-
"default": "false",
|
|
1669
1679
|
"attribute": "disabled",
|
|
1670
1680
|
"inheritedFrom": {
|
|
1671
1681
|
"name": "CdsBaseButton",
|
|
@@ -1683,6 +1693,19 @@
|
|
|
1683
1693
|
"name": "CdsBaseButton",
|
|
1684
1694
|
"module": "internal/base/button.base.js"
|
|
1685
1695
|
}
|
|
1696
|
+
},
|
|
1697
|
+
{
|
|
1698
|
+
"kind": "field",
|
|
1699
|
+
"name": "_disabled",
|
|
1700
|
+
"type": {
|
|
1701
|
+
"text": "boolean"
|
|
1702
|
+
},
|
|
1703
|
+
"privacy": "private",
|
|
1704
|
+
"default": "false",
|
|
1705
|
+
"inheritedFrom": {
|
|
1706
|
+
"name": "CdsBaseButton",
|
|
1707
|
+
"module": "internal/base/button.base.js"
|
|
1708
|
+
}
|
|
1686
1709
|
}
|
|
1687
1710
|
],
|
|
1688
1711
|
"attributes": [
|
|
@@ -1791,7 +1814,6 @@
|
|
|
1791
1814
|
"type": {
|
|
1792
1815
|
"text": "boolean"
|
|
1793
1816
|
},
|
|
1794
|
-
"default": "false",
|
|
1795
1817
|
"fieldName": "disabled",
|
|
1796
1818
|
"inheritedFrom": {
|
|
1797
1819
|
"name": "CdsBaseButton",
|
|
@@ -2003,7 +2025,6 @@
|
|
|
2003
2025
|
"type": {
|
|
2004
2026
|
"text": "boolean"
|
|
2005
2027
|
},
|
|
2006
|
-
"default": "false",
|
|
2007
2028
|
"attribute": "disabled",
|
|
2008
2029
|
"inheritedFrom": {
|
|
2009
2030
|
"name": "CdsBaseButton",
|
|
@@ -2021,6 +2042,19 @@
|
|
|
2021
2042
|
"name": "CdsBaseButton",
|
|
2022
2043
|
"module": "internal/base/button.base.js"
|
|
2023
2044
|
}
|
|
2045
|
+
},
|
|
2046
|
+
{
|
|
2047
|
+
"kind": "field",
|
|
2048
|
+
"name": "_disabled",
|
|
2049
|
+
"type": {
|
|
2050
|
+
"text": "boolean"
|
|
2051
|
+
},
|
|
2052
|
+
"privacy": "private",
|
|
2053
|
+
"default": "false",
|
|
2054
|
+
"inheritedFrom": {
|
|
2055
|
+
"name": "CdsBaseButton",
|
|
2056
|
+
"module": "internal/base/button.base.js"
|
|
2057
|
+
}
|
|
2024
2058
|
}
|
|
2025
2059
|
],
|
|
2026
2060
|
"superclass": {
|
|
@@ -2134,7 +2168,6 @@
|
|
|
2134
2168
|
"type": {
|
|
2135
2169
|
"text": "boolean"
|
|
2136
2170
|
},
|
|
2137
|
-
"default": "false",
|
|
2138
2171
|
"fieldName": "disabled",
|
|
2139
2172
|
"inheritedFrom": {
|
|
2140
2173
|
"name": "CdsBaseButton",
|
|
@@ -2305,7 +2338,6 @@
|
|
|
2305
2338
|
"type": {
|
|
2306
2339
|
"text": "boolean"
|
|
2307
2340
|
},
|
|
2308
|
-
"default": "false",
|
|
2309
2341
|
"attribute": "disabled",
|
|
2310
2342
|
"inheritedFrom": {
|
|
2311
2343
|
"name": "CdsBaseButton",
|
|
@@ -2323,6 +2355,19 @@
|
|
|
2323
2355
|
"name": "CdsBaseButton",
|
|
2324
2356
|
"module": "internal/base/button.base.js"
|
|
2325
2357
|
}
|
|
2358
|
+
},
|
|
2359
|
+
{
|
|
2360
|
+
"kind": "field",
|
|
2361
|
+
"name": "_disabled",
|
|
2362
|
+
"type": {
|
|
2363
|
+
"text": "boolean"
|
|
2364
|
+
},
|
|
2365
|
+
"privacy": "private",
|
|
2366
|
+
"default": "false",
|
|
2367
|
+
"inheritedFrom": {
|
|
2368
|
+
"name": "CdsBaseButton",
|
|
2369
|
+
"module": "internal/base/button.base.js"
|
|
2370
|
+
}
|
|
2326
2371
|
}
|
|
2327
2372
|
],
|
|
2328
2373
|
"superclass": {
|
|
@@ -2403,7 +2448,6 @@
|
|
|
2403
2448
|
"type": {
|
|
2404
2449
|
"text": "boolean"
|
|
2405
2450
|
},
|
|
2406
|
-
"default": "false",
|
|
2407
2451
|
"fieldName": "disabled",
|
|
2408
2452
|
"inheritedFrom": {
|
|
2409
2453
|
"name": "CdsBaseButton",
|
|
@@ -2503,7 +2547,6 @@
|
|
|
2503
2547
|
"type": {
|
|
2504
2548
|
"text": "boolean"
|
|
2505
2549
|
},
|
|
2506
|
-
"default": "false",
|
|
2507
2550
|
"fieldName": "disabled",
|
|
2508
2551
|
"inheritedFrom": {
|
|
2509
2552
|
"name": "CdsBaseButton",
|
|
@@ -2613,7 +2656,6 @@
|
|
|
2613
2656
|
"type": {
|
|
2614
2657
|
"text": "boolean"
|
|
2615
2658
|
},
|
|
2616
|
-
"default": "false",
|
|
2617
2659
|
"attribute": "disabled",
|
|
2618
2660
|
"inheritedFrom": {
|
|
2619
2661
|
"name": "CdsBaseButton",
|
|
@@ -2631,6 +2673,19 @@
|
|
|
2631
2673
|
"name": "CdsBaseButton",
|
|
2632
2674
|
"module": "internal/base/button.base.js"
|
|
2633
2675
|
}
|
|
2676
|
+
},
|
|
2677
|
+
{
|
|
2678
|
+
"kind": "field",
|
|
2679
|
+
"name": "_disabled",
|
|
2680
|
+
"type": {
|
|
2681
|
+
"text": "boolean"
|
|
2682
|
+
},
|
|
2683
|
+
"privacy": "private",
|
|
2684
|
+
"default": "false",
|
|
2685
|
+
"inheritedFrom": {
|
|
2686
|
+
"name": "CdsBaseButton",
|
|
2687
|
+
"module": "internal/base/button.base.js"
|
|
2688
|
+
}
|
|
2634
2689
|
}
|
|
2635
2690
|
]
|
|
2636
2691
|
}
|
|
@@ -2839,7 +2894,6 @@
|
|
|
2839
2894
|
"type": {
|
|
2840
2895
|
"text": "boolean"
|
|
2841
2896
|
},
|
|
2842
|
-
"default": "false",
|
|
2843
2897
|
"attribute": "disabled",
|
|
2844
2898
|
"inheritedFrom": {
|
|
2845
2899
|
"name": "CdsBaseButton",
|
|
@@ -2857,6 +2911,19 @@
|
|
|
2857
2911
|
"name": "CdsBaseButton",
|
|
2858
2912
|
"module": "internal/base/button.base.js"
|
|
2859
2913
|
}
|
|
2914
|
+
},
|
|
2915
|
+
{
|
|
2916
|
+
"kind": "field",
|
|
2917
|
+
"name": "_disabled",
|
|
2918
|
+
"type": {
|
|
2919
|
+
"text": "boolean"
|
|
2920
|
+
},
|
|
2921
|
+
"privacy": "private",
|
|
2922
|
+
"default": "false",
|
|
2923
|
+
"inheritedFrom": {
|
|
2924
|
+
"name": "CdsBaseButton",
|
|
2925
|
+
"module": "internal/base/button.base.js"
|
|
2926
|
+
}
|
|
2860
2927
|
}
|
|
2861
2928
|
],
|
|
2862
2929
|
"attributes": [
|
|
@@ -2972,7 +3039,6 @@
|
|
|
2972
3039
|
"type": {
|
|
2973
3040
|
"text": "boolean"
|
|
2974
3041
|
},
|
|
2975
|
-
"default": "false",
|
|
2976
3042
|
"fieldName": "disabled",
|
|
2977
3043
|
"inheritedFrom": {
|
|
2978
3044
|
"name": "CdsBaseButton",
|
|
@@ -3172,12 +3238,15 @@
|
|
|
3172
3238
|
},
|
|
3173
3239
|
{
|
|
3174
3240
|
"kind": "field",
|
|
3175
|
-
"name": "
|
|
3241
|
+
"name": "disabled",
|
|
3176
3242
|
"type": {
|
|
3177
3243
|
"text": "boolean"
|
|
3178
3244
|
},
|
|
3179
|
-
"
|
|
3180
|
-
"
|
|
3245
|
+
"attribute": "disabled",
|
|
3246
|
+
"inheritedFrom": {
|
|
3247
|
+
"name": "CdsBaseButton",
|
|
3248
|
+
"module": "internal/base/button.base.js"
|
|
3249
|
+
}
|
|
3181
3250
|
},
|
|
3182
3251
|
{
|
|
3183
3252
|
"kind": "method",
|
|
@@ -3198,9 +3267,18 @@
|
|
|
3198
3267
|
},
|
|
3199
3268
|
{
|
|
3200
3269
|
"kind": "method",
|
|
3201
|
-
"name": "
|
|
3270
|
+
"name": "restoreButton",
|
|
3202
3271
|
"privacy": "private"
|
|
3203
3272
|
},
|
|
3273
|
+
{
|
|
3274
|
+
"kind": "field",
|
|
3275
|
+
"name": "_disabledExternally",
|
|
3276
|
+
"type": {
|
|
3277
|
+
"text": "boolean"
|
|
3278
|
+
},
|
|
3279
|
+
"privacy": "private",
|
|
3280
|
+
"default": "false"
|
|
3281
|
+
},
|
|
3204
3282
|
{
|
|
3205
3283
|
"kind": "field",
|
|
3206
3284
|
"name": "pressed",
|
|
@@ -3275,12 +3353,11 @@
|
|
|
3275
3353
|
},
|
|
3276
3354
|
{
|
|
3277
3355
|
"kind": "field",
|
|
3278
|
-
"name": "
|
|
3356
|
+
"name": "popup",
|
|
3279
3357
|
"type": {
|
|
3280
|
-
"text": "
|
|
3358
|
+
"text": "string"
|
|
3281
3359
|
},
|
|
3282
|
-
"
|
|
3283
|
-
"attribute": "disabled",
|
|
3360
|
+
"attribute": "popup",
|
|
3284
3361
|
"inheritedFrom": {
|
|
3285
3362
|
"name": "CdsBaseButton",
|
|
3286
3363
|
"module": "internal/base/button.base.js"
|
|
@@ -3288,11 +3365,12 @@
|
|
|
3288
3365
|
},
|
|
3289
3366
|
{
|
|
3290
3367
|
"kind": "field",
|
|
3291
|
-
"name": "
|
|
3368
|
+
"name": "_disabled",
|
|
3292
3369
|
"type": {
|
|
3293
|
-
"text": "
|
|
3370
|
+
"text": "boolean"
|
|
3294
3371
|
},
|
|
3295
|
-
"
|
|
3372
|
+
"privacy": "private",
|
|
3373
|
+
"default": "false",
|
|
3296
3374
|
"inheritedFrom": {
|
|
3297
3375
|
"name": "CdsBaseButton",
|
|
3298
3376
|
"module": "internal/base/button.base.js"
|
|
@@ -3344,6 +3422,17 @@
|
|
|
3344
3422
|
"description": "`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)",
|
|
3345
3423
|
"fieldName": "loadingState"
|
|
3346
3424
|
},
|
|
3425
|
+
{
|
|
3426
|
+
"name": "disabled",
|
|
3427
|
+
"type": {
|
|
3428
|
+
"text": "boolean"
|
|
3429
|
+
},
|
|
3430
|
+
"fieldName": "disabled",
|
|
3431
|
+
"inheritedFrom": {
|
|
3432
|
+
"name": "CdsBaseButton",
|
|
3433
|
+
"module": "internal/base/button.base.js"
|
|
3434
|
+
}
|
|
3435
|
+
},
|
|
3347
3436
|
{
|
|
3348
3437
|
"name": "pressed",
|
|
3349
3438
|
"type": {
|
|
@@ -3410,18 +3499,6 @@
|
|
|
3410
3499
|
"module": "internal/base/button.base.js"
|
|
3411
3500
|
}
|
|
3412
3501
|
},
|
|
3413
|
-
{
|
|
3414
|
-
"name": "disabled",
|
|
3415
|
-
"type": {
|
|
3416
|
-
"text": "boolean"
|
|
3417
|
-
},
|
|
3418
|
-
"default": "false",
|
|
3419
|
-
"fieldName": "disabled",
|
|
3420
|
-
"inheritedFrom": {
|
|
3421
|
-
"name": "CdsBaseButton",
|
|
3422
|
-
"module": "internal/base/button.base.js"
|
|
3423
|
-
}
|
|
3424
|
-
},
|
|
3425
3502
|
{
|
|
3426
3503
|
"name": "popup",
|
|
3427
3504
|
"type": {
|
|
@@ -3568,15 +3645,14 @@
|
|
|
3568
3645
|
},
|
|
3569
3646
|
{
|
|
3570
3647
|
"kind": "field",
|
|
3571
|
-
"name": "
|
|
3648
|
+
"name": "disabled",
|
|
3572
3649
|
"type": {
|
|
3573
3650
|
"text": "boolean"
|
|
3574
3651
|
},
|
|
3575
|
-
"
|
|
3576
|
-
"default": "false",
|
|
3652
|
+
"attribute": "disabled",
|
|
3577
3653
|
"inheritedFrom": {
|
|
3578
|
-
"name": "
|
|
3579
|
-
"module": "
|
|
3654
|
+
"name": "CdsBaseButton",
|
|
3655
|
+
"module": "internal/base/button.base.js"
|
|
3580
3656
|
}
|
|
3581
3657
|
},
|
|
3582
3658
|
{
|
|
@@ -3606,8 +3682,21 @@
|
|
|
3606
3682
|
},
|
|
3607
3683
|
{
|
|
3608
3684
|
"kind": "method",
|
|
3609
|
-
"name": "
|
|
3685
|
+
"name": "restoreButton",
|
|
3686
|
+
"privacy": "private",
|
|
3687
|
+
"inheritedFrom": {
|
|
3688
|
+
"name": "CdsButton",
|
|
3689
|
+
"module": "button/button.element.js"
|
|
3690
|
+
}
|
|
3691
|
+
},
|
|
3692
|
+
{
|
|
3693
|
+
"kind": "field",
|
|
3694
|
+
"name": "_disabledExternally",
|
|
3695
|
+
"type": {
|
|
3696
|
+
"text": "boolean"
|
|
3697
|
+
},
|
|
3610
3698
|
"privacy": "private",
|
|
3699
|
+
"default": "false",
|
|
3611
3700
|
"inheritedFrom": {
|
|
3612
3701
|
"name": "CdsButton",
|
|
3613
3702
|
"module": "button/button.element.js"
|
|
@@ -3687,12 +3776,11 @@
|
|
|
3687
3776
|
},
|
|
3688
3777
|
{
|
|
3689
3778
|
"kind": "field",
|
|
3690
|
-
"name": "
|
|
3779
|
+
"name": "popup",
|
|
3691
3780
|
"type": {
|
|
3692
|
-
"text": "
|
|
3781
|
+
"text": "string"
|
|
3693
3782
|
},
|
|
3694
|
-
"
|
|
3695
|
-
"attribute": "disabled",
|
|
3783
|
+
"attribute": "popup",
|
|
3696
3784
|
"inheritedFrom": {
|
|
3697
3785
|
"name": "CdsBaseButton",
|
|
3698
3786
|
"module": "internal/base/button.base.js"
|
|
@@ -3700,11 +3788,12 @@
|
|
|
3700
3788
|
},
|
|
3701
3789
|
{
|
|
3702
3790
|
"kind": "field",
|
|
3703
|
-
"name": "
|
|
3791
|
+
"name": "_disabled",
|
|
3704
3792
|
"type": {
|
|
3705
|
-
"text": "
|
|
3793
|
+
"text": "boolean"
|
|
3706
3794
|
},
|
|
3707
|
-
"
|
|
3795
|
+
"privacy": "private",
|
|
3796
|
+
"default": "false",
|
|
3708
3797
|
"inheritedFrom": {
|
|
3709
3798
|
"name": "CdsBaseButton",
|
|
3710
3799
|
"module": "internal/base/button.base.js"
|
|
@@ -3782,6 +3871,17 @@
|
|
|
3782
3871
|
"module": "button/button.element.js"
|
|
3783
3872
|
}
|
|
3784
3873
|
},
|
|
3874
|
+
{
|
|
3875
|
+
"name": "disabled",
|
|
3876
|
+
"type": {
|
|
3877
|
+
"text": "boolean"
|
|
3878
|
+
},
|
|
3879
|
+
"fieldName": "disabled",
|
|
3880
|
+
"inheritedFrom": {
|
|
3881
|
+
"name": "CdsBaseButton",
|
|
3882
|
+
"module": "internal/base/button.base.js"
|
|
3883
|
+
}
|
|
3884
|
+
},
|
|
3785
3885
|
{
|
|
3786
3886
|
"name": "pressed",
|
|
3787
3887
|
"type": {
|
|
@@ -3848,18 +3948,6 @@
|
|
|
3848
3948
|
"module": "internal/base/button.base.js"
|
|
3849
3949
|
}
|
|
3850
3950
|
},
|
|
3851
|
-
{
|
|
3852
|
-
"name": "disabled",
|
|
3853
|
-
"type": {
|
|
3854
|
-
"text": "boolean"
|
|
3855
|
-
},
|
|
3856
|
-
"default": "false",
|
|
3857
|
-
"fieldName": "disabled",
|
|
3858
|
-
"inheritedFrom": {
|
|
3859
|
-
"name": "CdsBaseButton",
|
|
3860
|
-
"module": "internal/base/button.base.js"
|
|
3861
|
-
}
|
|
3862
|
-
},
|
|
3863
3951
|
{
|
|
3864
3952
|
"name": "popup",
|
|
3865
3953
|
"type": {
|
|
@@ -8033,7 +8121,6 @@
|
|
|
8033
8121
|
"type": {
|
|
8034
8122
|
"text": "boolean"
|
|
8035
8123
|
},
|
|
8036
|
-
"default": "false",
|
|
8037
8124
|
"attribute": "disabled",
|
|
8038
8125
|
"inheritedFrom": {
|
|
8039
8126
|
"name": "CdsBaseButton",
|
|
@@ -8051,6 +8138,19 @@
|
|
|
8051
8138
|
"name": "CdsBaseButton",
|
|
8052
8139
|
"module": "internal/base/button.base.js"
|
|
8053
8140
|
}
|
|
8141
|
+
},
|
|
8142
|
+
{
|
|
8143
|
+
"kind": "field",
|
|
8144
|
+
"name": "_disabled",
|
|
8145
|
+
"type": {
|
|
8146
|
+
"text": "boolean"
|
|
8147
|
+
},
|
|
8148
|
+
"privacy": "private",
|
|
8149
|
+
"default": "false",
|
|
8150
|
+
"inheritedFrom": {
|
|
8151
|
+
"name": "CdsBaseButton",
|
|
8152
|
+
"module": "internal/base/button.base.js"
|
|
8153
|
+
}
|
|
8054
8154
|
}
|
|
8055
8155
|
],
|
|
8056
8156
|
"attributes": [
|
|
@@ -8158,7 +8258,6 @@
|
|
|
8158
8258
|
"type": {
|
|
8159
8259
|
"text": "boolean"
|
|
8160
8260
|
},
|
|
8161
|
-
"default": "false",
|
|
8162
8261
|
"fieldName": "disabled",
|
|
8163
8262
|
"inheritedFrom": {
|
|
8164
8263
|
"name": "CdsBaseButton",
|
|
@@ -36298,7 +36397,6 @@
|
|
|
36298
36397
|
"type": {
|
|
36299
36398
|
"text": "boolean"
|
|
36300
36399
|
},
|
|
36301
|
-
"default": "false",
|
|
36302
36400
|
"attribute": "disabled",
|
|
36303
36401
|
"inheritedFrom": {
|
|
36304
36402
|
"name": "CdsBaseButton",
|
|
@@ -36316,6 +36414,19 @@
|
|
|
36316
36414
|
"name": "CdsBaseButton",
|
|
36317
36415
|
"module": "internal/base/button.base.js"
|
|
36318
36416
|
}
|
|
36417
|
+
},
|
|
36418
|
+
{
|
|
36419
|
+
"kind": "field",
|
|
36420
|
+
"name": "_disabled",
|
|
36421
|
+
"type": {
|
|
36422
|
+
"text": "boolean"
|
|
36423
|
+
},
|
|
36424
|
+
"privacy": "private",
|
|
36425
|
+
"default": "false",
|
|
36426
|
+
"inheritedFrom": {
|
|
36427
|
+
"name": "CdsBaseButton",
|
|
36428
|
+
"module": "internal/base/button.base.js"
|
|
36429
|
+
}
|
|
36319
36430
|
}
|
|
36320
36431
|
],
|
|
36321
36432
|
"attributes": [
|
|
@@ -36424,7 +36535,6 @@
|
|
|
36424
36535
|
"type": {
|
|
36425
36536
|
"text": "boolean"
|
|
36426
36537
|
},
|
|
36427
|
-
"default": "false",
|
|
36428
36538
|
"fieldName": "disabled",
|
|
36429
36539
|
"inheritedFrom": {
|
|
36430
36540
|
"name": "CdsBaseButton",
|
|
@@ -37933,7 +38043,6 @@
|
|
|
37933
38043
|
"type": {
|
|
37934
38044
|
"text": "boolean"
|
|
37935
38045
|
},
|
|
37936
|
-
"default": "false",
|
|
37937
38046
|
"attribute": "disabled"
|
|
37938
38047
|
},
|
|
37939
38048
|
{
|
|
@@ -37943,6 +38052,15 @@
|
|
|
37943
38052
|
"text": "string"
|
|
37944
38053
|
},
|
|
37945
38054
|
"attribute": "popup"
|
|
38055
|
+
},
|
|
38056
|
+
{
|
|
38057
|
+
"kind": "field",
|
|
38058
|
+
"name": "_disabled",
|
|
38059
|
+
"type": {
|
|
38060
|
+
"text": "boolean"
|
|
38061
|
+
},
|
|
38062
|
+
"privacy": "private",
|
|
38063
|
+
"default": "false"
|
|
37946
38064
|
}
|
|
37947
38065
|
],
|
|
37948
38066
|
"attributes": [
|
|
@@ -37993,7 +38111,6 @@
|
|
|
37993
38111
|
"type": {
|
|
37994
38112
|
"text": "boolean"
|
|
37995
38113
|
},
|
|
37996
|
-
"default": "false",
|
|
37997
38114
|
"fieldName": "disabled"
|
|
37998
38115
|
},
|
|
37999
38116
|
{
|
|
@@ -50355,7 +50472,6 @@
|
|
|
50355
50472
|
"type": {
|
|
50356
50473
|
"text": "boolean"
|
|
50357
50474
|
},
|
|
50358
|
-
"default": "false",
|
|
50359
50475
|
"attribute": "disabled",
|
|
50360
50476
|
"inheritedFrom": {
|
|
50361
50477
|
"name": "CdsBaseButton",
|
|
@@ -50492,6 +50608,19 @@
|
|
|
50492
50608
|
"name": "CdsBaseButton",
|
|
50493
50609
|
"module": "internal/base/button.base.js"
|
|
50494
50610
|
}
|
|
50611
|
+
},
|
|
50612
|
+
{
|
|
50613
|
+
"kind": "field",
|
|
50614
|
+
"name": "_disabled",
|
|
50615
|
+
"type": {
|
|
50616
|
+
"text": "boolean"
|
|
50617
|
+
},
|
|
50618
|
+
"privacy": "private",
|
|
50619
|
+
"default": "false",
|
|
50620
|
+
"inheritedFrom": {
|
|
50621
|
+
"name": "CdsBaseButton",
|
|
50622
|
+
"module": "internal/base/button.base.js"
|
|
50623
|
+
}
|
|
50495
50624
|
}
|
|
50496
50625
|
],
|
|
50497
50626
|
"attributes": [
|
|
@@ -50600,7 +50729,6 @@
|
|
|
50600
50729
|
"type": {
|
|
50601
50730
|
"text": "boolean"
|
|
50602
50731
|
},
|
|
50603
|
-
"default": "false",
|
|
50604
50732
|
"fieldName": "disabled",
|
|
50605
50733
|
"inheritedFrom": {
|
|
50606
50734
|
"name": "CdsBaseButton",
|
|
@@ -57347,7 +57475,6 @@
|
|
|
57347
57475
|
"type": {
|
|
57348
57476
|
"text": "boolean"
|
|
57349
57477
|
},
|
|
57350
|
-
"default": "false",
|
|
57351
57478
|
"attribute": "disabled",
|
|
57352
57479
|
"inheritedFrom": {
|
|
57353
57480
|
"name": "CdsBaseButton",
|
|
@@ -57365,6 +57492,19 @@
|
|
|
57365
57492
|
"name": "CdsBaseButton",
|
|
57366
57493
|
"module": "internal/base/button.base.js"
|
|
57367
57494
|
}
|
|
57495
|
+
},
|
|
57496
|
+
{
|
|
57497
|
+
"kind": "field",
|
|
57498
|
+
"name": "_disabled",
|
|
57499
|
+
"type": {
|
|
57500
|
+
"text": "boolean"
|
|
57501
|
+
},
|
|
57502
|
+
"privacy": "private",
|
|
57503
|
+
"default": "false",
|
|
57504
|
+
"inheritedFrom": {
|
|
57505
|
+
"name": "CdsBaseButton",
|
|
57506
|
+
"module": "internal/base/button.base.js"
|
|
57507
|
+
}
|
|
57368
57508
|
}
|
|
57369
57509
|
],
|
|
57370
57510
|
"attributes": [
|
|
@@ -57465,7 +57605,6 @@
|
|
|
57465
57605
|
"type": {
|
|
57466
57606
|
"text": "boolean"
|
|
57467
57607
|
},
|
|
57468
|
-
"default": "false",
|
|
57469
57608
|
"fieldName": "disabled",
|
|
57470
57609
|
"inheritedFrom": {
|
|
57471
57610
|
"name": "CdsBaseButton",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as o}from"tslib";import{LitElement as r}from"lit";import{property as t}from"../decorators/property.js";import{active as e}from"../controllers/active.controller.js";import{ariaPopupTrigger as
|
|
1
|
+
import{__decorate as o}from"tslib";import{LitElement as r}from"lit";import{property as t}from"../decorators/property.js";import{active as e}from"../controllers/active.controller.js";import{ariaPopupTrigger as l}from"../controllers/aria-popup-trigger.controller.js";import{ariaDisabled as p}from"../controllers/aria-disabled.controller.js";import{ariaPressed as i}from"../controllers/aria-pressed.controller.js";import{ariaButton as s}from"../controllers/aria-button.controller.js";import{buttonAnchor as n}from"../controllers/button-anchor.controller.js";import{buttonSubmit as d}from"../controllers/button-submit.controller.js";import{ariaExpanded as a}from"../controllers/aria-expanded.controller.js";let m=class extends r{constructor(){super(...arguments);this._disabled=!1}get disabled(){return this._disabled}set disabled(o){const r=this._disabled;this._disabled=o,this.requestUpdate("disabled",r)}};o([t({type:Boolean})],m.prototype,"pressed",void 0),o([t({type:Boolean})],m.prototype,"expanded",void 0),o([t({type:Boolean})],m.prototype,"readonly",void 0),o([t({type:String})],m.prototype,"type",void 0),o([t({type:String})],m.prototype,"name",void 0),o([t({type:String})],m.prototype,"value",void 0),o([t({type:Boolean})],m.prototype,"disabled",null),o([t({type:String})],m.prototype,"popup",void 0),m=o([e(),s(),i(),a(),p(),l(),d(),n()],m);export{m as CdsBaseButton};
|
|
2
2
|
//# sourceMappingURL=button.base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.base.js","sources":["../../../../src/internal/base/button.base.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 { LitElement } from 'lit';\nimport { property } from '../decorators/property.js';\nimport { active } from '../controllers/active.controller.js';\nimport { ariaPopupTrigger } from '../controllers/aria-popup-trigger.controller.js';\nimport { ariaDisabled } from '../controllers/aria-disabled.controller.js';\nimport { ariaPressed } from '../controllers/aria-pressed.controller.js';\nimport { ariaButton } from '../controllers/aria-button.controller.js';\nimport { buttonAnchor } from '../controllers/button-anchor.controller.js';\nimport { buttonSubmit } from '../controllers/button-submit.controller.js';\nimport { ariaExpanded } from '../controllers/aria-expanded.controller.js';\n/**\n * Base class that provides all nessesary behavior for enabling a custom element to emulate a native button.\n */\nlet CdsBaseButton = class CdsBaseButton extends LitElement {\n constructor() {\n super(...arguments);\n this.
|
|
1
|
+
{"version":3,"file":"button.base.js","sources":["../../../../src/internal/base/button.base.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 { LitElement } from 'lit';\nimport { property } from '../decorators/property.js';\nimport { active } from '../controllers/active.controller.js';\nimport { ariaPopupTrigger } from '../controllers/aria-popup-trigger.controller.js';\nimport { ariaDisabled } from '../controllers/aria-disabled.controller.js';\nimport { ariaPressed } from '../controllers/aria-pressed.controller.js';\nimport { ariaButton } from '../controllers/aria-button.controller.js';\nimport { buttonAnchor } from '../controllers/button-anchor.controller.js';\nimport { buttonSubmit } from '../controllers/button-submit.controller.js';\nimport { ariaExpanded } from '../controllers/aria-expanded.controller.js';\n/**\n * Base class that provides all nessesary behavior for enabling a custom element to emulate a native button.\n */\nlet CdsBaseButton = class CdsBaseButton extends LitElement {\n constructor() {\n super(...arguments);\n this._disabled = false;\n }\n get disabled() {\n return this._disabled;\n }\n set disabled(value) {\n const oldValue = this._disabled;\n this._disabled = value;\n this.requestUpdate('disabled', oldValue);\n }\n};\n__decorate([\n property({ type: Boolean })\n], CdsBaseButton.prototype, \"pressed\", void 0);\n__decorate([\n property({ type: Boolean })\n], CdsBaseButton.prototype, \"expanded\", void 0);\n__decorate([\n property({ type: Boolean })\n], CdsBaseButton.prototype, \"readonly\", void 0);\n__decorate([\n property({ type: String })\n], CdsBaseButton.prototype, \"type\", void 0);\n__decorate([\n property({ type: String })\n], CdsBaseButton.prototype, \"name\", void 0);\n__decorate([\n property({ type: String })\n], CdsBaseButton.prototype, \"value\", void 0);\n__decorate([\n property({ type: Boolean })\n], CdsBaseButton.prototype, \"disabled\", null);\n__decorate([\n property({ type: String })\n], CdsBaseButton.prototype, \"popup\", void 0);\nCdsBaseButton = __decorate([\n active(),\n ariaButton(),\n ariaPressed(),\n ariaExpanded(),\n ariaDisabled(),\n ariaPopupTrigger(),\n buttonSubmit(),\n buttonAnchor()\n], CdsBaseButton);\nexport { CdsBaseButton };\n"],"names":["CdsBaseButton","LitElement","constructor","super","this","_disabled","disabled","value","oldValue","requestUpdate","__decorate","property","type","Boolean","prototype","String","active","ariaButton","ariaPressed","ariaExpanded","ariaDisabled","ariaPopupTrigger","buttonSubmit","buttonAnchor"],"mappings":"+rBAmBG,IAACA,EAAgB,cAA4BC,EAC5CC,cACIC,oBACAC,KAAKC,WAAY,EAEjBC,eACA,OAAOF,KAAKC,UAEZC,aAASC,GACT,MAAMC,EAAWJ,KAAKC,UACtBD,KAAKC,UAAYE,EACjBH,KAAKK,cAAc,WAAYD,KAGvCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBb,EAAcc,UAAW,eAAW,GACvCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBb,EAAcc,UAAW,gBAAY,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBb,EAAcc,UAAW,gBAAY,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBf,EAAcc,UAAW,YAAQ,GACpCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBf,EAAcc,UAAW,YAAQ,GACpCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBf,EAAcc,UAAW,aAAS,GACrCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBb,EAAcc,UAAW,WAAY,MACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBf,EAAcc,UAAW,aAAS,GACrCd,EAAgBU,EAAW,CACvBM,IACAC,IACAC,IACAC,IACAC,IACAC,IACAC,IACAC,KACDvB"}
|
package/internal/utils/global.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.1.
|
|
1
|
+
import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.1.1";window.CDS._version.indexOf(e)<0&&(window.CDS._version.push(e),document.querySelector("body")?.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
|
|
2
2
|
//# sourceMappingURL=global.js.map
|
package/package.json
CHANGED
package/tag/tag.element.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-2, calc(12 * 1rem / var(--cds-global-base, 20)));--border-radius:var(--cds-alias-object-border-radius-200, calc(12 * 1rem / var(--cds-global-base, 20)));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20)));display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20))));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host([readonly]){pointer-events:none}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([cds-active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([cds-active]) .private-host{box-shadow:0 var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([cds-active]) .tag-content{transform:translateY(var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export{a as default};
|
|
1
|
+
import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-2, calc(12 * 1rem / var(--cds-global-base, 20)));--border-radius:var(--cds-alias-object-border-radius-200, calc(12 * 1rem / var(--cds-global-base, 20)));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20)));display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20))));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host([readonly]){pointer-events:none}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([cds-active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([cds-active]) .private-host{box-shadow:0 var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([cds-active]) .tag-content{transform:translateY(var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]):host(:not([disabled])) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export{a as default};
|
|
2
2
|
//# sourceMappingURL=tag.element.scss.js.map
|