@ind-ds/core 0.2.0 → 0.2.1

package/dist/collection/components/molecules/network-status-card/network-status-card.css

@@ -1,31 +0,0 @@
-:host {
-  min-width: 200px;
-}
-
-:host([state="error"]) {
-  border-color: var(--ind-state-fault-bg, #dc2626);
-}
-
-.signal {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-4, 8px);
-}
-
-.address {
-  font-family: var(--ind-font-family-mono);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-secondary);
-}
-
-.throughput {
-  display: flex;
-  gap: var(--ind-spacing-6, 16px);
-  font-family: var(--ind-font-family-mono);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-primary);
-}
-
-.arrow {
-  color: var(--ind-surface-text-muted);
-}

package/dist/collection/components/molecules/opcua-tag-binding/opcua-tag-binding.css

@@ -1,7 +0,0 @@
-:host {
-  min-width: 240px;
-}
-
-.quality-good { color: var(--ind-state-running-bg, #16a34a); }
-.quality-uncertain { color: var(--ind-state-warning-bg, #f59e0b); }
-.quality-bad { color: var(--ind-state-fault-bg, #dc2626); }

package/dist/collection/components/molecules/pump-card/pump-card.css

@@ -1,3 +0,0 @@
-:host {
-  min-width: 200px;
-}

package/dist/collection/components/molecules/recipe-selector/recipe-selector.css

@@ -1,13 +0,0 @@
-:host {
-  min-width: 240px;
-}
-
-.row {
-  display: flex;
-  align-items: flex-end;
-  gap: var(--ind-spacing-4, 8px);
-}
-
-.select {
-  flex: 1 1 auto;
-}

package/dist/collection/components/molecules/setpoint-control/setpoint-control.css

@@ -1,3 +0,0 @@
-:host {
-  min-width: 200px;
-}

package/dist/collection/components/molecules/sidebar-group/sidebar-group.css

@@ -1,61 +0,0 @@
-:host {
-  display: block;
-  font-family: var(--ind-font-family-sans);
-}
-
-.header {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-2, 4px);
-  width: 100%;
-  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);
-  background: transparent;
-  border: 0;
-  cursor: pointer;
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  font-size: var(--ind-font-size-xs, 10px);
-  font-weight: var(--ind-font-weight-bold, 700);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  text-align: left;
-}
-
-.header:hover {
-  color: var(--ind-surface-text-primary);
-}
-
-.header:focus-visible {
-  outline: 2px solid var(--ind-surface-focus-ring);
-  outline-offset: -2px;
-}
-
-.chevron {
-  transition: transform var(--ind-motion-duration-fast, 120ms) var(--ind-motion-easing-standard, ease);
-  font-size: 0.9em;
-}
-
-:host([collapsed]) .chevron {
-  transform: rotate(-90deg);
-}
-
-.label {
-  flex: 1 1 auto;
-}
-
-.badge {
-  font-family: var(--ind-font-family-mono);
-  background: var(--ind-surface-raised);
-  border-radius: var(--ind-radius-full, 9999px);
-  padding: 1px 6px;
-  font-size: var(--ind-font-size-xs, 10px);
-  color: var(--ind-surface-text-primary);
-}
-
-.items {
-  display: flex;
-  flex-direction: column;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .chevron { transition: none; }
-}

package/dist/collection/components/molecules/speed-control/speed-control.css

@@ -1,7 +0,0 @@
-:host {
-  min-width: 200px;
-}
-
-ind-slider {
-  width: 100%;
-}

package/dist/collection/components/molecules/start-stop-control/start-stop-control.css

@@ -1,24 +0,0 @@
-:host {
-  min-width: 180px;
-  gap: var(--ind-spacing-4, 8px);
-}
-
-.head {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-.label {
-  font-size: var(--ind-font-size-md, 13px);
-  font-weight: var(--ind-font-weight-medium, 500);
-}
-
-.buttons {
-  display: flex;
-  gap: var(--ind-spacing-4, 8px);
-}
-
-.buttons ind-button {
-  flex: 1 1 0;
-}

package/dist/collection/components/molecules/tag-card/tag-card.css

@@ -1,7 +0,0 @@
-:host {
-  min-width: 150px;
-}
-
-.card-head {
-  align-items: center;
-}

package/dist/collection/components/molecules/tank-level-card/tank-level-card.css

@@ -1,7 +0,0 @@
-:host {
-  min-width: 210px;
-}
-
-ind-linear-gauge {
-  width: 100%;
-}

package/dist/collection/components/molecules/temperature-control/temperature-control.css

@@ -1,15 +0,0 @@
-:host {
-  min-width: 210px;
-}
-
-.mode {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ind-spacing-2, 4px);
-  font-size: var(--ind-font-size-sm, 11px);
-  font-weight: var(--ind-font-weight-medium, 500);
-  color: var(--ind-surface-text-muted);
-}
-
-.mode-heating { color: var(--ind-state-fault-bg, #dc2626); }
-.mode-cooling { color: var(--ind-color-palette-cyan-300, #22d3ee); }

package/dist/collection/components/molecules/toolbar-action/toolbar-action.css

@@ -1,36 +0,0 @@
-:host {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-4, 8px);
-  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);
-  background: var(--ind-surface-panel);
-  border-bottom: 1px solid var(--ind-surface-border-default);
-  font-family: var(--ind-font-family-sans);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  flex-wrap: wrap;
-}
-
-.filter ::slotted(*) {
-  min-width: 200px;
-}
-
-.flags {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-4, 8px);
-}
-
-.spacer { flex: 1; }
-
-.counter {
-  font-family: var(--ind-font-family-mono);
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  font-size: var(--ind-font-size-sm, 11px);
-  white-space: nowrap;
-}
-
-.actions {
-  display: flex;
-  gap: var(--ind-spacing-3, 6px);
-}

package/dist/collection/components/molecules/trend-widget/trend-widget.css

@@ -1,15 +0,0 @@
-:host {
-  min-width: 200px;
-}
-
-.spark {
-  width: 100%;
-  height: 44px;
-}
-
-.bounds {
-  display: flex;
-  justify-content: space-between;
-  font-size: var(--ind-font-size-xs, 10px);
-  color: var(--ind-surface-text-muted);
-}

package/dist/collection/components/molecules/valve-card/valve-card.css

@@ -1,13 +0,0 @@
-:host {
-  min-width: 190px;
-}
-
-.state-label {
-  font-size: var(--ind-font-size-lg, 14px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-}
-
-.state-open   { color: var(--ind-state-running-bg, #16a34a); }
-.state-closed { color: var(--ind-surface-text-secondary); }
-.state-transit { color: var(--ind-state-warning-bg, #f59e0b); }
-.state-fault  { color: var(--ind-state-fault-bg, #dc2626); }

package/dist/collection/components/organisms/_shared/control-panel.css

@@ -1,15 +0,0 @@
-/* Flatten the faceplate / control molecules when embedded in a control panel,
- * so the panel provides the single card chrome. */
-.panel-body > ind-motor-card,
-.panel-body > ind-pump-card,
-.panel-body > ind-valve-card,
-.panel-body > ind-start-stop-control,
-.panel-body > ind-setpoint-control,
-.panel-body > ind-speed-control,
-.panel-body > ind-mode-selector,
-.panel-body > ind-recipe-selector {
-  border: 0;
-  padding: 0;
-  background: transparent;
-  min-width: 0;
-}

package/dist/collection/components/organisms/_shared/panel.css

@@ -1,96 +0,0 @@
-/* Shared chrome for organism panels. Pulled in first via
- * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */
-:host {
-  display: flex;
-  flex-direction: column;
-  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));
-  box-sizing: border-box;
-  overflow: hidden;
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.panel-head {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-4, 8px);
-  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);
-  border-bottom: 1px solid var(--ind-surface-border-subtle);
-  background: var(--ind-surface-raised);
-  flex: 0 0 auto;
-}
-
-.panel-titles {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-
-.panel-title {
-  font-size: var(--ind-font-size-md, 13px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  line-height: 1.2;
-}
-
-.panel-subtitle {
-  font-size: var(--ind-font-size-xs, 10px);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-}
-
-.panel-tag {
-  font-family: var(--ind-font-family-mono);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-secondary);
-}
-
-.panel-actions {
-  margin-left: auto;
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-.panel-body {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ind-spacing-4, 8px);
-  padding: var(--ind-spacing-5, 12px);
-  min-height: 0;
-}
-
-.panel-toolbar {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);
-  border-bottom: 1px solid var(--ind-surface-border-subtle);
-  flex: 0 0 auto;
-}
-
-.panel-list {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-}
-
-.panel-grid {
-  display: grid;
-  gap: var(--ind-spacing-4, 8px);
-  padding: var(--ind-spacing-5, 12px);
-}
-
-.panel-empty {
-  padding: var(--ind-spacing-7, 20px);
-  text-align: center;
-  color: var(--ind-surface-text-muted);
-  font-size: var(--ind-font-size-sm, 11px);
-}
-
-.panel-spacer {
-  flex: 1 1 auto;
-}

package/dist/collection/components/organisms/alarm-panel/alarm-panel.css

@@ -1,7 +0,0 @@
-:host {
-  min-width: 360px;
-}
-
-.panel-list {
-  max-height: 420px;
-}

package/dist/collection/components/organisms/alarm-panel/alarm-panel.js

@@ -1,152 +0,0 @@
-import { h, Host } from "@stencil/core";
-const PRIORITY_RANK = {
-    'high-high': 0,
-    high: 1,
-    low: 2,
-    'low-low': 3,
-};
-/**
- * Active alarm list with a toolbar: shows unacknowledged-first, ISA-18.2
- * sorted `<ind-alarm-row>`s and an "ACK all" command. Emits `indAck` (per
- * alarm) and `indAckAll`.
- */
-export class IndAlarmPanel {
-    /** Panel heading. */
-    heading = 'Alarms';
-    /** Alarm rows. */
-    alarms = [];
-    /** Hide already-acknowledged alarms. */
-    hideAcknowledged = false;
-    /** Fires with the alarm id when a single alarm is acknowledged. */
-    indAck;
-    /** Fires when the operator acknowledges all visible alarms. */
-    indAckAll;
-    sorted() {
-        const list = this.hideAcknowledged ? this.alarms.filter((a) => !a.acknowledged) : this.alarms;
-        return [...list].sort((a, b) => {
-            const ack = Number(a.acknowledged ?? false) - Number(b.acknowledged ?? false);
-            if (ack !== 0)
-                return ack;
-            return PRIORITY_RANK[a.priority] - PRIORITY_RANK[b.priority];
-        });
-    }
-    render() {
-        const rows = this.sorted();
-        const unacked = this.alarms.filter((a) => !a.acknowledged).length;
-        return (h(Host, { key: '0dfd3cce47c2bb9367fe44374890f64fe8e6cd35' }, h("div", { key: '5fb96dd5aba1723905467f0b97df8808cfe60362', class: "panel-head" }, h("div", { key: '4df0bf8cb769f781920c69cdd81dcdf0f22721b5', class: "panel-titles" }, h("span", { key: '41bd0d8955b5bb89107b5abf350f82cd6b54b160', class: "panel-title", part: "heading" }, this.heading), h("span", { key: 'b8143a078e6ac7fca073713f19e44554b72a3b3c', class: "panel-subtitle" }, unacked, " unacknowledged \u00B7 ", this.alarms.length, " total")), h("div", { key: '9c660b78dad715003000c61b9ed532e280950193', class: "panel-actions" }, h("ind-button", { key: '37ae9d3d64083f360a8292d17e33346c6ae60ee6', variant: "default", size: "sm", label: "ACK all", disabled: unacked === 0, onIndActivate: () => this.indAckAll.emit() }))), h("div", { key: '65b366bc7cd87378fa18af0610d9796cbdc6bbfb', class: "panel-list", part: "list" }, rows.length === 0 ? (h("div", { class: "panel-empty" }, "No active alarms")) : (rows.map((a) => (h("ind-alarm-row", { key: a.id, priority: a.priority, tag: a.tag, message: a.message, time: a.time, acknowledged: a.acknowledged, onIndAck: () => this.indAck.emit(a.id) })))))));
-    }
-    static get is() { return "ind-alarm-panel"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../_shared/panel.css", "alarm-panel.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../_shared/panel.css", "alarm-panel.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "heading": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Panel heading."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "heading",
-                "defaultValue": "'Alarms'"
-            },
-            "alarms": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "AlarmPanelItem[]",
-                    "resolved": "AlarmPanelItem[]",
-                    "references": {
-                        "AlarmPanelItem": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/alarm-panel/alarm-panel.tsx",
-                            "id": "src/components/organisms/alarm-panel/alarm-panel.tsx::AlarmPanelItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Alarm rows."
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            },
-            "hideAcknowledged": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Hide already-acknowledged alarms."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-acknowledged",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "indAck",
-                "name": "indAck",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fires with the alarm id when a single alarm is acknowledged."
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }, {
-                "method": "indAckAll",
-                "name": "indAckAll",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fires when the operator acknowledges all visible alarms."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=alarm-panel.js.map

package/dist/collection/components/organisms/alarm-summary/alarm-summary.css

@@ -1,30 +0,0 @@
-:host {
-  min-width: 220px;
-}
-
-.figures {
-  display: flex;
-  gap: var(--ind-spacing-7, 20px);
-}
-
-.figure {
-  display: flex;
-  flex-direction: column;
-}
-
-.figure-value {
-  font-size: var(--ind-font-size-3xl, 28px);
-  font-weight: var(--ind-font-weight-bold, 700);
-  line-height: 1;
-}
-
-.figure-label {
-  font-size: var(--ind-font-size-xs, 10px);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: var(--ind-surface-text-muted);
-}
-
-.figure-alert .figure-value {
-  color: var(--ind-state-fault-bg, #dc2626);
-}