@ind-ds/core 0.2.0 → 0.2.1

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

@@ -1,101 +0,0 @@
-:host {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--ind-spacing-2, 4px);
-  font-family: var(--ind-font-family-sans);
-  font-size: var(--ind-font-size-base, 12px);
-  /* `light-dark()` makes the fallback adapt to the page's color-scheme so the
-   * caption stays readable even if the atom lands on a surface whose theme
-   * doesn't match the loaded tokens (e.g. Storybook autodocs on white). */
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.symbol {
-  --_w: var(--ind-valve-width, 48px);
-  --_fill:   var(--ind-state-stopped-bg, #5a6776);
-  --_stroke: var(--ind-state-stopped-border, #8390a0);
-
-  width: var(--_w);
-  height: calc(var(--_w) / 2);
-  display: block;
-}
-
-:host([orientation="vertical"]) .symbol {
-  transform: rotate(90deg);
-}
-
-:host([size="sm"]) .symbol { --_w: 32px; }
-:host([size="md"]) .symbol { --_w: 48px; }
-:host([size="lg"]) .symbol { --_w: 72px; }
-
-.left,
-.right {
-  fill: var(--_fill);
-  stroke: var(--_stroke);
-  stroke-width: 1.25;
-  stroke-linejoin: round;
-  transition:
-    fill var(--ind-motion-duration-base, 200ms),
-    stroke var(--ind-motion-duration-base, 200ms);
-}
-
-.stem {
-  stroke: var(--_stroke);
-  stroke-width: 2;
-  stroke-linecap: round;
-}
-
-:host([state="open"]) .symbol {
-  --_fill:   var(--ind-state-running-bg, #16a34a);
-  --_stroke: var(--ind-state-running-border, #4ade80);
-}
-:host([state="closed"]) .symbol {
-  --_fill:   var(--ind-state-stopped-bg, #5a6776);
-  --_stroke: var(--ind-state-stopped-border, #8390a0);
-}
-:host([state="fault"]) .symbol {
-  --_fill:   var(--ind-state-fault-bg, #dc2626);
-  --_stroke: var(--ind-state-fault-border, #f87171);
-}
-:host([state="transit"]) .symbol {
-  --_fill:   var(--ind-state-warning-bg, #f59e0b);
-  --_stroke: var(--ind-state-warning-border, #fcd34d);
-}
-
-/* Transit: marching ants on the perimeter — universally read as
- * "in motion / transitioning" by control room operators. */
-:host([state="transit"]) .left,
-:host([state="transit"]) .right {
-  stroke-dasharray: 4 2;
-  animation: ind-valve-march var(--ind-motion-blink-slow, 1000ms) linear infinite;
-}
-
-@keyframes ind-valve-march {
-  to { stroke-dashoffset: -6; }
-}
-
-.caption {
-  display: flex;
-  gap: var(--ind-spacing-3, 6px);
-  align-items: baseline;
-  font-size: var(--ind-font-size-sm, 11px);
-}
-
-.tag {
-  font-family: var(--ind-font-family-mono);
-  font-weight: var(--ind-font-weight-semibold, 600);
-}
-
-.label {
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :host([state="transit"]) .left,
-  :host([state="transit"]) .right {
-    animation: none;
-    stroke-dasharray: 4 2;
-  }
-}

package/dist/collection/components/atoms/xy-point/xy-point.css

@@ -1,49 +0,0 @@
-:host {
-  display: inline-block;
-  width: var(--ind-xy-size, 120px);
-  height: var(--ind-xy-size, 120px);
-  --_accent: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-}
-
-:host([variant="running"]) { --_accent: var(--ind-state-running-bg, #16a34a); }
-:host([variant="warning"])  { --_accent: var(--ind-state-warning-bg, #f59e0b); }
-:host([variant="fault"])    { --_accent: var(--ind-state-fault-bg, #dc2626); }
-
-.plot {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-.field {
-  fill: var(--ind-surface-sunken, light-dark(#fff, #000));
-  stroke: var(--ind-surface-border-default, #2a3340);
-  stroke-width: 1;
-  vector-effect: non-scaling-stroke;
-}
-
-.axis {
-  stroke: var(--ind-surface-border-subtle, #2a3340);
-  stroke-width: 1;
-  stroke-dasharray: 2 2;
-  vector-effect: non-scaling-stroke;
-}
-
-.trail {
-  fill: none;
-  stroke: color-mix(in srgb, var(--_accent) 50%, transparent);
-  stroke-width: 1.5;
-  stroke-linejoin: round;
-  vector-effect: non-scaling-stroke;
-}
-
-.point {
-  fill: var(--_accent);
-  stroke: var(--ind-surface-panel, #11161c);
-  stroke-width: 1.5;
-  transition: cx var(--ind-motion-duration-base, 200ms) ease, cy var(--ind-motion-duration-base, 200ms) ease;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .point { transition: none; }
-}

package/dist/collection/components/molecules/_shared/binding.css

@@ -1,41 +0,0 @@
-/* Shared chrome for protocol tag-binding cards (MQTT, OPC UA). */
-.card-head {
-  align-items: center;
-}
-
-.address {
-  font-family: var(--ind-font-family-mono);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  background: var(--ind-surface-sunken);
-  padding: 3px 6px;
-  border-radius: var(--ind-radius-sm, 2px);
-  word-break: break-all;
-}
-
-.readout {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: var(--ind-spacing-4, 8px);
-}
-
-.value {
-  font-family: var(--ind-font-family-mono);
-  font-size: var(--ind-font-size-lg, 14px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-}
-
-.flags {
-  display: inline-flex;
-  gap: var(--ind-spacing-2, 4px);
-}
-
-.flag {
-  font-size: var(--ind-font-size-xs, 10px);
-  color: var(--ind-surface-text-muted);
-  background: var(--ind-surface-raised);
-  border-radius: var(--ind-radius-sm, 2px);
-  padding: 1px 5px;
-  white-space: nowrap;
-}

package/dist/collection/components/molecules/_shared/card.css

@@ -1,51 +0,0 @@
-/* Shared chrome for molecule "card" components. Pulled in first via
- * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */
-:host {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ind-spacing-3, 6px);
-  padding: var(--ind-spacing-5, 12px);
-  background: var(--ind-surface-panel);
-  border: 1px solid var(--ind-surface-border-default);
-  border-radius: var(--ind-radius-md, 3px);
-  font-family: var(--ind-font-family-sans);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-  box-sizing: border-box;
-  min-width: 160px;
-}
-
-.card-head {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-.card-title {
-  font-size: var(--ind-font-size-xs, 10px);
-  font-weight: var(--ind-font-weight-bold, 700);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-}
-
-.card-tag {
-  font-family: var(--ind-font-family-mono);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-}
-
-.card-detail {
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-}
-
-/* Fault chrome cue, opt-in by reflecting state="fault" on the host. */
-:host([state="fault"]) {
-  border-color: var(--ind-state-fault-bg, #dc2626);
-  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);
-}
-:host([state="warning"]) {
-  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));
-}

package/dist/collection/components/molecules/_shared/equipment-card.css

@@ -1,20 +0,0 @@
-/* Shared layout for the equipment faceplate cards (motor, pump, valve, tank).
- * Loaded after card.css and before each component's own sheet. */
-.body {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-5, 12px);
-}
-
-.symbol {
-  flex: 0 0 auto;
-}
-
-.metrics {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ind-spacing-2, 4px);
-  margin-left: auto;
-  align-items: flex-end;
-  text-align: right;
-}

package/dist/collection/components/molecules/_shared/row.css

@@ -1,34 +0,0 @@
-/* Shared chrome for log-style molecule rows (alarm, event, audit, historical).
- * Each component sets its own grid-template-columns. */
-:host {
-  display: grid;
-  align-items: center;
-  gap: var(--ind-spacing-4, 8px);
-  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);
-  font-family: var(--ind-font-family-sans);
-  font-size: var(--ind-font-size-base, 12px);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  border-bottom: 1px solid var(--ind-surface-border-subtle);
-  box-sizing: border-box;
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.time {
-  font-family: var(--ind-font-family-mono);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-  white-space: nowrap;
-}
-
-.tag {
-  font-family: var(--ind-font-family-mono);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  white-space: nowrap;
-}
-
-.msg {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}

package/dist/collection/components/molecules/alarm-badge-group/alarm-badge-group.css

@@ -1,43 +0,0 @@
-:host {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ind-spacing-2, 4px);
-  font-family: var(--ind-font-family-sans);
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.pill {
-  display: inline-flex;
-  align-items: stretch;
-  border-radius: var(--ind-radius-sm, 2px);
-  overflow: hidden;
-  font-size: var(--ind-font-size-sm, 11px);
-  font-weight: var(--ind-font-weight-bold, 700);
-  line-height: 1;
-  border: 1px solid transparent;
-}
-
-.pill-label {
-  padding: 3px 5px;
-  color: var(--ind-color-palette-neutral-1000, #fff);
-}
-
-.pill-count {
-  padding: 3px 6px;
-  background: var(--ind-surface-raised);
-  color: var(--ind-surface-text-primary);
-  min-width: 1.2em;
-  text-align: center;
-}
-
-.pill-high-high .pill-label { background: var(--ind-alarm-high-high-bg, #dc2626); }
-.pill-high-high { border-color: var(--ind-alarm-high-high-border, #f87171); }
-.pill-high .pill-label { background: var(--ind-alarm-high-bg, #f59e0b); color: var(--ind-alarm-high-fg, #000); }
-.pill-high { border-color: var(--ind-alarm-high-border, #fcd34d); }
-.pill-low .pill-label { background: var(--ind-alarm-low-bg, #0891b2); }
-.pill-low { border-color: var(--ind-alarm-low-border, #22d3ee); }
-.pill-low-low .pill-label { background: var(--ind-alarm-low-low-bg, #7c3aed); }
-.pill-low-low { border-color: var(--ind-alarm-low-low-border, #a78bfa); }
-
-.pill-total .pill-label { background: var(--ind-surface-border-strong, #5a6776); }
-.pill-total { border-color: var(--ind-surface-border-strong, #5a6776); }

package/dist/collection/components/molecules/alarm-badge-group/alarm-badge-group.js

@@ -1,168 +0,0 @@
-import { h, Host } from "@stencil/core";
-/**
- * Row of ISA-18.2 priority counters (HH / H / L / LL). Gives an at-a-glance
- * alarm summary for a unit or the whole plant, colored by priority.
- */
-export class IndAlarmBadgeGroup {
-    /** High-high count. */
-    highHigh = 0;
-    /** High count. */
-    high = 0;
-    /** Low count. */
-    low = 0;
-    /** Low-low count. */
-    lowLow = 0;
-    /** Hide priorities whose count is zero. */
-    hideZero = false;
-    /** Append a total pill. */
-    showTotal = false;
-    get total() {
-        return this.highHigh + this.high + this.low + this.lowLow;
-    }
-    render() {
-        const items = [
-            { key: 'high-high', label: 'HH', count: this.highHigh },
-            { key: 'high', label: 'H', count: this.high },
-            { key: 'low', label: 'L', count: this.low },
-            { key: 'low-low', label: 'LL', count: this.lowLow },
-        ].filter((i) => !this.hideZero || i.count > 0);
-        return (h(Host, { key: '201a3706da7e4d7861c46d089f0640c2b9fb23f4', role: "group", "aria-label": `${this.total} active alarms` }, items.map((i) => (h("span", { class: `pill pill-${i.key}`, part: "pill", key: i.key }, h("span", { class: "pill-label", part: "pill-label" }, i.label), h("span", { class: "pill-count", part: "pill-count" }, i.count)))), this.showTotal && (h("span", { key: '12adde650a7be127226d5d65b6981008d3e72484', class: "pill pill-total", part: "total" }, h("span", { key: '624406d463a074110c7e11bb26af668e85a6ed71', class: "pill-label" }, "\u03A3"), h("span", { key: '23b0c696feb5cb9dbb38c41d9185e6f1e8c4ee4d', class: "pill-count" }, this.total)))));
-    }
-    static get is() { return "ind-alarm-badge-group"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["alarm-badge-group.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["alarm-badge-group.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "highHigh": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "High-high count."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "high-high",
-                "defaultValue": "0"
-            },
-            "high": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "High count."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "high",
-                "defaultValue": "0"
-            },
-            "low": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Low count."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "low",
-                "defaultValue": "0"
-            },
-            "lowLow": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Low-low count."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "low-low",
-                "defaultValue": "0"
-            },
-            "hideZero": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Hide priorities whose count is zero."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-zero",
-                "defaultValue": "false"
-            },
-            "showTotal": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Append a total pill."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "show-total",
-                "defaultValue": "false"
-            }
-        };
-    }
-}
-//# sourceMappingURL=alarm-badge-group.js.map

package/dist/collection/components/molecules/alarm-row/alarm-row.css

@@ -1,42 +0,0 @@
-:host {
-  grid-template-columns: 28px auto 1fr auto auto;
-}
-
-:host([acknowledged]) {
-  opacity: 0.6;
-}
-
-.prio {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: var(--ind-font-weight-bold, 700);
-  font-size: var(--ind-font-size-xs, 10px);
-  border-radius: var(--ind-radius-sm, 2px);
-  padding: 2px 0;
-  color: var(--ind-color-palette-neutral-1000, #fff);
-}
-
-.prio-high-high { background: var(--ind-alarm-high-high-bg, #dc2626); }
-.prio-high { background: var(--ind-alarm-high-bg, #f59e0b); color: var(--ind-alarm-high-fg, #000); }
-.prio-low { background: var(--ind-alarm-low-bg, #0891b2); }
-.prio-low-low { background: var(--ind-alarm-low-low-bg, #7c3aed); }
-
-.acked {
-  font-size: var(--ind-font-size-xs, 10px);
-  color: var(--ind-state-running-bg, #16a34a);
-  white-space: nowrap;
-}
-
-/* Unacknowledged high-high pulses to draw the eye. */
-:host([priority="high-high"]:not([acknowledged])) .prio {
-  animation: ind-alarm-row-pulse var(--ind-motion-blink-slow, 1000ms) ease-in-out infinite;
-}
-
-@keyframes ind-alarm-row-pulse {
-  50% { opacity: 0.45; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :host([priority="high-high"]:not([acknowledged])) .prio { animation: none; }
-}