@quartzds/core 1.0.0-beta.13 → 1.0.0-beta.14
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/components/qds-divider.js +1 -1
- package/components/qds-divider.js.map +1 -1
- package/dist/cjs/qds-divider.cjs.entry.js +1 -1
- package/dist/cjs/qds-divider.cjs.entry.js.map +1 -1
- package/dist/docs.json +1 -1
- package/dist/esm/qds-divider.entry.js +1 -1
- package/dist/esm/qds-divider.entry.js.map +1 -1
- package/hydrate/index.js +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
7
7
|
import { i as inheritAriaAttributes } from './helpers.js';
|
|
8
8
|
|
|
9
|
-
const dividerCss = ":host{box-sizing:border-box}:host([hidden]){display:none !important}:host([hidden]){}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:block}.divider{border:1px solid transparent;
|
|
9
|
+
const dividerCss = ":host{box-sizing:border-box}:host([hidden]){display:none !important}:host([hidden]){}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:block}.divider{border:1px solid transparent;height:100%;margin-block:0}[data-importance='standard']{border-color:var(--qds-theme-divider-standard)}[data-importance='emphasized']{border-color:var(--qds-theme-divider-emphasized)}";
|
|
10
10
|
|
|
11
11
|
const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends HTMLElement {
|
|
12
12
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"qds-divider.js","mappings":";;;;;;;;AAAA,MAAM,UAAU,GAAG,
|
|
1
|
+
{"file":"qds-divider.js","mappings":";;;;;;;;AAAA,MAAM,UAAU,GAAG,kYAAkY;;MC0BxY,OAAO;;;;;IASV,wBAAmB,GAAe,EAAE,CAAA;sBAJ1C,UAAU;;EAML,iBAAiB;IACtB,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;GAC/D;EAEM,MAAM;IACX,QACE,UACE,KAAK,EAAC,SAAS,qBACE,IAAI,CAAC,UAAU,KAE5B,IAAI,CAAC,mBAAmB,GAC5B,EACH;GACF;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/divider/divider.css?tag=qds-divider&encapsulation=shadow","src/components/divider/divider.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2023 Schneider Electric\n *\n * SPDX-License-Identifier: LGPL-2.1-only\n */\n\n@import url('../shared.css');\n\n:host {\n display: block;\n}\n\n.divider {\n border: 1px solid transparent;\n height: 100%;\n margin-block: 0;\n}\n\n[data-importance='standard'] {\n border-color: var(--qds-theme-divider-standard);\n}\n\n[data-importance='emphasized'] {\n border-color: var(--qds-theme-divider-emphasized);\n}\n","// SPDX-FileCopyrightText: © 2023 Schneider Electric\n//\n// SPDX-License-Identifier: LGPL-2.1-only\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\nexport type DividerImportance = 'emphasized' | 'standard'\n\n/**\n * The `<qds-divider>` element a thematic break between paragraph-level\n * elements: for example, a change of scene in a story, or a shift of topic\n * within a section.\n *\n * Dividers can also be used to group menu items in `<qds-dropdown>` elements.\n *\n * @see https://quartz.se.com/build/components/divider\n */\n@Component({\n tag: 'qds-divider',\n shadow: true,\n styleUrl: 'divider.css',\n})\nexport class Divider implements ComponentInterface {\n /**\n * The divider's importance.\n */\n @Prop({ reflect: true }) public readonly importance: DividerImportance =\n 'standard'\n\n @Element() private readonly element!: HTMLQdsDividerElement\n\n private inheritedAttributes: Attributes = {}\n\n public componentWillLoad(): void {\n this.inheritedAttributes = inheritAriaAttributes(this.element)\n }\n\n public render() {\n return (\n <hr\n class=\"divider\"\n data-importance={this.importance}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...this.inheritedAttributes}\n />\n )\n }\n}\n"],"version":3}
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
10
10
|
const index = require('./index-d181f952.js');
|
|
11
11
|
const helpers = require('./helpers-452256e8.js');
|
|
12
12
|
|
|
13
|
-
const dividerCss = ":host{box-sizing:border-box}:host([hidden]){display:none !important}:host([hidden]){}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:block}.divider{border:1px solid transparent;
|
|
13
|
+
const dividerCss = ":host{box-sizing:border-box}:host([hidden]){display:none !important}:host([hidden]){}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:block}.divider{border:1px solid transparent;height:100%;margin-block:0}[data-importance='standard']{border-color:var(--qds-theme-divider-standard)}[data-importance='emphasized']{border-color:var(--qds-theme-divider-emphasized)}";
|
|
14
14
|
|
|
15
15
|
const Divider = class {
|
|
16
16
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"qds-divider.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,UAAU,GAAG,
|
|
1
|
+
{"file":"qds-divider.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,UAAU,GAAG,kYAAkY;;MC0BxY,OAAO;;;IASV,wBAAmB,GAAe,EAAE,CAAA;sBAJ1C,UAAU;;EAML,iBAAiB;IACtB,IAAI,CAAC,mBAAmB,GAAGA,6BAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;GAC/D;EAEM,MAAM;IACX,QACEC,gBACE,KAAK,EAAC,SAAS,qBACE,IAAI,CAAC,UAAU,KAE5B,IAAI,CAAC,mBAAmB,GAC5B,EACH;GACF;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/divider/divider.css?tag=qds-divider&encapsulation=shadow","src/components/divider/divider.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2023 Schneider Electric\n *\n * SPDX-License-Identifier: LGPL-2.1-only\n */\n\n@import url('../shared.css');\n\n:host {\n display: block;\n}\n\n.divider {\n border: 1px solid transparent;\n height: 100%;\n margin-block: 0;\n}\n\n[data-importance='standard'] {\n border-color: var(--qds-theme-divider-standard);\n}\n\n[data-importance='emphasized'] {\n border-color: var(--qds-theme-divider-emphasized);\n}\n","// SPDX-FileCopyrightText: © 2023 Schneider Electric\n//\n// SPDX-License-Identifier: LGPL-2.1-only\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\nexport type DividerImportance = 'emphasized' | 'standard'\n\n/**\n * The `<qds-divider>` element a thematic break between paragraph-level\n * elements: for example, a change of scene in a story, or a shift of topic\n * within a section.\n *\n * Dividers can also be used to group menu items in `<qds-dropdown>` elements.\n *\n * @see https://quartz.se.com/build/components/divider\n */\n@Component({\n tag: 'qds-divider',\n shadow: true,\n styleUrl: 'divider.css',\n})\nexport class Divider implements ComponentInterface {\n /**\n * The divider's importance.\n */\n @Prop({ reflect: true }) public readonly importance: DividerImportance =\n 'standard'\n\n @Element() private readonly element!: HTMLQdsDividerElement\n\n private inheritedAttributes: Attributes = {}\n\n public componentWillLoad(): void {\n this.inheritedAttributes = inheritAriaAttributes(this.element)\n }\n\n public render() {\n return (\n <hr\n class=\"divider\"\n data-importance={this.importance}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...this.inheritedAttributes}\n />\n )\n }\n}\n"],"version":3}
|
package/dist/docs.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import { r as registerInstance, h, a as getElement } from './index-d7183092.js';
|
|
7
7
|
import { i as inheritAriaAttributes } from './helpers-76b84f45.js';
|
|
8
8
|
|
|
9
|
-
const dividerCss = ":host{box-sizing:border-box}:host([hidden]){display:none !important}:host([hidden]){}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:block}.divider{border:1px solid transparent;
|
|
9
|
+
const dividerCss = ":host{box-sizing:border-box}:host([hidden]){display:none !important}:host([hidden]){}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:block}.divider{border:1px solid transparent;height:100%;margin-block:0}[data-importance='standard']{border-color:var(--qds-theme-divider-standard)}[data-importance='emphasized']{border-color:var(--qds-theme-divider-emphasized)}";
|
|
10
10
|
|
|
11
11
|
const Divider = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"qds-divider.entry.js","mappings":";;;;;;;;AAAA,MAAM,UAAU,GAAG,
|
|
1
|
+
{"file":"qds-divider.entry.js","mappings":";;;;;;;;AAAA,MAAM,UAAU,GAAG,kYAAkY;;MC0BxY,OAAO;;;IASV,wBAAmB,GAAe,EAAE,CAAA;sBAJ1C,UAAU;;EAML,iBAAiB;IACtB,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;GAC/D;EAEM,MAAM;IACX,QACE,UACE,KAAK,EAAC,SAAS,qBACE,IAAI,CAAC,UAAU,KAE5B,IAAI,CAAC,mBAAmB,GAC5B,EACH;GACF;;;;;;;","names":[],"sources":["src/components/divider/divider.css?tag=qds-divider&encapsulation=shadow","src/components/divider/divider.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2023 Schneider Electric\n *\n * SPDX-License-Identifier: LGPL-2.1-only\n */\n\n@import url('../shared.css');\n\n:host {\n display: block;\n}\n\n.divider {\n border: 1px solid transparent;\n height: 100%;\n margin-block: 0;\n}\n\n[data-importance='standard'] {\n border-color: var(--qds-theme-divider-standard);\n}\n\n[data-importance='emphasized'] {\n border-color: var(--qds-theme-divider-emphasized);\n}\n","// SPDX-FileCopyrightText: © 2023 Schneider Electric\n//\n// SPDX-License-Identifier: LGPL-2.1-only\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\nexport type DividerImportance = 'emphasized' | 'standard'\n\n/**\n * The `<qds-divider>` element a thematic break between paragraph-level\n * elements: for example, a change of scene in a story, or a shift of topic\n * within a section.\n *\n * Dividers can also be used to group menu items in `<qds-dropdown>` elements.\n *\n * @see https://quartz.se.com/build/components/divider\n */\n@Component({\n tag: 'qds-divider',\n shadow: true,\n styleUrl: 'divider.css',\n})\nexport class Divider implements ComponentInterface {\n /**\n * The divider's importance.\n */\n @Prop({ reflect: true }) public readonly importance: DividerImportance =\n 'standard'\n\n @Element() private readonly element!: HTMLQdsDividerElement\n\n private inheritedAttributes: Attributes = {}\n\n public componentWillLoad(): void {\n this.inheritedAttributes = inheritAriaAttributes(this.element)\n }\n\n public render() {\n return (\n <hr\n class=\"divider\"\n data-importance={this.importance}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...this.inheritedAttributes}\n />\n )\n }\n}\n"],"version":3}
|
package/hydrate/index.js
CHANGED
|
@@ -6295,7 +6295,7 @@ class Dialog {
|
|
|
6295
6295
|
}; }
|
|
6296
6296
|
}
|
|
6297
6297
|
|
|
6298
|
-
const dividerCss = "/*!@:host*/.sc-qds-divider-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-divider-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-divider-h *.sc-qds-divider,.sc-qds-divider-h *.sc-qds-divider::before,.sc-qds-divider-h *.sc-qds-divider::after{box-sizing:inherit}/*!@:host*/.sc-qds-divider-h{display:block}/*!@.divider*/.divider.sc-qds-divider{border:1px solid transparent;
|
|
6298
|
+
const dividerCss = "/*!@:host*/.sc-qds-divider-h{box-sizing:border-box}/*!@:host([hidden])*/[hidden].sc-qds-divider-h{display:none !important}/*!@:host([hidden])*//*!@:host *,\n:host *::before,\n:host *::after*/.sc-qds-divider-h *.sc-qds-divider,.sc-qds-divider-h *.sc-qds-divider::before,.sc-qds-divider-h *.sc-qds-divider::after{box-sizing:inherit}/*!@:host*/.sc-qds-divider-h{display:block}/*!@.divider*/.divider.sc-qds-divider{border:1px solid transparent;height:100%;margin-block:0}/*!@[data-importance='standard']*/[data-importance='standard'].sc-qds-divider{border-color:var(--qds-theme-divider-standard)}/*!@[data-importance='emphasized']*/[data-importance='emphasized'].sc-qds-divider{border-color:var(--qds-theme-divider-emphasized)}";
|
|
6299
6299
|
|
|
6300
6300
|
/**
|
|
6301
6301
|
* The `<qds-divider>` element a thematic break between paragraph-level
|
package/package.json
CHANGED