@ind-ds/core 0.2.0 → 0.2.1

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

@@ -1,124 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndHeater {
-    /** Process state. `running` glows the element. */
-    state = 'stopped';
-    /** Visual size. */
-    size = 'md';
-    /** Equipment tag (e.g. "EH-601"). */
-    tag;
-    /** Human label. */
-    label;
-    render() {
-        const name = this.label ?? this.tag ?? 'heater';
-        return (h(Host, { key: 'd89d4fd8c92b5d580e9a042645f044ad1a1ee292', role: "img", "aria-label": `${name} — ${this.state}` }, h("svg", { key: '03cd61a0fdcd116f4efa913301a1f16797f3b755', class: "symbol", viewBox: "0 0 48 48", "aria-hidden": "true" }, h("circle", { key: '1eb5b9ac742fbc70a137f46a98b036cc74b1a820', class: "body", cx: "24", cy: "24", r: "16" }), h("path", { key: '4e5f078661433f278f0ec6ec7ba9648021b9c237', class: "coil", d: "M14 18 q5 -6 10 0 t10 0 M14 24 q5 -6 10 0 t10 0 M14 30 q5 -6 10 0 t10 0" })), (this.tag || this.label) && (h("div", { key: '9cb689e0d55fe6744948e0c9c3f9d456d6aed084', class: "caption" }, this.tag && h("span", { key: '31ff37c274b8c107ce29982c21c2200bf93d6257', class: "tag" }, this.tag), this.label && h("span", { key: '4fd695b74a6bf03a43a0dd6ee90bb6a167556cc0', class: "label" }, this.label)))));
-    }
-    static get is() { return "ind-heater"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../_equipment/equipment.css", "heater.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../_equipment/equipment.css", "heater.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "state": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "EquipmentState",
-                    "resolved": "\"fault\" | \"maintenance\" | \"running\" | \"stopped\" | \"warning\"",
-                    "references": {
-                        "EquipmentState": {
-                            "location": "import",
-                            "path": "../_equipment/types",
-                            "id": "src/components/atoms/_equipment/types.ts::EquipmentState",
-                            "referenceLocation": "EquipmentState"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Process state. `running` glows the element."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "state",
-                "defaultValue": "'stopped'"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "EquipmentSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "EquipmentSize": {
-                            "location": "import",
-                            "path": "../_equipment/types",
-                            "id": "src/components/atoms/_equipment/types.ts::EquipmentSize",
-                            "referenceLocation": "EquipmentSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Visual size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            },
-            "tag": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Equipment tag (e.g. \"EH-601\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tag"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Human label."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            }
-        };
-    }
-}
-//# sourceMappingURL=heater.js.map

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

@@ -1,30 +0,0 @@
-:host {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: currentColor;
-  --_size: 16px;
-}
-
-:host([size="sm"]) { --_size: 12px; }
-:host([size="md"]) { --_size: 16px; }
-:host([size="lg"]) { --_size: 24px; }
-
-.icon {
-  width: var(--_size);
-  height: var(--_size);
-  display: block;
-}
-
-.icon path {
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 1.75;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-}
-
-::slotted(svg) {
-  width: var(--_size);
-  height: var(--_size);
-}

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

@@ -1,119 +0,0 @@
-import { h, Host } from "@stencil/core";
-const PATHS = {
-    alarm: 'M12 3a6 6 0 0 0-6 6v3l-2 3h16l-2-3V9a6 6 0 0 0-6-6zM10 19a2 2 0 0 0 4 0',
-    bell: 'M12 3a6 6 0 0 0-6 6v3l-2 3h16l-2-3V9a6 6 0 0 0-6-6zM10 19a2 2 0 0 0 4 0',
-    gear: 'M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 12l-1.5-1 1-3 1.8.3a6.9 6.9 0 0 1 1.5-1.5L6.5 4l3-1L11 4.5a7 7 0 0 1 2 0L14.5 3l3 1-.3 1.8a7 7 0 0 1 1.5 1.5l1.8-.3 1 3-1.5 1a7 7 0 0 1 0 2l1.5 1-1 3-1.8-.3a7 7 0 0 1-1.5 1.5l.3 1.8-3 1-1.5-1.5a7 7 0 0 1-2 0L9.5 21l-3-1 .3-1.8A6.9 6.9 0 0 1 5.3 16.7L3.5 17l-1-3 1.5-1a7 7 0 0 1 0-2z',
-    home: 'M3 11l9-8 9 8M5 10v10h5v-6h4v6h5V10',
-    'chevron-right': 'M9 5l7 7-7 7',
-    'chevron-down': 'M5 9l7 7 7-7',
-    check: 'M4 12l5 5 11-11',
-    close: 'M5 5l14 14M19 5L5 19',
-    warning: 'M12 3l10 18H2L12 3zM12 9v5M12 17.5v.5',
-    info: 'M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 11v6M12 7.5v.5',
-    power: 'M12 3v9M7 6a8 8 0 1 0 10 0',
-    refresh: 'M4 12a8 8 0 0 1 14-5l2 2M20 12a8 8 0 0 1-14 5l-2-2M18 3v4h-4M6 21v-4h4',
-    play: 'M7 4l13 8-13 8z',
-    pause: 'M8 4v16M16 4v16',
-    stop: 'M5 5h14v14H5z',
-    wrench: 'M21 5a4 4 0 0 1-5 5L7 19l-3-3 9-9a4 4 0 0 1 5-5l-3 3 1 1 3-3z',
-};
-export class IndIcon {
-    /** Built-in icon name. Omit and use the default slot to pass a custom SVG. */
-    name;
-    /** Size. */
-    size = 'md';
-    /** Accessible label. When omitted the icon is decorative (aria-hidden). */
-    label;
-    render() {
-        const decorative = !this.label;
-        const d = this.name ? PATHS[this.name] : undefined;
-        return (h(Host, { key: '09bb726a67eb425c8bd200ac5371da86bab85b63', role: decorative ? 'presentation' : 'img', "aria-label": this.label, "aria-hidden": decorative ? 'true' : undefined }, d ? (h("svg", { class: "icon", part: "icon", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: d }))) : (h("slot", null))));
-    }
-    static get is() { return "ind-icon"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["icon.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "IconName",
-                    "resolved": "\"alarm\" | \"bell\" | \"check\" | \"chevron-down\" | \"chevron-right\" | \"close\" | \"gear\" | \"home\" | \"info\" | \"pause\" | \"play\" | \"power\" | \"refresh\" | \"stop\" | \"warning\" | \"wrench\" | undefined",
-                    "references": {
-                        "IconName": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/icon/icon.tsx",
-                            "id": "src/components/atoms/icon/icon.tsx::IconName"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Built-in icon name. Omit and use the default slot to pass a custom SVG."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "name"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "IconSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "IconSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/icon/icon.tsx",
-                            "id": "src/components/atoms/icon/icon.tsx::IconSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Accessible label. When omitted the icon is decorative (aria-hidden)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            }
-        };
-    }
-}
-//# sourceMappingURL=icon.js.map

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

@@ -1,92 +0,0 @@
-:host {
-  display: inline-block;
-  font-family: var(--ind-font-family-sans);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  --_h: var(--ind-size-input-md, 32px);
-}
-
-:host([size="sm"]) { --_h: var(--ind-size-input-sm, 24px); }
-:host([size="md"]) { --_h: var(--ind-size-input-md, 32px); }
-:host([size="lg"]) { --_h: var(--ind-size-input-lg, 40px); }
-
-.wrap {
-  display: inline-flex;
-  flex-direction: column;
-  gap: var(--ind-spacing-2, 4px);
-  min-width: 160px;
-  max-width: 100%;
-}
-
-.label {
-  font-size: var(--ind-font-size-sm, 11px);
-  font-weight: var(--ind-font-weight-medium, 500);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-}
-
-.field {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-  height: var(--_h);
-  padding: 0 var(--ind-spacing-4, 8px);
-  background: var(--ind-surface-sunken, light-dark(#ffffff, #000000));
-  border: 1px solid var(--ind-surface-border-default, #2a3340);
-  border-radius: var(--ind-radius-md, 3px);
-  transition:
-    border-color var(--ind-motion-duration-fast, 120ms),
-    box-shadow   var(--ind-motion-duration-fast, 120ms);
-}
-
-.field.is-focus {
-  border-color: var(--ind-surface-focus-ring, #22d3ee);
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent);
-}
-
-.input {
-  flex: 1;
-  min-width: 0;
-  height: 100%;
-  background: transparent;
-  border: none;
-  outline: none;
-  padding: 0;
-  font: inherit;
-  color: inherit;
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.input::placeholder {
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-  opacity: 1;
-}
-
-:host([type="number"]) .input {
-  font-family: var(--ind-font-family-mono);
-  font-variant-numeric: tabular-nums;
-}
-
-:host([invalid]) .field {
-  border-color: var(--ind-feedback-error-bg, #dc2626);
-}
-:host([invalid]) .field.is-focus {
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent);
-}
-
-:host([disabled]) {
-  opacity: 0.55;
-  pointer-events: none;
-}
-
-:host([readonly]) .field {
-  background: var(--ind-surface-panel, light-dark(#f4f6f9, #11161c));
-}
-
-::slotted([slot="prefix"]),
-::slotted([slot="suffix"]) {
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-  font-size: var(--ind-font-size-sm, 11px);
-  font-family: var(--ind-font-family-mono);
-  white-space: nowrap;
-}

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

@@ -1,71 +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, system-ui, sans-serif);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  --_size: 44px;
-}
-
-:host([size="sm"]) { --_size: 32px; }
-:host([size="lg"]) { --_size: 64px; }
-
-.knob {
-  width: var(--_size);
-  height: var(--_size);
-  border-radius: 50%;
-  background:
-    radial-gradient(circle at 50% 35%, #3a434f, #1b222c 75%);
-  border: 1px solid var(--ind-surface-border-strong, #5a6776);
-  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.08), 0 2px 4px rgba(0, 0, 0, 0.5);
-  cursor: ns-resize;
-  touch-action: none;
-  position: relative;
-}
-
-:host([disabled]) .knob { cursor: not-allowed; opacity: 0.5; }
-
-.knob:focus-visible {
-  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);
-  outline-offset: 3px;
-}
-
-.dial {
-  position: absolute;
-  inset: 0;
-  transition: transform var(--ind-motion-duration-fast, 120ms) ease;
-}
-
-.pointer {
-  position: absolute;
-  top: 8%;
-  left: 50%;
-  width: 2px;
-  height: 32%;
-  transform: translateX(-50%);
-  background: var(--ind-button-primary-bg, #60a5fa);
-  border-radius: 1px;
-}
-
-.caption {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  line-height: var(--ind-font-line-height-tight, 1.1);
-}
-
-.label {
-  font-size: var(--ind-font-size-xs, 10px);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-}
-
-.value {
-  font-family: var(--ind-font-family-mono, ui-monospace, monospace);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .dial { transition: none; }
-}

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

@@ -1,29 +0,0 @@
-:host {
-  display: inline;
-  font-family: var(--ind-font-family-sans, system-ui, sans-serif);
-  --_color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  --_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); }
-
-:host([tone="primary"])   { --_color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5)); }
-:host([tone="secondary"]) { --_color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2)); }
-:host([tone="muted"])     { --_color: var(--ind-surface-text-muted, #7a8694); }
-
-.text {
-  color: var(--_color);
-  font-size: var(--_size);
-  font-weight: var(--ind-font-weight-medium, 500);
-  line-height: var(--ind-font-line-height-tight, 1.1);
-}
-
-:host([uppercase]) .text {
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  font-size: calc(var(--_size) - 1px);
-}
-
-.req { color: var(--ind-state-fault-bg, #dc2626); margin-left: 2px; }

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

@@ -1,91 +0,0 @@
-:host {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-  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);
-  line-height: var(--ind-font-line-height-tight, 1.1);
-  /* `light-dark()` makes the label readable even if the LED lands on a surface
-   * whose theme doesn't match the loaded tokens (Storybook autodocs, embedded
-   * widget on a third-party site, etc.). */
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.led {
-  --_size: var(--ind-led-size, 12px);
-  --_bg: var(--ind-state-stopped-bg, #5a6776);
-  --_border: var(--ind-state-stopped-border, #8390a0);
-  --_glow: var(--ind-state-stopped-glow, rgba(131, 144, 160, 0.35));
-
-  display: inline-block;
-  width: var(--_size);
-  height: var(--_size);
-  border-radius: 50%;
-  background: radial-gradient(
-    circle at 30% 30%,
-    color-mix(in srgb, var(--_bg) 65%, white),
-    var(--_bg) 70%
-  );
-  border: 1px solid var(--_border);
-  box-shadow:
-    0 0 0 1px color-mix(in srgb, var(--_bg) 25%, transparent),
-    0 0 8px var(--_glow),
-    inset 0 1px 2px rgba(0, 0, 0, 0.45);
-  transition: background-color var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);
-}
-
-:host([size="sm"]) .led { --_size: 8px; }
-:host([size="md"]) .led { --_size: 12px; }
-:host([size="lg"]) .led { --_size: 18px; }
-
-/* Each state ships hard-coded fallbacks so the component stays visible even
- * if tokens fail to load (build-order glitch, sandbox without CSS imports).
- */
-:host([state="running"]) .led {
-  --_bg: var(--ind-state-running-bg, #16a34a);
-  --_border: var(--ind-state-running-border, #4ade80);
-  --_glow: var(--ind-state-running-glow, rgba(34, 197, 94, 0.6));
-}
-:host([state="stopped"]) .led {
-  --_bg: var(--ind-state-stopped-bg, #5a6776);
-  --_border: var(--ind-state-stopped-border, #8390a0);
-  --_glow: var(--ind-state-stopped-glow, rgba(131, 144, 160, 0.35));
-}
-:host([state="fault"]) .led {
-  --_bg: var(--ind-state-fault-bg, #dc2626);
-  --_border: var(--ind-state-fault-border, #f87171);
-  --_glow: var(--ind-state-fault-glow, rgba(220, 38, 38, 0.7));
-}
-:host([state="warning"]) .led {
-  --_bg: var(--ind-state-warning-bg, #f59e0b);
-  --_border: var(--ind-state-warning-border, #fcd34d);
-  --_glow: var(--ind-state-warning-glow, rgba(245, 158, 11, 0.6));
-}
-:host([state="maintenance"]) .led {
-  --_bg: var(--ind-state-maintenance-bg, #2563eb);
-  --_border: var(--ind-state-maintenance-border, #60a5fa);
-  --_glow: var(--ind-state-maintenance-glow, rgba(37, 99, 235, 0.6));
-}
-
-:host([blinking]) .led {
-  animation: ind-led-blink var(--ind-motion-blink-fast, 400ms) steps(2, end) infinite;
-}
-:host([blinking][state="fault"]) .led {
-  animation-duration: var(--ind-motion-blink-urgent, 200ms);
-}
-
-@keyframes ind-led-blink {
-  50% { opacity: 0.2; box-shadow: none; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :host([blinking]) .led {
-    animation: none;
-    opacity: 1;
-    /* Substitute: a solid outline ring so the alarm condition is still visible without motion. */
-    outline: 2px solid var(--_border);
-    outline-offset: 2px;
-  }
-}

package/dist/collection/components/atoms/linear-gauge/linear-gauge.css

@@ -1,65 +0,0 @@
-:host {
-  display: inline-block;
-  font-family: var(--ind-font-family-sans, system-ui, sans-serif);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  --_thick: 10px;
-  --_len: 160px;
-}
-
-:host([size="sm"]) { --_thick: 6px; }
-:host([size="lg"]) { --_thick: 14px; }
-
-.header {
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
-  gap: var(--ind-spacing-3, 6px);
-  margin-bottom: var(--ind-spacing-2, 4px);
-  font-size: var(--ind-font-size-base, 12px);
-}
-
-.label { color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2)); }
-
-.value {
-  font-family: var(--ind-font-family-mono, ui-monospace, monospace);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.track {
-  position: relative;
-  background: var(--ind-surface-sunken, light-dark(#fff, #000));
-  border: 1px solid var(--ind-surface-border-default, #2a3340);
-  border-radius: var(--ind-radius-sm, 2px);
-  overflow: hidden;
-}
-
-:host([orientation="horizontal"]) .track { width: var(--_len); height: var(--_thick); }
-:host([orientation="vertical"]) .track { width: var(--_thick); height: var(--_len); }
-
-.zone {
-  position: absolute;
-  opacity: 0.4;
-}
-:host([orientation="horizontal"]) .zone { top: 0; bottom: 0; }
-:host([orientation="vertical"]) .zone { left: 0; right: 0; }
-
-.fill {
-  position: absolute;
-  background: var(--ind-button-primary-bg, #2563eb);
-  transition: width 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([orientation="horizontal"]) .fill { left: 0; top: 0; bottom: 0; }
-:host([orientation="vertical"]) .fill { bottom: 0; left: 0; right: 0; }
-
-.setpoint {
-  position: absolute;
-  background: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-}
-:host([orientation="horizontal"]) .setpoint { top: -2px; bottom: -2px; width: 2px; transform: translateX(-1px); }
-:host([orientation="vertical"]) .setpoint { left: -2px; right: -2px; height: 2px; transform: translateY(1px); }
-
-@media (prefers-reduced-motion: reduce) {
-  .fill { transition: none; }
-}

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

@@ -1,24 +0,0 @@
-.glyph {
-  fill: var(--_stroke);
-  font-family: var(--ind-font-family-sans, system-ui, sans-serif);
-  font-weight: var(--ind-font-weight-bold, 700);
-  font-size: 14px;
-}
-
-.run-ring {
-  fill: none;
-  stroke: var(--_accent);
-  stroke-width: 2;
-  stroke-dasharray: 6 6;
-  opacity: 0;
-  transform-origin: 22px 24px;
-}
-
-:host([state="running"]) .run-ring {
-  opacity: 1;
-  animation: ind-motor-spin 3s linear infinite;
-}
-
-@keyframes ind-motor-spin {
-  to { transform: rotate(360deg); }
-}