@uva-glass/component-library 3.45.0 → 3.45.1
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-OI1uPUjC.js +17 -0
- package/dist/SearchField.module-OI1uPUjC.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-fyOzyOPm.js +0 -17
- package/dist/SearchField.module-fyOzyOPm.js.map +0 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import './assets/SearchField.css';const _ = {
|
|
2
|
+
"search-field__input-wrapper": "_search-field__input-wrapper_459nc_1",
|
|
3
|
+
"search-field__input-field": "_search-field__input-field_459nc_8",
|
|
4
|
+
"search-field__icon": "_search-field__icon_459nc_35",
|
|
5
|
+
"search-field__result-wrapper": "_search-field__result-wrapper_459nc_43",
|
|
6
|
+
"search-field__input-container": "_search-field__input-container_459nc_57",
|
|
7
|
+
"search-field__input-container--hidden": "_search-field__input-container--hidden_459nc_62",
|
|
8
|
+
"search-field__input-container--visible": "_search-field__input-container--visible_459nc_66",
|
|
9
|
+
"search-field__compact-button": "_search-field__compact-button_459nc_76",
|
|
10
|
+
"search-field__compact-icon": "_search-field__compact-icon_459nc_92",
|
|
11
|
+
"search-field__result-list": "_search-field__result-list_459nc_96",
|
|
12
|
+
"search-field__result-item": "_search-field__result-item_459nc_109"
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
_ as s
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=SearchField.module-OI1uPUjC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchField.module-OI1uPUjC.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._search-field__input-
|
|
1
|
+
._search-field__input-wrapper_459nc_1{display:flex;justify-content:flex-end;position:relative;width:100%}._search-field__input-field_459nc_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.5rem;margin:0;padding:0 2.75rem 0 1rem;text-align:inherit;width:100%}._search-field__input-field_459nc_8::placeholder{color:var(--new-color-grey-700);font-size:inherit;opacity:1}._search-field__input-field_459nc_8:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-700)}._search-field__icon_459nc_35{color:var(--new-color-grey-700);position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}._search-field__result-wrapper_459nc_43{background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-400);border-radius:.25rem;display:flex;flex-direction:column;left:0;min-width:100%;overflow:hidden;position:absolute;top:calc(100% + .25rem);z-index:10}._search-field__input-container_459nc_57{position:relative;width:100%}._search-field__input-container--hidden_459nc_62{display:none}._search-field__input-container--visible_459nc_66{display:block;max-width:20rem;position:absolute;right:0;top:0;width:20rem;z-index:10}._search-field__compact-button_459nc_76{align-items:center;appearance:none;background-color:transparent;border:1px solid var(--new-color-grey-400);border-radius:.25rem;color:var(--new-color-uva-black);cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin:0;text-align:inherit;width:2.5rem}._search-field__compact-icon_459nc_92{color:var(--new-color-grey-700)}._search-field__result-list_459nc_96{border-bottom:1px solid var(--new-color-grey-400);list-style:none;margin:0;max-height:10rem;overflow-y:auto;padding:0}._search-field__result-list_459nc_96:empty{display:none}._search-field__result-item_459nc_109{font-size:inherit;max-width:100%;padding:.5rem 1rem;white-space:nowrap}._search-field__result-item_459nc_109:focus-visible{background-color:var(--new-color-grey-300);outline:none}._search-field__result-item_459nc_109:hover,._search-field__result-item_459nc_109:focus-visible{background-color:var(--new-color-grey-300);cursor:pointer}._search-field__result-info_459nc_127{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 h, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { useRef as y, useState as N, useEffect as R, Children as l, isValidElement as v, cloneElement as S } from "react";
|
|
3
3
|
import { c as F } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { ResultOption as w } from "./components/ResultsOption.js";
|
|
5
|
-
import { s as t } from "../../SearchField.module-
|
|
5
|
+
import { s as t } from "../../SearchField.module-OI1uPUjC.js";
|
|
6
6
|
import { ResultOptionBox as E } from "./components/ResultOptionBox.js";
|
|
7
7
|
import { Icon as _ } from "../Icon/Icon.js";
|
|
8
8
|
const O = ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as l, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { Fragment as i } from "react";
|
|
3
|
-
import { s as e } from "../../../SearchField.module-
|
|
3
|
+
import { s as e } from "../../../SearchField.module-OI1uPUjC.js";
|
|
4
4
|
const c = ({ children: t, resultCountRow: r }) => /* @__PURE__ */ l("div", { className: e["search-field__result-wrapper"], children: [
|
|
5
5
|
/* @__PURE__ */ s("ul", { className: e["search-field__result-list"], role: "listbox", tabIndex: -1, children: t }),
|
|
6
6
|
r && /* @__PURE__ */ s(i, { children: r }, "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-OI1uPUjC.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_5fm8z_1",
|
|
3
|
-
"search-field__input-field": "_search-field__input-field_5fm8z_8",
|
|
4
|
-
"search-field__icon": "_search-field__icon_5fm8z_39",
|
|
5
|
-
"search-field__result-wrapper": "_search-field__result-wrapper_5fm8z_47",
|
|
6
|
-
"search-field__input-container": "_search-field__input-container_5fm8z_61",
|
|
7
|
-
"search-field__input-container--hidden": "_search-field__input-container--hidden_5fm8z_66",
|
|
8
|
-
"search-field__input-container--visible": "_search-field__input-container--visible_5fm8z_70",
|
|
9
|
-
"search-field__compact-button": "_search-field__compact-button_5fm8z_80",
|
|
10
|
-
"search-field__compact-icon": "_search-field__compact-icon_5fm8z_96",
|
|
11
|
-
"search-field__result-list": "_search-field__result-list_5fm8z_100",
|
|
12
|
-
"search-field__result-item": "_search-field__result-item_5fm8z_110"
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
_ as s
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=SearchField.module-fyOzyOPm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchField.module-fyOzyOPm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|