@altinn/altinn-components 0.56.9 → 0.56.10

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.
Files changed (57) hide show
  1. package/dist/{SearchField-CXMhgFiw.js → SearchField-CYYz0JvC.js} +91 -91
  2. package/dist/assets/DatepickerFilter.css +1 -0
  3. package/dist/assets/FooterBase.css +1 -1
  4. package/dist/assets/GlobalHeaderBase.css +1 -1
  5. package/dist/assets/LayoutBody.css +1 -1
  6. package/dist/assets/LayoutContent.css +1 -1
  7. package/dist/assets/LayoutGrid.css +1 -0
  8. package/dist/assets/LayoutSidebar.css +1 -1
  9. package/dist/assets/SearchField.css +1 -1
  10. package/dist/components/Account/AccountMenu.js +1 -1
  11. package/dist/components/Breadcrumbs/index.js +6 -0
  12. package/dist/components/ContextMenu/ContextMenu.js +1 -1
  13. package/dist/components/Dialog/DialogActions.js +1 -1
  14. package/dist/components/Footer/FooterBase.js +7 -7
  15. package/dist/components/Forms/SearchField.js +1 -1
  16. package/dist/components/Forms/index.js +1 -1
  17. package/dist/components/GlobalHeader/AccountSelector.js +1 -1
  18. package/dist/components/GlobalHeader/GlobalHeaderBase.js +4 -4
  19. package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
  20. package/dist/components/GlobalMenu/LocaleSwitcher.js +1 -1
  21. package/dist/components/GlobalMenu_old/GlobalMenu.js +1 -1
  22. package/dist/components/Header/LocaleSwitcher.js +1 -1
  23. package/dist/components/Layout/Layout.js +44 -33
  24. package/dist/components/Layout/LayoutBody.js +5 -5
  25. package/dist/components/Layout/LayoutContent.js +1 -1
  26. package/dist/components/Layout/LayoutGrid.js +7 -0
  27. package/dist/components/Layout/LayoutSidebar.js +4 -4
  28. package/dist/components/Layout/index.js +12 -10
  29. package/dist/components/Menu/Menu.js +1 -1
  30. package/dist/components/Menu/MenuItems.js +1 -1
  31. package/dist/components/Menu/MenuListSearch.js +1 -1
  32. package/dist/components/Menu/VirtualizedMenuItems.js +1 -1
  33. package/dist/components/Menu/index.js +1 -1
  34. package/dist/components/Page/PageNav.js +4 -4
  35. package/dist/components/Page/index.js +18 -22
  36. package/dist/components/Toolbar/DatepickerFilter.js +57 -57
  37. package/dist/components/Toolbar/SelectDateFilter.js +49 -34
  38. package/dist/components/Toolbar/ToolbarFilterAddMenu.js +1 -1
  39. package/dist/components/Toolbar/ToolbarFilterMenu.js +83 -78
  40. package/dist/components/Toolbar/ToolbarMenu.js +1 -1
  41. package/dist/components/Toolbar/ToolbarSearch.js +1 -1
  42. package/dist/components/index.js +443 -441
  43. package/dist/index.js +455 -453
  44. package/dist/types/lib/components/Breadcrumbs/index.d.ts +2 -0
  45. package/dist/types/lib/components/Layout/Layout.d.ts +3 -1
  46. package/dist/types/lib/components/Layout/Layout.stories.d.ts +2 -1
  47. package/dist/types/lib/components/Layout/LayoutGrid.d.ts +13 -0
  48. package/dist/types/lib/components/Layout/index.d.ts +1 -0
  49. package/dist/types/lib/components/Page/index.d.ts +0 -2
  50. package/dist/types/lib/components/Toolbar/SelectDateFilter.d.ts +1 -0
  51. package/dist/types/lib/components/index.d.ts +1 -0
  52. package/package.json +1 -1
  53. package/dist/components/{Page → Breadcrumbs}/Breadcrumbs.js +1 -1
  54. /package/dist/components/{Page → Breadcrumbs}/BreadcrumbsLink.js +0 -0
  55. /package/dist/types/lib/components/{Page → Breadcrumbs}/Breadcrumbs.d.ts +0 -0
  56. /package/dist/types/lib/components/{Page → Breadcrumbs}/Breadcrumbs.stories.d.ts +0 -0
  57. /package/dist/types/lib/components/{Page → Breadcrumbs}/BreadcrumbsLink.d.ts +0 -0
@@ -2,11 +2,11 @@
2
2
  import { jsx as o, jsxs as E } from "react/jsx-runtime";
3
3
  import { c as oe } from "./index-p1eeF8LQ.js";
4
4
  import { useRef as j, useState as Q, useMemo as R, useEffect as G, Fragment as ge, useLayoutEffect as ne, useId as re } from "react";
5
- import { Button as se } from "./components/Button/Button.js";
5
+ import { Button as ie } from "./components/Button/Button.js";
6
6
  import "react-dom";
7
7
  import "./components/RootProvider/RootProvider.js";
8
8
  import { useMenu as de } from "./hooks/useMenu.js";
