@iress-oss/ids-components 6.0.0-alpha.1 → 6.0.0-alpha.2

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/{Autocomplete-CLvWVHp6.js → Autocomplete-C5ubHBTi.js} +1 -1
  2. package/dist/{Button-D6AL0bia.js → Button-mmhMLwp9.js} +4 -1
  3. package/dist/{Provider-BXQiO7Gp.js → Provider-8wS70V56.js} +13 -13
  4. package/dist/{TableProvider-_4Whj6P5.js → TableProvider-bdUNuoG-.js} +1 -11
  5. package/dist/components/Alert/Alert.js +2 -2
  6. package/dist/components/Alert/Alert.styles.js +14 -14
  7. package/dist/components/Autocomplete/Autocomplete.js +2 -2
  8. package/dist/components/Autocomplete/index.js +1 -1
  9. package/dist/components/Badge/Badge.styles.js +4 -4
  10. package/dist/components/Button/Button.js +1 -1
  11. package/dist/components/Button/CloseButton/CloseButton.js +1 -1
  12. package/dist/components/Button/index.js +1 -1
  13. package/dist/components/Card/Card.styles.js +16 -16
  14. package/dist/components/Checkbox/Checkbox.styles.js +5 -5
  15. package/dist/components/CheckboxGroup/CheckboxGroup.styles.js +10 -10
  16. package/dist/components/Container/Container.styles.js +1 -1
  17. package/dist/components/Divider/Divider.styles.js +1 -1
  18. package/dist/components/Expander/Expander.styles.js +3 -3
  19. package/dist/components/Field/Field.styles.js +9 -9
  20. package/dist/components/Field/FieldGroup/FieldGroup.styles.js +5 -5
  21. package/dist/components/Field/components/FieldHint.js +1 -1
  22. package/dist/components/Filter/Filter.js +3 -3
  23. package/dist/components/Filter/Filter.styles.js +3 -3
  24. package/dist/components/Filter/components/FilterResetButton.js +1 -1
  25. package/dist/components/Inline/Inline.styles.js +1 -1
  26. package/dist/components/Input/Input.js +84 -86
  27. package/dist/components/Input/Input.styles.js +7 -7
  28. package/dist/components/Label/Label.styles.js +3 -3
  29. package/dist/components/Link/Link.styles.js +2 -2
  30. package/dist/components/Menu/Menu.js +1 -1
  31. package/dist/components/Menu/Menu.styles.js +11 -11
  32. package/dist/components/Menu/MenuItem/MenuItem.js +2 -2
  33. package/dist/components/Menu/MenuText/MenuText.js +1 -1
  34. package/dist/components/Modal/Modal.js +106 -112
  35. package/dist/components/Modal/Modal.styles.js +8 -8
  36. package/dist/components/Popover/components/NestedPopoverActivator.js +1 -1
  37. package/dist/components/Popover/components/PopoverContent.js +1 -1
  38. package/dist/components/Popover/helpers/handlePopoverTabKey.js +1 -1
  39. package/dist/components/Popover/hooks/usePopover.js +1 -1
  40. package/dist/components/Popover/hooks/usePopoverItem.js +1 -1
  41. package/dist/components/Popover/hooks/usePopoverNavigation.js +1 -1
  42. package/dist/components/Progress/Progress.js +35 -41
  43. package/dist/components/Progress/Progress.styles.js +3 -3
  44. package/dist/components/Provider/Provider.js +3 -3
  45. package/dist/components/Provider/index.js +1 -1
  46. package/dist/components/Radio/Radio.js +66 -60
  47. package/dist/components/Radio/Radio.styles.js +5 -5
  48. package/dist/components/RadioGroup/RadioGroup.styles.js +4 -4
  49. package/dist/components/Readonly/Readonly.styles.js +4 -4
  50. package/dist/components/RichSelect/RichSelect.js +2 -2
  51. package/dist/components/RichSelect/RichSelect.styles.js +9 -9
  52. package/dist/components/RichSelect/SelectHeading/SelectHeading.js +1 -1
  53. package/dist/components/RichSelect/SelectLabel/SelectLabel.styles.js +5 -5
  54. package/dist/components/RichSelect/SelectTags/SelectTags.js +49 -51
  55. package/dist/components/RichSelect/SelectTags/SelectTags.styles.js +3 -3
  56. package/dist/components/RichSelect/index.js +1 -1
  57. package/dist/components/Select/Select.styles.js +8 -8
  58. package/dist/components/Skeleton/Skeleton.styles.js +1 -1
  59. package/dist/components/SkipLink/SkipLink.js +1 -1
  60. package/dist/components/SkipLink/SkipLink.styles.js +1 -1
  61. package/dist/components/Slideout/Slideout.js +75 -70
  62. package/dist/components/Slideout/Slideout.styles.js +7 -7
  63. package/dist/components/Slideout/components/SlideoutInner.js +1 -1
  64. package/dist/components/Slideout/hooks/usePushElement.js +1 -1
  65. package/dist/components/Slider/Slider.styles.js +3 -3
  66. package/dist/components/Stack/Stack.styles.js +1 -1
  67. package/dist/components/TabSet/Tab/Tab.js +1 -1
  68. package/dist/components/TabSet/Tab/Tab.styles.js +2 -2
  69. package/dist/components/TabSet/TabSet.js +55 -52
  70. package/dist/components/TabSet/TabSet.styles.js +3 -3
  71. package/dist/components/Table/Table.js +1 -1
  72. package/dist/components/Table/TableBody/TableBody.js +1 -1
  73. package/dist/components/Table/TableProvider.js +2 -2
  74. package/dist/components/Table/components/TableEmpty.js +1 -1
  75. package/dist/components/Table/components/TableHeader.js +1 -1
  76. package/dist/components/Table/components/TableHeaderCell.js +1 -1
  77. package/dist/components/Table/components/TableRows.js +1 -1
  78. package/dist/components/Table/helpers/composeTableColumnDefs.js +1 -1
  79. package/dist/components/Table/hooks/useTableColumnSort.js +1 -1
  80. package/dist/components/Table/hooks/useTableColumnStyles.js +1 -1
  81. package/dist/components/Tag/Tag.js +1 -1
  82. package/dist/components/Tag/Tag.styles.js +4 -4
  83. package/dist/components/Text/Text.styles.js +3 -2
  84. package/dist/components/Toaster/Toaster.js +1 -1
  85. package/dist/components/Toaster/Toaster.styles.js +1 -1
  86. package/dist/components/Toaster/components/Toast/Toast.js +1 -1
  87. package/dist/components/Toaster/components/Toast/Toast.styles.js +12 -12
  88. package/dist/components/Toaster/components/Toast/ToastAnimated.js +18 -16
  89. package/dist/components/Toggle/Toggle.js +63 -58
  90. package/dist/components/Toggle/Toggle.styles.js +12 -12
  91. package/dist/components/Tooltip/Tooltip.js +1 -1
  92. package/dist/components/Tooltip/Tooltip.styles.js +1 -1
  93. package/dist/components/ValidationMessage/ValidationMessage.js +1 -1
  94. package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.js +4 -4
  95. package/dist/{composeTableColumnDefs-Hmd6yfdj.js → composeTableColumnDefs-BfFBOARB.js} +0 -10
  96. package/dist/constants.js +1 -1
  97. package/dist/{floating-ui.react-CmSaAiNF.js → floating-ui.react-BetVZ099.js} +1 -1
  98. package/dist/helpers/styling/mapGutterToGap.js +7 -7
  99. package/dist/helpers/transition/getTransitionDuration.js +2 -2
  100. package/dist/{index-CvOVcYUc.js → index-CZ9ot38T.js} +83 -131
  101. package/dist/{index.esm-8uZEha-3.js → index.esm-CL8gh5wr.js} +0 -4
  102. package/dist/main.js +3 -3
  103. package/dist/patterns/Loading/Loading.styles.js +13 -13
  104. package/dist/patterns/Loading/LoadingSuspense.js +27 -27
  105. package/dist/patterns/Loading/components/ComponentLoading.js +38 -43
  106. package/dist/patterns/Loading/components/PageLoading.js +57 -60
  107. package/dist/patterns/Loading/components/ValidateLoading.js +1 -1
  108. package/dist/patterns/Loading/hooks/useEstimatedProgressValue.js +8 -12
  109. package/dist/patterns/Loading/hooks/useShouldRenderLoading.js +14 -14
  110. package/dist/patterns/Shadow/Shadow.js +8831 -19057
  111. package/dist/src/components/Alert/Alert.styles.d.ts +1 -1
  112. package/dist/src/components/Badge/Badge.styles.d.ts +2 -2
  113. package/dist/src/components/Card/Card.styles.d.ts +2 -2
  114. package/dist/src/components/Checkbox/Checkbox.styles.d.ts +3 -3
  115. package/dist/src/components/CheckboxGroup/CheckboxGroup.styles.d.ts +4 -4
  116. package/dist/src/components/Expander/Expander.styles.d.ts +2 -2
  117. package/dist/src/components/Field/Field.styles.d.ts +6 -6
  118. package/dist/src/components/Inline/Inline.d.ts +1 -2
  119. package/dist/src/components/Menu/Menu.styles.d.ts +5 -5
  120. package/dist/src/components/Modal/Modal.styles.d.ts +2 -2
  121. package/dist/src/components/Radio/Radio.styles.d.ts +1 -1
  122. package/dist/src/components/RadioGroup/RadioGroup.styles.d.ts +4 -4
  123. package/dist/src/components/RichSelect/RichSelect.styles.d.ts +7 -7
  124. package/dist/src/components/Row/Row.d.ts +1 -2
  125. package/dist/src/components/Select/Select.styles.d.ts +7 -7
  126. package/dist/src/components/Skeleton/Skeleton.styles.d.ts +1 -1
  127. package/dist/src/components/Slideout/Slideout.styles.d.ts +2 -2
  128. package/dist/src/components/Stack/Stack.d.ts +1 -2
  129. package/dist/src/components/Toaster/components/Toast/Toast.styles.d.ts +4 -4
  130. package/dist/src/components/Toggle/Toggle.d.ts +10 -2
  131. package/dist/src/components/Toggle/Toggle.styles.d.ts +4 -4
  132. package/dist/src/interfaces.d.ts +8 -10
  133. package/dist/src/patterns/Loading/Loading.styles.d.ts +10 -10
  134. package/dist/src/styled-system/jsx/create-style-context.d.ts +17 -10
  135. package/dist/src/styled-system/tokens/tokens.d.ts +1 -1
  136. package/dist/src/styled-system/types/conditions.d.ts +1 -1
  137. package/dist/src/styled-system/types/jsx.d.ts +8 -6
  138. package/dist/src/styled-system/types/prop-type.d.ts +2 -2
  139. package/dist/src/types.d.ts +3 -1
  140. package/dist/style.css +1 -1
  141. package/package.json +17 -17
