@ind-ds/core 0.1.0 → 0.2.0

package/dist/collection/components/atoms/sparkline/sparkline.js

@@ -0,0 +1,202 @@
+import { h, Host } from "@stencil/core";
+export class IndSparkline {
+    /** Series of numeric samples, oldest → newest. Pass as a property. */
+    points = [];
+    /** Lower bound. Defaults to the min of `points`. */
+    min;
+    /** Upper bound. Defaults to the max of `points`. */
+    max;
+    /** Color intent. */
+    variant = 'default';
+    /** Fill the area under the line. */
+    area = false;
+    /** Highlight the most recent sample with a dot. */
+    marker = true;
+    /** Accessible label. */
+    label;
+    /** SVG coordinate width. CSS controls the rendered size. */
+    w = 100;
+    hh = 28;
+    path() {
+        const pts = this.points ?? [];
+        if (pts.length === 0)
+            return { line: '', area: '' };
+        const lo = this.min ?? Math.min(...pts);
+        const hi = this.max ?? Math.max(...pts);
+        const span = hi - lo || 1;
+        const stepX = pts.length > 1 ? this.w / (pts.length - 1) : 0;
+        const pad = 2;
+        const usable = this.hh - pad * 2;
+        const coords = pts.map((v, i) => {
+            const x = i * stepX;
+            const y = pad + usable - ((v - lo) / span) * usable;
+            return { x, y };
+        });
+        const line = coords.map((c, i) => `${i === 0 ? 'M' : 'L'}${c.x.toFixed(1)},${c.y.toFixed(1)}`).join(' ');
+        const area = `${line} L${this.w},${this.hh} L0,${this.hh} Z`;
+        return { line, area, last: coords[coords.length - 1] };
+    }
+    render() {
+        const { line, area, last } = this.path();
+        const name = this.label ?? 'trend';
+        return (h(Host, { key: '1375d90762013de4768f40391fc9e228ba3a3c7b', role: "img", "aria-label": name }, h("svg", { key: '2f857e3abe826e653e4a895fece8f4611b439d26', class: "chart", part: "chart", viewBox: `0 0 ${this.w} ${this.hh}`, preserveAspectRatio: "none", "aria-hidden": "true" }, this.area && area && h("path", { key: 'adaed13e2d763577023f7203cffa31f1081174fe', class: "fill", part: "fill", d: area }), line && h("path", { key: 'f5a4ea869dcc82ba4634cf44e3c21376500221b0', class: "line", part: "line", d: line }), this.marker && last && h("circle", { key: '79e602b6f952e5b9abd55dcf1ac6d946177acdb4', class: "dot", part: "dot", cx: last.x, cy: last.y, r: "2" }))));
+    }
+    static get is() { return "ind-sparkline"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["sparkline.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["sparkline.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "points": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "number[]",
+                    "resolved": "number[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Series of numeric samples, oldest \u2192 newest. Pass as a property."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "min": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Lower bound. Defaults to the min of `points`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "min"
+            },
+            "max": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Upper bound. Defaults to the max of `points`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SparklineVariant",
+                    "resolved": "\"default\" | \"fault\" | \"running\" | \"warning\"",
+                    "references": {
+                        "SparklineVariant": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/sparkline/sparkline.tsx",
+                            "id": "src/components/atoms/sparkline/sparkline.tsx::SparklineVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Color intent."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'default'"
+            },
+            "area": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Fill the area under the line."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "area",
+                "defaultValue": "false"
+            },
+            "marker": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Highlight the most recent sample with a dot."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "marker",
+                "defaultValue": "true"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible label."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            }
+        };
+    }
+}
+//# sourceMappingURL=sparkline.js.map

