@ind-ds/core 0.2.0 → 0.2.1

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

@@ -1,171 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndCounter {
-    /** Numeric value. */
-    value = 0;
-    /** Clamp the displayed value, rendering e.g. "99+" beyond this. */
-    max;
-    /** Semantic color. */
-    variant = 'neutral';
-    /** Size. */
-    size = 'md';
-    /** Optional label rendered before the count. */
-    label;
-    /** Render as a small circular dot when the value is 0 (no number). */
-    dotWhenZero = false;
-    display() {
-        if (this.max !== undefined && this.value > this.max)
-            return `${this.max}+`;
-        return String(this.value);
-    }
-    render() {
-        const zeroDot = this.dotWhenZero && this.value === 0;
-        return (h(Host, { key: '48026380f78d108475e632677800e9c36ecba2a7', role: "status", "aria-label": `${this.label ? this.label + ': ' : ''}${this.value}` }, this.label && h("span", { key: '7ebaf39bda7222c110cf2006d63abc59f649aa3a', class: "label", part: "label" }, this.label), h("span", { key: 'c3185a7fcfea5f3b4666d9216006b56e27544707', class: { count: true, 'is-dot': zeroDot }, part: "count" }, !zeroDot && this.display())));
-    }
-    static get is() { return "ind-counter"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["counter.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["counter.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "value": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Numeric value."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value",
-                "defaultValue": "0"
-            },
-            "max": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Clamp the displayed value, rendering e.g. \"99+\" beyond this."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "max"
-            },
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CounterVariant",
-                    "resolved": "\"error\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
-                    "references": {
-                        "CounterVariant": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/counter/counter.tsx",
-                            "id": "src/components/atoms/counter/counter.tsx::CounterVariant"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Semantic color."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "variant",
-                "defaultValue": "'neutral'"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CounterSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "CounterSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/counter/counter.tsx",
-                            "id": "src/components/atoms/counter/counter.tsx::CounterSize"
-                        }
-                    }
-                },
-                "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": "Optional label rendered before the count."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            },
-            "dotWhenZero": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Render as a small circular dot when the value is 0 (no number)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "dot-when-zero",
-                "defaultValue": "false"
-            }
-        };
-    }
-}
-//# sourceMappingURL=counter.js.map

package/dist/collection/components/atoms/datetime-picker/datetime-picker.css

