@orange-halo/components 2.0.0 → 2.2.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 (100) hide show
  1. package/custom-elements.json +3551 -73
  2. package/dist/base.d.ts.map +1 -1
  3. package/dist/base.js +1 -2
  4. package/dist/base.js.map +1 -1
  5. package/dist/index.d.ts +9 -1
  6. package/dist/index.d.ts.map +1 -1
  7. package/dist/index.js +6 -0
  8. package/dist/index.js.map +1 -1
  9. package/dist/oh-accordion.d.ts.map +1 -1
  10. package/dist/oh-accordion.js +38 -30
  11. package/dist/oh-accordion.js.map +1 -1
  12. package/dist/oh-alert.d.ts.map +1 -1
  13. package/dist/oh-alert.js +74 -32
  14. package/dist/oh-alert.js.map +1 -1
  15. package/dist/oh-badge.d.ts.map +1 -1
  16. package/dist/oh-badge.js +3 -3
  17. package/dist/oh-badge.js.map +1 -1
  18. package/dist/oh-breadcrumb.d.ts.map +1 -1
  19. package/dist/oh-breadcrumb.js +39 -20
  20. package/dist/oh-breadcrumb.js.map +1 -1
  21. package/dist/oh-button.d.ts +1 -1
  22. package/dist/oh-button.d.ts.map +1 -1
  23. package/dist/oh-button.figma.js +1 -3
  24. package/dist/oh-button.figma.js.map +1 -1
  25. package/dist/oh-button.js +83 -51
  26. package/dist/oh-button.js.map +1 -1
  27. package/dist/oh-card.d.ts.map +1 -1
  28. package/dist/oh-card.js +48 -57
  29. package/dist/oh-card.js.map +1 -1
  30. package/dist/oh-checkbox-group.d.ts.map +1 -1
  31. package/dist/oh-checkbox-group.figma.js +1 -1
  32. package/dist/oh-checkbox-group.figma.js.map +1 -1
  33. package/dist/oh-checkbox-group.js +46 -23
  34. package/dist/oh-checkbox-group.js.map +1 -1
  35. package/dist/oh-checkbox.d.ts +2 -2
  36. package/dist/oh-checkbox.d.ts.map +1 -1
  37. package/dist/oh-checkbox.js +56 -29
  38. package/dist/oh-checkbox.js.map +1 -1
  39. package/dist/oh-drawer.d.ts.map +1 -1
  40. package/dist/oh-drawer.js +21 -10
  41. package/dist/oh-drawer.js.map +1 -1
  42. package/dist/oh-footer.d.ts +5 -0
  43. package/dist/oh-footer.d.ts.map +1 -1
  44. package/dist/oh-footer.js +5 -0
  45. package/dist/oh-footer.js.map +1 -1
  46. package/dist/oh-grid.d.ts.map +1 -1
  47. package/dist/oh-grid.js +1 -2
  48. package/dist/oh-grid.js.map +1 -1
  49. package/dist/oh-hero.d.ts +5 -0
  50. package/dist/oh-hero.d.ts.map +1 -1
  51. package/dist/oh-hero.js +8 -1
  52. package/dist/oh-hero.js.map +1 -1
  53. package/dist/oh-icon.d.ts.map +1 -1
  54. package/dist/oh-icon.js +7 -5
  55. package/dist/oh-icon.js.map +1 -1
  56. package/dist/oh-input.d.ts +11 -6
  57. package/dist/oh-input.d.ts.map +1 -1
  58. package/dist/oh-input.figma.js +2 -2
  59. package/dist/oh-input.figma.js.map +1 -1
  60. package/dist/oh-input.js +38 -21
  61. package/dist/oh-input.js.map +1 -1
  62. package/dist/oh-link.d.ts.map +1 -1
  63. package/dist/oh-link.js +59 -32
  64. package/dist/oh-link.js.map +1 -1
  65. package/dist/oh-modal.d.ts +8 -2
  66. package/dist/oh-modal.d.ts.map +1 -1
  67. package/dist/oh-modal.js +60 -30
  68. package/dist/oh-modal.js.map +1 -1
  69. package/dist/oh-navbar.d.ts.map +1 -1
  70. package/dist/oh-navbar.js +2 -1
  71. package/dist/oh-navbar.js.map +1 -1
  72. package/dist/oh-progress.d.ts.map +1 -1
  73. package/dist/oh-progress.js +5 -3
  74. package/dist/oh-progress.js.map +1 -1
  75. package/dist/oh-radio-group.d.ts.map +1 -1
  76. package/dist/oh-radio-group.js +58 -27
  77. package/dist/oh-radio-group.js.map +1 -1
  78. package/dist/oh-radio.d.ts +1 -1
  79. package/dist/oh-radio.d.ts.map +1 -1
  80. package/dist/oh-radio.js +57 -29
  81. package/dist/oh-radio.js.map +1 -1
  82. package/dist/oh-select.d.ts +3 -2
  83. package/dist/oh-select.d.ts.map +1 -1
  84. package/dist/oh-select.js +88 -48
  85. package/dist/oh-select.js.map +1 -1
  86. package/dist/oh-skip-link.d.ts.map +1 -1
  87. package/dist/oh-skip-link.js +8 -10
  88. package/dist/oh-skip-link.js.map +1 -1
  89. package/dist/oh-tabs.d.ts.map +1 -1
  90. package/dist/oh-tabs.js +34 -25
  91. package/dist/oh-tabs.js.map +1 -1
  92. package/dist/oh-textarea.d.ts +98 -0
  93. package/dist/oh-textarea.d.ts.map +1 -0
  94. package/dist/oh-textarea.js +370 -0
  95. package/dist/oh-textarea.js.map +1 -0
  96. package/dist/oh-toggle.d.ts.map +1 -1
  97. package/dist/oh-toggle.js +29 -14
  98. package/dist/oh-toggle.js.map +1 -1
  99. package/dist/styles/typography.js +5 -5
  100. package/package.json +15 -4
