@orange-halo/components 1.0.0

package/dist/oh-navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oh-navbar.js","sourceRoot":"","sources":["../src/oh-navbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AAGf,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QA8EL,yCAAyC;QAEzC,kBAAa,GAAG,MAAM,CAAC;QAGf,gBAAW,GAAG,KAAK,CAAC;IAoD9B,CAAC;aAtIiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwEF;KACF,AA3EqB,CA2EpB;IASM,WAAW;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;uBAoBQ,IAAI,CAAC,WAAW;;;;;;;;;;;kBAWrB,IAAI,CAAC,aAAa;gBACpB,IAAI,CAAC,WAAW;oBACZ,IAAI,CAAC,YAAY;;;;;;KAMhC,CAAC;IACJ,CAAC;;AAtDD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;+CACjC;AAGf;IADP,KAAK,EAAE;6CACoB;AAnFjB,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAuIpB"}

package/dist/oh-progress.d.ts

@@ -0,0 +1,56 @@
+/**
+ * oh-progress
+ *
+ * An accessible progress bar component showing completion percentage.
+ * Displays both a visual bar and numeric percentage.
+ *
+ * DESIGN DECISIONS:
+ * ─────────────────
+ * 1. FULLY ACCESSIBLE
+ *    - role="progressbar" with aria-valuenow, aria-valuemin, aria-valuemax
+ *    - aria-label for screen reader context
+ *    - Percentage announced to screen readers
+ *
+ * 2. VISUAL + NUMERIC
+ *    - Bar shows progress visually
+ *    - Percentage text for precise feedback
+ *    - Text can be hidden if needed
+ *
+ * 3. ORANGE HALO STYLING
+ *    - Chunky track with soft corners
+ *    - Warm fill colors
+ *    - Gentle animation on value change
+ *
+ * @element oh-progress
+ */
+import { OhElement } from "./base.js";
+export type ProgressVariant = "brand" | "success" | "info" | "warning" | "error";
+export type ProgressSize = "sm" | "md" | "lg";
+export declare class OhProgress extends OhElement {
+    static styles: import("lit").CSSResult[];
+    /** Current progress value (0-100 by default, or 0-max) */
+    value: number;
+    /** Maximum value (default 100) */
+    max: number;
+    /** Accessible label describing what the progress represents */
+    label: string;
+    /** Whether to show the visible label above the bar */
+    showLabel: boolean;
+    /** Whether to show the percentage number */
+    showValue: boolean;
+    /** Size variant */
+    size: ProgressSize;
+    /** Color variant */
+    variant: ProgressVariant;
+    /** Inverse colors for dark backgrounds */
+    inverse: boolean;
+    /** Calculate percentage (clamped 0-100) */
+    private get percentage();
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "oh-progress": OhProgress;
+    }
+}
+//# sourceMappingURL=oh-progress.d.ts.map

package/dist/oh-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oh-progress.d.ts","sourceRoot":"","sources":["../src/oh-progress.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AACjF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,qBACa,UAAW,SAAQ,SAAS;IACvC,OAAgB,MAAM,4BA4KpB;IAEF,0DAA0D;IAE1D,KAAK,SAAK;IAEV,kCAAkC;IAElC,GAAG,SAAO;IAEV,+DAA+D;IAE/D,KAAK,SAAc;IAEnB,sDAAsD;IAEtD,SAAS,UAAS;IAElB,4CAA4C;IAE5C,SAAS,UAAQ;IAEjB,mBAAmB;IAEnB,IAAI,EAAE,YAAY,CAAQ;IAE1B,oBAAoB;IAEpB,OAAO,EAAE,eAAe,CAAW;IAEnC,0CAA0C;IAE1C,OAAO,UAAS;IAEhB,2CAA2C;IAC3C,OAAO,KAAK,UAAU,GAGrB;IAED,MAAM;CAwCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/oh-progress.js

