@orange-halo/components 2.1.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 +369 -0
- 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 +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/oh-accordion.d.ts.map +1 -1
- package/dist/oh-accordion.js +24 -16
- package/dist/oh-accordion.js.map +1 -1
- package/dist/oh-alert.d.ts.map +1 -1
- package/dist/oh-alert.js +64 -22
- 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 +27 -8
- package/dist/oh-breadcrumb.js.map +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 +70 -38
- package/dist/oh-button.js.map +1 -1
- package/dist/oh-card.d.ts.map +1 -1
- package/dist/oh-card.js +42 -23
- package/dist/oh-card.js.map +1 -1
- package/dist/oh-checkbox-group.d.ts.map +1 -1
- package/dist/oh-checkbox-group.js +41 -18
- package/dist/oh-checkbox-group.js.map +1 -1
- package/dist/oh-checkbox.d.ts.map +1 -1
- package/dist/oh-checkbox.js +47 -20
- 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-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.map +1 -1
- package/dist/oh-hero.js +3 -1
- package/dist/oh-hero.js.map +1 -1
- package/dist/oh-icon.d.ts.map +1 -1
- package/dist/oh-icon.js +6 -4
- package/dist/oh-icon.js.map +1 -1
- package/dist/oh-input.d.ts +9 -4
- package/dist/oh-input.d.ts.map +1 -1
- package/dist/oh-input.js +35 -18
- package/dist/oh-input.js.map +1 -1
- package/dist/oh-link.d.ts.map +1 -1
- package/dist/oh-link.js +36 -9
- package/dist/oh-link.js.map +1 -1
- package/dist/oh-modal.d.ts +6 -0
- package/dist/oh-modal.d.ts.map +1 -1
- package/dist/oh-modal.js +54 -24
- 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 +4 -2
- package/dist/oh-progress.js.map +1 -1
- package/dist/oh-radio-group.d.ts.map +1 -1
- package/dist/oh-radio-group.js +53 -22
- package/dist/oh-radio-group.js.map +1 -1
- package/dist/oh-radio.d.ts.map +1 -1
- package/dist/oh-radio.js +49 -21
- package/dist/oh-radio.js.map +1 -1
- package/dist/oh-select.d.ts +1 -0
- package/dist/oh-select.d.ts.map +1 -1
- package/dist/oh-select.js +77 -42
- package/dist/oh-select.js.map +1 -1
- package/dist/oh-skip-link.d.ts.map +1 -1
- package/dist/oh-skip-link.js +7 -9
- package/dist/oh-skip-link.js.map +1 -1
- package/dist/oh-tabs.d.ts.map +1 -1
- package/dist/oh-tabs.js +25 -16
- 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 +26 -11
- package/dist/oh-toggle.js.map +1 -1
- package/dist/styles/typography.js +1 -1
- package/package.json +7 -3
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"}
|
package/dist/oh-card.js
CHANGED
|
@@ -63,8 +63,8 @@ let OhCard = class OhCard extends OhElement {
|
|
|
63
63
|
/* Shape: friendly rounded corners */
|
|
64
64
|
border-radius: var(--oh-shape-large);
|
|
65
65
|
overflow: hidden;
|
|
66
|
-
|
|
67
|
-
transition:
|
|
66
|
+
|
|
67
|
+
transition:
|
|
68
68
|
transform var(--oh-motion-gentle) var(--oh-motion-ease-gentle),
|
|
69
69
|
box-shadow var(--oh-motion-gentle) var(--oh-motion-ease-gentle),
|
|
70
70
|
border-color var(--oh-motion-gentle) var(--oh-motion-ease-gentle);
|
|
@@ -83,10 +83,11 @@ let OhCard = class OhCard extends OhElement {
|
|
|
83
83
|
var(--oh-card-raised-gradient-mid) 40%,
|
|
84
84
|
var(--oh-card-raised-gradient-end) 100%
|
|
85
85
|
);
|
|
86
|
-
|
|
86
|
+
|
|
87
87
|
/* Border: visible warm edge */
|
|
88
|
-
border: var(--oh-card-base-border-width) solid
|
|
89
|
-
|
|
88
|
+
border: var(--oh-card-base-border-width) solid
|
|
89
|
+
var(--oh-card-raised-border-color);
|
|
90
|
+
|
|
90
91
|
/* Layered shadows:
|
|
91
92
|
1. Outer: soft, offset shadow (tactile)
|
|
92
93
|
2. Deeper: ambient depth
|
|
@@ -107,10 +108,11 @@ let OhCard = class OhCard extends OhElement {
|
|
|
107
108
|
var(--oh-card-sunlit-gradient-mid) 30%,
|
|
108
109
|
var(--oh-card-sunlit-gradient-end) 100%
|
|
109
110
|
);
|
|
110
|
-
|
|
111
|
+
|
|
111
112
|
/* Border: warm tinted edge */
|
|
112
|
-
border: var(--oh-card-base-border-width) solid
|
|
113
|
-
|
|
113
|
+
border: var(--oh-card-base-border-width) solid
|
|
114
|
+
var(--oh-card-sunlit-border-color);
|
|
115
|
+
|
|
114
116
|
/* Layered shadows with warm glow */
|
|
115
117
|
box-shadow: var(--oh-elevation-surface-featured);
|
|
116
118
|
}
|
|
@@ -127,10 +129,11 @@ let OhCard = class OhCard extends OhElement {
|
|
|
127
129
|
var(--oh-card-flat-gradient-start) 0%,
|
|
128
130
|
var(--oh-card-flat-gradient-end) 100%
|
|
129
131
|
);
|
|
130
|
-
|
|
132
|
+
|
|
131
133
|
/* Border: visible edge */
|
|
132
|
-
border: var(--oh-card-base-border-width) solid
|
|
133
|
-
|
|
134
|
+
border: var(--oh-card-base-border-width) solid
|
|
135
|
+
var(--oh-card-flat-border-color);
|
|
136
|
+
|
|
134
137
|
/* Minimal shadow */
|
|
135
138
|
box-shadow: var(--oh-elevation-surface-flat);
|
|
136
139
|
}
|
|
@@ -181,20 +184,30 @@ let OhCard = class OhCard extends OhElement {
|
|
|
181
184
|
|
|
182
185
|
.card--interactive.card--raised:focus-visible,
|
|
183
186
|
.card--interactive.card--flat:focus-visible {
|
|
184
|
-
box-shadow:
|
|
187
|
+
box-shadow:
|
|
188
|
+
0 0 16px var(--oh-focus-glow-color),
|
|
189
|
+
var(--oh-elevation-surface-focused);
|
|
185
190
|
}
|
|
186
191
|
|
|
187
192
|
.card--interactive.card--sunlit:focus-visible {
|
|
188
|
-
box-shadow:
|
|
193
|
+
box-shadow:
|
|
194
|
+
0 0 20px var(--oh-focus-glow-color),
|
|
195
|
+
var(--oh-elevation-surface-featured-focused);
|
|
189
196
|
}
|
|
190
197
|
|
|
191
198
|
/* ═══════════════════════════════════════════════════════════════
|
|
192
199
|
PADDING VARIANTS
|
|
193
200
|
═══════════════════════════════════════════════════════════════ */
|
|
194
201
|
|
|
195
|
-
.card--padding-sm .content {
|
|
196
|
-
|
|
197
|
-
|
|
202
|
+
.card--padding-sm .content {
|
|
203
|
+
padding: var(--oh-spacing-3-5);
|
|
204
|
+
}
|
|
205
|
+
.card--padding-md .content {
|
|
206
|
+
padding: var(--oh-spacing-5);
|
|
207
|
+
}
|
|
208
|
+
.card--padding-lg .content {
|
|
209
|
+
padding: var(--oh-spacing-7);
|
|
210
|
+
}
|
|
198
211
|
|
|
199
212
|
/* ═══════════════════════════════════════════════════════════════
|
|
200
213
|
SLOTS: Header, Content, Footer
|
|
@@ -202,7 +215,8 @@ let OhCard = class OhCard extends OhElement {
|
|
|
202
215
|
|
|
203
216
|
.header {
|
|
204
217
|
padding: var(--oh-spacing-4) var(--oh-spacing-5);
|
|
205
|
-
border-bottom: var(--oh-stroke-divider) solid
|
|
218
|
+
border-bottom: var(--oh-stroke-divider) solid
|
|
219
|
+
var(--oh-card-section-divider-color);
|
|
206
220
|
background: linear-gradient(
|
|
207
221
|
180deg,
|
|
208
222
|
var(--oh-card-section-header-gradient-start) 0%,
|
|
@@ -210,7 +224,9 @@ let OhCard = class OhCard extends OhElement {
|
|
|
210
224
|
);
|
|
211
225
|
}
|
|
212
226
|
|
|
213
|
-
.header:empty {
|
|
227
|
+
.header:empty {
|
|
228
|
+
display: none;
|
|
229
|
+
}
|
|
214
230
|
|
|
215
231
|
.content {
|
|
216
232
|
/* Padding handled by variant */
|
|
@@ -218,7 +234,8 @@ let OhCard = class OhCard extends OhElement {
|
|
|
218
234
|
|
|
219
235
|
.footer {
|
|
220
236
|
padding: var(--oh-spacing-4) var(--oh-spacing-5);
|
|
221
|
-
border-top: var(--oh-stroke-divider) solid
|
|
237
|
+
border-top: var(--oh-stroke-divider) solid
|
|
238
|
+
var(--oh-card-section-divider-color);
|
|
222
239
|
background: linear-gradient(
|
|
223
240
|
180deg,
|
|
224
241
|
var(--oh-color-surface-raised) 0%,
|
|
@@ -226,7 +243,9 @@ let OhCard = class OhCard extends OhElement {
|
|
|
226
243
|
);
|
|
227
244
|
}
|
|
228
245
|
|
|
229
|
-
.footer:empty {
|
|
246
|
+
.footer:empty {
|
|
247
|
+
display: none;
|
|
248
|
+
}
|
|
230
249
|
|
|
231
250
|
/* Padding adjustments for slots */
|
|
232
251
|
.card--padding-sm .header,
|
|
@@ -247,7 +266,7 @@ let OhCard = class OhCard extends OhElement {
|
|
|
247
266
|
.card {
|
|
248
267
|
transition-duration: 0.01ms !important;
|
|
249
268
|
}
|
|
250
|
-
|
|
269
|
+
|
|
251
270
|
.card--interactive:hover {
|
|
252
271
|
transform: none !important;
|
|
253
272
|
}
|
|
@@ -284,11 +303,11 @@ let OhCard = class OhCard extends OhElement {
|
|
|
284
303
|
<div class="header" part="header">
|
|
285
304
|
<slot name="header"></slot>
|
|
286
305
|
</div>
|
|
287
|
-
|
|
306
|
+
|
|
288
307
|
<div class="content" part="content">
|
|
289
308
|
<slot></slot>
|
|
290
309
|
</div>
|
|
291
|
-
|
|
310
|
+
|
|
292
311
|
<div class="footer" part="footer">
|
|
293
312
|
<slot name="footer"></slot>
|
|
294
313
|
</div>
|
package/dist/oh-card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-card.js","sourceRoot":"","sources":["../src/oh-card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;;;;;;;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;AAM3C,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,SAAS;IAA9B;;
|
|
1
|
+
{"version":3,"file":"oh-card.js","sourceRoot":"","sources":["../src/oh-card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;;;;;;;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;AAM3C,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,SAAS;IAA9B;;QA4OL,YAAO,GAAgB,QAAQ,CAAC;QAGhC,gBAAW,GAAG,KAAK,CAAC;QAGpB,YAAO,GAAgB,IAAI,CAAC;IA8C9B,CAAC;aA/RiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqOF;KACF,AAxOqB,CAwOpB;IAWM,YAAY,CAAC,KAAiB;QACpC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAEO,cAAc,CAAC,KAAoB;QACzC,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;YACrE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,CAAC,KAA8B,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC5B,IAAI,EAAE,IAAI;YACV,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YAC/B,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YACvC,mBAAmB,EAAE,IAAI,CAAC,WAAW;SACtC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;;;gBAGC,OAAO;eACR,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;mBACjC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO;iBAClC,IAAI,CAAC,YAAY;mBACf,IAAI,CAAC,cAAc;;;;;;;;;;;;;;KAcjC,CAAC;IACJ,CAAC;;AAnDD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCACV;AAGhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CACvB;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCACd;AAlPjB,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAgSlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-checkbox-group.d.ts","sourceRoot":"","sources":["../src/oh-checkbox-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,qBACa,eAAgB,SAAQ,SAAS;IAC5C,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"oh-checkbox-group.d.ts","sourceRoot":"","sources":["../src/oh-checkbox-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,qBACa,eAAgB,SAAQ,SAAS;IAC5C,OAAgB,MAAM,4BAwMpB;IAGF,MAAM,SAAM;IAGZ,IAAI,SAAM;IAGV,OAAO,EAAE,cAAc,EAAE,CAAM;IAG/B,KAAK,EAAE,MAAM,EAAE,CAAM;IAGrB,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAGd,YAAY,SAAM;IAElB,OAAO,CAAC,aAAa;IAYrB;;;;OAIG;IAEH,OAAO,CAAC,cAAc,CAAS;IAE/B,UAAU,CAAC,OAAO,EAAE,cAAc;IASlC,MAAM;CA4DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
|
|
@@ -111,8 +111,9 @@ let OhCheckboxGroup = class OhCheckboxGroup extends OhElement {
|
|
|
111
111
|
border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
|
|
112
112
|
border-radius: var(--oh-shape-compact);
|
|
113
113
|
background-color: var(--oh-color-surface-base);
|
|
114
|
-
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
115
|
-
|
|
114
|
+
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
115
|
+
0 0 var(--oh-shadow-secondary);
|
|
116
|
+
transition:
|
|
116
117
|
transform var(--oh-motion-snappy) var(--oh-motion-ease-playful),
|
|
117
118
|
box-shadow var(--oh-motion-snappy) var(--oh-motion-ease-playful),
|
|
118
119
|
background-color var(--oh-motion-quick) ease,
|
|
@@ -120,7 +121,7 @@ let OhCheckboxGroup = class OhCheckboxGroup extends OhElement {
|
|
|
120
121
|
}
|
|
121
122
|
|
|
122
123
|
.checkbox-box::after {
|
|
123
|
-
content:
|
|
124
|
+
content: "";
|
|
124
125
|
position: absolute;
|
|
125
126
|
top: 3px;
|
|
126
127
|
left: 7px;
|
|
@@ -149,20 +150,23 @@ let OhCheckboxGroup = class OhCheckboxGroup extends OhElement {
|
|
|
149
150
|
.checkbox-option:hover .checkbox-box {
|
|
150
151
|
border-color: var(--oh-color-border-hover);
|
|
151
152
|
transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
|
|
152
|
-
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
153
|
+
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
154
|
+
0 0 var(--oh-shadow-secondary);
|
|
153
155
|
}
|
|
154
156
|
|
|
155
157
|
/* Active: press down-right, shadow shrinks */
|
|
156
158
|
.checkbox-option:active .checkbox-box {
|
|
157
159
|
transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
|
|
158
|
-
box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
|
|
160
|
+
box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
|
|
161
|
+
0 0 var(--oh-shadow-secondary);
|
|
159
162
|
}
|
|
160
163
|
|
|
161
164
|
/* Checked: primary color with warm shadow */
|
|
162
165
|
.native-checkbox:checked + .checkbox-box {
|
|
163
166
|
background-color: var(--oh-color-brand-primary);
|
|
164
167
|
border-color: var(--oh-color-brand-primary);
|
|
165
|
-
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
168
|
+
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
169
|
+
0 0 var(--oh-shadow-primary);
|
|
166
170
|
}
|
|
167
171
|
|
|
168
172
|
.native-checkbox:checked + .checkbox-box::after {
|
|
@@ -174,14 +178,16 @@ let OhCheckboxGroup = class OhCheckboxGroup extends OhElement {
|
|
|
174
178
|
background-color: var(--oh-color-brand-primary-hover);
|
|
175
179
|
border-color: var(--oh-color-brand-primary-hover);
|
|
176
180
|
transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
|
|
177
|
-
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
181
|
+
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
182
|
+
0 0 var(--oh-shadow-primary);
|
|
178
183
|
}
|
|
179
184
|
|
|
180
185
|
/* Checked + Active */
|
|
181
186
|
.checkbox-option:active .native-checkbox:checked + .checkbox-box {
|
|
182
187
|
background-color: var(--oh-color-brand-primary-active);
|
|
183
188
|
transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
|
|
184
|
-
box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
|
|
189
|
+
box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
|
|
190
|
+
0 0 var(--oh-shadow-primary);
|
|
185
191
|
}
|
|
186
192
|
|
|
187
193
|
/* Focus: underline the label (accessible indicator) */
|
|
@@ -196,12 +202,14 @@ let OhCheckboxGroup = class OhCheckboxGroup extends OhElement {
|
|
|
196
202
|
|
|
197
203
|
:host([error]) .checkbox-box {
|
|
198
204
|
border-color: var(--oh-color-feedback-error);
|
|
199
|
-
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
205
|
+
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
206
|
+
0 0 var(--oh-shadow-error);
|
|
200
207
|
}
|
|
201
208
|
|
|
202
209
|
:host([error]) .checkbox-option:hover .checkbox-box {
|
|
203
210
|
border-color: var(--oh-color-feedback-error-hover);
|
|
204
|
-
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
211
|
+
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
212
|
+
0 0 var(--oh-shadow-error);
|
|
205
213
|
}
|
|
206
214
|
|
|
207
215
|
.error-message {
|
|
@@ -238,12 +246,13 @@ let OhCheckboxGroup = class OhCheckboxGroup extends OhElement {
|
|
|
238
246
|
this.value = [...this.value, optionValue];
|
|
239
247
|
}
|
|
240
248
|
else {
|
|
241
|
-
this.value = this.value.filter(v => v !== optionValue);
|
|
249
|
+
this.value = this.value.filter((v) => v !== optionValue);
|
|
242
250
|
}
|
|
243
251
|
this.emit("oh-change", { value: this.value });
|
|
244
252
|
}
|
|
245
253
|
willUpdate(changed) {
|
|
246
|
-
if (this.hasUpdated &&
|
|
254
|
+
if (this.hasUpdated &&
|
|
255
|
+
(changed.has("error") || changed.has("errorMessage"))) {
|
|
247
256
|
this._announceError = !!(this.error && this.errorMessage);
|
|
248
257
|
}
|
|
249
258
|
}
|
|
@@ -251,7 +260,9 @@ let OhCheckboxGroup = class OhCheckboxGroup extends OhElement {
|
|
|
251
260
|
return html `
|
|
252
261
|
<fieldset
|
|
253
262
|
aria-invalid=${this.error ? "true" : nothing}
|
|
254
|
-
aria-describedby=${this.error && this.errorMessage
|
|
263
|
+
aria-describedby=${this.error && this.errorMessage
|
|
264
|
+
? "error-msg"
|
|
265
|
+
: nothing}
|
|
255
266
|
>
|
|
256
267
|
${this.legend
|
|
257
268
|
? html `
|
|
@@ -260,18 +271,30 @@ let OhCheckboxGroup = class OhCheckboxGroup extends OhElement {
|
|
|
260
271
|
</legend>
|
|
261
272
|
`
|
|
262
273
|
: nothing}
|
|
263
|
-
|
|
264
274
|
${this.error && this.errorMessage
|
|
265
275
|
? html `
|
|
266
|
-
<div
|
|
267
|
-
|
|
268
|
-
|
|
276
|
+
<div
|
|
277
|
+
id="error-msg"
|
|
278
|
+
class="error-message"
|
|
279
|
+
role=${this._announceError ? "alert" : nothing}
|
|
280
|
+
>
|
|
281
|
+
<svg
|
|
282
|
+
class="error-icon"
|
|
283
|
+
viewBox="0 0 20 20"
|
|
284
|
+
fill="currentColor"
|
|
285
|
+
aria-hidden="true"
|
|
286
|
+
>
|
|
287
|
+
<path
|
|
288
|
+
fill-rule="evenodd"
|
|
289
|
+
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z"
|
|
290
|
+
clip-rule="evenodd"
|
|
291
|
+
/>
|
|
269
292
|
</svg>
|
|
270
293
|
${this.errorMessage}
|
|
271
294
|
</div>
|
|
272
295
|
`
|
|
273
296
|
: nothing}
|
|
274
|
-
|
|
297
|
+
|
|
275
298
|
<div class="checkbox-group">
|
|
276
299
|
${this.options.map((option) => html `
|
|
277
300
|
<label class="checkbox-option">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-checkbox-group.js","sourceRoot":"","sources":["../src/oh-checkbox-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAS3C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,SAAS;IAAvC;;
|
|
1
|
+
{"version":3,"file":"oh-checkbox-group.js","sourceRoot":"","sources":["../src/oh-checkbox-group.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-checkbox.d.ts","sourceRoot":"","sources":["../src/oh-checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D,qBACa,UAAW,SAAQ,SAAS;IACvC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"oh-checkbox.d.ts","sourceRoot":"","sources":["../src/oh-checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D,qBACa,UAAW,SAAQ,SAAS;IACvC,OAAgB,MAAM,4BAmNpB;IAGF,OAAO,UAAS;IAGhB,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,KAAK,UAAS;IAGd,YAAY,SAAM;IAElB;;;OAGG;IAEH,UAAU,EAAE,aAAa,CAAa;IAEtC,OAAO,CAAC,aAAa;IAMrB;;;;OAIG;IAEH,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,QAAQ,CAAkE;IAElF,UAAU,CAAC,OAAO,EAAE,cAAc;IASlC,MAAM;CAkDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
package/dist/oh-checkbox.js
CHANGED
|
@@ -96,16 +96,17 @@ let OhCheckbox = class OhCheckbox extends OhElement {
|
|
|
96
96
|
width: 24px;
|
|
97
97
|
height: 24px;
|
|
98
98
|
flex-shrink: 0;
|
|
99
|
-
|
|
99
|
+
|
|
100
100
|
/* Chunky border */
|
|
101
101
|
border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
|
|
102
102
|
border-radius: var(--oh-shape-compact);
|
|
103
|
-
|
|
103
|
+
|
|
104
104
|
/* Offset shadow like primary button */
|
|
105
105
|
background-color: var(--oh-color-surface-base);
|
|
106
|
-
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
107
|
-
|
|
108
|
-
|
|
106
|
+
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
107
|
+
0 0 var(--oh-shadow-secondary);
|
|
108
|
+
|
|
109
|
+
transition:
|
|
109
110
|
transform var(--oh-motion-snappy) var(--oh-motion-ease-playful),
|
|
110
111
|
box-shadow var(--oh-motion-snappy) var(--oh-motion-ease-playful),
|
|
111
112
|
background-color var(--oh-motion-quick) ease,
|
|
@@ -114,7 +115,7 @@ let OhCheckbox = class OhCheckbox extends OhElement {
|
|
|
114
115
|
|
|
115
116
|
/* Checkmark (hidden by default) */
|
|
116
117
|
.checkbox-box::after {
|
|
117
|
-
content:
|
|
118
|
+
content: "";
|
|
118
119
|
position: absolute;
|
|
119
120
|
top: 3px;
|
|
120
121
|
left: 7px;
|
|
@@ -135,20 +136,23 @@ let OhCheckbox = class OhCheckbox extends OhElement {
|
|
|
135
136
|
.checkbox-wrapper:hover .checkbox-box {
|
|
136
137
|
border-color: var(--oh-color-border-hover);
|
|
137
138
|
transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
|
|
138
|
-
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
139
|
+
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
140
|
+
0 0 var(--oh-shadow-secondary);
|
|
139
141
|
}
|
|
140
142
|
|
|
141
143
|
/* Active: press down-right, shadow shrinks */
|
|
142
144
|
.checkbox-wrapper:active .checkbox-box {
|
|
143
145
|
transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
|
|
144
|
-
box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
|
|
146
|
+
box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
|
|
147
|
+
0 0 var(--oh-shadow-secondary);
|
|
145
148
|
}
|
|
146
149
|
|
|
147
150
|
/* Checked: primary color with warm shadow */
|
|
148
151
|
.native-checkbox:checked + .checkbox-box {
|
|
149
152
|
background-color: var(--oh-color-brand-primary);
|
|
150
153
|
border-color: var(--oh-color-brand-primary);
|
|
151
|
-
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
154
|
+
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
155
|
+
0 0 var(--oh-shadow-primary);
|
|
152
156
|
}
|
|
153
157
|
|
|
154
158
|
.native-checkbox:checked + .checkbox-box::after {
|
|
@@ -160,14 +164,16 @@ let OhCheckbox = class OhCheckbox extends OhElement {
|
|
|
160
164
|
background-color: var(--oh-color-brand-primary-hover);
|
|
161
165
|
border-color: var(--oh-color-brand-primary-hover);
|
|
162
166
|
transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
|
|
163
|
-
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
167
|
+
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
168
|
+
0 0 var(--oh-shadow-primary);
|
|
164
169
|
}
|
|
165
170
|
|
|
166
171
|
/* Checked + Active */
|
|
167
172
|
.checkbox-wrapper:active .native-checkbox:checked + .checkbox-box {
|
|
168
173
|
background-color: var(--oh-color-brand-primary-active);
|
|
169
174
|
transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
|
|
170
|
-
box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
|
|
175
|
+
box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
|
|
176
|
+
0 0 var(--oh-shadow-primary);
|
|
171
177
|
}
|
|
172
178
|
|
|
173
179
|
/* Focus: underline the label (accessible indicator) */
|
|
@@ -195,12 +201,14 @@ let OhCheckbox = class OhCheckbox extends OhElement {
|
|
|
195
201
|
|
|
196
202
|
:host([error]) .checkbox-box {
|
|
197
203
|
border-color: var(--oh-color-feedback-error);
|
|
198
|
-
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
204
|
+
box-shadow: var(--oh-elevation-offset-md) var(--oh-elevation-offset-md)
|
|
205
|
+
0 0 var(--oh-shadow-error);
|
|
199
206
|
}
|
|
200
207
|
|
|
201
208
|
:host([error]) .checkbox-wrapper:hover .checkbox-box {
|
|
202
209
|
border-color: var(--oh-color-feedback-error-hover);
|
|
203
|
-
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
210
|
+
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
211
|
+
0 0 var(--oh-shadow-error);
|
|
204
212
|
}
|
|
205
213
|
|
|
206
214
|
.error-message {
|
|
@@ -239,7 +247,8 @@ let OhCheckbox = class OhCheckbox extends OhElement {
|
|
|
239
247
|
:host([force-state="hover"]) .checkbox-box {
|
|
240
248
|
border-color: var(--oh-color-border-hover);
|
|
241
249
|
transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
|
|
242
|
-
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
250
|
+
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
251
|
+
0 0 var(--oh-shadow-secondary);
|
|
243
252
|
}
|
|
244
253
|
|
|
245
254
|
/* Forced Focus - Unchecked */
|
|
@@ -253,7 +262,8 @@ let OhCheckbox = class OhCheckbox extends OhElement {
|
|
|
253
262
|
background-color: var(--oh-color-brand-primary-hover);
|
|
254
263
|
border-color: var(--oh-color-brand-primary-hover);
|
|
255
264
|
transform: translate(var(--oh-lift-hover-sm), var(--oh-lift-hover-sm));
|
|
256
|
-
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
265
|
+
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
266
|
+
0 0 var(--oh-shadow-primary);
|
|
257
267
|
}
|
|
258
268
|
`,
|
|
259
269
|
]; }
|
|
@@ -263,7 +273,8 @@ let OhCheckbox = class OhCheckbox extends OhElement {
|
|
|
263
273
|
this.emit("oh-change", { checked: this.checked, value: this.value });
|
|
264
274
|
}
|
|
265
275
|
willUpdate(changed) {
|
|
266
|
-
if (this.hasUpdated &&
|
|
276
|
+
if (this.hasUpdated &&
|
|
277
|
+
(changed.has("error") || changed.has("errorMessage"))) {
|
|
267
278
|
this._announceError = !!(this.error && this.errorMessage);
|
|
268
279
|
}
|
|
269
280
|
}
|
|
@@ -280,7 +291,9 @@ let OhCheckbox = class OhCheckbox extends OhElement {
|
|
|
280
291
|
.value=${this.value}
|
|
281
292
|
.checked=${this.checked}
|
|
282
293
|
aria-invalid=${this.error ? "true" : "false"}
|
|
283
|
-
aria-describedby=${this.error && this.errorMessage
|
|
294
|
+
aria-describedby=${this.error && this.errorMessage
|
|
295
|
+
? this._errorId
|
|
296
|
+
: nothing}
|
|
284
297
|
@change=${this._handleChange}
|
|
285
298
|
/>
|
|
286
299
|
<span class="checkbox-box" part="box"></span>
|
|
@@ -288,9 +301,23 @@ let OhCheckbox = class OhCheckbox extends OhElement {
|
|
|
288
301
|
</label>
|
|
289
302
|
${this.error && this.errorMessage
|
|
290
303
|
? html `
|
|
291
|
-
<div
|
|
292
|
-
|
|
293
|
-
|
|
304
|
+
<div
|
|
305
|
+
id=${this._errorId}
|
|
306
|
+
class="error-message"
|
|
307
|
+
part="error"
|
|
308
|
+
role=${this._announceError ? "alert" : nothing}
|
|
309
|
+
>
|
|
310
|
+
<svg
|
|
311
|
+
class="error-icon"
|
|
312
|
+
viewBox="0 0 20 20"
|
|
313
|
+
fill="currentColor"
|
|
314
|
+
aria-hidden="true"
|
|
315
|
+
>
|
|
316
|
+
<path
|
|
317
|
+
fill-rule="evenodd"
|
|
318
|
+
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z"
|
|
319
|
+
clip-rule="evenodd"
|
|
320
|
+
/>
|
|
294
321
|
</svg>
|
|
295
322
|
${this.errorMessage}
|
|
296
323
|
</div>
|
package/dist/oh-checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-checkbox.js","sourceRoot":"","sources":["../src/oh-checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAK3C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,SAAS;IAAlC;;
|
|
1
|
+
{"version":3,"file":"oh-checkbox.js","sourceRoot":"","sources":["../src/oh-checkbox.ts"],"names":[],"mappings":"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"}
|
package/dist/oh-drawer.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-drawer.d.ts","sourceRoot":"","sources":["../src/oh-drawer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAGlD,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AAEtB,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"oh-drawer.d.ts","sourceRoot":"","sources":["../src/oh-drawer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAGlD,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AAEtB,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BAqHpB;IAEF,iCAAiC;IAEjC,IAAI,UAAS;IAEb,6BAA6B;IAE7B,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAU;IAEpC,uCAAuC;IAEvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,2DAA2D;IAE3D,OAAO,CAAC,eAAe,CAA4B;IAGnD,OAAO,CAAC,OAAO,CAAe;IAE9B,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU/C,OAAO,CAAC,OAAO;IAqBf,OAAO,CAAC,QAAQ;IAYhB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,oBAAoB;IAI5B;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAOlB,uCAAuC;IACvC,IAAI;IAIJ,wCAAwC;IACxC,IAAI;IAIJ,MAAM;CA0DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/dist/oh-drawer.js
CHANGED
|
@@ -66,8 +66,9 @@ let OhDrawer = class OhDrawer extends OhElement {
|
|
|
66
66
|
z-index: 999;
|
|
67
67
|
opacity: 0;
|
|
68
68
|
visibility: hidden;
|
|
69
|
-
transition:
|
|
70
|
-
|
|
69
|
+
transition:
|
|
70
|
+
opacity var(--oh-motion-relaxed) var(--oh-motion-ease-gentle),
|
|
71
|
+
visibility var(--oh-motion-relaxed) var(--oh-motion-ease-gentle);
|
|
71
72
|
}
|
|
72
73
|
|
|
73
74
|
.drawer-backdrop.is-open {
|
|
@@ -117,7 +118,8 @@ let OhDrawer = class OhDrawer extends OhElement {
|
|
|
117
118
|
/* Right position */
|
|
118
119
|
.drawer--right {
|
|
119
120
|
right: 0;
|
|
120
|
-
box-shadow: calc(-1 * var(--oh-elevation-offset-lg))
|
|
121
|
+
box-shadow: calc(-1 * var(--oh-elevation-offset-lg))
|
|
122
|
+
var(--oh-elevation-offset-lg) 0 0 var(--oh-color-border-strong);
|
|
121
123
|
transform: translateX(100%);
|
|
122
124
|
}
|
|
123
125
|
|
|
@@ -246,11 +248,12 @@ let OhDrawer = class OhDrawer extends OhElement {
|
|
|
246
248
|
"drawer",
|
|
247
249
|
`drawer--${this.position}`,
|
|
248
250
|
this.open ? "is-open" : "",
|
|
249
|
-
]
|
|
250
|
-
|
|
251
|
-
"
|
|
252
|
-
|
|
253
|
-
|
|
251
|
+
]
|
|
252
|
+
.filter(Boolean)
|
|
253
|
+
.join(" ");
|
|
254
|
+
const backdropClasses = ["drawer-backdrop", this.open ? "is-open" : ""]
|
|
255
|
+
.filter(Boolean)
|
|
256
|
+
.join(" ");
|
|
254
257
|
return html `
|
|
255
258
|
<div
|
|
256
259
|
class=${backdropClasses}
|
|
@@ -265,7 +268,11 @@ let OhDrawer = class OhDrawer extends OhElement {
|
|
|
265
268
|
aria-label=${this.heading || "Navigation menu"}
|
|
266
269
|
?inert=${!this.open}
|
|
267
270
|
>
|
|
268
|
-
<span
|
|
271
|
+
<span
|
|
272
|
+
class="focus-guard"
|
|
273
|
+
tabindex="0"
|
|
274
|
+
@focus=${() => this._focusEdge("last")}
|
|
275
|
+
></span>
|
|
269
276
|
<div class="drawer__header">
|
|
270
277
|
${this.heading
|
|
271
278
|
? html `<h2 class="drawer__title">${this.heading}</h2>`
|
|
@@ -284,7 +291,11 @@ let OhDrawer = class OhDrawer extends OhElement {
|
|
|
284
291
|
<div class="drawer__content">
|
|
285
292
|
<slot></slot>
|
|
286
293
|
</div>
|
|
287
|
-
<span
|
|
294
|
+
<span
|
|
295
|
+
class="focus-guard"
|
|
296
|
+
tabindex="0"
|
|
297
|
+
@focus=${() => this._focusEdge("first")}
|
|
298
|
+
></span>
|
|
288
299
|
</div>
|
|
289
300
|
`;
|
|
290
301
|
}
|
package/dist/oh-drawer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-drawer.js","sourceRoot":"","sources":["../src/oh-drawer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AAGf,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;
|
|
1
|
+
{"version":3,"file":"oh-drawer.js","sourceRoot":"","sources":["../src/oh-drawer.ts"],"names":[],"mappings":"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"}
|