@altinn/altinn-components 0.26.1 → 0.27.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.
Files changed (141) hide show
  1. package/dist/FieldsetLegend-Dwb3U0vQ.js +10 -0
  2. package/dist/Input-B_w6SBmg.js +12 -0
  3. package/dist/Label-DjSEhgyW.js +11 -0
  4. package/dist/Paragraph-CFjOkbXa.js +11 -0
  5. package/dist/Textarea-BBstVlPT.js +10 -0
  6. package/dist/altinn-ds-overrides.css +2 -2
  7. package/dist/altinn-ds.css +47 -101
  8. package/dist/assets/Button.css +1 -1
  9. package/dist/assets/ButtonBase.css +1 -1
  10. package/dist/assets/ButtonIcon.css +1 -1
  11. package/dist/assets/ButtonLabel.css +1 -1
  12. package/dist/assets/ComboButton.css +1 -1
  13. package/dist/assets/IconButton.css +1 -1
  14. package/dist/assets/ListItemHeader.css +1 -1
  15. package/dist/assets/MenuItemLabel.css +1 -1
  16. package/dist/components/Bookmarks/EditableBookmark.js +31 -30
  17. package/dist/components/Button/Button.js +41 -43
  18. package/dist/components/Button/ButtonBase.js +28 -26
  19. package/dist/components/Button/ButtonIcon.js +3 -3
  20. package/dist/components/Button/ButtonLabel.js +3 -3
  21. package/dist/components/Button/ComboButton.js +30 -28
  22. package/dist/components/Button/IconButton.js +24 -25
  23. package/dist/components/ContextMenu/ContextMenu.js +5 -6
  24. package/dist/components/Dialog/DialogActions.js +22 -21
  25. package/dist/components/Dialog/DialogListItem.js +65 -62
  26. package/dist/components/DsComponents/index.js +23 -21
  27. package/dist/components/Forms/Checkbox.js +16 -0
  28. package/dist/components/Forms/CheckboxOptions.js +12 -0
  29. package/dist/components/Forms/Field.js +6 -0
  30. package/dist/components/Forms/FieldBase.js +17 -0
  31. package/dist/components/Forms/Fieldset.js +28 -0
  32. package/dist/components/Forms/FieldsetBase.js +15 -0
  33. package/dist/components/Forms/Input.js +14 -0
  34. package/dist/components/Forms/Label.js +6 -0
  35. package/dist/components/Forms/Legend.js +14 -0
  36. package/dist/components/Forms/OptionsBase.js +18 -0
  37. package/dist/components/Forms/Radio.js +16 -0
  38. package/dist/components/Forms/RadioOptions.js +12 -0
  39. package/dist/components/Forms/Select.js +25 -0
  40. package/dist/components/Forms/SelectField.js +12 -0
  41. package/dist/components/Forms/Switch.js +16 -0
  42. package/dist/components/Forms/SwitchOptions.js +12 -0
  43. package/dist/components/Forms/TextField.js +12 -0
  44. package/dist/components/Forms/Textarea.js +6 -0
  45. package/dist/components/Forms/TextareaField.js +12 -0
  46. package/dist/components/Forms/index.js +40 -0
  47. package/dist/components/GlobalMenu/AccountMenu.js +2 -2
  48. package/dist/components/GlobalMenu/GlobalMenu.js +72 -65
  49. package/dist/components/List/ListItem.js +15 -13
  50. package/dist/components/List/ListItemBase.js +18 -16
  51. package/dist/components/List/ListItemHeader.js +30 -30
  52. package/dist/components/Menu/Menu.js +42 -38
  53. package/dist/components/Menu/MenuItemLabel.js +10 -10
  54. package/dist/components/Menu/MenuItemsVirtual.js +28 -27
  55. package/dist/components/Page/DashboardCard.js +10 -9
  56. package/dist/components/Page/PageDetails.js +1 -1
  57. package/dist/components/Page/PageNav.js +6 -6
  58. package/dist/components/Toolbar/ToolbarButton.js +23 -21
  59. package/dist/components/Toolbar/ToolbarFilter.js +27 -26
  60. package/dist/components/index.js +147 -113
  61. package/dist/{floating-ui.react-BQwG1HOM.js → floating-ui.react-DpzNAs2N.js} +26 -31
  62. package/dist/{index-DcykCrjD.js → index-B7UjMwQm.js} +13 -12
  63. package/dist/index-Bq6w9CqA.js +81 -0
  64. package/dist/index.js +177 -143
  65. package/dist/lite-1fxw3LjI.js +7 -0
  66. package/dist/tokens/README.md +1 -1
  67. package/dist/tokens/altinn-ds.css +48 -102
  68. package/dist/tokens/design-tokens-build/altinn-ds.css +48 -102
  69. package/dist/types/fields.js +1 -0
  70. package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts +0 -1
  71. package/dist/types/lib/components/Button/Button.d.ts +1 -2
  72. package/dist/types/lib/components/Button/Button.stories.d.ts +5 -1
  73. package/dist/types/lib/components/Button/ButtonBase.d.ts +3 -2
  74. package/dist/types/lib/components/Button/ComboButton.d.ts +1 -1
  75. package/dist/types/lib/components/Dialog/DialogActions.d.ts +2 -1
  76. package/dist/types/lib/components/Dialog/DialogActions.stories.d.ts +1 -1
  77. package/dist/types/lib/components/Dialog/DialogListItem.d.ts +1 -1
  78. package/dist/types/lib/components/Forms/Checkbox.d.ts +7 -0
  79. package/dist/types/lib/components/Forms/Checkbox.stories.d.ts +15 -0
  80. package/dist/types/lib/components/Forms/CheckboxOptions.d.ts +5 -0
  81. package/dist/types/lib/components/Forms/CheckboxOptions.stories.d.ts +18 -0
  82. package/dist/types/lib/components/Forms/Field.d.ts +7 -0
  83. package/dist/types/lib/components/Forms/FieldBase.d.ts +8 -0
  84. package/dist/types/lib/components/Forms/Fieldset.d.ts +7 -0
  85. package/dist/types/lib/components/Forms/FieldsetBase.d.ts +8 -0
  86. package/dist/types/lib/components/Forms/Forms.stories.d.ts +7 -0
  87. package/dist/types/lib/components/Forms/Input.d.ts +10 -0
  88. package/dist/types/lib/components/Forms/Label.d.ts +7 -0
  89. package/dist/types/lib/components/Forms/Legend.d.ts +7 -0
  90. package/dist/types/lib/components/Forms/OptionsBase.d.ts +9 -0
  91. package/dist/types/lib/components/Forms/Radio.d.ts +7 -0
  92. package/dist/types/lib/components/Forms/Radio.stories.d.ts +15 -0
  93. package/dist/types/lib/components/Forms/RadioOptions.d.ts +6 -0
  94. package/dist/types/lib/components/Forms/RadioOptions.stories.d.ts +18 -0
  95. package/dist/types/lib/components/Forms/Select.d.ts +9 -0
  96. package/dist/types/lib/components/Forms/SelectField.d.ts +8 -0
  97. package/dist/types/lib/components/Forms/SelectField.stories.d.ts +14 -0
  98. package/dist/types/lib/components/Forms/Switch.d.ts +7 -0
  99. package/dist/types/lib/components/Forms/Switch.stories.d.ts +15 -0
  100. package/dist/types/lib/components/Forms/SwitchOptions.d.ts +6 -0
  101. package/dist/types/lib/components/Forms/SwitchOptions.stories.d.ts +18 -0
  102. package/dist/types/lib/components/Forms/TextField.d.ts +6 -0
  103. package/dist/types/lib/components/Forms/TextField.stories.d.ts +15 -0
  104. package/dist/types/lib/components/Forms/Textarea.d.ts +7 -0
  105. package/dist/types/lib/components/Forms/TextareaField.d.ts +6 -0
  106. package/dist/types/lib/components/Forms/TextareaField.stories.d.ts +15 -0
  107. package/dist/types/lib/components/Forms/index.d.ts +19 -0
  108. package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +4 -2
  109. package/dist/types/lib/components/GlobalMenu/AccountMenu.stories.d.ts +3 -2
  110. package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +1 -1
  111. package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +3 -2
  112. package/dist/types/lib/components/Header/Header.stories.d.ts +1 -0
  113. package/dist/types/lib/components/List/ListItem.d.ts +1 -1
  114. package/dist/types/lib/components/List/ListItem.stories.d.ts +1 -1
  115. package/dist/types/lib/components/List/ListItemBase.d.ts +3 -1
  116. package/dist/types/lib/components/List/Specimens.stories.d.ts +1 -1
  117. package/dist/types/lib/components/Menu/Examples.stories.d.ts +6 -6
  118. package/dist/types/lib/components/Menu/Menu.d.ts +3 -3
  119. package/dist/types/lib/components/Menu/Menu.stories.d.ts +1 -1
  120. package/dist/types/lib/components/Menu/MenuItems.d.ts +4 -0
  121. package/dist/types/lib/components/Menu/MenuItemsVirtual.d.ts +5 -1
  122. package/dist/types/lib/components/Page/DashboardHeader.stories.d.ts +12 -0
  123. package/dist/types/lib/components/Page/{Patterns.stories.d.ts → Examples.stories.d.ts} +2 -0
  124. package/dist/types/lib/components/Toolbar/ToolbarButton.d.ts +2 -1
  125. package/dist/types/lib/components/Toolbar/ToolbarButton.stories.d.ts +1 -1
  126. package/dist/types/lib/components/index.d.ts +1 -1
  127. package/dist/types/lib/types/fields.d.ts +2 -0
  128. package/dist/usePagination-B4GfH2GQ.js +1026 -0
  129. package/package.json +1 -1
  130. package/dist/assets/FieldBase.css +0 -1
  131. package/dist/assets/InputBase.css +0 -1
  132. package/dist/components/TextField/FieldBase.js +0 -16
  133. package/dist/components/TextField/InputBase.js +0 -33
  134. package/dist/components/TextField/TextField.js +0 -7
  135. package/dist/components/TextField/index.js +0 -8
  136. package/dist/types/lib/components/Button/Buttons.stories.d.ts +0 -18
  137. package/dist/types/lib/components/TextField/FieldBase.d.ts +0 -11
  138. package/dist/types/lib/components/TextField/InputBase.d.ts +0 -14
  139. package/dist/types/lib/components/TextField/TextField.d.ts +0 -7
  140. package/dist/types/lib/components/TextField/index.d.ts +0 -3
  141. package/dist/usePagination-BJD-uxk9.js +0 -1098
