@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.
@@ -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-wrapper_x2i41_1{display:flex;justify-content:flex-end;position:relative;width:100%}._search-field__input-field_x2i41_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_x2i41_8::placeholder{color:var(--new-color-grey-700);font-size:inherit;opacity:1}._search-field__input-field_x2i41_8:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-700)}._search-field__icon_x2i41_35{color:var(--new-color-grey-700);position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}._search-field__result-wrapper_x2i41_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:13.75rem;min-width:100%;overflow:hidden;position:absolute;top:calc(100% + .25rem);z-index:10}._search-field__input-container_x2i41_58{position:relative;width:100%}._search-field__input-container--hidden_x2i41_63{display:none}._search-field__input-container--visible_x2i41_67{display:block;max-width:13.75rem;min-width:100%;position:absolute;right:0;top:0;z-index:10}._search-field__compact-button_x2i41_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_x2i41_94{color:var(--new-color-grey-700)}._search-field__result-list_x2i41_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_x2i41_98:empty{display:none}._search-field__result-item_x2i41_111{font-size:inherit;max-width:100%;padding:.5rem 1rem;white-space:nowrap}._search-field__result-item_x2i41_111:focus-visible{background-color:var(--new-color-grey-300);outline:none}._search-field__result-item_x2i41_111:hover,._search-field__result-item_x2i41_111:focus-visible{background-color:var(--new-color-grey-300);cursor:pointer}._search-field__result-info_x2i41_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}
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-B44YRRrn.js";
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-B44YRRrn.js";
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-B44YRRrn.js";
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
@@ -2,7 +2,7 @@
2
2
  "name": "@uva-glass/component-library",
3
3
  "author": "Team Glass - Frontend vrienden",
4
4
  "private": false,
5
- "version": "3.45.3",
5
+ "version": "3.45.4",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
@@ -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":";;;;;;;;;;;;;"}