@hyphen/hyphen-components 7.9.0 → 8.0.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/dist/css/fonts.css +1 -1
- package/dist/css/index.css +292 -150
- package/dist/css/reset.css +1 -1
- package/dist/css/utilities.css +480 -38
- package/dist/css/variables.css +170 -25
- package/dist/hyphen-components.cjs.development.js +244 -311
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +2 -2
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +198 -265
- package/dist/hyphen-components.esm.js.map +1 -1
- package/dist/index.d.ts +25 -60
- package/package.json +3 -3
- package/src/components/Alert/Alert.mdx +1 -1
- package/src/components/Alert/Alert.module.scss +29 -34
- package/src/components/Alert/Alert.stories.tsx +11 -3
- package/src/components/Alert/Alert.test.tsx +17 -11
- package/src/components/Alert/Alert.tsx +9 -16
- package/src/components/Badge/Badge.mdx +46 -4
- package/src/components/Badge/Badge.module.scss +235 -185
- package/src/components/Badge/Badge.stories.tsx +126 -36
- package/src/components/Badge/Badge.test.tsx +180 -21
- package/src/components/Badge/Badge.tsx +56 -21
- package/src/components/Drawer/Drawer.mdx +14 -16
- package/src/components/Formik/Formik.stories.tsx +3 -5
- package/src/components/Formik/FormikTimePicker/FormikTimePicker.test.tsx +34 -67
- package/src/components/Formik/FormikTimePicker/FormikTimePicker.tsx +0 -2
- package/src/components/Table/Table.stories.tsx +4 -4
- package/src/components/TimePicker/TimePicker.mdx +3 -11
- package/src/components/TimePicker/TimePicker.stories.tsx +61 -60
- package/src/components/TimePicker/TimePicker.test.tsx +76 -7
- package/src/components/TimePicker/TimePicker.tsx +37 -7
- package/src/components/Tooltip/Tooltip.stories.tsx +1 -1
- package/src/docs/Colors.mdx +13 -0
- package/src/index.ts +0 -2
- package/src/components/Formik/FormikTimePickerNative/FormikTimePickerNative.test.tsx +0 -175
- package/src/components/Formik/FormikTimePickerNative/FormikTimePickerNative.tsx +0 -38
- package/src/components/TimePickerNative/TimePickerNative.mdx +0 -67
- package/src/components/TimePickerNative/TimePickerNative.stories.tsx +0 -150
- package/src/components/TimePickerNative/TimePickerNative.test.tsx +0 -117
- package/src/components/TimePickerNative/TimePickerNative.tsx +0 -93
package/dist/css/reset.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
2
|
-
!*** css ../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.5.
|
|
2
|
+
!*** css ../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.5.18_typescript@5.9.3_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js!./src/styles/reset.scss ***!
|
|
3
3
|
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
4
4
|
*,
|
|
5
5
|
*::before,
|
package/dist/css/utilities.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\********************************************************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Wed, 05 Aug 2026 16:50:15 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
.font-family-monospace { font-family: var(--assets-font-family-monospace); }
|
|
@@ -168,29 +168,179 @@
|
|
|
168
168
|
|
|
169
169
|
.focus\:background-color-button-success-active:focus { background: var(--color-background-button-success-active); }
|
|
170
170
|
|
|
171
|
-
.background-color-badge-
|
|
171
|
+
.background-color-badge-solid-grey { background: var(--color-background-badge-solid-grey); }
|
|
172
172
|
|
|
173
|
-
.hover\:background-color-badge-
|
|
173
|
+
.hover\:background-color-badge-solid-grey:hover { background: var(--color-background-badge-solid-grey); }
|
|
174
174
|
|
|
175
|
-
.focus\:background-color-badge-
|
|
175
|
+
.focus\:background-color-badge-solid-grey:focus { background: var(--color-background-badge-solid-grey); }
|
|
176
176
|
|
|
177
|
-
.background-color-badge-
|
|
177
|
+
.background-color-badge-soft-grey { background: var(--color-background-badge-soft-grey); }
|
|
178
178
|
|
|
179
|
-
.hover\:background-color-badge-
|
|
179
|
+
.hover\:background-color-badge-soft-grey:hover { background: var(--color-background-badge-soft-grey); }
|
|
180
180
|
|
|
181
|
-
.focus\:background-color-badge-
|
|
181
|
+
.focus\:background-color-badge-soft-grey:focus { background: var(--color-background-badge-soft-grey); }
|
|
182
182
|
|
|
183
|
-
.background-color-badge-
|
|
183
|
+
.background-color-badge-surface-grey { background: var(--color-background-badge-surface-grey); }
|
|
184
184
|
|
|
185
|
-
.hover\:background-color-badge-
|
|
185
|
+
.hover\:background-color-badge-surface-grey:hover { background: var(--color-background-badge-surface-grey); }
|
|
186
186
|
|
|
187
|
-
.focus\:background-color-badge-
|
|
187
|
+
.focus\:background-color-badge-surface-grey:focus { background: var(--color-background-badge-surface-grey); }
|
|
188
188
|
|
|
189
|
-
.background-color-badge-
|
|
189
|
+
.background-color-badge-solid-blue { background: var(--color-background-badge-solid-blue); }
|
|
190
190
|
|
|
191
|
-
.hover\:background-color-badge-
|
|
191
|
+
.hover\:background-color-badge-solid-blue:hover { background: var(--color-background-badge-solid-blue); }
|
|
192
192
|
|
|
193
|
-
.focus\:background-color-badge-
|
|
193
|
+
.focus\:background-color-badge-solid-blue:focus { background: var(--color-background-badge-solid-blue); }
|
|
194
|
+
|
|
195
|
+
.background-color-badge-soft-blue { background: var(--color-background-badge-soft-blue); }
|
|
196
|
+
|
|
197
|
+
.hover\:background-color-badge-soft-blue:hover { background: var(--color-background-badge-soft-blue); }
|
|
198
|
+
|
|
199
|
+
.focus\:background-color-badge-soft-blue:focus { background: var(--color-background-badge-soft-blue); }
|
|
200
|
+
|
|
201
|
+
.background-color-badge-surface-blue { background: var(--color-background-badge-surface-blue); }
|
|
202
|
+
|
|
203
|
+
.hover\:background-color-badge-surface-blue:hover { background: var(--color-background-badge-surface-blue); }
|
|
204
|
+
|
|
205
|
+
.focus\:background-color-badge-surface-blue:focus { background: var(--color-background-badge-surface-blue); }
|
|
206
|
+
|
|
207
|
+
.background-color-badge-solid-green { background: var(--color-background-badge-solid-green); }
|
|
208
|
+
|
|
209
|
+
.hover\:background-color-badge-solid-green:hover { background: var(--color-background-badge-solid-green); }
|
|
210
|
+
|
|
211
|
+
.focus\:background-color-badge-solid-green:focus { background: var(--color-background-badge-solid-green); }
|
|
212
|
+
|
|
213
|
+
.background-color-badge-soft-green { background: var(--color-background-badge-soft-green); }
|
|
214
|
+
|
|
215
|
+
.hover\:background-color-badge-soft-green:hover { background: var(--color-background-badge-soft-green); }
|
|
216
|
+
|
|
217
|
+
.focus\:background-color-badge-soft-green:focus { background: var(--color-background-badge-soft-green); }
|
|
218
|
+
|
|
219
|
+
.background-color-badge-surface-green { background: var(--color-background-badge-surface-green); }
|
|
220
|
+
|
|
221
|
+
.hover\:background-color-badge-surface-green:hover { background: var(--color-background-badge-surface-green); }
|
|
222
|
+
|
|
223
|
+
.focus\:background-color-badge-surface-green:focus { background: var(--color-background-badge-surface-green); }
|
|
224
|
+
|
|
225
|
+
.background-color-badge-solid-yellow { background: var(--color-background-badge-solid-yellow); }
|
|
226
|
+
|
|
227
|
+
.hover\:background-color-badge-solid-yellow:hover { background: var(--color-background-badge-solid-yellow); }
|
|
228
|
+
|
|
229
|
+
.focus\:background-color-badge-solid-yellow:focus { background: var(--color-background-badge-solid-yellow); }
|
|
230
|
+
|
|
231
|
+
.background-color-badge-soft-yellow { background: var(--color-background-badge-soft-yellow); }
|
|
232
|
+
|
|
233
|
+
.hover\:background-color-badge-soft-yellow:hover { background: var(--color-background-badge-soft-yellow); }
|
|
234
|
+
|
|
235
|
+
.focus\:background-color-badge-soft-yellow:focus { background: var(--color-background-badge-soft-yellow); }
|
|
236
|
+
|
|
237
|
+
.background-color-badge-surface-yellow { background: var(--color-background-badge-surface-yellow); }
|
|
238
|
+
|
|
239
|
+
.hover\:background-color-badge-surface-yellow:hover { background: var(--color-background-badge-surface-yellow); }
|
|
240
|
+
|
|
241
|
+
.focus\:background-color-badge-surface-yellow:focus { background: var(--color-background-badge-surface-yellow); }
|
|
242
|
+
|
|
243
|
+
.background-color-badge-solid-red { background: var(--color-background-badge-solid-red); }
|
|
244
|
+
|
|
245
|
+
.hover\:background-color-badge-solid-red:hover { background: var(--color-background-badge-solid-red); }
|
|
246
|
+
|
|
247
|
+
.focus\:background-color-badge-solid-red:focus { background: var(--color-background-badge-solid-red); }
|
|
248
|
+
|
|
249
|
+
.background-color-badge-soft-red { background: var(--color-background-badge-soft-red); }
|
|
250
|
+
|
|
251
|
+
.hover\:background-color-badge-soft-red:hover { background: var(--color-background-badge-soft-red); }
|
|
252
|
+
|
|
253
|
+
.focus\:background-color-badge-soft-red:focus { background: var(--color-background-badge-soft-red); }
|
|
254
|
+
|
|
255
|
+
.background-color-badge-surface-red { background: var(--color-background-badge-surface-red); }
|
|
256
|
+
|
|
257
|
+
.hover\:background-color-badge-surface-red:hover { background: var(--color-background-badge-surface-red); }
|
|
258
|
+
|
|
259
|
+
.focus\:background-color-badge-surface-red:focus { background: var(--color-background-badge-surface-red); }
|
|
260
|
+
|
|
261
|
+
.background-color-badge-solid-purple { background: var(--color-background-badge-solid-purple); }
|
|
262
|
+
|
|
263
|
+
.hover\:background-color-badge-solid-purple:hover { background: var(--color-background-badge-solid-purple); }
|
|
264
|
+
|
|
265
|
+
.focus\:background-color-badge-solid-purple:focus { background: var(--color-background-badge-solid-purple); }
|
|
266
|
+
|
|
267
|
+
.background-color-badge-soft-purple { background: var(--color-background-badge-soft-purple); }
|
|
268
|
+
|
|
269
|
+
.hover\:background-color-badge-soft-purple:hover { background: var(--color-background-badge-soft-purple); }
|
|
270
|
+
|
|
271
|
+
.focus\:background-color-badge-soft-purple:focus { background: var(--color-background-badge-soft-purple); }
|
|
272
|
+
|
|
273
|
+
.background-color-badge-surface-purple { background: var(--color-background-badge-surface-purple); }
|
|
274
|
+
|
|
275
|
+
.hover\:background-color-badge-surface-purple:hover { background: var(--color-background-badge-surface-purple); }
|
|
276
|
+
|
|
277
|
+
.focus\:background-color-badge-surface-purple:focus { background: var(--color-background-badge-surface-purple); }
|
|
278
|
+
|
|
279
|
+
.background-color-badge-solid-orange { background: var(--color-background-badge-solid-orange); }
|
|
280
|
+
|
|
281
|
+
.hover\:background-color-badge-solid-orange:hover { background: var(--color-background-badge-solid-orange); }
|
|
282
|
+
|
|
283
|
+
.focus\:background-color-badge-solid-orange:focus { background: var(--color-background-badge-solid-orange); }
|
|
284
|
+
|
|
285
|
+
.background-color-badge-soft-orange { background: var(--color-background-badge-soft-orange); }
|
|
286
|
+
|
|
287
|
+
.hover\:background-color-badge-soft-orange:hover { background: var(--color-background-badge-soft-orange); }
|
|
288
|
+
|
|
289
|
+
.focus\:background-color-badge-soft-orange:focus { background: var(--color-background-badge-soft-orange); }
|
|
290
|
+
|
|
291
|
+
.background-color-badge-surface-orange { background: var(--color-background-badge-surface-orange); }
|
|
292
|
+
|
|
293
|
+
.hover\:background-color-badge-surface-orange:hover { background: var(--color-background-badge-surface-orange); }
|
|
294
|
+
|
|
295
|
+
.focus\:background-color-badge-surface-orange:focus { background: var(--color-background-badge-surface-orange); }
|
|
296
|
+
|
|
297
|
+
.background-color-badge-solid-brand { background: var(--color-background-badge-solid-brand); }
|
|
298
|
+
|
|
299
|
+
.hover\:background-color-badge-solid-brand:hover { background: var(--color-background-badge-solid-brand); }
|
|
300
|
+
|
|
301
|
+
.focus\:background-color-badge-solid-brand:focus { background: var(--color-background-badge-solid-brand); }
|
|
302
|
+
|
|
303
|
+
.background-color-badge-soft-brand { background: var(--color-background-badge-soft-brand); }
|
|
304
|
+
|
|
305
|
+
.hover\:background-color-badge-soft-brand:hover { background: var(--color-background-badge-soft-brand); }
|
|
306
|
+
|
|
307
|
+
.focus\:background-color-badge-soft-brand:focus { background: var(--color-background-badge-soft-brand); }
|
|
308
|
+
|
|
309
|
+
.background-color-badge-surface-brand { background: var(--color-background-badge-surface-brand); }
|
|
310
|
+
|
|
311
|
+
.hover\:background-color-badge-surface-brand:hover { background: var(--color-background-badge-surface-brand); }
|
|
312
|
+
|
|
313
|
+
.focus\:background-color-badge-surface-brand:focus { background: var(--color-background-badge-surface-brand); }
|
|
314
|
+
|
|
315
|
+
.background-color-alert-default { background: var(--color-background-alert-default); }
|
|
316
|
+
|
|
317
|
+
.hover\:background-color-alert-default:hover { background: var(--color-background-alert-default); }
|
|
318
|
+
|
|
319
|
+
.focus\:background-color-alert-default:focus { background: var(--color-background-alert-default); }
|
|
320
|
+
|
|
321
|
+
.background-color-alert-info { background: var(--color-background-alert-info); }
|
|
322
|
+
|
|
323
|
+
.hover\:background-color-alert-info:hover { background: var(--color-background-alert-info); }
|
|
324
|
+
|
|
325
|
+
.focus\:background-color-alert-info:focus { background: var(--color-background-alert-info); }
|
|
326
|
+
|
|
327
|
+
.background-color-alert-success { background: var(--color-background-alert-success); }
|
|
328
|
+
|
|
329
|
+
.hover\:background-color-alert-success:hover { background: var(--color-background-alert-success); }
|
|
330
|
+
|
|
331
|
+
.focus\:background-color-alert-success:focus { background: var(--color-background-alert-success); }
|
|
332
|
+
|
|
333
|
+
.background-color-alert-warning { background: var(--color-background-alert-warning); }
|
|
334
|
+
|
|
335
|
+
.hover\:background-color-alert-warning:hover { background: var(--color-background-alert-warning); }
|
|
336
|
+
|
|
337
|
+
.focus\:background-color-alert-warning:focus { background: var(--color-background-alert-warning); }
|
|
338
|
+
|
|
339
|
+
.background-color-alert-danger { background: var(--color-background-alert-danger); }
|
|
340
|
+
|
|
341
|
+
.hover\:background-color-alert-danger:hover { background: var(--color-background-alert-danger); }
|
|
342
|
+
|
|
343
|
+
.focus\:background-color-alert-danger:focus { background: var(--color-background-alert-danger); }
|
|
194
344
|
|
|
195
345
|
.background-color-toggle-group-item-hover { background: var(--color-background-toggle-group-item-hover); }
|
|
196
346
|
|
|
@@ -492,29 +642,179 @@
|
|
|
492
642
|
|
|
493
643
|
.focus\:border-color-button-tertiary-active:focus { border-color: var(--color-border-button-tertiary-active); }
|
|
494
644
|
|
|
495
|
-
.border-color-badge-
|
|
645
|
+
.border-color-badge-solid-grey { border-color: var(--color-border-badge-solid-grey); }
|
|
646
|
+
|
|
647
|
+
.hover\:border-color-badge-solid-grey:hover { border-color: var(--color-border-badge-solid-grey); }
|
|
648
|
+
|
|
649
|
+
.focus\:border-color-badge-solid-grey:focus { border-color: var(--color-border-badge-solid-grey); }
|
|
650
|
+
|
|
651
|
+
.border-color-badge-surface-grey { border-color: var(--color-border-badge-surface-grey); }
|
|
652
|
+
|
|
653
|
+
.hover\:border-color-badge-surface-grey:hover { border-color: var(--color-border-badge-surface-grey); }
|
|
654
|
+
|
|
655
|
+
.focus\:border-color-badge-surface-grey:focus { border-color: var(--color-border-badge-surface-grey); }
|
|
656
|
+
|
|
657
|
+
.border-color-badge-outline-grey { border-color: var(--color-border-badge-outline-grey); }
|
|
658
|
+
|
|
659
|
+
.hover\:border-color-badge-outline-grey:hover { border-color: var(--color-border-badge-outline-grey); }
|
|
660
|
+
|
|
661
|
+
.focus\:border-color-badge-outline-grey:focus { border-color: var(--color-border-badge-outline-grey); }
|
|
662
|
+
|
|
663
|
+
.border-color-badge-solid-blue { border-color: var(--color-border-badge-solid-blue); }
|
|
664
|
+
|
|
665
|
+
.hover\:border-color-badge-solid-blue:hover { border-color: var(--color-border-badge-solid-blue); }
|
|
666
|
+
|
|
667
|
+
.focus\:border-color-badge-solid-blue:focus { border-color: var(--color-border-badge-solid-blue); }
|
|
668
|
+
|
|
669
|
+
.border-color-badge-surface-blue { border-color: var(--color-border-badge-surface-blue); }
|
|
670
|
+
|
|
671
|
+
.hover\:border-color-badge-surface-blue:hover { border-color: var(--color-border-badge-surface-blue); }
|
|
672
|
+
|
|
673
|
+
.focus\:border-color-badge-surface-blue:focus { border-color: var(--color-border-badge-surface-blue); }
|
|
674
|
+
|
|
675
|
+
.border-color-badge-outline-blue { border-color: var(--color-border-badge-outline-blue); }
|
|
676
|
+
|
|
677
|
+
.hover\:border-color-badge-outline-blue:hover { border-color: var(--color-border-badge-outline-blue); }
|
|
678
|
+
|
|
679
|
+
.focus\:border-color-badge-outline-blue:focus { border-color: var(--color-border-badge-outline-blue); }
|
|
680
|
+
|
|
681
|
+
.border-color-badge-solid-green { border-color: var(--color-border-badge-solid-green); }
|
|
682
|
+
|
|
683
|
+
.hover\:border-color-badge-solid-green:hover { border-color: var(--color-border-badge-solid-green); }
|
|
684
|
+
|
|
685
|
+
.focus\:border-color-badge-solid-green:focus { border-color: var(--color-border-badge-solid-green); }
|
|
686
|
+
|
|
687
|
+
.border-color-badge-surface-green { border-color: var(--color-border-badge-surface-green); }
|
|
688
|
+
|
|
689
|
+
.hover\:border-color-badge-surface-green:hover { border-color: var(--color-border-badge-surface-green); }
|
|
690
|
+
|
|
691
|
+
.focus\:border-color-badge-surface-green:focus { border-color: var(--color-border-badge-surface-green); }
|
|
692
|
+
|
|
693
|
+
.border-color-badge-outline-green { border-color: var(--color-border-badge-outline-green); }
|
|
694
|
+
|
|
695
|
+
.hover\:border-color-badge-outline-green:hover { border-color: var(--color-border-badge-outline-green); }
|
|
696
|
+
|
|
697
|
+
.focus\:border-color-badge-outline-green:focus { border-color: var(--color-border-badge-outline-green); }
|
|
698
|
+
|
|
699
|
+
.border-color-badge-solid-yellow { border-color: var(--color-border-badge-solid-yellow); }
|
|
700
|
+
|
|
701
|
+
.hover\:border-color-badge-solid-yellow:hover { border-color: var(--color-border-badge-solid-yellow); }
|
|
702
|
+
|
|
703
|
+
.focus\:border-color-badge-solid-yellow:focus { border-color: var(--color-border-badge-solid-yellow); }
|
|
704
|
+
|
|
705
|
+
.border-color-badge-surface-yellow { border-color: var(--color-border-badge-surface-yellow); }
|
|
706
|
+
|
|
707
|
+
.hover\:border-color-badge-surface-yellow:hover { border-color: var(--color-border-badge-surface-yellow); }
|
|
708
|
+
|
|
709
|
+
.focus\:border-color-badge-surface-yellow:focus { border-color: var(--color-border-badge-surface-yellow); }
|
|
710
|
+
|
|
711
|
+
.border-color-badge-outline-yellow { border-color: var(--color-border-badge-outline-yellow); }
|
|
712
|
+
|
|
713
|
+
.hover\:border-color-badge-outline-yellow:hover { border-color: var(--color-border-badge-outline-yellow); }
|
|
714
|
+
|
|
715
|
+
.focus\:border-color-badge-outline-yellow:focus { border-color: var(--color-border-badge-outline-yellow); }
|
|
716
|
+
|
|
717
|
+
.border-color-badge-solid-red { border-color: var(--color-border-badge-solid-red); }
|
|
496
718
|
|
|
497
|
-
.hover\:border-color-badge-
|
|
719
|
+
.hover\:border-color-badge-solid-red:hover { border-color: var(--color-border-badge-solid-red); }
|
|
498
720
|
|
|
499
|
-
.focus\:border-color-badge-
|
|
721
|
+
.focus\:border-color-badge-solid-red:focus { border-color: var(--color-border-badge-solid-red); }
|
|
500
722
|
|
|
501
|
-
.border-color-badge-
|
|
723
|
+
.border-color-badge-surface-red { border-color: var(--color-border-badge-surface-red); }
|
|
502
724
|
|
|
503
|
-
.hover\:border-color-badge-
|
|
725
|
+
.hover\:border-color-badge-surface-red:hover { border-color: var(--color-border-badge-surface-red); }
|
|
504
726
|
|
|
505
|
-
.focus\:border-color-badge-
|
|
727
|
+
.focus\:border-color-badge-surface-red:focus { border-color: var(--color-border-badge-surface-red); }
|
|
506
728
|
|
|
507
|
-
.border-color-badge-
|
|
729
|
+
.border-color-badge-outline-red { border-color: var(--color-border-badge-outline-red); }
|
|
508
730
|
|
|
509
|
-
.hover\:border-color-badge-
|
|
731
|
+
.hover\:border-color-badge-outline-red:hover { border-color: var(--color-border-badge-outline-red); }
|
|
510
732
|
|
|
511
|
-
.focus\:border-color-badge-
|
|
733
|
+
.focus\:border-color-badge-outline-red:focus { border-color: var(--color-border-badge-outline-red); }
|
|
512
734
|
|
|
513
|
-
.border-color-badge-
|
|
735
|
+
.border-color-badge-solid-purple { border-color: var(--color-border-badge-solid-purple); }
|
|
514
736
|
|
|
515
|
-
.hover\:border-color-badge-
|
|
737
|
+
.hover\:border-color-badge-solid-purple:hover { border-color: var(--color-border-badge-solid-purple); }
|
|
516
738
|
|
|
517
|
-
.focus\:border-color-badge-
|
|
739
|
+
.focus\:border-color-badge-solid-purple:focus { border-color: var(--color-border-badge-solid-purple); }
|
|
740
|
+
|
|
741
|
+
.border-color-badge-surface-purple { border-color: var(--color-border-badge-surface-purple); }
|
|
742
|
+
|
|
743
|
+
.hover\:border-color-badge-surface-purple:hover { border-color: var(--color-border-badge-surface-purple); }
|
|
744
|
+
|
|
745
|
+
.focus\:border-color-badge-surface-purple:focus { border-color: var(--color-border-badge-surface-purple); }
|
|
746
|
+
|
|
747
|
+
.border-color-badge-outline-purple { border-color: var(--color-border-badge-outline-purple); }
|
|
748
|
+
|
|
749
|
+
.hover\:border-color-badge-outline-purple:hover { border-color: var(--color-border-badge-outline-purple); }
|
|
750
|
+
|
|
751
|
+
.focus\:border-color-badge-outline-purple:focus { border-color: var(--color-border-badge-outline-purple); }
|
|
752
|
+
|
|
753
|
+
.border-color-badge-solid-orange { border-color: var(--color-border-badge-solid-orange); }
|
|
754
|
+
|
|
755
|
+
.hover\:border-color-badge-solid-orange:hover { border-color: var(--color-border-badge-solid-orange); }
|
|
756
|
+
|
|
757
|
+
.focus\:border-color-badge-solid-orange:focus { border-color: var(--color-border-badge-solid-orange); }
|
|
758
|
+
|
|
759
|
+
.border-color-badge-surface-orange { border-color: var(--color-border-badge-surface-orange); }
|
|
760
|
+
|
|
761
|
+
.hover\:border-color-badge-surface-orange:hover { border-color: var(--color-border-badge-surface-orange); }
|
|
762
|
+
|
|
763
|
+
.focus\:border-color-badge-surface-orange:focus { border-color: var(--color-border-badge-surface-orange); }
|
|
764
|
+
|
|
765
|
+
.border-color-badge-outline-orange { border-color: var(--color-border-badge-outline-orange); }
|
|
766
|
+
|
|
767
|
+
.hover\:border-color-badge-outline-orange:hover { border-color: var(--color-border-badge-outline-orange); }
|
|
768
|
+
|
|
769
|
+
.focus\:border-color-badge-outline-orange:focus { border-color: var(--color-border-badge-outline-orange); }
|
|
770
|
+
|
|
771
|
+
.border-color-badge-solid-brand { border-color: var(--color-border-badge-solid-brand); }
|
|
772
|
+
|
|
773
|
+
.hover\:border-color-badge-solid-brand:hover { border-color: var(--color-border-badge-solid-brand); }
|
|
774
|
+
|
|
775
|
+
.focus\:border-color-badge-solid-brand:focus { border-color: var(--color-border-badge-solid-brand); }
|
|
776
|
+
|
|
777
|
+
.border-color-badge-surface-brand { border-color: var(--color-border-badge-surface-brand); }
|
|
778
|
+
|
|
779
|
+
.hover\:border-color-badge-surface-brand:hover { border-color: var(--color-border-badge-surface-brand); }
|
|
780
|
+
|
|
781
|
+
.focus\:border-color-badge-surface-brand:focus { border-color: var(--color-border-badge-surface-brand); }
|
|
782
|
+
|
|
783
|
+
.border-color-badge-outline-brand { border-color: var(--color-border-badge-outline-brand); }
|
|
784
|
+
|
|
785
|
+
.hover\:border-color-badge-outline-brand:hover { border-color: var(--color-border-badge-outline-brand); }
|
|
786
|
+
|
|
787
|
+
.focus\:border-color-badge-outline-brand:focus { border-color: var(--color-border-badge-outline-brand); }
|
|
788
|
+
|
|
789
|
+
.border-color-alert-default { border-color: var(--color-border-alert-default); }
|
|
790
|
+
|
|
791
|
+
.hover\:border-color-alert-default:hover { border-color: var(--color-border-alert-default); }
|
|
792
|
+
|
|
793
|
+
.focus\:border-color-alert-default:focus { border-color: var(--color-border-alert-default); }
|
|
794
|
+
|
|
795
|
+
.border-color-alert-info { border-color: var(--color-border-alert-info); }
|
|
796
|
+
|
|
797
|
+
.hover\:border-color-alert-info:hover { border-color: var(--color-border-alert-info); }
|
|
798
|
+
|
|
799
|
+
.focus\:border-color-alert-info:focus { border-color: var(--color-border-alert-info); }
|
|
800
|
+
|
|
801
|
+
.border-color-alert-success { border-color: var(--color-border-alert-success); }
|
|
802
|
+
|
|
803
|
+
.hover\:border-color-alert-success:hover { border-color: var(--color-border-alert-success); }
|
|
804
|
+
|
|
805
|
+
.focus\:border-color-alert-success:focus { border-color: var(--color-border-alert-success); }
|
|
806
|
+
|
|
807
|
+
.border-color-alert-warning { border-color: var(--color-border-alert-warning); }
|
|
808
|
+
|
|
809
|
+
.hover\:border-color-alert-warning:hover { border-color: var(--color-border-alert-warning); }
|
|
810
|
+
|
|
811
|
+
.focus\:border-color-alert-warning:focus { border-color: var(--color-border-alert-warning); }
|
|
812
|
+
|
|
813
|
+
.border-color-alert-danger { border-color: var(--color-border-alert-danger); }
|
|
814
|
+
|
|
815
|
+
.hover\:border-color-alert-danger:hover { border-color: var(--color-border-alert-danger); }
|
|
816
|
+
|
|
817
|
+
.focus\:border-color-alert-danger:focus { border-color: var(--color-border-alert-danger); }
|
|
518
818
|
|
|
519
819
|
.border-color-sidebar-rail-hover { border-color: var(--color-border-sidebar-rail-hover); }
|
|
520
820
|
|
|
@@ -864,29 +1164,131 @@
|
|
|
864
1164
|
|
|
865
1165
|
.focus\:font-color-button-success-active:focus { color: var(--color-font-button-success-active); }
|
|
866
1166
|
|
|
867
|
-
.font-color-badge-
|
|
1167
|
+
.font-color-badge-solid-grey { color: var(--color-font-badge-solid-grey); }
|
|
1168
|
+
|
|
1169
|
+
.hover\:font-color-badge-solid-grey:hover { color: var(--color-font-badge-solid-grey); }
|
|
1170
|
+
|
|
1171
|
+
.focus\:font-color-badge-solid-grey:focus { color: var(--color-font-badge-solid-grey); }
|
|
1172
|
+
|
|
1173
|
+
.font-color-badge-soft-grey { color: var(--color-font-badge-soft-grey); }
|
|
1174
|
+
|
|
1175
|
+
.hover\:font-color-badge-soft-grey:hover { color: var(--color-font-badge-soft-grey); }
|
|
1176
|
+
|
|
1177
|
+
.focus\:font-color-badge-soft-grey:focus { color: var(--color-font-badge-soft-grey); }
|
|
1178
|
+
|
|
1179
|
+
.font-color-badge-solid-blue { color: var(--color-font-badge-solid-blue); }
|
|
1180
|
+
|
|
1181
|
+
.hover\:font-color-badge-solid-blue:hover { color: var(--color-font-badge-solid-blue); }
|
|
1182
|
+
|
|
1183
|
+
.focus\:font-color-badge-solid-blue:focus { color: var(--color-font-badge-solid-blue); }
|
|
1184
|
+
|
|
1185
|
+
.font-color-badge-soft-blue { color: var(--color-font-badge-soft-blue); }
|
|
1186
|
+
|
|
1187
|
+
.hover\:font-color-badge-soft-blue:hover { color: var(--color-font-badge-soft-blue); }
|
|
1188
|
+
|
|
1189
|
+
.focus\:font-color-badge-soft-blue:focus { color: var(--color-font-badge-soft-blue); }
|
|
1190
|
+
|
|
1191
|
+
.font-color-badge-solid-green { color: var(--color-font-badge-solid-green); }
|
|
1192
|
+
|
|
1193
|
+
.hover\:font-color-badge-solid-green:hover { color: var(--color-font-badge-solid-green); }
|
|
1194
|
+
|
|
1195
|
+
.focus\:font-color-badge-solid-green:focus { color: var(--color-font-badge-solid-green); }
|
|
1196
|
+
|
|
1197
|
+
.font-color-badge-soft-green { color: var(--color-font-badge-soft-green); }
|
|
1198
|
+
|
|
1199
|
+
.hover\:font-color-badge-soft-green:hover { color: var(--color-font-badge-soft-green); }
|
|
868
1200
|
|
|
869
|
-
.
|
|
1201
|
+
.focus\:font-color-badge-soft-green:focus { color: var(--color-font-badge-soft-green); }
|
|
870
1202
|
|
|
871
|
-
.
|
|
1203
|
+
.font-color-badge-solid-yellow { color: var(--color-font-badge-solid-yellow); }
|
|
872
1204
|
|
|
873
|
-
.font-color-badge-
|
|
1205
|
+
.hover\:font-color-badge-solid-yellow:hover { color: var(--color-font-badge-solid-yellow); }
|
|
874
1206
|
|
|
875
|
-
.
|
|
1207
|
+
.focus\:font-color-badge-solid-yellow:focus { color: var(--color-font-badge-solid-yellow); }
|
|
876
1208
|
|
|
877
|
-
.
|
|
1209
|
+
.font-color-badge-soft-yellow { color: var(--color-font-badge-soft-yellow); }
|
|
878
1210
|
|
|
879
|
-
.font-color-badge-
|
|
1211
|
+
.hover\:font-color-badge-soft-yellow:hover { color: var(--color-font-badge-soft-yellow); }
|
|
880
1212
|
|
|
881
|
-
.
|
|
1213
|
+
.focus\:font-color-badge-soft-yellow:focus { color: var(--color-font-badge-soft-yellow); }
|
|
882
1214
|
|
|
883
|
-
.
|
|
1215
|
+
.font-color-badge-solid-red { color: var(--color-font-badge-solid-red); }
|
|
884
1216
|
|
|
885
|
-
.font-color-badge-
|
|
1217
|
+
.hover\:font-color-badge-solid-red:hover { color: var(--color-font-badge-solid-red); }
|
|
886
1218
|
|
|
887
|
-
.
|
|
1219
|
+
.focus\:font-color-badge-solid-red:focus { color: var(--color-font-badge-solid-red); }
|
|
888
1220
|
|
|
889
|
-
.
|
|
1221
|
+
.font-color-badge-soft-red { color: var(--color-font-badge-soft-red); }
|
|
1222
|
+
|
|
1223
|
+
.hover\:font-color-badge-soft-red:hover { color: var(--color-font-badge-soft-red); }
|
|
1224
|
+
|
|
1225
|
+
.focus\:font-color-badge-soft-red:focus { color: var(--color-font-badge-soft-red); }
|
|
1226
|
+
|
|
1227
|
+
.font-color-badge-solid-purple { color: var(--color-font-badge-solid-purple); }
|
|
1228
|
+
|
|
1229
|
+
.hover\:font-color-badge-solid-purple:hover { color: var(--color-font-badge-solid-purple); }
|
|
1230
|
+
|
|
1231
|
+
.focus\:font-color-badge-solid-purple:focus { color: var(--color-font-badge-solid-purple); }
|
|
1232
|
+
|
|
1233
|
+
.font-color-badge-soft-purple { color: var(--color-font-badge-soft-purple); }
|
|
1234
|
+
|
|
1235
|
+
.hover\:font-color-badge-soft-purple:hover { color: var(--color-font-badge-soft-purple); }
|
|
1236
|
+
|
|
1237
|
+
.focus\:font-color-badge-soft-purple:focus { color: var(--color-font-badge-soft-purple); }
|
|
1238
|
+
|
|
1239
|
+
.font-color-badge-solid-orange { color: var(--color-font-badge-solid-orange); }
|
|
1240
|
+
|
|
1241
|
+
.hover\:font-color-badge-solid-orange:hover { color: var(--color-font-badge-solid-orange); }
|
|
1242
|
+
|
|
1243
|
+
.focus\:font-color-badge-solid-orange:focus { color: var(--color-font-badge-solid-orange); }
|
|
1244
|
+
|
|
1245
|
+
.font-color-badge-soft-orange { color: var(--color-font-badge-soft-orange); }
|
|
1246
|
+
|
|
1247
|
+
.hover\:font-color-badge-soft-orange:hover { color: var(--color-font-badge-soft-orange); }
|
|
1248
|
+
|
|
1249
|
+
.focus\:font-color-badge-soft-orange:focus { color: var(--color-font-badge-soft-orange); }
|
|
1250
|
+
|
|
1251
|
+
.font-color-badge-solid-brand { color: var(--color-font-badge-solid-brand); }
|
|
1252
|
+
|
|
1253
|
+
.hover\:font-color-badge-solid-brand:hover { color: var(--color-font-badge-solid-brand); }
|
|
1254
|
+
|
|
1255
|
+
.focus\:font-color-badge-solid-brand:focus { color: var(--color-font-badge-solid-brand); }
|
|
1256
|
+
|
|
1257
|
+
.font-color-badge-soft-brand { color: var(--color-font-badge-soft-brand); }
|
|
1258
|
+
|
|
1259
|
+
.hover\:font-color-badge-soft-brand:hover { color: var(--color-font-badge-soft-brand); }
|
|
1260
|
+
|
|
1261
|
+
.focus\:font-color-badge-soft-brand:focus { color: var(--color-font-badge-soft-brand); }
|
|
1262
|
+
|
|
1263
|
+
.font-color-alert-default { color: var(--color-font-alert-default); }
|
|
1264
|
+
|
|
1265
|
+
.hover\:font-color-alert-default:hover { color: var(--color-font-alert-default); }
|
|
1266
|
+
|
|
1267
|
+
.focus\:font-color-alert-default:focus { color: var(--color-font-alert-default); }
|
|
1268
|
+
|
|
1269
|
+
.font-color-alert-info { color: var(--color-font-alert-info); }
|
|
1270
|
+
|
|
1271
|
+
.hover\:font-color-alert-info:hover { color: var(--color-font-alert-info); }
|
|
1272
|
+
|
|
1273
|
+
.focus\:font-color-alert-info:focus { color: var(--color-font-alert-info); }
|
|
1274
|
+
|
|
1275
|
+
.font-color-alert-success { color: var(--color-font-alert-success); }
|
|
1276
|
+
|
|
1277
|
+
.hover\:font-color-alert-success:hover { color: var(--color-font-alert-success); }
|
|
1278
|
+
|
|
1279
|
+
.focus\:font-color-alert-success:focus { color: var(--color-font-alert-success); }
|
|
1280
|
+
|
|
1281
|
+
.font-color-alert-warning { color: var(--color-font-alert-warning); }
|
|
1282
|
+
|
|
1283
|
+
.hover\:font-color-alert-warning:hover { color: var(--color-font-alert-warning); }
|
|
1284
|
+
|
|
1285
|
+
.focus\:font-color-alert-warning:focus { color: var(--color-font-alert-warning); }
|
|
1286
|
+
|
|
1287
|
+
.font-color-alert-danger { color: var(--color-font-alert-danger); }
|
|
1288
|
+
|
|
1289
|
+
.hover\:font-color-alert-danger:hover { color: var(--color-font-alert-danger); }
|
|
1290
|
+
|
|
1291
|
+
.focus\:font-color-alert-danger:focus { color: var(--color-font-alert-danger); }
|
|
890
1292
|
|
|
891
1293
|
.font-color-toast { color: var(--color-font-toast); }
|
|
892
1294
|
|
|
@@ -1290,6 +1692,16 @@
|
|
|
1290
1692
|
|
|
1291
1693
|
.br-bottom-left-3xl { border-bottom-left-radius: var(--size-border-radius-3xl); }
|
|
1292
1694
|
|
|
1695
|
+
.br-full { border-radius: var(--size-border-radius-full); }
|
|
1696
|
+
|
|
1697
|
+
.br-top-left-full { border-top-left-radius: var(--size-border-radius-full); }
|
|
1698
|
+
|
|
1699
|
+
.br-top-right-full { border-top-right-radius: var(--size-border-radius-full); }
|
|
1700
|
+
|
|
1701
|
+
.br-bottom-right-full { border-bottom-right-radius: var(--size-border-radius-full); }
|
|
1702
|
+
|
|
1703
|
+
.br-bottom-left-full { border-bottom-left-radius: var(--size-border-radius-full); }
|
|
1704
|
+
|
|
1293
1705
|
.shadow-0 { box-shadow: var(--size-box-shadow-0); }
|
|
1294
1706
|
|
|
1295
1707
|
.hover\:shadow-0:hover { box-shadow: var(--size-box-shadow-0); }
|
|
@@ -2519,6 +2931,16 @@
|
|
|
2519
2931
|
|
|
2520
2932
|
.br-bottom-left-3xl-tablet { border-bottom-left-radius: var(--size-border-radius-3xl); }
|
|
2521
2933
|
|
|
2934
|
+
.br-full-tablet { border-radius: var(--size-border-radius-full); }
|
|
2935
|
+
|
|
2936
|
+
.br-top-left-full-tablet { border-top-left-radius: var(--size-border-radius-full); }
|
|
2937
|
+
|
|
2938
|
+
.br-top-right-full-tablet { border-top-right-radius: var(--size-border-radius-full); }
|
|
2939
|
+
|
|
2940
|
+
.br-bottom-right-full-tablet { border-bottom-right-radius: var(--size-border-radius-full); }
|
|
2941
|
+
|
|
2942
|
+
.br-bottom-left-full-tablet { border-bottom-left-radius: var(--size-border-radius-full); }
|
|
2943
|
+
|
|
2522
2944
|
.shadow-0-tablet { box-shadow: var(--size-box-shadow-0); }
|
|
2523
2945
|
|
|
2524
2946
|
.shadow-2xs-tablet { box-shadow: var(--size-box-shadow-2xs); }
|
|
@@ -3840,6 +4262,16 @@
|
|
|
3840
4262
|
|
|
3841
4263
|
.br-bottom-left-3xl-desktop { border-bottom-left-radius: var(--size-border-radius-3xl); }
|
|
3842
4264
|
|
|
4265
|
+
.br-full-desktop { border-radius: var(--size-border-radius-full); }
|
|
4266
|
+
|
|
4267
|
+
.br-top-left-full-desktop { border-top-left-radius: var(--size-border-radius-full); }
|
|
4268
|
+
|
|
4269
|
+
.br-top-right-full-desktop { border-top-right-radius: var(--size-border-radius-full); }
|
|
4270
|
+
|
|
4271
|
+
.br-bottom-right-full-desktop { border-bottom-right-radius: var(--size-border-radius-full); }
|
|
4272
|
+
|
|
4273
|
+
.br-bottom-left-full-desktop { border-bottom-left-radius: var(--size-border-radius-full); }
|
|
4274
|
+
|
|
3843
4275
|
.shadow-0-desktop { box-shadow: var(--size-box-shadow-0); }
|
|
3844
4276
|
|
|
3845
4277
|
.shadow-2xs-desktop { box-shadow: var(--size-box-shadow-2xs); }
|
|
@@ -5161,6 +5593,16 @@
|
|
|
5161
5593
|
|
|
5162
5594
|
.br-bottom-left-3xl-hd { border-bottom-left-radius: var(--size-border-radius-3xl); }
|
|
5163
5595
|
|
|
5596
|
+
.br-full-hd { border-radius: var(--size-border-radius-full); }
|
|
5597
|
+
|
|
5598
|
+
.br-top-left-full-hd { border-top-left-radius: var(--size-border-radius-full); }
|
|
5599
|
+
|
|
5600
|
+
.br-top-right-full-hd { border-top-right-radius: var(--size-border-radius-full); }
|
|
5601
|
+
|
|
5602
|
+
.br-bottom-right-full-hd { border-bottom-right-radius: var(--size-border-radius-full); }
|
|
5603
|
+
|
|
5604
|
+
.br-bottom-left-full-hd { border-bottom-left-radius: var(--size-border-radius-full); }
|
|
5605
|
+
|
|
5164
5606
|
.shadow-0-hd { box-shadow: var(--size-box-shadow-0); }
|
|
5165
5607
|
|
|
5166
5608
|
.shadow-2xs-hd { box-shadow: var(--size-box-shadow-2xs); }
|
|
@@ -6313,7 +6755,7 @@
|
|
|
6313
6755
|
|
|
6314
6756
|
|
|
6315
6757
|
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
6316
|
-
!*** css ../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.5.
|
|
6758
|
+
!*** css ../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.5.18_typescript@5.9.3_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js!./src/styles/utilities.scss ***!
|
|
6317
6759
|
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
6318
6760
|
@keyframes fadeIn {
|
|
6319
6761
|
0% {
|