@ultraviolet/ui 3.7.0 → 3.8.0

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 (175) hide show
  1. package/dist/components/Alert/index.d.ts.map +1 -1
  2. package/dist/components/Alert/index.js +5 -1
  3. package/dist/components/Alert/styles.css.d.ts +1 -1
  4. package/dist/components/Avatar/index.d.ts.map +1 -1
  5. package/dist/components/Avatar/index.js +45 -41
  6. package/dist/components/Banner/index.d.ts.map +1 -1
  7. package/dist/components/Banner/index.js +2 -2
  8. package/dist/components/Banner/styles.css.d.ts +1 -1
  9. package/dist/components/BarStack/styles.css.js +1 -1
  10. package/dist/components/Button/index.d.ts +41 -22
  11. package/dist/components/Button/index.d.ts.map +1 -1
  12. package/dist/components/Button/index.js +18 -10
  13. package/dist/components/Checkbox/index.d.ts +1 -1
  14. package/dist/components/Checkbox/index.d.ts.map +1 -1
  15. package/dist/components/Checkbox/index.js +44 -38
  16. package/dist/components/Chip/index.d.ts +1 -1
  17. package/dist/components/CopyButton/index.d.ts.map +1 -1
  18. package/dist/components/CopyButton/index.js +2 -1
  19. package/dist/components/DateInput/components/CalendarContent.d.ts.map +1 -1
  20. package/dist/components/DateInput/components/CalendarContent.js +2 -1
  21. package/dist/components/DateInput/helpersLocale.d.ts.map +1 -1
  22. package/dist/components/DateInput/helpersLocale.js +8 -5
  23. package/dist/components/DateInput/index.js +1 -1
  24. package/dist/components/Dialog/constants.d.ts +1 -1
  25. package/dist/components/Dialog/index.d.ts +20 -5
  26. package/dist/components/Dialog/index.d.ts.map +1 -1
  27. package/dist/components/Dialog/index.js +2 -1
  28. package/dist/components/Drawer/styles.css.d.ts +1 -1
  29. package/dist/components/EmptyState/index.d.ts.map +1 -1
  30. package/dist/components/EmptyState/index.js +13 -2
  31. package/dist/components/EmptyState/styles.css.d.ts +1 -1
  32. package/dist/components/ExpandableCard/index.d.ts.map +1 -1
  33. package/dist/components/ExpandableCard/index.js +30 -21
  34. package/dist/components/FileInput/components/List.d.ts.map +1 -1
  35. package/dist/components/FileInput/components/List.js +15 -2
  36. package/dist/components/FileInput/index.d.ts.map +1 -1
  37. package/dist/components/FileInput/index.js +1 -1
  38. package/dist/components/GlobalAlert/GlobalAlertLink.d.ts +3 -1
  39. package/dist/components/GlobalAlert/GlobalAlertLink.d.ts.map +1 -1
  40. package/dist/components/GlobalAlert/index.d.ts +61 -1
  41. package/dist/components/GlobalAlert/index.d.ts.map +1 -1
  42. package/dist/components/GlobalAlert/index.js +1 -1
  43. package/dist/components/Link/index.d.ts +23 -2
  44. package/dist/components/Link/index.d.ts.map +1 -1
  45. package/dist/components/Link/index.js +29 -15
  46. package/dist/components/List/HeaderCell.d.ts.map +1 -1
  47. package/dist/components/List/HeaderCell.js +3 -1
  48. package/dist/components/List/ListContext.d.ts.map +1 -1
  49. package/dist/components/List/ListContext.js +3 -1
  50. package/dist/components/List/Row.d.ts.map +1 -1
  51. package/dist/components/List/Row.js +16 -6
  52. package/dist/components/List/SkeletonRows.d.ts.map +1 -1
  53. package/dist/components/List/SkeletonRows.js +0 -1
  54. package/dist/components/List/styles.css.d.ts +1 -0
  55. package/dist/components/List/styles.css.d.ts.map +1 -1
  56. package/dist/components/List/styles.css.js +3 -1
  57. package/dist/components/List/variables.css.js +1 -1
  58. package/dist/components/Menu/components/Item.js +1 -1
  59. package/dist/components/Menu/helpers.d.ts +1 -1
  60. package/dist/components/Menu/index.d.ts +1 -1
  61. package/dist/components/Meter/index.d.ts.map +1 -1
  62. package/dist/components/Meter/index.js +43 -40
  63. package/dist/components/Modal/ModalContent.js +1 -1
  64. package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
  65. package/dist/components/Modal/components/Dialog.js +10 -1
  66. package/dist/components/Notice/index.js +1 -1
  67. package/dist/components/Notification/Notification.js +1 -1
  68. package/dist/components/NumberInput/index.d.ts.map +1 -1
  69. package/dist/components/NumberInput/index.js +2 -1
  70. package/dist/components/NumberInput/styles.css.d.ts +1 -1
  71. package/dist/components/Pagination/PaginationButtons.d.ts.map +1 -1
  72. package/dist/components/Pagination/PaginationButtons.js +2 -1
  73. package/dist/components/Pagination/PerPage.d.ts +2 -1
  74. package/dist/components/Pagination/PerPage.d.ts.map +1 -1
  75. package/dist/components/Pagination/PerPage.js +3 -1
  76. package/dist/components/Pagination/index.d.ts +6 -1
  77. package/dist/components/Pagination/index.d.ts.map +1 -1
  78. package/dist/components/Pagination/index.js +2 -0
  79. package/dist/components/Pagination/styles.css.d.ts +2 -2
  80. package/dist/components/PasswordCheck/index.d.ts.map +1 -1
  81. package/dist/components/PasswordCheck/index.js +2 -1
  82. package/dist/components/Popover/index.d.ts.map +1 -1
  83. package/dist/components/Popover/index.js +1 -1
  84. package/dist/components/ProgressBar/styles.css.d.ts +1 -1
  85. package/dist/components/Radio/index.js +22 -22
  86. package/dist/components/Row/styles.css.d.ts +44 -44
  87. package/dist/components/SearchInput/index.js +1 -1
  88. package/dist/components/SelectInput/components/Dropdown.d.ts.map +1 -1
  89. package/dist/components/SelectInput/components/Dropdown.js +53 -57
  90. package/dist/components/SelectInput/components/SearchBarDropdown.js +1 -1
  91. package/dist/components/SelectInput/components/SelectBar.d.ts.map +1 -1
  92. package/dist/components/SelectInput/components/SelectBar.js +5 -1
  93. package/dist/components/SelectInput/components/selectBar.css.d.ts +1 -1
  94. package/dist/components/SelectableCard/IllustrationContainer.d.ts +8 -0
  95. package/dist/components/SelectableCard/IllustrationContainer.d.ts.map +1 -0
  96. package/dist/components/SelectableCard/IllustrationContainer.js +66 -0
  97. package/dist/components/SelectableCard/MultiStateInput.d.ts +3 -0
  98. package/dist/components/SelectableCard/MultiStateInput.d.ts.map +1 -0
  99. package/dist/components/SelectableCard/MultiStateInput.js +94 -0
  100. package/dist/components/SelectableCard/SelectableCard.d.ts +7 -0
  101. package/dist/components/SelectableCard/SelectableCard.d.ts.map +1 -0
  102. package/dist/components/SelectableCard/SelectableCard.js +165 -0
  103. package/dist/components/SelectableCard/index.d.ts +1 -33
  104. package/dist/components/SelectableCard/index.d.ts.map +1 -1
  105. package/dist/components/SelectableCard/types.d.ts +32 -0
  106. package/dist/components/SelectableCard/types.d.ts.map +1 -0
  107. package/dist/components/SelectableCardGroup/index.js +1 -1
  108. package/dist/components/SelectableCardOptionGroup/components/Option.js +1 -1
  109. package/dist/components/Separator/index.d.ts.map +1 -1
  110. package/dist/components/Separator/index.js +1 -0
  111. package/dist/components/Skeleton/Donut.d.ts.map +1 -1
  112. package/dist/components/Skeleton/Donut.js +12 -9
  113. package/dist/components/Slider/styles.css.d.ts +1 -1
  114. package/dist/components/Snippet/index.js +1 -1
  115. package/dist/components/Stack/styles.css.d.ts +46 -46
  116. package/dist/components/Stepper/Step.js +1 -1
  117. package/dist/components/Stepper/styles.css.d.ts +1 -1
  118. package/dist/components/SwitchButton/Option.js +1 -1
  119. package/dist/components/SwitchButton/index.d.ts.map +1 -1
  120. package/dist/components/SwitchButton/index.js +7 -4
  121. package/dist/components/SwitchButton/styles.css.d.ts +2 -2
  122. package/dist/components/SwitchButton/styles.css.d.ts.map +1 -1
  123. package/dist/components/Table/HeaderCell.d.ts.map +1 -1
  124. package/dist/components/Table/HeaderCell.js +3 -1
  125. package/dist/components/Table/HeaderRow.d.ts.map +1 -1
  126. package/dist/components/Table/HeaderRow.js +22 -25
  127. package/dist/components/Table/Row.d.ts.map +1 -1
  128. package/dist/components/Table/Row.js +2 -1
  129. package/dist/components/Table/SkeletonRows.d.ts.map +1 -1
  130. package/dist/components/Table/SkeletonRows.js +4 -13
  131. package/dist/components/Tabs/TabMenu.js +1 -1
  132. package/dist/components/Tabs/index.d.ts +2 -2
  133. package/dist/components/Tag/index.d.ts.map +1 -1
  134. package/dist/components/Tag/index.js +2 -1
  135. package/dist/components/TagInput/index.d.ts.map +1 -1
  136. package/dist/components/TagInput/index.js +3 -1
  137. package/dist/components/Text/constants.d.ts +4 -7
  138. package/dist/components/Text/constants.d.ts.map +1 -1
  139. package/dist/components/Text/index.d.ts +2 -1
  140. package/dist/components/Text/index.d.ts.map +1 -1
  141. package/dist/components/Text/index.js +4 -4
  142. package/dist/components/Text/style.css.d.ts +6 -6
  143. package/dist/components/Text/style.css.d.ts.map +1 -1
  144. package/dist/components/Text/style.css.js +1 -2
  145. package/dist/components/Text/variables.css.d.ts +4 -2
  146. package/dist/components/Text/variables.css.d.ts.map +1 -1
  147. package/dist/components/Text/variables.css.js +3 -4
  148. package/dist/components/TextArea/index.d.ts.map +1 -1
  149. package/dist/components/TextArea/index.js +3 -1
  150. package/dist/components/TextInput/index.d.ts.map +1 -1
  151. package/dist/components/TextInput/index.js +6 -1
  152. package/dist/components/TextInput/styles.css.d.ts +1 -1
  153. package/dist/components/TextInput/styles.css.d.ts.map +1 -1
  154. package/dist/components/TimeInput/index.d.ts.map +1 -1
  155. package/dist/components/TimeInput/index.js +2 -1
  156. package/dist/components/Toaster/components/CloseButton.js +1 -1
  157. package/dist/components/Toggle/index.d.ts +2 -7
  158. package/dist/components/Toggle/index.d.ts.map +1 -1
  159. package/dist/components/Toggle/index.js +13 -1
  160. package/dist/components/Tooltip/index.d.ts +1 -1
  161. package/dist/components/UnitInput/index.d.ts.map +1 -1
  162. package/dist/components/UnitInput/index.js +2 -1
  163. package/dist/components/UnitInput/styles.css.d.ts +2 -2
  164. package/dist/components/VerificationCode/styles.css.d.ts +1 -1
  165. package/dist/components/compositions/OptionSelector/__mock__/resources.d.ts.map +1 -1
  166. package/dist/components/compositions/OptionSelector/index.js +1 -1
  167. package/dist/index.js +3 -2
  168. package/dist/theme/ThemeProvider.d.ts.map +1 -1
  169. package/dist/theme/ThemeProvider.js +46 -4
  170. package/dist/theme/index.d.ts +3 -2
  171. package/dist/theme/index.d.ts.map +1 -1
  172. package/dist/theme/index.js +1 -2
  173. package/dist/ui.css +1 -1
  174. package/package.json +3 -3
  175. package/dist/components/SelectableCard/index.js +0 -232