@@ -87,27 +87,28 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
87
87
  display: inline-block;
88
88
  color: var(--oh-color-text-link);
89
89
  text-decoration: none;
90
- padding-bottom: 2px;
90
+ padding-bottom: var(--oh-decoration-underline-thickness);
91
91
  }
92
92
 
93
93
  .breadcrumb-link::after {
94
- content: '';
94
+ content: "";
95
95
  position: absolute;
96
96
  left: 0;
97
97
  bottom: 0;
98
98
  width: 100%;
99
- height: 2px;
99
+ height: var(--oh-decoration-underline-thickness);
100
100
  background-image: repeating-linear-gradient(
101
101
  to right,
102
102
  var(--oh-color-text-link) 0,
103
- var(--oh-color-text-link) 4px,
104
- transparent 4px,
105
- transparent 8px
103
+ var(--oh-color-text-link) var(--oh-decoration-underline-dash),
104
+ transparent var(--oh-decoration-underline-dash),
105
+ transparent var(--oh-decoration-underline-period)
106
106
  );
107
107
  background-size: 100% 100%;
108
108
  background-repeat: no-repeat;
109
109
  transform-origin: right;
110
- transition: transform var(--oh-motion-relaxed) var(--oh-motion-ease-gentle);
110
+ transition: transform var(--oh-motion-relaxed)
111
+ var(--oh-motion-ease-gentle);
111
112
  }
112
113
 
113
114
  .breadcrumb-link:hover::after {
@@ -125,7 +126,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
125
126
  .breadcrumb-link:focus-visible::after {
126
127
  background-image: none;
127
128
  background-color: var(--oh-color-brand-primary);
128
- height: 2px;
129
+ height: var(--oh-decoration-underline-thickness);
129
130
  transform: scaleX(1);
130
131
  }
131
132
 
@@ -153,27 +154,28 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
153
154
  gap: var(--oh-spacing-1);
154
155
  color: var(--oh-color-text-link);
155
156
  text-decoration: none;
156
- padding-bottom: 2px;
157
+ padding-bottom: var(--oh-decoration-underline-thickness);
157
158
  }
