@orange-halo/components 1.0.0

package/dist/oh-button.js

@@ -0,0 +1,490 @@
+/**
+ * oh-button
+ *
+ * A chunky, confident button with playful personality.
+ * Inspired by hand-crafted, illustrative UI — not corporate SaaS.
+ *
+ * DESIGN DECISIONS:
+ * ─────────────────
+ * 1. CHUNKY & CONFIDENT
+ *    - Thick border (2px) that feels illustrative
+ *    - Solid fills, no subtle gradients
+ *    - Generous padding, substantial presence
+ *
+ * 2. OFFSET SHADOW (STICKER EFFECT)
+ *    - Shadow offset to bottom-right
+ *    - Feels like a physical sticker or stamp
+ *    - Not a generic centered drop shadow
+ *
+ * 3. PLAYFUL INTERACTIONS
+ *    - Hover: slight upward lift + shadow grows
+ *    - Active: pressed down, shadow shrinks (stamp effect)
+ *    - Focus: warm glow + accessible underline
+ *
+ * 4. HAND-CRAFTED FEEL
+ *    - Bold, defined edges
+ *    - Confident color choices
+ *    - Personality over polish
+ *
+ * @element oh-button
+ */
+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, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { OhElement, baseStyles } from "./base.js";
+let OhButton = class OhButton extends OhElement {
+    constructor() {
+        super(...arguments);
+        this.variant = "primary";
+        this.size = "md";
+        this.loading = false;
+        this.iconOnly = false;
+        /**
+         * Force a visual state (for documentation/Figma sync only)
+         * Values: 'hover' | 'active' | 'focus'
+         */
+        this.forceState = "default";
+    }
+    static { this.styles = [
+        baseStyles,
+        css `
+      /* ═══════════════════════════════════════════════════════════════
+         ORANGE HALO BUTTON
+         Chunky • Playful • Confident • Hand-crafted
+         ═══════════════════════════════════════════════════════════════ */
+
+      :host {
+        display: inline-block;
+      }
+
+      .button {
+        /* Typography: friendly, not shouty */
+        font-family: var(--oh-font-family-sans);
+        font-weight: var(--oh-font-weight-semibold);
+        letter-spacing: var(--oh-font-letter-spacing-wide);
+        text-decoration: none;
+        
+        /* Layout */
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--oh-spacing-2);
+        
+        /* Shape: chunky rounded corners, not pills */
+        border-radius: var(--oh-radius-md);
+        
+        /* Thick illustrative border */
+        border: var(--oh-button-base-border-width) solid;
+        
+        /* Remove default button styles */
+        cursor: pointer;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+        
+        /* Smooth but snappy transitions */
+        transition: 
+          transform var(--oh-motion-snappy) var(--oh-motion-ease-playful),
+          box-shadow var(--oh-motion-snappy) var(--oh-motion-ease-playful),
+          background-color var(--oh-motion-quick) ease;
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         PRIMARY VARIANT
+         Signature orange — bold and warm
+         Filled button: color + shadow define shape (no visible border)
+         Contrast: #FFFFFF on #C54300 = 5.0:1 ✓ (WCAG AA)
+         ═══════════════════════════════════════════════════════════════ */
+
+      .button--primary {
+        background-color: var(--oh-color-brand-primary);
+        border-color: var(--oh-color-brand-primary);
+        color: var(--oh-color-text-on-brand);
+        
+        /* Light offset shadow: makes button pop forward */
+        box-shadow: 4px 4px 0 0 var(--oh-shadow-primary);
+      }
+
+      .button--primary:hover {
+        background-color: var(--oh-color-brand-primary-hover);
+        border-color: var(--oh-color-brand-primary-hover);
+        transform: translate(-2px, -2px);
+        box-shadow: 6px 6px 0 0 var(--oh-shadow-primary);
+      }
+
+      .button--primary:active {
+        background-color: var(--oh-color-brand-primary-active);
+        border-color: var(--oh-color-brand-primary-active);
+        transform: translate(2px, 2px);
+        box-shadow: 1px 1px 0 0 var(--oh-shadow-primary);
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         SECONDARY VARIANT
+         Light button: NEEDS visible border for definition
+         ═══════════════════════════════════════════════════════════════ */
+
+      .button--secondary {
+        background-color: var(--oh-color-surface-base);
+        border-color: var(--oh-color-border-emphasis);
+        color: var(--oh-color-text-primary);
+        
+        box-shadow: 4px 4px 0 0 var(--oh-shadow-secondary);
+      }
+
+      .button--secondary:hover {
+        background-color: var(--oh-color-surface-hover);
+        transform: translate(-2px, -2px);
+        box-shadow: 6px 6px 0 0 var(--oh-shadow-secondary);
+      }
+
+      .button--secondary:active {
+        background-color: var(--oh-color-surface-active-pressed);
+        transform: translate(2px, 2px);
+        box-shadow: 1px 1px 0 0 var(--oh-shadow-secondary);
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         ACCENT VARIANT
+         Calm blue — modern counterbalance to warm orange
+         Filled button: color + shadow define shape (no visible border)
+         ═══════════════════════════════════════════════════════════════ */
+
+      .button--accent {
+        background-color: var(--oh-color-accent-default);
+        border-color: var(--oh-color-accent-default);
+        color: var(--oh-color-text-on-accent);
+        
+        box-shadow: 4px 4px 0 0 var(--oh-shadow-accent);
+      }
+
+      .button--accent:hover {
+        background-color: var(--oh-color-accent-hover);
+        border-color: var(--oh-color-accent-hover);
+        transform: translate(-2px, -2px);
+        box-shadow: 6px 6px 0 0 var(--oh-shadow-accent);
+      }
+
+      .button--accent:active {
+        background-color: var(--oh-color-accent-active);
+        border-color: var(--oh-color-accent-active);
+        transform: translate(2px, 2px);
+        box-shadow: 1px 1px 0 0 var(--oh-shadow-accent);
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         FOCUS STATE
+         Accessible underline (WCAG 1.4.11 & 2.4.7)
+         ═══════════════════════════════════════════════════════════════ */
+
+      .button:focus-visible {
+        outline: none;
+        text-decoration: underline;
+        text-underline-offset: var(--oh-spacing-1);
+      }
+
+      .button--primary:focus-visible {
+        box-shadow: 4px 4px 0 0 var(--oh-shadow-primary);
+      }
+
+      .button--secondary:focus-visible {
+        box-shadow: 4px 4px 0 0 var(--oh-shadow-secondary);
+      }
+
+      .button--accent:focus-visible {
+        box-shadow: 4px 4px 0 0 var(--oh-shadow-accent);
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         SIZE VARIANTS
+         Minimum 16px (1rem) for WCAG readability
+         Scale: sm=16px, md=18px, lg=20px
+         ═══════════════════════════════════════════════════════════════ */
+
+      .button--sm {
+        font-size: var(--oh-font-size-base);
+        padding: var(--oh-spacing-2) var(--oh-spacing-4);
+        min-height: 40px;
+        gap: var(--oh-spacing-2);
+      }
+
+      .button--md {
+        font-size: var(--oh-font-size-lg);
+        padding: var(--oh-spacing-3) var(--oh-spacing-6);
+        min-height: 48px;
+        gap: var(--oh-spacing-2);
+      }
+
+      .button--lg {
+        font-size: var(--oh-font-size-xl);
+        padding: var(--oh-spacing-4) var(--oh-spacing-8);
+        min-height: 56px;
+        gap: var(--oh-spacing-2-5);
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         ICON SUPPORT
+         ═══════════════════════════════════════════════════════════════ */
+
+      ::slotted(svg),
+      ::slotted([slot="icon-left"]),
+      ::slotted([slot="icon-right"]) {
+        width: 1.25em;
+        height: 1.25em;
+        flex-shrink: 0;
+      }
+
+      :host([icon-only]) .button {
+        padding: var(--oh-spacing-3);
+        aspect-ratio: 1;
+      }
+
+      :host([icon-only]) .button--sm {
+        padding: var(--oh-spacing-2-5);
+        min-width: 40px;
+      }
+
+      :host([icon-only]) .button--md {
+        padding: var(--oh-spacing-3);
+        min-width: 48px;
+      }
+
+      :host([icon-only]) .button--lg {
+        padding: var(--oh-spacing-4);
+        min-width: 56px;
+      }
+
+      /* Icon-only focus underline */
+      :host([icon-only]) .button {
+        position: relative;
+      }
+
+      :host([icon-only]) .button::after {
+        content: '';
+        position: absolute;
+        bottom: 4px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 60%;
+        height: 2px;
+        background-color: currentColor;
+        opacity: 0;
+        transition: opacity var(--oh-motion-snappy, 150ms) var(--oh-motion-ease-gentle, ease);
+      }
+
+      :host([icon-only]) .button:focus-visible {
+        text-decoration: none;
+      }
+
+      :host([icon-only]) .button:focus-visible::after {
+        opacity: 1;
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         LOADING STATE
+         ═══════════════════════════════════════════════════════════════ */
+
+      .button--loading {
+        cursor: wait;
+        opacity: 0.8;
+      }
+
+      .spinner {
+        width: 1.25em;
+        height: 1.25em;
+        border: 2px solid currentColor;
+        border-top-color: transparent;
+        border-radius: 50%;
+        animation: spin 0.8s linear infinite;
+      }
+
+      @keyframes spin {
+        to { transform: rotate(360deg); }
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         REDUCED MOTION
+         ═══════════════════════════════════════════════════════════════ */
+
+      @media (prefers-reduced-motion: reduce) {
+        .button {
+          transition-duration: 0.01ms !important;
+        }
+        
+        .button:hover,
+        .button:active {
+          transform: none !important;
+        }
+
+        .spinner {
+          animation-duration: 1.5s;
+        }
+      }
+
+      /* ═══════════════════════════════════════════════════════════════
+         FORCED STATES (for Figma Sync / documentation)
+         ═══════════════════════════════════════════════════════════════ */
+
+      /* Primary - Forced Hover */
+      :host([force-state="hover"]) .button--primary {
+        background-color: var(--oh-color-brand-primary-hover);
+        border-color: var(--oh-color-brand-primary-hover);
+        transform: translate(-2px, -2px);
+        box-shadow: 6px 6px 0 0 var(--oh-shadow-primary);
+      }
+
+      /* Primary - Forced Active */
+      :host([force-state="active"]) .button--primary {
+        background-color: var(--oh-color-brand-primary-active);
+        border-color: var(--oh-color-brand-primary-active);
+        transform: translate(2px, 2px);
+        box-shadow: 1px 1px 0 0 var(--oh-shadow-primary);
+      }
+
+      /* Primary - Forced Focus */
+      :host([force-state="focus"]) .button--primary {
+        outline: none;
+        text-decoration: underline;
+        text-underline-offset: var(--oh-spacing-1);
+        box-shadow: 4px 4px 0 0 var(--oh-shadow-primary);
+      }
+
+      /* Secondary - Forced Hover */
+      :host([force-state="hover"]) .button--secondary {
+        background-color: var(--oh-color-surface-hover);
+        transform: translate(-2px, -2px);
+        box-shadow: 6px 6px 0 0 var(--oh-shadow-secondary);
+      }
+
+      /* Secondary - Forced Active */
+      :host([force-state="active"]) .button--secondary {
+        background-color: var(--oh-color-surface-active-pressed);
+        transform: translate(2px, 2px);
+        box-shadow: 1px 1px 0 0 var(--oh-shadow-secondary);
+      }
+
+      /* Secondary - Forced Focus */
+      :host([force-state="focus"]) .button--secondary {
+        outline: none;
+        text-decoration: underline;
+        text-underline-offset: var(--oh-spacing-1);
+        box-shadow: 4px 4px 0 0 var(--oh-shadow-secondary);
+      }
+
+      /* Accent - Forced Hover */
+      :host([force-state="hover"]) .button--accent {
+        background-color: var(--oh-color-accent-hover);
+        border-color: var(--oh-color-accent-hover);
+        transform: translate(-2px, -2px);
+        box-shadow: 6px 6px 0 0 var(--oh-shadow-accent);
+      }
+
+      /* Accent - Forced Active */
+      :host([force-state="active"]) .button--accent {
+        background-color: var(--oh-color-accent-active);
+        border-color: var(--oh-color-accent-active);
+        transform: translate(2px, 2px);
+        box-shadow: 1px 1px 0 0 var(--oh-shadow-accent);
+      }
+
+      /* Accent - Forced Focus */
+      :host([force-state="focus"]) .button--accent {
+        outline: none;
+        text-decoration: underline;
+        text-underline-offset: var(--oh-spacing-1);
+        box-shadow: 4px 4px 0 0 var(--oh-shadow-accent);
+      }
+    `,
+    ]; }
+    _handleClick(event) {
+        if (this.loading) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        this.emit("oh-click", { originalEvent: event });
+    }
+    /** Focus the internal button/anchor element */
+    focus(options) {
+        const inner = this.shadowRoot?.querySelector('.button');
+        inner?.focus(options);
+    }
+    /** Blur the internal button/anchor element */
+    blur() {
+        const inner = this.shadowRoot?.querySelector('.button');
+        inner?.blur();
+    }
+    render() {
+        const classes = this.classMap({
+            button: true,
+            [`button--${this.variant}`]: true,
+            [`button--${this.size}`]: true,
+            "button--loading": this.loading,
+        });
+        const content = this.loading
+            ? html `<span class="spinner" aria-hidden="true"></span>`
+            : html `
+          <slot name="icon-left"></slot>
+          <slot></slot>
+          <slot name="icon-right"></slot>
+        `;
+        // Render as anchor if href is provided
+        if (this.href) {
+            const rel = this.target === "_blank" ? "noopener noreferrer" : undefined;
+            return html `
+        <a
+          part="button"
+          class=${classes}
+          href=${this.href}
+          target=${this.target || nothing}
+          rel=${rel || nothing}
+        >
+          ${content}
+        </a>
+      `;
+        }
+        // Render as button
+        return html `
+      <button
+        part="button"
+        class=${classes}
+        ?disabled=${this.loading}
+        aria-busy=${this.loading ? "true" : nothing}
+        @click=${this._handleClick}
+      >
+        ${content}
+      </button>
+    `;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true })
+], OhButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], OhButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], OhButton.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: "icon-only" })
+], OhButton.prototype, "iconOnly", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: "force-state" })
+], OhButton.prototype, "forceState", void 0);
+__decorate([
+    property({ type: String })
+], OhButton.prototype, "href", void 0);
+__decorate([
+    property({ type: String })
+], OhButton.prototype, "target", void 0);
+OhButton = __decorate([
+    customElement("oh-button")
+], OhButton);
+export { OhButton };
+//# sourceMappingURL=oh-button.js.map

