@uva-glass/component-library 3.45.3 → 3.45.4
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/SearchField.module-DTDxokfU.js +17 -0
- package/dist/SearchField.module-DTDxokfU.js.map +1 -0
- package/dist/assets/SearchField.css +1 -1
- package/dist/components/SearchField/SearchField.js +1 -1
- package/dist/components/SearchField/components/ResultOptionBox.js +1 -1
- package/dist/components/SearchField/components/ResultsOption.js +1 -1
- package/package.json +1 -1
- package/dist/SearchField.module-B44YRRrn.js +0 -17
- package/dist/SearchField.module-B44YRRrn.js.map +0 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import './assets/SearchField.css';const _ = {
|
|
2
|
+
"search-field__input-wrapper": "_search-field__input-wrapper_x3viy_1",
|
|
3
|
+
"search-field__input-field": "_search-field__input-field_x3viy_8",
|
|
4
|
+
"search-field__icon": "_search-field__icon_x3viy_35",
|
|
5
|
+
"search-field__result-wrapper": "_search-field__result-wrapper_x3viy_43",
|
|
6
|
+
"search-field__input-container": "_search-field__input-container_x3viy_58",
|
|
7
|
+
"search-field__input-container--hidden": "_search-field__input-container--hidden_x3viy_63",
|
|
8
|
+
"search-field__input-container--visible": "_search-field__input-container--visible_x3viy_67",
|
|
9
|
+
"search-field__compact-button": "_search-field__compact-button_x3viy_77",
|
|
10
|
+
"search-field__compact-icon": "_search-field__compact-icon_x3viy_94",
|
|
11
|
+
"search-field__result-list": "_search-field__result-list_x3viy_98",
|
|
12
|
+
"search-field__result-item": "_search-field__result-item_x3viy_111"
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
_ as s
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=SearchField.module-DTDxokfU.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchField.module-DTDxokfU.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._search-field__input-
|
|
1
|
+
._search-field__input-wrapper_x3viy_1{display:flex;justify-content:flex-end;position:relative;width:100%}._search-field__input-field_x3viy_8{appearance:none;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-400);border-radius:.25rem;color:var(--new-color-uva-black);flex:1;font-family:inherit;font-size:inherit;height:2.35rem;margin:0;padding:0 2.75rem 0 1rem;text-align:inherit;width:100%}._search-field__input-field_x3viy_8::placeholder{color:var(--new-color-grey-700);font-size:inherit;opacity:1}._search-field__input-field_x3viy_8:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-700)}._search-field__icon_x3viy_35{color:var(--new-color-grey-700);position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}._search-field__result-wrapper_x3viy_43{background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-700);border-radius:.25rem;display:flex;flex-direction:column;left:0;max-width:22rem;min-width:100%;overflow:hidden;position:absolute;top:calc(100% + .25rem);z-index:10}._search-field__input-container_x3viy_58{position:relative;width:100%}._search-field__input-container--hidden_x3viy_63{display:none}._search-field__input-container--visible_x3viy_67{display:block;max-width:22rem;min-width:100%;position:absolute;right:0;top:0;z-index:10}._search-field__compact-button_x3viy_77{align-items:center;appearance:none;background-color:transparent;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-400);border-radius:.25rem;color:var(--new-color-uva-black);cursor:pointer;display:flex;height:2.35rem;justify-content:center;margin:0;text-align:inherit;width:2.35rem}._search-field__compact-icon_x3viy_94{color:var(--new-color-grey-700)}._search-field__result-list_x3viy_98{border-bottom:1px solid var(--new-color-grey-700);list-style:none;margin:0;max-height:11.5rem;overflow-y:auto;padding:0}._search-field__result-list_x3viy_98:empty{display:none}._search-field__result-item_x3viy_111{font-size:inherit;max-width:100%;padding:.5rem 1rem;white-space:nowrap}._search-field__result-item_x3viy_111:focus-visible{background-color:var(--new-color-grey-300);outline:none}._search-field__result-item_x3viy_111:hover,._search-field__result-item_x3viy_111:focus-visible{background-color:var(--new-color-grey-300);cursor:pointer}._search-field__result-info_x3viy_129{background-color:var(--new-color-uva-white);border-radius:0 0 .25rem .25rem;border-top:1px solid var(--new-color-grey-400);font-size:inherit;max-width:100%;padding:.5rem 1rem;white-space:nowrap}
|
|
@@ -2,7 +2,7 @@ import { jsxs as _, jsx as n } from "react/jsx-runtime";
|
|
|
2
2
|
import { useRef as b, useState as R, useEffect as v, Children as l, isValidElement as S, cloneElement as D } from "react";
|
|
3
3
|
import { c as F } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { ResultOption as k } from "./components/ResultsOption.js";
|
|
5
|
-
import { s as t } from "../../SearchField.module-
|
|
5
|
+
import { s as t } from "../../SearchField.module-DTDxokfU.js";
|
|
6
6
|
import { ResultOptionBox as E } from "./components/ResultOptionBox.js";
|
|
7
7
|
import { Icon as g } from "../Icon/Icon.js";
|
|
8
8
|
const O = ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as o, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as a, Fragment as i } from "react";
|
|
3
|
-
import { s } from "../../../SearchField.module-
|
|
3
|
+
import { s } from "../../../SearchField.module-DTDxokfU.js";
|
|
4
4
|
const m = a(({ children: t, resultCountRow: e }, l) => /* @__PURE__ */ o("div", { className: s["search-field__result-wrapper"], ref: l, children: [
|
|
5
5
|
/* @__PURE__ */ r("ul", { className: s["search-field__result-list"], role: "listbox", tabIndex: -1, children: t }),
|
|
6
6
|
e && /* @__PURE__ */ r(i, { children: e }, "result-count")
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { s as c } from "../../../SearchField.module-
|
|
2
|
+
import { s as c } from "../../../SearchField.module-DTDxokfU.js";
|
|
3
3
|
const f = ({ value: o, key: a, children: s, onSelect: r, ariaLabel: l }) => {
|
|
4
4
|
const t = (e) => {
|
|
5
5
|
e.stopPropagation(), r && r(o);
|
package/package.json
CHANGED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import './assets/SearchField.css';const _ = {
|
|
2
|
-
"search-field__input-wrapper": "_search-field__input-wrapper_x2i41_1",
|
|
3
|
-
"search-field__input-field": "_search-field__input-field_x2i41_8",
|
|
4
|
-
"search-field__icon": "_search-field__icon_x2i41_35",
|
|
5
|
-
"search-field__result-wrapper": "_search-field__result-wrapper_x2i41_43",
|
|
6
|
-
"search-field__input-container": "_search-field__input-container_x2i41_58",
|
|
7
|
-
"search-field__input-container--hidden": "_search-field__input-container--hidden_x2i41_63",
|
|
8
|
-
"search-field__input-container--visible": "_search-field__input-container--visible_x2i41_67",
|
|
9
|
-
"search-field__compact-button": "_search-field__compact-button_x2i41_77",
|
|
10
|
-
"search-field__compact-icon": "_search-field__compact-icon_x2i41_94",
|
|
11
|
-
"search-field__result-list": "_search-field__result-list_x2i41_98",
|
|
12
|
-
"search-field__result-item": "_search-field__result-item_x2i41_111"
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
_ as s
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=SearchField.module-B44YRRrn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchField.module-B44YRRrn.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|