@ultraviolet/ui 3.4.0 → 3.5.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 (225) hide show
  1. package/dist/components/Alert/index.js +1 -1
  2. package/dist/components/Alert/styles.css.d.ts +8 -8
  3. package/dist/components/Alert/styles.css.js +1 -1
  4. package/dist/components/Avatar/styles.css.d.ts +36 -36
  5. package/dist/components/Avatar/styles.css.js +4 -4
  6. package/dist/components/Badge/styles.css.d.ts +28 -28
  7. package/dist/components/Badge/styles.css.js +1 -1
  8. package/dist/components/Banner/index.js +1 -1
  9. package/dist/components/Banner/styles.css.d.ts +2 -2
  10. package/dist/components/Banner/styles.css.js +2 -2
  11. package/dist/components/BarStack/styles.css.d.ts +7 -7
  12. package/dist/components/BarStack/styles.css.js +1 -1
  13. package/dist/components/Bullet/styles.css.d.ts +13 -13
  14. package/dist/components/Bullet/styles.css.js +1 -1
  15. package/dist/components/Button/index.d.ts +2 -2
  16. package/dist/components/Button/index.d.ts.map +1 -1
  17. package/dist/components/Button/styles.css.d.ts +39 -39
  18. package/dist/components/Button/styles.css.js +1 -1
  19. package/dist/components/Checkbox/index.js +4 -4
  20. package/dist/components/Chip/ChipIcon.d.ts.map +1 -1
  21. package/dist/components/Chip/ChipIcon.js +4 -1
  22. package/dist/components/Chip/index.d.ts +1 -1
  23. package/dist/components/CopyButton/index.js +1 -1
  24. package/dist/components/DateInput/components/CalendarContent.js +7 -7
  25. package/dist/components/DateInput/components/CalendarDaily.js +1 -1
  26. package/dist/components/DateInput/components/CalendarMonthly.d.ts.map +1 -1
  27. package/dist/components/DateInput/components/CalendarMonthly.js +1 -1
  28. package/dist/components/DateInput/helpers.d.ts.map +1 -1
  29. package/dist/components/Dialog/components/Buttons.js +1 -1
  30. package/dist/components/Dialog/index.d.ts +2 -2
  31. package/dist/components/Drawer/styles.css.js +1 -1
  32. package/dist/components/EmptyState/styles.css.d.ts +11 -11
  33. package/dist/components/EmptyState/styles.css.js +2 -2
  34. package/dist/components/Expandable/index.js +1 -1
  35. package/dist/components/ExpandableCard/styles.css.d.ts.map +1 -1
  36. package/dist/components/FileInput/index.js +1 -1
  37. package/dist/components/FileInput/styles.css.d.ts +11 -11
  38. package/dist/components/FileInput/styles.css.js +5 -5
  39. package/dist/components/GlobalAlert/styles.css.js +1 -1
  40. package/dist/components/Key/styles.css.d.ts +12 -12
  41. package/dist/components/Key/styles.css.js +1 -1
  42. package/dist/components/Label/index.d.ts.map +1 -1
  43. package/dist/components/Label/index.js +41 -28
  44. package/dist/components/Label/styles.css.js +1 -1
  45. package/dist/components/Link/styles.css.d.ts.map +1 -1
  46. package/dist/components/List/ListContext.d.ts +2 -2
  47. package/dist/components/List/ListContext.d.ts.map +1 -1
  48. package/dist/components/List/Row.d.ts +1 -1
  49. package/dist/components/List/Row.d.ts.map +1 -1
  50. package/dist/components/List/SelectBar.d.ts +1 -1
  51. package/dist/components/List/SelectBar.d.ts.map +1 -1
  52. package/dist/components/List/SkeletonRows.d.ts.map +1 -1
  53. package/dist/components/List/index.d.ts +2 -5
  54. package/dist/components/List/index.d.ts.map +1 -1
  55. package/dist/components/List/styles.css.d.ts +3 -3
  56. package/dist/components/List/styles.css.js +1 -1
  57. package/dist/components/Menu/styles.css.js +1 -1
  58. package/dist/components/Modal/ModalContent.d.ts.map +1 -1
  59. package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
  60. package/dist/components/Modal/components/Dialog.js +1 -1
  61. package/dist/components/Modal/index.js +3 -3
  62. package/dist/components/Modal/styles.css.d.ts +17 -17
  63. package/dist/components/Modal/styles.css.js +1 -1
  64. package/dist/components/NumberInput/index.d.ts +1 -1
  65. package/dist/components/NumberInput/index.js +2 -2
  66. package/dist/components/NumberInput/styles.css.d.ts +48 -48
  67. package/dist/components/NumberInput/styles.css.d.ts.map +1 -1
  68. package/dist/components/NumberInput/styles.css.js +4 -4
  69. package/dist/components/Pagination/getPageNumbers.d.ts +1 -1
  70. package/dist/components/Pagination/styles.css.js +2 -2
  71. package/dist/components/PieChart/index.js +3 -3
  72. package/dist/components/PieChart/styles.css.d.ts +7 -7
  73. package/dist/components/PieChart/styles.css.js +3 -3
  74. package/dist/components/Popover/index.js +1 -1
  75. package/dist/components/Popover/styles.css.d.ts +3 -3
  76. package/dist/components/Popup/helpers.js +2 -2
  77. package/dist/components/Popup/index.js +19 -19
  78. package/dist/components/Popup/styles.css.d.ts +6 -6
  79. package/dist/components/Popup/styles.css.js +1 -1
  80. package/dist/components/Radio/index.d.ts.map +1 -1
  81. package/dist/components/Radio/index.js +14 -11
  82. package/dist/components/RadioGroup/index.js +1 -1
  83. package/dist/components/Row/styles.css.d.ts +19 -19
  84. package/dist/components/Row/styles.css.d.ts.map +1 -1
  85. package/dist/components/Row/styles.css.js +2 -2
  86. package/dist/components/Row/variables.css.d.ts +1 -1
  87. package/dist/components/Row/variables.css.d.ts.map +1 -1
  88. package/dist/components/Row/variables.css.js +2 -2
  89. package/dist/components/SelectInput/components/Dropdown.d.ts +14 -1
  90. package/dist/components/SelectInput/components/Dropdown.d.ts.map +1 -1
  91. package/dist/components/SelectInput/components/Dropdown.js +398 -222
  92. package/dist/components/SelectInput/components/SearchBarDropdown.d.ts.map +1 -1
  93. package/dist/components/SelectInput/components/SearchBarDropdown.js +25 -19
  94. package/dist/components/SelectInput/components/SelectBar.d.ts.map +1 -1
  95. package/dist/components/SelectInput/components/SelectBar.js +8 -11
  96. package/dist/components/SelectInput/components/dropdown.css.d.ts +2 -0
  97. package/dist/components/SelectInput/components/dropdown.css.d.ts.map +1 -1
  98. package/dist/components/SelectInput/components/dropdown.css.js +13 -9
  99. package/dist/components/SelectInput/components/selectBar.css.d.ts +43 -43
  100. package/dist/components/SelectInput/components/selectBar.css.d.ts.map +1 -1
  101. package/dist/components/SelectInput/components/selectBar.css.js +2 -2
  102. package/dist/components/SelectInput/constants.d.ts +13 -0
  103. package/dist/components/SelectInput/constants.d.ts.map +1 -0
  104. package/dist/components/SelectInput/constants.js +18 -0
  105. package/dist/components/SelectInput/findOptionInOptions.js +3 -3
  106. package/dist/components/SelectInput/index.d.ts +11 -5
  107. package/dist/components/SelectInput/index.d.ts.map +1 -1
  108. package/dist/components/SelectInput/index.js +8 -2
  109. package/dist/components/SelectInput/types.d.ts +0 -5
  110. package/dist/components/SelectInput/types.d.ts.map +1 -1
  111. package/dist/components/SelectableCard/index.d.ts.map +1 -1
  112. package/dist/components/SelectableCard/index.js +8 -5
  113. package/dist/components/SelectableCard/styles.css.d.ts +9 -9
  114. package/dist/components/SelectableCard/styles.css.js +3 -2
  115. package/dist/components/SelectableCard/variables.css.js +0 -1
  116. package/dist/components/Separator/index.d.ts.map +1 -1
  117. package/dist/components/Separator/index.js +33 -31
  118. package/dist/components/Skeleton/Block.d.ts.map +1 -1
  119. package/dist/components/Skeleton/Block.js +7 -4
  120. package/dist/components/Skeleton/Blocks.d.ts.map +1 -1
  121. package/dist/components/Skeleton/Blocks.js +7 -4
  122. package/dist/components/Skeleton/BoxWithIcon.d.ts.map +1 -1
  123. package/dist/components/Skeleton/BoxWithIcon.js +7 -4
  124. package/dist/components/Skeleton/List.d.ts.map +1 -1
  125. package/dist/components/Skeleton/List.js +8 -2
  126. package/dist/components/Skeleton/Slider.d.ts.map +1 -1
  127. package/dist/components/Skeleton/Slider.js +4 -1
  128. package/dist/components/Skeleton/index.d.ts.map +1 -1
  129. package/dist/components/Skeleton/index.js +17 -14
  130. package/dist/components/Slider/components/DoubleSlider.d.ts +1 -1
  131. package/dist/components/Slider/components/DoubleSlider.d.ts.map +1 -1
  132. package/dist/components/Slider/components/DoubleSlider.js +24 -20
  133. package/dist/components/Slider/components/SingleSlider.d.ts +1 -1
  134. package/dist/components/Slider/components/SingleSlider.d.ts.map +1 -1
  135. package/dist/components/Slider/components/SingleSlider.js +9 -3
  136. package/dist/components/Slider/index.d.ts +1 -1
  137. package/dist/components/Slider/index.d.ts.map +1 -1
  138. package/dist/components/Slider/index.js +3 -0
  139. package/dist/components/Slider/styles.css.d.ts +47 -43
  140. package/dist/components/Slider/styles.css.d.ts.map +1 -1
  141. package/dist/components/Slider/styles.css.js +5 -5
  142. package/dist/components/Slider/types.d.ts +5 -0
  143. package/dist/components/Slider/types.d.ts.map +1 -1
  144. package/dist/components/Snippet/index.js +1 -1
  145. package/dist/components/Snippet/styles.css.d.ts +12 -12
  146. package/dist/components/Snippet/styles.css.js +7 -7
  147. package/dist/components/Stack/index.d.ts +2 -3
  148. package/dist/components/Stack/index.d.ts.map +1 -1
  149. package/dist/components/Stack/index.js +67 -65
  150. package/dist/components/Stack/styles.css.d.ts +87 -87
  151. package/dist/components/Stack/styles.css.js +4 -4
  152. package/dist/components/Status/styles.css.d.ts +1 -1
  153. package/dist/components/StepList/styles.css.d.ts +7 -7
  154. package/dist/components/StepList/styles.css.js +2 -2
  155. package/dist/components/Stepper/index.d.ts.map +1 -1
  156. package/dist/components/Stepper/index.js +13 -10
  157. package/dist/components/Stepper/styles.css.d.ts +45 -45
  158. package/dist/components/Stepper/styles.css.js +6 -6
  159. package/dist/components/SwitchButton/index.js +3 -3
  160. package/dist/components/SwitchButton/styles.css.js +3 -3
  161. package/dist/components/Table/HeaderRow.d.ts.map +1 -1
  162. package/dist/components/Table/HeaderRow.js +25 -22
  163. package/dist/components/Table/Row.d.ts +1 -1
  164. package/dist/components/Table/Row.d.ts.map +1 -1
  165. package/dist/components/Table/SelectBar.d.ts +1 -1
  166. package/dist/components/Table/SelectBar.d.ts.map +1 -1
  167. package/dist/components/Table/SkeletonRows.d.ts.map +1 -1
  168. package/dist/components/Table/index.d.ts +4 -4
  169. package/dist/components/Table/index.d.ts.map +1 -1
  170. package/dist/components/Table/styles.css.d.ts +21 -21
  171. package/dist/components/Table/styles.css.js +2 -2
  172. package/dist/components/Tabs/Tab.js +1 -1
  173. package/dist/components/Tabs/index.d.ts +1 -1
  174. package/dist/components/Tabs/styles.css.js +1 -1
  175. package/dist/components/Tag/styles.css.d.ts +10 -10
  176. package/dist/components/Tag/styles.css.js +1 -1
  177. package/dist/components/TagInput/index.js +5 -5
  178. package/dist/components/TagInput/styles.css.d.ts +4 -4
  179. package/dist/components/TagInput/styles.css.js +1 -1
  180. package/dist/components/TagList/index.d.ts.map +1 -1
  181. package/dist/components/TagList/index.js +1 -1
  182. package/dist/components/Text/style.css.d.ts +26 -26
  183. package/dist/components/Text/style.css.d.ts.map +1 -1
  184. package/dist/components/Text/style.css.js +1 -1
  185. package/dist/components/TextArea/index.d.ts.map +1 -1
  186. package/dist/components/TextArea/index.js +14 -7
  187. package/dist/components/TextArea/styles.css.d.ts +2 -2
  188. package/dist/components/TextArea/styles.css.js +1 -1
  189. package/dist/components/TextInput/index.d.ts +1 -1
  190. package/dist/components/TextInput/index.js +2 -2
  191. package/dist/components/TimeInput/helpers.d.ts.map +1 -1
  192. package/dist/components/TimeInput/helpers.js +2 -1
  193. package/dist/components/TimeInput/index.js +4 -4
  194. package/dist/components/TimeInput/styles.css.d.ts +22 -22
  195. package/dist/components/TimeInput/styles.css.js +1 -1
  196. package/dist/components/Toaster/constants.d.ts.map +1 -1
  197. package/dist/components/Toggle/styles.css.d.ts +53 -53
  198. package/dist/components/Toggle/styles.css.js +2 -2
  199. package/dist/components/Tooltip/index.d.ts +1 -1
  200. package/dist/components/TreeMapChart/index.d.ts +1 -1
  201. package/dist/components/TreeMapChart/index.d.ts.map +1 -1
  202. package/dist/components/TreeMapChart/index.js +39 -42
  203. package/dist/components/TreeMapChart/styles.css.d.ts +1 -1
  204. package/dist/components/TreeMapChart/styles.css.d.ts.map +1 -1
  205. package/dist/components/TreeMapChart/styles.css.js +2 -2
  206. package/dist/components/UnitInput/index.js +1 -1
  207. package/dist/components/UnitInput/styles.css.js +3 -3
  208. package/dist/components/VerificationCode/index.d.ts.map +1 -1
  209. package/dist/components/VerificationCode/index.js +2 -2
  210. package/dist/components/VerificationCode/styles.css.js +1 -1
  211. package/dist/components/compositions/OptionSelector/index.d.ts.map +1 -1
  212. package/dist/components/compositions/OptionSelector/index.js +91 -59
  213. package/dist/components/compositions/OptionSelector/styles.css.d.ts +2 -0
  214. package/dist/components/compositions/OptionSelector/styles.css.d.ts.map +1 -1
  215. package/dist/components/compositions/OptionSelector/styles.css.js +4 -0
  216. package/dist/helpers/treeMap.d.ts +4 -5
  217. package/dist/helpers/treeMap.d.ts.map +1 -1
  218. package/dist/helpers/treeMap.js +7 -5
  219. package/dist/theme/ThemeProvider.d.ts +33 -0
  220. package/dist/theme/ThemeProvider.d.ts.map +1 -1
  221. package/dist/theme/index.d.ts +33 -0
  222. package/dist/theme/index.d.ts.map +1 -1
  223. package/dist/ui.css +1 -1
  224. package/package.json +6 -6
  225. package/dist/components/SelectInput/types.js +0 -9