@@ -0,0 +1,299 @@
+/**
+ * oh-progress
+ *
+ * An accessible progress bar component showing completion percentage.
+ * Displays both a visual bar and numeric percentage.
+ *
+ * DESIGN DECISIONS:
+ * ─────────────────
+ * 1. FULLY ACCESSIBLE
+ *    - role="progressbar" with aria-valuenow, aria-valuemin, aria-valuemax
+ *    - aria-label for screen reader context
+ *    - Percentage announced to screen readers
+ *
+ * 2. VISUAL + NUMERIC
+ *    - Bar shows progress visually
+ *    - Percentage text for precise feedback
+ *    - Text can be hidden if needed
+ *
+ * 3. ORANGE HALO STYLING
+ *    - Chunky track with soft corners
+ *    - Warm fill colors
+ *    - Gentle animation on value change
+ *
+ * @element oh-progress
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { OhElement, baseStyles } from "./base.js";
+let OhProgress = class OhProgress extends OhElement {
+    constructor() {
+        super(...arguments);
+        /** Current progress value (0-100 by default, or 0-max) */
+        this.value = 0;
+        /** Maximum value (default 100) */
+        this.max = 100;
+        /** Accessible label describing what the progress represents */
+        this.label = "Progress";
+        /** Whether to show the visible label above the bar */
+        this.showLabel = false;
+        /** Whether to show the percentage number */
+        this.showValue = true;
+        /** Size variant */
+        this.size = "md";
+        /** Color variant */
+        this.variant = "brand";
+        /** Inverse colors for dark backgrounds */
+        this.inverse = false;
+    }
+    static { this.styles = [
+        baseStyles,
+        css `
+      /* ═══════════════════════════════════════════════════════════════
+         ORANGE HALO PROGRESS BAR
+         Accessible • Visual + Numeric • Warm styling
+         ═══════════════════════════════════════════════════════════════ */
+
+      :host {
+        display: block;
+        width: 100%;
+      }
+
+      .progress {
+        display: flex;
+        align-items: center;
+        gap: var(--oh-spacing-3);
+        font-family: var(--oh-font-family-sans);
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         TRACK (background)
+         ═══════════════════════════════════════════════════════════════ */
+
+      .progress__track {
+        flex: 1;
+        background-color: var(--oh-color-surface-inset);
+        border: var(--oh-border-width-chunky, 2.5px) solid var(--oh-color-border-default);
+        border-radius: var(--oh-radius-full);
+        overflow: hidden;
+        box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.06);
+      }
+
+      /* Size variants for track height */
+      .progress--sm .progress__track {
+        height: 8px;
+      }
+
+      .progress--md .progress__track {
+        height: 16px;
+      }
+
+      .progress--lg .progress__track {
+        height: 24px;
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         FILL (the actual progress)
+         ═══════════════════════════════════════════════════════════════ */
+
+      .progress__fill {
+        height: 100%;
+        border-radius: var(--oh-radius-full);
+        transition: width var(--oh-motion-relaxed, 300ms) var(--oh-motion-ease-gentle, ease-out);
+        min-width: 0;
+      }
+
+      /* Variant colors */
+      .progress--brand .progress__fill {
+        background-color: var(--oh-color-brand-primary);
+      }
+
+      .progress--success .progress__fill {
+        background-color: var(--oh-color-feedback-success);
+      }
+
+      .progress--info .progress__fill {
+        background-color: var(--oh-color-feedback-info);
+      }
+
+      .progress--warning .progress__fill {
+        background-color: var(--oh-color-feedback-warning);
+      }
+
+      .progress--error .progress__fill {
+        background-color: var(--oh-color-feedback-error);
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         VALUE TEXT
+         ═══════════════════════════════════════════════════════════════ */
+
+      .progress__value {
+        font-size: var(--oh-font-size-base);
+        font-weight: var(--oh-font-weight-medium);
+        color: var(--oh-color-text-primary);
+        min-width: 3.5ch;
+        text-align: right;
+        font-variant-numeric: tabular-nums;
+      }
+
+      .progress--sm .progress__value {
+        font-size: var(--oh-font-size-base);
+      }
+
+      .progress--lg .progress__value {
+        font-size: var(--oh-font-size-lg);
+      }
+
+      /* Hide value text when showValue is false */
+      .progress__value--hidden {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         LABEL (optional visible label)
+         ═══════════════════════════════════════════════════════════════ */
+
+      .progress__label {
+        font-size: var(--oh-font-size-base);
+        font-weight: var(--oh-font-weight-medium);
+        color: var(--oh-color-text-primary);
+        margin-bottom: var(--oh-spacing-2);
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         INVERSE (for dark backgrounds)
+         ═══════════════════════════════════════════════════════════════ */
+
+      :host([inverse]) .progress__track {
+        background-color: rgba(255, 255, 255, 0.15);
+        border-color: rgba(255, 255, 255, 0.3);
+        box-shadow: none;
+      }
+
+      :host([inverse]) .progress__value {
+        color: var(--oh-color-surface-white);
+      }
+
+      :host([inverse]) .progress__label {
+        color: var(--oh-color-surface-white);
+      }
+
+      /* Inverse fill - use honey/gold for better visibility on dark */
+      :host([inverse]) .progress--brand .progress__fill {
+        background-color: var(--oh-color-honey, #E8A838);
+      }
+
+      :host([inverse]) .progress--success .progress__fill {
+        background-color: #6FCF97;
+      }
+
+      :host([inverse]) .progress--info .progress__fill {
+        background-color: #6FB3CF;
+      }
+
+      :host([inverse]) .progress--warning .progress__fill {
+        background-color: var(--oh-color-honey, #E8A838);
+      }
+
+      :host([inverse]) .progress--error .progress__fill {
+        background-color: #EB8989;
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         REDUCED MOTION
+         ═══════════════════════════════════════════════════════════════ */
+
+      @media (prefers-reduced-motion: reduce) {
+        .progress__fill {
+          transition: none;
+        }
+      }
+    `,
+    ]; }
+    /** Calculate percentage (clamped 0-100) */
+    get percentage() {
+        const clamped = Math.max(0, Math.min(this.value, this.max));
+        return Math.round((clamped / this.max) * 100);
+    }
+    render() {
+        const percentage = this.percentage;
+        const classes = this.classMap({
+            progress: true,
+            [`progress--${this.size}`]: true,
+            [`progress--${this.variant}`]: true,
+        });
+        const valueClasses = this.classMap({
+            progress__value: true,
+            "progress__value--hidden": !this.showValue,
+        });
+        return html `
+      ${this.showLabel
+            ? html `<div class="progress__label">${this.label}</div>`
+            : null}
+      
+      <div
+        class=${classes}
+        role="progressbar"
+        aria-valuenow=${this.value}
+        aria-valuemin="0"
+        aria-valuemax=${this.max}
+        aria-label=${this.label}
+      >
+        <div class="progress__track" part="track">
+          <div
+            class="progress__fill"
+            part="fill"
+            style="width: ${percentage}%"
+          ></div>
+        </div>
+        <span class=${valueClasses} part="value" aria-hidden="true">
+          ${percentage}%
+        </span>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number, reflect: true })
+], OhProgress.prototype, "value", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], OhProgress.prototype, "max", void 0);
+__decorate([
+    property({ type: String })
+], OhProgress.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "show-label" })
+], OhProgress.prototype, "showLabel", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "show-value" })
+], OhProgress.prototype, "showValue", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], OhProgress.prototype, "size", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], OhProgress.prototype, "variant", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], OhProgress.prototype, "inverse", void 0);
+OhProgress = __decorate([
+    customElement("oh-progress")
+], OhProgress);
+export { OhProgress };
+//# sourceMappingURL=oh-progress.js.map

package/dist/oh-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oh-progress.js","sourceRoot":"","sources":["../src/oh-progress.ts"],"names":[],"mappings":"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"}

package/dist/oh-radio-group.d.ts

@@ -0,0 +1,43 @@
+/**
+ * oh-radio-group
+ *
+ * A radio group with proper ARIA semantics and group-level error handling.
+ * Individual radios cannot be used standalone.
+ *
+ * ACCESSIBILITY:
+ * ─────────────
+ * - role="radiogroup" with aria-labelledby
+ * - Arrow key navigation between options
+ * - Group-level error messaging
+ * - Visible focus ring (outline, not inset)
+ * - aria-required and aria-invalid
+ *
+ * @element oh-radio-group
+ */
+import { OhElement } from "./base.js";
+export interface RadioOption {
+    label: string;
+    value: string;
+}
+export declare class OhRadioGroup extends OhElement {
+    static styles: import("lit").CSSResult[];
+    label: string;
+    name: string;
+    options: RadioOption[];
+    value: string;
+    required: boolean;
+    error: boolean;
+    errorMessage: string;
+    private _labelId;
+    private _focusedValue;
+    private _handleChange;
+    private _handleFocus;
+    private _handleBlur;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "oh-radio-group": OhRadioGroup;
+    }
+}
+//# sourceMappingURL=oh-radio-group.d.ts.map

package/dist/oh-radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oh-radio-group.d.ts","sourceRoot":"","sources":["../src/oh-radio-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,YAAa,SAAQ,SAAS;IACzC,OAAgB,MAAM,4BA4LpB;IAGF,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,OAAO,EAAE,WAAW,EAAE,CAAM;IAG5B,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAGd,YAAY,SAAM;IAGlB,OAAO,CAAC,QAAQ,CAAkE;IAGlF,OAAO,CAAC,aAAa,CAAuB;IAE5C,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAInB,MAAM;CAuDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/oh-radio-group.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=oh-radio-group.figma.d.ts.map

package/dist/oh-radio-group.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oh-radio-group.figma.d.ts","sourceRoot":"","sources":["../src/oh-radio-group.figma.ts"],"names":[],"mappings":""}

package/dist/oh-radio-group.figma.js

@@ -0,0 +1,22 @@
+import figma, { html } from "@figma/code-connect/html";
+/**
+ * Code Connect for oh-radio-group
+ *
+ * Replace the Figma URL below with your actual component URL.
+ */
+figma.connect("https://www.figma.com/design/q9ZYrOj2w9DrTVmgQFU7bu/OHDS?node-id=1-107", {
+    props: {
+        label: figma.string("Label"),
+        required: figma.boolean("Required"),
+        error: figma.boolean("Error"),
+    },
+    example: (props) => html `
+      <oh-radio-group
+        label="${props.label}"
+        ?required="${props.required}"
+        ?error="${props.error}"
+        .options="\${options}"
+      ></oh-radio-group>
+    `,
+});
+//# sourceMappingURL=oh-radio-group.figma.js.map

package/dist/oh-radio-group.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oh-radio-group.figma.js","sourceRoot":"","sources":["../src/oh-radio-group.figma.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEvD;;;;GAIG;AAEH,KAAK,CAAC,OAAO,CACX,wEAAwE,EACxE;IACE,KAAK,EAAE;QACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;QACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;KAC9B;IACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;iBAEX,KAAK,CAAC,KAAK;qBACP,KAAK,CAAC,QAAQ;kBACjB,KAAK,CAAC,KAAK;;;KAGxB;CACF,CACF,CAAC"}