@cds/core 5.7.1 → 6.0.0-beta.3

package/button-sort/register.d.ts

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

package/button-sort/register.js

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

package/button-sort/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/button-sort/register.ts"],"sourcesContent":["/*\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 { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { angleIcon } from '@cds/core/icon/shapes/angle.js';\nimport { CdsButtonSort } from './button-sort.element.js';\nimport '@cds/core/icon/register.js';\nClarityIcons.addIcons(angleIcon);\nregisterElementSafely('cds-button-sort', CdsButtonSort);\n"],"names":["ClarityIcons","addIcons","angleIcon","registerElementSafely","CdsButtonSort"],"mappings":"gRAUAA,EAAaC,SAASC,GACtBC,EAAsB,kBAAmBC"}

package/button-sort/utils.d.ts

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

package/button-sort/utils.js

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

package/button-sort/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/button-sort/utils.ts"],"sourcesContent":["/*\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 */\nexport function sortOrder(sort) {\n    switch (sort) {\n        case 'ascending':\n            return 'descending';\n        case 'descending':\n            return 'none';\n        case 'none':\n            return 'ascending';\n    }\n}\n"],"names":["sortOrder","sort"],"mappings":"AAKO,SAASA,EAAUC,GACtB,OAAQA,GACJ,IAAK,YACD,MAAO,aACX,IAAK,aACD,MAAO,OACX,IAAK,OACD,MAAO"}

package/card/card.element.d.ts

@@ -9,26 +9,25 @@ import { CdsInternalPanel } from '@cds/core/internal-components/panel';
  * ```html
  * <cds-card aria-labelledby="{label your card}">
     <div cds-layout="vertical gap:md">
-      <h2 id="{label your card}" cds-text="section" cds-layout="p-y:sm">
+      <h2 id="{label your card}" cds-text="section">
         <!-- Card title -->
       </h2>
 
       <cds-divider cds-card-remove-margin></cds-divider>
 
-      <div cds-text="body light" cds-layout="p-y:md">
+      <div cds-text="body light">
         <!-- Card content -->
       </div>
 
       <cds-divider cds-card-remove-margin></cds-divider>
 
-      <div cds-layout="horizontal gap:sm p-y:sm align:vertical-center">
+      <div cds-layout="horizontal gap:sm align:vertical-center">
         <cds-button action="flat-inline">View</cds-button>
       </div>
     </div>
   </cds-card>
  * ```
  *
- * @beta
  * @element cds-card
  * @slot - For projecting card content
  * @cssprop --width
@@ -45,7 +44,7 @@ import { CdsInternalPanel } from '@cds/core/internal-components/panel';
  * @cssprop --cds-card-remove-margin
  */
 export declare class CdsCard extends CdsInternalPanel {
-    globalStyles: import("lit").CSSResult;
+    protected globalStyles: import("lit").CSSResult;
     static get styles(): import("lit").CSSResultGroup[];
     connectedCallback(): void;
 }

package/card/card.element.js.map

@@ -1 +1 @@
-{"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"}
+{"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\">\n        <!-- Card title -->\n      </h2>\n\n      <cds-divider cds-card-remove-margin></cds-divider>\n\n      <div cds-text=\"body light\">\n        <!-- Card content -->\n      </div>\n\n      <cds-divider cds-card-remove-margin></cds-divider>\n\n      <div cds-layout=\"horizontal gap:sm align:vertical-center\">\n        <cds-button action=\"flat-inline\">View</cds-button>\n      </div>\n    </div>\n  </cds-card>\n * ```\n *\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":"2NAsDO,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{r as default};
+import{css as a}from"lit";var r=a`:host{--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--box-shadow:var(--cds-alias-object-shadow-100, 0 calc(1 / var(--cds-global-base, 20) * 1rem) calc(3 / var(--cds-global-base, 20) * 1rem) 0 rgba(27, 43, 50, 0.5));--card-remove-margin:var(--cds-global-space-8)}::slotted([cds-card-remove-margin]){--color:var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8))}`;export{r as default};
 //# sourceMappingURL=card.element.scss.js.map

package/checkbox/checkbox.element.scss.js

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