package/dist/oh-button.js.map

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

package/dist/oh-card.d.ts

@@ -0,0 +1,44 @@
+/**
+ * oh-card
+ *
+ * A tactile, raised surface with visible frame.
+ * Designed with the same layered construction as oh-button.
+ *
+ * DESIGN DECISIONS:
+ * ─────────────────
+ * 1. LAYERED CONSTRUCTION
+ *    - Surface: subtle gradient for depth
+ *    - Border: visible warm edge
+ *    - Inner highlight: sunlit top edge
+ *    - Outer shadow: soft, slightly offset
+ *
+ * 2. RETRO-MODERN DETAILS
+ *    - Warm, tactile shadows (never harsh)
+ *    - Visible border that warms on hover
+ *    - Subtle gradient background
+ *
+ * 3. VARIANTS
+ *    - Raised: default with layered depth
+ *    - Sunlit: featured with warm gradient
+ *    - Flat: border-only, minimal shadow
+ *
+ * @element oh-card
+ */
+import { OhElement } from "./base.js";
+export type CardVariant = "raised" | "sunlit" | "flat";
+export type CardPadding = "none" | "sm" | "md" | "lg";
+export declare class OhCard extends OhElement {
+    static styles: import("lit").CSSResult[];
+    variant: CardVariant;
+    interactive: boolean;
+    padding: CardPadding;
+    private _handleClick;
+    private _handleKeyDown;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "oh-card": OhCard;
+    }
+}
+//# sourceMappingURL=oh-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"oh-card.d.ts","sourceRoot":"","sources":["../src/oh-card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AACvD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,qBACa,MAAO,SAAQ,SAAS;IACnC,OAAgB,MAAM,4BAiPpB;IAGF,OAAO,EAAE,WAAW,CAAY;IAGhC,WAAW,UAAS;IAGpB,OAAO,EAAE,WAAW,CAAQ;IAE5B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;IAOtB,MAAM;CA+BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}