@uva-glass/component-library 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.
Files changed (35) hide show
  1. package/dist/SelectListbox.module-BWavTmq8.js +25 -0
  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/SelectListbox/SelectListBox.stories.js +2 -2
  6. package/dist/components/SelectListbox/SelectListBox.stories.js.map +1 -1
  7. package/dist/components/SelectListbox/SelectListbox.d.ts +4 -2
  8. package/dist/components/SelectListbox/SelectListbox.js +31 -29
  9. package/dist/components/SelectListbox/SelectListbox.js.map +1 -1
  10. package/dist/components/SelectListbox/components/SelectButton.d.ts +1 -1
  11. package/dist/components/SelectListbox/components/SelectButton.js +1 -1
  12. package/dist/components/SelectListbox/components/SelectButton.js.map +1 -1
  13. package/dist/components/SelectListbox/components/SelectContainer.js +1 -1
  14. package/dist/components/SelectListbox/components/SelectOption.js +1 -1
  15. package/dist/components/SelectListbox/components/SelectOptionBox.js +1 -1
  16. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +15 -0
  17. package/dist/components/ToggleSwitch/ToggleSwitch.js +66 -0
  18. package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -0
  19. package/dist/components/ToggleSwitch/ToggleSwitch.stories.d.ts +5 -0
  20. package/dist/components/ToggleSwitch/ToggleSwitch.stories.js +26 -0
  21. package/dist/components/ToggleSwitch/ToggleSwitch.stories.js.map +1 -0
  22. package/dist/components/ToggleSwitch/index.d.ts +1 -0
  23. package/dist/components/ToggleSwitch/index.js +5 -0
  24. package/dist/components/ToggleSwitch/index.js.map +1 -0
  25. package/dist/components/hooks/usePositionedFloaters.d.ts +1 -0
  26. package/dist/components/hooks/usePositionedFloaters.js +22 -20
  27. package/dist/components/hooks/usePositionedFloaters.js.map +1 -1
  28. package/dist/components/index.d.ts +1 -0
  29. package/dist/components/index.js +30 -28
  30. package/dist/components/index.js.map +1 -1
  31. package/dist/index.js +30 -28
  32. package/dist/index.js.map +1 -1
  33. package/package.json +17 -17
  34. package/dist/SelectListbox.module-ByNtXEyE.js +0 -24
  35. package/dist/SelectListbox.module-ByNtXEyE.js.map +0 -1
package/dist/SelectListbox.module-BWavTmq8.js ADDED
@@ -0,0 +1,25 @@
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
+ };
22
+ export {
23
+ t as s
24
+ };
25
+ //# sourceMappingURL=SelectListbox.module-BWavTmq8.js.map
package/dist/SelectListbox.module-BWavTmq8.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectListbox.module-BWavTmq8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
package/dist/assets/SelectListbox.css CHANGED
@@ -1 +1 @@
1
- ._select-listbox-container_1f0f3_1{position:relative}._select-listbox__wrapper_1f0f3_5{border-radius:.5rem;box-shadow:0 0 .25rem #00000040;height:auto;overflow:hidden;position:fixed;width:auto;z-index:20}._select-listbox-trigger_1f0f3_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_1f0f3_30{padding:.75rem 2rem .75rem 1rem}._select-listbox-trigger--small_1f0f3_34{padding:.4rem 2rem .4rem 1rem}._select-listbox-trigger--medium_1f0f3_38{padding:.5rem 2rem .5rem 1rem;height:2.75rem}._select-listbox-trigger-label_1f0f3_43{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}._select-listbox__wrapper--align-right_1f0f3_51{right:0}._select-listbox-trigger--bold_1f0f3_55{font-weight:var(--semibold)}._select-listbox-trigger--pill_1f0f3_59{border-radius:6.25rem;padding:.5rem 1.5rem}._select-listbox-trigger--pillLeft_1f0f3_64{border-radius:6.25rem 0 0 6.25rem;padding-left:1.5rem}._select-listbox-trigger--pillRight_1f0f3_69{border-radius:0 6.25rem 6.25rem 0;padding-right:1.25rem}._select-listbox-trigger_1f0f3_15:focus-visible{background-color:var(--color-lavender);outline:1px solid var(--color-scarpa-flow)}._select-listbox-trigger_1f0f3_15:focus-visible,._select-listbox-trigger_1f0f3_15:hover{background-color:var(--color-lavender)}._select-listbox-trigger--noborder_1f0f3_84{border:none}._select-listbox-trigger--pillLeft_1f0f3_64+._select-listbox__wrapper_1f0f3_5{left:1rem}._select-listbox-trigger--pillRight_1f0f3_69+._select-listbox__wrapper--align-right_1f0f3_51{right:1rem}._select-listbox-trigger-icon_1f0f3_96{position:absolute;right:.875rem}._select-listbox-trigger-icon--open_1f0f3_101{transform:rotate(180deg)}._select-listbox_1f0f3_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_1f0f3_115{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_1f0f3_127,._select-listbox-option_1f0f3_115:hover{background-color:var(--color-grey-100);box-shadow:0 0 0 1px var(--color-white)}._select-listbox-option_1f0f3_115[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)}
package/dist/assets/ToggleSwitch.css ADDED
@@ -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}
package/dist/components/SelectListbox/SelectListBox.stories.js CHANGED
@@ -92,7 +92,7 @@ const d = ({
92
92
  default: !1
93
93
  },
94
94
  variant: {
95
- options: ["default", "noborder", "pill", "pillLeft", "pillRight"],
95
+ options: ["default", "noborder", "pill", "pillLeft", "pillRight", "darkBorder"],
96
96
  control: { type: "select" }
97
97
  },
98
98
  optionPositionRight: {
@@ -144,7 +144,7 @@ const d = ({
144
144
  mobileBreakpoint: "28rem",
145
145
  size: "default",
146
146
  onChange: i()
147
- }, W = (l) => /* @__PURE__ */ a("div", { style: { width: "10rem", margin: "0rem auto 0 auto" }, children: /* @__PURE__ */ a(r, { ...l, children: n.map(({ label: t, value: c }, h) => /* @__PURE__ */ a(r.SelectOption, { option: { label: t, value: c }, index: h, children: t }, `${c}`)) }) }), z = W.bind({});
147
+ }, W = (l) => /* @__PURE__ */ a("div", { style: { width: "30rem", margin: "0rem auto 0 auto" }, children: /* @__PURE__ */ a(r, { ...l, children: n.map(({ label: t, value: c }, h) => /* @__PURE__ */ a(r.SelectOption, { option: { label: t, value: c }, index: h, children: t }, `${c}`)) }) }), z = W.bind({});
148
148
  z.args = {
149
149
  ...o
150
150
  };