@quartzds/core 1.0.0-beta.12 → 1.0.0-beta.120

package/components/p-DeRqCYmp.js

@@ -0,0 +1,102 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, h } from './p-D2489VzR.js';
+import { d as defineCustomElement$1 } from './p-BkgfW_tl.js';
+
+const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"f\"}.qds-titles.qds-has-kicker{grid-template-areas:\"g\" \"f\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"f\" \"h\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"g\" \"f\" \"h\"}.qds-has-icon{grid-template-areas:\"i f\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". g\" \"i f\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"i f\" \". h\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". g\" \"i f\" \". h\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:f}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:h}.qds-kicker{color:var(--qds-theme-kicker);grid-area:g}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:i}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Title_instances, _Title_hasSubtitle_get, _Title_hasKicker_get;
+const Title = /*@__PURE__*/ proxyCustomElement(class Title extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.internals = this.attachInternals();
+        _Title_instances.add(this);
+        /**
+         * The alignment of the title.
+         */
+        this.alignment = 'start';
+        /**
+         * The name of a registered icon library.
+         */
+        this.iconLibrary = 'default';
+        this.layer = 'main';
+        this.level = 'section';
+        /**
+         * HTML tag to use to render the title.
+         */
+        this.tag = 'h2';
+    }
+    componentWillLoad() {
+        this.internals.role = 'group';
+    }
+    render() {
+        const layer = `qds-${this.layer ?? 'main'}`;
+        const level = `qds-${this.level ?? 'section'}`;
+        const Tag = this.tag ?? 'h2';
+        const hasIcon = this.iconName !== undefined && this.iconName !== '';
+        return (h("hgroup", { key: 'ff4f9d1cd9fc8f4922a2ccc421d5b45793b9e13d', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
+                [layer]: true,
+                [level]: true,
+                'qds-titles': true,
+                'qds-has-icon': hasIcon,
+                'qds-has-kicker': __classPrivateFieldGet(this, _Title_instances, "a", _Title_hasKicker_get),
+                'qds-has-subtitle': __classPrivateFieldGet(this, _Title_instances, "a", _Title_hasSubtitle_get),
+            }, role: "none" }, h(Tag, { key: '6f600b1db8f96f47a7790d18d9d84fdbe9666b03', class: "qds-title", "data-variant": this.variant }, h("slot", { key: '586544e82840ec73a591d4d1607cae9f74859f91' })), __classPrivateFieldGet(this, _Title_instances, "a", _Title_hasKicker_get) && h("p", { key: '98838b7fcfb9c77d2934570a42207570f75fad5e', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet(this, _Title_instances, "a", _Title_hasSubtitle_get) && h("p", { key: 'a4492cf072c3331f0b925f0ddde5f71204c5827c', class: "qds-subtitle" }, this.subtitle), hasIcon && (h("qds-icon", { key: 'e4b22065cf8172eb27dc063bc3abece0cfac105d', "aria-hidden": "true", class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
+    }
+    static get style() { return titleCss; }
+}, [257, "qds-title", {
+        "alignment": [1],
+        "iconName": [1, "icon-name"],
+        "iconLibrary": [1, "icon-library"],
+        "kicker": [1],
+        "layer": [1],
+        "level": [1],
+        "subtitle": [1],
+        "tag": [1],
+        "variant": [1]
+    }]);
+_Title_instances = new WeakSet(), _Title_hasSubtitle_get = function _Title_hasSubtitle_get() {
+    return this.subtitle !== undefined && this.subtitle !== '';
+}, _Title_hasKicker_get = function _Title_hasKicker_get() {
+    return this.kicker !== undefined && this.kicker !== '';
+};
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-title", "qds-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-title":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Title);
+            }
+            break;
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { Title as T, defineCustomElement as d };
+//# sourceMappingURL=p-DeRqCYmp.js.map
+
+//# sourceMappingURL=p-DeRqCYmp.js.map

package/components/p-DeRqCYmp.js.map

@@ -0,0 +1 @@
+{"file":"p-DeRqCYmp.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,02SAA02S;;ACA33S;AACA;AACA;;;;;;;;;MAyBa,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;AALlB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAME;;AAEG;AACqB,QAAA,IAAS,CAAA,SAAA,GAAe,OAAO;AASvD;;AAEG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAW,SAAS;AAO/B,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;AAEtB,QAAA,IAAK,CAAA,KAAA,GAAW,SAAS;AAOjD;;AAEG;AACqB,QAAA,IAAG,CAAA,GAAA,GAAS,IAAI;AAyDzC;IAxCQ,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,OAAO;;IAGxB,MAAM,GAAA;QACX,MAAM,KAAK,GAAG,CAAO,IAAA,EAAA,IAAI,CAAC,KAAK,IAAI,MAAM,CAAA,CAAE;QAC3C,MAAM,KAAK,GAAG,CAAO,IAAA,EAAA,IAAI,CAAC,KAAK,IAAI,SAAS,CAAA,CAAE;AAC9C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI;AAC5B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE;QAEnE,QACE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAA,EACkB,IAAI,CAAC,SAAS,IAAI,OAAO,EAAA,cAAA,EAC3B,IAAI,CAAC,OAAO,EAC1B,KAAK,EAAE;gBACL,CAAC,KAAK,GAAG,IAAI;gBACb,CAAC,KAAK,GAAG,IAAI;AACb,gBAAA,YAAY,EAAE,IAAI;AAClB,gBAAA,cAAc,EAAE,OAAO;gBACvB,gBAAgB,EAAE,sBAAA,CAAA,IAAI,EAAW,gBAAA,EAAA,GAAA,EAAA,oBAAA,CAAA;gBACjC,kBAAkB,EAAE,sBAAA,CAAA,IAAI,EAAa,gBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA;AACtC,aAAA,EACD,IAAI,EAAC,MAAM,EAAA,EAEX,CAAC,CAAA,GAAG,qDAAC,KAAK,EAAC,WAAW,EAAe,cAAA,EAAA,IAAI,CAAC,OAAO,EAAA,EAC/C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,EACL,sBAAA,CAAA,IAAI,EAAW,gBAAA,EAAA,GAAA,EAAA,oBAAA,CAAA,IAAI,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,MAAM,CAAK,EAC1D,sBAAA,CAAA,IAAI,EAAa,gBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,IAAI,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAE,EAAA,IAAI,CAAC,QAAQ,CAAK,EAChE,OAAO,KACN,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,CAAA,CACH,CACM;;;;;;;;;;;;;;;IA5CX,OAAO,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE;AAC5D,CAAC,EAAA,oBAAA,GAAA,SAAA,oBAAA,GAAA;IAGC,OAAO,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE;AACxD,CAAC;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/title/title.css?tag=qds-title&encapsulation=shadow","src/components/title/title.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-titles {\n  display: grid;\n  grid-template-areas: 'title';\n\n  &.qds-has-kicker {\n    grid-template-areas:\n      'kicker'\n      'title';\n  }\n\n  &.qds-has-subtitle {\n    grid-template-areas:\n      'title'\n      'subtitle';\n  }\n\n  &.qds-has-kicker.qds-has-subtitle {\n    grid-template-areas:\n      'kicker'\n      'title'\n      'subtitle';\n  }\n}\n\n.qds-has-icon {\n  grid-template-columns: auto 1fr;\n  grid-template-areas: 'icon title';\n\n  &.qds-has-kicker {\n    grid-template-areas:\n      '.    kicker'\n      'icon title';\n  }\n\n  &.qds-has-subtitle {\n    grid-template-areas:\n      'icon title'\n      '.    subtitle';\n  }\n\n  &.qds-has-kicker.qds-has-subtitle {\n    grid-template-areas:\n      '.    kicker'\n      'icon title'\n      '.    subtitle';\n  }\n}\n\n.qds-titles,\n.qds-title {\n  hyphens: inherit;\n}\n\n.qds-subtitle,\n.qds-kicker {\n  hyphens: initial;\n}\n\n.qds-title,\n.qds-subtitle,\n.qds-kicker {\n  margin-block: 0;\n}\n\n.qds-title {\n  grid-area: title;\n  color: var(--qds-theme-title);\n}\n\n.qds-subtitle {\n  grid-area: subtitle;\n  color: var(--qds-theme-subtitle);\n}\n\n.qds-kicker {\n  grid-area: kicker;\n  color: var(--qds-theme-kicker);\n}\n\n.qds-icon {\n  grid-area: icon;\n  align-content: center;\n  color: var(--qds-theme-text-standard);\n}\n\n.qds-main {\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-main-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-main-section-titles-gap)\n        var(--qds-main-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-main-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-main-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-main-section-titles-icon-size);\n      height: var(--qds-main-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-main-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-main-subsection-titles-gap)\n        var(--qds-main-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-main-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-main-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-main-subsection-titles-icon-size);\n      height: var(--qds-main-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-panel {\n  &.qds-root {\n    &.qds-titles {\n      gap: var(--qds-panel-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-panel-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-panel-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-panel-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-panel-titles-icon-size);\n      height: var(--qds-panel-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-panel-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-panel-section-titles-gap)\n        var(--qds-panel-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-panel-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-panel-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-panel-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-panel-section-titles-icon-size);\n      height: var(--qds-panel-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-panel-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-panel-subsection-titles-gap)\n        var(--qds-panel-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-panel-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-panel-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-panel-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-panel-subsection-titles-icon-size);\n      height: var(--qds-panel-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-navigation {\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-navigation-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-navigation-section-titles-gap)\n        var(--qds-navigation-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-navigation-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-navigation-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-navigation-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-navigation-section-titles-icon-size);\n      height: var(--qds-navigation-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-navigation-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-navigation-subsection-titles-gap)\n        var(--qds-navigation-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-navigation-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-navigation-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-navigation-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-navigation-subsection-titles-icon-size);\n      height: var(--qds-navigation-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-popup {\n  &.qds-root {\n    &.qds-titles {\n      gap: var(--qds-popup-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-popup-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-popup-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-popup-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-popup-titles-icon-size);\n      height: var(--qds-popup-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-popup-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-popup-section-titles-gap)\n        var(--qds-popup-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-popup-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-popup-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-popup-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-popup-section-titles-icon-size);\n      height: var(--qds-popup-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-popup-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-popup-subsection-titles-gap)\n        var(--qds-popup-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-popup-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-popup-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-popup-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-popup-subsection-titles-icon-size);\n      height: var(--qds-popup-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-accessory {\n  &.qds-root {\n    &.qds-titles {\n      gap: var(--qds-accessory-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-accessory-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-accessory-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-accessory-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-accessory-titles-icon-size);\n      height: var(--qds-accessory-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-accessory-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-accessory-section-titles-gap)\n        var(--qds-accessory-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-accessory-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-accessory-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-accessory-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-accessory-section-titles-icon-size);\n      height: var(--qds-accessory-section-titles-icon-crop-height);\n    }\n  }\n}\n\n[data-variant='web-main-section-promo'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-section-promo-titles-gap);\n      margin: auto;\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-promo-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-main-section-promo-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-main-section-promo-kicker);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-main-section-promo-titles-gap)\n        var(--qds-main-section-promo-titles-icon-gap);\n    }\n\n    & .qds-icon {\n      width: var(--qds-main-section-promo-titles-icon-size);\n      height: var(--qds-main-section-promo-titles-icon-crop-height);\n    }\n  }\n}\n\n[data-alignment='start'] {\n  text-align: start;\n}\n\n[data-alignment='center'] {\n  text-align: center;\n}\n\n[data-alignment='end'] {\n  text-align: end;\n}\n\n[data-variant='web-main-section-display'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-section-display-titles-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-display-title);\n    }\n  }\n}\n\n[data-variant='web-main-subsection-card'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-subsection-card-titles-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-subsection-card-standard-title);\n    }\n  }\n}\n\n[data-variant='web-main-section-hero'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-section-hero-titles-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-hero-title);\n    }\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { AttachInternals, Component, h, Prop } from '@stencil/core'\n\nexport type Layer = 'accessory' | 'main' | 'navigation' | 'panel' | 'popup'\nexport type Level = 'root' | 'section' | 'subsection'\nexport type Tag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\nexport type TitleVariant =\n  | 'web-main-section-display'\n  | 'web-main-section-hero'\n  | 'web-main-section-promo'\n  | 'web-main-subsection-card'\n\nexport type Alignment = 'center' | 'end' | 'start'\n\n/**\n * @slot Content to display for the title.\n * @see https://quartz.se.com/build/components/title\n */\n@Component({\n  tag: 'qds-title',\n  shadow: true,\n  styleUrl: 'title.css',\n})\nexport class Title implements ComponentInterface {\n  /**\n   * The alignment of the title.\n   */\n  @Prop() public readonly alignment?: Alignment = 'start'\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * Text to display for the kicker.\n   */\n  @Prop() public readonly kicker?: string\n\n  @Prop() public readonly layer?: Layer = 'main'\n\n  @Prop() public readonly level?: Level = 'section'\n\n  /**\n   * Text to display for the subtitle.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * HTML tag to use to render the title.\n   */\n  @Prop() public readonly tag?: Tag = 'h2'\n\n  /**\n   * The title's variant.\n   */\n  @Prop() public readonly variant?: TitleVariant\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  get #hasSubtitle(): boolean {\n    return this.subtitle !== undefined && this.subtitle !== ''\n  }\n\n  get #hasKicker(): boolean {\n    return this.kicker !== undefined && this.kicker !== ''\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'group'\n  }\n\n  public render() {\n    const layer = `qds-${this.layer ?? 'main'}`\n    const level = `qds-${this.level ?? 'section'}`\n    const Tag = this.tag ?? 'h2'\n    const hasIcon = this.iconName !== undefined && this.iconName !== ''\n\n    return (\n      <hgroup\n        data-alignment={this.alignment ?? 'start'}\n        data-variant={this.variant}\n        class={{\n          [layer]: true,\n          [level]: true,\n          'qds-titles': true,\n          'qds-has-icon': hasIcon,\n          'qds-has-kicker': this.#hasKicker,\n          'qds-has-subtitle': this.#hasSubtitle,\n        }}\n        role=\"none\"\n      >\n        <Tag class=\"qds-title\" data-variant={this.variant}>\n          <slot />\n        </Tag>\n        {this.#hasKicker && <p class=\"qds-kicker\">{this.kicker}</p>}\n        {this.#hasSubtitle && <p class=\"qds-subtitle\">{this.subtitle}</p>}\n        {hasIcon && (\n          <qds-icon\n            aria-hidden=\"true\"\n            class=\"qds-icon\"\n            name={this.iconName}\n            library={this.iconLibrary}\n          />\n        )}\n      </hgroup>\n    )\n  }\n}\n"],"version":3}

package/components/p-DnZdwX0l.js

@@ -0,0 +1,149 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-D2489VzR.js';
+import { c as inheritAriaAttributes } from './p-CXP6q9Mr.js';
+import { d as defineCustomElement$2 } from './p-U2Q0vF-d.js';
+import { d as defineCustomElement$1 } from './p-BkgfW_tl.js';
+
+const tagCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-tag{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;max-width:inherit;min-width:inherit;width:inherit}.qds-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.qds-icon{flex-shrink:0}[data-status=error]{color:var(--qds-theme-feedback-message-critical)}[data-status=success]{color:var(--qds-theme-feedback-message-success)}[data-status=warning]{color:var(--qds-theme-feedback-message-important)}[data-status=info]{color:var(--qds-theme-feedback-message-informational)}[data-status=neutral]{color:var(--qds-theme-feedback-message-neutral)}[data-importance=subdued] .qds-text{color:var(--qds-theme-text-standard)}[data-importance=standard][data-status=error]{background-color:var(--qds-theme-feedback-message-critical-dimmed)}[data-importance=standard][data-status=success]{background-color:var(--qds-theme-feedback-message-success-dimmed)}[data-importance=standard][data-status=warning]{background-color:var(--qds-theme-feedback-message-important-dimmed)}[data-importance=standard][data-status=info]{background-color:var(--qds-theme-feedback-message-informational-dimmed)}[data-importance=standard][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral-dimmed)}[data-importance=emphasized][data-status=error]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}[data-importance=emphasized][data-status=success]{background-color:var(--qds-theme-feedback-message-success);color:var(--qds-theme-feedback-message-success-contrast)}[data-importance=emphasized][data-status=warning]{background-color:var(--qds-theme-feedback-message-important);color:var(--qds-theme-feedback-message-important-contrast)}[data-importance=emphasized][data-status=info]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=emphasized][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral);color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-tag[data-size=small]{border-radius:var(--qds-feedback-tag-small-border-radius);font:var(--qds-feedback-tag-small-text);gap:var(--qds-feedback-tag-small-gap-internal);min-height:var(--qds-feedback-tag-small-height)}.qds-padding[data-size=small]{padding:var(--qds-feedback-tag-small-padding-vertical) var(--qds-feedback-tag-small-padding-horizontal)}.qds-icon[data-size=small]{height:var(--qds-feedback-tag-small-icon-size);width:var(--qds-feedback-tag-small-icon-size)}.qds-tag[data-size=standard]{border-radius:var(--qds-feedback-tag-standard-border-radius);font:var(--qds-feedback-tag-standard-text);gap:var(--qds-feedback-tag-standard-gap-internal);min-height:var(--qds-feedback-tag-standard-height)}.qds-padding[data-size=standard]{padding:var(--qds-feedback-tag-large-padding-vertical) var(--qds-feedback-tag-standard-padding-horizontal)}.qds-icon[data-size=standard]{height:var(--qds-feedback-tag-standard-icon-size);width:var(--qds-feedback-tag-standard-icon-size)}.qds-tag[data-size=large]{border-radius:var(--qds-feedback-tag-large-border-radius);font:var(--qds-feedback-tag-large-text);gap:var(--qds-feedback-tag-large-gap-internal);min-height:var(--qds-feedback-tag-large-height)}.qds-padding[data-size=large]{padding:var(--qds-feedback-tag-large-padding-vertical) var(--qds-feedback-tag-large-padding-horizontal)}.qds-icon[data-size=large]{height:var(--qds-feedback-tag-large-icon-size);width:var(--qds-feedback-tag-large-icon-size)}";
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Tag_instances, _Tag_inheritedAttributes, _Tag_computedImportance_get, _Tag_computedSize_get, _Tag_computedStatus_get, _Tag_hasBadge_get;
+const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        _Tag_instances.add(this);
+        /**
+         * The name of a registered icon library.
+         */
+        this.iconLibrary = 'default';
+        /**
+         * The tag's importance.
+         */
+        this.importance = 'standard';
+        /**
+         * The tag's status.
+         */
+        this.status = 'neutral';
+        /**
+         * The tag's size.
+         */
+        this.size = 'standard';
+        /**
+         * Displays an indicator if `true`.
+         */
+        this.badge = false;
+        _Tag_inheritedAttributes.set(this, {});
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        return (h("span", { key: 'b2bf47a5aa571e501286a37ec740d97a298570e7', class: {
+                'qds-tag': true,
+                'qds-padding': this.importance !== 'subdued',
+            }, "data-importance": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), "data-status": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedStatus_get), ...__classPrivateFieldGet(this, _Tag_inheritedAttributes, "f") }, this.iconName !== undefined && this.iconName !== '' ? (h(Fragment, null, this.iconDescription !== undefined &&
+            this.iconDescription !== '' && (h("span", { class: "qds-sr-only" }, this.iconDescription)), h("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet(this, _Tag_instances, "a", _Tag_hasBadge_get) && (h("qds-badge-indicator", { status: __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), h("span", { key: '76a4c447fae83a961cc7a5c8a35af512fa78a933', class: "qds-text" }, this.text)));
+    }
+    get host() { return this; }
+    static get style() { return tagCss; }
+}, [257, "qds-tag", {
+        "iconName": [1, "icon-name"],
+        "iconLibrary": [1, "icon-library"],
+        "importance": [1],
+        "status": [1],
+        "size": [1],
+        "text": [1],
+        "iconDescription": [1, "icon-description"],
+        "badge": [4],
+        "badgeDescription": [1, "badge-description"]
+    }]);
+_Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_computedImportance_get = function _Tag_computedImportance_get() {
+    switch (this.importance) {
+        case 'subdued':
+        case 'emphasized': {
+            return this.importance;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _Tag_computedSize_get = function _Tag_computedSize_get() {
+    switch (this.size) {
+        case 'standard':
+        case 'small':
+        case 'large': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _Tag_computedStatus_get = function _Tag_computedStatus_get() {
+    switch (this.status) {
+        case 'error':
+        case 'info':
+        case 'success':
+        case 'warning': {
+            return this.status;
+        }
+        default: {
+            return 'neutral';
+        }
+    }
+}, _Tag_hasBadge_get = function _Tag_hasBadge_get() {
+    return (this.badge ?? false) && this.importance !== 'emphasized';
+};
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-tag", "qds-badge-indicator", "qds-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-tag":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Tag);
+            }
+            break;
+        case "qds-badge-indicator":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { Tag as T, defineCustomElement as d };
+//# sourceMappingURL=p-DnZdwX0l.js.map
+
+//# sourceMappingURL=p-DnZdwX0l.js.map

package/components/p-DnZdwX0l.js.map

@@ -0,0 +1 @@
+{"file":"p-DnZdwX0l.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tag/tag.css?tag=qds-tag&encapsulation=shadow","src/components/tag/tag.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-tag {\n  align-items: center;\n  box-sizing: border-box;\n  display: inline-flex;\n  justify-content: center;\n  max-width: inherit;\n  min-width: inherit;\n  width: inherit;\n}\n\n.qds-text {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 5;\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.qds-icon {\n  flex-shrink: 0;\n}\n\n[data-status='error'] {\n  color: var(--qds-theme-feedback-message-critical);\n}\n\n[data-status='success'] {\n  color: var(--qds-theme-feedback-message-success);\n}\n\n[data-status='warning'] {\n  color: var(--qds-theme-feedback-message-important);\n}\n\n[data-status='info'] {\n  color: var(--qds-theme-feedback-message-informational);\n}\n\n[data-status='neutral'] {\n  color: var(--qds-theme-feedback-message-neutral);\n}\n\n[data-importance='subdued'] .qds-text {\n  color: var(--qds-theme-text-standard);\n}\n\n[data-importance='standard'] {\n  &[data-status='error'] {\n    background-color: var(--qds-theme-feedback-message-critical-dimmed);\n  }\n\n  &[data-status='success'] {\n    background-color: var(--qds-theme-feedback-message-success-dimmed);\n  }\n\n  &[data-status='warning'] {\n    background-color: var(--qds-theme-feedback-message-important-dimmed);\n  }\n\n  &[data-status='info'] {\n    background-color: var(--qds-theme-feedback-message-informational-dimmed);\n  }\n\n  &[data-status='neutral'] {\n    background-color: var(--qds-theme-feedback-message-neutral-dimmed);\n  }\n}\n\n[data-importance='emphasized'] {\n  &[data-status='error'] {\n    background-color: var(--qds-theme-feedback-message-critical);\n    color: var(--qds-theme-feedback-message-critical-contrast);\n  }\n\n  &[data-status='success'] {\n    background-color: var(--qds-theme-feedback-message-success);\n    color: var(--qds-theme-feedback-message-success-contrast);\n  }\n\n  &[data-status='warning'] {\n    background-color: var(--qds-theme-feedback-message-important);\n    color: var(--qds-theme-feedback-message-important-contrast);\n  }\n\n  &[data-status='info'] {\n    background-color: var(--qds-theme-feedback-message-informational);\n    color: var(--qds-theme-feedback-message-informational-contrast);\n  }\n\n  &[data-status='neutral'] {\n    background-color: var(--qds-theme-feedback-message-neutral);\n    color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-size='small'] {\n  &.qds-tag {\n    font: var(--qds-feedback-tag-small-text);\n    gap: var(--qds-feedback-tag-small-gap-internal);\n    min-height: var(--qds-feedback-tag-small-height);\n    border-radius: var(--qds-feedback-tag-small-border-radius);\n  }\n\n  &.qds-padding {\n    padding: var(--qds-feedback-tag-small-padding-vertical)\n      var(--qds-feedback-tag-small-padding-horizontal);\n  }\n\n  &.qds-icon {\n    width: var(--qds-feedback-tag-small-icon-size);\n    height: var(--qds-feedback-tag-small-icon-size);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-tag {\n    font: var(--qds-feedback-tag-standard-text);\n    gap: var(--qds-feedback-tag-standard-gap-internal);\n    min-height: var(--qds-feedback-tag-standard-height);\n    border-radius: var(--qds-feedback-tag-standard-border-radius);\n  }\n\n  &.qds-padding {\n    padding: var(--qds-feedback-tag-large-padding-vertical)\n      var(--qds-feedback-tag-standard-padding-horizontal);\n  }\n\n  &.qds-icon {\n    width: var(--qds-feedback-tag-standard-icon-size);\n    height: var(--qds-feedback-tag-standard-icon-size);\n  }\n}\n\n[data-size='large'] {\n  &.qds-tag {\n    font: var(--qds-feedback-tag-large-text);\n    gap: var(--qds-feedback-tag-large-gap-internal);\n    min-height: var(--qds-feedback-tag-large-height);\n    border-radius: var(--qds-feedback-tag-large-border-radius);\n  }\n\n  &.qds-padding {\n    padding: var(--qds-feedback-tag-large-padding-vertical)\n      var(--qds-feedback-tag-large-padding-horizontal);\n  }\n\n  &.qds-icon {\n    width: var(--qds-feedback-tag-large-icon-size);\n    height: var(--qds-feedback-tag-large-icon-size);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, Fragment, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\nimport type { Importance, Size, Status } from '../shared'\n\nexport type TagStatus = Status | 'neutral'\n\n/**\n * The `<qds-tag>` element is a static descriptor used for items that need to\n * be labeled, categorized, or organized using keywords that describe them.\n *\n * @see https://quartz.se.com/build/components/tag\n */\n@Component({\n  tag: 'qds-tag',\n  shadow: true,\n  styleUrl: 'tag.css',\n})\nexport class Tag implements ComponentInterface {\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The tag's importance.\n   */\n  @Prop() public readonly importance?: Importance = 'standard'\n\n  /**\n   * The tag's status.\n   */\n  @Prop() public readonly status?: TagStatus = 'neutral'\n\n  /**\n   * The tag's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * The tag's text.\n   */\n  @Prop() public readonly text?: string\n\n  /**\n   * Provides a text description of the icon for screen readers.\n   */\n  @Prop() public readonly iconDescription?: string\n\n  /**\n   * Displays an indicator if `true`.\n   */\n  @Prop() public readonly badge?: boolean = false\n\n  /**\n   * The indicator badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  @Element() private readonly host!: HTMLElement\n\n  #inheritedAttributes: Attributes = {}\n\n  get #computedImportance(): Importance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedStatus(): TagStatus {\n    switch (this.status) {\n      case 'error':\n      case 'info':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return 'neutral'\n      }\n    }\n  }\n\n  get #hasBadge(): boolean {\n    return (this.badge ?? false) && this.importance !== 'emphasized'\n  }\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-tag': true,\n          'qds-padding': this.importance !== 'subdued',\n        }}\n        data-importance={this.#computedImportance}\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        {this.iconName !== undefined && this.iconName !== '' ? (\n          <>\n            {this.iconDescription !== undefined &&\n              this.iconDescription !== '' && (\n                <span class=\"qds-sr-only\">{this.iconDescription}</span>\n              )}\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              data-size={this.#computedSize}\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          </>\n        ) : (\n          this.#hasBadge && (\n            <qds-badge-indicator\n              status={this.#computedStatus}\n              description={this.badgeDescription}\n              size={this.#computedSize}\n              strokeRing\n            />\n          )\n        )}\n        <span class=\"qds-text\">{this.text}</span>\n      </span>\n    )\n  }\n}\n"],"version":3}

package/components/p-Dsc0-aXK.js

@@ -0,0 +1,162 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-D2489VzR.js';
+import { p as pickFocusEventAttributes } from './p-CXP6q9Mr.js';
+import { d as defineCustomElement$1 } from './p-BkgfW_tl.js';
+
+const miniButtonCss = ":host{display:block}:host(:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-mini-button{align-items:center;background-color:initial;border:none;border-radius:var(--qds-control-rounded-border-radius);color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;justify-content:center;min-height:var(--qds-control-mini-button-standard-size);padding:0;width:var(--qds-control-mini-button-standard-size)}.qds-mini-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-mini-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-mini-button:focus-visible{outline:none}.qds-mini-button:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{align-content:center;font-size:var(--qds-control-standard-icon-size);line-height:normal}";
+
+// SPDX-FileCopyrightText: © 2025 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _MiniButton_instances, _MiniButton_savedTabIndex, _MiniButton_computedDisabled_get;
+const preventDefault = (event) => {
+    event.preventDefault();
+};
+const MiniButton = /*@__PURE__*/ proxyCustomElement(class MiniButton extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.blurEmitter = createEvent(this, "qdsBlur", 2);
+        this.focusEmitter = createEvent(this, "qdsFocus", 2);
+        this.internals = this.attachInternals();
+        _MiniButton_instances.add(this);
+        /**
+         * The name of a registered icon library.
+         */
+        this.library = 'default';
+        /**
+         * When href is define and the button act as a link (`<a>`), the `rel` will be added to the element.
+         *
+         * @webnative
+         */
+        this.rel = 'noopener';
+        _MiniButton_savedTabIndex.set(this, 0);
+    }
+    disabledChanged() {
+        this.internals.ariaDisabled = __classPrivateFieldGet(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
+        if (__classPrivateFieldGet(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
+            this.host.removeAttribute('tabindex');
+        else
+            this.host.tabIndex = __classPrivateFieldGet(this, _MiniButton_savedTabIndex, "f");
+    }
+    hrefChanged() {
+        this.internals.role = this.href === undefined ? 'button' : 'link';
+    }
+    tabindexChanged(newValue) {
+        if (newValue !== null) {
+            const parsedValue = Number.parseInt(newValue, 10);
+            __classPrivateFieldSet(this, _MiniButton_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
+                ? 0
+                : parsedValue, "f");
+        }
+        if (__classPrivateFieldGet(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
+            this.host.removeAttribute('tabindex');
+        else
+            this.host.tabIndex = __classPrivateFieldGet(this, _MiniButton_savedTabIndex, "f");
+    }
+    textChanged() {
+        this.internals.ariaLabel = this.text;
+    }
+    onClick(event) {
+        if (__classPrivateFieldGet(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
+            event.stopImmediatePropagation();
+        }
+    }
+    onBlur(event) {
+        this.blurEmitter.emit(pickFocusEventAttributes(event));
+    }
+    onFocus(event) {
+        this.focusEmitter.emit(pickFocusEventAttributes(event));
+    }
+    onKeydown(event) {
+        if (event.key === 'Enter')
+            this.host.click();
+    }
+    onKeyup(event) {
+        if (event.key === ' ')
+            this.host.click();
+    }
+    componentWillLoad() {
+        this.hrefChanged();
+        this.textChanged();
+        this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
+        this.disabledChanged();
+    }
+    render() {
+        const Tag = this.href === undefined ? 'button' : 'a';
+        return (h(Tag, { key: '670347ad3f469e3b7d8d8cc30774c3c208c4dd08', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, h("qds-icon", { key: 'd3ab0776386fa553ee0a1582261a6724c6c5ef3a', class: "qds-icon", library: this.library, name: this.name })));
+    }
+    static get formAssociated() { return true; }
+    get host() { return this; }
+    static get watchers() { return {
+        "disabled": ["disabledChanged"],
+        "href": ["hrefChanged"],
+        "tabindex": ["tabindexChanged"],
+        "text": ["textChanged"]
+    }; }
+    static get style() { return miniButtonCss; }
+}, [321, "qds-mini-button", {
+        "disabled": [4],
+        "name": [1],
+        "library": [1],
+        "target": [1],
+        "href": [1],
+        "rel": [1],
+        "text": [1]
+    }, [[0, "click", "onClick"], [0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "keydown", "onKeydown"], [0, "keyup", "onKeyup"]], {
+        "disabled": ["disabledChanged"],
+        "href": ["hrefChanged"],
+        "tabindex": ["tabindexChanged"],
+        "text": ["textChanged"]
+    }]);
+_MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet(), _MiniButton_computedDisabled_get = function _MiniButton_computedDisabled_get() {
+    return (this.host.matches(':disabled') ||
+        (this.host.hasAttribute('disabled') &&
+            this.host.getAttribute('disabled') !== 'false'));
+};
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-mini-button", "qds-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-mini-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MiniButton);
+            }
+            break;
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { MiniButton as M, defineCustomElement as d };
+//# sourceMappingURL=p-Dsc0-aXK.js.map
+
+//# sourceMappingURL=p-Dsc0-aXK.js.map

package/components/p-Dsc0-aXK.js.map

@@ -0,0 +1 @@
+{"file":"p-Dsc0-aXK.js","mappings":";;;;;;;;;AAAA,MAAM,aAAa,GAAG,28BAA28B;;ACAj+B;AACA;AACA;;;;;;;;;;;;;;;;;;AAmBA,MAAM,cAAc,GAAG,CAAC,KAAiC,KAAU;IACjE,KAAK,CAAC,cAAc,EAAE;AACxB,CAAC;MAWY,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AANvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;;;AAuBE;;AAEG;AACqB,QAAA,IAAO,CAAA,OAAA,GAAW,SAAS;AA4BnD;;;;AAIG;AACqB,QAAA,IAAG,CAAA,GAAA,GAAY,UAAU;AAuBjD,QAAA,yBAAA,CAAA,GAAA,CAAA,IAAA,EAAiB,CAAC,CAAA;AA8FnB;IAnFW,eAAe,GAAA;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,sBAAA,CAAA,IAAI,EAAkB,qBAAA,EAAA,GAAA,EAAA,gCAAA,CAAA,CAAC,QAAQ,EAAE;QAC/D,IAAI,sBAAA,CAAA,IAAI,EAAkB,qBAAA,EAAA,GAAA,EAAA,gCAAA,CAAA;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;;AAC5D,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,sBAAA,CAAA,IAAI,iCAAe;;IAIrC,WAAW,GAAA;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,MAAM;;AAIzD,IAAA,eAAe,CAAC,QAAuB,EAAA;AAC/C,QAAA,IAAI,QAAQ,KAAK,IAAI,EAAE;YACrB,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;AACjD,YAAA,sBAAA,CAAA,IAAI,EAAA,yBAAA,EACF,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW;AACvD,kBAAE;AACF,kBAAE,WAAW,EAAA,GAAA,CAAA;;QAEnB,IAAI,sBAAA,CAAA,IAAI,EAAkB,qBAAA,EAAA,GAAA,EAAA,gCAAA,CAAA;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;;AAC5D,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,sBAAA,CAAA,IAAI,iCAAe;;IAIrC,WAAW,GAAA;QACnB,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI;;AAI5B,IAAA,OAAO,CAAC,KAAiB,EAAA;QACjC,IAAI,sBAAA,CAAA,IAAI,EAAkB,qBAAA,EAAA,GAAA,EAAA,gCAAA,CAAA,EAAE;YAC1B,KAAK,CAAC,wBAAwB,EAAE;;;AAK1B,IAAA,MAAM,CAAC,KAAiB,EAAA;QAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;;AAI9C,IAAA,OAAO,CAAC,KAAiB,EAAA;QACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;;AAI/C,IAAA,SAAS,CAAC,KAAoB,EAAA;AACtC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;;AAIpC,IAAA,OAAO,CAAC,KAAoB,EAAA;AACpC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;;IAGnC,iBAAiB,GAAA;QACtB,IAAI,CAAC,WAAW,EAAE;QAClB,IAAI,CAAC,WAAW,EAAE;AAClB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC;QAC/D,IAAI,CAAC,eAAe,EAAE;;IAGjB,MAAM,GAAA;AACX,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,GAAG;QAEpD,QACE,CAAC,CAAA,GAAG,EACF,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,GAAG,KAAK,GAAG,GAAG,SAAS,GAAG,QAAQ,EACxC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAE,GAAG,KAAK,GAAG,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EACzC,GAAG,EAAE,GAAG,KAAK,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,SAAS,EACvC,QAAQ,EAAE,sBAAA,CAAA,IAAI,EAAkB,qBAAA,EAAA,GAAA,EAAA,gCAAA,CAAA,EAAA,aAAA,EACpB,MAAM,EAClB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,EAAE,EAAA,EAEZ,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,CACjE;;;;;;;;;;;;;;;;;;;;;;;;;;IAxFR,QACE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;AAC9B,SAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;YACjC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,OAAO,CAAC;AAErD,CAAC;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/mini-button/mini-button.css?tag=qds-mini-button&encapsulation=shadow","src/components/mini-button/mini-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2025 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n:host {\n  display: block;\n}\n\n:host(:focus-visible) {\n  /* inner ring */\n  outline: var(--qds-theme-focus-border-contrast) solid\n    var(--qds-focus-light-border-width);\n  outline-offset: 0;\n\n  /* outer ring */\n  box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n    var(--qds-theme-focus-border);\n}\n\n.qds-mini-button {\n  display: flex;\n  width: var(--qds-control-mini-button-standard-size);\n  min-height: var(--qds-control-mini-button-standard-size);\n  align-items: center;\n  border-radius: var(--qds-control-rounded-border-radius);\n  border: none;\n  justify-content: center;\n  color: var(--qds-theme-control-text-standard);\n  background-color: transparent;\n  padding: 0;\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n}\n\n.qds-mini-button:disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-icon {\n  font-size: var(--qds-control-standard-icon-size);\n  align-content: center;\n  line-height: normal;\n}\n","// SPDX-FileCopyrightText: © 2025 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Listen,\n  Prop,\n  Watch,\n} from '@stencil/core'\nimport type { LiteralUnion } from 'type-fest'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport { pickFocusEventAttributes } from '../../helpers'\nimport type { Target } from '../shared'\n\nconst preventDefault = (event: KeyboardEvent | MouseEvent): void => {\n  event.preventDefault()\n}\n\n/**\n * @experimental\n */\n@Component({\n  tag: 'qds-mini-button',\n  formAssociated: true,\n  styleUrl: 'mini-button.css',\n  shadow: true,\n})\nexport class MiniButton implements ComponentInterface {\n  /**\n   * Prevents the mini button from being interacted with: it cannot be pressed or\n   * focused.\n   *\n   * @webnative\n   */\n  @Prop()\n  public readonly disabled?: boolean\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly name!: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly library: string = 'default'\n\n  /**\n   * Where to display the linked URL, as the name for a browsing context (a\n   * tab, window, or\n   * [`<iframe>`](https://developer.mozilla.org/docs/Web/HTML/Element/iframe).\n   * The following keywords have special meanings for where to load the URL:\n   *\n   * - `_blank`: usually a new tab, but users can configure browsers to open a new\n   *   window instead.\n   * - `_parent`: the parent browsing context of the current one. If no parent,\n   *   behaves as `_self`.\n   * - `_self`: the current browsing context.\n   * - `_top`: the topmost browsing context (the \"highest\" context that's an\n   *   ancestor of the current one). If no ancestors, behaves as `_self`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly target?: LiteralUnion<Target, string>\n\n  /**\n   * When set, the underlying button will be rendered as an `<a>` with this\n   * `href` instead of a `<button>`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly href?: string\n\n  /**\n   * When href is define and the button act as a link (`<a>`), the `rel` will be added to the element.\n   *\n   * @webnative\n   */\n  @Prop() public readonly rel?: string = 'noopener'\n\n  /**\n   * The mini button's accessible name.\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * Emitted when the button loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the button gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #savedTabIndex = 0\n\n  get #computedDisabled(): boolean {\n    return (\n      this.host.matches(':disabled') ||\n      (this.host.hasAttribute('disabled') &&\n        this.host.getAttribute('disabled') !== 'false')\n    )\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.#computedDisabled.toString()\n    if (this.#computedDisabled) this.host.removeAttribute('tabindex')\n    else this.host.tabIndex = this.#savedTabIndex\n  }\n\n  @Watch('href')\n  protected hrefChanged(): void {\n    this.internals.role = this.href === undefined ? 'button' : 'link'\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string | null): void {\n    if (newValue !== null) {\n      const parsedValue = Number.parseInt(newValue, 10)\n      this.#savedTabIndex =\n        Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)\n          ? 0\n          : parsedValue\n    }\n    if (this.#computedDisabled) this.host.removeAttribute('tabindex')\n    else this.host.tabIndex = this.#savedTabIndex\n  }\n\n  @Watch('text')\n  protected textChanged(): void {\n    this.internals.ariaLabel = this.text\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) {\n      event.stopImmediatePropagation()\n    }\n  }\n\n  @Listen('blur')\n  protected onBlur(event: FocusEvent): void {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  @Listen('focus')\n  protected onFocus(event: FocusEvent): void {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  @Listen('keydown')\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Enter') this.host.click()\n  }\n\n  @Listen('keyup')\n  protected onKeyup(event: KeyboardEvent): void {\n    if (event.key === ' ') this.host.click()\n  }\n\n  public componentWillLoad(): void {\n    this.hrefChanged()\n    this.textChanged()\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    this.disabledChanged()\n  }\n\n  public render() {\n    const Tag = this.href === undefined ? 'button' : 'a'\n\n    return (\n      <Tag\n        type={Tag === 'a' ? undefined : 'button'}\n        class=\"qds-mini-button\"\n        href={Tag === 'a' ? this.href : undefined}\n        rel={Tag === 'a' ? this.rel : undefined}\n        disabled={this.#computedDisabled}\n        aria-hidden=\"true\"\n        onKeyDown={preventDefault}\n        onKeyUp={preventDefault}\n        onKeyPress={preventDefault}\n        tabIndex={-1}\n      >\n        <qds-icon class=\"qds-icon\" library={this.library} name={this.name} />\n      </Tag>\n    )\n  }\n}\n"],"version":3}

package/components/p-DwxIJEUj.js

@@ -0,0 +1,91 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, h } from './p-D2489VzR.js';
+
+const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.qds-divider{border:none;height:var(--qds-control-border-width);margin:0;width:100%}.qds-vertical{height:100%;width:var(--qds-control-border-width)}[data-importance=standard]{background-color:var(--qds-theme-divider-standard)}[data-importance=emphasized]{background-color:var(--qds-theme-divider-emphasized)}[data-importance=subdued]{background-color:var(--qds-theme-divider-subdued)}";
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Divider_instances, _Divider_computedImportance_get;
+const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.internals = this.attachInternals();
+        _Divider_instances.add(this);
+        /**
+         * The divider's importance.
+         */
+        this.importance = 'standard';
+        /**
+         * Display the divider in vertical orientation.
+         */
+        this.vertical = false;
+    }
+    verticalChanged() {
+        this.internals.ariaOrientation = this.vertical ? 'vertical' : 'horizontal';
+    }
+    componentWillLoad() {
+        this.internals.role = 'separator';
+        this.internals.ariaHidden = 'true';
+        this.verticalChanged();
+    }
+    render() {
+        return (h("hr", { key: 'ddda592092da543e6a5dab0605792910b4dda2ad', class: {
+                'qds-divider': true,
+                'qds-vertical': this.vertical,
+            }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
+    }
+    static get watchers() { return {
+        "vertical": ["verticalChanged"]
+    }; }
+    static get style() { return dividerCss; }
+}, [257, "qds-divider", {
+        "importance": [1],
+        "vertical": [4]
+    }, undefined, {
+        "vertical": ["verticalChanged"]
+    }]);
+_Divider_instances = new WeakSet(), _Divider_computedImportance_get = function _Divider_computedImportance_get() {
+    switch (this.importance) {
+        case 'emphasized':
+        case 'subdued': {
+            return this.importance;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+};
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-divider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-divider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Divider);
+            }
+            break;
+    } });
+}
+
+export { Divider as D, defineCustomElement as d };
+//# sourceMappingURL=p-DwxIJEUj.js.map
+
+//# sourceMappingURL=p-DwxIJEUj.js.map

