@uva-glass/component-library 2.1.0 → 2.1.1

package/dist/{SelectListbox.module-ByNtXEyE.js → SelectListbox.module-D-jCitTr.js}

@@ -1,24 +1,25 @@
 import './assets/SelectListbox.css';const e = {
-  "select-listbox-container": "_select-listbox-container_1f0f3_1",
-  "select-listbox__wrapper": "_select-listbox__wrapper_1f0f3_5",
-  "select-listbox-trigger": "_select-listbox-trigger_1f0f3_15",
-  "select-listbox-trigger--default": "_select-listbox-trigger--default_1f0f3_30",
-  "select-listbox-trigger--small": "_select-listbox-trigger--small_1f0f3_34",
-  "select-listbox-trigger--medium": "_select-listbox-trigger--medium_1f0f3_38",
-  "select-listbox-trigger-label": "_select-listbox-trigger-label_1f0f3_43",
-  "select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-right_1f0f3_51",
-  "select-listbox-trigger--bold": "_select-listbox-trigger--bold_1f0f3_55",
-  "select-listbox-trigger--pill": "_select-listbox-trigger--pill_1f0f3_59",
-  "select-listbox-trigger--pillLeft": "_select-listbox-trigger--pillLeft_1f0f3_64",
-  "select-listbox-trigger--pillRight": "_select-listbox-trigger--pillRight_1f0f3_69",
-  "select-listbox-trigger--noborder": "_select-listbox-trigger--noborder_1f0f3_84",
-  "select-listbox-trigger-icon": "_select-listbox-trigger-icon_1f0f3_96",
-  "select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--open_1f0f3_101",
-  "select-listbox": "_select-listbox_1f0f3_1",
-  "select-listbox-option": "_select-listbox-option_1f0f3_115",
-  "select-listbox-option--active": "_select-listbox-option--active_1f0f3_127"
+  "select-listbox-container": "_select-listbox-container_seapf_1",
+  "select-listbox__wrapper": "_select-listbox__wrapper_seapf_5",
+  "select-listbox-trigger": "_select-listbox-trigger_seapf_15",
+  "select-listbox-trigger--default": "_select-listbox-trigger--default_seapf_30",
+  "select-listbox-trigger--small": "_select-listbox-trigger--small_seapf_34",
+  "select-listbox-trigger--medium": "_select-listbox-trigger--medium_seapf_38",
+  "select-listbox-trigger-label": "_select-listbox-trigger-label_seapf_43",
+  "select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-right_seapf_52",
+  "select-listbox-trigger--bold": "_select-listbox-trigger--bold_seapf_56",
+  "select-listbox-trigger--pill": "_select-listbox-trigger--pill_seapf_60",
+  "select-listbox-trigger--pillLeft": "_select-listbox-trigger--pillLeft_seapf_65",
+  "select-listbox-trigger--pillRight": "_select-listbox-trigger--pillRight_seapf_70",
+  "select-listbox-trigger--darkBorder": "_select-listbox-trigger--darkBorder_seapf_75",
+  "select-listbox-trigger--noborder": "_select-listbox-trigger--noborder_seapf_89",
+  "select-listbox-trigger-icon": "_select-listbox-trigger-icon_seapf_101",
+  "select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--open_seapf_106",
+  "select-listbox": "_select-listbox_seapf_1",
+  "select-listbox-option": "_select-listbox-option_seapf_120",
+  "select-listbox-option--active": "_select-listbox-option--active_seapf_133"
 };
 export {
   e as s
 };
-//# sourceMappingURL=SelectListbox.module-ByNtXEyE.js.map
+//# sourceMappingURL=SelectListbox.module-D-jCitTr.js.map

package/dist/SelectListbox.module-D-jCitTr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectListbox.module-D-jCitTr.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/assets/SelectListbox.css

@@ -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)}
+._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)}

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -92,7 +92,7 @@ const d = ({
       default: !1
     },
     variant: {
-      options: ["default", "noborder", "pill", "pillLeft", "pillRight"],
+      options: ["default", "noborder", "pill", "pillLeft", "pillRight", "darkBorder"],
       control: { type: "select" }
     },
     optionPositionRight: {
@@ -144,7 +144,7 @@ const d = ({
   mobileBreakpoint: "28rem",
   size: "default",
   onChange: i()
-}, 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({});
+}, 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({});
 z.args = {
   ...o
 };