@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.
Files changed (27) hide show
  1. package/dist/{SelectListbox.module-D-jCitTr.js → SelectListbox.module-BWavTmq8.js} +22 -22
  2. package/dist/SelectListbox.module-BWavTmq8.js.map +1 -0
  3. package/dist/assets/SelectListbox.css +1 -1
  4. package/dist/assets/ToggleSwitch.css +1 -0
  5. package/dist/components/Icon/icons/index.d.ts +66 -0
  6. package/dist/components/Icon/icons/index.js +146 -91
  7. package/dist/components/Icon/icons/index.js.map +1 -1
  8. package/dist/components/SelectListbox/components/SelectButton.js +1 -1
  9. package/dist/components/SelectListbox/components/SelectContainer.js +1 -1
  10. package/dist/components/SelectListbox/components/SelectOption.js +1 -1
  11. package/dist/components/SelectListbox/components/SelectOptionBox.js +1 -1
  12. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +15 -0
  13. package/dist/components/ToggleSwitch/ToggleSwitch.js +66 -0
  14. package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -0
  15. package/dist/components/ToggleSwitch/ToggleSwitch.stories.d.ts +5 -0
  16. package/dist/components/ToggleSwitch/ToggleSwitch.stories.js +26 -0
  17. package/dist/components/ToggleSwitch/ToggleSwitch.stories.js.map +1 -0
  18. package/dist/components/ToggleSwitch/index.d.ts +1 -0
  19. package/dist/components/ToggleSwitch/index.js +5 -0
  20. package/dist/components/ToggleSwitch/index.js.map +1 -0
  21. package/dist/components/index.d.ts +1 -0
  22. package/dist/components/index.js +30 -28
  23. package/dist/components/index.js.map +1 -1
  24. package/dist/index.js +30 -28
  25. package/dist/index.js.map +1 -1
  26. package/package.json +16 -16
  27. package/dist/SelectListbox.module-D-jCitTr.js.map +0 -1
@@ -1,25 +1,25 @@
1
- import './assets/SelectListbox.css';const e = {
2
- "select-listbox-container": "_select-listbox-container_seapf_1",
3
- "select-listbox__wrapper": "_select-listbox__wrapper_seapf_5",
4
- "select-listbox-trigger": "_select-listbox-trigger_seapf_15",
5
- "select-listbox-trigger--default": "_select-listbox-trigger--default_seapf_30",
6
- "select-listbox-trigger--small": "_select-listbox-trigger--small_seapf_34",
7
- "select-listbox-trigger--medium": "_select-listbox-trigger--medium_seapf_38",
8
- "select-listbox-trigger-label": "_select-listbox-trigger-label_seapf_43",
9
- "select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-right_seapf_52",
10
- "select-listbox-trigger--bold": "_select-listbox-trigger--bold_seapf_56",
11
- "select-listbox-trigger--pill": "_select-listbox-trigger--pill_seapf_60",
12
- "select-listbox-trigger--pillLeft": "_select-listbox-trigger--pillLeft_seapf_65",
13
- "select-listbox-trigger--pillRight": "_select-listbox-trigger--pillRight_seapf_70",
14
- "select-listbox-trigger--darkBorder": "_select-listbox-trigger--darkBorder_seapf_75",
15
- "select-listbox-trigger--noborder": "_select-listbox-trigger--noborder_seapf_89",
16
- "select-listbox-trigger-icon": "_select-listbox-trigger-icon_seapf_101",
17
- "select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--open_seapf_106",
18
- "select-listbox": "_select-listbox_seapf_1",
19
- "select-listbox-option": "_select-listbox-option_seapf_120",
20
- "select-listbox-option--active": "_select-listbox-option--active_seapf_133"
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
- e as s
23
+ t as s
24
24
  };
25
- //# sourceMappingURL=SelectListbox.module-D-jCitTr.js.map
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-container_seapf_1{position:relative}._select-listbox__wrapper_seapf_5{border-radius:.5rem;box-shadow:0 0 .25rem #00000040;height:auto;overflow:hidden;position:fixed;width:auto;z-index:20}._select-listbox-trigger_seapf_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_seapf_30{padding:.75rem 2rem .75rem 1rem}._select-listbox-trigger--small_seapf_34{padding:.4rem 2rem .4rem 1rem}._select-listbox-trigger--medium_seapf_38{height:2.75rem;padding:.5rem 2rem .5rem 1rem}._select-listbox-trigger-label_seapf_43{min-height:1.5rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}._select-listbox__wrapper--align-right_seapf_52{right:0}._select-listbox-trigger--bold_seapf_56{font-weight:var(--semibold)}._select-listbox-trigger--pill_seapf_60{border-radius:6.25rem;padding:.5rem 1.5rem}._select-listbox-trigger--pillLeft_seapf_65{border-radius:6.25rem 0 0 6.25rem;padding-left:1.5rem}._select-listbox-trigger--pillRight_seapf_70{border-radius:0 6.25rem 6.25rem 0;padding-right:1.25rem}._select-listbox-trigger--darkBorder_seapf_75{border-color:var(--color-dark)}._select-listbox-trigger_seapf_15:focus-visible{background-color:var(--color-lavender);outline:1px solid var(--color-scarpa-flow)}._select-listbox-trigger_seapf_15:focus-visible,._select-listbox-trigger_seapf_15:hover{background-color:var(--color-lavender)}._select-listbox-trigger--noborder_seapf_89{border:none}._select-listbox-trigger--pillLeft_seapf_65+._select-listbox__wrapper_seapf_5{left:1rem}._select-listbox-trigger--pillRight_seapf_70+._select-listbox__wrapper--align-right_seapf_52{right:1rem}._select-listbox-trigger-icon_seapf_101{position:absolute;right:.875rem}._select-listbox-trigger-icon--open_seapf_106{transform:rotate(180deg)}._select-listbox_seapf_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_seapf_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_seapf_133,._select-listbox-option_seapf_120:hover{background-color:var(--color-grey-100);box-shadow:0 0 0 1px var(--color-white)}._select-listbox-option_seapf_120[aria-selected=true]{font-weight:var(--semibold)}
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
  };