@orange-halo/components 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/custom-elements.json +3182 -73
  2. package/dist/index.d.ts +6 -0
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +4 -0
  5. package/dist/index.js.map +1 -1
  6. package/dist/oh-accordion.js +17 -17
  7. package/dist/oh-alert.js +12 -12
  8. package/dist/oh-breadcrumb.js +12 -12
  9. package/dist/oh-button.d.ts +1 -1
  10. package/dist/oh-button.js +34 -34
  11. package/dist/oh-card.d.ts.map +1 -1
  12. package/dist/oh-card.js +17 -45
  13. package/dist/oh-card.js.map +1 -1
  14. package/dist/oh-checkbox-group.figma.js +1 -1
  15. package/dist/oh-checkbox-group.figma.js.map +1 -1
  16. package/dist/oh-checkbox-group.js +13 -13
  17. package/dist/oh-checkbox.d.ts +2 -2
  18. package/dist/oh-checkbox.js +19 -19
  19. package/dist/oh-drawer.js +1 -1
  20. package/dist/oh-footer.d.ts +5 -0
  21. package/dist/oh-footer.d.ts.map +1 -1
  22. package/dist/oh-footer.js +5 -0
  23. package/dist/oh-footer.js.map +1 -1
  24. package/dist/oh-hero.d.ts +5 -0
  25. package/dist/oh-hero.d.ts.map +1 -1
  26. package/dist/oh-hero.js +5 -0
  27. package/dist/oh-hero.js.map +1 -1
  28. package/dist/oh-icon.js +3 -3
  29. package/dist/oh-input.d.ts +2 -2
  30. package/dist/oh-input.figma.js +2 -2
  31. package/dist/oh-input.figma.js.map +1 -1
  32. package/dist/oh-input.js +5 -5
  33. package/dist/oh-link.js +23 -23
  34. package/dist/oh-modal.d.ts +2 -2
  35. package/dist/oh-modal.js +10 -10
  36. package/dist/oh-navbar.js +1 -1
  37. package/dist/oh-progress.js +2 -2
  38. package/dist/oh-radio-group.js +13 -13
  39. package/dist/oh-radio.d.ts +1 -1
  40. package/dist/oh-radio.js +18 -18
  41. package/dist/oh-select.d.ts +2 -2
  42. package/dist/oh-select.d.ts.map +1 -1
  43. package/dist/oh-select.js +17 -12
  44. package/dist/oh-select.js.map +1 -1
  45. package/dist/oh-skip-link.js +3 -3
  46. package/dist/oh-tabs.js +9 -9
  47. package/dist/oh-toggle.js +11 -11
  48. package/dist/styles/typography.js +4 -4
  49. package/package.json +11 -4