@@ -9,7 +9,7 @@ var listHeaderRow = "uv_inoh546";
9
9
  var listNoPaddingHeaderCell = "uv_inoh547";
10
10
  var listExpandableWrapper = "uv_inoh548";
11
11
  var listCheckboxInRange = "uv_inoh549";
12
- var listRow = createRuntimeFn({ defaultClassName: "uv_inoh54b uv_inoh54a", variantClassNames: { sentiment: { primary: "uv_inoh54c", secondary: "uv_inoh54d", neutral: "uv_inoh54e", success: "uv_inoh54f", danger: "uv_inoh54g", warning: "uv_inoh54h", info: "uv_inoh54i" }, highlightAnimation: { true: "uv_inoh54j" } }, defaultVariants: { sentiment: "neutral", highlightAnimation: false }, compoundVariants: [] });
12
+ var listRow = createRuntimeFn({ defaultClassName: "uv_inoh54b uv_inoh54a", variantClassNames: { highlightAnimation: { true: "uv_inoh54c" }, sentiment: { primary: "uv_inoh54d", secondary: "uv_inoh54e", neutral: "uv_inoh54f", success: "uv_inoh54g", danger: "uv_inoh54h", warning: "uv_inoh54i", info: "uv_inoh54j" } }, defaultVariants: { highlightAnimation: false, sentiment: "neutral" }, compoundVariants: [] });
13
13
  var listCell = "uv_inoh54k";
