@cds/core 6.7.0 → 6.9.0
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/accordion/accordion-header.element.d.ts +4 -2
- package/accordion/accordion-header.element.js +1 -1
- package/accordion/accordion-header.element.js.map +1 -1
- package/accordion/accordion-header.element.scss.js +1 -1
- package/custom-elements.json +8 -2
- package/global.css +12 -12
- package/global.min.css +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/utils/global.js +1 -1
- package/package.json +1 -1
- package/styles/module.tokens.css +12 -12
- package/styles/module.tokens.min.css +1 -1
- package/tokens/tokens.android.xml +12 -12
- package/tokens/tokens.ios.swift +12 -12
- package/tokens/tokens.json +12 -12
|
@@ -28,8 +28,10 @@ import { LitElement } from 'lit';
|
|
|
28
28
|
* @cssprop --font-size
|
|
29
29
|
* @cssprop --font-weight
|
|
30
30
|
* @cssprop --background
|
|
31
|
-
* @cssprop --
|
|
32
|
-
* @cssprop --icon-
|
|
31
|
+
* @cssprop --padding
|
|
32
|
+
* @cssprop --icon-visibility
|
|
33
|
+
* @cssprop --icon-margin
|
|
34
|
+
* @cssprop --box-shadow
|
|
33
35
|
*/
|
|
34
36
|
export declare class CdsAccordionHeader extends LitElement {
|
|
35
37
|
/** @private */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{createId as e,baseStyles as
|
|
1
|
+
import{__decorate as t}from"tslib";import{createId as e,baseStyles as o,state as r}from"@cds/core/internal";import{LitElement as s,html as a}from"lit";import d from"./accordion-header.element.scss.js";class n extends s{constructor(){super(...arguments);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","accordion-header"),this.id||(this.id=e())}render(){return a`<div class="private-host" cds-layout="horizontal gap:sm align:vertical-center wrap:none"><cds-button-expand class="expand-button" .expanded="${this.expanded}" readonly="readonly" action="vertical"></cds-button-expand><div cds-layout="align:stretch"><slot></slot></div></div>`}static get styles(){return[o,d]}}t([r()],n.prototype,"expanded",void 0);export{n as CdsAccordionHeader};
|
|
2
2
|
//# sourceMappingURL=accordion-header.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-header.element.js","sources":["../../../src/accordion/accordion-header.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 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 { baseStyles, createId, state } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport styles from './accordion-header.element.scss';\n/**\n * Web component accordion to be used inside an accordion\n *\n * ```typescript\n * import '@cds/core/accordion/register.js';\n * ```\n *\n * ```html\n * <cds-accordion>\n * <cds-accordion-panel expanded>\n * <cds-accordion-header>Item 1</cds-accordion-header>\n * <cds-accordion-content>Content 1</cds-accordion-content>\n * </cds-accordion-panel>\n * <cds-accordion-panel>\n * <cds-accordion-header>Item 2</cds-accordion-header>\n * <cds-accordion-content>Content 2</cds-accordion-content>\n * </cds-accordion-panel>\n * <cds-accordion-panel disabled>\n * <cds-accordion-header>Item 3</cds-accordion-header>\n * <cds-accordion-content>Content 3</cds-accordion-content>\n * </cds-accordion-panel>\n * </cds-accordion>\n * ```\n *\n * @element cds-accordion-header\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --background\n * @cssprop --icon-
|
|
1
|
+
{"version":3,"file":"accordion-header.element.js","sources":["../../../src/accordion/accordion-header.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 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 { baseStyles, createId, state } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport styles from './accordion-header.element.scss';\n/**\n * Web component accordion to be used inside an accordion\n *\n * ```typescript\n * import '@cds/core/accordion/register.js';\n * ```\n *\n * ```html\n * <cds-accordion>\n * <cds-accordion-panel expanded>\n * <cds-accordion-header>Item 1</cds-accordion-header>\n * <cds-accordion-content>Content 1</cds-accordion-content>\n * </cds-accordion-panel>\n * <cds-accordion-panel>\n * <cds-accordion-header>Item 2</cds-accordion-header>\n * <cds-accordion-content>Content 2</cds-accordion-content>\n * </cds-accordion-panel>\n * <cds-accordion-panel disabled>\n * <cds-accordion-header>Item 3</cds-accordion-header>\n * <cds-accordion-content>Content 3</cds-accordion-content>\n * </cds-accordion-panel>\n * </cds-accordion>\n * ```\n *\n * @element cds-accordion-header\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --background\n * @cssprop --padding\n * @cssprop --icon-visibility\n * @cssprop --icon-margin\n * @cssprop --box-shadow\n */\nexport class CdsAccordionHeader extends LitElement {\n constructor() {\n super(...arguments);\n /** @private */\n this.expanded = false;\n }\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('slot', 'accordion-header');\n if (!this.id) {\n this.id = createId();\n }\n }\n render() {\n return html `<div class=\"private-host\" cds-layout=\"horizontal gap:sm align:vertical-center wrap:none\">\n <cds-button-expand\n class=\"expand-button\"\n .expanded=${this.expanded}\n readonly\n action=\"vertical\"\n ></cds-button-expand>\n <div cds-layout=\"align:stretch\"><slot></slot></div>\n </div>`;\n }\n static get styles() {\n return [baseStyles, styles];\n }\n}\n__decorate([\n state()\n], CdsAccordionHeader.prototype, \"expanded\", void 0);\n"],"names":["CdsAccordionHeader","LitElement","constructor","super","this","expanded","connectedCallback","setAttribute","id","createId","render","html","styles","baseStyles","__decorate","state","prototype"],"mappings":"yMA2CO,MAAMA,UAA2BC,EACpCC,cACIC,oBAEAC,KAAKC,UAAW,EAEpBC,oBACIH,MAAMG,oBACNF,KAAKG,aAAa,OAAQ,oBACrBH,KAAKI,KACNJ,KAAKI,GAAKC,KAGlBC,SACI,OAAOC,CAAK,gJAGAP,KAAKC,gIAOVO,oBACP,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,KACDf,EAAmBgB,UAAW,gBAAY"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var a=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--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);--padding:calc(var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))));cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--padding);cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-75, #e0f6ff))}`;export{a as default};
|
|
1
|
+
import{css as o}from"lit";var a=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--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);--padding:calc(var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))));--box-shadow:0;--icon-visibility:visible;--icon-margin:0;cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--padding);cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color);box-shadow:var(--box-shadow)}.expand-button{visibility:var(--icon-visibility);margin:var(--icon-margin)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-75, #e0f6ff))}`;export{a as default};
|
|
2
2
|
//# sourceMappingURL=accordion-header.element.scss.js.map
|
package/custom-elements.json
CHANGED
|
@@ -66,10 +66,16 @@
|
|
|
66
66
|
"name": "--background"
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
|
-
"name": "--
|
|
69
|
+
"name": "--padding"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "--icon-visibility"
|
|
70
73
|
},
|
|
71
74
|
{
|
|
72
|
-
"name": "--icon-
|
|
75
|
+
"name": "--icon-margin"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"name": "--box-shadow"
|
|
73
79
|
}
|
|
74
80
|
],
|
|
75
81
|
"members": [
|
package/global.css
CHANGED
|
@@ -316,27 +316,27 @@
|
|
|
316
316
|
--cds-global-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
|
|
317
317
|
--cds-global-typography-display-line-height: 1.1em;
|
|
318
318
|
--cds-global-typography-display-letter-spacing: -0.0125em;
|
|
319
|
-
--cds-global-typography-display-font-weight:
|
|
319
|
+
--cds-global-typography-display-font-weight: 500;
|
|
320
320
|
--cds-global-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
321
321
|
--cds-global-typography-heading-line-height: 1.125em;
|
|
322
322
|
--cds-global-typography-heading-letter-spacing: -0.0125em;
|
|
323
|
-
--cds-global-typography-heading-font-weight:
|
|
323
|
+
--cds-global-typography-heading-font-weight: 500;
|
|
324
324
|
--cds-global-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
325
325
|
--cds-global-typography-headline-line-height: 1.125em;
|
|
326
326
|
--cds-global-typography-headline-letter-spacing: -0.0125em;
|
|
327
|
-
--cds-global-typography-headline-font-weight:
|
|
327
|
+
--cds-global-typography-headline-font-weight: 500;
|
|
328
328
|
--cds-global-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
|
|
329
329
|
--cds-global-typography-title-line-height: 1.16667em;
|
|
330
330
|
--cds-global-typography-title-letter-spacing: -0.008333em;
|
|
331
|
-
--cds-global-typography-title-font-weight:
|
|
331
|
+
--cds-global-typography-title-font-weight: 500;
|
|
332
332
|
--cds-global-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
|
|
333
333
|
--cds-global-typography-section-line-height: 1.2em;
|
|
334
334
|
--cds-global-typography-section-letter-spacing: -0.01em;
|
|
335
|
-
--cds-global-typography-section-font-weight:
|
|
335
|
+
--cds-global-typography-section-font-weight: 500;
|
|
336
336
|
--cds-global-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
337
337
|
--cds-global-typography-subsection-line-height: 1.25em;
|
|
338
338
|
--cds-global-typography-subsection-letter-spacing: -0.0125em;
|
|
339
|
-
--cds-global-typography-subsection-font-weight:
|
|
339
|
+
--cds-global-typography-subsection-font-weight: 500;
|
|
340
340
|
--cds-global-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
341
341
|
--cds-global-typography-message-line-height: 1.25em;
|
|
342
342
|
--cds-global-typography-message-letter-spacing: -0.0125em;
|
|
@@ -523,27 +523,27 @@
|
|
|
523
523
|
--cds-alias-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
|
|
524
524
|
--cds-alias-typography-display-line-height: 1.1em;
|
|
525
525
|
--cds-alias-typography-display-letter-spacing: -0.0125em;
|
|
526
|
-
--cds-alias-typography-display-font-weight:
|
|
526
|
+
--cds-alias-typography-display-font-weight: 500;
|
|
527
527
|
--cds-alias-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
528
528
|
--cds-alias-typography-heading-line-height: 1.125em;
|
|
529
529
|
--cds-alias-typography-heading-letter-spacing: -0.0125em;
|
|
530
|
-
--cds-alias-typography-heading-font-weight:
|
|
530
|
+
--cds-alias-typography-heading-font-weight: 500;
|
|
531
531
|
--cds-alias-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
532
532
|
--cds-alias-typography-headline-line-height: 1.125em;
|
|
533
533
|
--cds-alias-typography-headline-letter-spacing: -0.0125em;
|
|
534
|
-
--cds-alias-typography-headline-font-weight:
|
|
534
|
+
--cds-alias-typography-headline-font-weight: 500;
|
|
535
535
|
--cds-alias-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
|
|
536
536
|
--cds-alias-typography-title-line-height: 1.16667em;
|
|
537
537
|
--cds-alias-typography-title-letter-spacing: -0.008333em;
|
|
538
|
-
--cds-alias-typography-title-font-weight:
|
|
538
|
+
--cds-alias-typography-title-font-weight: 500;
|
|
539
539
|
--cds-alias-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
|
|
540
540
|
--cds-alias-typography-section-line-height: 1.2em;
|
|
541
541
|
--cds-alias-typography-section-letter-spacing: -0.01em;
|
|
542
|
-
--cds-alias-typography-section-font-weight:
|
|
542
|
+
--cds-alias-typography-section-font-weight: 500;
|
|
543
543
|
--cds-alias-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
544
544
|
--cds-alias-typography-subsection-line-height: 1.25em;
|
|
545
545
|
--cds-alias-typography-subsection-letter-spacing: -0.0125em;
|
|
546
|
-
--cds-alias-typography-subsection-font-weight:
|
|
546
|
+
--cds-alias-typography-subsection-font-weight: 500;
|
|
547
547
|
--cds-alias-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
548
548
|
--cds-alias-typography-message-line-height: 1.25em;
|
|
549
549
|
--cds-alias-typography-message-letter-spacing: -0.0125em;
|