package/dist/oh-link.js CHANGED
@@ -81,13 +81,13 @@ let OhLink = class OhLink extends OhElement {
81
81
  left: 0;
82
82
  right: 0;
83
83
  bottom: 0;
84
- height: 2px;
84
+ height: var(--oh-decoration-underline-thickness);
85
85
  background: repeating-linear-gradient(
86
86
  to right,
87
87
  var(--oh-color-text-link) 0,
88
- var(--oh-color-text-link) 4px,
89
- transparent 4px,
90
- transparent 8px
88
+ var(--oh-color-text-link) var(--oh-decoration-underline-dash),
89
+ transparent var(--oh-decoration-underline-dash),
90
+ transparent var(--oh-decoration-underline-period)
91
91
  );
92
92
  transform-origin: right;
93
93
  transform: scaleX(1);
@@ -126,7 +126,7 @@ let OhLink = class OhLink extends OhElement {
126
126
  .link--inline:focus .link__text::after {
127
127
  /* Solid underline on focus */
128
128
  background: var(--oh-color-brand-primary);
129
- height: 3px;
129
+ height: var(--oh-decoration-underline-focus-thickness);
130
130
  transform: scaleX(1);
131
131
  }
132
132
 
@@ -139,11 +139,11 @@ let OhLink = class OhLink extends OhElement {
139
139
  background: repeating-linear-gradient(
140
140
  to right,
141
141
  var(--oh-color-text-link) 0,
142
- var(--oh-color-text-link) 4px,
143
- transparent 4px,
144
- transparent 8px
142
+ var(--oh-color-text-link) var(--oh-decoration-underline-dash),
143
+ transparent var(--oh-decoration-underline-dash),
144
+ transparent var(--oh-decoration-underline-period)
145
145
  );
146
- height: 2px;
146
+ height: var(--oh-decoration-underline-thickness);
147
147
  }
148
148
 
149
149
  /* ═══════════════════════════════════════════════════════════════
@@ -181,7 +181,7 @@ let OhLink = class OhLink extends OhElement {
181
181
 
182
182
  .link--standalone:focus .link__text::after {
183
183
  background: var(--oh-color-brand-primary);
184
- height: 3px;
184
+ height: var(--oh-decoration-underline-focus-thickness);
185
185
  transform: scaleX(1);
186
186
  }
187
187
 
@@ -196,11 +196,11 @@ let OhLink = class OhLink extends OhElement {
196
196
  background: repeating-linear-gradient(
197
197
  to right,
198
198
  var(--oh-color-text-link) 0,
199
- var(--oh-color-text-link) 4px,
200
- transparent 4px,
201
- transparent 8px
199
+ var(--oh-color-text-link) var(--oh-decoration-underline-dash),
200
+ transparent var(--oh-decoration-underline-dash),
201
+ transparent var(--oh-decoration-underline-period)
202
202
  );
203
- height: 2px;
203
+ height: var(--oh-decoration-underline-thickness);
204
204
  }
205
205
 
206
206
  /* ═══════════════════════════════════════════════════════════════
@@ -273,9 +273,9 @@ let OhLink = class OhLink extends OhElement {
273
273
  background: repeating-linear-gradient(
274
274
  to right,
275
275
  var(--oh-color-text-on-accent) 0,
276
- var(--oh-color-text-on-accent) 4px,
277
- transparent 4px,
278
- transparent 8px
276
+ var(--oh-color-text-on-accent) var(--oh-decoration-underline-dash),
277
+ transparent var(--oh-decoration-underline-dash),
278
+ transparent var(--oh-decoration-underline-period)
279
279
  );
280
280
  }
281
281
 
@@ -295,9 +295,9 @@ let OhLink = class OhLink extends OhElement {
295
295
  background: repeating-linear-gradient(
296
296
  to right,
297
297
  var(--oh-color-text-on-accent) 0,
298
- var(--oh-color-text-on-accent) 4px,
299
- transparent 4px,
300
- transparent 8px
298
+ var(--oh-color-text-on-accent) var(--oh-decoration-underline-dash),
299
+ transparent var(--oh-decoration-underline-dash),
300
+ transparent var(--oh-decoration-underline-period)
301
301
  );
302
302
  }
303
303
 
@@ -317,9 +317,9 @@ let OhLink = class OhLink extends OhElement {
317
317
  background: repeating-linear-gradient(
318
318
  to right,
319
319
  var(--oh-color-text-on-accent) 0,
320
- var(--oh-color-text-on-accent) 4px,
321
- transparent 4px,
322
- transparent 8px
320
+ var(--oh-color-text-on-accent) var(--oh-decoration-underline-dash),
321
+ transparent var(--oh-decoration-underline-dash),
322
+ transparent var(--oh-decoration-underline-period)
323
323
  );
324
324
  }
325
325
 
package/dist/oh-modal.d.ts CHANGED
@@ -6,8 +6,8 @@
6
6
  * DESIGN DECISIONS:
7
7
  * ─────────────────
8
8
  * 1. CHUNKY & LIFTED
9
- * - 2.5px border like other components
10
- * - Offset shadow (4px 4px) — feels like a lifted surface
9
+ * - stroke.control border like other components
10
+ * - Offset shadow (elevation.offset.2xl) — feels like a lifted surface
11
11
  * - Warm backdrop, not pure black
12
12
  *
13
13
  * 2. ACCESSIBLE
package/dist/oh-modal.js CHANGED
@@ -6,8 +6,8 @@
6
6
  * DESIGN DECISIONS:
7
7
  * ─────────────────
8
8
  * 1. CHUNKY & LIFTED
9
- * - 2.5px border like other components
10
- * - Offset shadow (4px 4px) — feels like a lifted surface
9
+ * - stroke.control border like other components
10
+ * - Offset shadow (elevation.offset.2xl) — feels like a lifted surface
11
11
  * - Warm backdrop, not pure black
12
12
  *
13
13
  * 2. ACCESSIBLE
@@ -105,11 +105,11 @@ let OhModal = class OhModal extends OhElement {
105
105
  background-color: var(--oh-color-surface-base);
106
106
 
107
107
  /* Chunky border */
108
- border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
108
+ border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
109
109
  border-radius: var(--oh-shape-container);
110
110
 
111
111
  /* Offset shadow — lifted surface */
112
- box-shadow: 6px 6px 0 0 rgba(107, 93, 77, 0.25);
112
+ box-shadow: var(--oh-elevation-offset-2xl) var(--oh-elevation-offset-2xl) 0 0 var(--oh-shadow-overlay);
113
113
 
114
114
  /* Animation */
115
115
  transform: scale(0.95) translateY(10px);
@@ -147,7 +147,7 @@ let OhModal = class OhModal extends OhElement {
147
147
  justify-content: space-between;
148
148
  gap: var(--oh-spacing-4);
149
149
  padding: var(--oh-spacing-4) var(--oh-spacing-5);
150
- border-bottom: var(--oh-input-base-border-width) solid var(--oh-color-border-subtle);
150
+ border-bottom: var(--oh-stroke-control) solid var(--oh-color-border-subtle);
151
151
  }
152
152
 
153
153
  .modal-title {
@@ -189,13 +189,13 @@ let OhModal = class OhModal extends OhElement {
189
189
 
190
190
  .modal-close:hover {
191
191
  background-color: var(--oh-close-button-background-hover);
192
- transform: translate(-2px, -2px);
193
- box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
192
+ transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
193
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-close-button-shadow-hover);
194
194
  }
195
195
 
196
196
  .modal-close:active {
197
- transform: translate(1px, 1px);
198
- box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
197
+ transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
198
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs) 0 0 var(--oh-close-button-shadow-hover);
199
199
  }
200
200
 
201
201
  .modal-close:focus-visible {
@@ -234,7 +234,7 @@ let OhModal = class OhModal extends OhElement {
234
234
  justify-content: flex-start;
235
235
  gap: var(--oh-spacing-6);
236
236
  padding: var(--oh-spacing-4) var(--oh-spacing-5);
237
- border-top: var(--oh-input-base-border-width) solid var(--oh-color-border-subtle);
237
+ border-top: var(--oh-stroke-control) solid var(--oh-color-border-subtle);
238
238
  }
239
239
 
240
240
  /* Hide footer if empty */
package/dist/oh-navbar.js CHANGED
@@ -103,7 +103,7 @@ let OhNavbar = class OhNavbar extends OhElement {
103
103
 
104
104
  .drawer-nav ::slotted(oh-link) {
105
105
  padding: var(--oh-spacing-3) 0;
106
- border-bottom: 1px solid var(--oh-color-border-subtle);
106
+ border-bottom: var(--oh-stroke-divider) solid var(--oh-color-border-subtle);
107
107
  }
108
108
 
109
109
  .drawer-nav ::slotted(oh-link:last-child) {
package/dist/oh-progress.js CHANGED
@@ -79,10 +79,10 @@ let OhProgress = class OhProgress extends OhElement {
79
79
  .progress__track {
80
80
  flex: 1;
81
81
  background-color: var(--oh-color-surface-inset);
82
- border: var(--oh-border-width-chunky) solid var(--oh-color-border-default);
82
+ border: var(--oh-stroke-control) solid var(--oh-color-border-default);
83
83
  border-radius: var(--oh-shape-pill);
84
84
  overflow: hidden;
85
- box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.06);
85
+ box-shadow: inset var(--oh-elevation-offset-sm) var(--oh-elevation-offset-sm) 0 0 var(--oh-progress-track-inset-shadow);
86
86
  }
87
87
 
88
88
  /* Size variants for track height */
package/dist/oh-radio-group.js CHANGED
@@ -102,10 +102,10 @@ let OhRadioGroup = class OhRadioGroup extends OhElement {
102
102
  width: 24px;
103
103
  height: 24px;
104
104
  flex-shrink: 0;
105
- border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
105
+ border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
106
106
  border-radius: var(--oh-shape-pill);
107
107
  background-color: var(--oh-color-surface-base);
108
- box-shadow: 3px 3px 0 0 var(--oh-shadow-secondary);
108
+ box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md) 0 0 var(--oh-shadow-secondary);
109
109
  transition:
110
110
  transform var(--oh-motion-snappy) var(--oh-motion-ease-playful),
111
111
  box-shadow var(--oh-motion-snappy) var(--oh-motion-ease-playful),
@@ -141,21 +141,21 @@ let OhRadioGroup = class OhRadioGroup extends OhElement {
141
141
  /* Hover: lift up-left, shadow grows */
142
142
  .radio-option:hover .radio-circle {
143
143
  border-color: var(--oh-color-border-hover);
144
- transform: translate(-1px, -1px);
145
- box-shadow: 4px 4px 0 0 var(--oh-shadow-secondary);
144
+ transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
145
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-secondary);
146
146
  }
147
147
 
148
148
  /* Active: press down-right, shadow shrinks */
149
149
  .radio-option:active .radio-circle {
150
- transform: translate(1px, 1px);
151
- box-shadow: 1px 1px 0 0 var(--oh-shadow-secondary);
150
+ transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
151
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs) 0 0 var(--oh-shadow-secondary);
152
152
  }
153
153
 
154
154
  /* Checked: primary color with warm shadow */
155
155
  .native-radio:checked + .radio-circle {
156
156
  background-color: var(--oh-color-brand-primary);
157
157
  border-color: var(--oh-color-brand-primary);
158
- box-shadow: 3px 3px 0 0 var(--oh-shadow-primary);
158
+ box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md) 0 0 var(--oh-shadow-primary);
159
159
  }
160
160
 
161
161
  .native-radio:checked + .radio-circle::after {
@@ -166,15 +166,15 @@ let OhRadioGroup = class OhRadioGroup extends OhElement {
166
166
  .radio-option:hover .native-radio:checked + .radio-circle {
167
167
  background-color: var(--oh-color-brand-primary-hover);
168
168
  border-color: var(--oh-color-brand-primary-hover);
169
- transform: translate(-1px, -1px);
170
- box-shadow: 4px 4px 0 0 var(--oh-shadow-primary);
169
+ transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
170
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-primary);
171
171
  }
172
172
 
173
173
  /* Checked + Active */
174
174
  .radio-option:active .native-radio:checked + .radio-circle {
175
175
  background-color: var(--oh-color-brand-primary-active);
176
- transform: translate(1px, 1px);
177
- box-shadow: 1px 1px 0 0 var(--oh-shadow-primary);
176
+ transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
177
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs) 0 0 var(--oh-shadow-primary);
178
178
  }
179
179
 
180
180
  /* Focus: underline the label (accessible indicator) */
@@ -195,12 +195,12 @@ let OhRadioGroup = class OhRadioGroup extends OhElement {
195
195
 
196
196
  :host([error]) .radio-circle {
197
197
  border-color: var(--oh-color-feedback-error);
198
- box-shadow: 3px 3px 0 0 var(--oh-shadow-error);
198
+ box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md) 0 0 var(--oh-shadow-error);
199
199
  }
200
200
 
201
201
  :host([error]) .radio-option:hover .radio-circle {
202
202
  border-color: var(--oh-color-feedback-error-hover);
203
- box-shadow: 4px 4px 0 0 var(--oh-shadow-error);
203
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-error);
204
204
  }
205
205
 
206
206
  .error-message {
package/dist/oh-radio.d.ts CHANGED
@@ -7,7 +7,7 @@
7
7
  * DESIGN DECISIONS:
8
8
  * ─────────────────
9
9
  * 1. CHUNKY & TACTILE
10
- * - Thick 2.5px border
10
+ * - Thick border (stroke.control)
11
11
  * - Inset shadow when unchecked (pressed into page)
12
12
  * - Fully circular (radio = circle)
13
13
  *
package/dist/oh-radio.js CHANGED
@@ -7,7 +7,7 @@
7
7
  * DESIGN DECISIONS:
8
8
  * ─────────────────
9
9
  * 1. CHUNKY & TACTILE
10
- * - Thick 2.5px border
10
+ * - Thick border (stroke.control)
11
11
  * - Inset shadow when unchecked (pressed into page)
12
12
  * - Fully circular (radio = circle)
13
13
  *
@@ -98,12 +98,12 @@ let OhRadio = class OhRadio extends OhElement {
98
98
  flex-shrink: 0;
99
99
 
100
100
  /* Chunky border, fully circular */
101
- border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
101
+ border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
102
102
  border-radius: var(--oh-shape-pill);
103
103
 
104
104
  /* Offset shadow like primary button */
105
105
  background-color: var(--oh-color-surface-base);
106
- box-shadow: 3px 3px 0 0 var(--oh-shadow-secondary);
106
+ box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md) 0 0 var(--oh-shadow-secondary);
107
107
 
108
108
  transition:
109
109
  transform var(--oh-motion-snappy) var(--oh-motion-ease-playful),
@@ -133,21 +133,21 @@ let OhRadio = class OhRadio extends OhElement {
133
133
  /* Hover: lift up-left, shadow grows */
134
134
  .radio-wrapper:hover .radio-circle {
135
135
  border-color: var(--oh-color-border-hover);
136
- transform: translate(-1px, -1px);
137
- box-shadow: 4px 4px 0 0 var(--oh-shadow-secondary);
136
+ transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
137
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-secondary);
138
138
  }
139
139
 
140
140
  /* Active: press down-right, shadow shrinks */
141
141
  .radio-wrapper:active .radio-circle {
142
- transform: translate(1px, 1px);
143
- box-shadow: 1px 1px 0 0 var(--oh-shadow-secondary);
142
+ transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
143
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs) 0 0 var(--oh-shadow-secondary);
144
144
  }
145
145
 
146
146
  /* Checked: primary color with warm shadow */
147
147
  .native-radio:checked + .radio-circle {
148
148
  background-color: var(--oh-color-brand-primary);
149
149
  border-color: var(--oh-color-brand-primary);
150
- box-shadow: 3px 3px 0 0 var(--oh-shadow-primary);
150
+ box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md) 0 0 var(--oh-shadow-primary);
151
151
  }
152
152
 
153
153
  .native-radio:checked + .radio-circle::after {
@@ -158,15 +158,15 @@ let OhRadio = class OhRadio extends OhElement {
158
158
  .radio-wrapper:hover .native-radio:checked + .radio-circle {
159
159
  background-color: var(--oh-color-brand-primary-hover);
160
160
  border-color: var(--oh-color-brand-primary-hover);
161
- transform: translate(-1px, -1px);
162
- box-shadow: 4px 4px 0 0 var(--oh-shadow-primary);
161
+ transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
162
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-primary);
163
163
  }
164
164
 
165
165
  /* Checked + Active */
166
166
  .radio-wrapper:active .native-radio:checked + .radio-circle {
167
167
  background-color: var(--oh-color-brand-primary-active);
168
- transform: translate(1px, 1px);
169
- box-shadow: 1px 1px 0 0 var(--oh-shadow-primary);
168
+ transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
169
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs) 0 0 var(--oh-shadow-primary);
170
170
  }
171
171
 
172
172
  /* Focus: underline the label (accessible indicator) */
@@ -194,12 +194,12 @@ let OhRadio = class OhRadio extends OhElement {
194
194
 
195
195
  :host([error]) .radio-circle {
196
196
  border-color: var(--oh-color-feedback-error);
197
- box-shadow: 3px 3px 0 0 var(--oh-shadow-error);
197
+ box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md) 0 0 var(--oh-shadow-error);
198
198
  }
199
199
 
200
200
  :host([error]) .radio-wrapper:hover .radio-circle {
201
201
  border-color: var(--oh-color-feedback-error-hover);
202
- box-shadow: 4px 4px 0 0 var(--oh-shadow-error);
202
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-error);
203
203
  }
