@ind-ds/core 0.2.0 → 0.2.1

package/dist/collection/components/atoms/alarm-count/alarm-count.css

@@ -1,44 +0,0 @@
-:host {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ind-spacing-2, 4px);
-  font-family: var(--ind-font-family-sans, system-ui, sans-serif);
-  --_h: 18px;
-  --_fs: var(--ind-font-size-xs, 10px);
-}
-
-:host([size="sm"]) { --_h: 15px; --_fs: 9px; }
-:host([size="lg"]) { --_h: 22px; --_fs: var(--ind-font-size-sm, 11px); }
-
-.chip {
-  display: inline-flex;
-  align-items: stretch;
-  height: var(--_h);
-  border-radius: var(--ind-radius-sm, 2px);
-  overflow: hidden;
-  border: 1px solid var(--_border, #5a6776);
-  font-size: var(--_fs);
-  font-weight: var(--ind-font-weight-bold, 700);
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.prio {
-  display: inline-flex;
-  align-items: center;
-  padding: 0 4px;
-  color: var(--_fg, #fff);
-  background: var(--_bg, #5a6776);
-}
-
-.num {
-  display: inline-flex;
-  align-items: center;
-  padding: 0 5px;
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  background: var(--ind-surface-sunken, light-dark(#fff, #000));
-}
-
-.chip[data-priority="high-high"] { --_bg: var(--ind-alarm-high-high-bg, #dc2626); --_fg: var(--ind-alarm-high-high-fg, #fff); --_border: var(--ind-alarm-high-high-border, #f87171); }
-.chip[data-priority="high"]      { --_bg: var(--ind-alarm-high-bg, #f59e0b); --_fg: var(--ind-alarm-high-fg, #1a1205); --_border: var(--ind-alarm-high-border, #fcd34d); }
-.chip[data-priority="low"]       { --_bg: var(--ind-alarm-low-bg, #0891b2); --_fg: var(--ind-alarm-low-fg, #fff); --_border: var(--ind-alarm-low-border, #67e8f9); }
-.chip[data-priority="low-low"]   { --_bg: var(--ind-alarm-low-low-bg, #7c3aed); --_fg: var(--ind-alarm-low-low-fg, #fff); --_border: var(--ind-alarm-low-low-border, #c4b5fd); }

package/dist/collection/components/atoms/alarm-count/alarm-count.js

@@ -1,171 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndAlarmCount {
-    /** High-High (priority 1) count. */
-    highHigh = 0;
-    /** High (priority 2) count. */
-    high = 0;
-    /** Low (priority 3) count. */
-    low = 0;
-    /** Low-Low (priority 4) count. */
-    lowLow = 0;
-    /** Hide priority chips whose count is 0. */
-    hideZero = false;
-    /** Size. */
-    size = 'md';
-    chips() {
-        return [
-            { key: 'high-high', label: 'HH', value: this.highHigh },
-            { key: 'high', label: 'H', value: this.high },
-            { key: 'low', label: 'L', value: this.low },
-            { key: 'low-low', label: 'LL', value: this.lowLow },
-        ];
-    }
-    render() {
-        const total = this.highHigh + this.high + this.low + this.lowLow;
-        const chips = this.chips().filter((c) => !this.hideZero || c.value > 0);
-        return (h(Host, { key: '04c33c5ff65e39d875b499e827fd28cbda31c4c6', role: "status", "aria-label": `${total} active alarms` }, chips.map((c) => (h("span", { class: "chip", part: "chip", "data-priority": c.key }, h("span", { class: "prio", part: "priority" }, c.label), h("span", { class: "num", part: "count" }, c.value))))));
-    }
-    static get is() { return "ind-alarm-count"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["alarm-count.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["alarm-count.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 (priority 1) 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 (priority 2) 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 (priority 3) 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 (priority 4) 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 priority chips whose count is 0."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "hide-zero",
-                "defaultValue": "false"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "AlarmCountSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "AlarmCountSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/alarm-count/alarm-count.tsx",
-                            "id": "src/components/atoms/alarm-count/alarm-count.tsx::AlarmCountSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            }
-        };
-    }
-}
-//# sourceMappingURL=alarm-count.js.map

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

@@ -1,42 +0,0 @@
-:host {
-  display: inline-flex;
-  --_bg: var(--ind-surface-raised, #1b222c);
-  --_fg: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  --_border: var(--ind-surface-border-default, #2a3340);
-}
-
-.badge {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ind-spacing-2, 4px);
-  padding: 1px var(--ind-spacing-3, 6px);
-  font-family: var(--ind-font-family-sans, system-ui, sans-serif);
-  font-size: var(--ind-font-size-xs, 10px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  line-height: var(--ind-font-line-height-tight, 1.1);
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
-  white-space: nowrap;
-  color: var(--_fg);
-  background: var(--_bg);
-  border: 1px solid var(--_border);
-  border-radius: var(--ind-radius-full, 9999px);
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-:host([size="md"]) .badge { font-size: var(--ind-font-size-xs, 10px); padding: 2px var(--ind-spacing-3, 6px); }
-:host([size="sm"]) .badge { font-size: 9px; padding: 0 var(--ind-spacing-2, 4px); }
-
-:host([variant="running"]),
-:host([variant="success"]) { --_bg: var(--ind-state-running-bg, #16a34a); --_fg: var(--ind-state-running-fg, #fff); --_border: var(--ind-state-running-border, #4ade80); }
-:host([variant="stopped"]) { --_bg: var(--ind-state-stopped-bg, #5a6776); --_fg: var(--ind-state-stopped-fg, #fff); --_border: var(--ind-state-stopped-border, #8390a0); }
-:host([variant="fault"]),
-:host([variant="error"])   { --_bg: var(--ind-state-fault-bg, #dc2626); --_fg: var(--ind-state-fault-fg, #fff); --_border: var(--ind-state-fault-border, #f87171); }
-:host([variant="warning"]) { --_bg: var(--ind-state-warning-bg, #f59e0b); --_fg: var(--ind-state-warning-fg, #1a1205); --_border: var(--ind-state-warning-border, #fcd34d); }
-:host([variant="maintenance"]) { --_bg: var(--ind-state-maintenance-bg, #2563eb); --_fg: var(--ind-state-maintenance-fg, #fff); --_border: var(--ind-state-maintenance-border, #60a5fa); }
-:host([variant="info"])    { --_bg: var(--ind-feedback-info-bg, #0891b2); --_fg: var(--ind-feedback-info-fg, #fff); --_border: var(--ind-feedback-info-border, #67e8f9); }
-
-:host([outline]) .badge {
-  background: transparent;
-  color: var(--_border);
-}

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

@@ -1,101 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndBadge {
-    /** Semantic color. Maps to state / feedback tokens. */
-    variant = 'neutral';
-    /** Size. */
-    size = 'md';
-    /** Outlined instead of filled. */
-    outline = false;
-    render() {
-        return (h(Host, { key: 'ff8c7f78b4ec3527e2c81c087f5408179adebfcc' }, h("span", { key: '153b5c19ae46ac34969ddefc39d880dbbe87632d', class: "badge", part: "badge" }, h("slot", { key: 'ec5c0fe94ace0a7084ce567567dd8b8995ea62bd' }))));
-    }
-    static get is() { return "ind-badge"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["badge.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["badge.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "BadgeVariant",
-                    "resolved": "\"error\" | \"fault\" | \"info\" | \"maintenance\" | \"neutral\" | \"running\" | \"stopped\" | \"success\" | \"warning\"",
-                    "references": {
-                        "BadgeVariant": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/badge/badge.tsx",
-                            "id": "src/components/atoms/badge/badge.tsx::BadgeVariant"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Semantic color. Maps to state / feedback tokens."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "variant",
-                "defaultValue": "'neutral'"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "BadgeSize",
-                    "resolved": "\"md\" | \"sm\"",
-                    "references": {
-                        "BadgeSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/badge/badge.tsx",
-                            "id": "src/components/atoms/badge/badge.tsx::BadgeSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            },
-            "outline": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Outlined instead of filled."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "outline",
-                "defaultValue": "false"
-            }
-        };
-    }
-}
-//# sourceMappingURL=badge.js.map

package/dist/collection/components/atoms/breadcrumb-item/breadcrumb-item.css

@@ -1,42 +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);
-}
-
-.crumb {
-  appearance: none;
-  border: none;
-  background: none;
-  padding: 0;
-  margin: 0;
-  font: inherit;
-  cursor: pointer;
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  text-decoration: none;
-}
-
-a.crumb:hover,
-button.crumb:hover {
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  text-decoration: underline;
-}
-
-.crumb:focus-visible {
-  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);
-  outline-offset: 2px;
-  border-radius: var(--ind-radius-sm, 2px);
-}
-
-:host([current]) .crumb {
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  font-weight: var(--ind-font-weight-semibold, 600);
-  cursor: default;
-}
-
-.sep {
-  color: var(--ind-surface-text-muted, #7a8694);
-  user-select: none;
-}

package/dist/collection/components/atoms/breadcrumb-item/breadcrumb-item.js

@@ -1,116 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndBreadcrumbItem {
-    /** Navigation target. When omitted the item renders as a button. */
-    href;
-    /** Marks the current page (last crumb) — not interactive. */
-    current = false;
-    /** Hide the trailing separator (set on the last item). */
-    last = false;
-    /** Fires when a non-current item is activated. */
-    indNavigate;
-    onClick = (e) => {
-        if (this.current) {
-            e.preventDefault();
-            return;
-        }
-        this.indNavigate.emit();
-    };
-    render() {
-        const interactive = !this.current;
-        return (h(Host, { key: 'ea2f0840d0904558285e0645f99db8833e8ba05f', role: "listitem" }, interactive && this.href ? (h("a", { class: "crumb", part: "crumb", href: this.href, onClick: this.onClick }, h("slot", null))) : interactive ? (h("button", { type: "button", class: "crumb", part: "crumb", onClick: this.onClick }, h("slot", null))) : (h("span", { class: "crumb", part: "crumb", "aria-current": "page" }, h("slot", null))), !this.last && h("span", { key: '79aa0f9f8d13766a05c2df663869b46d94ce27a9', class: "sep", part: "separator", "aria-hidden": "true" }, "/")));
-    }
-    static get is() { return "ind-breadcrumb-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["breadcrumb-item.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["breadcrumb-item.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "href": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Navigation target. When omitted the item renders as a button."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "href"
-            },
-            "current": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Marks the current page (last crumb) \u2014 not interactive."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "current",
-                "defaultValue": "false"
-            },
-            "last": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Hide the trailing separator (set on the last item)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "last",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "indNavigate",
-                "name": "indNavigate",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fires when a non-current item is activated."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=breadcrumb-item.js.map

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

@@ -1,110 +0,0 @@
-:host {
-  display: inline-block;
-  font-family: var(--ind-font-family-sans);
-}
-
-.btn {
-  position: relative;
-  overflow: hidden;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--ind-spacing-3, 6px);
-  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-6, 16px);
-
-  font-family: inherit;
-  font-size: var(--ind-font-size-md, 13px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  line-height: 1;
-  letter-spacing: 0.01em;
-
-  background: var(--_bg, var(--ind-button-default-bg, #1a2129));
-  color: var(--_fg, var(--ind-button-default-fg, #eef1f5));
-  border: 1px solid var(--_border, var(--ind-button-default-border, #3d4856));
-  border-radius: var(--ind-radius-md, 3px);
-
-  cursor: pointer;
-  user-select: none;
-  touch-action: manipulation;
-  transition:
-    background-color var(--ind-motion-duration-fast, 120ms),
-    border-color var(--ind-motion-duration-fast, 120ms);
-}
-
-.btn:hover:not(:disabled) {
-  background: var(--_bg-hover, var(--ind-button-default-bg-hover, #2a3340));
-}
-
-.btn:active:not(:disabled),
-.btn.is-holding:not(:disabled) {
-  background: var(--_bg-active, var(--ind-button-default-bg-active, #3d4856));
-}
-
-.btn:focus-visible {
-  outline: 2px solid var(--ind-surface-focus-ring, #22d3ee);
-  outline-offset: 2px;
-}
-
-.btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-:host([variant="primary"]) .btn {
-  --_bg:        var(--ind-button-primary-bg, #2563eb);
-  --_bg-hover:  var(--ind-button-primary-bg-hover, #60a5fa);
-  --_bg-active: var(--ind-button-primary-bg-active, #60a5fa);
-  --_fg:        var(--ind-button-primary-fg, #ffffff);
-  --_border:    var(--ind-button-primary-border, #60a5fa);
-}
-
-:host([variant="danger"]) .btn {
-  --_bg:        var(--ind-button-danger-bg, #dc2626);
-  --_bg-hover:  var(--ind-button-danger-bg-hover, #f87171);
-  --_bg-active: var(--ind-button-danger-bg-active, #f87171);
-  --_fg:        var(--ind-button-danger-fg, #ffffff);
-  --_border:    var(--ind-button-danger-border, #f87171);
-}
-
-:host([variant="ghost"]) .btn {
-  --_bg:        transparent;
-  --_bg-hover:  var(--ind-button-ghost-bg-hover, #1a2129);
-  --_bg-active: var(--ind-button-ghost-bg-active, #2a3340);
-}
-
-:host([size="sm"]) .btn {
-  font-size: var(--ind-font-size-sm, 11px);
-  padding: var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);
-}
-:host([size="lg"]) .btn {
-  font-size: var(--ind-font-size-lg, 14px);
-  padding: var(--ind-spacing-5, 12px) var(--ind-spacing-7, 20px);
-}
-
-.content {
-  position: relative;
-  z-index: 1;
-}
-
-.hold-progress {
-  position: absolute;
-  inset: 0;
-  background: currentColor;
-  opacity: 0.18;
-  transform-origin: left center;
-  transform: scaleX(0);
-  transition: transform 60ms linear;
-  pointer-events: none;
-}
-
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}