@orange-halo/components 1.0.0 → 2.0.0

package/dist/oh-hero.js

@@ -28,89 +28,88 @@ let OhHero = class OhHero extends LitElement {
     static { this.styles = css `
     :host {
       display: block;
-      background-color: var(--oh-color-brand-primary, #C54300);
-      color: var(--oh-color-text-on-brand, #FFFFFF);
-      font-family: var(--oh-font-family-sans, system-ui, sans-serif);
+      background-color: var(--oh-color-brand-primary);
+      color: var(--oh-color-text-on-brand);
+      font-family: var(--oh-typography-body-font-family);
     }
 
     .hero {
-      padding: 48px 0;
+      padding: var(--oh-spacing-12) 0;
     }
 
     .hero--journey {
-      padding: 32px 0;
+      padding: var(--oh-spacing-8) 0;
     }
 
     /* Container styles - matches oh-container */
     .hero__container {
       width: 100%;
-      max-width: var(--hero-max-width, 1024px);
+      max-width: var(--hero-max-width, var(--oh-layout-container-lg));
       margin-left: auto;
       margin-right: auto;
-      padding-left: var(--oh-spacing-4, 16px);
-      padding-right: var(--oh-spacing-4, 16px);
+      padding-left: var(--oh-spacing-4);
+      padding-right: var(--oh-spacing-4);
       box-sizing: border-box;
     }
 
     /* Size variants */
     :host([size="sm"]) {
-      --hero-max-width: 640px;
+      --hero-max-width: var(--oh-layout-container-sm);
     }
 
     :host([size="md"]) {
-      --hero-max-width: 768px;
+      --hero-max-width: var(--oh-layout-container-md);
     }
 
     :host([size="lg"]) {
-      --hero-max-width: 1024px;
+      --hero-max-width: var(--oh-layout-container-lg);
     }
 
     :host([size="xl"]) {
-      --hero-max-width: 1280px;
+      --hero-max-width: var(--oh-layout-container-xl);
     }
 
     .hero__heading {
-      font-size: 42px;
-      font-weight: 700;
-      line-height: 1.2;
-      margin: 0 0 16px 0;
-      color: var(--oh-color-text-on-brand, #FFFFFF);
+      font-size: var(--oh-typography-heading-h1-font-size);
+      font-weight: var(--oh-typography-heading-h1-font-weight);
+      line-height: var(--oh-typography-heading-h1-line-height);
+      margin: 0 0 var(--oh-spacing-4) 0;
+      color: var(--oh-color-text-on-brand);
     }
 
     .hero__subtitle {
-      font-size: 20px;
-      font-weight: 400;
-      line-height: 1.5;
-      margin: 0 0 24px 0;
-      color: var(--oh-color-text-on-brand, #FFFFFF);
-      opacity: 0.85;
+      font-size: var(--oh-typography-body-xl-font-size);
+      font-weight: var(--oh-typography-body-xl-font-weight);
+      line-height: var(--oh-typography-body-xl-line-height);
+      margin: 0 0 var(--oh-spacing-6) 0;
+      color: var(--oh-color-text-on-brand);
       max-width: 65ch;
     }
 
     .hero__actions {
       display: flex;
       flex-wrap: wrap;
-      gap: 16px;
-      margin-top: 24px;
+      gap: var(--oh-spacing-4);
+      margin-top: var(--oh-spacing-6);
     }
 
     .hero__journey-heading {
-      font-size: 32px;
-      font-weight: 700;
-      line-height: 1.2;
-      margin: 0 0 24px 0;
-      color: var(--oh-color-text-on-brand, #FFFFFF);
+      font-size: var(--oh-typography-heading-h2-font-size);
+      font-weight: var(--oh-typography-heading-h2-font-weight);
+      line-height: var(--oh-typography-heading-h2-line-height);
+      margin: 0 0 var(--oh-spacing-6) 0;
+      color: var(--oh-color-text-on-brand);
     }
 
     .hero__journey-name {
       display: block;
-      font-size: 16px;
-      font-weight: 500;
+      font-family: var(--oh-typography-eyebrow-font-family);
+      font-size: var(--oh-typography-eyebrow-font-size);
+      font-weight: var(--oh-typography-eyebrow-font-weight);
       text-transform: uppercase;
-      letter-spacing: 0.05em;
-      color: var(--oh-color-text-on-brand, #FFFFFF);
-      opacity: 0.9;
-      margin-bottom: 8px;
+      letter-spacing: var(--oh-typography-eyebrow-letter-spacing);
+      color: var(--oh-color-text-on-brand);
+      margin-bottom: var(--oh-spacing-2);
     }
 
     .hero__page-name {
@@ -118,40 +117,40 @@ let OhHero = class OhHero extends LitElement {
     }
 
     .hero__progress-wrapper {
-      margin-top: 16px;
-      max-width: 400px;
+      margin-top: var(--oh-spacing-4);
+      max-width: var(--oh-layout-container-sm);
     }
 
     /* Responsive container padding - matches oh-container */
     @media (min-width: 640px) {
       .hero__container {
-        padding-left: var(--oh-spacing-6, 24px);
-        padding-right: var(--oh-spacing-6, 24px);
+        padding-left: var(--oh-spacing-6);
+        padding-right: var(--oh-spacing-6);
       }
     }
 
     @media (min-width: 1024px) {
       .hero__container {
-        padding-left: var(--oh-spacing-8, 32px);
-        padding-right: var(--oh-spacing-8, 32px);
+        padding-left: var(--oh-spacing-8);
+        padding-right: var(--oh-spacing-8);
       }
     }
 
     @media (max-width: 768px) {
       .hero {
-        padding: 32px 0;
+        padding: var(--oh-spacing-8) 0;
       }
       .hero__heading {
-        font-size: 32px;
+        font-size: var(--oh-typography-heading-h2-font-size);
       }
       .hero__subtitle {
-        font-size: 18px;
+        font-size: var(--oh-typography-body-lg-font-size);
       }
       .hero--journey {
-        padding: 24px 0;
+        padding: var(--oh-spacing-6) 0;
       }
       .hero__journey-heading {
-        font-size: 26px;
+        font-size: var(--oh-typography-heading-h3-font-size);
       }
       .hero__progress-wrapper {
         max-width: 100%;
@@ -160,10 +159,10 @@ let OhHero = class OhHero extends LitElement {
 
     @media (max-width: 480px) {
       .hero__heading {
-        font-size: 26px;
+        font-size: var(--oh-typography-heading-h3-font-size);
       }
       .hero__journey-heading {
-        font-size: 20px;
+        font-size: var(--oh-typography-heading-h4-font-size);
       }
       .hero__actions {
         flex-direction: column;
@@ -174,7 +173,7 @@ let OhHero = class OhHero extends LitElement {
         if (this.variant === "journey") {
             const progressLabel = `Step ${this.currentStep} of ${this.totalSteps}`;
             return html `
-        <div class="hero hero--journey" role="banner">
+        <div class="hero hero--journey">
           <div class="hero__container">
             <h1 class="hero__journey-heading">
               ${this.journeyName
@@ -198,7 +197,7 @@ let OhHero = class OhHero extends LitElement {
       `;
         }
         return html `
-      <div class="hero" role="banner">
+      <div class="hero">
         <div class="hero__container">
           ${this.heading
             ? html `<h1 class="hero__heading">${this.heading}</h1>`

package/dist/oh-hero.js.map

@@ -1 +1 @@
-{"version":3,"file":"oh-hero.js","sourceRoot":"","sources":["../src/oh-hero.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,kBAAkB,CAAC;AAMnB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAoJL,YAAO,GAAgB,SAAS,CAAC;QAGjC,SAAI,GAAa,IAAI,CAAC;QAGtB,YAAO,GAAG,EAAE,CAAC;QAGb,aAAQ,GAAG,EAAE,CAAC;QAGd,gBAAW,GAAG,EAAE,CAAC;QAGjB,gBAAW,GAAG,CAAC,CAAC;QAGhB,eAAU,GAAG,CAAC,CAAC;IA8CjB,CAAC;aAnNiB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgJ3B,AAhJqB,CAgJpB;IAuBO,MAAM;QACb,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAC/B,MAAM,aAAa,GAAG,QAAQ,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YACvE,OAAO,IAAI,CAAA;;;;gBAID,IAAI,CAAC,WAAW;gBAChB,CAAC,CAAC,IAAI,CAAA,oCAAoC,IAAI,CAAC,WAAW,SAAS;gBACnE,CAAC,CAAC,OAAO;8CACqB,IAAI,CAAC,OAAO;;;;yBAIjC,IAAI,CAAC,WAAW;uBAClB,IAAI,CAAC,UAAU;wBACd,aAAa;;;;;;;;;OAS9B,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,OAAO,OAAO;YACtD,CAAC,CAAC,OAAO;YACT,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,QAAQ,MAAM;YACtD,CAAC,CAAC,OAAO;;;;;;KAMhB,CAAC;IACJ,CAAC;;AA/DD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCACT;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCACpB;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACd;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACb;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;2CACrC;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;2CACtC;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;0CACtC;AAtKJ,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAoNlB"}
+{"version":3,"file":"oh-hero.js","sourceRoot":"","sources":["../src/oh-hero.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,kBAAkB,CAAC;AAMnB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAmJL,YAAO,GAAgB,SAAS,CAAC;QAGjC,SAAI,GAAa,IAAI,CAAC;QAGtB,YAAO,GAAG,EAAE,CAAC;QAGb,aAAQ,GAAG,EAAE,CAAC;QAGd,gBAAW,GAAG,EAAE,CAAC;QAGjB,gBAAW,GAAG,CAAC,CAAC;QAGhB,eAAU,GAAG,CAAC,CAAC;IA8CjB,CAAC;aAlNiB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+I3B,AA/IqB,CA+IpB;IAuBO,MAAM;QACb,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAC/B,MAAM,aAAa,GAAG,QAAQ,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YACvE,OAAO,IAAI,CAAA;;;;gBAID,IAAI,CAAC,WAAW;gBAChB,CAAC,CAAC,IAAI,CAAA,oCAAoC,IAAI,CAAC,WAAW,SAAS;gBACnE,CAAC,CAAC,OAAO;8CACqB,IAAI,CAAC,OAAO;;;;yBAIjC,IAAI,CAAC,WAAW;uBAClB,IAAI,CAAC,UAAU;wBACd,aAAa;;;;;;;;;OAS9B,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,OAAO,OAAO;YACtD,CAAC,CAAC,OAAO;YACT,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,QAAQ,MAAM;YACtD,CAAC,CAAC,OAAO;;;;;;KAMhB,CAAC;IACJ,CAAC;;AA/DD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCACT;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCACpB;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACd;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACb;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;2CACrC;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;2CACtC;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;0CACtC;AArKJ,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAmNlB"}

package/dist/oh-icon.js

@@ -215,12 +215,12 @@ let OhIcon = class OhIcon extends OhElement {
         justify-content: center;
         color: inherit;
         text-decoration: none;
-        border-radius: var(--oh-shape-radius-sm, 6px);
-        padding: var(--oh-spacing-2, 8px);
-        margin: calc(-1 * var(--oh-spacing-2, 8px));
+        border-radius: var(--oh-shape-compact);
+        padding: var(--oh-spacing-2);
+        margin: calc(-1 * var(--oh-spacing-2));
         transition: 
-          transform var(--oh-motion-snappy, 150ms) var(--oh-motion-ease-gentle, ease),
-          box-shadow var(--oh-motion-snappy, 150ms) var(--oh-motion-ease-gentle, ease);
+          transform var(--oh-motion-snappy) var(--oh-motion-ease-gentle),
+          box-shadow var(--oh-motion-snappy) var(--oh-motion-ease-gentle);
       }
 
       .icon-link:hover {
@@ -238,7 +238,7 @@ let OhIcon = class OhIcon extends OhElement {
       }
 
       .icon-link:focus-visible {
-        box-shadow: 0 0 0 2px var(--oh-color-border-focus);
+        box-shadow: 0 0 0 2px var(--oh-focus-ring-color);
       }
 
       /* Inverse link styles (for dark/colored backgrounds) */

package/dist/oh-input.d.ts

@@ -19,11 +19,12 @@
  * 3. FOCUS RISES UP
  *    - Inset shadow disappears
  *    - Outset shadow appears (field lifts)
- *    - Border turns marmalade
+ *    - Border turns brand orange
  *    - Clear visual hierarchy
  *
  * @element oh-input
  */
+import { type PropertyValues } from "lit";
 import { OhElement } from "./base.js";
 export type InputType = "text" | "email" | "password" | "search" | "tel" | "url";
 export type InputState = "default" | "hover" | "focus";
@@ -46,6 +47,13 @@ export declare class OhInput extends OhElement {
     private _handleChange;
     focus(): void;
     blur(): void;
+    /**
+     * Errors that appear after first render (e.g. on submit) are announced via
+     * role="alert". Errors present on page load are only linked with
+     * aria-describedby, so they aren't read out unprompted.
+     */
+    private _announceError;
+    willUpdate(changed: PropertyValues): void;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"oh-input.d.ts","sourceRoot":"","sources":["../src/oh-input.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AACjF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvD,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,4BAoKpB;IAGF,IAAI,EAAE,SAAS,CAAU;IAGzB,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,KAAK,SAAM;IAGX,UAAU,SAAM;IAGhB,SAAS,SAAM;IAGf,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,UAAU,EAAE,UAAU,CAAa;IAGnC,OAAO,CAAC,MAAM,CAAoB;IAElC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,aAAa;IAIrB,KAAK;IAIL,IAAI;IAIJ,MAAM;CA2DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"oh-input.d.ts","sourceRoot":"","sources":["../src/oh-input.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AACjF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvD,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,4BAoKpB;IAGF,IAAI,EAAE,SAAS,CAAU;IAGzB,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,KAAK,SAAM;IAGX,UAAU,SAAM;IAGhB,SAAS,SAAM;IAGf,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,UAAU,EAAE,UAAU,CAAa;IAGnC,OAAO,CAAC,MAAM,CAAoB;IAElC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,aAAa;IAIrB,KAAK;IAIL,IAAI;IAIJ;;;;OAIG;IAEH,OAAO,CAAC,cAAc,CAAS;IAE/B,UAAU,CAAC,OAAO,EAAE,cAAc;IAMlC,MAAM;CAyDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/oh-input.js

@@ -19,7 +19,7 @@
  * 3. FOCUS RISES UP
  *    - Inset shadow disappears
  *    - Outset shadow appears (field lifts)
- *    - Border turns marmalade
+ *    - Border turns brand orange
  *    - Clear visual hierarchy
  *
  * @element oh-input
@@ -31,7 +31,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, css, nothing } from "lit";
-import { customElement, property, query } from "lit/decorators.js";
+import { customElement, property, query, state } from "lit/decorators.js";
 import { OhElement, baseStyles } from "./base.js";
 let OhInput = class OhInput extends OhElement {
     constructor() {
@@ -48,6 +48,12 @@ let OhInput = class OhInput extends OhElement {
          * Values: 'hover' | 'focus'
          */
         this.forceState = "default";
+        /**
+         * Errors that appear after first render (e.g. on submit) are announced via
+         * role="alert". Errors present on page load are only linked with
+         * aria-describedby, so they aren't read out unprompted.
+         */
+        this._announceError = false;
     }
     static { this.styles = [
         baseStyles,
@@ -69,11 +75,11 @@ let OhInput = class OhInput extends OhElement {
 
       /* ─── Label: friendly and readable (16px minimum) ─── */
       .label {
-        font-family: var(--oh-font-family-sans);
-        font-size: var(--oh-font-size-base);
-        font-weight: var(--oh-font-weight-semibold);
+        font-family: var(--oh-typography-control-font-family);
+        font-size: var(--oh-typography-control-font-size-sm);
+        font-weight: var(--oh-typography-control-font-weight);
         color: var(--oh-color-text-primary);
-        letter-spacing: var(--oh-font-letter-spacing-wide);
+        letter-spacing: var(--oh-typography-control-letter-spacing);
       }
 
       .label--required::after {
@@ -88,7 +94,7 @@ let OhInput = class OhInput extends OhElement {
 
       .input {
         width: 100%;
-        font-family: var(--oh-font-family-sans);
+        font-family: var(--oh-typography-control-font-family);
         color: var(--oh-color-text-primary);
         
         /* Solid fill — no gradients */
@@ -96,10 +102,10 @@ let OhInput = class OhInput extends OhElement {
         
         /* Thick illustrative border (WCAG 3:1 compliant) */
         border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
-        border-radius: var(--oh-radius-md);
+        border-radius: var(--oh-shape-control);
         
         /* Inset offset shadow: pressed into page */
-        box-shadow: var(--oh-shadow-chunky-inset, inset 3px 3px 0 0 rgba(61, 50, 41, 0.15));
+        box-shadow: inset 3px 3px 0 0 rgba(61, 50, 41, 0.15);
         
         transition: 
           border-color var(--oh-motion-snappy) ease,
@@ -119,11 +125,11 @@ let OhInput = class OhInput extends OhElement {
       /* ─── Focus: even inner ring on all sides (no layout shift) ─── */
       .input:focus {
         outline: none;
-        background-color: var(--oh-color-surface-white);
-        border-color: var(--oh-color-border-focus);
+        background-color: var(--oh-color-surface-highlight);
+        border-color: var(--oh-focus-ring-color);
         
         /* 2px inset ring + 2.5px border = ~4.5px total, even on all sides */
-        box-shadow: inset 0 0 0 2px var(--oh-color-border-focus);
+        box-shadow: inset 0 0 0 2px var(--oh-focus-ring-color);
       }
 
       /* ═══════════════════════════════════════════════════════════════
@@ -131,7 +137,7 @@ let OhInput = class OhInput extends OhElement {
          ═══════════════════════════════════════════════════════════════ */
 
       .input {
-        font-size: var(--oh-font-size-lg);
+        font-size: var(--oh-typography-control-font-size-md);
         padding: var(--oh-spacing-3) var(--oh-spacing-4);
         min-height: var(--oh-input-size-md-min-height);
       }
@@ -157,10 +163,10 @@ let OhInput = class OhInput extends OhElement {
          ═══════════════════════════════════════════════════════════════ */
 
       .helper {
-        font-family: var(--oh-font-family-sans);
-        font-size: var(--oh-font-size-base);
+        font-family: var(--oh-typography-body-font-family);
+        font-size: var(--oh-typography-body-base-font-size);
         color: var(--oh-color-text-secondary);
-        letter-spacing: var(--oh-font-letter-spacing-wide);
+        letter-spacing: var(--oh-typography-control-letter-spacing);
       }
 
       .helper--error {
@@ -197,14 +203,14 @@ let OhInput = class OhInput extends OhElement {
 
       /* Forced Focus */
       :host([force-state="focus"]) .input {
-        background-color: var(--oh-color-surface-white);
-        border-color: var(--oh-color-border-focus);
-        box-shadow: inset 0 0 0 2px var(--oh-color-border-focus);
+        background-color: var(--oh-color-surface-highlight);
+        border-color: var(--oh-focus-ring-color);
+        box-shadow: inset 0 0 0 2px var(--oh-focus-ring-color);
       }
 
       /* Error + Forced Hover */
       :host([force-state="hover"]) .input--error {
-        border-color: var(--oh-color-feedback-error-hover, #b83a00);
+        border-color: var(--oh-color-feedback-error-hover);
       }
 
       /* Error + Forced Focus */
@@ -228,6 +234,11 @@ let OhInput = class OhInput extends OhElement {
     blur() {
         this._input?.blur();
     }
+    willUpdate(changed) {
+        if (this.hasUpdated && changed.has("errorText")) {
+            this._announceError = !!this.errorText;
+        }
+    }
     render() {
         const hasError = !!this.errorText;
         const helperContent = hasError ? this.errorText : this.helperText;
@@ -263,25 +274,23 @@ let OhInput = class OhInput extends OhElement {
           @change=${this._handleChange}
         />
 
-        ${helperContent
+        ${hasError
             ? html `
-              <span 
+              <span
                 id="helper"
-                class="helper ${hasError ? "helper--error" : ""}" 
+                class="helper helper--error"
                 part="helper"
-                role=${hasError ? "alert" : nothing}
+                role=${this._announceError ? "alert" : nothing}
               >
-                ${hasError
-                ? html `
-                      <svg class="error-icon" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                        <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
-                      </svg>
-                    `
-                : nothing}
-                ${helperContent}
+                <svg class="error-icon" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
+                </svg>
+                ${this.errorText}
               </span>
             `
-            : nothing}
+            : this.helperText
+                ? html `<span id="helper" class="helper" part="helper">${this.helperText}</span>`
+                : nothing}
       </div>
     `;
     }
@@ -313,6 +322,9 @@ __decorate([
 __decorate([
     query("input")
 ], OhInput.prototype, "_input", void 0);
+__decorate([
+    state()
+], OhInput.prototype, "_announceError", void 0);
 OhInput = __decorate([
     customElement("oh-input")
 ], OhInput);

package/dist/oh-input.js.map

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

package/dist/oh-link.d.ts

@@ -9,7 +9,7 @@
  * 1. INLINE VARIANT
  *    - Dotted underline (quirky, retro feel)
  *    - Becomes solid on hover
- *    - Warm marmalade color
+ *    - Warm brand orange
  *    - Subtle but distinctive
  *
  * 2. STANDALONE VARIANT

package/dist/oh-link.js

@@ -9,7 +9,7 @@
  * 1. INLINE VARIANT
  *    - Dotted underline (quirky, retro feel)
  *    - Becomes solid on hover
- *    - Warm marmalade color
+ *    - Warm brand orange
  *    - Subtle but distinctive
  *
  * 2. STANDALONE VARIANT
@@ -57,8 +57,8 @@ let OhLink = class OhLink extends OhElement {
       }
 
       .link {
-        font-family: var(--oh-font-family-sans);
-        color: var(--oh-color-brand-primary);
+        font-family: var(--oh-typography-body-font-family);
+        color: var(--oh-color-text-link);
         text-decoration: none;
         cursor: pointer;
         position: relative;
@@ -84,8 +84,8 @@ let OhLink = class OhLink extends OhElement {
         height: 2px;
         background: repeating-linear-gradient(
           to right,
-          var(--oh-color-brand-primary) 0,
-          var(--oh-color-brand-primary) 4px,
+          var(--oh-color-text-link) 0,
+          var(--oh-color-text-link) 4px,
           transparent 4px,
           transparent 8px
         );
@@ -138,8 +138,8 @@ let OhLink = class OhLink extends OhElement {
       .link--inline:focus:not(:focus-visible) .link__text::after {
         background: repeating-linear-gradient(
           to right,
-          var(--oh-color-brand-primary) 0,
-          var(--oh-color-brand-primary) 4px,
+          var(--oh-color-text-link) 0,
+          var(--oh-color-text-link) 4px,
           transparent 4px,
           transparent 8px
         );
@@ -155,8 +155,8 @@ let OhLink = class OhLink extends OhElement {
         display: inline-flex;
         align-items: center;
         gap: var(--oh-spacing-2);
-        font-weight: var(--oh-font-weight-semibold);
-        font-size: var(--oh-font-size-lg);
+        font-weight: var(--oh-typography-emphasis-font-weight);
+        font-size: var(--oh-typography-body-lg-font-size);
         text-decoration: none;
         padding: var(--oh-spacing-1) 0;
       }
@@ -174,7 +174,7 @@ let OhLink = class OhLink extends OhElement {
         outline: 2px solid transparent;
         outline-offset: 2px;
         background-color: var(--oh-focus-glow-color);
-        border-radius: var(--oh-radius-xs);
+        border-radius: var(--oh-shape-tight);
         padding: var(--oh-spacing-1) var(--oh-spacing-2);
         margin: 0 calc(-1 * var(--oh-spacing-2));
       }
@@ -195,8 +195,8 @@ let OhLink = class OhLink extends OhElement {
       .link--standalone:focus:not(:focus-visible) .link__text::after {
         background: repeating-linear-gradient(
           to right,
-          var(--oh-color-brand-primary) 0,
-          var(--oh-color-brand-primary) 4px,
+          var(--oh-color-text-link) 0,
+          var(--oh-color-text-link) 4px,
           transparent 4px,
           transparent 8px
         );
@@ -253,7 +253,7 @@ let OhLink = class OhLink extends OhElement {
          ═══════════════════════════════════════════════════════════════ */
 
       .link:visited {
-        color: var(--oh-color-brand-primary);
+        color: var(--oh-color-text-link);
       }
 
       /* ═══════════════════════════════════════════════════════════════
@@ -280,7 +280,7 @@ let OhLink = class OhLink extends OhElement {
       }
 
       :host([inverse]) .link--inline:focus {
-        background-color: rgba(0, 0, 0, 0.1);
+        background-color: var(--oh-link-inverse-focus-background);
       }
 
       :host([inverse]) .link--inline:focus .link__text::after {
@@ -302,7 +302,7 @@ let OhLink = class OhLink extends OhElement {
       }
 
       :host([inverse]) .link--standalone:focus {
-        background-color: rgba(0, 0, 0, 0.1);
+        background-color: var(--oh-link-inverse-focus-background);
       }
 
       :host([inverse]) .link--standalone:focus .link__text::after {

package/dist/oh-modal.d.ts

@@ -11,7 +11,7 @@
  *    - Warm backdrop, not pure black
  *
  * 2. ACCESSIBLE
- *    - Focus trap when open
+ *    - Focus trap when open (focus guards at each end of the dialog)
  *    - Escape key closes (when dismissible)
  *    - Focus returns to trigger on close
  *    - role="dialog" + aria-modal="true"
@@ -38,8 +38,14 @@ export declare class OhModal extends OhElement {
     private _onOpen;
     private _onClose;
     private _handleKeyDown;
-    private _trapFocus;
+    /** Focusable elements in the dialog, in tab order, excluding the guards. */
     private _getFocusableElements;
+    /**
+     * Focus guards: Tab past the last control lands on the end guard, which
+     * wraps to the first; Shift+Tab before the first wraps to the last. This
+     * holds however the browser orders Tab (Safari skips links by default).
+     */
+    private _focusEdge;
     private _focusFirstElement;
     private _handleBackdropClick;
     private _requestClose;

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

@@ -1 +1 @@
-{"version":3,"file":"oh-modal.d.ts","sourceRoot":"","sources":["../src/oh-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,4BA0NpB;IAGF,IAAI,UAAS;IAGb,OAAO,SAAM;IAGb,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,CAAQ;IAGvB,OAAO,CAAC,sBAAsB,CAA4B;IAI1D,OAAO,CAAC,YAAY,CAAqB;IAEzC,iBAAiB;IAKjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU/C,OAAO,CAAC,OAAO;IAoBf,OAAO,CAAC,QAAQ;IAchB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,qBAAqB;IAqB7B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,aAAa;IAKrB,oBAAoB;IAMpB,MAAM;CA8DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"oh-modal.d.ts","sourceRoot":"","sources":["../src/oh-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAGlD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,4BA4OpB;IAGF,IAAI,UAAS;IAGb,OAAO,SAAM;IAGb,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,CAAQ;IAGvB,OAAO,CAAC,sBAAsB,CAA4B;IAI1D,OAAO,CAAC,YAAY,CAAqB;IAEzC,iBAAiB;IAKjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU/C,OAAO,CAAC,OAAO;IAwBf,OAAO,CAAC,QAAQ;IAchB,OAAO,CAAC,cAAc;IAOtB,4EAA4E;IAC5E,OAAO,CAAC,qBAAqB;IAK7B;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,aAAa;IAKrB,oBAAoB;IAMpB,MAAM;CAgEP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}