@@ -1,35 +1,37 @@
1
- import { jsx as b } from "react/jsx-runtime";
1
+ import { jsx as d } from "react/jsx-runtime";
2
2
  import { c as i } from "../../index-L8X2o7IH.js";
3
- import '../../assets/ButtonBase.css';const d = "_button_1tsrv_1", p = {
4
- button: d
5
- }, v = ({
6
- as: o,
7
- color: a,
8
- className: n,
9
- children: s,
3
+ import '../../assets/ButtonBase.css';const p = "_button_1c0tl_1", f = {
4
+ button: p
5
+ }, B = ({
6
+ as: a,
7
+ color: o,
8
+ className: e,
9
+ children: n,
10
+ reverse: s,
10
11
  disabled: t = !1,
11
- ariaLabel: e,
12
- size: r,
13
- selected: c,
14
- variant: l,
15
- tabIndex: m = 0,
16
- ...u
17
- }) => /* @__PURE__ */ b(
18
- o || "button",
12
+ ariaLabel: r,
13
+ size: c,
14
+ selected: l,
15
+ variant: m,
16
+ tabIndex: u = 0,
17
+ ...b
18
+ }) => /* @__PURE__ */ d(
19
+ a || "button",
19
20
  {
20
- tabIndex: m,
21
- "data-size": r,
22
- "data-variant": l,
23
- "data-color": a,
24
- "data-selected": c,
21
+ tabIndex: u,
22
+ "data-size": c,
23
+ "data-color": o,
24
+ "data-variant": m,
25
+ "data-reverse": s,
26
+ "data-selected": l,
25
27
  "aria-disabled": t,
26
28
  disabled: t,
27
- className: i(p.button, n),
28
- "aria-label": e,
29
- ...u,
30
- children: s
29
+ className: i(f.button, e),
30
+ "aria-label": r,
31
+ ...b,
32
+ children: n
31
33
  }
32
34
  );
33
35
  export {
34
- v as ButtonBase
36
+ B as ButtonBase
35
37
  };
@@ -1,13 +1,13 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { c } from "../../index-L8X2o7IH.js";
2
+ import { c as i } from "../../index-L8X2o7IH.js";
3
3
  import { Icon as m } from "../Icon/Icon.js";
4
4
  import "react";
5
5
  import "../RootProvider/RootProvider.js";
6
6
  import "../Search/AutocompleteBase.js";
7
7
  import "../Snackbar/useSnackbar.js";
8
- import '../../assets/ButtonIcon.css';const s = "_icon_ablit_1", e = {
8
+ import '../../assets/ButtonIcon.css';const s = "_icon_n7bze_1", e = {
9
9
  icon: s
10
- }, u = ({ className: t, size: i, icon: n, iconAltText: r }) => /* @__PURE__ */ o("span", { className: c(e.icon, t), "data-size": i, children: /* @__PURE__ */ o(m, { svgElement: n, altText: r }) });
10
+ }, u = ({ className: t, size: n, icon: r, iconAltText: c }) => /* @__PURE__ */ o("span", { className: i(e.icon, t), "data-size": n, children: /* @__PURE__ */ o(m, { svgElement: r, altText: c }) });
11
11
  export {
12
12
  u as ButtonIcon
13
13
  };
@@ -1,8 +1,8 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { c as e } from "../../index-L8X2o7IH.js";
3
- import '../../assets/ButtonLabel.css';const o = "_label_1ahnm_1", n = {
3
+ import '../../assets/ButtonLabel.css';const o = "_label_1v8cl_1", c = {
4
4
  label: o
5
- }, m = ({ className: a, size: l, children: s }) => /* @__PURE__ */ t("span", { className: e(n.label, a), "data-size": l, children: s });
5
+ }, b = ({ className: l, size: a, children: s }) => /* @__PURE__ */ t("span", { className: e(c.label, l), "data-size": a, children: s });
6
6
  export {
7
- m as ButtonLabel
7
+ b as ButtonLabel
8
8
  };
@@ -1,41 +1,43 @@
1
- import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
- import { c as b } from "../../index-L8X2o7IH.js";
3
- import { ButtonBase as n } from "./ButtonBase.js";
4
- import { ButtonIcon as u } from "./ButtonIcon.js";
5
- import { ButtonLabel as y } from "./ButtonLabel.js";
6
- import '../../assets/ComboButton.css';const f = "_button_tbm58_1", v = "_divider_tbm58_8", B = "_primary_tbm58_15", x = "_secondary_tbm58_16", r = {
7
- button: f,
8
- divider: v,
1
+ import { jsxs as u, jsx as r } from "react/jsx-runtime";
2
+ import { c as y } from "../../index-L8X2o7IH.js";
3
+ import { ButtonBase as t } from "./ButtonBase.js";
4
+ import { ButtonIcon as b } from "./ButtonIcon.js";
5
+ import { ButtonLabel as f } from "./ButtonLabel.js";
6
+ import '../../assets/ComboButton.css';const v = "_button_d26a8_1", x = "_divider_d26a8_7", B = "_primary_d26a8_14", N = "_secondary_d26a8_15", a = {
7
+ button: v,
8
+ divider: x,
9
9
  primary: B,
10
- secondary: x
11
- }, I = ({
12
- variant: m = "solid",
13
- color: c,
10
+ secondary: N
11
+ }, L = ({
12
+ variant: n = "solid",
13
+ color: s,
14
14
  size: o = "md",
15
- selected: a = !1,
16
- icon: d,
15
+ selected: d = !1,
16
+ icon: c,
17
17
  children: i,
18
- className: e,
19
- ariaLabel: s,
18
+ className: m,
19
+ ariaLabel: e,
20
20
  onLabelClick: l,
21
- onIconClick: _
22
- }) => /* @__PURE__ */ p(
23
- n,
21
+ onIconClick: _,
22
+ iconAltText: p
23
+ }) => /* @__PURE__ */ u(
24
+ t,
24
25
  {
25
26
  as: "div",
26
27
  size: o,
27
- variant: m,
28
- color: c,
29
- selected: a,
30
- className: b(r.button, e),
31
- ariaLabel: s,
28
+ variant: n,
29
+ color: s,
30
+ selected: d,
31
+ className: y(a.button, m),
32
+ ariaLabel: e,
33
+ tabIndex: -1,
32
34
  children: [
33
- /* @__PURE__ */ t(n, { size: o, onClick: _, className: r.secondary, ariaLabel: s, children: /* @__PURE__ */ t(u, { icon: d, size: o }) }),
34
- /* @__PURE__ */ t("span", { "data-size": o, className: r.divider }),
35
- /* @__PURE__ */ t(n, { size: o, onClick: l, className: r.primary, children: /* @__PURE__ */ t(y, { size: o, children: i }) })
35
+ /* @__PURE__ */ r(t, { size: o, onClick: l, className: a.primary, children: /* @__PURE__ */ r(f, { size: o, children: i }) }),
36
+ /* @__PURE__ */ r("span", { "data-size": o, className: a.divider }),
37
+ /* @__PURE__ */ r(t, { size: o, onClick: _, className: a.secondary, ariaLabel: p, children: /* @__PURE__ */ r(b, { icon: c, size: o }) })
36
38
  ]
37
39
  }
38
40
  );
39
41
  export {
40
- I as ComboButton
42
+ L as ComboButton
41
43
  };
@@ -1,35 +1,34 @@
1
- import { jsx as t } from "react/jsx-runtime";
1
+ import { jsx as o } from "react/jsx-runtime";
2
2
  import { c as l } from "../../index-L8X2o7IH.js";
3
- import { ButtonBase as _ } from "./ButtonBase.js";
4
- import { ButtonIcon as b } from "./ButtonIcon.js";
5
- import '../../assets/IconButton.css';const d = "_button_118jo_1", p = "_icon_118jo_8", f = {
6
- button: d,
7
- icon: p
8
- }, h = ({
3
+ import { ButtonBase as b } from "./ButtonBase.js";
4
+ import { ButtonIcon as d } from "./ButtonIcon.js";
5
+ import '../../assets/IconButton.css';const p = "_button_hmev5_1", f = {
6
+ button: p
7
+ }, I = ({
9
8
  variant: n = "solid",
10
- size: o = "md",
11
- icon: c,
12
- color: r,
13
- iconSize: s,
14
- className: i,
15
- selected: m,
16
- onClick: a,
17
- dataTestId: e,
9
+ size: t = "md",
10
+ icon: r,
11
+ color: s,
12
+ iconSize: m,
13
+ className: a,
14
+ selected: c,
15
+ onClick: e,
16
+ dataTestId: i,
18
17
  iconAltText: u
19
- }) => /* @__PURE__ */ t(
20
- _,
18
+ }) => /* @__PURE__ */ o(
19
+ b,
21
20
  {
22
21
  variant: n,
23
- color: r,
24
- size: o,
25
- className: l(f.button, i),
26
- onClick: a,
27
- selected: m,
28
- "data-testid": e,
22
+ color: s,
23
+ size: t,
24
+ className: l(f.button, a),
25
+ onClick: e,
26
+ selected: c,
27
+ "data-testid": i,
29
28
  "aria-label": u,
30
- children: /* @__PURE__ */ t(b, { icon: c, size: s || o })
29
+ children: /* @__PURE__ */ o(d, { icon: r, size: m || t })
31
30
  }
32
31
  );
33
32
  export {
34
- h as IconButton
33
+ I as IconButton
35
34
  };
@@ -28,14 +28,14 @@ const k = O((e, l) => {
28
28
  n ? a.createElement("title", { id: r }, n) : null,
29
29
  a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
30
30
  );
31
- }), S = "_toggle_nol5i_1", B = "_button_nol5i_5", P = "_icon_nol5i_14", f = {
32
- toggle: S,
33
- button: B,
34
- icon: P
31
+ }), B = "_toggle_nol5i_1", P = "_button_nol5i_5", S = "_icon_nol5i_14", f = {
32
+ toggle: B,
33
+ button: P,
34
+ icon: S
35
35
  }, J = ({
36
36
  id: e = "context-menu",
37
37
  placement: l = "right",
38
- size: n,
38
+ size: n = "sm",
39
39
  groups: t = {},
40
40
  className: o,
41
41
  items: r
@@ -56,7 +56,6 @@ const k = O((e, l) => {
56
56
  className: f.button,
57
57
  size: n,
58
58
  icon: k,
59
- iconSize: "md",
60
59
  variant: "text",
61
60
  color: "neutral",
62
61
  onClick: g,
@@ -1,27 +1,27 @@
1
1
  "use client";
2
- import { jsxs as f, jsx as t } from "react/jsx-runtime";
3
- import { useMemo as h } from "react";
2
+ import { jsxs as h, jsx as t } from "react/jsx-runtime";
3
+ import { useMemo as g } from "react";
4
4
  import "../../index-L8X2o7IH.js";
5
- import { Button as g } from "../Button/Button.js";
6
- import { ComboButton as y } from "../Button/ComboButton.js";
7
- import { useRootContext as C } from "../RootProvider/RootProvider.js";
8
- import { DropdownBase as v } from "../Dropdown/DropdownBase.js";
9
- import { Menu as b } from "../Menu/Menu.js";
5
+ import { Button as y } from "../Button/Button.js";
6
+ import { ComboButton as C } from "../Button/ComboButton.js";
7
+ import { useRootContext as v } from "../RootProvider/RootProvider.js";
8
+ import { DropdownBase as b } from "../Dropdown/DropdownBase.js";
9
+ import { Menu as x } from "../Menu/Menu.js";
10
10
  import "../Search/AutocompleteBase.js";
11
11
  import "../Snackbar/useSnackbar.js";
12
12
  import { S as B } from "../../ChevronUp-H8Nuww4h.js";
13
13
  import { S as _ } from "../../ChevronDown-CRAwzuD3.js";
14
- import '../../assets/DialogActions.css';const x = "_action_m3crc_1", k = "_comboButton_m3crc_7", m = {
15
- action: x,
16
- comboButton: k
17
- }, q = ({ items: c, maxItems: l = 2, id: s = "dialog-actions" }) => {
18
- const { currentId: p, closeAll: a, toggleId: d } = C(), e = p === s, n = h(() => (c || []).filter((r) => !r.hidden).sort((r, o) => {
14
+ import '../../assets/DialogActions.css';const k = "_action_m3crc_1", I = "_comboButton_m3crc_7", m = {
15
+ action: k,
16
+ comboButton: I
17
+ }, q = ({ items: c, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: p }) => {
18
+ const { currentId: d, closeAll: a, toggleId: u } = v(), e = d === l, n = g(() => (c || []).filter((r) => !r.hidden).sort((r, o) => {
19
19
  const i = ["primary", "secondary", "tertiary"];
20
20
  return i.indexOf(r == null ? void 0 : r.priority) - i.indexOf(o == null ? void 0 : o.priority);
21
21
  }), [c]);
22
- if (!n.length || l <= 0)
22
+ if (!n.length || s <= 0)
23
23
  return null;
24
- if (n.length > l) {
24
+ if (n.length > s) {
25
25
  const r = n.slice(1).map((o) => ({
26
26
  id: o.id,
27
27
  title: o.label,
@@ -29,25 +29,26 @@ import '../../assets/DialogActions.css';const x = "_action_m3crc_1", k = "_combo
29
29
  group: o.priority,
30
30
  hidden: o.hidden
31
31
  }));
32
- return /* @__PURE__ */ f("section", { className: m.comboButton, children: [
32
+ return /* @__PURE__ */ h("section", { className: m.comboButton, children: [
33
33
  /* @__PURE__ */ t(
34
- y,
34
+ C,
35
35
  {
36
36
  variant: "solid",
37
37
  icon: e ? B : _,
38
- size: "lg",
39
- onIconClick: () => d(s),
38
+ size: "md",
39
+ onIconClick: () => u(l),
40
40
  onLabelClick: n[0].onClick,
41
41
  ariaLabel: e ? "chevron up icon" : "chevron down icon",
42
+ iconAltText: p,
42
43
  children: n[0].label
43
44
  }
44
45
  ),
45
- /* @__PURE__ */ t(v, { open: e, onClose: a, children: /* @__PURE__ */ t(b, { items: r }) })
46
+ /* @__PURE__ */ t(b, { open: e, onClose: a, children: /* @__PURE__ */ t(x, { items: r }) })
46
47
  ] });
47
48
  }
48
49
  return /* @__PURE__ */ t("section", { className: m.action, children: n.map((r, o) => {
49
- const { priority: i, id: I, ...u } = r;
50
- return /* @__PURE__ */ t(g, { variant: i === "primary" ? "solid" : "outline", size: "lg", ...u, children: r.label }, "button-" + o);
50
+ const { priority: i, id: S, ...f } = r;
51
+ return /* @__PURE__ */ t(y, { variant: i === "primary" ? "solid" : "outline", size: "md", ...f, children: r.label }, "button-" + o);
51
52
  }) });
52
53
  };
53
54
  export {
@@ -1,113 +1,116 @@
1
- import { jsx as o, jsxs as N } from "react/jsx-runtime";
1
+ import { jsx as o, jsxs as g } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "react";
4
- import { Skeleton as C } from "../Skeleton/Skeleton.js";
4
+ import { Skeleton as E } from "../Skeleton/Skeleton.js";
5
5
  import "../RootProvider/RootProvider.js";
6
- import { ListItemLabel as E } from "../List/ListItemLabel.js";
7
- import { ListItemSelect as F } from "../List/ListItemSelect.js";
8
- import { ListItem as g } from "../List/ListItem.js";
9
- import { DialogMetadata as v } from "./DialogMetadata.js";
10
- import { DialogByline as G } from "./DialogByline.js";
11
- import { DialogHeading as J } from "./DialogHeading.js";
6
+ import { ListItemLabel as F } from "../List/ListItemLabel.js";
7
+ import { ListItemSelect as G } from "../List/ListItemSelect.js";
8
+ import { ListItem as v } from "../List/ListItem.js";
9
+ import { DialogMetadata as x } from "./DialogMetadata.js";
10
+ import { DialogByline as J } from "./DialogByline.js";
11
+ import { DialogHeading as K } from "./DialogHeading.js";
12
12
  import "../Search/AutocompleteBase.js";
13
13
  import "../Snackbar/useSnackbar.js";
14
- import '../../assets/DialogListItem.css';const K = "_border_1wzcc_1", O = "_controls_1wzcc_51", P = "_header_1wzcc_57", Q = "_summary_1wzcc_69", R = "_footer_1wzcc_97", U = "_touchedBy_1wzcc_101", W = "_heading_1wzcc_110", X = "_title_1wzcc_116", e = {
15
- border: K,
16
- controls: O,
17
- header: P,
18
- summary: Q,
19
- footer: R,
20
- touchedBy: U,
21
- heading: W,
22
- title: X
23
- }, no = ({
14
+ import '../../assets/DialogListItem.css';const O = "_border_1wzcc_1", P = "_controls_1wzcc_51", Q = "_header_1wzcc_57", R = "_summary_1wzcc_69", U = "_footer_1wzcc_97", W = "_touchedBy_1wzcc_101", X = "_heading_1wzcc_110", Y = "_title_1wzcc_116", e = {
15
+ border: O,
16
+ controls: P,
17
+ header: Q,
18
+ summary: R,
19
+ footer: U,
20
+ touchedBy: W,
21
+ heading: X,
22
+ title: Y
23
+ }, so = ({
24
24
  size: a = "lg",
25
- state: x = "normal",
25
+ state: B = "normal",
26
26
  loading: r,
27
- controls: B,
27
+ controls: u,
28
28
  select: n,
29
29
  selected: m,
30
30
  status: t,
31
31
  sender: s,
32
- recipient: u,
33
- recipientLabel: z = "to",
34
- grouped: D = !1,
32
+ recipient: z,
33
+ recipientLabel: D = "to",
34
+ grouped: I = !1,
35
35
  updatedAt: d,
36
36
  updatedAtLabel: _,
37
37
  archivedAt: h,
38
- archivedAtLabel: I,
38
+ archivedAtLabel: L,
39
39
  trashedAt: p,
40
- trashedAtLabel: L,
41
- badge: S,
42
- dueAt: j,
43
- dueAtLabel: k,
40
+ trashedAtLabel: S,
41
+ badge: j,
42
+ dueAt: k,
43
+ dueAtLabel: H,
44
44
  seen: l = !1,
45
- seenBy: H,
46
- touchedBy: M,
47
- attachmentsCount: T,
45
+ seenBy: M,
46
+ touchedBy: T,
47
+ attachmentsCount: V,
48
48
  title: c,
49
49
  description: f,
50
50
  summary: i,
51
- theme: V = "default",
52
- ...b
51
+ theme: q = "default",
52
+ id: b,
53
+ ...y
53
54
  }) => {
54
- const q = p ? "trashed" : h ? "archived" : x, y = m ? "subtle" : V, w = t == null ? void 0 : t.value;
55
+ const C = p ? "trashed" : h ? "archived" : B, w = m ? "subtle" : q, N = t == null ? void 0 : t.value;
55
56
  return a === "xs" || a === "sm" ? /* @__PURE__ */ o(
56
- g,
57
+ v,
57
58
  {
58
- ...b,
59
+ ...y,
60
+ id: b,
59
61
  size: a,
60
62
  selected: m,
61
- theme: y,
63
+ theme: w,
62
64
  label: /* @__PURE__ */ o(
63
65
  "div",
64
66
  {
65
67
  className: e.border,
66
- "data-variant": w,
68
+ "data-variant": N,
67
69
  "data-size": a,
68
70
  "data-seen": l,
69
71
  "data-loading": r,
70
- children: /* @__PURE__ */ o(E, { loading: r, size: a, title: c, description: i || f })
72
+ children: /* @__PURE__ */ o(F, { loading: r, size: a, title: c, description: i || f })
71
73
  }
72
74
  ),
73
- badge: /* @__PURE__ */ o(v, { loading: r, sender: s, updatedAt: d, updatedAtLabel: _ }),
75
+ badge: /* @__PURE__ */ o(x, { loading: r, sender: s, updatedAt: d, updatedAtLabel: _ }),
74
76
  title: c
75
77
  }
76
78
  ) : /* @__PURE__ */ o(
77
- g,
79
+ v,
78
80
  {
79
- ...b,
81
+ ...y,
82
+ id: b,
80
83
  size: a,
81
84
  selected: m,
82
- theme: y,
83
- controls: /* @__PURE__ */ o("div", { className: e.controls, children: B || n && /* @__PURE__ */ o(F, { ...n, size: "xl" }) }),
85
+ theme: w,
86
+ controls: /* @__PURE__ */ o("div", { className: e.controls, children: u || n && /* @__PURE__ */ o(G, { ...n, size: "xl" }) }),
84
87
  title: c,
85
- label: /* @__PURE__ */ N(
88
+ label: /* @__PURE__ */ g(
86
89
  "div",
87
90
  {
88
91
  className: e.border,
89
- "data-variant": w,
92
+ "data-variant": N,
90
93
  "data-size": a,
91
94
  "data-seen": l,
92
95
  "data-loading": r,
93
96
  children: [
94
- /* @__PURE__ */ N("header", { className: e.header, "data-size": a, children: [
95
- /* @__PURE__ */ o(J, { loading: r, size: a, state: q, badge: S, seen: l, children: c }),
97
+ /* @__PURE__ */ g("header", { className: e.header, "data-size": a, children: [
98
+ /* @__PURE__ */ o(K, { loading: r, size: a, state: C, badge: j, seen: l, children: c }),
96
99
  /* @__PURE__ */ o(
97
- G,
100
+ J,
98
101
  {
99
102
  size: "xs",
100
103
  loading: r,
101
104
  sender: s,
102
- recipient: u,
103
- recipientLabel: z,
104
- grouped: D
105
+ recipient: z,
106
+ recipientLabel: D,
107
+ grouped: I
105
108
  }
106
109
  ),
107
- a === "lg" && i && /* @__PURE__ */ o(C, { loading: r, children: /* @__PURE__ */ o("p", { "data-size": a, className: e.summary, children: i || f }) })
110
+ a === "lg" && i && /* @__PURE__ */ o(E, { loading: r, children: /* @__PURE__ */ o("p", { "data-size": a, className: e.summary, children: i || f }) })
108
111
  ] }),
109
112
  /* @__PURE__ */ o(
110
- v,
113
+ x,
111
114
  {
112
115
  className: e.footer,
113
116
  loading: r,
@@ -115,15 +118,15 @@ import '../../assets/DialogListItem.css';const K = "_border_1wzcc_1", O = "_cont
115
118
  updatedAt: d,
116
119
  updatedAtLabel: _,
117
120
  archivedAt: h,
118
- archivedAtLabel: I,
121
+ archivedAtLabel: L,
119
122
  trashedAt: p,
120
- trashedAtLabel: L,
121
- dueAt: j,
122
- dueAtLabel: k,
123
- attachmentsCount: T,
124
- seenBy: H,
123
+ trashedAtLabel: S,
124
+ dueAt: k,
125
+ dueAtLabel: H,
126
+ attachmentsCount: V,
127
+ seenBy: M,
125
128
  touchedBy: {
126
- touchedBy: M,
129
+ touchedBy: T,
127
130
  className: e.touchedBy
128
131
  }
129
132
  }
@@ -135,5 +138,5 @@ import '../../assets/DialogListItem.css';const K = "_border_1wzcc_1", O = "_cont
135
138
  );
136
139
  };
137
140
  export {
138
- no as DialogListItem
141
+ so as DialogListItem
139
142
  };
@@ -1,27 +1,29 @@
1
- import { A as D, B as e, a as i, C as o, b as t, c as n, D as r, H as g, L as d, d as h, e as l, P as p, f as b, g as x, h as P, i as S, j as c, S as f, k, T as m, V as C, u as L } from "../../usePagination-BJD-uxk9.js";
2
- import { D as B } from "../../index-DcykCrjD.js";
1
+ import { A as D, B as e, a as o, C as i, b as t, c as r, D as n, H as g, L as p, d, e as x, P as f, f as h, g as l, h as m, i as P, S as b, j as S, T as c, u as C } from "../../usePagination-B4GfH2GQ.js";
2
+ import { D as k } from "../../index-B7UjMwQm.js";
3
+ import { P as B } from "../../Paragraph-CFjOkbXa.js";
4
+ import { V as A } from "../../index-Bq6w9CqA.js";
3
5
  export {
4
6
  D as DsAlert,
5
7
  e as DsBadge,
6
- i as DsButton,
7
- o as DsCheckbox,
8
+ o as DsButton,
9
+ i as DsCheckbox,
8
10
  t as DsChip,
9
- n as DsCombobox,
10
- B as DsDetails,
11
- r as DsDialog,
11
+ r as DsCombobox,
12
+ k as DsDetails,
13
+ n as DsDialog,
12
14
  g as DsHeading,
13
- d as DsLink,
14
- h as DsListItem,
15
- l as DsListUnordered,
16
- p as DsPagination,
17
- b as DsParagraph,
18
- x as DsPopover,
19
- P as DsSearch,
20
- S as DsSkeleton,
21
- c as DsSpinner,
22
- f as DsSwitch,
23
- k as DsTabs,
24
- m as DsTextfield,
25
- C as DsValidationMessage,
26
- L as useDsPagination
15
+ p as DsLink,
16
+ d as DsListItem,
17
+ x as DsListUnordered,
18
+ f as DsPagination,
19
+ B as DsParagraph,
20
+ h as DsPopover,
21
+ l as DsSearch,
22
+ m as DsSkeleton,
23
+ P as DsSpinner,
24
+ b as DsSwitch,
25
+ S as DsTabs,
26
+ c as DsTextfield,
27
+ A as DsValidationMessage,
28
+ C as useDsPagination
27
29
  };
@@ -0,0 +1,16 @@
1
+ import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
+ import "../../index-L8X2o7IH.js";
3
+ import "react";
4
+ import "../RootProvider/RootProvider.js";
5
+ import "../Search/AutocompleteBase.js";
6
+ import "../Snackbar/useSnackbar.js";
7
+ import { Field as e } from "./Field.js";
8
+ import { Label as c } from "./Label.js";
9
+ import { Input as n } from "./Input.js";
10
+ const u = ({ size: t, color: m, label: r, ...i }) => /* @__PURE__ */ p(e, { size: t, color: m, children: [
11
+ /* @__PURE__ */ o(n, { ...i, type: "checkbox" }),
12
+ !!r && /* @__PURE__ */ o(c, { children: r })
13
+ ] });
14
+ export {
15
+ u as Checkbox
16
+ };
@@ -0,0 +1,12 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import "../../index-L8X2o7IH.js";
3
+ import "react";
4
+ import "../RootProvider/RootProvider.js";
5
+ import "../Search/AutocompleteBase.js";
6
+ import "../Snackbar/useSnackbar.js";
7
+ import { Checkbox as i } from "./Checkbox.js";
8
+ import { OptionsBase as e } from "./OptionsBase.js";
9
+ const k = ({ options: r = [], ...t }) => /* @__PURE__ */ o(e, { ...t, children: r.map((m, p) => /* @__PURE__ */ o(i, { ...m }, p)) });
10
+ export {
11
+ k as CheckboxOptions
12
+ };
@@ -0,0 +1,6 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { F as i } from "../../index-Bq6w9CqA.js";
3
+ const s = ({ size: o, color: r, children: t, ...a }) => /* @__PURE__ */ e(i, { ...a, "data-size": o, "data-color": r, children: t });
4
+ export {
5
+ s as Field
6
+ };
@@ -0,0 +1,17 @@
1
+ import { jsxs as d, jsx as m } from "react/jsx-runtime";
2
+ import "../../index-L8X2o7IH.js";
3
+ import "react";
4
+ import "../RootProvider/RootProvider.js";
5
+ import { Typography as e } from "../Typography/Typography.js";
6
+ import "../Search/AutocompleteBase.js";
7
+ import "../Snackbar/useSnackbar.js";
8
+ import { Field as n } from "./Field.js";
9
+ import { Label as c } from "./Label.js";
10
+ const u = ({ size: r, color: p, label: o, helperText: i, children: t, ...s }) => /* @__PURE__ */ d(n, { size: r, color: p, ...s, children: [
11
+ o && /* @__PURE__ */ m(c, { size: r, children: o }),
12
+ t,
13
+ i && /* @__PURE__ */ m(e, { size: "xs", children: i })
14
+ ] });
15
+ export {
16
+ u as FieldBase
17
+ };