@@ -4,7 +4,7 @@ import { useIdIfNeeded as w } from "../../hooks/useIdIfNeeded.js";
4
4
  import { TableEmpty as E } from "./components/TableEmpty.js";
5
5
  import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
6
6
  import { TableHeader as G } from "./components/TableHeader.js";
7
- import { T as R } from "../../TableProvider-_4Whj6P5.js";
7
+ import { T as R } from "../../TableProvider-bdUNuoG-.js";
8
8
  import { TableRows as $ } from "./components/TableRows.js";
9
9
  import { table as k } from "./Table.styles.js";
10
10
  import { c as h } from "../../cx-DN21T1EH.js";
@@ -7,7 +7,7 @@ import { useIdIfNeeded as V } from "../../../hooks/useIdIfNeeded.js";
7
7
  import { TableRows as j } from "../components/TableRows.js";
8
8
  import { useAriaRelationship as k } from "../../../hooks/useAriaRelationship.js";
9
9
  import { table as A } from "../Table.styles.js";
10
- import { T as E, a as T } from "../../../TableProvider-_4Whj6P5.js";
10
+ import { T as E, a as T } from "../../../TableProvider-bdUNuoG-.js";
11
11
  import { s as I } from "../../../factory-oPXoMw9H.js";
12
12
  const G = ({
13
13
  caption: a,
@@ -1,8 +1,8 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { a as m, T as p, g as T } from "../../TableProvider-_4Whj6P5.js";
3
+ import { a as m, T as p, g as T } from "../../TableProvider-bdUNuoG-.js";
4
4
  import "./helpers/composeTableInitialSorting.js";
5
- import "../../composeTableColumnDefs-Hmd6yfdj.js";
5
+ import "../../composeTableColumnDefs-BfFBOARB.js";
6
6
  export {
7
7
  m as TableContext,
8
8
  p as TableProvider,
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import { useContext as n } from "react";
3
- import { a as l } from "../../../TableProvider-_4Whj6P5.js";
3
+ import { a as l } from "../../../TableProvider-bdUNuoG-.js";
4
4
  const u = ({ children: t }) => {
5
5
  const o = n(l);
6
6
  if (o?.api.getSortedRowModel().rows?.length || !t) return null;
@@ -1,6 +1,6 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
2
  import { propagateTestid as l } from "../../../helpers/utility/propagateTestid.js";
3
- import { a as c, f } from "../../../TableProvider-_4Whj6P5.js";
3
+ import { a as c, f } from "../../../TableProvider-bdUNuoG-.js";
4
4
  import { TableHeaderCell as u } from "./TableHeaderCell.js";
5
5
  import { useContext as x } from "react";
6
6
  const $ = ({
@@ -3,7 +3,7 @@ import { useTableColumnStyles as u } from "../hooks/useTableColumnStyles.js";
3
3
  import { useTableColumnSort as d } from "../hooks/useTableColumnSort.js";
4
4
  import { TableSortButton as p } from "./TableSortButton.js";
5
5
  import { useContext as C } from "react";
6
- import { a as b } from "../../../TableProvider-_4Whj6P5.js";
6
+ import { a as b } from "../../../TableProvider-bdUNuoG-.js";
7
7
  const x = ({
8
8
  additionalHeaders: m,
9
9
  children: r,
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { g as f, f as c } from "../../../TableProvider-_4Whj6P5.js";
2
+ import { g as f, f as c } from "../../../TableProvider-bdUNuoG-.js";
3
3
  import { TableBodyCell as u } from "./TableBodyCell.js";
4
4
  import { propagateTestid as g } from "../../../helpers/utility/propagateTestid.js";
5
5
  import { useContext as b } from "react";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../TableFormattedValue/TableFormattedValue.js";
3
3
  import "../../../helpers/formatting/formatObjectKey.js";
4
- import { a as t } from "../../../composeTableColumnDefs-Hmd6yfdj.js";
4
+ import { a as t } from "../../../composeTableColumnDefs-BfFBOARB.js";
5
5
  export {
6
6
  t as composeTableColumnDefs
7
7
  };
@@ -1,5 +1,5 @@
1
1
  import { useContext as g } from "react";
2
- import { a as c } from "../../../TableProvider-_4Whj6P5.js";
2
+ import { a as c } from "../../../TableProvider-bdUNuoG-.js";
3
3
  const S = ({
4
4
  columnApi: r,
5
5
  columnKey: n
@@ -1,6 +1,6 @@
1
1
  import { tableCell as i } from "../Table.styles.js";
2
2
  import { useContext as m } from "react";
3
- import { a } from "../../../TableProvider-_4Whj6P5.js";
3
+ import { a } from "../../../TableProvider-bdUNuoG-.js";
4
4
  import { c as n } from "../../../css-fGu_jDvv.js";
5
5
  import { s as l } from "../../../is-valid-prop-Ce0wiweq.js";
6
6
  const h = ({
@@ -1,7 +1,7 @@
1
1
  import { jsxs as f, jsx as e } from "react/jsx-runtime";
2
2
  import { useRef as u } from "react";
3
3
  import { propagateTestid as d } from "../../helpers/utility/propagateTestid.js";
4
- import "../../Button-D6AL0bia.js";
4
+ import "../../Button-mmhMLwp9.js";
5
5
  import { IressCloseButton as x } from "../Button/CloseButton/CloseButton.js";
6
6
  import { IressText as C } from "../Text/Text.js";
7
7
  import { tag as g } from "./Tag.styles.js";
@@ -8,7 +8,7 @@ const t = o({
8
8
  border: "divider",
9
9
  borderRadius: "radius.system.badge",
10
10
  display: "inline-flex",
11
- gap: "spacing.100",
11
+ gap: "spacing.1",
12
12
  px: "xs",
13
13
  transition: "colors"
14
14
  },
@@ -21,9 +21,9 @@ const t = o({
21
21
  fontSize: "inherit",
22
22
  minWidth: "[0]",
23
23
  minHeight: "[0]",
24
- py: "spacing.000",
25
- px: "spacing.000",
26
- mx: "spacing.050",
24
+ py: "spacing.0",
25
+ px: "spacing.0",
26
+ mx: "spacing.1",
27
27
  _after: {
28
28
  display: "none"
29
29
  }
@@ -12,8 +12,8 @@ const e = /* @__PURE__ */ s("text", {
12
12
  css: {
13
13
  "& code": {
14
14
  textStyle: "typography.code",
15
- paddingBlock: "spacing.000",
16
- paddingInline: "spacing.100",
15
+ paddingBlock: "spacing.0",
16
+ paddingInline: "spacing.1",
17
17
  background: "colour.neutral.20",
18
18
  color: "colour.neutral.80",
19
19
  borderWidth: "0.5px",
@@ -33,6 +33,7 @@ const e = /* @__PURE__ */ s("text", {
33
33
  },
34
34
  "& a:not([class])": {
35
35
  color: "colour.primary.text",
36
+ fontWeight: "var(--iress-typography-body-md--medium-font-weight, 500)",
36
37
  textDecoration: "underline",
37
38
  _hover: {
38
39
  textDecoration: "none"
@@ -2,7 +2,7 @@ import { jsx as r, jsxs as u, Fragment as x } from "react/jsx-runtime";
2
2
  import { useContext as b, useRef as v, useEffect as C, createElement as T } from "react";
3
3
  import "../Stack/Stack.styles.js";
4
4
  import { IressStack as g } from "../Stack/Stack.js";
5
- import { g as h } from "../../floating-ui.react-CmSaAiNF.js";
5
+ import { g as h } from "../../floating-ui.react-BetVZ099.js";
6
6
  import { toaster as A } from "./Toaster.styles.js";
7
7
  import { c as y } from "../../cx-DN21T1EH.js";
8
8
  import { ToastAnimated as E } from "./components/Toast/ToastAnimated.js";
@@ -8,7 +8,7 @@ const n = t({
8
8
  width: "[500px]",
9
9
  maxWidth: "[100%]",
10
10
  zIndex: "500",
11
- padding: "spacing.700",
11
+ padding: "spacing.7",
12
12
  boxSizing: "border-box",
13
13
  "&:empty": {
14
14
  display: "none"
@@ -1,6 +1,6 @@
1
1
  import { jsx as o, jsxs as a } from "react/jsx-runtime";
2
2
  import { propagateTestid as i } from "../../../../helpers/utility/propagateTestid.js";
3
- import "../../../../Button-D6AL0bia.js";
3
+ import "../../../../Button-mmhMLwp9.js";
4
4
  import { IressCloseButton as h } from "../../../Button/CloseButton/CloseButton.js";
5
5
  import "../../../Inline/Inline.styles.js";
6
6
  import { IressInline as y } from "../../../Inline/Inline.js";
@@ -26,25 +26,25 @@ const n = o({
26
26
  panel: {
27
27
  borderWidth: "1px",
28
28
  borderRadius: "radius.system.form",
29
- padding: "spacing.400",
29
+ padding: "spacing.4",
30
30
  textStyle: "typography.body.md.regular"
31
31
  },
32
32
  wrapper: {
33
33
  lineHeight: "1.5",
34
- paddingRight: "spacing.600"
34
+ paddingRight: "spacing.6"
35
35
  },
36
36
  icon: {
37
37
  lineHeight: "normal"
38
38
  },
39
39
  heading: {
40
40
  display: "inline-block",
41
- marginBottom: "spacing.100",
42
- marginRight: "spacing.100",
41
+ marginBottom: "spacing.1",
42
+ marginRight: "spacing.1",
43
43
  "&:empty": {
44
44
  display: "none"
45
45
  },
46
46
  "& > h2, & > h3, & > h4, & > h5, & > h6": {
47
- marginBlock: "spacing.000",
47
+ marginBlock: "spacing.0",
48
48
  textStyle: "typography.body.md.strong"
49
49
  }
50
50
  },
@@ -52,12 +52,12 @@ const n = o({
52
52
  noGutter: !0
53
53
  },
54
54
  footer: {
55
- paddingBlockStart: "spacing.200"
55
+ paddingBlockStart: "spacing.2"
56
56
  },
57
57
  closeButton: {
58
58
  position: "absolute",
59
- top: "spacing.050",
60
- right: "spacing.050"
59
+ top: "spacing.1",
60
+ right: "spacing.1"
61
61
  }
62
62
  },
63
63
  variants: {
@@ -97,24 +97,24 @@ const n = o({
97
97
  "start-x": {
98
98
  root: {
99
99
  insetInlineStart: "[-100%]",
100
- ms: "spacing.400"
100
+ ms: "spacing.4"
101
101
  }
102
102
  },
103
103
  "end-x": {
104
104
  root: {
105
105
  insetInlineEnd: "[-100%]",
106
- me: "spacing.400"
106
+ me: "spacing.4"
107
107
  }
108
108
  },
109
109
  "start-y": {
110
110
  root: {
111
- mt: "spacing.400",
111
+ mt: "spacing.4",
112
112
  transform: "[translateY(-100%)]"
113
113
  }
114
114
  },
115
115
  "end-y": {
116
116
  root: {
117
- mb: "spacing.400",
117
+ mb: "spacing.4",
118
118
  transform: "[translateY(100%)]"
119
119
  }
120
120
  },
@@ -1,8 +1,8 @@
1
1
  import { jsx as T } from "react/jsx-runtime";
2
- import { useState as x, useRef as S, useEffect as f } from "react";
3
- import { getTransitionDuration as C } from "../../../../helpers/transition/getTransitionDuration.js";
4
- import { u as F, e as O } from "../../../../floating-ui.react-CmSaAiNF.js";
5
- import { toast as R } from "./Toast.styles.js";
2
+ import { useState as x, useEffect as f } from "react";
3
+ import { getTransitionDuration as S } from "../../../../helpers/transition/getTransitionDuration.js";
4
+ import { u as C, e as F } from "../../../../floating-ui.react-BetVZ099.js";
5
+ import { toast as O } from "./Toast.styles.js";
6
6
  import { c as h } from "../../../../cx-DN21T1EH.js";
7
7
  import { Toast as j } from "./Toast.js";
8
8
  const q = ({
@@ -13,22 +13,24 @@ const q = ({
13
13
  timeout: s = 6e3,
14
14
  ...l
15
15
  }) => {
16
- const [p, r] = x(!0), o = S(240), { context: t } = F({
16
+ const [p, r] = x(!0);
17
+ let e = 240;
18
+ const { context: t } = C({
17
19
  open: p,
18
20
  onOpenChange: r
19
- }), { isMounted: d, status: e } = O(t, {
20
- duration: o.current
21
+ });
22
+ t.refs.floating.current && (e = S(t.refs.floating.current));
23
+ const { isMounted: g, status: o } = F(t, {
24
+ duration: e
21
25
  });
22
26
  if (f(() => {
23
27
  s && setTimeout(() => {
24
- r(!1), setTimeout(() => a?.(), o.current);
28
+ r(!1), setTimeout(() => a?.(), e);
25
29
  }, s);
26
- }, [a, s]), f(() => {
27
- e === "initial" && (o.current = C(
28
- t.refs.floating.current
29
- )), e === "open" && t.refs.floating.current?.focus();
30
- }, [e, t.refs.floating]), !d) return !1;
31
- const i = e === "close" ? "closed" : e, g = R({
30
+ }, [e, a, s]), f(() => {
31
+ o === "open" && t.refs.floating.current?.focus();
32
+ }, [o, t.refs.floating]), !g) return !1;
33
+ const i = o === "close" ? "closed" : o, d = O({
32
34
  animation: u ?? "fade",
33
35
  transitionState: i
34
36
  });
@@ -36,10 +38,10 @@ const q = ({
36
38
  j,
37
39
  {
38
40
  ...l,
39
- className: h(c, g.root),
41
+ className: h(c, d.root),
40
42
  "data-state": i,
41
43
  onClose: (n) => {
42
- r(!1), setTimeout(() => m?.(n), o.current);
44
+ r(!1), setTimeout(() => m?.(n), e);
43
45
  },
44
46
  ref: (n) => t.refs.setFloating(n)
45
47
  }
@@ -1,82 +1,87 @@
1
- import { jsxs as v, jsx as a } from "react/jsx-runtime";
2
- import { useState as N, useRef as S, useId as y, useEffect as f } from "react";
3
- import { propagateTestid as p } from "../../helpers/utility/propagateTestid.js";
4
- import { IressCheckboxMark as B } from "../CheckboxMark/CheckboxMark.js";
1
+ import { jsxs as x, jsx as o } from "react/jsx-runtime";
2
+ import { useRef as N, useId as S, useEffect as T } from "react";
3
+ import { propagateTestid as f } from "../../helpers/utility/propagateTestid.js";
4
+ import { IressCheckboxMark as y } from "../CheckboxMark/CheckboxMark.js";
5
5
  import "../CheckboxMark/CheckboxMark.styles.js";
6
- import { toggle as h } from "./Toggle.styles.js";
7
- import { c as u } from "../../css-fGu_jDvv.js";
8
- import { c as b } from "../../cx-DN21T1EH.js";
9
- import { GlobalCSSClass as L } from "../../enums.js";
10
- import { s as T } from "../../factory-oPXoMw9H.js";
11
- const _ = ({
12
- hiddenLabel: e,
13
- layout: c,
14
- children: i,
15
- "data-testid": o,
16
- ...n
6
+ import { toggle as p } from "./Toggle.styles.js";
7
+ import { c as g } from "../../css-fGu_jDvv.js";
8
+ import { c as u } from "../../cx-DN21T1EH.js";
9
+ import { GlobalCSSClass as B } from "../../enums.js";
10
+ import { s as L } from "../../factory-oPXoMw9H.js";
11
+ import { useControlledState as _ } from "../../hooks/useControlledState.js";
12
+ const j = ({
13
+ hiddenLabel: r,
14
+ layout: l,
15
+ children: c,
16
+ "data-testid": n,
17
+ ...s
17
18
  }) => {
18
- const r = h({ hiddenLabel: e, layout: c });
19
- return /* @__PURE__ */ a(
19
+ const i = p({ hiddenLabel: r, layout: l });
20
+ return /* @__PURE__ */ o(
20
21
  "span",
21
22
  {
22
- ...n,
23
- className: r.label,
24
- "data-testid": p(o, "label"),
25
- children: i
23
+ ...s,
24
+ className: i.label,
25
+ "data-testid": f(n, "label"),
26
+ children: c
26
27
  }
27
28
  );
28
29
  }, D = ({
29
- checked: e = !1,
30
- hiddenLabel: c,
31
- children: i,
32
- layout: o = "inline",
33
- className: n,
34
- onChange: r,
30
+ checked: r,
31
+ hiddenLabel: l,
32
+ defaultChecked: c,
33
+ children: n,
34
+ layout: s = "inline",
35
+ className: i,
36
+ onChange: b,
35
37
  "data-testid": d,
36
- ...k
38
+ ...h
37
39
  }) => {
38
- const [t, m] = N(e), s = S(null), g = `toggleLabel--${y()}`, x = {
39
- hiddenLabel: c,
40
- id: g,
40
+ const t = N(null), m = `toggleLabel--${S()}`, k = {
41
+ hiddenLabel: l,
42
+ id: m,
41
43
  "data-testid": d
42
- }, C = (I) => {
43
- m(!t), r?.(!t, I);
44
+ }, { value: e, setValue: C } = _({
45
+ component: "IressToggle",
46
+ propName: "checked",
47
+ defaultValue: c,
48
+ value: r
49
+ }), v = (I) => {
50
+ C(!e), b?.(!e, I);
44
51
  };
45
- f(() => {
46
- m(e);
47
- }, [e, r]), f(() => {
48
- s.current && (s.current.classList.remove(
49
- u({ _before: { animationStyle: "toggle-active" } })
50
- ), s.current.offsetHeight, s.current.classList.add(
51
- u({ _before: { animationStyle: "toggle-active" } })
52
+ T(() => {
53
+ t.current && (t.current.classList.remove(
54
+ g({ _before: { animationStyle: "toggle-active" } })
55
+ ), t.current.offsetHeight, t.current.classList.add(
56
+ g({ _before: { animationStyle: "toggle-active" } })
52
57
  ));
53
- }, [t]);
54
- const l = h({ layout: o, checked: t });
55
- return /* @__PURE__ */ v(
56
- T.div,
58
+ }, [e]);
59
+ const a = p({ layout: s, checked: !!e });
60
+ return /* @__PURE__ */ x(
61
+ L.div,
57
62
  {
58
63
  "data-testid": d,
59
- ...k,
60
- className: b(n, l.toggleBase, L.Toggle),
64
+ ...h,
65
+ className: u(i, a.toggleBase, B.Toggle),
61
66
  children: [
62
- /* @__PURE__ */ a(_, { ...x, layout: o, children: i }),
63
- /* @__PURE__ */ a("div", { className: l.toggleButtonContainer, children: /* @__PURE__ */ a(
67
+ /* @__PURE__ */ o(j, { ...k, layout: s, children: n }),
68
+ /* @__PURE__ */ o("div", { className: a.toggleButtonContainer, children: /* @__PURE__ */ o(
64
69
  "button",
65
70
  {
66
- className: b(l.toggleButton),
71
+ className: u(a.toggleButton),
67
72
  role: "switch",
68
73
  type: "button",
69
- "aria-checked": t,
70
- onClick: C,
71
- "aria-labelledby": g,
72
- "data-testid": p(d, "button__button"),
73
- ref: s,
74
- children: /* @__PURE__ */ a(
75
- B,
74
+ "aria-checked": !!e,
75
+ onClick: v,
76
+ "aria-labelledby": m,
77
+ "data-testid": f(d, "button__button"),
78
+ ref: t,
79
+ children: /* @__PURE__ */ o(
80
+ y,
76
81
  {
77
- className: l.checkboxMark,
82
+ className: a.checkboxMark,
78
83
  bg: "transparent",
79
- checked: t,
84
+ checked: !!e,
80
85
  size: "sm"
81
86
  }
82
87
  )
@@ -11,7 +11,7 @@ const t = e({
11
11
  base: {
12
12
  toggleBase: {
13
13
  display: "inline-flex",
14
- gap: "spacing.050",
14
+ gap: "spacing.1",
15
15
  color: "colour.primary.fill"
16
16
  },
17
17
  toggleButtonContainer: {
@@ -38,7 +38,7 @@ const t = e({
38
38
  position: "relative",
39
39
  justifyContent: "flex-start",
40
40
  alignItems: "center",
41
- padding: "spacing.000",
41
+ padding: "spacing.0",
42
42
  cursor: "pointer",
43
43
  border: "[none]",
44
44
  backgroundColor: "transparent",
@@ -51,10 +51,10 @@ const t = e({
51
51
  },
52
52
  _before: {
53
53
  content: '""',
54
- top: "spacing.000",
55
- left: "spacing.000",
56
- right: "spacing.000",
57
- bottom: "spacing.000",
54
+ top: "spacing.0",
55
+ left: "spacing.0",
56
+ right: "spacing.0",
57
+ bottom: "spacing.0",
58
58
  position: "absolute",
59
59
  borderRadius: "[{sizes.toggle.thumb}]",
60
60
  pointerEvents: "none",
@@ -81,14 +81,14 @@ const t = e({
81
81
  },
82
82
  checkboxMark: {
83
83
  opacity: 0,
84
- marginInlineStart: "spacing.050",
84
+ marginInlineStart: "spacing.1",
85
85
  "&&:hover": {
86
86
  bg: "transparent"
87
87
  }
88
88
  },
89
89
  label: {
90
90
  display: "inline-block",
91
- marginInlineEnd: "spacing.100",
91
+ marginInlineEnd: "spacing.1",
92
92
  color: "colour.neutral.80",
93
93
  textStyle: "typography.body.md.strong",
94
94
  lineHeight: "1.5rem"
@@ -109,8 +109,8 @@ const t = e({
109
109
  flexDirection: "row-reverse"
110
110
  },
111
111
  label: {
112
- marginInlineStart: "spacing.100",
113
- marginInlineEnd: "spacing.000"
112
+ marginInlineStart: "spacing.1",
113
+ marginInlineEnd: "spacing.0"
114
114
  }
115
115
  },
116
116
  "inline-between": {
@@ -129,7 +129,7 @@ const t = e({
129
129
  },
130
130
  label: {
131
131
  display: "block",
132
- marginBlockEnd: "spacing.100"
132
+ marginBlockEnd: "spacing.1"
133
133
  }
134
134
  }
135
135
  },
@@ -140,7 +140,7 @@ const t = e({
140
140
  display: "inline-block"
141
141
  },
142
142
  checkboxMark: {
143
- marginInlineEnd: "spacing.100"
143
+ marginInlineEnd: "spacing.1"
144
144
  }
145
145
  }
146
146
  },
@@ -1,7 +1,7 @@
1
1
  import { jsxs as m, jsx as a } from "react/jsx-runtime";
2
2
  import { useState as w, useEffect as j, Fragment as N } from "react";
3
3
  import { c as O } from "../../cx-DN21T1EH.js";
4
- import { u as P, o as R, i as E, j as G, s as H, k as L, l as k, b as B, c as D, d as M } from "../../floating-ui.react-CmSaAiNF.js";
4
+ import { u as P, o as R, i as E, j as G, s as H, k as L, l as k, b as B, c as D, d as M } from "../../floating-ui.react-BetVZ099.js";
5
5
  import { propagateTestid as p } from "../../helpers/utility/propagateTestid.js";
6
6
  import { toArray as W } from "../../helpers/formatting/toArray.js";
7
7
  import { idsLogger as q } from "../../helpers/utility/idsLogger.js";
@@ -11,7 +11,7 @@ const a = o({
11
11
  zIndex: "600",
12
12
  width: "[max-content]",
13
13
  maxWidth: "[20em]",
14
- padding: "spacing.200",
14
+ padding: "spacing.2",
15
15
  borderRadius: "radius.system.form",
16
16
  borderStyle: "solid",
17
17
  layerStyle: "elevation.floating",
@@ -32,7 +32,7 @@ const b = ({
32
32
  },
33
33
  className: p(i, x.ValidationMessage),
34
34
  children: [
35
- /* @__PURE__ */ s(l.div, { srOnly: !d, display: "inline", pe: "spacing.100", children: /* @__PURE__ */ s(b, { prefix: m, status: o }) }),
35
+ /* @__PURE__ */ s(l.div, { srOnly: !d, display: "inline", pe: "spacing.1", children: /* @__PURE__ */ s(b, { prefix: m, status: o }) }),
36
36
  /* @__PURE__ */ s(l.div, { display: "inline", children: r })
37
37
  ]
38
38
  }
@@ -24,15 +24,15 @@ const N = ({
24
24
  {
25
25
  "data-testid": a,
26
26
  listStyle: "none",
27
- m: "spacing.000",
28
- p: "spacing.000",
27
+ m: "spacing.0",
28
+ p: "spacing.0",
29
29
  ...m,
30
30
  className: S(u, h.ValidationSummary),
31
31
  children: [
32
32
  o.map((i) => /* @__PURE__ */ r(
33
33
  e.li,
34
34
  {
35
- m: "spacing.000",
35
+ m: "spacing.0",
36
36
  children: /* @__PURE__ */ r(
37
37
  c,
38
38
  {
@@ -48,7 +48,7 @@ const N = ({
48
48
  },
49
49
  `${x}-${i.linkToTarget}-${i.message}`
50
50
  )),
51
- t && /* @__PURE__ */ r(e.li, { m: "spacing.000", children: /* @__PURE__ */ r(
51
+ t && /* @__PURE__ */ r(e.li, { m: "spacing.0", children: /* @__PURE__ */ r(
52
52
  c,
53
53
  {
54
54
  status: n,
@@ -1,16 +1,6 @@
1
1
  import { jsx as pe } from "react/jsx-runtime";
2
2
  import { IressTableFormattedValue as Se } from "./components/Table/TableFormattedValue/TableFormattedValue.js";
3
3
  import { formatObjectKey as me } from "./helpers/formatting/formatObjectKey.js";
4
- /**
5
- * table-core
6
- *
7
- * Copyright (c) TanStack
8
- *
9
- * This source code is licensed under the MIT license found in the
10
- * LICENSE.md file in the root directory of this source tree.
11
- *
12
- * @license MIT
13
- */
14
4
  function Ce() {
15
5
  return {
16
6
  accessor: (e, o) => typeof e == "function" ? {
package/dist/constants.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = "6.0.0-alpha.1", e = {
1
+ const t = "6.0.0-alpha.2", e = {
2
2
  /**
3
3
  * Extra small breakpoint, for mobile devices
4
4
  */
@@ -1,6 +1,6 @@
1
1
  import * as d from "react";
2
2
  import { useLayoutEffect as Gn } from "react";
3
- import { t as At, i as jn, f as Pr } from "./index.esm-8uZEha-3.js";
3
+ import { t as At, i as jn, f as Pr } from "./index.esm-CL8gh5wr.js";
4
4
  import { jsx as me, jsxs as qn, Fragment as Dr } from "react/jsx-runtime";
5
5
  import * as nn from "react-dom";
6
6
  function St() {