@uva-glass/component-library 2.1.1 → 2.3.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/{SelectListbox.module-D-jCitTr.js → SelectListbox.module-BWavTmq8.js} +22 -22
- package/dist/SelectListbox.module-BWavTmq8.js.map +1 -0
- package/dist/assets/SelectListbox.css +1 -1
- package/dist/assets/ToggleSwitch.css +1 -0
- package/dist/components/Icon/icons/index.d.ts +66 -0
- package/dist/components/Icon/icons/index.js +146 -91
- package/dist/components/Icon/icons/index.js.map +1 -1
- package/dist/components/SelectListbox/components/SelectButton.js +1 -1
- package/dist/components/SelectListbox/components/SelectContainer.js +1 -1
- package/dist/components/SelectListbox/components/SelectOption.js +1 -1
- package/dist/components/SelectListbox/components/SelectOptionBox.js +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +15 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.js +66 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.stories.d.ts +5 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.stories.js +26 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.stories.js.map +1 -0
- package/dist/components/ToggleSwitch/index.d.ts +1 -0
- package/dist/components/ToggleSwitch/index.js +5 -0
- package/dist/components/ToggleSwitch/index.js.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +30 -28
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +30 -28
- package/dist/index.js.map +1 -1
- package/package.json +16 -16
- package/dist/SelectListbox.module-D-jCitTr.js.map +0 -1
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import './assets/SelectListbox.css';const
|
|
2
|
-
"select-listbox-container": "_select-listbox-
|
|
3
|
-
"select-listbox__wrapper": "_select-
|
|
4
|
-
"select-listbox-trigger": "_select-listbox-
|
|
5
|
-
"select-listbox-trigger--default": "_select-listbox-trigger--
|
|
6
|
-
"select-listbox-trigger--small": "_select-listbox-trigger--
|
|
7
|
-
"select-listbox-trigger--medium": "_select-listbox-trigger--
|
|
8
|
-
"select-listbox-trigger-label": "_select-listbox-trigger-
|
|
9
|
-
"select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-
|
|
10
|
-
"select-listbox-trigger--bold": "_select-listbox-trigger--
|
|
11
|
-
"select-listbox-trigger--pill": "_select-listbox-trigger--
|
|
12
|
-
"select-listbox-trigger--pillLeft": "_select-listbox-trigger--
|
|
13
|
-
"select-listbox-trigger--pillRight": "_select-listbox-trigger--
|
|
14
|
-
"select-listbox-trigger--darkBorder": "_select-listbox-trigger--
|
|
15
|
-
"select-listbox-trigger--noborder": "_select-listbox-trigger--
|
|
16
|
-
"select-listbox-trigger-icon": "_select-listbox-trigger-
|
|
17
|
-
"select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--
|
|
18
|
-
"select-listbox": "_select-
|
|
19
|
-
"select-listbox-option": "_select-listbox-
|
|
20
|
-
"select-listbox-option--active": "_select-listbox-option--
|
|
1
|
+
import './assets/SelectListbox.css';const t = {
|
|
2
|
+
"select-listbox-container": "_select-listbox-container_fhuzt_1",
|
|
3
|
+
"select-listbox__wrapper": "_select-listbox__wrapper_fhuzt_5",
|
|
4
|
+
"select-listbox-trigger": "_select-listbox-trigger_fhuzt_15",
|
|
5
|
+
"select-listbox-trigger--default": "_select-listbox-trigger--default_fhuzt_30",
|
|
6
|
+
"select-listbox-trigger--small": "_select-listbox-trigger--small_fhuzt_34",
|
|
7
|
+
"select-listbox-trigger--medium": "_select-listbox-trigger--medium_fhuzt_38",
|
|
8
|
+
"select-listbox-trigger-label": "_select-listbox-trigger-label_fhuzt_43",
|
|
9
|
+
"select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-right_fhuzt_52",
|
|
10
|
+
"select-listbox-trigger--bold": "_select-listbox-trigger--bold_fhuzt_56",
|
|
11
|
+
"select-listbox-trigger--pill": "_select-listbox-trigger--pill_fhuzt_60",
|
|
12
|
+
"select-listbox-trigger--pillLeft": "_select-listbox-trigger--pillLeft_fhuzt_65",
|
|
13
|
+
"select-listbox-trigger--pillRight": "_select-listbox-trigger--pillRight_fhuzt_70",
|
|
14
|
+
"select-listbox-trigger--darkBorder": "_select-listbox-trigger--darkBorder_fhuzt_75",
|
|
15
|
+
"select-listbox-trigger--noborder": "_select-listbox-trigger--noborder_fhuzt_89",
|
|
16
|
+
"select-listbox-trigger-icon": "_select-listbox-trigger-icon_fhuzt_101",
|
|
17
|
+
"select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--open_fhuzt_106",
|
|
18
|
+
"select-listbox": "_select-listbox_fhuzt_1",
|
|
19
|
+
"select-listbox-option": "_select-listbox-option_fhuzt_120",
|
|
20
|
+
"select-listbox-option--active": "_select-listbox-option--active_fhuzt_133"
|
|
21
21
|
};
|
|
22
22
|
export {
|
|
23
|
-
|
|
23
|
+
t as s
|
|
24
24
|
};
|
|
25
|
-
//# sourceMappingURL=SelectListbox.module-
|
|
25
|
+
//# sourceMappingURL=SelectListbox.module-BWavTmq8.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectListbox.module-BWavTmq8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._select-listbox-
|
|
1
|
+
._select-listbox-container_fhuzt_1{position:relative}._select-listbox__wrapper_fhuzt_5{border-radius:.5rem;box-shadow:0 0 .25rem #00000040;height:auto;overflow:hidden;position:fixed;width:auto;z-index:20}._select-listbox-trigger_fhuzt_15{align-items:center;background-color:var(--color-white);border:1px solid var(--color-silver);border-radius:.5rem;cursor:pointer;display:flex;font:inherit;justify-content:space-between;line-height:inherit;overflow:hidden;padding:.4rem 2rem .4rem 1rem;width:100%}._select-listbox-trigger--default_fhuzt_30{padding:.75rem 2rem .75rem 1rem}._select-listbox-trigger--small_fhuzt_34{padding:.4rem 2rem .4rem 1rem}._select-listbox-trigger--medium_fhuzt_38{height:2.75rem;padding:.5rem 2rem .5rem 1rem}._select-listbox-trigger-label_fhuzt_43{min-height:.65rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}._select-listbox__wrapper--align-right_fhuzt_52{right:0}._select-listbox-trigger--bold_fhuzt_56{font-weight:var(--semibold)}._select-listbox-trigger--pill_fhuzt_60{border-radius:6.25rem;padding:.5rem 1.5rem}._select-listbox-trigger--pillLeft_fhuzt_65{border-radius:6.25rem 0 0 6.25rem;padding-left:1.5rem}._select-listbox-trigger--pillRight_fhuzt_70{border-radius:0 6.25rem 6.25rem 0;padding-right:1.25rem}._select-listbox-trigger--darkBorder_fhuzt_75{border-color:var(--color-dark)}._select-listbox-trigger_fhuzt_15:focus-visible{background-color:var(--color-lavender);outline:1px solid var(--color-scarpa-flow)}._select-listbox-trigger_fhuzt_15:focus-visible,._select-listbox-trigger_fhuzt_15:hover{background-color:var(--color-lavender)}._select-listbox-trigger--noborder_fhuzt_89{border:none}._select-listbox-trigger--pillLeft_fhuzt_65+._select-listbox__wrapper_fhuzt_5{left:1rem}._select-listbox-trigger--pillRight_fhuzt_70+._select-listbox__wrapper--align-right_fhuzt_52{right:1rem}._select-listbox-trigger-icon_fhuzt_101{position:absolute;right:.875rem}._select-listbox-trigger-icon--open_fhuzt_106{transform:rotate(180deg)}._select-listbox_fhuzt_1{background-color:var(--color-white);list-style:none;margin:0;min-width:100%;overflow-y:auto;padding:4px;width:fit-content}._select-listbox-option_fhuzt_120{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;position:relative;-webkit-user-select:none;user-select:none}._select-listbox-option--active_fhuzt_133,._select-listbox-option_fhuzt_120:hover{background-color:var(--color-grey-100);box-shadow:0 0 0 1px var(--color-white)}._select-listbox-option_fhuzt_120[aria-selected=true]{font-weight:var(--semibold)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._toggle-switch_1df21_1{align-items:center;cursor:pointer;display:inline-flex;gap:1ch;-webkit-user-select:none;user-select:none}._toggle-switch__visible_1df21_9{align-items:center;background-color:var(--color-white);border:1px solid var(--color-black);border-radius:.75rem;box-shadow:0 1px 1px #0000000f,0 1px 2px #0000001a;display:flex;height:1.5rem;outline:.125rem dotted transparent;outline-offset:.125rem;padding:.25rem;transition:background-color .15s;width:3.125rem}:focus-visible+._toggle-switch__visible_1df21_9{outline-color:var(--color-cobalt)}:checked+._toggle-switch__visible_1df21_9{background-color:var(--color-uva-green)}._toggle-switch__visible_1df21_9:before{background-color:var(--color-lavender);border:1px solid var(--color-black);border-radius:.75rem;content:"";display:inline-block;height:1rem;min-width:1rem;transform:translate(-.1rem);transition:background-color .15s,transform .15s,width .15s}:checked+._toggle-switch__visible_1df21_9:before{background-color:var(--color-white);transform:translate(1.6rem)}._toggle-switch--disabled_1df21_54 ._toggle-switch__visible_1df21_9:before{background-color:#0000001a;border-color:#0000001a}:checked:active+._toggle-switch__visible_1df21_9:before{transform:translate(1.25rem)}._toggle-switch--disabled_1df21_54,._toggle-switch--loading_1df21_64{pointer-events:none}._toggle-switch--disabled_1df21_54 ._toggle-switch__visible_1df21_9{background-color:var(--color-lavender);border-color:#0000001a;box-shadow:none}._toggle-switch--visually-hidden_1df21_74{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._toggle-switch--disabled-label_1df21_87{color:var(--color-scarpa-flow)}._toggle-switch--loading-cursor_1df21_91{cursor:wait}._toggle-switch--extra-left-gap_1df21_95{margin-left:.5rem}
|
|
@@ -245,6 +245,12 @@ export declare const Icons: {
|
|
|
245
245
|
desc?: string;
|
|
246
246
|
descId?: string;
|
|
247
247
|
}>;
|
|
248
|
+
Eight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
249
|
+
title?: string;
|
|
250
|
+
titleId?: string;
|
|
251
|
+
desc?: string;
|
|
252
|
+
descId?: string;
|
|
253
|
+
}>;
|
|
248
254
|
EllipsisVertical: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
249
255
|
title?: string;
|
|
250
256
|
titleId?: string;
|
|
@@ -287,6 +293,18 @@ export declare const Icons: {
|
|
|
287
293
|
desc?: string;
|
|
288
294
|
descId?: string;
|
|
289
295
|
}>;
|
|
296
|
+
Five: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
297
|
+
title?: string;
|
|
298
|
+
titleId?: string;
|
|
299
|
+
desc?: string;
|
|
300
|
+
descId?: string;
|
|
301
|
+
}>;
|
|
302
|
+
Four: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
303
|
+
title?: string;
|
|
304
|
+
titleId?: string;
|
|
305
|
+
desc?: string;
|
|
306
|
+
descId?: string;
|
|
307
|
+
}>;
|
|
290
308
|
Hamburger: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
291
309
|
title?: string;
|
|
292
310
|
titleId?: string;
|
|
@@ -359,6 +377,12 @@ export declare const Icons: {
|
|
|
359
377
|
desc?: string;
|
|
360
378
|
descId?: string;
|
|
361
379
|
}>;
|
|
380
|
+
MiniCheck: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
381
|
+
title?: string;
|
|
382
|
+
titleId?: string;
|
|
383
|
+
desc?: string;
|
|
384
|
+
descId?: string;
|
|
385
|
+
}>;
|
|
362
386
|
Minus: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
363
387
|
title?: string;
|
|
364
388
|
titleId?: string;
|
|
@@ -371,12 +395,24 @@ export declare const Icons: {
|
|
|
371
395
|
desc?: string;
|
|
372
396
|
descId?: string;
|
|
373
397
|
}>;
|
|
398
|
+
Nine: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
399
|
+
title?: string;
|
|
400
|
+
titleId?: string;
|
|
401
|
+
desc?: string;
|
|
402
|
+
descId?: string;
|
|
403
|
+
}>;
|
|
374
404
|
NumberedList: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
375
405
|
title?: string;
|
|
376
406
|
titleId?: string;
|
|
377
407
|
desc?: string;
|
|
378
408
|
descId?: string;
|
|
379
409
|
}>;
|
|
410
|
+
One: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
411
|
+
title?: string;
|
|
412
|
+
titleId?: string;
|
|
413
|
+
desc?: string;
|
|
414
|
+
descId?: string;
|
|
415
|
+
}>;
|
|
380
416
|
Pencil: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
381
417
|
title?: string;
|
|
382
418
|
titleId?: string;
|
|
@@ -401,6 +437,18 @@ export declare const Icons: {
|
|
|
401
437
|
desc?: string;
|
|
402
438
|
descId?: string;
|
|
403
439
|
}>;
|
|
440
|
+
Seven: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
441
|
+
title?: string;
|
|
442
|
+
titleId?: string;
|
|
443
|
+
desc?: string;
|
|
444
|
+
descId?: string;
|
|
445
|
+
}>;
|
|
446
|
+
Six: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
447
|
+
title?: string;
|
|
448
|
+
titleId?: string;
|
|
449
|
+
desc?: string;
|
|
450
|
+
descId?: string;
|
|
451
|
+
}>;
|
|
404
452
|
Sparkles: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
405
453
|
title?: string;
|
|
406
454
|
titleId?: string;
|
|
@@ -449,6 +497,12 @@ export declare const Icons: {
|
|
|
449
497
|
desc?: string;
|
|
450
498
|
descId?: string;
|
|
451
499
|
}>;
|
|
500
|
+
Three: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
501
|
+
title?: string;
|
|
502
|
+
titleId?: string;
|
|
503
|
+
desc?: string;
|
|
504
|
+
descId?: string;
|
|
505
|
+
}>;
|
|
452
506
|
Trash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
453
507
|
title?: string;
|
|
454
508
|
titleId?: string;
|
|
@@ -461,6 +515,12 @@ export declare const Icons: {
|
|
|
461
515
|
desc?: string;
|
|
462
516
|
descId?: string;
|
|
463
517
|
}>;
|
|
518
|
+
Two: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
519
|
+
title?: string;
|
|
520
|
+
titleId?: string;
|
|
521
|
+
desc?: string;
|
|
522
|
+
descId?: string;
|
|
523
|
+
}>;
|
|
464
524
|
User: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
465
525
|
title?: string;
|
|
466
526
|
titleId?: string;
|
|
@@ -479,4 +539,10 @@ export declare const Icons: {
|
|
|
479
539
|
desc?: string;
|
|
480
540
|
descId?: string;
|
|
481
541
|
}>;
|
|
542
|
+
Zero: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
543
|
+
title?: string;
|
|
544
|
+
titleId?: string;
|
|
545
|
+
desc?: string;
|
|
546
|
+
descId?: string;
|
|
547
|
+
}>;
|
|
482
548
|
};
|