package/components/p-DwxIJEUj.js.map

@@ -0,0 +1 @@
+{"file":"p-DwxIJEUj.js","mappings":";;;;;;;AAAA,MAAM,UAAU,GAAG,6bAA6b;;ACAhd;AACA;AACA;;;;;;;;;MAqBa,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAME;;AAEG;AACqB,QAAA,IAAU,CAAA,UAAA,GAAgB,UAAU;AAE5D;;AAEG;AACqB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAwClD;IAvBW,eAAe,GAAA;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,YAAY;;IAGrE,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,WAAW;AACjC,QAAA,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,MAAM;QAElC,IAAI,CAAC,eAAe,EAAE;;IAGjB,MAAM,GAAA;QACX,QACE,CACE,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,aAAa,EAAE,IAAI;gBACnB,cAAc,EAAE,IAAI,CAAC,QAAQ;AAC9B,aAAA,EAAA,aAAA,EACW,MAAM,EACD,iBAAA,EAAA,sBAAA,CAAA,IAAI,EAAoB,kBAAA,EAAA,GAAA,EAAA,+BAAA,CAAA,EAAA,CACzC;;;;;;;;;;;;;AAhCJ,IAAA,QAAQ,IAAI,CAAC,UAAU;AACrB,QAAA,KAAK,YAAY;QACjB,KAAK,SAAS,EAAE;YACd,OAAO,IAAI,CAAC,UAAU;;QAExB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/divider/divider.css?tag=qds-divider&encapsulation=shadow","src/components/divider/divider.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-divider {\n  border: none;\n  height: var(--qds-control-border-width);\n  margin: 0;\n  width: 100%;\n}\n\n.qds-vertical {\n  height: 100%;\n  width: var(--qds-control-border-width);\n}\n\n[data-importance='standard'] {\n  background-color: var(--qds-theme-divider-standard);\n}\n\n[data-importance='emphasized'] {\n  background-color: var(--qds-theme-divider-emphasized);\n}\n\n[data-importance='subdued'] {\n  background-color: var(--qds-theme-divider-subdued);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { AttachInternals, Component, h, Prop, Watch } from '@stencil/core'\n\nimport type { Importance } from '../shared'\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() public readonly importance?: Importance = 'standard'\n\n  /**\n   * Display the divider in vertical orientation.\n   */\n  @Prop() public readonly vertical: boolean = false\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  get #computedImportance(): Importance {\n    switch (this.importance) {\n      case 'emphasized':\n      case 'subdued': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  @Watch('vertical')\n  protected verticalChanged(): void {\n    this.internals.ariaOrientation = this.vertical ? 'vertical' : 'horizontal'\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'separator'\n    this.internals.ariaHidden = 'true'\n\n    this.verticalChanged()\n  }\n\n  public render() {\n    return (\n      <hr\n        class={{\n          'qds-divider': true,\n          'qds-vertical': this.vertical,\n        }}\n        aria-hidden=\"true\"\n        data-importance={this.#computedImportance}\n      />\n    )\n  }\n}\n"],"version":3}