14
14
  var listCellStrict = "uv_inoh54l";
15
15
  var listCheckboxContainer = "uv_inoh54m";
@@ -9,7 +9,7 @@ var menuList = "uv_gky3yh7";
9
9
  var menuSearchInput = "uv_gky3yh8";
10
10
  var menuGroup = "uv_gky3yh9";
11
11
  var menuItemContainer = createRuntimeFn({ defaultClassName: "uv_gky3yha", variantClassNames: { borderless: { false: "uv_gky3yhb", true: "uv_gky3yhc" } }, defaultVariants: { borderless: false }, compoundVariants: [] });
12
- var menuItem = createRuntimeFn({ defaultClassName: "uv_gky3yhd", variantClassNames: { borderless: { true: "uv_gky3yhe" }, disabled: { true: "uv_gky3yhf" }, sentiment: { neutral: "uv_gky3yhg", danger: "uv_gky3yhh", primary: "uv_gky3yhi" } }, defaultVariants: { borderless: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ sentiment: "neutral", disabled: false }, "uv_gky3yhj"], [{ sentiment: "danger", disabled: false }, "uv_gky3yhk"], [{ sentiment: "primary", disabled: false }, "uv_gky3yhl"], [{ sentiment: "neutral", disabled: true }, "uv_gky3yhm"], [{ sentiment: "danger", disabled: true }, "uv_gky3yhn"], [{ sentiment: "primary", disabled: true }, "uv_gky3yho"]] });
12
+ var menuItem = createRuntimeFn({ defaultClassName: "uv_gky3yhd", variantClassNames: { borderless: { true: "uv_gky3yhe" }, disabled: { true: "uv_gky3yhf" }, sentiment: { neutral: "uv_gky3yhg", danger: "uv_gky3yhh", primary: "uv_gky3yhi" } }, defaultVariants: { borderless: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ disabled: false, sentiment: "neutral" }, "uv_gky3yhj"], [{ disabled: false, sentiment: "danger" }, "uv_gky3yhk"], [{ disabled: false, sentiment: "primary" }, "uv_gky3yhl"], [{ disabled: true, sentiment: "neutral" }, "uv_gky3yhm"], [{ disabled: true, sentiment: "danger" }, "uv_gky3yhn"], [{ disabled: true, sentiment: "primary" }, "uv_gky3yho"]] });
13
13
  export {
14
14
  heightAvailableSpace,
15
15
  heightMenu,
@@ -1 +1 @@
1
- {"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,qOAoB1B,iBAAiB,mDA8CV,CAAA"}
1
+ {"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,qOAoB1B,iBAAiB,mDA8CV,CAAA"}
@@ -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,gCA0Ob,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,gCA2Ob,CAAA"}
@@ -185,7 +185,7 @@ const Dialog = ({
185
185
  /* @__PURE__ */ jsx(
186
186
  Stack,
187
187
  {
188
- alignItems: "end",
188
+ alignItems: "flex-end",
189
189
  className: modalImageContainer,
190
190
  justifyContent: "center",
191
191
  children: /* @__PURE__ */ jsx("img", { alt: "illustration", className: modalImage, src: image })
@@ -61,7 +61,7 @@ const Modal = ({
61
61
  visible
62
62
  }
63
63
  ) : null,
64
- !context ? /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(
64
+ context ? /* @__PURE__ */ jsx(
65
65
  ModalContent,
66
66
  {
67
67
  ariaLabel,
@@ -84,7 +84,7 @@ const Modal = ({
84
84
  visible,
85
85
  children
86
86
  }
87
- ) }) : /* @__PURE__ */ jsx(
87
+ ) : /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(
88
88
  ModalContent,
89
89
  {
90
90
  ariaLabel,
@@ -107,7 +107,7 @@ const Modal = ({
107
107
  visible,
108
108
  children
109
109
  }
110
- )
110
+ ) })
111
111
  ] });
112
112
  };
113
113
  export {
@@ -8,12 +8,12 @@ export declare const modalBackdropBase: string;
8
8
  export declare const modalBackdrop: import("@vanilla-extract/recipes").RuntimeFn<{
9
9
  open: {
10
10
  true: {
11
- padding: `var(--${string})`;
12
- overflow: "auto";
13
- display: "flex";
14
11
  bottom: number;
15
- left: number;
12
+ display: "flex";
16
13
  height: "100%";
14
+ left: number;
15
+ overflow: "auto";
16
+ padding: `var(--${string})`;
17
17
  width: "100%";
18
18
  };
19
19
  };
@@ -24,9 +24,14 @@ export declare const modalBackdrop: import("@vanilla-extract/recipes").RuntimeFn
24
24
  };
25
25
  }>;
26
26
  export declare const modal: import("@vanilla-extract/recipes").RuntimeFn<{
27
- size: {
28
- [k: string]: {
29
- width: `${number}rem`;
27
+ animation: {
28
+ true: {
29
+ animation: `${string} 0.3s ease-in-out forwards`;
30
+ };
31
+ };
32
+ image: {
33
+ true: {
34
+ padding: number;
30
35
  };
31
36
  };
32
37
  placement: {
@@ -62,18 +67,13 @@ export declare const modal: import("@vanilla-extract/recipes").RuntimeFn<{
62
67
  marginTop: number;
63
68
  };
64
69
  };
65
- image: {
66
- true: {
67
- padding: number;
68
- };
69
- };
70
- animation: {
71
- true: {
72
- animation: `${string} 0.3s ease-in-out forwards`;
73
- };
74
- };
75
70
  positivePosition: {
76
71
  true: {};
77
72
  };
73
+ size: {
74
+ [k: string]: {
75
+ width: `${number}rem`;
76
+ };
77
+ };
78
78
  }>;
79
79
  //# sourceMappingURL=styles.css.d.ts.map
@@ -8,7 +8,7 @@ var modalImageContainer = "uv_lrojhc3";
8
8
  var modalImage = "uv_lrojhc4";
9
9
  var modalContent = "uv_lrojhc5";
10
10
  var modalBackdrop = createRuntimeFn({ defaultClassName: "uv_lrojhc7 uv_lrojhc6", variantClassNames: { open: { true: "uv_lrojhc8" }, visible: { true: "uv_lrojhc9" } }, defaultVariants: {}, compoundVariants: [] });
11
- var modal = createRuntimeFn({ defaultClassName: "uv_lrojhca", variantClassNames: { size: { large: "uv_lrojhcb", medium: "uv_lrojhcc", small: "uv_lrojhcd", xsmall: "uv_lrojhce", xxsmall: "uv_lrojhcf" }, placement: { bottom: "uv_lrojhcg", "bottom-left": "uv_lrojhch", "bottom-right": "uv_lrojhci", center: "uv_lrojhcj", left: "uv_lrojhck", right: "uv_lrojhcl", top: "uv_lrojhcm", "top-left": "uv_lrojhcn", "top-right": "uv_lrojhco" }, image: { true: "uv_lrojhcp" }, animation: { true: "uv_lrojhcq" }, positivePosition: { true: "uv_lrojhcr" } }, defaultVariants: { size: "medium", placement: "center", image: false, animation: false, positivePosition: false }, compoundVariants: [[{ size: "large", positivePosition: true }, "uv_lrojhcs"], [{ size: "medium", positivePosition: true }, "uv_lrojhct"], [{ size: "small", positivePosition: true }, "uv_lrojhcu"], [{ size: "xsmall", positivePosition: true }, "uv_lrojhcv"], [{ size: "xxsmall", positivePosition: true }, "uv_lrojhcw"]] });
11
+ var modal = createRuntimeFn({ defaultClassName: "uv_lrojhca", variantClassNames: { animation: { true: "uv_lrojhcb" }, image: { true: "uv_lrojhcc" }, placement: { bottom: "uv_lrojhcd", "bottom-left": "uv_lrojhce", "bottom-right": "uv_lrojhcf", center: "uv_lrojhcg", left: "uv_lrojhch", right: "uv_lrojhci", top: "uv_lrojhcj", "top-left": "uv_lrojhck", "top-right": "uv_lrojhcl" }, positivePosition: { true: "uv_lrojhcm" }, size: { large: "uv_lrojhcn", medium: "uv_lrojhco", small: "uv_lrojhcp", xsmall: "uv_lrojhcq", xxsmall: "uv_lrojhcr" } }, defaultVariants: { animation: false, image: false, placement: "center", positivePosition: false, size: "medium" }, compoundVariants: [[{ positivePosition: true, size: "large" }, "uv_lrojhcs"], [{ positivePosition: true, size: "medium" }, "uv_lrojhct"], [{ positivePosition: true, size: "small" }, "uv_lrojhcu"], [{ positivePosition: true, size: "xsmall" }, "uv_lrojhcv"], [{ positivePosition: true, size: "xxsmall" }, "uv_lrojhcw"]] });
12
12
  export {
13
13
  modal,
14
14
  modalBackdrop,
@@ -30,6 +30,6 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<{
30
30
  onChange?: (newValue: number | null) => void;
31
31
  min?: number;
32
32
  max?: number;
33
- } & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoFocus" | "aria-label" | "onFocus" | "onBlur" | "name" | "step" | "required" | "placeholder" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
33
+ } & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoFocus" | "aria-label" | "onFocus" | "onBlur" | "step" | "name" | "required" | "placeholder" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
34
34
  export {};
35
35
  //# sourceMappingURL=index.d.ts.map
@@ -239,13 +239,13 @@ const NumberInput = forwardRef(
239
239
  {
240
240
  as: "span",
241
241
  disabled: disabled || readOnly,
242
- prominence: !error && !success ? "weak" : "default",
242
+ prominence: error || success ? "default" : "weak",
243
243
  sentiment: helperSentiment,
244
244
  variant: "caption",
245
245
  children: error || success || helper
246
246
  }
247
247
  ) : null,
248
- !error && !success && typeof helper !== "string" && helper ? helper : null
248
+ !(error || success) && typeof helper !== "string" && helper ? helper : null
249
249
  ] });