@@ -1,46 +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));
-  --_h: 26px;
-}
-
-:host([size="sm"]) { --_h: 22px; }
-:host([size="lg"]) { --_h: 32px; }
-
-.wrap {
-  display: inline-flex;
-  flex-direction: column;
-  gap: var(--ind-spacing-2, 4px);
-}
-
-.label {
-  font-size: var(--ind-font-size-xs, 10px);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-}
-
-.input {
-  height: var(--_h);
-  padding: 0 var(--ind-spacing-3, 6px);
-  font-family: var(--ind-font-family-mono, ui-monospace, monospace);
-  font-size: var(--ind-font-size-base, 12px);
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-  color: var(--ind-surface-text-primary, #eef1f5);
-  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);
-  color-scheme: dark light;
-}
-
-.input:focus-visible {
-  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);
-  outline-offset: 0;
-}
-
-.input:disabled { opacity: 0.5; cursor: not-allowed; }
-
-:host([invalid]) .input {
-  border-color: var(--ind-state-fault-bg, #dc2626);
-}

package/dist/collection/components/atoms/datetime-picker/datetime-picker.js

@@ -1,275 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndDateTimePicker {
-    /** Picker mode (maps to the native input type). */
-    mode = 'datetime-local';
-    /** Current ISO value. */
-    value = '';
-    /** Min bound (ISO). */
-    min;
-    /** Max bound (ISO). */
-    max;
-    /** Step (seconds for time-based modes). */
-    step;
-    /** Disabled. */
-    disabled = false;
-    /** Invalid state. */
-    invalid = false;
-    /** Size. */
-    size = 'md';
-    /** Visible label. */
-    label;
-    /** Field name (forms). */
-    name;
-    /** Fires on commit. */
-    indChange;
-    onChange = (e) => {
-        const v = e.target.value;
-        this.value = v;
-        this.indChange.emit(v);
-    };
-    render() {
-        return (h(Host, { key: 'adbe5d948799289119a3271a5a13853499194df9' }, h("label", { key: '1ad4d7391ced4d2215f33c0bda1e72922e46aa3c', class: "wrap", part: "wrap" }, this.label && h("span", { key: 'e009a29ae52273e383d099ea48e7a93f1948ac0f', class: "label", part: "label" }, this.label), h("input", { key: '758b22432cdc271ac603533257f04fb619297522', class: "input", part: "input", type: this.mode, value: this.value, min: this.min, max: this.max, step: this.step, name: this.name, disabled: this.disabled, "aria-invalid": this.invalid ? 'true' : 'false', "aria-label": this.label, onChange: this.onChange }))));
-    }
-    static get is() { return "ind-datetime-picker"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["datetime-picker.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["datetime-picker.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "mode": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DateTimeMode",
-                    "resolved": "\"date\" | \"datetime-local\" | \"month\" | \"time\" | \"week\"",
-                    "references": {
-                        "DateTimeMode": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/datetime-picker/datetime-picker.tsx",
-                            "id": "src/components/atoms/datetime-picker/datetime-picker.tsx::DateTimeMode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Picker mode (maps to the native input type)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "mode",
-                "defaultValue": "'datetime-local'"
-            },
-            "value": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Current ISO value."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value",
-                "defaultValue": "''"
-            },
-            "min": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Min bound (ISO)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "min"
-            },
-            "max": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Max bound (ISO)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "max"
-            },
-            "step": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "number | string",
-                    "resolved": "number | string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Step (seconds for time-based modes)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "step"
-            },
-            "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"
-            },
-            "invalid": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Invalid state."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "invalid",
-                "defaultValue": "false"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DateTimeSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "DateTimeSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/datetime-picker/datetime-picker.tsx",
-                            "id": "src/components/atoms/datetime-picker/datetime-picker.tsx::DateTimeSize"
-                        }
-                    }
-                },
-                "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": "Visible label."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            },
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Field name (forms)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "indChange",
-                "name": "indChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fires on commit."
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=datetime-picker.js.map

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

@@ -1,85 +0,0 @@
-:host {
-  display: contents;
-}
-
-.dialog {
-  padding: 0;
-  border: none;
-  background: transparent;
-  color: inherit;
-  max-width: 90vw;
-  max-height: 90vh;
-  overflow: visible;
-}
-
-.dialog::backdrop {
-  background: rgba(0, 0, 0, 0.55);
-  backdrop-filter: blur(2px);
-}
-
-.content {
-  display: flex;
-  flex-direction: column;
-  background: var(--ind-surface-raised, light-dark(#ffffff, #1a2129));
-  border: 1px solid var(--ind-surface-border-default, #2a3340);
-  border-radius: var(--ind-radius-md, 3px);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  font-family: var(--ind-font-family-sans);
-  font-size: var(--ind-font-size-base, 12px);
-  max-height: 90vh;
-  overflow: hidden;
-}
-
-:host([size="sm"]) .content { width: 320px; }
-:host([size="md"]) .content { width: 480px; }
-:host([size="lg"]) .content { width: 720px; }
-
-.header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--ind-spacing-4, 8px);
-  padding: var(--ind-spacing-5, 12px) var(--ind-spacing-6, 16px);
-  border-bottom: 1px solid var(--ind-surface-border-subtle);
-}
-
-.heading {
-  font-size: var(--ind-font-size-lg, 14px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  margin: 0;
-}
-
-.close {
-  background: transparent;
-  border: none;
-  color: inherit;
-  font-size: 20px;
-  line-height: 1;
-  cursor: pointer;
-  padding: 2px 8px;
-  border-radius: var(--ind-radius-sm, 2px);
-}
-.close:hover { background: var(--ind-surface-panel); }
-.close:focus-visible {
-  outline: 2px solid var(--ind-surface-focus-ring, #22d3ee);
-  outline-offset: 2px;
-}
-
-.body {
-  flex: 1;
-  overflow: auto;
-  padding: var(--ind-spacing-6, 16px);
-  line-height: var(--ind-font-line-height-normal, 1.4);
-}
-
-.footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--ind-spacing-3, 6px);
-  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-6, 16px);
-  border-top: 1px solid var(--ind-surface-border-subtle);
-}
-
-.footer.is-empty {
-  display: none;
-}