package/dist/collection/components/atoms/sparkline/sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../../src/components/atoms/sparkline/sparkline.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type SparklineVariant = 'default' | 'running' | 'warning' | 'fault';\n\n@Component({\n  tag: 'ind-sparkline',\n  styleUrl: 'sparkline.css',\n  shadow: true,\n})\nexport class IndSparkline {\n  /** Series of numeric samples, oldest → newest. Pass as a property. */\n  @Prop() points: number[] = [];\n\n  /** Lower bound. Defaults to the min of `points`. */\n  @Prop() min?: number;\n\n  /** Upper bound. Defaults to the max of `points`. */\n  @Prop() max?: number;\n\n  /** Color intent. */\n  @Prop({ reflect: true }) variant: SparklineVariant = 'default';\n\n  /** Fill the area under the line. */\n  @Prop({ reflect: true }) area: boolean = false;\n\n  /** Highlight the most recent sample with a dot. */\n  @Prop({ reflect: true }) marker: boolean = true;\n\n  /** Accessible label. */\n  @Prop() label?: string;\n\n  /** SVG coordinate width. CSS controls the rendered size. */\n  private readonly w = 100;\n  private readonly hh = 28;\n\n  private path(): { line: string; area: string; last?: { x: number; y: number } } {\n    const pts = this.points ?? [];\n    if (pts.length === 0) return { line: '', area: '' };\n    const lo = this.min ?? Math.min(...pts);\n    const hi = this.max ?? Math.max(...pts);\n    const span = hi - lo || 1;\n    const stepX = pts.length > 1 ? this.w / (pts.length - 1) : 0;\n    const pad = 2;\n    const usable = this.hh - pad * 2;\n    const coords = pts.map((v, i) => {\n      const x = i * stepX;\n      const y = pad + usable - ((v - lo) / span) * usable;\n      return { x, y };\n    });\n    const line = coords.map((c, i) => `${i === 0 ? 'M' : 'L'}${c.x.toFixed(1)},${c.y.toFixed(1)}`).join(' ');\n    const area = `${line} L${this.w},${this.hh} L0,${this.hh} Z`;\n    return { line, area, last: coords[coords.length - 1] };\n  }\n\n  render() {\n    const { line, area, last } = this.path();\n    const name = this.label ?? 'trend';\n    return (\n      <Host role=\"img\" aria-label={name}>\n        <svg class=\"chart\" part=\"chart\" viewBox={`0 0 ${this.w} ${this.hh}`} preserveAspectRatio=\"none\" aria-hidden=\"true\">\n          {this.area && area && <path class=\"fill\" part=\"fill\" d={area} />}\n          {line && <path class=\"line\" part=\"line\" d={line} />}\n          {this.marker && last && <circle class=\"dot\" part=\"dot\" cx={last.x} cy={last.y} r=\"2\" />}\n        </svg>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/status-dot/status-dot.js

@@ -37,7 +37,7 @@ export class IndStatusDot {
                     "references": {
                         "StatusDotState": {
                             "location": "local",
-                            "path": "C:/www/ind-ds/packages/core/src/components/atoms/status-dot/status-dot.tsx",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/status-dot/status-dot.tsx",
                             "id": "src/components/atoms/status-dot/status-dot.tsx::StatusDotState"
                         }
                     }
@@ -63,7 +63,7 @@ export class IndStatusDot {
                     "references": {
                         "StatusDotSize": {
                             "location": "local",
-                            "path": "C:/www/ind-ds/packages/core/src/components/atoms/status-dot/status-dot.tsx",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/status-dot/status-dot.tsx",
                             "id": "src/components/atoms/status-dot/status-dot.tsx::StatusDotSize"
                         }
                     }

package/dist/collection/components/atoms/tab/tab.css

@@ -0,0 +1,39 @@
+:host {
+  display: inline-flex;
+}
+
+.tab {
+  appearance: none;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ind-spacing-3, 6px);
+  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);
+  border: none;
+  border-bottom: 2px solid transparent;
+  background: none;
+  cursor: pointer;
+  font-family: var(--ind-font-family-sans, system-ui, sans-serif);
+  font-size: var(--ind-font-size-base, 12px);
+  font-weight: var(--ind-font-weight-medium, 500);
+  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
+  transition: color var(--ind-motion-duration-fast, 120ms) ease, border-color var(--ind-motion-duration-fast, 120ms) ease;
+}
+
+.tab:hover:not(:disabled) { color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5)); }
+
+.tab:focus-visible {
+  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);
+  outline-offset: -2px;
+}
+
+:host([selected]) .tab {
+  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
+  border-bottom-color: var(--ind-button-primary-bg, #2563eb);
+  font-weight: var(--ind-font-weight-semibold, 600);
+}
+
+:host([disabled]) .tab { opacity: 0.5; cursor: not-allowed; }
+
+.icon:empty, .badge:empty { display: none; }
+
+.icon, .badge { display: inline-flex; align-items: center; }

package/dist/collection/components/atoms/tab/tab.js

@@ -0,0 +1,119 @@
+import { h, Host } from "@stencil/core";
+export class IndTab {
+    /** Selected state. */
+    selected = false;
+    /** Disabled. */
+    disabled = false;
+    /** Stable id for the tab (emitted on select). */
+    tabId;
+    /** Fires when the tab is activated. */
+    indSelect;
+    activate = () => {
+        if (this.disabled || this.selected)
+            return;
+        this.indSelect.emit(this.tabId);
+    };
+    onKey = (e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            this.activate();
+        }
+    };
+    render() {
+        return (h(Host, { key: '80610acb7a454a8e50b01f284942f0a55650bdd6' }, h("button", { key: 'cad17b0d0a9850486b77e8012042a91dd3615276', type: "button", class: "tab", part: "tab", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, tabindex: this.selected ? '0' : '-1', onClick: this.activate, onKeyDown: this.onKey }, h("span", { key: '3c8531773262e8da453771366b8c242e4f5dc1b8', class: "icon", part: "icon" }, h("slot", { key: '10ed053ba7659569b45211b827503ca23e63e33a', name: "icon" })), h("span", { key: 'd658c67c3f874bcfd01f746c4df379a9f41aa7b1', class: "label", part: "label" }, h("slot", { key: '0b0bcdaf87c92e1252556500448726680adc4718' })), h("span", { key: '6bfa8167f56ddda8c18bd1c0d23ad06a0eb29a49', class: "badge", part: "badge" }, h("slot", { key: '345cb8f4b94885d62f4f14476f6b2bf3303f06ef', name: "badge" })))));
+    }
+    static get is() { return "ind-tab"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tab.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tab.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "selected": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Selected state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "selected",
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disabled."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "tabId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Stable id for the tab (emitted on select)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tab-id"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "indSelect",
+                "name": "indSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires when the tab is activated."
+                },
+                "complexType": {
+                    "original": "string | undefined",
+                    "resolved": "string | undefined",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=tab.js.map

package/dist/collection/components/atoms/tab/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../../src/components/atoms/tab/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,MAAM;IACjB,sBAAsB;IACG,QAAQ,GAAY,KAAK,CAAC;IACnD,gBAAgB;IACS,QAAQ,GAAY,KAAK,CAAC;IACnD,iDAAiD;IACzC,KAAK,CAAU;IAEvB,uCAAuC;IAC9B,SAAS,CAAoC;IAE9C,QAAQ,GAAG,GAAG,EAAE;QACtB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC3C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEM,KAAK,GAAG,CAAC,CAAgB,EAAE,EAAE;QACnC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,KAAK,mBACK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC/C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EACpC,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,KAAK;gBAErB,6DAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM;oBAAC,6DAAM,IAAI,EAAC,MAAM,GAAG,CAAO;gBAC1D,6DAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO;oBAAC,8DAAQ,CAAO;gBAChD,6DAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO;oBAAC,6DAAM,IAAI,EAAC,OAAO,GAAG,CAAO,CACtD,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ind-tab',\n  styleUrl: 'tab.css',\n  shadow: true,\n})\nexport class IndTab {\n  /** Selected state. */\n  @Prop({ reflect: true }) selected: boolean = false;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Stable id for the tab (emitted on select). */\n  @Prop() tabId?: string;\n\n  /** Fires when the tab is activated. */\n  @Event() indSelect!: EventEmitter<string | undefined>;\n\n  private activate = () => {\n    if (this.disabled || this.selected) return;\n    this.indSelect.emit(this.tabId);\n  };\n\n  private onKey = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this.activate();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          class=\"tab\"\n          part=\"tab\"\n          role=\"tab\"\n          aria-selected={this.selected ? 'true' : 'false'}\n          disabled={this.disabled}\n          tabindex={this.selected ? '0' : '-1'}\n          onClick={this.activate}\n          onKeyDown={this.onKey}\n        >\n          <span class=\"icon\" part=\"icon\"><slot name=\"icon\" /></span>\n          <span class=\"label\" part=\"label\"><slot /></span>\n          <span class=\"badge\" part=\"badge\"><slot name=\"badge\" /></span>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/tag-name/tag-name.css

@@ -0,0 +1,25 @@
+:host {
+  display: inline-flex;
+  --_size: var(--ind-font-size-base, 12px);
+}
+
+:host([size="sm"]) { --_size: var(--ind-font-size-sm, 11px); }
+:host([size="md"]) { --_size: var(--ind-font-size-base, 12px); }
+:host([size="lg"]) { --_size: var(--ind-font-size-lg, 14px); }
+
+.tag {
+  font-family: var(--ind-font-family-mono, ui-monospace, monospace);
+  font-size: var(--_size);
+  font-weight: var(--ind-font-weight-semibold, 600);
+  letter-spacing: 0.01em;
+  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
+  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
+  white-space: nowrap;
+}
+
+:host([boxed]) .tag {
+  padding: 1px var(--ind-spacing-3, 6px);
+  border: 1px solid var(--ind-surface-border-strong, #5a6776);
+  border-radius: var(--ind-radius-sm, 2px);
+  background: var(--ind-surface-sunken, light-dark(#fff, #000));
+}

package/dist/collection/components/atoms/tag-name/tag-name.js

@@ -0,0 +1,94 @@
+import { h, Host } from "@stencil/core";
+export class IndTagName {
+    /** Equipment / instrument tag, e.g. "PT-101". Falls back to the slot. */
+    tag;
+    /** Size. */
+    size = 'md';
+    /** Render in a boxed style (outlined chip). */
+    boxed = false;
+    render() {
+        return (h(Host, { key: 'c2427b778ac295c0a097b9391daad1360b4b46d4' }, h("span", { key: '0aa09696c274c2b9136c85afd48203983db04853', class: "tag", part: "tag" }, this.tag ?? h("slot", { key: '46131f7f0b24d62cae551125c0b2733a92764569' }))));
+    }
+    static get is() { return "ind-tag-name"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tag-name.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tag-name.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Equipment / instrument tag, e.g. \"PT-101\". Falls back to the slot."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tag"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TagNameSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "references": {
+                        "TagNameSize": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/tag-name/tag-name.tsx",
+                            "id": "src/components/atoms/tag-name/tag-name.tsx::TagNameSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
+            "boxed": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Render in a boxed style (outlined chip)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "boxed",
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=tag-name.js.map

package/dist/collection/components/atoms/tag-name/tag-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-name.js","sourceRoot":"","sources":["../../../../src/components/atoms/tag-name/tag-name.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,UAAU;IACrB,yEAAyE;IACjE,GAAG,CAAU;IACrB,YAAY;IACa,IAAI,GAAgB,IAAI,CAAC;IAClD,+CAA+C;IACtB,KAAK,GAAY,KAAK,CAAC;IAEhD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,6DAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,IACzB,IAAI,CAAC,GAAG,IAAI,8DAAQ,CAChB,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type TagNameSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-tag-name',\n  styleUrl: 'tag-name.css',\n  shadow: true,\n})\nexport class IndTagName {\n  /** Equipment / instrument tag, e.g. \"PT-101\". Falls back to the slot. */\n  @Prop() tag?: string;\n  /** Size. */\n  @Prop({ reflect: true }) size: TagNameSize = 'md';\n  /** Render in a boxed style (outlined chip). */\n  @Prop({ reflect: true }) boxed: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <span class=\"tag\" part=\"tag\">\n          {this.tag ?? <slot />}\n        </span>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/tank/tank.css

@@ -0,0 +1,12 @@
+.liquid {
+  fill: var(--ind-state-maintenance-bg, #2563eb);
+  transition: y var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease),
+              height var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);
+}
+
+:host([alarm="high"]) .liquid { fill: var(--ind-state-fault-bg, #dc2626); }
+:host([alarm="low"]) .liquid  { fill: var(--ind-state-warning-bg, #f59e0b); }
+
+.body {
+  fill: none;
+}