250
250
  }
251
251
  );
@@ -7,20 +7,6 @@ export declare const inputContainer: import("@vanilla-extract/recipes").RuntimeF
7
7
  };
8
8
  }>;
9
9
  export declare const unit: import("@vanilla-extract/recipes").RuntimeFn<{
10
- size: {
11
- small: {
12
- height: `var(--${string})`;
13
- fontSize: `var(--${string})`;
14
- };
15
- medium: {
16
- height: `var(--${string})`;
17
- fontSize: `var(--${string})`;
18
- };
19
- large: {
20
- height: `var(--${string})`;
21
- fontSize: `var(--${string})`;
22
- };
23
- };
24
10
  disabled: {
25
11
  true: {
26
12
  background: `var(--${string})`;
@@ -33,77 +19,91 @@ export declare const unit: import("@vanilla-extract/recipes").RuntimeFn<{
33
19
  background: `var(--${string})`;
34
20
  };
35
21
  };
22
+ size: {
23
+ large: {
24
+ fontSize: `var(--${string})`;
25
+ height: `var(--${string})`;
26
+ };
27
+ medium: {
28
+ fontSize: `var(--${string})`;
29
+ height: `var(--${string})`;
30
+ };
31
+ small: {
32
+ fontSize: `var(--${string})`;
33
+ height: `var(--${string})`;
34
+ };
35
+ };
36
36
  }>;
37
37
  export declare const numberinput: import("@vanilla-extract/recipes").RuntimeFn<{
38
+ controls: {
39
+ false: {
40
+ textAlign: "left";
41
+ };
42
+ };
38
43
  hasUnit: {
39
44
  true: {
40
- textAlign: "left";
41
45
  padding: `var(--${string}) 0 var(--${string}) var(--${string})`;
46
+ textAlign: "left";
42
47
  };
43
48
  };
44
49
  size: {
45
- small: {
50
+ large: {
51
+ fontFamily: `var(--${string})`;
52
+ fontSize: `var(--${string})`;
53
+ fontWeight: `var(--${string})`;
46
54
  height: `var(--${string})`;
55
+ lineHeight: `var(--${string})`;
47
56
  };
48
57
  medium: {
49
58
  height: `var(--${string})`;
50
59
  };
51
- large: {
60
+ small: {
52
61
  height: `var(--${string})`;
53
- fontSize: `var(--${string})`;
54
- fontFamily: `var(--${string})`;
55
- fontWeight: `var(--${string})`;
56
- lineHeight: `var(--${string})`;
57
- };
58
- };
59
- controls: {
60
- false: {
61
- textAlign: "left";
62
62
  };
63
63
  };
64
64
  }>;
65
65
  export declare const numberinputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
66
- state: {
67
- default: {};
68
- success: {
69
- borderColor: `var(--${string})`;
66
+ size: {
67
+ large: {
68
+ height: `var(--${string})`;
70
69
  };
71
- error: {
72
- borderColor: `var(--${string})`;
70
+ medium: {
71
+ height: `var(--${string})`;
73
72
  };
74
- readOnly: {
75
- borderColor: `var(--${string})`;
73
+ small: {
74
+ height: `var(--${string})`;
75
+ };
76
+ };
77
+ state: {
78
+ default: {};
79
+ disabled: {
76
80
  background: `var(--${string})`;
81
+ borderColor: `var(--${string})`;
77
82
  cursor: "not-allowed";
78
83
  selectors: {
79
84
  '&:hover': {
80
85
  borderColor: `var(--${string})`;
81
86
  };
82
- '&:focus-within': {
83
- borderColor: `var(--${string})`;
84
- };
85
87
  };
86
88
  };
87
- disabled: {
89
+ error: {
88
90
  borderColor: `var(--${string})`;
91
+ };
92
+ readOnly: {
89
93
  background: `var(--${string})`;
94
+ borderColor: `var(--${string})`;
90
95
  cursor: "not-allowed";
91
96
  selectors: {
97
+ '&:focus-within': {
98
+ borderColor: `var(--${string})`;
99
+ };
92
100
  '&:hover': {
93
101
  borderColor: `var(--${string})`;
94
102
  };
95
103
  };
96
104
  };
97
- };
98
- size: {
99
- small: {
100
- height: `var(--${string})`;
101
- };
102
- medium: {
103
- height: `var(--${string})`;
104
- };
105
- large: {
106
- height: `var(--${string})`;
105
+ success: {
106
+ borderColor: `var(--${string})`;
107
107
  };
108
108
  };
109
109
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,8CAanC,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAkBzB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCf,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EtB,CAAA;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmE/B,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,8CAanC,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAkBzB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCf,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EtB,CAAA;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkE/B,CAAA"}
@@ -1,10 +1,10 @@
1
1
  /* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var numberinputSideContainer = { small: "uv_1ce7gb60", medium: "uv_1ce7gb61", large: "uv_1ce7gb62" };
3
+ var numberinputSideContainer = { large: "uv_1ce7gb60", medium: "uv_1ce7gb61", small: "uv_1ce7gb62" };
4
4
  var inputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb63", variantClassNames: { controls: { false: "uv_1ce7gb64" } }, defaultVariants: { controls: true }, compoundVariants: [] });
5
- var unit = createRuntimeFn({ defaultClassName: "uv_1ce7gb65", variantClassNames: { size: { small: "uv_1ce7gb66", medium: "uv_1ce7gb67", large: "uv_1ce7gb68" }, disabled: { true: "uv_1ce7gb69" }, readOnly: { true: "uv_1ce7gb6a" } }, defaultVariants: { size: "large", disabled: false, readOnly: false }, compoundVariants: [] });
6
- var numberinput = createRuntimeFn({ defaultClassName: "uv_1ce7gb6b", variantClassNames: { hasUnit: { true: "uv_1ce7gb6c" }, size: { small: "uv_1ce7gb6d", medium: "uv_1ce7gb6e", large: "uv_1ce7gb6f" }, controls: { false: "uv_1ce7gb6g" } }, defaultVariants: { hasUnit: false, size: "large", controls: true }, compoundVariants: [] });
7
- var numberinputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb6h", variantClassNames: { state: { "default": "uv_1ce7gb6i", success: "uv_1ce7gb6j", error: "uv_1ce7gb6k", readOnly: "uv_1ce7gb6l", disabled: "uv_1ce7gb6m" }, size: { small: "uv_1ce7gb6n", medium: "uv_1ce7gb6o", large: "uv_1ce7gb6p" } }, defaultVariants: { size: "large", state: "default" }, compoundVariants: [] });
5
+ var unit = createRuntimeFn({ defaultClassName: "uv_1ce7gb65", variantClassNames: { disabled: { true: "uv_1ce7gb66" }, readOnly: { true: "uv_1ce7gb67" }, size: { large: "uv_1ce7gb68", medium: "uv_1ce7gb69", small: "uv_1ce7gb6a" } }, defaultVariants: { disabled: false, readOnly: false, size: "large" }, compoundVariants: [] });
6
+ var numberinput = createRuntimeFn({ defaultClassName: "uv_1ce7gb6b", variantClassNames: { controls: { false: "uv_1ce7gb6c" }, hasUnit: { true: "uv_1ce7gb6d" }, size: { large: "uv_1ce7gb6e", medium: "uv_1ce7gb6f", small: "uv_1ce7gb6g" } }, defaultVariants: { controls: true, hasUnit: false, size: "large" }, compoundVariants: [] });
7
+ var numberinputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb6h", variantClassNames: { size: { large: "uv_1ce7gb6i", medium: "uv_1ce7gb6j", small: "uv_1ce7gb6k" }, state: { "default": "uv_1ce7gb6l", disabled: "uv_1ce7gb6m", error: "uv_1ce7gb6n", readOnly: "uv_1ce7gb6o", success: "uv_1ce7gb6p" } }, defaultVariants: { size: "large", state: "default" }, compoundVariants: [] });
8
8
  export {
9
9
  inputContainer,
10
10
  numberinput,
@@ -1,5 +1,5 @@
1
1
  /**
2
- * * Return a list of page numbers around the currentPage
2
+ * Return a list of page numbers around the currentPage
3
3
  * @param currentPage The current page
4
4
  * @param pageCount The last page number
5
5
  * @param range The number of pages wanted
@@ -1,7 +1,7 @@
1
1
  /* empty css */
2
2
  var pageNumbersContainer = "uv_a0295u0";
3
- var pageButton = { small: "uv_a0295u1", medium: "uv_a0295u2" };
4
- var ellipsisClass = { small: "uv_a0295u4 uv_a0295u3", medium: "uv_a0295u5 uv_a0295u3" };
3
+ var pageButton = { medium: "uv_a0295u1", small: "uv_a0295u2" };
4
+ var ellipsisClass = { medium: "uv_a0295u4 uv_a0295u3", small: "uv_a0295u5 uv_a0295u3" };
5
5
  export {
6
6
  ellipsisClass,
7
7
  pageButton,
@@ -58,15 +58,15 @@ const PieChart = ({
58
58
  /* @__PURE__ */ jsx(
59
59
  Pie,
60
60
  {
61
- activeOuterRadiusOffset: !isEmpty ? 4 : 0,
61
+ activeOuterRadiusOffset: isEmpty ? 0 : 4,
62
62
  colors: localColors,
63
63
  cornerRadius: 0,
64
- data: !isEmpty ? data : [
64
+ data: isEmpty ? [
65
65
  {
66
66
  id: "empty",
67
67
  percent: 100
68
68
  }
69
- ],
69
+ ] : data,
70
70
  defs: [
71
71
  {
72
72
  background: "inherit",
@@ -6,10 +6,10 @@ export declare const contentPie: string;
6
6
  export declare const listPie: string;
7
7
  export declare const listItemPie: import("@vanilla-extract/recipes").RuntimeFn<{
8
8
  isFocused: {
9
- true: {
9
+ false: {
10
10
  color: `var(--${string})`;
11
11
  };
12
- false: {
12
+ true: {
13
13
  color: `var(--${string})`;
14
14
  };
15
15
  };
@@ -25,10 +25,10 @@ export declare const labelPie: string;
25
25
  export declare const valuePie: Record<"default" | "isFocused", string>;
26
26
  export declare const textPie: import("@vanilla-extract/recipes").RuntimeFn<{
27
27
  isFocused: {
28
- true: {
28
+ false: {
29
29
  fontWeight: number;
30
30
  };
31
- false: {
31
+ true: {
32
32
  fontWeight: number;
33
33
  };
34
34
  };
@@ -37,12 +37,12 @@ export declare const toggleBoxPie: string;
37
37
  export declare const linePie: string;
38
38
  export declare const progressiveLinePie: import("@vanilla-extract/recipes").RuntimeFn<{
39
39
  isFocused: {
40
- true: {
41
- width: "100%";
42
- };
43
40
  false: {
44
41
  width: "0%";
45
42
  };
43
+ true: {
44
+ width: "100%";
45
+ };
46
46
  };
47
47
  }>;
48
48
  export declare const listTooltipPie: string;
@@ -6,14 +6,14 @@ var containerPie = "uv_6tpqrj3";
6
6
  var emptyLegendPie = "uv_6tpqrj4";
7
7
  var contentPie = "uv_6tpqrj5";
8
8
  var listPie = "uv_6tpqrj6";
9
- var listItemPie = createRuntimeFn({ defaultClassName: "uv_6tpqrj7", variantClassNames: { isFocused: { true: "uv_6tpqrj8", false: "uv_6tpqrj9" } }, defaultVariants: {}, compoundVariants: [] });
9
+ var listItemPie = createRuntimeFn({ defaultClassName: "uv_6tpqrj7", variantClassNames: { isFocused: { false: "uv_6tpqrj8", true: "uv_6tpqrj9" } }, defaultVariants: {}, compoundVariants: [] });
10
10
  var bulletPie = createRuntimeFn({ defaultClassName: "uv_6tpqrja", variantClassNames: { isFocused: { true: "uv_6tpqrjb" } }, defaultVariants: {}, compoundVariants: [] });
11
11
  var labelPie = "uv_6tpqrjc";
12
12
  var valuePie = { "default": "uv_6tpqrjd", isFocused: "uv_6tpqrje" };
13
- var textPie = createRuntimeFn({ defaultClassName: "uv_6tpqrjf", variantClassNames: { isFocused: { true: "uv_6tpqrjg", false: "uv_6tpqrjh" } }, defaultVariants: {}, compoundVariants: [] });
13
+ var textPie = createRuntimeFn({ defaultClassName: "uv_6tpqrjf", variantClassNames: { isFocused: { false: "uv_6tpqrjg", true: "uv_6tpqrjh" } }, defaultVariants: {}, compoundVariants: [] });
14
14
  var toggleBoxPie = "uv_6tpqrji";
15
15
  var linePie = "uv_6tpqrjj";
16
- var progressiveLinePie = createRuntimeFn({ defaultClassName: "uv_6tpqrjk", variantClassNames: { isFocused: { true: "uv_6tpqrjl", false: "uv_6tpqrjm" } }, defaultVariants: {}, compoundVariants: [] });
16
+ var progressiveLinePie = createRuntimeFn({ defaultClassName: "uv_6tpqrjk", variantClassNames: { isFocused: { false: "uv_6tpqrjl", true: "uv_6tpqrjm" } }, defaultVariants: {}, compoundVariants: [] });
17
17
  var listTooltipPie = "uv_6tpqrjn";
18
18
  var itemTooltipPie = "uv_6tpqrjo";
19
19
  export {
@@ -82,7 +82,7 @@ const Popover = forwardRef(
82
82
  if (!portalTarget && isInsideModal) {
83
83
  return void 0;
84
84
  }
85
- if (!portalTarget && !isInsideModal) {
85
+ if (!(portalTarget || isInsideModal)) {
86
86
  return document.body;
87
87
  }
88
88
  return portalTarget;
@@ -19,16 +19,16 @@ export declare const popover: import("@vanilla-extract/recipes").RuntimeFn<{
19
19
  };
20
20
  size: {
21
21
  large: {
22
- width: string;
23
22
  maxWidth: string;
23
+ width: string;
24
24
  };
25
25
  medium: {
26
- width: string;
27
26
  maxWidth: string;
27
+ width: string;
28
28
  };
29
29
  small: {
30
- width: string;
31
30
  maxWidth: string;
31
+ width: string;
32
32
  };
33
33
  };
34
34
  }>;
@@ -183,7 +183,7 @@ const computePositions = ({
183
183
  case "bottom": {
184
184
  const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
185
185
  const positionY = overloadedChildrenTop + scrollTopValue + childrenHeight + arrowWidth + SPACE;
186
- const computedPositionX = !isAligned ? positionX + popupOverflow : positionX;
186
+ const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
187
187
  const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
188
188
  return {
189
189
  arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
@@ -257,7 +257,7 @@ const computePositions = ({
257
257
  default: {
258
258
  const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
259
259
  const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - arrowWidth - SPACE;
260
- const computedPositionX = !isAligned ? positionX + popupOverflow : positionX;
260
+ const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
261
261
  const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
262
262
  return {
263
263
  arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
@@ -117,26 +117,26 @@ const Popup = forwardRef(
117
117
  }, [onWindowChangeDetected]);
118
118
  const closePopup = useCallback(() => {
119
119
  const closeFunction = () => {
120
- if (!disableAnimation) {
120
+ if (disableAnimation) {
121
+ onClose?.();
122
+ unmountPopupFromDom();
123
+ } else {
121
124
  setReverseAnimation(true);
122
125
  timer.current = setTimeout(() => {
123
126
  onClose?.();
124
127
  unmountPopupFromDom();
125
128
  }, animationDuration);
126
- } else {
127
- onClose?.();
128
- unmountPopupFromDom();
129
129
  }
130
130
  };
131
- if (!disableAnimation) {
131
+ if (disableAnimation) {
132
+ closeFunction();
133
+ } else {
132
134
  debounceTimer.current = setTimeout(
133
135
  () => {
134
136
  closeFunction();
135
137
  },
136
138
  debounceDelay && !disableAnimation ? debounceDelay : 0
137
139
  );
138
- } else {
139
- closeFunction();
140
140
  }
141
141
  }, [
142
142
  animationDuration,
@@ -305,10 +305,10 @@ const Popup = forwardRef(
305
305
  const renderChildren = useCallback(() => {
306
306
  if (typeof children === "function") {
307
307
  return children({
308
- onBlur: !isControlled ? onPointerEvent(false) : noop,
309
- onFocus: !isControlled ? onPointerEvent(true) : noop,
310
- onPointerEnter: !isControlled ? onPointerEvent(true) : noop,
311
- onPointerLeave: !isControlled ? onPointerEvent(false) : noop,
308
+ onBlur: isControlled ? noop : onPointerEvent(false),
309
+ onFocus: isControlled ? noop : onPointerEvent(true),
310
+ onPointerEnter: isControlled ? noop : onPointerEvent(true),
311
+ onPointerLeave: isControlled ? noop : onPointerEvent(false),
312
312
  ref: childrenRef
313
313
  });
314
314
  }
@@ -322,13 +322,13 @@ const Popup = forwardRef(
322
322
  fullHeight: containerFullHeight,
323
323
  fullWidth: containerFullWidth
324
324
  }),
325
- onBlur: !isControlled ? onPointerEvent(false) : noop,
326
- onFocus: !isControlled ? onPointerEvent(true) : noop,
325
+ onBlur: isControlled ? noop : onPointerEvent(false),
326
+ onFocus: isControlled ? noop : onPointerEvent(true),
327
327
  onKeyDown: (event) => {
328
328
  onKeyDown?.(event);
329
329
  },
330
- onPointerEnter: !isControlled ? onPointerEvent(true) : noop,
331
- onPointerLeave: !isControlled ? onPointerEvent(false) : noop,
330
+ onPointerEnter: isControlled ? noop : onPointerEvent(true),
331
+ onPointerLeave: isControlled ? noop : onPointerEvent(false),
332
332
  ref: childrenRef,
333
333
  tabIndex,
334
334
  children
@@ -370,17 +370,17 @@ const Popup = forwardRef(
370
370
  className,
371
371
  popup({
372
372
  hasArrow,
373
- visibleInDom: !dynamicDomRendering ? visibleInDom : void 0
373
+ visibleInDom: dynamicDomRendering ? void 0 : visibleInDom
374
374
  }),
375
375
  isAnimated ? animationPopup[reverseAnimation ? "reverse" : "notReverse"] : ""
376
376
  ),
377
377
  "data-testid": dataTestId,
378
- "data-visible-in-dom": !dynamicDomRendering ? visibleInDom : void 0,
378
+ "data-visible-in-dom": dynamicDomRendering ? void 0 : visibleInDom,
379
379
  id: generatedId,
380
380
  onClick: stopClickPropagation,
381
381
  onKeyDown: role === "dialog" ? handleFocusTrap : void 0,
382
- onPointerEnter: !isControlled ? onPointerEvent(true) : noop,
383
- onPointerLeave: !isControlled ? onPointerEvent(false) : noop,
382
+ onPointerEnter: isControlled ? noop : onPointerEvent(true),
383
+ onPointerLeave: isControlled ? noop : onPointerEvent(false),
384
384
  ref: innerPopupRef,
385
385
  role,
386
386
  style: {
@@ -10,16 +10,16 @@ export declare const popup: import("@vanilla-extract/recipes").RuntimeFn<{
10
10
  true: {
11
11
  selectors: {
12
12
  '&::after': {
13
+ borderColor: `var(--${string}) transparent transparent transparent`;
14
+ borderStyle: "solid";
15
+ borderWidth: "8px";
13
16
  content: " ";
14
- position: "absolute";
15
- top: `var(--${string})`;
16
17
  left: `var(--${string})`;
17
- transform: `var(--${string})`;
18
18
  marginLeft: "-8px";
19
- borderWidth: "8px";
20
- borderStyle: "solid";
21
- borderColor: `var(--${string}) transparent transparent transparent`;
22
19
  pointerEvents: "none";
20
+ position: "absolute";
21
+ top: `var(--${string})`;
22
+ transform: `var(--${string})`;
23
23
  };
24
24
  };
25
25
  };
@@ -3,7 +3,7 @@
3
3
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
4
4
  var containerPopup = createRuntimeFn({ defaultClassName: "uv_w40vpo2", variantClassNames: { hasMaxHeight: { true: "uv_w40vpo3" } }, defaultVariants: {}, compoundVariants: [] });
5
5
  var popup = createRuntimeFn({ defaultClassName: "uv_w40vpo4", variantClassNames: { hasArrow: { true: "uv_w40vpo5" }, visibleInDom: { false: "uv_w40vpo6" } }, defaultVariants: { hasArrow: true, visibleInDom: true }, compoundVariants: [] });
6
- var animationPopup = { reverse: "uv_w40vpo7", notReverse: "uv_w40vpo8" };
6
+ var animationPopup = { notReverse: "uv_w40vpo7", reverse: "uv_w40vpo8" };
7
7
  var childrenContainerPopup = createRuntimeFn({ defaultClassName: "uv_w40vpo9", variantClassNames: { fullHeight: { true: "uv_w40vpoa" }, fullWidth: { true: "uv_w40vpob" } }, defaultVariants: {}, compoundVariants: [] });
8
8
  export {
9
9
  animationPopup,
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAwB5C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,CACV,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGAgGjB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAwB5C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,CACV,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGAiGjB,CAAA"}