@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.
- package/custom-elements.json +3551 -73
- package/dist/base.d.ts.map +1 -1
- package/dist/base.js +1 -2
- package/dist/base.js.map +1 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/oh-accordion.d.ts.map +1 -1
- package/dist/oh-accordion.js +38 -30
- package/dist/oh-accordion.js.map +1 -1
- package/dist/oh-alert.d.ts.map +1 -1
- package/dist/oh-alert.js +74 -32
- package/dist/oh-alert.js.map +1 -1
- package/dist/oh-badge.d.ts.map +1 -1
- package/dist/oh-badge.js +3 -3
- package/dist/oh-badge.js.map +1 -1
- package/dist/oh-breadcrumb.d.ts.map +1 -1
- package/dist/oh-breadcrumb.js +39 -20
- package/dist/oh-breadcrumb.js.map +1 -1
- package/dist/oh-button.d.ts +1 -1
- package/dist/oh-button.d.ts.map +1 -1
- package/dist/oh-button.figma.js +1 -3
- package/dist/oh-button.figma.js.map +1 -1
- package/dist/oh-button.js +83 -51
- package/dist/oh-button.js.map +1 -1
- package/dist/oh-card.d.ts.map +1 -1
- package/dist/oh-card.js +48 -57
- package/dist/oh-card.js.map +1 -1
- package/dist/oh-checkbox-group.d.ts.map +1 -1
- package/dist/oh-checkbox-group.figma.js +1 -1
- package/dist/oh-checkbox-group.figma.js.map +1 -1
- package/dist/oh-checkbox-group.js +46 -23
- package/dist/oh-checkbox-group.js.map +1 -1
- package/dist/oh-checkbox.d.ts +2 -2
- package/dist/oh-checkbox.d.ts.map +1 -1
- package/dist/oh-checkbox.js +56 -29
- package/dist/oh-checkbox.js.map +1 -1
- package/dist/oh-drawer.d.ts.map +1 -1
- package/dist/oh-drawer.js +21 -10
- package/dist/oh-drawer.js.map +1 -1
- package/dist/oh-footer.d.ts +5 -0
- package/dist/oh-footer.d.ts.map +1 -1
- package/dist/oh-footer.js +5 -0
- package/dist/oh-footer.js.map +1 -1
- package/dist/oh-grid.d.ts.map +1 -1
- package/dist/oh-grid.js +1 -2
- package/dist/oh-grid.js.map +1 -1
- package/dist/oh-hero.d.ts +5 -0
- package/dist/oh-hero.d.ts.map +1 -1
- package/dist/oh-hero.js +8 -1
- package/dist/oh-hero.js.map +1 -1
- package/dist/oh-icon.d.ts.map +1 -1
- package/dist/oh-icon.js +7 -5
- package/dist/oh-icon.js.map +1 -1
- package/dist/oh-input.d.ts +11 -6
- package/dist/oh-input.d.ts.map +1 -1
- package/dist/oh-input.figma.js +2 -2
- package/dist/oh-input.figma.js.map +1 -1
- package/dist/oh-input.js +38 -21
- package/dist/oh-input.js.map +1 -1
- package/dist/oh-link.d.ts.map +1 -1
- package/dist/oh-link.js +59 -32
- package/dist/oh-link.js.map +1 -1
- package/dist/oh-modal.d.ts +8 -2
- package/dist/oh-modal.d.ts.map +1 -1
- package/dist/oh-modal.js +60 -30
- package/dist/oh-modal.js.map +1 -1
- package/dist/oh-navbar.d.ts.map +1 -1
- package/dist/oh-navbar.js +2 -1
- package/dist/oh-navbar.js.map +1 -1
- package/dist/oh-progress.d.ts.map +1 -1
- package/dist/oh-progress.js +5 -3
- package/dist/oh-progress.js.map +1 -1
- package/dist/oh-radio-group.d.ts.map +1 -1
- package/dist/oh-radio-group.js +58 -27
- package/dist/oh-radio-group.js.map +1 -1
- package/dist/oh-radio.d.ts +1 -1
- package/dist/oh-radio.d.ts.map +1 -1
- package/dist/oh-radio.js +57 -29
- package/dist/oh-radio.js.map +1 -1
- package/dist/oh-select.d.ts +3 -2
- package/dist/oh-select.d.ts.map +1 -1
- package/dist/oh-select.js +88 -48
- package/dist/oh-select.js.map +1 -1
- package/dist/oh-skip-link.d.ts.map +1 -1
- package/dist/oh-skip-link.js +8 -10
- package/dist/oh-skip-link.js.map +1 -1
- package/dist/oh-tabs.d.ts.map +1 -1
- package/dist/oh-tabs.js +34 -25
- package/dist/oh-tabs.js.map +1 -1
- package/dist/oh-textarea.d.ts +98 -0
- package/dist/oh-textarea.d.ts.map +1 -0
- package/dist/oh-textarea.js +370 -0
- package/dist/oh-textarea.js.map +1 -0
- package/dist/oh-toggle.d.ts.map +1 -1
- package/dist/oh-toggle.js +29 -14
- package/dist/oh-toggle.js.map +1 -1
- package/dist/styles/typography.js +5 -5
- package/package.json +15 -4
package/dist/oh-breadcrumb.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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)
|
|
104
|
-
transparent
|
|
105
|
-
transparent
|
|
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)
|
|
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:
|
|
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:
|
|
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:
|
|
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)
|
|
170
|
-
transparent
|
|
171
|
-
transparent
|
|
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)
|
|
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:
|
|
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"
|
|
244
|
-
|
|
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"
|
|
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
|
|
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;;
|
|
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"}
|
package/dist/oh-button.d.ts
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* DESIGN DECISIONS:
|
|
8
8
|
* ─────────────────
|
|
9
9
|
* 1. CHUNKY & CONFIDENT
|
|
10
|
-
* - Thick border (
|
|
10
|
+
* - Thick border (stroke.control) that feels illustrative
|
|
11
11
|
* - Solid fills, no subtle gradients
|
|
12
12
|
* - Generous padding, substantial presence
|
|
13
13
|
*
|
package/dist/oh-button.d.ts.map
CHANGED
|
@@ -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,
|
|
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"}
|
package/dist/oh-button.figma.js
CHANGED
|
@@ -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
|
|
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 (
|
|
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:
|
|
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(-
|
|
117
|
-
box-shadow:
|
|
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(
|
|
124
|
-
box-shadow:
|
|
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:
|
|
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(-
|
|
143
|
-
box-shadow:
|
|
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(
|
|
149
|
-
box-shadow:
|
|
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:
|
|
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(-
|
|
170
|
-
box-shadow:
|
|
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(
|
|
177
|
-
box-shadow:
|
|
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:
|
|
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:
|
|
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:
|
|
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)
|
|
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)
|
|
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)
|
|
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 {
|
|
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(-
|
|
354
|
-
box-shadow:
|
|
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(
|
|
362
|
-
box-shadow:
|
|
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:
|
|
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(-
|
|
377
|
-
box-shadow:
|
|
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(
|
|
384
|
-
box-shadow:
|
|
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:
|
|
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(-
|
|
400
|
-
box-shadow:
|
|
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(
|
|
408
|
-
box-shadow:
|
|
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:
|
|
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(
|
|
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(
|
|
467
|
+
const inner = this.shadowRoot?.querySelector(".button");
|
|
436
468
|
inner?.blur();
|
|
437
469
|
}
|
|
438
470
|
render() {
|
package/dist/oh-button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-button.js","sourceRoot":"","sources":["../src/oh-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;;;;;;;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;AAO3C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;
|
|
1
|
+
{"version":3,"file":"oh-button.js","sourceRoot":"","sources":["../src/oh-button.ts"],"names":[],"mappings":"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"}
|
package/dist/oh-card.d.ts.map
CHANGED
|
@@ -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,
|
|
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"}
|