@orange-halo/components 1.0.0 → 2.1.0

package/dist/base.js

@@ -22,9 +22,9 @@ export const baseStyles = css `
 
   /* Focus ring for keyboard navigation */
   :host(:focus-visible) {
-    outline: var(--oh-focus-ring-width, 2px) solid
-      var(--oh-focus-ring-color, #c54300);
-    outline-offset: var(--oh-focus-ring-offset, 2px);
+    outline: var(--oh-focus-ring-width) solid
+      var(--oh-focus-ring-color);
+    outline-offset: var(--oh-focus-ring-offset);
   }
 
   /* Hide focus ring for mouse users */

package/dist/index.d.ts

@@ -26,6 +26,7 @@ import "./oh-link.js";
 import "./oh-modal.js";
 import "./oh-navbar.js";
 import "./oh-progress.js";
+import "./oh-radio.js";
 import "./oh-radio-group.js";
 import "./oh-select.js";
 import "./oh-skip-link.js";
@@ -53,10 +54,13 @@ export type { ClusterGap, ClusterJustify, ClusterAlign } from "./oh-cluster.js";
 export { OhContainer } from "./oh-container.js";
 export type { ContainerSize } from "./oh-container.js";
 export { OhDrawer } from "./oh-drawer.js";
+/** @deprecated Part of the Orange Halo brand: import from @orange-halo/brand-orange-halo. Removed from components in 3.0. */
 export { OhFooter } from "./oh-footer.js";
 export { OhGrid } from "./oh-grid.js";
 export type { GridColumns, GridGap } from "./oh-grid.js";
+/** @deprecated Part of the Orange Halo brand: import from @orange-halo/brand-orange-halo. Removed from components in 3.0. */
 export { OhHero } from "./oh-hero.js";
+/** @deprecated Part of the Orange Halo brand: import from @orange-halo/brand-orange-halo. Removed from components in 3.0. */
 export type { HeroVariant, HeroSize } from "./oh-hero.js";
 export { OhIcon } from "./oh-icon.js";
 export type { IconName, IconSize } from "./oh-icon.js";
@@ -69,6 +73,8 @@ export type { ModalSize } from "./oh-modal.js";
 export { OhNavbar } from "./oh-navbar.js";
 export { OhProgress } from "./oh-progress.js";
 export type { ProgressVariant, ProgressSize } from "./oh-progress.js";
+export { OhRadio } from "./oh-radio.js";
+export type { RadioState } from "./oh-radio.js";
 export { OhRadioGroup } from "./oh-radio-group.js";
 export type { RadioOption } from "./oh-radio-group.js";
 export { OhSelect } from "./oh-select.js";

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -29,6 +29,7 @@ import "./oh-link.js";
 import "./oh-modal.js";
 import "./oh-navbar.js";
 import "./oh-progress.js";
+import "./oh-radio.js";
 import "./oh-radio-group.js";
 import "./oh-select.js";
 import "./oh-skip-link.js";
@@ -52,8 +53,10 @@ export { OhCheckboxGroup } from "./oh-checkbox-group.js";
 export { OhCluster } from "./oh-cluster.js";
 export { OhContainer } from "./oh-container.js";
 export { OhDrawer } from "./oh-drawer.js";
+/** @deprecated Part of the Orange Halo brand: import from @orange-halo/brand-orange-halo. Removed from components in 3.0. */
 export { OhFooter } from "./oh-footer.js";
 export { OhGrid } from "./oh-grid.js";
+/** @deprecated Part of the Orange Halo brand: import from @orange-halo/brand-orange-halo. Removed from components in 3.0. */
 export { OhHero } from "./oh-hero.js";
 export { OhIcon } from "./oh-icon.js";
 export { OhInput } from "./oh-input.js";
@@ -61,6 +64,7 @@ export { OhLink } from "./oh-link.js";
 export { OhModal } from "./oh-modal.js";
 export { OhNavbar } from "./oh-navbar.js";
 export { OhProgress } from "./oh-progress.js";
+export { OhRadio } from "./oh-radio.js";
 export { OhRadioGroup } from "./oh-radio-group.js";
 export { OhSelect } from "./oh-select.js";
 export { OhSkipLink } from "./oh-skip-link.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,gFAAgF;AAChF,kEAAkE;AAClE,gFAAgF;AAChF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AAExB,gFAAgF;AAChF,uEAAuE;AACvE,gFAAgF;AAEhF,OAAO;AACP,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD,kCAAkC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,SAAS;AACT,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,gFAAgF;AAChF,kEAAkE;AAClE,gFAAgF;AAChF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AAExB,gFAAgF;AAChF,uEAAuE;AACvE,gFAAgF;AAEhF,OAAO;AACP,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD,kCAAkC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,6HAA6H;AAC7H,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,6HAA6H;AAC7H,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAItC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,SAAS;AACT,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/oh-accordion.js

@@ -49,9 +49,9 @@ let OhAccordion = class OhAccordion extends OhElement {
 
       :host {
         display: block;
-        font-family: var(--oh-font-family-sans);
-        font-size: var(--oh-font-size-base);
-        line-height: var(--oh-font-line-height-normal);
+        font-family: var(--oh-typography-body-font-family);
+        font-size: var(--oh-typography-body-base-font-size);
+        line-height: var(--oh-typography-body-base-line-height);
       }
 
       .accordion {
@@ -68,7 +68,7 @@ let OhAccordion = class OhAccordion extends OhElement {
       }
 
       .accordion--subtle .accordion-item {
-        border-bottom: 1px solid var(--oh-color-border-subtle);
+        border-bottom: var(--oh-stroke-divider) solid var(--oh-color-border-subtle);
       }
 
       .accordion--subtle .accordion-item:last-child {
@@ -94,9 +94,9 @@ let OhAccordion = class OhAccordion extends OhElement {
         cursor: pointer;
         text-align: left;
         
-        font-family: var(--oh-font-family-sans);
-        font-size: var(--oh-font-size-base);
-        font-weight: var(--oh-font-weight-medium);
+        font-family: var(--oh-typography-body-font-family);
+        font-size: var(--oh-typography-body-base-font-size);
+        font-weight: var(--oh-typography-label-base-font-weight);
         color: var(--oh-color-text-link);
       }
 
@@ -107,7 +107,7 @@ let OhAccordion = class OhAccordion extends OhElement {
       /* Text span with dashed underline — follows link rules */
       .accordion--subtle .accordion-text {
         position: relative;
-        padding-bottom: 2px;
+        padding-bottom: var(--oh-decoration-underline-thickness);
       }
 
       .accordion--subtle .accordion-text::after {
@@ -116,18 +116,18 @@ let OhAccordion = class OhAccordion extends OhElement {
         left: 0;
         bottom: 0;
         width: 100%;
-        height: 2px;
+        height: var(--oh-decoration-underline-thickness);
         background-image: repeating-linear-gradient(
           to right,
           var(--oh-color-text-link) 0,
-          var(--oh-color-text-link) 4px,
-          transparent 4px,
-          transparent 8px
+          var(--oh-color-text-link) var(--oh-decoration-underline-dash),
+          transparent var(--oh-decoration-underline-dash),
+          transparent var(--oh-decoration-underline-period)
         );
         background-size: 100% 100%;
         background-repeat: no-repeat;
         transform-origin: right;
-        transition: transform var(--oh-motion-relaxed, 300ms) var(--oh-motion-ease-gentle, ease);
+        transition: transform var(--oh-motion-relaxed) var(--oh-motion-ease-gentle);
       }
 
       .accordion--subtle .accordion-trigger:hover .accordion-text::after {
@@ -137,7 +137,7 @@ let OhAccordion = class OhAccordion extends OhElement {
       .accordion--subtle .accordion-trigger:focus-visible .accordion-text::after {
         background-image: none;
         background-color: var(--oh-color-brand-primary);
-        height: 2px;
+        height: var(--oh-decoration-underline-thickness);
         transform: scaleX(1);
       }
 
@@ -156,21 +156,21 @@ let OhAccordion = class OhAccordion extends OhElement {
 
       .accordion--standout .accordion-item {
         background-color: var(--oh-color-surface-raised);
-        border: var(--oh-input-base-border-width, 2.5px) solid var(--oh-color-border-emphasis);
-        border-radius: var(--oh-radius-md);
+        border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
+        border-radius: var(--oh-shape-container);
         overflow: hidden;
         
         /* Base shadow and lift animation */
-        box-shadow: 3px 3px 0 0 rgba(107, 93, 77, 0.15);
+        box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md) 0 0 var(--oh-shadow-neutral);
         transition: 
-          transform var(--oh-motion-snappy, 150ms) var(--oh-motion-ease-playful, cubic-bezier(0.34, 1.56, 0.64, 1)),
-          box-shadow var(--oh-motion-snappy, 150ms) var(--oh-motion-ease-playful, cubic-bezier(0.34, 1.56, 0.64, 1));
+          transform var(--oh-motion-snappy) var(--oh-motion-ease-playful),
+          box-shadow var(--oh-motion-snappy) var(--oh-motion-ease-playful);
       }
 
       /* Lift whole accordion only when trigger is hovered */
       .accordion--standout .accordion-item:has(.accordion-trigger:hover) {
-        transform: translate(-2px, -2px);
-        box-shadow: 5px 5px 0 0 rgba(107, 93, 77, 0.2);
+        transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
+        box-shadow: var(--oh-elevation-offset-xl) var(--oh-elevation-offset-xl) 0 0 var(--oh-shadow-neutral-hover);
       }
 
       .accordion--standout .accordion-item[data-expanded="true"] {
@@ -189,9 +189,9 @@ let OhAccordion = class OhAccordion extends OhElement {
         cursor: pointer;
         text-align: left;
         
-        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-body-font-family);
+        font-size: var(--oh-typography-body-base-font-size);
+        font-weight: var(--oh-typography-control-font-weight);
         color: var(--oh-color-text-primary);
       }
 
@@ -207,7 +207,7 @@ let OhAccordion = class OhAccordion extends OhElement {
       /* Text span for standout — dashed underline appears on hover */
       .accordion--standout .accordion-text {
         position: relative;
-        padding-bottom: 2px;
+        padding-bottom: var(--oh-decoration-underline-thickness);
       }
 
       .accordion--standout .accordion-text::after {
@@ -216,19 +216,19 @@ let OhAccordion = class OhAccordion extends OhElement {
         left: 0;
         bottom: 0;
         width: 100%;
-        height: 2px;
+        height: var(--oh-decoration-underline-thickness);
         background-image: repeating-linear-gradient(
           to right,
           var(--oh-color-text-primary) 0,
-          var(--oh-color-text-primary) 4px,
-          transparent 4px,
-          transparent 8px
+          var(--oh-color-text-primary) var(--oh-decoration-underline-dash),
+          transparent var(--oh-decoration-underline-dash),
+          transparent var(--oh-decoration-underline-period)
         );
         background-size: 100% 100%;
         background-repeat: no-repeat;
         transform-origin: left;
         transform: scaleX(0);
-        transition: transform var(--oh-motion-relaxed, 300ms) var(--oh-motion-ease-gentle, ease);
+        transition: transform var(--oh-motion-relaxed) var(--oh-motion-ease-gentle);
       }
 
       .accordion--standout .accordion-trigger:hover .accordion-text::after {
@@ -238,7 +238,7 @@ let OhAccordion = class OhAccordion extends OhElement {
       .accordion--standout .accordion-content {
         padding: var(--oh-spacing-4);
         color: var(--oh-color-text-primary);
-        border-top: 1px solid var(--oh-color-border-subtle);
+        border-top: var(--oh-stroke-divider) solid var(--oh-color-border-subtle);
       }
 
       /* ═══════════════════════════════════════════════════════════════
@@ -249,7 +249,7 @@ let OhAccordion = class OhAccordion extends OhElement {
         flex-shrink: 0;
         width: 1rem;
         height: 1rem;
-        transition: transform var(--oh-motion-gentle, 200ms) var(--oh-motion-ease-gentle, ease);
+        transition: transform var(--oh-motion-gentle) var(--oh-motion-ease-gentle);
       }
 
       .accordion--subtle .accordion-icon {
@@ -271,7 +271,7 @@ let OhAccordion = class OhAccordion extends OhElement {
       .accordion-panel {
         display: grid;
         grid-template-rows: 0fr;
-        transition: grid-template-rows var(--oh-motion-gentle, 200ms) ease;
+        transition: grid-template-rows var(--oh-motion-gentle) ease;
       }
 
       .accordion-panel[data-expanded="true"] {

package/dist/oh-alert.js

@@ -68,10 +68,10 @@ let OhAlert = class OhAlert extends OhElement {
         
         /* Shape */
         padding: var(--oh-spacing-4);
-        border-radius: var(--oh-radius-md);
+        border-radius: var(--oh-shape-container);
         
         /* Chunky border like other components */
-        border: var(--oh-input-base-border-width, 2.5px) solid;
+        border: var(--oh-stroke-control) solid;
       }
 
       /* ═══════════════════════════════════════════════════════════════
@@ -94,9 +94,9 @@ let OhAlert = class OhAlert extends OhElement {
         min-width: 0;
         
         /* Typography */
-        font-family: var(--oh-font-family-sans);
-        font-size: var(--oh-font-size-base);
-        line-height: var(--oh-font-line-height-normal);
+        font-family: var(--oh-typography-body-font-family);
+        font-size: var(--oh-typography-body-base-font-size);
+        line-height: var(--oh-typography-body-base-line-height);
       }
 
       /* 
@@ -104,24 +104,24 @@ let OhAlert = class OhAlert extends OhElement {
        * Uses background-image approach which works with ::slotted()
        */
       .alert-content ::slotted(a) {
-        font-weight: var(--oh-font-weight-semibold);
+        font-weight: var(--oh-typography-emphasis-font-weight);
         text-decoration: none;
         background-image: repeating-linear-gradient(
           to right,
           currentColor 0,
-          currentColor 4px,
-          transparent 4px,
-          transparent 8px
+          currentColor var(--oh-decoration-underline-dash),
+          transparent var(--oh-decoration-underline-dash),
+          transparent var(--oh-decoration-underline-period)
         );
-        background-size: 100% 2px;
+        background-size: 100% var(--oh-decoration-underline-thickness);
         background-position: 0 100%;
         background-repeat: no-repeat;
-        padding-bottom: 2px;
-        transition: background-size var(--oh-motion-slow, 450ms) ease;
+        padding-bottom: var(--oh-decoration-underline-thickness);
+        transition: background-size var(--oh-motion-slow) ease;
       }
 
       .alert-content ::slotted(a:hover) {
-        background-size: 0% 2px;
+        background-size: 0% var(--oh-decoration-underline-thickness);
         background-position: 100% 100%;
       }
 
@@ -130,7 +130,7 @@ let OhAlert = class OhAlert extends OhElement {
         outline-offset: 2px;
         border-radius: 2px;
         background-image: linear-gradient(currentColor, currentColor);
-        background-size: 100% 2px;
+        background-size: 100% var(--oh-decoration-underline-thickness);
       }
 
       /* ═══════════════════════════════════════════════════════════════
@@ -146,13 +146,13 @@ let OhAlert = class OhAlert extends OhElement {
         padding: var(--oh-spacing-1) var(--oh-spacing-2);
         margin: -0.25rem -0.5rem -0.25rem 0;
         
-        font-family: var(--oh-font-family-sans);
-        font-size: var(--oh-font-size-base);
-        font-weight: var(--oh-font-weight-medium);
+        font-family: var(--oh-typography-body-font-family);
+        font-size: var(--oh-typography-body-base-font-size);
+        font-weight: var(--oh-typography-label-base-font-weight);
         
         background: transparent;
         border: none;
-        border-radius: var(--oh-radius-sm);
+        border-radius: var(--oh-shape-compact);
         cursor: pointer;
         
         /* Use primary text color for contrast */
@@ -160,20 +160,20 @@ let OhAlert = class OhAlert extends OhElement {
         
         /* Chunky animation setup */
         transition: 
-          transform var(--oh-motion-snappy, 150ms) var(--oh-motion-ease-playful, cubic-bezier(0.34, 1.56, 0.64, 1)),
-          box-shadow var(--oh-motion-snappy, 150ms) var(--oh-motion-ease-playful, cubic-bezier(0.34, 1.56, 0.64, 1)),
-          background-color var(--oh-motion-quick, 120ms) ease;
+          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;
       }
 
       .alert-close:hover {
-        background-color: rgba(0, 0, 0, 0.08);
-        transform: translate(-2px, -2px);
-        box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
+        background-color: var(--oh-close-button-background-hover);
+        transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
+        box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-close-button-shadow-hover);
       }
 
       .alert-close:active {
-        transform: translate(1px, 1px);
-        box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
+        transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
+        box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs) 0 0 var(--oh-close-button-shadow-hover);
       }
 
       .alert-close:focus-visible {

package/dist/oh-badge.js

@@ -54,15 +54,15 @@ let OhBadge = class OhBadge extends OhElement {
         gap: var(--oh-spacing-1);
         
         /* Typography */
-        font-family: var(--oh-font-family-sans);
-        font-size: var(--oh-font-size-base);
-        font-weight: var(--oh-font-weight-medium);
-        line-height: var(--oh-font-line-height-tight, 1.25);
-        letter-spacing: var(--oh-font-letter-spacing-wide);
+        font-family: var(--oh-typography-body-font-family);
+        font-size: var(--oh-typography-body-base-font-size);
+        font-weight: var(--oh-typography-label-base-font-weight);
+        line-height: var(--oh-typography-heading-h1-line-height);
+        letter-spacing: var(--oh-typography-control-letter-spacing);
         
         /* Shape */
         padding: var(--oh-spacing-1) var(--oh-spacing-2-5);
-        border-radius: var(--oh-radius-sm);
+        border-radius: var(--oh-shape-compact);
         
         /* No interaction */
         pointer-events: none;
@@ -94,7 +94,7 @@ let OhBadge = class OhBadge extends OhElement {
       }
 
       .badge--subtle.badge--brand {
-        background-color: var(--oh-color-brand-subtle);
+        background-color: var(--oh-color-brand-primary-subtle);
         color: var(--oh-color-brand-primary);
       }
 
@@ -109,22 +109,22 @@ let OhBadge = class OhBadge extends OhElement {
 
       .badge--filled.badge--success {
         background-color: var(--oh-color-feedback-success);
-        color: var(--oh-color-surface-white);
+        color: var(--oh-color-text-on-success);
       }
 
       .badge--filled.badge--error {
         background-color: var(--oh-color-feedback-error);
-        color: var(--oh-color-surface-white);
+        color: var(--oh-color-text-on-error);
       }
 
       .badge--filled.badge--warning {
         background-color: var(--oh-color-feedback-warning);
-        color: var(--oh-color-surface-white);
+        color: var(--oh-color-text-on-warning);
       }
 
       .badge--filled.badge--info {
         background-color: var(--oh-color-feedback-info);
-        color: var(--oh-color-surface-white);
+        color: var(--oh-color-text-on-info);
       }
 
       .badge--filled.badge--brand {

package/dist/oh-breadcrumb.js

@@ -44,9 +44,9 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
 
       :host {
         display: block;
-        font-family: var(--oh-font-family-sans);
-        font-size: var(--oh-font-size-base);
-        line-height: var(--oh-font-line-height-normal);
+        font-family: var(--oh-typography-body-font-family);
+        font-size: var(--oh-typography-body-base-font-size);
+        line-height: var(--oh-typography-body-base-line-height);
       }
 
       /* ═══════════════════════════════════════════════════════════════
@@ -87,7 +87,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
         display: inline-block;
         color: var(--oh-color-text-link);
         text-decoration: none;
-        padding-bottom: 2px;
+        padding-bottom: var(--oh-decoration-underline-thickness);
       }
 
       .breadcrumb-link::after {
@@ -96,18 +96,18 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
         left: 0;
         bottom: 0;
         width: 100%;
-        height: 2px;
+        height: var(--oh-decoration-underline-thickness);
         background-image: repeating-linear-gradient(
           to right,
           var(--oh-color-text-link) 0,
-          var(--oh-color-text-link) 4px,
-          transparent 4px,
-          transparent 8px
+          var(--oh-color-text-link) var(--oh-decoration-underline-dash),
+          transparent var(--oh-decoration-underline-dash),
+          transparent var(--oh-decoration-underline-period)
         );
         background-size: 100% 100%;
         background-repeat: no-repeat;
         transform-origin: right;
-        transition: transform var(--oh-motion-relaxed, 300ms) var(--oh-motion-ease-gentle, ease);
+        transition: transform var(--oh-motion-relaxed) var(--oh-motion-ease-gentle);
       }
 
       .breadcrumb-link:hover::after {
@@ -117,7 +117,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
       .breadcrumb-link:focus-visible {
         outline: none;
         background-color: var(--oh-color-surface-hover);
-        border-radius: var(--oh-radius-xs);
+        border-radius: var(--oh-shape-tight);
         padding: 0 2px 2px 2px;
         margin: 0 -2px;
       }
@@ -125,7 +125,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
       .breadcrumb-link:focus-visible::after {
         background-image: none;
         background-color: var(--oh-color-brand-primary);
-        height: 2px;
+        height: var(--oh-decoration-underline-thickness);
         transform: scaleX(1);
       }
 
@@ -135,7 +135,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
 
       .breadcrumb-current {
         color: var(--oh-color-text-primary);
-        font-weight: var(--oh-font-weight-medium);
+        font-weight: var(--oh-typography-label-base-font-weight);
       }
 
       /* ═══════════════════════════════════════════════════════════════
@@ -153,7 +153,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
         gap: var(--oh-spacing-1);
         color: var(--oh-color-text-link);
         text-decoration: none;
-        padding-bottom: 2px;
+        padding-bottom: var(--oh-decoration-underline-thickness);
       }
 
       .back-link::after {
@@ -162,18 +162,18 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
         left: 0;
         bottom: 0;
         width: 100%;
-        height: 2px;
+        height: var(--oh-decoration-underline-thickness);
         background-image: repeating-linear-gradient(
           to right,
           var(--oh-color-text-link) 0,
-          var(--oh-color-text-link) 4px,
-          transparent 4px,
-          transparent 8px
+          var(--oh-color-text-link) var(--oh-decoration-underline-dash),
+          transparent var(--oh-decoration-underline-dash),
+          transparent var(--oh-decoration-underline-period)
         );
         background-size: 100% 100%;
         background-repeat: no-repeat;
         transform-origin: right;
-        transition: transform var(--oh-motion-relaxed, 300ms) var(--oh-motion-ease-gentle, ease);
+        transition: transform var(--oh-motion-relaxed) var(--oh-motion-ease-gentle);
       }
 
       .back-link:hover::after {
@@ -183,7 +183,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
       .back-link:focus-visible {
         outline: none;
         background-color: var(--oh-color-surface-hover);
-        border-radius: var(--oh-radius-xs);
+        border-radius: var(--oh-shape-tight);
         padding: 0 2px 2px 2px;
         margin: 0 -2px;
       }
@@ -191,7 +191,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
       .back-link:focus-visible::after {
         background-image: none;
         background-color: var(--oh-color-brand-primary);
-        height: 2px;
+        height: var(--oh-decoration-underline-thickness);
         transform: scaleX(1);
       }
 

package/dist/oh-button.d.ts

@@ -7,7 +7,7 @@
  * DESIGN DECISIONS:
  * ─────────────────
  * 1. CHUNKY & CONFIDENT
- *    - Thick border (2px) that feels illustrative
+ *    - Thick border (stroke.control) that feels illustrative
  *    - Solid fills, no subtle gradients
  *    - Generous padding, substantial presence
  *
@@ -38,6 +38,12 @@ export declare class OhButton extends OhElement {
     size: ButtonSize;
     loading: boolean;
     iconOnly: boolean;
+    /**
+     * Accessible name for the inner button/anchor. Required for icon-only
+     * buttons. Use this, not aria-label: an aria-label on the host isn't
+     * forwarded into the shadow root.
+     */
+    accessibleLabel?: string;
     /**
      * Force a visual state (for documentation/Figma sync only)
      * Values: 'hover' | 'active' | 'focus'

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

@@ -1 +1 @@
-{"version":3,"file":"oh-button.d.ts","sourceRoot":"","sources":["../src/oh-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnE,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BA8VpB;IAGF,OAAO,EAAE,aAAa,CAAa;IAGnC,IAAI,EAAE,UAAU,CAAQ;IAGxB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,UAAU,EAAE,WAAW,CAAa;IAEpC,kEAAkE;IAElE,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,uDAAuD;IAEvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,YAAY;IASpB,+CAA+C;IACtC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAKrC,8CAA8C;IACrC,IAAI;IAKb,MAAM;CA6CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"oh-button.d.ts","sourceRoot":"","sources":["../src/oh-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnE,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BA8WpB;IAGF,OAAO,EAAE,aAAa,CAAa;IAGnC,IAAI,EAAE,UAAU,CAAQ;IAGxB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IAEH,UAAU,EAAE,WAAW,CAAa;IAEpC,kEAAkE;IAElE,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,uDAAuD;IAEvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,YAAY;IASpB,+CAA+C;IACtC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAKrC,8CAA8C;IACrC,IAAI;IAKb,MAAM;CAuDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}