204
204
 
205
205
  .error-message {
@@ -237,8 +237,8 @@ let OhRadio = class OhRadio extends OhElement {
237
237
  /* Forced Hover - Unchecked */
238
238
  :host([force-state="hover"]) .radio-circle {
239
239
  border-color: var(--oh-color-border-hover);
240
- transform: translate(-1px, -1px);
241
- box-shadow: 4px 4px 0 0 var(--oh-shadow-secondary);
240
+ transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
241
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-secondary);
242
242
  }
243
243
 
244
244
  /* Forced Focus - Unchecked */
@@ -251,8 +251,8 @@ let OhRadio = class OhRadio extends OhElement {
251
251
  :host([force-state="hover"][checked]) .radio-circle {
252
252
  background-color: var(--oh-color-brand-primary-hover);
253
253
  border-color: var(--oh-color-brand-primary-hover);
254
- transform: translate(-1px, -1px);
255
- box-shadow: 4px 4px 0 0 var(--oh-shadow-primary);
254
+ transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
255
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-primary);
256
256
  }
257
257
  `,
258
258
  ]; }
package/dist/oh-select.d.ts CHANGED
@@ -7,9 +7,9 @@
7
7
  * DESIGN DECISIONS:
8
8
  * ─────────────────
9
9
  * 1. CHUNKY & TACTILE
10
- * - Thick 2.5px border
10
+ * - Thick border (stroke.control)
11
11
  * - Offset shadow (sticker effect like button)
12
- * - 10px border radius
12
+ * - shape.control corners
13
13
  * - Solid warm fills
14
14
  *
15
15
  * 2. DROPDOWN PANEL
package/dist/oh-select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"oh-select.d.ts","sourceRoot":"","sources":["../src/oh-select.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BA+PpB;IAGF,KAAK,SAAM;IAGX,WAAW,SAAsB;IAGjC,IAAI,SAAM;IAGV,OAAO,EAAE,YAAY,EAAE,CAAM;IAG7B,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,UAAU,SAAM;IAGhB,SAAS,SAAM;IAGf,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,iBAAiB,CAAM;IAG/B,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,QAAQ,CAAqB;IAGrC,OAAO,CAAC,QAAQ,CAAoB;IAEpC,OAAO,CAAC,QAAQ,CAAgE;IAChF,OAAO,CAAC,UAAU,CAAkE;IACpF,OAAO,CAAC,QAAQ,CAAgE;IAChF,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,qBAAqB;IAqE7B,OAAO,CAAC,gBAAgB;IAwBxB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,mBAAmB,CAIzB;IAEO,iBAAiB;IAKjB,oBAAoB;IAK7B;;;;OAIG;IAEH,OAAO,CAAC,cAAc,CAAS;IAE/B,UAAU,CAAC,OAAO,EAAE,cAAc;IAMlC,MAAM;CAyGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
1
+ {"version":3,"file":"oh-select.d.ts","sourceRoot":"","sources":["../src/oh-select.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BAoQpB;IAGF,KAAK,SAAM;IAGX,WAAW,SAAsB;IAGjC,IAAI,SAAM;IAGV,OAAO,EAAE,YAAY,EAAE,CAAM;IAG7B,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,UAAU,SAAM;IAGhB,SAAS,SAAM;IAGf,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,iBAAiB,CAAM;IAG/B,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,QAAQ,CAAqB;IAGrC,OAAO,CAAC,QAAQ,CAAoB;IAEpC,OAAO,CAAC,QAAQ,CAAgE;IAChF,OAAO,CAAC,UAAU,CAAkE;IACpF,OAAO,CAAC,QAAQ,CAAgE;IAChF,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,qBAAqB;IAqE7B,OAAO,CAAC,gBAAgB;IAwBxB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,mBAAmB,CAIzB;IAEO,iBAAiB;IAKjB,oBAAoB;IAK7B;;;;OAIG;IAEH,OAAO,CAAC,cAAc,CAAS;IAE/B,UAAU,CAAC,OAAO,EAAE,cAAc;IAMlC,MAAM;CAyGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
package/dist/oh-select.js CHANGED
@@ -7,9 +7,9 @@
7
7
  * DESIGN DECISIONS:
8
8
  * ─────────────────
9
9
  * 1. CHUNKY & TACTILE
10
- * - Thick 2.5px border
10
+ * - Thick border (stroke.control)
11
11
  * - Offset shadow (sticker effect like button)
12
- * - 10px border radius
12
+ * - shape.control corners
13
13
  * - Solid warm fills
14
14
  *
15
15
  * 2. DROPDOWN PANEL
@@ -120,9 +120,9 @@ let OhSelect = class OhSelect extends OhElement {
120
120
  text-align: left;
121
121
 
122
122
  background-color: var(--oh-color-surface-base);
123
- border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
123
+ border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
124
124
  border-radius: var(--oh-shape-control);
125
- box-shadow: 4px 4px 0 0 var(--oh-shadow-secondary);
125
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-secondary);
126
126
 
127
127
  cursor: pointer;
128
128
  -webkit-appearance: none;
@@ -141,6 +141,11 @@ let OhSelect = class OhSelect extends OhElement {
141
141
  overflow: hidden;
142
142
  text-overflow: ellipsis;
143
143
  white-space: nowrap;
144
+ /* Room inside the clip for the focus underline, which overflow: hidden
145
+ cut off when a brand's line height is tight. The negative margin
146
+ keeps the layout the same. */
147
+ padding-block-end: var(--oh-spacing-2);
148
+ margin-block-end: calc(-1 * var(--oh-spacing-2));
144
149
  }
145
150
 
146
151
  .trigger__text--placeholder {
@@ -162,13 +167,13 @@ let OhSelect = class OhSelect extends OhElement {
162
167
  /* ─── Trigger States ─── */
163
168
  .trigger:hover {
164
169
  border-color: var(--oh-color-border-hover);
165
- transform: translate(-2px, -2px);
166
- box-shadow: 6px 6px 0 0 var(--oh-shadow-secondary);
170
+ transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
171
+ box-shadow: var(--oh-elevation-offset-2xl) var(--oh-elevation-offset-2xl) 0 0 var(--oh-shadow-secondary);
167
172
  }
168
173
 
169
174
  .trigger:active {
170
- transform: translate(1px, 1px);
171
- box-shadow: 2px 2px 0 0 var(--oh-shadow-secondary);
175
+ transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
176
+ box-shadow: var(--oh-elevation-offset-sm) var(--oh-elevation-offset-sm) 0 0 var(--oh-shadow-secondary);
172
177
  }
173
178
 
174
179
  .trigger--open {
@@ -205,9 +210,9 @@ let OhSelect = class OhSelect extends OhElement {
205
210
  margin-top: var(--oh-spacing-1);
206
211
 
207
212
  background-color: var(--oh-color-surface-highlight);
208
- border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
213
+ border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
209
214
  border-radius: var(--oh-shape-container);
210
- box-shadow: 6px 6px 0 0 var(--oh-shadow-secondary);
215
+ box-shadow: var(--oh-elevation-offset-2xl) var(--oh-elevation-offset-2xl) 0 0 var(--oh-shadow-secondary);
211
216
 
212
217
  max-height: 0;
213
218
  overflow: hidden;
@@ -279,12 +284,12 @@ let OhSelect = class OhSelect extends OhElement {
279
284
 
280
285
  .trigger--error {
281
286
  border-color: var(--oh-color-feedback-error);
282
- box-shadow: 4px 4px 0 0 var(--oh-shadow-error);
287
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-error);
283
288
  }
284
289
 
285
290
  .trigger--error:hover {
286
291
  border-color: var(--oh-color-feedback-error-hover);
287
- box-shadow: 6px 6px 0 0 var(--oh-shadow-error);
292
+ box-shadow: var(--oh-elevation-offset-2xl) var(--oh-elevation-offset-2xl) 0 0 var(--oh-shadow-error);
288
293
  }
289
294
 
290
295
  .helper {
package/dist/oh-select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"oh-select.js","sourceRoot":"","sources":["../src/oh-select.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"oh-select.js","sourceRoot":"","sources":["../src/oh-select.ts"],"names":[],"mappings":"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"}
package/dist/oh-skip-link.js CHANGED
@@ -69,9 +69,9 @@ let OhSkipLink = class OhSkipLink extends OhElement {
69
69
  display: inline-block;
70
70
  padding: var(--oh-spacing-2) var(--oh-spacing-4);
71
71
  background-color: var(--oh-color-surface-base);
72
- border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
72
+ border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
73
73
  border-radius: var(--oh-shape-control);
74
- box-shadow: 4px 4px 0 0 rgba(107, 93, 77, 0.15);
74
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-neutral);
75
75
 
76
76
  font-family: var(--oh-typography-body-font-family);
77
77
  font-size: var(--oh-typography-body-base-font-size);
@@ -96,7 +96,7 @@ let OhSkipLink = class OhSkipLink extends OhElement {
96
96
  background-color: var(--oh-color-surface-raised);
97
97
  color: var(--oh-color-text-link-raised);
98
98
  border-color: var(--oh-color-brand-primary);
99
- box-shadow: 4px 4px 0 0 var(--oh-shadow-primary);
99
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg) 0 0 var(--oh-shadow-primary);
100
100
  }
101
101
 
102
102
  /* Screen reader only when not focused */
package/dist/oh-tabs.js CHANGED
@@ -94,7 +94,7 @@ let OhTabs = class OhTabs extends OhElement {
94
94
  font-weight: var(--oh-typography-label-base-font-weight);
95
95
  color: var(--oh-color-brand-primary);
96
96
  background: transparent;
97
- border: var(--oh-input-base-border-width) solid transparent;
97
+ border: var(--oh-stroke-control) solid transparent;
98
98
  border-bottom: none;
99
99
  border-radius: var(--oh-shape-control) var(--oh-shape-control) 0 0;
100
100
  cursor: pointer;
@@ -123,13 +123,13 @@ let OhTabs = class OhTabs extends OhElement {
123
123
  left: 0;
124
124
  right: 0;
125
125
  bottom: -3px;
126
- height: 2px;
126
+ height: var(--oh-decoration-underline-thickness);
127
127
  background: repeating-linear-gradient(
128
128
  to right,
129
129
  var(--oh-color-brand-primary) 0,
130
- var(--oh-color-brand-primary) 4px,
131
- transparent 4px,
132
- transparent 8px
130
+ var(--oh-color-brand-primary) var(--oh-decoration-underline-dash),
131
+ transparent var(--oh-decoration-underline-dash),
132
+ transparent var(--oh-decoration-underline-period)
133
133
  );
134
134
  transform-origin: left;
135
135
  transform: scaleX(0);
@@ -156,8 +156,8 @@ let OhTabs = class OhTabs extends OhElement {
156
156
  border-bottom-color: transparent;
157
157
  z-index: 1;
158
158
  /* Extend down to overlap the content panel's top border */
159
- margin-bottom: calc(-1 * var(--oh-input-base-border-width));
160
- padding-bottom: calc(var(--oh-spacing-3) + var(--oh-input-base-border-width));
159
+ margin-bottom: calc(-1 * var(--oh-stroke-control));
160
+ padding-bottom: calc(var(--oh-spacing-3) + var(--oh-stroke-control));
161
161
  }
162
162
 
163
163
  /* ═══════════════════════════════════════════════════════════════
@@ -176,7 +176,7 @@ let OhTabs = class OhTabs extends OhElement {
176
176
  .tab:focus-visible .tab__label {
177
177
  text-decoration: underline;
178
178
  text-underline-offset: var(--oh-spacing-1);
179
- text-decoration-thickness: 2px;
179
+ text-decoration-thickness: var(--oh-decoration-underline-thickness);
180
180
  }
181
181
 
182
182
  .tab__label {
@@ -191,7 +191,7 @@ let OhTabs = class OhTabs extends OhElement {
191
191
  .tabpanel {
192
192
  padding: var(--oh-spacing-6);
193
193
  background: var(--oh-color-surface-base);
194
- border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
194
+ border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
195
195
  border-radius: 0 var(--oh-shape-container) var(--oh-shape-container) var(--oh-shape-container);
196
196
  color: var(--oh-color-text-primary);
197
197
  }