@cds/core 6.8.0 → 6.9.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/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/alert/alert-group.element.scss.js +1 -1
- package/alert/alert.element.scss.js +1 -1
- package/badge/badge.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/navigation/navigation.element.scss.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
- package/tokens/tokens.scss +8 -8
|
@@ -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
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var r=a`:host{--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--icon-color:var(--color);--icon-size:var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20)));--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.
|
|
1
|
+
import{css as a}from"lit";var r=a`:host{--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--icon-color:var(--color);--icon-size:var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20)));--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.00714286em);--padding:var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-4, calc(6 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20)));--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--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)));--border-radius:var(--cds-alias-object-border-radius-100, calc(4 * 1rem / var(--cds-global-base, 20)));--pager-background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));width:100%}.private-host{background:var(--background);border-width:var(--border-width);border-color:var(--border-color);border-style:solid;border-radius:var(--border-radius)}.alert-group-wrapper{width:100%;padding:var(--padding)}:host([status=info]){--background:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--background:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black))}:host([status=danger]){--background:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([type=default][size=sm]){--padding:var(--cds-global-space-3, calc(4 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-3, calc(4 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-4, calc(6 * 1rem / var(--cds-global-base, 20)))}:host([type=light]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:0;--padding:0}:host([type=light]) .private-host{border:0}:host([type=banner]){--border-color:var(--background);--padding:var(--cds-global-space-1, calc(1 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20)));--border-width:0;--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-radius:0}:host([type=banner][status=info]){--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--pager-background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([type=banner][status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--pager-background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([type=banner][status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--pager-background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([type=banner][status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--pager-background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([type=banner][status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--pager-background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55))}:host([type=banner][status=alt]){--background:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5));--pager-background:var(--cds-alias-status-alt-shade, var(--cds-global-color-violet-900, #440061))}.no-pager .pager-wrapper{display:none}.pager-wrapper{background-color:var(--pager-background);padding:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20))) var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));width:calc(3*var(--cds-global-space-12,calc(48 * 1rem / var(--cds-global-base,20))));display:flex;align-items:center}:host([type=banner]) .alert-group-wrapper{padding-top:var(--cds-global-space-2,calc(2 * 1rem / var(--cds-global-base,20)));padding-bottom:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}::slotted(cds-pagination){--color:var(--icon-color)}`;export{r as default};
|
|
2
2
|
//# sourceMappingURL=alert-group.element.scss.js.map
|
|
@@ -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.
|
|
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.00714286em);--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.4285714em)}.alert-content{min-width:0}::slotted(cds-alert-actions){--action-text-color:var(--color);--action-size:var(--cds-global-typography-body-line-height, 1.4285714em);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
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-1, calc(11 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, calc(16 * 1rem / var(--cds-global-base, 20)));--padding:0 var(--cds-global-space-2, calc(2 * 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(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.
|
|
1
|
+
import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-1, calc(11 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, calc(16 * 1rem / var(--cds-global-base, 20)));--padding:0 var(--cds-global-space-2, calc(2 * 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(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.00714286em);white-space:nowrap;background:var(--background);color:var(--color);padding:var(--padding);text-align:center;font-size:var(--font-size);display:flex;align-items:center}:host(:visited){color:var(--color)}:host([status=info]){--background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([status=success]){--background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([status=warning]){--background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([color=blue]){--background:var(--cds-global-color-blue-800, #00608a)}:host([color=purple]){--background:var(--cds-global-color-violet-500, #ac50d3)}:host([color=orange]){--background:var(--cds-global-color-tangerine-400, #ff8e3d);--color:var(--cds-global-color-black, black)}:host([color=light-blue]){--background:var(--cds-global-color-blue-300, #66d1ff);--color:var(--cds-global-color-black, black)}`;export{o as default};
|
|
2
2
|
//# sourceMappingURL=badge.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
|
@@ -310,8 +310,8 @@
|
|
|
310
310
|
--cds-global-typography-link-color-visited-hover: var(--cds-global-color-lavender-700);
|
|
311
311
|
--cds-global-typography-link-on-colorbg: var(--cds-global-color-black);
|
|
312
312
|
--cds-global-typography-body-font-size: calc(14 * var(--cds-internal-scale-3));
|
|
313
|
-
--cds-global-typography-body-line-height: 1.
|
|
314
|
-
--cds-global-typography-body-letter-spacing: -0.
|
|
313
|
+
--cds-global-typography-body-line-height: 1.4285714em;
|
|
314
|
+
--cds-global-typography-body-letter-spacing: -0.00714286em;
|
|
315
315
|
--cds-global-typography-body-font-weight: 400;
|
|
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;
|
|
@@ -326,19 +326,19 @@
|
|
|
326
326
|
--cds-global-typography-headline-letter-spacing: -0.0125em;
|
|
327
327
|
--cds-global-typography-headline-font-weight: 500;
|
|
328
328
|
--cds-global-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
|
|
329
|
-
--cds-global-typography-title-line-height: 1.
|
|
330
|
-
--cds-global-typography-title-letter-spacing: -0.
|
|
329
|
+
--cds-global-typography-title-line-height: 1.333333em;
|
|
330
|
+
--cds-global-typography-title-letter-spacing: -0.00833333em;
|
|
331
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
335
|
--cds-global-typography-section-font-weight: 500;
|
|
336
336
|
--cds-global-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
337
|
-
--cds-global-typography-subsection-line-height: 1.
|
|
337
|
+
--cds-global-typography-subsection-line-height: 1.5em;
|
|
338
338
|
--cds-global-typography-subsection-letter-spacing: -0.0125em;
|
|
339
339
|
--cds-global-typography-subsection-font-weight: 500;
|
|
340
340
|
--cds-global-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
341
|
-
--cds-global-typography-message-line-height: 1.
|
|
341
|
+
--cds-global-typography-message-line-height: 1.5em;
|
|
342
342
|
--cds-global-typography-message-letter-spacing: -0.0125em;
|
|
343
343
|
--cds-global-typography-message-font-weight: calc(400 * (1rem / var(--cds-global-base)));
|
|
344
344
|
--cds-global-typography-secondary-font-size: calc(13 * var(--cds-internal-scale-3));
|
|
@@ -517,8 +517,8 @@
|
|
|
517
517
|
--cds-alias-typography-link-color-visited-hover: var(--cds-global-color-lavender-700);
|
|
518
518
|
--cds-alias-typography-link-on-colorbg: var(--cds-global-color-black);
|
|
519
519
|
--cds-alias-typography-body-font-size: calc(14 * var(--cds-internal-scale-3));
|
|
520
|
-
--cds-alias-typography-body-line-height: 1.
|
|
521
|
-
--cds-alias-typography-body-letter-spacing: -0.
|
|
520
|
+
--cds-alias-typography-body-line-height: 1.4285714em;
|
|
521
|
+
--cds-alias-typography-body-letter-spacing: -0.00714286em;
|
|
522
522
|
--cds-alias-typography-body-font-weight: 400;
|
|
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;
|
|
@@ -533,19 +533,19 @@
|
|
|
533
533
|
--cds-alias-typography-headline-letter-spacing: -0.0125em;
|
|
534
534
|
--cds-alias-typography-headline-font-weight: 500;
|
|
535
535
|
--cds-alias-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
|
|
536
|
-
--cds-alias-typography-title-line-height: 1.
|
|
537
|
-
--cds-alias-typography-title-letter-spacing: -0.
|
|
536
|
+
--cds-alias-typography-title-line-height: 1.333333em;
|
|
537
|
+
--cds-alias-typography-title-letter-spacing: -0.00833333em;
|
|
538
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
542
|
--cds-alias-typography-section-font-weight: 500;
|
|
543
543
|
--cds-alias-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
544
|
-
--cds-alias-typography-subsection-line-height: 1.
|
|
544
|
+
--cds-alias-typography-subsection-line-height: 1.5em;
|
|
545
545
|
--cds-alias-typography-subsection-letter-spacing: -0.0125em;
|
|
546
546
|
--cds-alias-typography-subsection-font-weight: 500;
|
|
547
547
|
--cds-alias-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
548
|
-
--cds-alias-typography-message-line-height: 1.
|
|
548
|
+
--cds-alias-typography-message-line-height: 1.5em;
|
|
549
549
|
--cds-alias-typography-message-letter-spacing: -0.0125em;
|
|
550
550
|
--cds-alias-typography-message-font-weight: calc(400 * (1rem / var(--cds-global-base)));
|
|
551
551
|
--cds-alias-typography-secondary-font-size: calc(13 * var(--cds-internal-scale-3));
|