@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.
@@ -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-wrapper_5fm8z_1{display:flex;justify-content:flex-end;position:relative;width:100%}._search-field__input-field_5fm8z_8{appearance:none;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-700);border-radius:.25rem;color:var(--new-color-uva-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;margin:0;padding:0 2.75rem 0 1rem;text-align:inherit;width:100%}._search-field__input-field_5fm8z_8::placeholder{color:var(--new-color-grey-700);font-size:inherit;opacity:1}._search-field__input-field_5fm8z_8:disabled{color:var(--new-color-grey-500)}._search-field__input-field_5fm8z_8:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-700)}._search-field__icon_5fm8z_39{color:var(--new-color-grey-700);position:absolute;right:.6rem;top:50%;transform:translateY(-50%)}._search-field__result-wrapper_5fm8z_47{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;min-width:100%;overflow:hidden;position:absolute;top:calc(100% + .25rem);z-index:10}._search-field__input-container_5fm8z_61{position:relative;width:100%}._search-field__input-container--hidden_5fm8z_66{display:none}._search-field__input-container--visible_5fm8z_70{display:block;max-width:20rem;position:absolute;right:0;top:0;width:20rem;z-index:10}._search-field__compact-button_5fm8z_80{align-items:center;appearance:none;background-color:transparent;border:1px solid var(--new-color-grey-700);border-radius:.25rem;color:var(--new-color-uva-black);cursor:pointer;display:flex;height:2.75rem;justify-content:center;margin:0;text-align:inherit;width:2.75rem}._search-field__compact-icon_5fm8z_96{color:var(--new-color-grey-700)}._search-field__result-list_5fm8z_100{border-bottom:1px solid var(--new-color-grey-700);max-height:10rem;overflow-y:auto}._search-field__result-list_5fm8z_100:empty{display:none}._search-field__result-item_5fm8z_110{font-size:inherit;max-width:100%;padding:.5rem 1rem;white-space:nowrap}._search-field__result-item_5fm8z_110:focus-visible{background-color:var(--new-color-grey-300);outline:none}._search-field__result-item_5fm8z_110:hover,._search-field__result-item_5fm8z_110:focus-visible{background-color:var(--new-color-grey-300);cursor:pointer}._search-field__result-info_5fm8z_128{background-color:var(--new-color-uva-white);border-radius:0 0 .25rem .25rem;border-top:1px solid var(--new-color-grey-700);font-size:inherit;max-width:100%;padding:.5rem 1rem;white-space:nowrap}
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-fyOzyOPm.js";
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-fyOzyOPm.js";
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-fyOzyOPm.js";
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
@@ -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.0",
5
+ "version": "3.45.1",
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_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":";;;;;;;;;;;;;"}