158
159
 
159
160
  .back-link::after {
160
- content: '';
161
+ content: "";
161
162
  position: absolute;
162
163
  left: 0;
163
164
  bottom: 0;
164
165
  width: 100%;
165
- height: 2px;
166
+ height: var(--oh-decoration-underline-thickness);
166
167
  background-image: repeating-linear-gradient(
167
168
  to right,
168
169
  var(--oh-color-text-link) 0,
169
- var(--oh-color-text-link) 4px,
170
- transparent 4px,
171
- transparent 8px
170
+ var(--oh-color-text-link) var(--oh-decoration-underline-dash),
171
+ transparent var(--oh-decoration-underline-dash),
172
+ transparent var(--oh-decoration-underline-period)
172
173
  );
173
174
  background-size: 100% 100%;
174
175
  background-repeat: no-repeat;
175
176
  transform-origin: right;
176
- transition: transform var(--oh-motion-relaxed) var(--oh-motion-ease-gentle);
177
+ transition: transform var(--oh-motion-relaxed)
178
+ var(--oh-motion-ease-gentle);
177
179
  }
178
180
 
179
181
  .back-link:hover::after {
@@ -191,7 +193,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
191
193
  .back-link:focus-visible::after {
192
194
  background-image: none;
193
195
  background-color: var(--oh-color-brand-primary);
194
- height: 2px;
196
+ height: var(--oh-decoration-underline-thickness);
195
197
  transform: scaleX(1);
196
198
  }
197
199
 
@@ -240,10 +242,16 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
240
242
  return html `
241
243
  <li class="breadcrumb-item">
242
244
  ${isLast
243
- ? html `<span class="breadcrumb-current" aria-current="page">${item.label}</span>`
244
- : html `<a class="breadcrumb-link" href=${item.href || "#"}>${item.label}</a>`}
245
+ ? html `<span class="breadcrumb-current" aria-current="page"
246
+ >${item.label}</span
247
+ >`
248
+ : html `<a class="breadcrumb-link" href=${item.href || "#"}
249
+ >${item.label}</a
250
+ >`}
245
251
  ${showSeparator
246
- ? html `<span class="breadcrumb-separator" aria-hidden="true">/</span>`
252
+ ? html `<span class="breadcrumb-separator" aria-hidden="true"
253
+ >/</span
254
+ >`
247
255
  : nothing}
248
256
  </li>
249
257
  `;
@@ -255,7 +263,18 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
255
263
  ? html `
256
264
  <div class="breadcrumb-back">
257
265
  <a class="back-link" href=${parentItem.href || "#"}>
258
- <svg class="back-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
266
+ <svg
267
+ class="back-arrow"
268
+ width="16"
269
+ height="16"
270
+ viewBox="0 0 16 16"
271
+ fill="none"
272
+ stroke="currentColor"
273
+ stroke-width="2"
274
+ stroke-linecap="round"
275
+ stroke-linejoin="round"
276
+ aria-hidden="true"
277
+ >
259
278
  <path d="M10 12L6 8L10 4" />
260
279
  </svg>
261
280
  <span>Back to ${parentItem.label}</span>
@@ -1 +1 @@
1
- {"version":3,"file":"oh-breadcrumb.js","sourceRoot":"","sources":["../src/oh-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAQ3C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,SAAS;IAApC;;QAkML,UAAK,GAAqB,EAAE,CAAC;IA8C/B,CAAC;aA/OiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2LF;KACF,AA9LqB,CA8LpB;IAKF,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5B,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEpF,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAC/C,MAAM,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAEpD,OAAO,IAAI,CAAA;;kBAEL,MAAM;gBACN,CAAC,CAAC,IAAI,CAAA,wDAAwD,IAAI,CAAC,KAAK,SAAS;gBACjF,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,MAAM;kBAC7E,aAAa;gBACb,CAAC,CAAC,IAAI,CAAA,gEAAgE;gBACtE,CAAC,CAAC,OAAO;;aAEd,CAAC;QACJ,CAAC,CAAC;;;;UAIF,UAAU;YACV,CAAC,CAAC,IAAI,CAAA;;4CAE4B,UAAU,CAAC,IAAI,IAAI,GAAG;;;;kCAIhC,UAAU,CAAC,KAAK;;;aAGrC;YACH,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;;AA7CD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;2CACG;AAlMlB,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAgPxB"}
1
+ {"version":3,"file":"oh-breadcrumb.js","sourceRoot":"","sources":["../src/oh-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAQ3C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,SAAS;IAApC;;QAoML,UAAK,GAAqB,EAAE,CAAC;IAgE/B,CAAC;aAnQiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6LF;KACF,AAhMqB,CAgMpB;IAKF,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5B,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,UAAU,GACd,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEnE,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAC/C,MAAM,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAEpD,OAAO,IAAI,CAAA;;kBAEL,MAAM;gBACN,CAAC,CAAC,IAAI,CAAA;yBACC,IAAI,CAAC,KAAK;sBACb;gBACJ,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,IAAI,IAAI,GAAG;yBAClD,IAAI,CAAC,KAAK;sBACb;kBACJ,aAAa;gBACb,CAAC,CAAC,IAAI,CAAA;;sBAEF;gBACJ,CAAC,CAAC,OAAO;;aAEd,CAAC;QACJ,CAAC,CAAC;;;;UAIF,UAAU;YACV,CAAC,CAAC,IAAI,CAAA;;4CAE4B,UAAU,CAAC,IAAI,IAAI,GAAG;;;;;;;;;;;;;;;kCAehC,UAAU,CAAC,KAAK;;;aAGrC;YACH,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;;AA/DD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;2CACG;AApMlB,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAoQxB"}
@@ -7,7 +7,7 @@
7
7
  * DESIGN DECISIONS:
8
8
  * ─────────────────
9
9
  * 1. CHUNKY & CONFIDENT
10
- * - Thick border (2px) that feels illustrative
10
+ * - Thick border (stroke.control) that feels illustrative
11
11
  * - Solid fills, no subtle gradients
12
12
  * - Generous padding, substantial presence
13
13
  *
@@ -1 +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,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"}
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,4BA8YpB;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"}
@@ -12,9 +12,7 @@ figma.connect("https://www.figma.com/design/q9ZYrOj2w9DrTVmgQFU7bu/OHDS?node-id=
12
12
  label: figma.string("Label"),
13
13
  },
14
14
  example: (props) => html `
15
- <oh-button variant="${props.variant}">
16
- ${props.label}
17
- </oh-button>
15
+ <oh-button variant="${props.variant}"> ${props.label} </oh-button>
18
16
  `,
19
17
  });
20
18
  //# sourceMappingURL=oh-button.figma.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"oh-button.figma.js","sourceRoot":"","sources":["../src/oh-button.figma.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEvD;;GAEG;AAEH,KAAK,CAAC,OAAO,CACX,uEAAuE,EACvE;IACE,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;YAC7B,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,WAAW;YACtB,MAAM,EAAE,QAAQ;SACjB,CAAC;QACF,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;4BACA,KAAK,CAAC,OAAO;UAC/B,KAAK,CAAC,KAAK;;KAEhB;CACF,CACF,CAAC"}
1
+ {"version":3,"file":"oh-button.figma.js","sourceRoot":"","sources":["../src/oh-button.figma.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEvD;;GAEG;AAEH,KAAK,CAAC,OAAO,CACX,uEAAuE,EACvE;IACE,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;YAC7B,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,WAAW;YACtB,MAAM,EAAE,QAAQ;SACjB,CAAC;QACF,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;4BACA,KAAK,CAAC,OAAO,MAAM,KAAK,CAAC,KAAK;KACrD;CACF,CACF,CAAC"}
package/dist/oh-button.js CHANGED
@@ -7,7 +7,7 @@
7
7
  * DESIGN DECISIONS:
8
8
  * ─────────────────
9
9
  * 1. CHUNKY & CONFIDENT
10
- * - Thick border (2px) that feels illustrative
10
+ * - Thick border (stroke.control) that feels illustrative
11
11
  * - Solid fills, no subtle gradients
12
12
  * - Generous padding, substantial presence
13
13
  *
@@ -68,27 +68,27 @@ let OhButton = class OhButton extends OhElement {
68
68
  font-weight: var(--oh-button-base-font-weight);
69
69
  letter-spacing: var(--oh-button-base-letter-spacing);
70
70
  text-decoration: none;
71
-
71
+
72
72
  /* Layout */
73
73
  display: inline-flex;
74
74
  align-items: center;
75
75
  justify-content: center;
76
76
  gap: var(--oh-spacing-2);
77
-
77
+
78
78
  /* Shape: chunky rounded corners, not pills */
79
79
  border-radius: var(--oh-button-base-border-radius);
80
-
80
+
81
81
  /* Thick illustrative border */
82
82
  border: var(--oh-button-base-border-width) solid;
83
-
83
+
84
84
  /* Remove default button styles */
85
85
  cursor: pointer;
86
86
  -webkit-appearance: none;
87
87
  -moz-appearance: none;
88
88
  appearance: none;
89
-
89
+
90
90
  /* Smooth but snappy transitions */
91
- transition:
91
+ transition:
92
92
  transform var(--oh-motion-snappy) var(--oh-motion-ease-playful),
93
93
  box-shadow var(--oh-motion-snappy) var(--oh-motion-ease-playful),
94
94
  background-color var(--oh-motion-quick) ease;
@@ -105,23 +105,27 @@ let OhButton = class OhButton extends OhElement {
105
105
  background-color: var(--oh-button-variant-primary-background);
106
106
  border-color: var(--oh-button-variant-primary-border-color);
107
107
  color: var(--oh-button-variant-primary-color);
108
-
108
+
109
109
  /* Light offset shadow: makes button pop forward */
110
- box-shadow: 4px 4px 0 0 var(--oh-button-variant-primary-shadow-color);
110
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
111
+ 0 0 var(--oh-button-variant-primary-shadow-color);
111
112
  }
112
113
 
113
114
  .button--primary:hover {
114
115
  background-color: var(--oh-button-variant-primary-background-hover);
115
116
  border-color: var(--oh-button-variant-primary-background-hover);
116
- transform: translate(-2px, -2px);
117
- box-shadow: 6px 6px 0 0 var(--oh-button-variant-primary-shadow-color);
117
+ transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
118
+ box-shadow: var(--oh-elevation-offset-2xl)
119
+ var(--oh-elevation-offset-2xl) 0 0
120
+ var(--oh-button-variant-primary-shadow-color);
118
121
  }
119
122
 
120
123
  .button--primary:active {
121
124
  background-color: var(--oh-button-variant-primary-background-active);
122
125
  border-color: var(--oh-button-variant-primary-background-active);
123
- transform: translate(2px, 2px);
124
- box-shadow: 1px 1px 0 0 var(--oh-button-variant-primary-shadow-color);
126
+ transform: translate(var(--oh-lift-press-md), var(--oh-lift-press-md));
127
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
128
+ 0 0 var(--oh-button-variant-primary-shadow-color);
125
129
  }
126
130
 
127
131
  /* ═══════════════════════════════════════════════════════════════
@@ -133,20 +137,24 @@ let OhButton = class OhButton extends OhElement {
133
137
  background-color: var(--oh-button-variant-secondary-background);
134
138
  border-color: var(--oh-button-variant-secondary-border-color);
135
139
  color: var(--oh-button-variant-secondary-color);
136
-
137
- box-shadow: 4px 4px 0 0 var(--oh-button-variant-secondary-shadow-color);
140
+
141
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
142
+ 0 0 var(--oh-button-variant-secondary-shadow-color);
138
143
  }
139
144
 
140
145
  .button--secondary:hover {
141
146
  background-color: var(--oh-button-variant-secondary-background-hover);
142
- transform: translate(-2px, -2px);
143
- box-shadow: 6px 6px 0 0 var(--oh-button-variant-secondary-shadow-color);
147
+ transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
148
+ box-shadow: var(--oh-elevation-offset-2xl)
149
+ var(--oh-elevation-offset-2xl) 0 0
150
+ var(--oh-button-variant-secondary-shadow-color);
144
151
  }
145
152
 
146
153
  .button--secondary:active {
147
154
  background-color: var(--oh-button-variant-secondary-background-active);
148
- transform: translate(2px, 2px);
149
- box-shadow: 1px 1px 0 0 var(--oh-button-variant-secondary-shadow-color);
155
+ transform: translate(var(--oh-lift-press-md), var(--oh-lift-press-md));
156
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
157
+ 0 0 var(--oh-button-variant-secondary-shadow-color);
150
158
  }
151
159
 
152
160
  /* ═══════════════════════════════════════════════════════════════
@@ -159,22 +167,26 @@ let OhButton = class OhButton extends OhElement {
159
167
  background-color: var(--oh-button-variant-accent-background);
160
168
  border-color: var(--oh-button-variant-accent-border-color);
161
169
  color: var(--oh-button-variant-accent-color);
162
-
163
- box-shadow: 4px 4px 0 0 var(--oh-button-variant-accent-shadow-color);
170
+
171
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
172
+ 0 0 var(--oh-button-variant-accent-shadow-color);
164
173
  }
165
174
 
166
175
  .button--accent:hover {
167
176
  background-color: var(--oh-button-variant-accent-background-hover);
168
177
  border-color: var(--oh-button-variant-accent-background-hover);
169
- transform: translate(-2px, -2px);
170
- box-shadow: 6px 6px 0 0 var(--oh-button-variant-accent-shadow-color);
178
+ transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
179
+ box-shadow: var(--oh-elevation-offset-2xl)
180
+ var(--oh-elevation-offset-2xl) 0 0
181
+ var(--oh-button-variant-accent-shadow-color);
171
182
  }
172
183
 
173
184
  .button--accent:active {
174
185
  background-color: var(--oh-button-variant-accent-background-active);
175
186
  border-color: var(--oh-button-variant-accent-background-active);
176
- transform: translate(2px, 2px);
177
- box-shadow: 1px 1px 0 0 var(--oh-button-variant-accent-shadow-color);
187
+ transform: translate(var(--oh-lift-press-md), var(--oh-lift-press-md));
188
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
189
+ 0 0 var(--oh-button-variant-accent-shadow-color);
178
190
  }
179
191
 
180
192
  /* ═══════════════════════════════════════════════════════════════
@@ -189,15 +201,18 @@ let OhButton = class OhButton extends OhElement {
189
201
  }
190
202
 
191
203
  .button--primary:focus-visible {
192
- box-shadow: 4px 4px 0 0 var(--oh-button-variant-primary-shadow-color);
204
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
205
+ 0 0 var(--oh-button-variant-primary-shadow-color);
193
206
  }
194
207
 
195
208
  .button--secondary:focus-visible {
196
- box-shadow: 4px 4px 0 0 var(--oh-button-variant-secondary-shadow-color);
209
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
210
+ 0 0 var(--oh-button-variant-secondary-shadow-color);
197
211
  }
198
212
 
199
213
  .button--accent:focus-visible {
200
- box-shadow: 4px 4px 0 0 var(--oh-button-variant-accent-shadow-color);
214
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
215
+ 0 0 var(--oh-button-variant-accent-shadow-color);
201
216
  }
202
217
 
203
218
  /* ═══════════════════════════════════════════════════════════════
@@ -208,21 +223,24 @@ let OhButton = class OhButton extends OhElement {
208
223
 
209
224
  .button--sm {
210
225
  font-size: var(--oh-button-size-sm-font-size);
211
- padding: var(--oh-button-size-sm-padding-y) var(--oh-button-size-sm-padding-x);
226
+ padding: var(--oh-button-size-sm-padding-y)
227
+ var(--oh-button-size-sm-padding-x);
212
228
  min-height: var(--oh-button-size-sm-min-height);
213
229
  gap: var(--oh-button-size-sm-gap);
214
230
  }
215
231
 
216
232
  .button--md {
217
233
  font-size: var(--oh-button-size-md-font-size);
218
- padding: var(--oh-button-size-md-padding-y) var(--oh-button-size-md-padding-x);
234
+ padding: var(--oh-button-size-md-padding-y)
235
+ var(--oh-button-size-md-padding-x);
219
236
  min-height: var(--oh-button-size-md-min-height);
220
237
  gap: var(--oh-button-size-md-gap);
221
238
  }
222
239
 
223
240
  .button--lg {
224
241
  font-size: var(--oh-button-size-lg-font-size);
225
- padding: var(--oh-button-size-lg-padding-y) var(--oh-button-size-lg-padding-x);
242
+ padding: var(--oh-button-size-lg-padding-y)
243
+ var(--oh-button-size-lg-padding-x);
226
244
  min-height: var(--oh-button-size-lg-min-height);
227
245
  gap: var(--oh-button-size-lg-gap);
228
246
  }
@@ -268,7 +286,7 @@ let OhButton = class OhButton extends OhElement {
268
286
 
269
287
  :host([icon-only]) .button::after,
270
288
  .button--loading::after {
271
- content: '';
289
+ content: "";
272
290
  position: absolute;
273
291
  bottom: 4px;
274
292
  left: 50%;
@@ -308,7 +326,9 @@ let OhButton = class OhButton extends OhElement {
308
326
  }
309
327
 
310
328
  @keyframes spin {
311
- to { transform: rotate(360deg); }
329
+ to {
330
+ transform: rotate(360deg);
331
+ }
312
332
  }
313
333
 
314
334
  .visually-hidden {
@@ -331,7 +351,7 @@ let OhButton = class OhButton extends OhElement {
331
351
  .button {
332
352
  transition-duration: 0.01ms !important;
333
353
  }
334
-
354
+
335
355
  .button:hover,
336
356
  .button:active {
337
357
  transform: none !important;
@@ -350,16 +370,19 @@ let OhButton = class OhButton extends OhElement {
350
370
  :host([force-state="hover"]) .button--primary {
351
371
  background-color: var(--oh-button-variant-primary-background-hover);
352
372
  border-color: var(--oh-button-variant-primary-background-hover);
353
- transform: translate(-2px, -2px);
354
- box-shadow: 6px 6px 0 0 var(--oh-button-variant-primary-shadow-color);
373
+ transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
374
+ box-shadow: var(--oh-elevation-offset-2xl)
375
+ var(--oh-elevation-offset-2xl) 0 0
376
+ var(--oh-button-variant-primary-shadow-color);
355
377
  }
356
378
 
357
379
  /* Primary - Forced Active */
358
380
  :host([force-state="active"]) .button--primary {
359
381
  background-color: var(--oh-button-variant-primary-background-active);
360
382
  border-color: var(--oh-button-variant-primary-background-active);
361
- transform: translate(2px, 2px);
362
- box-shadow: 1px 1px 0 0 var(--oh-button-variant-primary-shadow-color);
383
+ transform: translate(var(--oh-lift-press-md), var(--oh-lift-press-md));
384
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
385
+ 0 0 var(--oh-button-variant-primary-shadow-color);
363
386
  }
364
387
 
365
388
  /* Primary - Forced Focus */
@@ -367,21 +390,25 @@ let OhButton = class OhButton extends OhElement {
367
390
  outline: none;
368
391
  text-decoration: underline;
369
392
  text-underline-offset: var(--oh-spacing-1);
370
- box-shadow: 4px 4px 0 0 var(--oh-button-variant-primary-shadow-color);
393
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
394
+ 0 0 var(--oh-button-variant-primary-shadow-color);
371
395
  }
372
396
 
373
397
  /* Secondary - Forced Hover */
374
398
  :host([force-state="hover"]) .button--secondary {
375
399
  background-color: var(--oh-button-variant-secondary-background-hover);
376
- transform: translate(-2px, -2px);
377
- box-shadow: 6px 6px 0 0 var(--oh-button-variant-secondary-shadow-color);
400
+ transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
401
+ box-shadow: var(--oh-elevation-offset-2xl)
402
+ var(--oh-elevation-offset-2xl) 0 0
403
+ var(--oh-button-variant-secondary-shadow-color);
378
404
  }
379
405
 
380
406
  /* Secondary - Forced Active */
381
407
  :host([force-state="active"]) .button--secondary {
382
408
  background-color: var(--oh-button-variant-secondary-background-active);
383
- transform: translate(2px, 2px);
384
- box-shadow: 1px 1px 0 0 var(--oh-button-variant-secondary-shadow-color);
409
+ transform: translate(var(--oh-lift-press-md), var(--oh-lift-press-md));
410
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
411
+ 0 0 var(--oh-button-variant-secondary-shadow-color);
385
412
  }
386
413
 
387
414
  /* Secondary - Forced Focus */
@@ -389,23 +416,27 @@ let OhButton = class OhButton extends OhElement {
389
416
  outline: none;
390
417
  text-decoration: underline;
391
418
  text-underline-offset: var(--oh-spacing-1);
392
- box-shadow: 4px 4px 0 0 var(--oh-button-variant-secondary-shadow-color);
419
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
420
+ 0 0 var(--oh-button-variant-secondary-shadow-color);
393
421
  }
394
422
 
395
423
  /* Accent - Forced Hover */
396
424
  :host([force-state="hover"]) .button--accent {
397
425
  background-color: var(--oh-button-variant-accent-background-hover);
398
426
  border-color: var(--oh-button-variant-accent-background-hover);
399
- transform: translate(-2px, -2px);
400
- box-shadow: 6px 6px 0 0 var(--oh-button-variant-accent-shadow-color);
427
+ transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
428
+ box-shadow: var(--oh-elevation-offset-2xl)
429
+ var(--oh-elevation-offset-2xl) 0 0
430
+ var(--oh-button-variant-accent-shadow-color);
401
431
  }
402
432
 
403
433
  /* Accent - Forced Active */
404
434
  :host([force-state="active"]) .button--accent {
405
435
  background-color: var(--oh-button-variant-accent-background-active);
406
436
  border-color: var(--oh-button-variant-accent-background-active);
407
- transform: translate(2px, 2px);
408
- box-shadow: 1px 1px 0 0 var(--oh-button-variant-accent-shadow-color);
437
+ transform: translate(var(--oh-lift-press-md), var(--oh-lift-press-md));
438
+ box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
439
+ 0 0 var(--oh-button-variant-accent-shadow-color);
409
440
  }
410
441
 
411
442
  /* Accent - Forced Focus */
@@ -413,7 +444,8 @@ let OhButton = class OhButton extends OhElement {
413
444
  outline: none;
414
445
  text-decoration: underline;
415
446
  text-underline-offset: var(--oh-spacing-1);
416
- box-shadow: 4px 4px 0 0 var(--oh-button-variant-accent-shadow-color);
447
+ box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
448
+ 0 0 var(--oh-button-variant-accent-shadow-color);
417
449
  }
418
450
  `,
419
451
  ]; }
@@ -427,12 +459,12 @@ let OhButton = class OhButton extends OhElement {
427
459
  }
428
460
  /** Focus the internal button/anchor element */
429
461
  focus(options) {
430
- const inner = this.shadowRoot?.querySelector('.button');
462
+ const inner = this.shadowRoot?.querySelector(".button");
431
463
  inner?.focus(options);
432
464
  }
433
465
  /** Blur the internal button/anchor element */
434
466
  blur() {
435
- const inner = this.shadowRoot?.querySelector('.button');
467
+ const inner = this.shadowRoot?.querySelector(".button");
436
468
  inner?.blur();
437
469
  }
438
470
  render() {
@@ -1 +1 @@
1
- {"version":3,"file":"oh-button.js","sourceRoot":"","sources":["../src/oh-button.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"oh-button.js","sourceRoot":"","sources":["../src/oh-button.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
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"}
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,4BAwOpB;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"}