@@ -15,7 +15,8 @@ var listCheckboxContainer = "uv_inoh54m";
15
15
  var listNoPaddingCell = "uv_inoh54n";
16
16
  var listLoadingRow = "uv_inoh54o";
17
17
  var listSkeleton = "uv_inoh54p";
18
- var listExpandableCell = "uv_inoh54q";
18
+ var listExpandableButton = "uv_inoh54q";
19
+ var listExpandableCell = "uv_inoh54r";
19
20
  export {
20
21
  list,
21
22
  listCell,
@@ -23,6 +24,7 @@ export {
23
24
  listCheckboxContainer,
24
25
  listCheckboxInRange,
25
26
  listContainer,
27
+ listExpandableButton,
26
28
  listExpandableCell,
27
29
  listExpandableWrapper,
28
30
  listHeaderCell,
@@ -8,7 +8,7 @@ var minWidthCell = "var(--uv_1431nf66)";
8
8
  var widthChildrenCell = "var(--uv_1431nf67)";
9
9
  var maxWidthChildrenCell = "var(--uv_1431nf68)";
10
10
  var minWidthChildrenCell = "var(--uv_1431nf69)";
11
- var listCellPadding = "var(--rwwhsl9v)";
11
+ var listCellPadding = "var(--uv_theme_rwwhsl9v)";
12
12
  export {
13
13
  listCellPadding,
14
14
  maxWidthCell,
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { ArrowRightIcon } from "@ultraviolet/icons";
3
+ import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
4
4
  import { cn } from "@ultraviolet/utils";
5
5
  import { forwardRef, useCallback } from "react";
6
6
  import { Stack } from "../../Stack/index.js";
@@ -3,5 +3,5 @@ import type { ReactNode } from 'react';
3
3
  * Search inside a children (React Element) recursively until a result is found
4
4
  */
5
5
  export declare const searchChildren: (children: ReactNode, searchString: string) => ReactNode[];
6
- export declare const getListItem: (listItems: Element[]) => (HTMLButtonElement | HTMLAnchorElement)[];
6
+ export declare const getListItem: (listItems: Element[]) => (HTMLAnchorElement | HTMLButtonElement)[];
7
7
  //# sourceMappingURL=helpers.d.ts.map
@@ -71,7 +71,7 @@ export declare const Menu: import("react").ForwardRefExoticComponent<{
71
71
  children: import("react").ReactNode;
72
72
  onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
73
73
  borderless?: boolean;
74
- sentiment?: "primary" | "neutral" | "danger";
74
+ sentiment?: "danger" | "neutral" | "primary";
75
75
  active?: boolean;
76
76
  'data-testid'?: string;
77
77
  searchText?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1C,KAAK,QAAQ,GAAG;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,8EAQnB,0BAA0B,4CA6C5B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1C,KAAK,QAAQ,GAAG;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,8EAQnB,0BAA0B,4CA8C5B,CAAA"}
@@ -16,48 +16,51 @@ const Meter = ({
16
16
  const width = `${toValue}%`;
17
17
  const backgroundColor = strength[value]?.color ?? strength[0].color;
18
18
  const text = strength[value]?.text ?? strength[0].text;
19
- return /* @__PURE__ */ jsxs(
20
- "div",
21
- {
22
- "aria-labelledby": "meter-label",
23
- "aria-live": "polite",
24
- "aria-valuemax": strength.length ?? 0,
25
- "aria-valuemin": 0,
26
- "aria-valuenow": value,
27
- className,
28
- "data-testid": dataTestId,
29
- id,
30
- role: "meter",
31
- style,
32
- title,
33
- children: [
34
- /* @__PURE__ */ jsxs(Text, { as: "p", id: "meter-label", variant: "bodySmallStrong", children: [
35
- title,
36
- /* @__PURE__ */ jsx(
37
- Text,
19
+ return (
20
+ // biome-ignore lint/a11y/useSemanticElements: style issue
21
+ /* @__PURE__ */ jsxs(
22
+ "div",
23
+ {
24
+ "aria-labelledby": "meter-label",
25
+ "aria-live": "polite",
26
+ "aria-valuemax": strength.length ?? 0,
27
+ "aria-valuemin": 0,
28
+ "aria-valuenow": value,
29
+ className,
30
+ "data-testid": dataTestId,
31
+ id,
32
+ role: "meter",
33
+ style,
34
+ title,
35
+ children: [
36
+ /* @__PURE__ */ jsxs(Text, { as: "p", id: "meter-label", variant: "bodySmallStrong", children: [
37
+ title,
38
+ /* @__PURE__ */ jsx(
39
+ Text,
40
+ {
41
+ as: "span",
42
+ className: strengthMeter,
43
+ style: assignInlineVars({
44
+ [colorMeter]: strength[value].color
45
+ }),
46
+ variant: "bodySmallStrong",
47
+ children: text
48
+ }
49
+ )
50
+ ] }),
51
+ /* @__PURE__ */ jsx("div", { className: wrapperMeter, children: /* @__PURE__ */ jsx(
52
+ "div",
38
53
  {
39
- as: "span",
40
- className: strengthMeter,
41
- style: assignInlineVars({
42
- [colorMeter]: strength[value].color
43
- }),
44
- variant: "bodySmallStrong",
45
- children: text
54
+ className: meter,
55
+ style: {
56
+ backgroundColor,
57
+ width
58
+ }
46
59
  }
47
- )
48
- ] }),
49
- /* @__PURE__ */ jsx("div", { className: wrapperMeter, children: /* @__PURE__ */ jsx(
50
- "div",
51
- {
52
- className: meter,
53
- style: {
54
- backgroundColor,
55
- width
56
- }
57
- }
58
- ) })
59
- ]
60
- }
60
+ ) })
61
+ ]
62
+ }
63
+ )
61
64
  );
62
65
  };
63
66
  export {
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
- import { CloseIcon } from "@ultraviolet/icons";
3
+ import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
4
4
  import { Button } from "../Button/index.js";
5
5
  import { Dialog } from "./components/Dialog.js";
6
6
  import { modalContainer } from "./styles.css.js";
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,GAAI,iLAepB,WAAW,gCA2Ob,CAAA"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,GAAI,iLAepB,WAAW,gCAiPb,CAAA"}
@@ -188,7 +188,16 @@ const Dialog = ({
188
188
  alignItems: "flex-end",
189
189
  className: modalImageContainer,
190
190
  justifyContent: "center",
191
- children: /* @__PURE__ */ jsx("img", { alt: "illustration", className: modalImage, src: image })
191
+ children: /* @__PURE__ */ jsx(
192
+ "img",
193
+ {
194
+ alt: "illustration",
195
+ className: modalImage,
196
+ height: "auto",
197
+ src: image,
198
+ width: "auto"
199
+ }
200
+ )
192
201
  }
193
202
  ),
194
203
  /* @__PURE__ */ jsx(Stack, { className: modalContent, gap: 5, children })
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import { InformationOutlineIcon } from "@ultraviolet/icons";
3
+ import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
4
4
  import { cn } from "@ultraviolet/utils";
5
5
  import { Text } from "../Text/index.js";
6
6
  import { notice } from "./styles.css.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import { CloseIcon } from "@ultraviolet/icons";
3
+ import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
4
4
  import { toast } from "react-toastify";
5
5
  import { Button } from "../Button/index.js";
6
6
  import { Stack } from "../Stack/index.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAezE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AASvC,KAAK,KAAK,GAAG,MAAM,OAAO,KAAK,CAAA;AA2C/B;;;GAGG;AACH,eAAO,MAAM,WAAW;WA5Cf,KAAK;IACZ;;OAEG;WACI,MAAM;cACH,MAAM;gBACJ,MAAM;oBACF,MAAM;YACd,MAAM;IACd;;OAEG;uBACgB,SAAS;IAC5B;;OAEG;eACQ,OAAO;YACV,MAAM;cACJ,MAAM,GAAG,OAAO;aACjB,SAAS;YACV,MAAM,GAAG,IAAI;eACV,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;UACtC,MAAM;UACN,MAAM;+OAsRb,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAezE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AASvC,KAAK,KAAK,GAAG,MAAM,OAAO,KAAK,CAAA;AA2C/B;;;GAGG;AACH,eAAO,MAAM,WAAW;WA5Cf,KAAK;IACZ;;OAEG;WACI,MAAM;cACH,MAAM;gBACJ,MAAM;oBACF,MAAM;YACd,MAAM;IACd;;OAEG;uBACgB,SAAS;IAC5B;;OAEG;eACQ,OAAO;YACV,MAAM;cACJ,MAAM,GAAG,OAAO;aACjB,SAAS;YACV,MAAM,GAAG,IAAI;eACV,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;UACtC,MAAM;UACN,MAAM;+OAsRb,CAAA"}
@@ -1,6 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import { MinusIcon, PlusIcon } from "@ultraviolet/icons";
3
+ import { MinusIcon } from "@ultraviolet/icons/MinusIcon";
4
+ import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
4
5
  import { forwardRef, useRef, useImperativeHandle, useId, useMemo, useCallback } from "react";
5
6
  import { Button } from "../Button/index.js";
6
7
  import { Label } from "../Label/index.js";
@@ -1,4 +1,4 @@
1
- export declare const numberinputSideContainer: Record<"large" | "medium" | "small", string>;
1
+ export declare const numberinputSideContainer: Record<"small" | "large" | "medium", string>;
2
2
  export declare const inputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
3
3
  controls: {
4
4
  false: {
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"AAUA,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAgDD,eAAO,MAAM,iBAAiB,GAAI,uGAS/B,sBAAsB,4CAmExB,CAAA"}
1
+ {"version":3,"file":"PaginationButtons.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButtons.tsx"],"names":[],"mappings":"AAWA,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAgDD,eAAO,MAAM,iBAAiB,GAAI,uGAS/B,sBAAsB,4CAmExB,CAAA"}
@@ -1,6 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
3
- import { ArrowLeftIcon, ArrowRightIcon } from "@ultraviolet/icons";
3
+ import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
4
+ import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
4
5
  import { useCallback, useMemo } from "react";
5
6
  import { Button } from "../Button/index.js";
6
7
  import { Stack } from "../Stack/index.js";
@@ -7,7 +7,8 @@ type PerPageProps = {
7
7
  numberOfItemsText?: string;
8
8
  page: number;
9
9
  numberOfItems: number;
10
+ portalTarget?: HTMLElement;
10
11
  };
11
- export declare const PerPage: ({ perPage, onChangePerPage, perPageText, setPerPage, numberOfItemsText, page, numberOfItems, }: PerPageProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const PerPage: ({ perPage, onChangePerPage, perPageText, setPerPage, numberOfItemsText, page, numberOfItems, portalTarget, }: PerPageProps) => import("react/jsx-runtime").JSX.Element;
12
13
  export {};
13
14
  //# sourceMappingURL=PerPage.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PerPage.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PerPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAwBrD,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,gGAQrB,YAAY,4CA4Bd,CAAA"}
1
+ {"version":3,"file":"PerPage.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PerPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAwBrD,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,8GASrB,YAAY,4CA6Bd,CAAA"}
@@ -28,7 +28,8 @@ const PerPage = ({
28
28
  setPerPage,
29
29
  numberOfItemsText,
30
30
  page,
31
- numberOfItems
31
+ numberOfItems,
32
+ portalTarget
32
33
  }) => {
33
34
  const handleChange = (value) => {
34
35
  const intValue = Number.parseInt(value, 10);
@@ -43,6 +44,7 @@ const PerPage = ({
43
44
  name: "select-items-per-page",
44
45
  onChange: handleChange,
45
46
  options: optionsItemsPerPage,
47
+ portalTarget,
46
48
  size: "small",
47
49
  style: {
48
50
  width: "fit-content"
@@ -44,17 +44,22 @@ type PaginationProps = {
44
44
  * Number of items in the list
45
45
  */
46
46
  numberOfItems: number;
47
+ /**
48
+ * Defines the target element for the perPage dropdown menu
49
+ */
50
+ perPagePortalTarget?: HTMLElement;
47
51
  } | {
48
52
  perPage?: never;
49
53
  onChangePerPage?: never;
50
54
  perPageText?: never;
51
55
  numberOfItemsText?: never;
52
56
  numberOfItems?: never;
57
+ perPagePortalTarget?: never;
53
58
  });
54
59
  /**
55
60
  * Pagination is a component to navigate between pages, it is composed of 2 buttons to go to the previous and next page,
56
61
  * and a list of buttons to go to a specific page.
57
62
  */
58
- export declare const Pagination: ({ disabled, page, pageCount, onChange, pageTabCount, className, perPage, onChangePerPage, perPageText, numberOfItemsText, numberOfItems, "data-testid": dataTestId, style, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
63
+ export declare const Pagination: ({ disabled, page, pageCount, onChange, pageTabCount, className, perPage, onChangePerPage, perPageText, numberOfItemsText, numberOfItems, perPagePortalTarget, "data-testid": dataTestId, style, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
59
64
  export {};
60
65
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM1C,KAAK,eAAe,GAAG;IACrB;;MAEE;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;MAEE;IACF,IAAI,EAAE,MAAM,CAAA;IACZ;;MAEE;IACF,SAAS,EAAE,MAAM,CAAA;IACjB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,CACA;IACE;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;CACtB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAA;CACtB,CACJ,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,8KAcxB,eAAe,4CA2CjB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM1C,KAAK,eAAe,GAAG;IACrB;;MAEE;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;MAEE;IACF,IAAI,EAAE,MAAM,CAAA;IACZ;;MAEE;IACF,SAAS,EAAE,MAAM,CAAA;IACjB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,CACA;IACE;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,CAAA;CAClC,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAA;IACrB,mBAAmB,CAAC,EAAE,KAAK,CAAA;CAC5B,CACJ,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,mMAexB,eAAe,4CA4CjB,CAAA"}
@@ -16,6 +16,7 @@ const Pagination = ({
16
16
  perPageText,
17
17
  numberOfItemsText,
18
18
  numberOfItems,
19
+ perPagePortalTarget,
19
20
  "data-testid": dataTestId,
20
21
  style
21
22
  }) => {
@@ -43,6 +44,7 @@ const Pagination = ({
43
44
  page,
44
45
  perPage: perPageComputed,
45
46
  perPageText,
47
+ portalTarget: perPagePortalTarget,
46
48
  setPerPage
47
49
  }
48
50
  ) : null,
@@ -1,4 +1,4 @@
1
1
  export declare const pageNumbersContainer: string;
2
- export declare const pageButton: Record<"medium" | "small", string>;
3
- export declare const ellipsisClass: Record<"medium" | "small", string>;
2
+ export declare const pageButton: Record<"small" | "medium", string>;
3
+ export declare const ellipsisClass: Record<"small" | "medium", string>;
4
4
  //# sourceMappingURL=styles.css.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordCheck/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,yDAK3B,kBAAkB,4CAoBpB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordCheck/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,yDAK3B,kBAAkB,4CAoBpB,CAAA"}
@@ -1,6 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { CheckCircleIcon, CloseIcon } from "@ultraviolet/icons";
3
+ import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
4
+ import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
4
5
  import { cn } from "@ultraviolet/utils";
5
6
  import { Stack } from "../Stack/index.js";
6
7
  import { Text } from "../Text/index.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAY3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;cA1BR,SAAS;aACV,SAAS;WACX,MAAM;gBACD,aAAa;cACf,OAAO;WACV,MAAM,OAAO,WAAW;cACrB,MAAM,IAAI;gBACR,MAAM;oBACF,MAAM;eACX,MAAM;gBACL,MAAM;IAClB;;;OAGG;mBACY,WAAW;gBACd,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;;;;iBAjBvE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8IA4GR,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAY3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;cA1BR,SAAS;aACV,SAAS;WACX,MAAM;gBACD,aAAa;cACf,OAAO;WACV,MAAM,OAAO,WAAW;cACrB,MAAM,IAAI;gBACR,MAAM;oBACF,MAAM;eACX,MAAM;gBACL,MAAM;IAClB;;;OAGG;mBACY,WAAW;gBACd,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;;;;iBAjB/E,CADA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8IA6GC,CAAA"}
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { CloseIcon } from "@ultraviolet/icons";
3
+ import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
4
4
  import { cn } from "@ultraviolet/utils";
5
5
  import { forwardRef, useRef, useContext, useState, useEffect, useCallback, useMemo } from "react";
6
6
  import { Button } from "../Button/index.js";
@@ -1,5 +1,5 @@
1
1
  export declare const progressContainer: string;
2
2
  export declare const customText: string;
3
3
  export declare const progressBar: string;
4
- export declare const filledBarSentiments: Record<"primary" | "secondary" | "success" | "danger" | "warning" | "info", string>;
4
+ export declare const filledBarSentiments: Record<"danger" | "info" | "success" | "primary" | "warning" | "secondary", string>;
5
5
  //# sourceMappingURL=styles.css.d.ts.map
@@ -68,28 +68,28 @@ const Radio = forwardRef(
68
68
  value
69
69
  }
70
70
  ),
71
- /* @__PURE__ */ jsx("svg", { className: ring, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx(RadioMarkedIcon, {}) }),
72
- label ? (
73
- // biome-ignore lint/complexity/noUselessFragments: ok
74
- /* @__PURE__ */ jsx(Fragment, { children: typeof label === "string" ? /* @__PURE__ */ jsx(
75
- Text,
76
- {
77
- as: "label",
78
- className: cn(textLabel, labelRadio),
79
- htmlFor: localId,
80
- prominence: "default",
81
- variant: "body",
82
- children: label
83
- }
84
- ) : /* @__PURE__ */ jsx(
85
- "label",
86
- {
87
- className: cn(labelStyle, labelRadio),
88
- htmlFor: localId,
89
- children: label
90
- }
91
- ) })
92
- ) : null
71
+ /* @__PURE__ */ jsxs("svg", { className: ring, viewBox: "0 0 24 24", children: [
72
+ /* @__PURE__ */ jsx("title", { children: "radio" }),
73
+ /* @__PURE__ */ jsx(RadioMarkedIcon, {})
74
+ ] }),
75
+ label ? /* @__PURE__ */ jsx(Fragment, { children: typeof label === "string" ? /* @__PURE__ */ jsx(
76
+ Text,
77
+ {
78
+ as: "label",
79
+ className: cn(textLabel, labelRadio),
80
+ htmlFor: localId,
81
+ prominence: "default",
82
+ variant: "body",
83
+ children: label
84
+ }
85
+ ) : /* @__PURE__ */ jsx(
86
+ "label",
87
+ {
88
+ className: cn(labelStyle, labelRadio),
89
+ htmlFor: localId,
90
+ children: label
91
+ }
92
+ ) }) : null
93
93
  ]
94
94
  }
95
95
  ),