9
- import { Input as ie } from "./components/Forms/Input.js";
9
+ import { Input as se } from "./components/Forms/Input.js";
10
10
  import { FieldBase as ae } from "./components/Forms/FieldBase.js";
11
11
  import "./components/Snackbar/useSnackbar.js";
12
12
  import { S as ce } from "./MagnifyingGlass-bwVhw07z.js";
@@ -17,14 +17,14 @@ import { MenuListItem as pe } from "./components/Menu/MenuListItem.js";
17
17
  import { MenuListGroup as me } from "./components/Menu/MenuListGroup.js";
18
18
  import { MenuListDivider as he } from "./components/Menu/MenuListDivider.js";
19
19
  import { MenuListHeading as ye } from "./components/Menu/MenuListHeading.js";
20
- import { a as be } from "./useMenuVirtualization-Cs426RCN.js";
21
- import { useMenuSearch as ve } from "./components/Menu/useMenuSearch.js";
22
- import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInput_18jfe_8", te = {
23
- search: we,
20
+ import { a as we } from "./useMenuVirtualization-Cs426RCN.js";
21
+ import { useMenuSearch as be } from "./components/Menu/useMenuSearch.js";
22
+ import './assets/SearchField.css';const ve = "_search_18jfe_1", Ce = "_searchInput_18jfe_8", te = {
23
+ search: ve,
24
24
  searchInput: Ce
25
25
  }, xe = ({
26
- style: b,
27
- index: v,
26
+ style: w,
27
+ index: b,
28
28
  name: A,
29
29
  value: k,
30
30
  placeholder: d = "Search",
@@ -32,14 +32,14 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
32
32
  onChange: _,
33
33
  onClear: D,
34
34
  onNavigate: p,
35
- combobox: i = !1,
35
+ combobox: s = !1,
36
36
  listId: h,
37
37
  "aria-activedescendant": B,
38
38
  onKeyDown: y,
39
- onInput: s,
39
+ onInput: i,
40
40
  onFocus: x,
41
41
  ...M
42
- }) => /* @__PURE__ */ o("li", { className: te.search, style: b, "data-index": v, "data-menu-search": "true", children: i ? (
42
+ }) => /* @__PURE__ */ o("li", { className: te.search, style: w, "data-index": b, "data-menu-search": "true", children: s ? (
43
43
  // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
44
44
  // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
45
45
  // biome-ignore lint/a11y/useSemanticElements: <explanation>
@@ -64,7 +64,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
64
64
  onKeyDown: (a) => {
65
65
  (a.key === "ArrowUp" || a.key === "ArrowDown") && (a.preventDefault(), p?.()), y?.(a);
66
66
  },
67
- onInput: s,
67
+ onInput: i,
68
68
  onFocus: x,
69
69
  ...M
70
70
  }
@@ -87,13 +87,13 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
87
87
  onKeyDown: (a) => {
88
88
  (a.key === "ArrowUp" || a.key === "ArrowDown") && (a.preventDefault(), p?.()), y?.(a);
89
89
  },
90
- onInput: s,
90
+ onInput: i,
91
91
  onFocus: x,
92
92
  ...M
93
93
  }
94
94
  ) }), Ie = ({
95
- level: b = 0,
96
- maxLevels: v,
95
+ level: w = 0,
96
+ maxLevels: b,
97
97
  expanded: A,
98
98
  a11yMode: k = "menu",
99
99
  open: d,
@@ -101,27 +101,27 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
101
101
  autoActivateFirstItem: _ = !0,
102
102
  autoFocusList: D = !0,
103
103
  announceNoResults: p = !1,
104
- search: i,
104
+ search: s,
105
105
  items: h,
106
106
  groups: B = {},
107
107
  size: y,
108
- id: s,
108
+ id: i,
109
109
  color: x,
110
110
  variant: M,
111
111
  scrollRefStyles: a = {},
112
112
  keyboardEvents: I = !1,
113
113
  onSelect: z = () => {
114
114
  },
115
- onActiveItemIdChange: w
115
+ onActiveItemIdChange: v
116
116
  }) => {
117
- if (v && b >= v)
117
+ if (b && w >= b)
118
118
  return null;
119
- const m = k === "combobox", l = m && s ? `${s}-listbox` : s, F = j(d), O = j(d), [Y, C] = Q(!1), f = R(
119
+ const m = k === "combobox", l = m && i ? `${i}-listbox` : i, F = j(d), O = j(d), [Y, C] = Q(!1), f = R(
120
120
  () => h.map((n, g) => ({
121
121
  ...n,
122
- id: n.id || `${s}-item-${g}`
122
+ id: n.id || `${i}-item-${g}`
123
123
  })),
124
- [h, s]
124
+ [h, i]
125
125
  ), S = j(null), { menu: L, setActiveIndex: H, activeItem: W } = de({
126
126
  items: f,
127
127
  groups: B,
@@ -132,8 +132,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
132
132
  ref: S
133
133
  });
134
134
  return G(() => {
135
- w?.(W?.id);
136
- }, [W?.id, w]), G(() => {
135
+ v?.(W?.id);
136
+ }, [W?.id, v]), G(() => {
137
137
  if (!r) {
138
138
  F.current = d;
139
139
  return;
@@ -142,8 +142,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
142
142
  F.current = d, d && !n && S.current?.scrollTo({ top: 0 });
143
143
  }, [d, r]), G(() => {
144
144
  const n = O.current;
145
- O.current = d, !(!I || i || !D) && d && !n && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
146
- }, [d, I, i]), G(() => {
145
+ O.current = d, !(!I || s || !D) && d && !n && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
146
+ }, [d, I, s]), G(() => {
147
147
  if (m && p) {
148
148
  H(0), C(!0);
149
149
  return;
@@ -159,35 +159,35 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
159
159
  role: m ? "listbox" : void 0,
160
160
  tabIndex: I ? -1 : void 0,
161
161
  children: [
162
- i && /* @__PURE__ */ o(
162
+ s && /* @__PURE__ */ o(
163
163
  xe,
164
164
  {
165
- ...i,
165
+ ...s,
166
166
  combobox: m,
167
167
  listId: l,
168
168
  "aria-activedescendant": m && Y ? W?.id : void 0,
169
169
  onNavigate: m ? () => C(!0) : void 0,
170
170
  onChange: (n) => {
171
- C(!1), i.onChange?.(n);
171
+ C(!1), s.onChange?.(n);
172
172
  },
173
173
  onFocus: (n) => {
174
- C(!1), i.onFocus?.(n);
174
+ C(!1), s.onFocus?.(n);
175
175
  },
176
176
  onInput: (n) => {
177
- C(!1), i.onInput?.(n);
177
+ C(!1), s.onInput?.(n);
178
178
  },
179
179
  onKeyDown: (n) => {
180
180
  const g = n.key === "ArrowUp" || n.key === "ArrowDown", T = n.key.length === 1 || n.key === "Backspace" || n.key === "Delete";
181
- m && !g && T && C(!1), i.onKeyDown?.(n);
181
+ m && !g && T && C(!1), s.onKeyDown?.(n);
182
182
  }
183
183
  }
184
184
  ),
185
185
  L.map((n, g) => {
186
186
  const T = n?.props || {}, { title: P, hidden: q = !1, divider: X = !0 } = T;
187
187
  return /* @__PURE__ */ E(ge, { children: [
188
- (b > 0 || g) && X ? /* @__PURE__ */ o(he, {}) : "",
188
+ (w > 0 || g) && X ? /* @__PURE__ */ o(he, {}) : "",
189
189
  /* @__PURE__ */ o(me, { hidden: q, children: /* @__PURE__ */ E(Z, { role: "presentation", children: [
190
- P && /* @__PURE__ */ o(ye, { title: P, level: b }),
190
+ P && /* @__PURE__ */ o(ye, { title: P, level: w }),
191
191
  n?.items.filter((U) => !U.props?.hidden).map((U, e) => {
192
192
  const { active: t, onMouseEnter: u } = U, { groupId: K, ...c } = U.props || {}, { expanded: $ } = c, V = Array.isArray(c?.items) && c.items.length > 0, J = c.role === "checkbox" || c.role === "radio", ee = m && !J ? "option" : c.role;
193
193
  return /* @__PURE__ */ E(
@@ -219,8 +219,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
219
219
  {
220
220
  id: c.id + "-menu",
221
221
  expanded: $,
222
- level: b + 1,
223
- maxLevels: v,
222
+ level: w + 1,
223
+ maxLevels: b,
224
224
  items: c?.items,
225
225
  groups: B,
226
226
  size: y,
@@ -239,40 +239,40 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
239
239
  ]
240
240
  }
241
241
  );
242
- }, ke = (b) => {
243
- const v = j(null), A = j(null), [k, d] = Q(0), {
242
+ }, ke = (w) => {
243
+ const b = j(null), A = j(null), [k, d] = Q(0), {
244
244
  search: r,
245
245
  items: _,
246
246
  groups: D = {},
247
247
  size: p,
248
- color: i,
248
+ color: s,
249
249
  variant: h,
250
250
  keyboardEvents: B,
251
251
  scrollRefStyles: y = {},
252
- id: s,
252
+ id: i,
253
253
  expanded: x,
254
254
  a11yMode: M = "menu",
255
255
  open: a,
256
256
  scrollToTopOnOpen: I = !1,
257
257
  autoActivateFirstItem: z = !0,
258
- announceNoResults: w = !1,
258
+ announceNoResults: v = !1,
259
259
  onActiveItemIdChange: m
260
- } = b, l = M === "combobox", F = l && s ? `${s}-listbox` : s, O = j(a), [Y, C] = Q(!1), f = R(
260
+ } = w, l = M === "combobox", F = l && i ? `${i}-listbox` : i, O = j(a), [Y, C] = Q(!1), f = R(
261
261
  () => _.map((e, t) => ({
262
262
  ...e,
263
- id: e.id || `${s}-item-${t}`
263
+ id: e.id || `${i}-item-${t}`
264
264
  })),
265
- [_, s]
265
+ [_, i]
266
266
  ), { menu: S, activeItem: L, setActiveIndex: H, activeIndex: W } = de({
267
267
  items: f,
268
268
  groups: D,
269
269
  groupByKey: "groupId",
270
270
  keyboardEvents: B,
271
271
  autoActivateFirstItem: z,
272
- ref: v
273
- }), { flatMenu: n, virtualizer: g, scrollMaxHeight: T } = be({
272
+ ref: b
273
+ }), { flatMenu: n, virtualizer: g, scrollMaxHeight: T } = we({
274
274
  menu: S,
275
- scrollRef: v
275
+ scrollRef: b
276
276
  });
277
277
  ne(() => {
278
278
  const e = A.current;
@@ -322,17 +322,17 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
322
322
  G(() => {
323
323
  m?.(L?.id);
324
324
  }, [L?.id, m]), G(() => {
325
- if (l && w) {
325
+ if (l && v) {
326
326
  H(0), C(!0);
327
327
  return;
328
328
  }
329
- }, [w, l, H]), G(() => {
329
+ }, [v, l, H]), G(() => {
330
330
  if (!I) {
331
331
  O.current = a;
332
332
  return;
333
333
  }
334
334
  const e = O.current;
335
- O.current = a, a && !e && v.current?.scrollTo({ top: 0 });
335
+ O.current = a, a && !e && b.current?.scrollTo({ top: 0 });
336
336
  }, [a, I]);
337
337
  const U = {
338
338
  position: "relative",
@@ -346,10 +346,10 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
346
346
  return /* @__PURE__ */ E(
347
347
  Z,
348
348
  {
349
- ref: v,
349
+ ref: b,
350
350
  style: U,
351
351
  variant: h,
352
- color: i,
352
+ color: s,
353
353
  expanded: x,
354
354
  id: F,
355
355
  role: l ? "listbox" : void 0,
@@ -425,7 +425,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
425
425
  {
426
426
  ...t.itemProps || {},
427
427
  size: t.itemProps?.size || p,
428
- color: t.itemProps?.color || i,
428
+ color: t.itemProps?.color || s,
429
429
  variant: t.itemProps?.variant || h,
430
430
  active: t.active,
431
431
  role: $,
@@ -447,8 +447,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
447
447
  }
448
448
  );
449
449
  }, _e = ({
450
- searchable: b,
451
- search: v,
450
+ searchable: w,
451
+ search: b,
452
452
  items: A = [],
453
453
  groups: k = {},
454
454
  variant: d = "default",
@@ -456,33 +456,33 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
456
456
  level: _ = 0,
457
457
  maxLevels: D = 3,
458
458
  virtualized: p = !1,
459
- keyboardEvents: i = !1,
459
+ keyboardEvents: s = !1,
460
460
  scrollRefStyles: h = {},
461
461
  onActiveItemIdChange: B,
462
462
  a11yMode: y = "menu",
463
- open: s,
463
+ open: i,
464
464
  scrollToTopOnOpen: x,
465
465
  autoFocusList: M,
466
466
  id: a
467
467
  }) => {
468
- const I = ve({ ...v, items: A, groups: k }), z = b ? I.search : v, w = b && I.hasQuery && I.resultCount === 0, m = b ? I.items : A, l = b ? { ...k, ...I.groups } : k, F = y !== "combobox";
468
+ const I = be({ ...b, items: A, groups: k }), z = w ? I.search : b, v = w && I.hasQuery && I.resultCount === 0, m = w ? I.items : A, l = w ? { ...k, ...I.groups } : k, F = y !== "combobox";
469
469
  return p ? /* @__PURE__ */ o(
470
470
  ke,
471
471
  {
472
472
  id: a,
473
473
  search: z,
474
- announceNoResults: w,
474
+ announceNoResults: v,
475
475
  items: m,
476
476
  groups: l,
477
477
  variant: d,
478
478
  size: r,
479
479
  level: _,
480
480
  maxLevels: D,
481
- keyboardEvents: i,
481
+ keyboardEvents: s,
482
482
  scrollRefStyles: h,
483
483
  onActiveItemIdChange: B,
484
484
  a11yMode: y,
485
- open: s,
485
+ open: i,
486
486
  scrollToTopOnOpen: x,
487
487
  autoActivateFirstItem: F,
488
488
  autoFocusList: M
@@ -492,24 +492,24 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
492
492
  {
493
493
  id: a,
494
494
  search: z,
495
- announceNoResults: w,
495
+ announceNoResults: v,
496
496
  items: m,
497
497
  groups: l,
498
498
  variant: d,
499
499
  size: r,
500
500
  level: _,
501
501
  maxLevels: D,
502
- keyboardEvents: i,
502
+ keyboardEvents: s,
503
503
  scrollRefStyles: h,
504
504
  onActiveItemIdChange: B,
505
505
  a11yMode: y,
506
- open: s,
506
+ open: i,
507
507
  scrollToTopOnOpen: x,
508
508
  autoActivateFirstItem: F,
509
509
  autoFocusList: M
510
510
  }
511
511
  );
512
- }, Me = "_fieldContainer_1rfas_1", Ae = "_field_1rfas_1", De = "_icon_1rfas_15", Be = "_input_1rfas_9", Ne = "_clear_1rfas_48", Fe = "_clearButton_1rfas_61", Se = "_autocomplete_1rfas_90", N = {
512
+ }, Me = "_fieldContainer_w2w2p_1", Ae = "_field_w2w2p_1", De = "_icon_w2w2p_15", Be = "_input_w2w2p_9", Ne = "_clear_w2w2p_39", Fe = "_clearButton_w2w2p_52", Se = "_autocomplete_w2w2p_81", N = {
513
513
  fieldContainer: Me,
514
514
  field: Ae,
515
515
  icon: De,
@@ -518,8 +518,8 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
518
518
  clearButton: Fe,
519
519
  autocomplete: Se
520
520
  }, ue = ({
521
- className: b,
522
- collapsible: v,
521
+ className: w,
522
+ collapsible: b,
523
523
  size: A,
524
524
  color: k = "neutral",
525
525
  label: d,
@@ -527,30 +527,30 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
527
527
  onClear: _,
528
528
  clearButtonAltText: D = "Clear search",
529
529
  menu: p,
530
- minLength: i,
530
+ minLength: s,
531
531
  ...h
532
532
  }) => {
533
- const B = re(), [y, s] = Q(!1), x = h.id || `search-field-${B}`, M = `${x}-listbox`, [a, I] = Q(void 0), z = "searchfield-clear-button-" + re(), w = R(() => !r || typeof i == "number" && typeof r == "string" && r.length < i ? !1 : y, [y, i, r]), m = R(() => (p?.items ?? []).map((f) => ({
533
+ const B = re(), [y, i] = Q(!1), x = h.id || `search-field-${B}`, M = `${x}-listbox`, [a, I] = Q(void 0), z = "searchfield-clear-button-" + re(), v = R(() => !r || typeof s == "number" && typeof r == "string" && r.length < s ? !1 : y, [y, s, r]), m = R(() => (p?.items ?? []).map((f) => ({
534
534
  ...f,
535
535
  onClick: () => {
536
- f.onClick?.(), s(!1);
536
+ f.onClick?.(), i(!1);
537
537
  }
538
538
  })), [p]), l = (f) => {
539
- if (f.key === "Enter" && w) {
540
- p?.items?.[0]?.onClick?.(), s(!1);
539
+ if (f.key === "Enter" && v) {
540
+ p?.items?.[0]?.onClick?.(), i(!1);
541
541
  return;
542
542
  }
543
- if (f.key === "Escape" && w) {
544
- f.preventDefault(), f.stopPropagation(), s(!1), p?.onClose(), document.getElementById(x)?.focus();
543
+ if (f.key === "Escape" && v) {
544
+ f.preventDefault(), f.stopPropagation(), i(!1), p?.onClose(), document.getElementById(x)?.focus();
545
545
  return;
546
546
  }
547
- h.onKeyDown?.(f), s(!0);
547
+ h.onKeyDown?.(f), i(!0);
548
548
  }, F = () => {
549
- s(!0);
549
+ i(!0);
550
550
  }, O = (f) => {
551
551
  if (!y) return;
552
552
  const S = f.relatedTarget;
553
- S && f.currentTarget.contains(S) || s(!1);
553
+ S && f.currentTarget.contains(S) || i(!1);
554
554
  }, Y = (f) => {
555
555
  f.preventDefault();
556
556
  }, C = (f) => {
@@ -563,37 +563,37 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
563
563
  size: A,
564
564
  color: k,
565
565
  label: d,
566
- className: oe(N.field, b),
566
+ className: oe(N.field, w),
567
567
  onBlurCapture: O,
568
568
  children: [
569
569
  /* @__PURE__ */ o(
570
- ie,
570
+ se,
571
571
  {
572
572
  ...h,
573
573
  id: x,
574
574
  type: "search",
575
575
  value: r,
576
576
  className: N.input,
577
- "data-collapsible": v,
577
+ "data-collapsible": b,
578
578
  autoCapitalize: "off",
579
579
  autoComplete: "off",
580
- minLength: i,
580
+ minLength: s,
581
581
  onKeyDown: l,
582
582
  onBlur: C,
583
583
  ...p && {
584
584
  role: "combobox",
585
585
  "aria-autocomplete": "list",
586
- "aria-expanded": !!w,
586
+ "aria-expanded": !!v,
587
587
  "aria-haspopup": "listbox",
588
588
  "aria-controls": M,
589
- "aria-activedescendant": w ? a : void 0,
589
+ "aria-activedescendant": v ? a : void 0,
590
590
  onFocus: F
591
591
  }
592
592
  }
593
593
  ),
594
594
  /* @__PURE__ */ o(ce, { className: N.icon }),
595
595
  _ && !!r && /* @__PURE__ */ o("span", { className: N.clear, children: /* @__PURE__ */ o(
596
- se,
596
+ ie,
597
597
  {
598
598
  id: z,
599
599
  "data-testid": "clear-button",
@@ -613,7 +613,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
613
613
  ]
614
614
  }
615
615
  ),
616
- p && w && /* @__PURE__ */ o("div", { className: N.autocomplete, "aria-hidden": !w, onMouseDown: Y, children: /* @__PURE__ */ o(
616
+ p && v && /* @__PURE__ */ o("div", { className: N.autocomplete, "aria-hidden": !v, onMouseDown: Y, children: /* @__PURE__ */ o(
617
617
  _e,
618
618
  {
619
619
  ...p,
@@ -622,7 +622,7 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
622
622
  groups: p?.groups,
623
623
  keyboardEvents: !0,
624
624
  a11yMode: "combobox",
625
- open: w,
625
+ open: v,
626
626
  autoFocusList: !1,
627
627
  onActiveItemIdChange: I
628
628
  }
@@ -633,28 +633,28 @@ import './assets/SearchField.css';const we = "_search_18jfe_1", Ce = "_searchInp
633
633
  size: A,
634
634
  color: k,
635
635
  label: d,
636
- className: oe(N.field, b),
636
+ className: oe(N.field, w),
637
637
  onBlurCapture: O,
638
638
  children: [
639
639
  /* @__PURE__ */ o(
640
- ie,
640
+ se,
641
641
  {
642
642
  ...h,
643
643
  id: x,
644
644
  type: "search",
645
645
  value: r,
646
646
  className: N.input,
647
- "data-collapsible": v,
647
+ "data-collapsible": b,
648
648
  autoCapitalize: "off",
649
649
  autoComplete: "off",
650
- minLength: i,
650
+ minLength: s,
651
651
  onKeyDown: l,
652
652
  onBlur: C
653
653
  }
654
654
  ),
655
655
  /* @__PURE__ */ o(ce, { className: N.icon }),
656
656
  _ && !!r && /* @__PURE__ */ o("span", { className: N.clear, children: /* @__PURE__ */ o(
657
- se,
657
+ ie,
658
658
  {
659
659
  id: z,
660
660
  "data-testid": "clear-button",
@@ -0,0 +1 @@
1
+ input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}
@@ -1 +1 @@
1
- ._footer_ln3oe_1{border-top:1px solid;border-color:var(--ds-color-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:2rem 1rem}._grid_ln3oe_13{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media(min-width:1024px){._grid_ln3oe_13{padding:0 1rem;flex-direction:row}}
1
+ ._footer_1yxd7_1{border-top:1px solid;border-color:var(--ds-color-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:0 1rem}._grid_1yxd7_13{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media(min-width:1024px){._grid_1yxd7_13{flex-direction:row}}
@@ -1 +1 @@
1
- ._header_t9h1f_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.7rem;background-color:#fff;margin-bottom:1rem}._backdrop_t9h1f_13{display:none}._header_t9h1f_1[data-current-id=menu],._header_t9h1f_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_t9h1f_1[data-current-id=menu] ._backdrop_t9h1f_13,._header_t9h1f_1[data-current-id=locale] ._backdrop_t9h1f_13{display:block}}@media(max-width:1023px){._header_t9h1f_1{gap:0}}._header_t9h1f_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
1
+ ._header_pafet_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.7rem;background-color:#fff}._backdrop_pafet_12{display:none}._header_pafet_1[data-current-id=menu],._header_pafet_1[data-current-id=locale]{background-color:#fff}@media(min-width:1024px){._header_pafet_1[data-current-id=menu] ._backdrop_pafet_12,._header_pafet_1[data-current-id=locale] ._backdrop_pafet_12{display:block}}@media(max-width:1023px){._header_pafet_1{gap:0}}._header_pafet_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
@@ -1 +1 @@
1
- ._body_1voih_1{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;column-gap:2em}._body_1voih_1[data-current-id=accountFullscreen]{display:none}@media(min-width:1024px){._body_1voih_1{padding:0 1rem}}@media(max-width:1023px){._body_1voih_1[data-current-id=menu]{display:none}}
1
+ ._body_1s4on_1{flex-grow:1;width:100%;max-width:80rem;margin:0 auto;display:flex;column-gap:2em}._body_1s4on_1[data-current-id=accountFullscreen]{display:none}@media(max-width:1023px){._body_1s4on_1[data-current-id=menu]{display:none}}
@@ -1 +1 @@
1
- ._content_1xz06_1{overflow-wrap:anywhere;flex-grow:1;display:flex;flex-direction:column;width:100%;margin:0 auto}@media(min-width:1024px){[aria-hidden=true]+._content_1xz06_1{padding:0 112px}}
1
+ ._content_1508z_1{overflow-wrap:anywhere;flex-grow:1;display:flex;flex-direction:column;width:100%;padding:1rem 0;margin:0 auto}@media(min-width:1024px){[aria-hidden=true]+._content_1508z_1{padding:1rem 112px}}
@@ -0,0 +1 @@
1
+ ._grid_6h47e_1{flex-grow:1;width:100%;padding:0 1rem;margin:0 auto;display:flex;flex-direction:column}._grid_6h47e_1[data-current-id=accountFullscreen]{display:none}@media(max-width:1023px){._grid_6h47e_1[data-current-id=menu]{display:none}}
@@ -1 +1 @@
1
- ._sidebar_1yk7j_1,._sidebar_1yk7j_1[aria-hidden=true]{display:none}._footer_1yk7j_9{margin-top:.75rem;padding-top:1rem;padding-left:.5rem;border-top:1px solid var(--ds-color-border-subtle)}@media(min-width:1024px){._sidebar_1yk7j_1{align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_1yk7j_1[data-sticky=true]{position:sticky;top:0}._sidebar_1yk7j_1[aria-hidden=true]{display:none}}
1
+ ._sidebar_1b5b3_1{padding:1rem 0;display:none}._sidebar_1b5b3_1[aria-hidden=true]{display:none}._footer_1b5b3_10{margin-top:.75rem;padding-top:1rem;padding-left:.5rem;border-top:1px solid var(--ds-color-border-subtle)}@media(min-width:1024px){._sidebar_1b5b3_1{align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_1b5b3_1[data-sticky=true]{position:sticky;top:0}._sidebar_1b5b3_1[aria-hidden=true]{display:none}}
@@ -1 +1 @@
1
- ._search_18jfe_1{position:sticky;top:0;z-index:1;background-color:var(--ds-color-surface-default)}._searchInput_18jfe_8{width:100%}._search_18jfe_1 input:focus-visible{outline-offset:0;outline-width:2px}._fieldContainer_1rfas_1,._field_1rfas_1{position:relative}._inputContainer_1rfas_9{position:relative;display:inline-flex;width:100%}._icon_1rfas_15{position:absolute;top:1px;bottom:1px;left:.3em;color:var(--ds-color-text-subtle);font-size:1.25em;width:1.25em;height:1.25em;pointer-events:none}._input_1rfas_9{padding-left:2.25em;padding-right:2.25em}._input_1rfas_9[type=search]::-webkit-search-decoration,._input_1rfas_9[type=search]::-webkit-search-cancel-button{appearance:none}@media(max-width:1023px){._field_1rfas_1[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}._clear_1rfas_48{position:absolute;top:1px;right:1px;bottom:1px;width:2.5em;height:2.5em;display:flex;justify-content:center;align-items:center;margin:0}._clearButton_1rfas_61[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_1rfas_61:focus-visible{outline-offset:0;outline-width:2px}._input_1rfas_9[data-collapsible=true]{transition:width .5s ease-in-out}._input_1rfas_9[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_1rfas_9[data-collapsible=true]:focus,._input_1rfas_9[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}._autocomplete_1rfas_90{--var-min-width: 100%;--var-max-width: 20rem;--var-width: 20rem;min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);position:absolute;top:100%;left:0;z-index:1;border-radius:.375rem;margin-top:.5rem;margin-bottom:.5rem;background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}@media(max-width:1023px){._autocomplete_1rfas_90{--var-max-width: 100%;--var-width: 100%}}._autocomplete_1rfas_90[aria-hidden=true]{display:none}
1
+ ._search_18jfe_1{position:sticky;top:0;z-index:1;background-color:var(--ds-color-surface-default)}._searchInput_18jfe_8{width:100%}._search_18jfe_1 input:focus-visible{outline-offset:0;outline-width:2px}._fieldContainer_w2w2p_1,._field_w2w2p_1{position:relative}._inputContainer_w2w2p_9{position:relative;display:inline-flex;width:100%}._icon_w2w2p_15{position:absolute;top:1px;bottom:1px;left:.3em;color:var(--ds-color-text-subtle);font-size:1.25em;width:1.25em;height:1.25em;pointer-events:none!important}._input_w2w2p_9{padding-left:2.25em;padding-right:2.25em}._input_w2w2p_9[type=search]::-webkit-search-decoration,._input_w2w2p_9[type=search]::-webkit-search-cancel-button{appearance:none}._clear_w2w2p_39{position:absolute;top:1px;right:1px;bottom:1px;width:2.5em;height:2.5em;display:flex;justify-content:center;align-items:center;margin:0}._clearButton_w2w2p_52[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_w2w2p_52:focus-visible{outline-offset:0;outline-width:2px}._input_w2w2p_9[data-collapsible=true]{transition:width .5s ease-in-out}._input_w2w2p_9[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_w2w2p_9[data-collapsible=true]:focus,._input_w2w2p_9[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}._autocomplete_w2w2p_81{--var-min-width: 100%;--var-max-width: 20rem;--var-width: 20rem;min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);position:absolute;top:100%;left:0;z-index:1;border-radius:.375rem;margin-top:.5rem;margin-bottom:.5rem;background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._autocomplete_w2w2p_81[aria-hidden=true]{display:none}@media(max-width:479px){._fieldContainer_w2w2p_1,._field_w2w2p_1{width:100%}._autocomplete_w2w2p_81{--var-max-width: 100%;--var-width: 100%}._input_w2w2p_9[data-collapsible=true]:placeholder-shown,._input_w2w2p_9[data-collapsible=true]:focus,._input_w2w2p_9[data-collapsible=true]:not(:placeholder-shown){width:100%!important}._field_w2w2p_1[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}
@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
5
5
  import "../Button/Button.js";
6
6
  import "react-dom";
7
7
  import "../RootProvider/RootProvider.js";
8
- import { M as S } from "../../SearchField-CXMhgFiw.js";
8
+ import { M as S } from "../../SearchField-CYYz0JvC.js";
9
9
  import "../Snackbar/useSnackbar.js";
10
10
  const F = (n) => `${n} hits`, G = ({
11
11
  items: n = [],
@@ -0,0 +1,6 @@
1
+ import { Breadcrumbs as m } from "./Breadcrumbs.js";
2
+ import { BreadcrumbsLink as a } from "./BreadcrumbsLink.js";
3
+ export {
4
+ m as Breadcrumbs,
5
+ a as BreadcrumbsLink
6
+ };
@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
5
5
  import u, { forwardRef as s } from "react";
6
6
  import { Dropdown as m } from "../Dropdown/Dropdown.js";
7
7
  import { useRootContext as c } from "../RootProvider/RootProvider.js";
8
- import { M as f } from "../../SearchField-CXMhgFiw.js";
8
+ import { M as f } from "../../SearchField-CYYz0JvC.js";
9
9
  import "../Snackbar/useSnackbar.js";
10
10
  import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
11
11
  import { Tooltip as b } from "../Tooltip/Tooltip.js";
@@ -8,7 +8,7 @@ import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
8
8
  import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
9
9
  import "react-dom";
10
10
  import { useRootContext as _ } from "../RootProvider/RootProvider.js";
11
- import { M as v } from "../../SearchField-CXMhgFiw.js";
11
+ import { M as v } from "../../SearchField-CYYz0JvC.js";
12
12
  import "../Snackbar/useSnackbar.js";
13
13
  import { S as k, a as D } from "../../ChevronUp-_BBfEirx.js";
14
14
  import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", m = {
@@ -1,12 +1,12 @@
1
- import { jsx as s, jsxs as t } from "react/jsx-runtime";
1
+ import { jsx as t, jsxs as e } from "react/jsx-runtime";
2
2
  import { c } from "../../index-p1eeF8LQ.js";
3
- import '../../assets/FooterBase.css';const i = "_footer_ln3oe_1", n = "_grid_ln3oe_13", o = {
4
- footer: i,
5
- grid: n
6
- }, l = ({ className: r, children: e }) => /* @__PURE__ */ s("footer", { className: c(o.footer, r), children: /* @__PURE__ */ t("div", { className: o.grid, children: [
7
- e,
3
+ import '../../assets/FooterBase.css';const d = "_footer_1yxd7_1", i = "_grid_1yxd7_13", o = {
4
+ footer: d,
5
+ grid: i
6
+ }, a = ({ className: r, children: s }) => /* @__PURE__ */ t("footer", { className: c(o.footer, r), children: /* @__PURE__ */ e("div", { className: o.grid, children: [
7
+ s,
8
8
  " "
9
9
  ] }) });
10
10
  export {
11
- l as FooterBase
11
+ a as FooterBase
12
12
  };
@@ -4,7 +4,7 @@ import "react";
4
4
  import "../Button/Button.js";
5
5
  import "react-dom";
6
6
  import "../RootProvider/RootProvider.js";
7
- import { S as l } from "../../SearchField-CXMhgFiw.js";
7
+ import { S as l } from "../../SearchField-CYYz0JvC.js";
8
8
  import "./Input.js";
9
9
  import "./FieldBase.js";
10
10
  import "../Snackbar/useSnackbar.js";
@@ -12,7 +12,7 @@ import { FieldBase as B } from "./FieldBase.js";
12
12
  import { TextField as C } from "./TextField.js";
13
13
  import { TextareaField as R } from "./TextareaField.js";
14
14
  import { SelectField as u } from "./SelectField.js";
15
- import { S as I } from "../../SearchField-CXMhgFiw.js";
15
+ import { S as I } from "../../SearchField-CYYz0JvC.js";
16
16
  import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
17
17
  import { FieldsetBase as y } from "./FieldsetBase.js";
18
18
  import { OptionsBase as A } from "./OptionsBase.js";
@@ -8,7 +8,7 @@ import { Button as A } from "../Button/Button.js";
8
8
  import "react-dom";
9
9
  import { useRootContext as P } from "../RootProvider/RootProvider.js";
10
10
  import "../Snackbar/useSnackbar.js";
11
- import { S as H } from "../../SearchField-CXMhgFiw.js";
11
+ import { S as H } from "../../SearchField-CYYz0JvC.js";
12
12
  import { S as T } from "../../button-BB5sYVKY.js";
13
13
  import { H as V, S as B } from "../../switch-Cemfhx0H.js";
14
14
  import { u as j } from "../../useId-BVFxCjkq.js";