@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
@@ -1,53 +1,53 @@
1
1
  import type { RecipeVariants } from '@vanilla-extract/recipes';
2
2
  export declare const text: import("@vanilla-extract/recipes").RuntimeFn<{
3
- strikeThrough: {
4
- true: {
5
- textDecoration: "line-through";
6
- };
3
+ disabled: {
7
4
  false: {};
5
+ true: {};
8
6
  };
9
7
  italic: {
8
+ false: {};
10
9
  true: {
11
10
  fontStyle: "italic";
12
11
  };
13
- false: {};
14
- };
15
- underline: {
16
- true: {
17
- textDecoration: "underline";
18
- };
19
- false: {};
20
12
  };
21
13
  oneLine: {
14
+ false: {};
22
15
  true: {
23
- whiteSpace: "nowrap";
24
- textOverflow: "ellipsis";
25
16
  overflow: "hidden";
17
+ textOverflow: "ellipsis";
18
+ whiteSpace: "nowrap";
26
19
  };
27
- false: {};
20
+ };
21
+ prominence: {
22
+ default: {};
23
+ strong: {};
24
+ stronger: {};
25
+ weak: {};
28
26
  };
29
27
  sentiment: {
28
+ black: {};
29
+ danger: {};
30
+ info: {};
31
+ neutral: {};
30
32
  primary: {};
31
33
  secondary: {};
32
- neutral: {};
33
34
  success: {};
34
- danger: {};
35
35
  warning: {};
36
- info: {};
37
- black: {};
38
36
  white: {};
39
37
  };
40
- prominence: {
41
- default: {};
42
- strong: {};
43
- stronger: {};
44
- weak: {};
38
+ strikeThrough: {
39
+ false: {};
40
+ true: {
41
+ textDecoration: "line-through";
42
+ };
45
43
  };
46
- variant: Record<"body" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "caption" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "code" | "codeStrong" | "codeStronger" | "heading" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger", object>;
47
- disabled: {
48
- true: {};
44
+ underline: {
49
45
  false: {};
46
+ true: {
47
+ textDecoration: "underline";
48
+ };
50
49
  };
50
+ variant: Record<"body" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "caption" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "code" | "codeSmall" | "codeSmallStrong" | "codeSmallStronger" | "codeStrong" | "codeStronger" | "heading" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger", object>;
51
51
  }>;
52
52
  export type TextVariants = NonNullable<RecipeVariants<typeof text>>;
53
53
  //# sourceMappingURL=style.css.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../../../src/components/Text/style.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA+G9D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEf,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../../../src/components/Text/style.css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA8G9D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEf,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA"}
@@ -1,7 +1,7 @@
1
1
  /* empty css */
2
2
  /* empty css */
3
3
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
4
- var text = createRuntimeFn({ defaultClassName: "uv_m4c9ow0", variantClassNames: { strikeThrough: { true: "uv_m4c9ow1", false: "uv_m4c9ow2" }, italic: { true: "uv_m4c9ow3", false: "uv_m4c9ow4" }, underline: { true: "uv_m4c9ow5", false: "uv_m4c9ow6" }, oneLine: { true: "uv_m4c9ow7", false: "uv_m4c9ow8" }, sentiment: { primary: "uv_m4c9ow9", secondary: "uv_m4c9owa", neutral: "uv_m4c9owb", success: "uv_m4c9owc", danger: "uv_m4c9owd", warning: "uv_m4c9owe", info: "uv_m4c9owf", black: "uv_m4c9owg", white: "uv_m4c9owh" }, prominence: { "default": "uv_m4c9owi", strong: "uv_m4c9owj", stronger: "uv_m4c9owk", weak: "uv_m4c9owl" }, variant: { body: "uv_m4c9owm", bodySmall: "uv_m4c9own", bodySmallStrong: "uv_m4c9owo", bodySmallStronger: "uv_m4c9owp", bodyStrong: "uv_m4c9owq", bodyStronger: "uv_m4c9owr", caption: "uv_m4c9ows", captionSmall: "uv_m4c9owt", captionSmallStrong: "uv_m4c9owu", captionSmallStronger: "uv_m4c9owv", captionStrong: "uv_m4c9oww", captionStronger: "uv_m4c9owx", code: "uv_m4c9owy", codeStrong: "uv_m4c9owz", codeStronger: "uv_m4c9ow10", heading: "uv_m4c9ow11", headingLarge: "uv_m4c9ow12", headingLargeStrong: "uv_m4c9ow13", headingLargeStronger: "uv_m4c9ow14", headingSmall: "uv_m4c9ow15", headingSmallStrong: "uv_m4c9ow16", headingSmallStronger: "uv_m4c9ow17", headingStrong: "uv_m4c9ow18", headingStronger: "uv_m4c9ow19" }, disabled: { true: "uv_m4c9ow1a", false: "uv_m4c9ow1b" } }, defaultVariants: { strikeThrough: false, italic: false, underline: false, oneLine: false, sentiment: void 0, prominence: "default", variant: "body", disabled: false }, compoundVariants: [[{ sentiment: "primary", prominence: "default", disabled: false }, "uv_m4c9ow1c"], [{ sentiment: "primary", prominence: "strong", disabled: false }, "uv_m4c9ow1d"], [{ sentiment: "primary", prominence: "stronger", disabled: false }, "uv_m4c9ow1e"], [{ sentiment: "primary", prominence: "weak", disabled: false }, "uv_m4c9ow1f"], [{ sentiment: "secondary", prominence: "default", disabled: false }, "uv_m4c9ow1g"], [{ sentiment: "secondary", prominence: "strong", disabled: false }, "uv_m4c9ow1h"], [{ sentiment: "secondary", prominence: "stronger", disabled: false }, "uv_m4c9ow1i"], [{ sentiment: "secondary", prominence: "weak", disabled: false }, "uv_m4c9ow1j"], [{ sentiment: "danger", prominence: "default", disabled: false }, "uv_m4c9ow1k"], [{ sentiment: "danger", prominence: "strong", disabled: false }, "uv_m4c9ow1l"], [{ sentiment: "danger", prominence: "stronger", disabled: false }, "uv_m4c9ow1m"], [{ sentiment: "danger", prominence: "weak", disabled: false }, "uv_m4c9ow1n"], [{ sentiment: "info", prominence: "default", disabled: false }, "uv_m4c9ow1o"], [{ sentiment: "info", prominence: "strong", disabled: false }, "uv_m4c9ow1p"], [{ sentiment: "info", prominence: "stronger", disabled: false }, "uv_m4c9ow1q"], [{ sentiment: "info", prominence: "weak", disabled: false }, "uv_m4c9ow1r"], [{ sentiment: "success", prominence: "default", disabled: false }, "uv_m4c9ow1s"], [{ sentiment: "success", prominence: "strong", disabled: false }, "uv_m4c9ow1t"], [{ sentiment: "success", prominence: "stronger", disabled: false }, "uv_m4c9ow1u"], [{ sentiment: "success", prominence: "weak", disabled: false }, "uv_m4c9ow1v"], [{ sentiment: "warning", prominence: "default", disabled: false }, "uv_m4c9ow1w"], [{ sentiment: "warning", prominence: "strong", disabled: false }, "uv_m4c9ow1x"], [{ sentiment: "warning", prominence: "stronger", disabled: false }, "uv_m4c9ow1y"], [{ sentiment: "warning", prominence: "weak", disabled: false }, "uv_m4c9ow1z"], [{ sentiment: "neutral", prominence: "default", disabled: false }, "uv_m4c9ow20"], [{ sentiment: "neutral", prominence: "strong", disabled: false }, "uv_m4c9ow21"], [{ sentiment: "neutral", prominence: "stronger", disabled: false }, "uv_m4c9ow22"], [{ sentiment: "neutral", prominence: "weak", disabled: false }, "uv_m4c9ow23"], [{ sentiment: "black", prominence: "default", disabled: false }, "uv_m4c9ow24"], [{ sentiment: "black", prominence: "strong", disabled: false }, "uv_m4c9ow25"], [{ sentiment: "black", prominence: "stronger", disabled: false }, "uv_m4c9ow26"], [{ sentiment: "black", prominence: "weak", disabled: false }, "uv_m4c9ow27"], [{ sentiment: "white", prominence: "default", disabled: false }, "uv_m4c9ow28"], [{ sentiment: "white", prominence: "strong", disabled: false }, "uv_m4c9ow29"], [{ sentiment: "white", prominence: "stronger", disabled: false }, "uv_m4c9ow2a"], [{ sentiment: "white", prominence: "weak", disabled: false }, "uv_m4c9ow2b"], [{ sentiment: "primary", prominence: "default", disabled: true }, "uv_m4c9ow2c"], [{ sentiment: "primary", prominence: "strong", disabled: true }, "uv_m4c9ow2d"], [{ sentiment: "primary", prominence: "stronger", disabled: true }, "uv_m4c9ow2e"], [{ sentiment: "primary", prominence: "weak", disabled: true }, "uv_m4c9ow2f"], [{ sentiment: "secondary", prominence: "default", disabled: true }, "uv_m4c9ow2g"], [{ sentiment: "secondary", prominence: "strong", disabled: true }, "uv_m4c9ow2h"], [{ sentiment: "secondary", prominence: "stronger", disabled: true }, "uv_m4c9ow2i"], [{ sentiment: "secondary", prominence: "weak", disabled: true }, "uv_m4c9ow2j"], [{ sentiment: "danger", prominence: "default", disabled: true }, "uv_m4c9ow2k"], [{ sentiment: "danger", prominence: "strong", disabled: true }, "uv_m4c9ow2l"], [{ sentiment: "danger", prominence: "stronger", disabled: true }, "uv_m4c9ow2m"], [{ sentiment: "danger", prominence: "weak", disabled: true }, "uv_m4c9ow2n"], [{ sentiment: "info", prominence: "default", disabled: true }, "uv_m4c9ow2o"], [{ sentiment: "info", prominence: "strong", disabled: true }, "uv_m4c9ow2p"], [{ sentiment: "info", prominence: "stronger", disabled: true }, "uv_m4c9ow2q"], [{ sentiment: "info", prominence: "weak", disabled: true }, "uv_m4c9ow2r"], [{ sentiment: "success", prominence: "default", disabled: true }, "uv_m4c9ow2s"], [{ sentiment: "success", prominence: "strong", disabled: true }, "uv_m4c9ow2t"], [{ sentiment: "success", prominence: "stronger", disabled: true }, "uv_m4c9ow2u"], [{ sentiment: "success", prominence: "weak", disabled: true }, "uv_m4c9ow2v"], [{ sentiment: "warning", prominence: "default", disabled: true }, "uv_m4c9ow2w"], [{ sentiment: "warning", prominence: "strong", disabled: true }, "uv_m4c9ow2x"], [{ sentiment: "warning", prominence: "stronger", disabled: true }, "uv_m4c9ow2y"], [{ sentiment: "warning", prominence: "weak", disabled: true }, "uv_m4c9ow2z"], [{ sentiment: "neutral", prominence: "default", disabled: true }, "uv_m4c9ow30"], [{ sentiment: "neutral", prominence: "strong", disabled: true }, "uv_m4c9ow31"], [{ sentiment: "neutral", prominence: "stronger", disabled: true }, "uv_m4c9ow32"], [{ sentiment: "neutral", prominence: "weak", disabled: true }, "uv_m4c9ow33"], [{ sentiment: "black", prominence: "default", disabled: true }, "uv_m4c9ow34"], [{ sentiment: "black", prominence: "strong", disabled: true }, "uv_m4c9ow35"], [{ sentiment: "black", prominence: "stronger", disabled: true }, "uv_m4c9ow36"], [{ sentiment: "black", prominence: "weak", disabled: true }, "uv_m4c9ow37"], [{ sentiment: "white", prominence: "default", disabled: true }, "uv_m4c9ow38"], [{ sentiment: "white", prominence: "strong", disabled: true }, "uv_m4c9ow39"], [{ sentiment: "white", prominence: "stronger", disabled: true }, "uv_m4c9ow3a"], [{ sentiment: "white", prominence: "weak", disabled: true }, "uv_m4c9ow3b"], [{ prominence: "default", disabled: false }, "uv_m4c9ow3c"], [{ prominence: "strong", disabled: false }, "uv_m4c9ow3d"], [{ prominence: "stronger", disabled: false }, "uv_m4c9ow3e"], [{ prominence: "weak", disabled: false }, "uv_m4c9ow3f"]] });
4
+ var text = createRuntimeFn({ defaultClassName: "uv_m4c9ow0", variantClassNames: { disabled: { false: "uv_m4c9ow1", true: "uv_m4c9ow2" }, italic: { false: "uv_m4c9ow3", true: "uv_m4c9ow4" }, oneLine: { false: "uv_m4c9ow5", true: "uv_m4c9ow6" }, prominence: { "default": "uv_m4c9ow7", strong: "uv_m4c9ow8", stronger: "uv_m4c9ow9", weak: "uv_m4c9owa" }, sentiment: { black: "uv_m4c9owb", danger: "uv_m4c9owc", info: "uv_m4c9owd", neutral: "uv_m4c9owe", primary: "uv_m4c9owf", secondary: "uv_m4c9owg", success: "uv_m4c9owh", warning: "uv_m4c9owi", white: "uv_m4c9owj" }, strikeThrough: { false: "uv_m4c9owk", true: "uv_m4c9owl" }, underline: { false: "uv_m4c9owm", true: "uv_m4c9own" }, variant: { body: "uv_m4c9owo", bodySmall: "uv_m4c9owp", bodySmallStrong: "uv_m4c9owq", bodySmallStronger: "uv_m4c9owr", bodyStrong: "uv_m4c9ows", bodyStronger: "uv_m4c9owt", caption: "uv_m4c9owu", captionSmall: "uv_m4c9owv", captionSmallStrong: "uv_m4c9oww", captionSmallStronger: "uv_m4c9owx", captionStrong: "uv_m4c9owy", captionStronger: "uv_m4c9owz", code: "uv_m4c9ow10", codeSmall: "uv_m4c9ow11", codeSmallStrong: "uv_m4c9ow12", codeSmallStronger: "uv_m4c9ow13", codeStrong: "uv_m4c9ow14", codeStronger: "uv_m4c9ow15", heading: "uv_m4c9ow16", headingLarge: "uv_m4c9ow17", headingLargeStrong: "uv_m4c9ow18", headingLargeStronger: "uv_m4c9ow19", headingSmall: "uv_m4c9ow1a", headingSmallStrong: "uv_m4c9ow1b", headingSmallStronger: "uv_m4c9ow1c", headingStrong: "uv_m4c9ow1d", headingStronger: "uv_m4c9ow1e" } }, defaultVariants: { disabled: false, italic: false, oneLine: false, prominence: "default", sentiment: void 0, strikeThrough: false, underline: false, variant: "body" }, compoundVariants: [[{ disabled: false, prominence: "default", sentiment: "primary" }, "uv_m4c9ow1f"], [{ disabled: false, prominence: "strong", sentiment: "primary" }, "uv_m4c9ow1g"], [{ disabled: false, prominence: "stronger", sentiment: "primary" }, "uv_m4c9ow1h"], [{ disabled: false, prominence: "weak", sentiment: "primary" }, "uv_m4c9ow1i"], [{ disabled: false, prominence: "default", sentiment: "secondary" }, "uv_m4c9ow1j"], [{ disabled: false, prominence: "strong", sentiment: "secondary" }, "uv_m4c9ow1k"], [{ disabled: false, prominence: "stronger", sentiment: "secondary" }, "uv_m4c9ow1l"], [{ disabled: false, prominence: "weak", sentiment: "secondary" }, "uv_m4c9ow1m"], [{ disabled: false, prominence: "default", sentiment: "danger" }, "uv_m4c9ow1n"], [{ disabled: false, prominence: "strong", sentiment: "danger" }, "uv_m4c9ow1o"], [{ disabled: false, prominence: "stronger", sentiment: "danger" }, "uv_m4c9ow1p"], [{ disabled: false, prominence: "weak", sentiment: "danger" }, "uv_m4c9ow1q"], [{ disabled: false, prominence: "default", sentiment: "info" }, "uv_m4c9ow1r"], [{ disabled: false, prominence: "strong", sentiment: "info" }, "uv_m4c9ow1s"], [{ disabled: false, prominence: "stronger", sentiment: "info" }, "uv_m4c9ow1t"], [{ disabled: false, prominence: "weak", sentiment: "info" }, "uv_m4c9ow1u"], [{ disabled: false, prominence: "default", sentiment: "success" }, "uv_m4c9ow1v"], [{ disabled: false, prominence: "strong", sentiment: "success" }, "uv_m4c9ow1w"], [{ disabled: false, prominence: "stronger", sentiment: "success" }, "uv_m4c9ow1x"], [{ disabled: false, prominence: "weak", sentiment: "success" }, "uv_m4c9ow1y"], [{ disabled: false, prominence: "default", sentiment: "warning" }, "uv_m4c9ow1z"], [{ disabled: false, prominence: "strong", sentiment: "warning" }, "uv_m4c9ow20"], [{ disabled: false, prominence: "stronger", sentiment: "warning" }, "uv_m4c9ow21"], [{ disabled: false, prominence: "weak", sentiment: "warning" }, "uv_m4c9ow22"], [{ disabled: false, prominence: "default", sentiment: "neutral" }, "uv_m4c9ow23"], [{ disabled: false, prominence: "strong", sentiment: "neutral" }, "uv_m4c9ow24"], [{ disabled: false, prominence: "stronger", sentiment: "neutral" }, "uv_m4c9ow25"], [{ disabled: false, prominence: "weak", sentiment: "neutral" }, "uv_m4c9ow26"], [{ disabled: false, prominence: "default", sentiment: "black" }, "uv_m4c9ow27"], [{ disabled: false, prominence: "strong", sentiment: "black" }, "uv_m4c9ow28"], [{ disabled: false, prominence: "stronger", sentiment: "black" }, "uv_m4c9ow29"], [{ disabled: false, prominence: "weak", sentiment: "black" }, "uv_m4c9ow2a"], [{ disabled: false, prominence: "default", sentiment: "white" }, "uv_m4c9ow2b"], [{ disabled: false, prominence: "strong", sentiment: "white" }, "uv_m4c9ow2c"], [{ disabled: false, prominence: "stronger", sentiment: "white" }, "uv_m4c9ow2d"], [{ disabled: false, prominence: "weak", sentiment: "white" }, "uv_m4c9ow2e"], [{ disabled: true, prominence: "default", sentiment: "primary" }, "uv_m4c9ow2f"], [{ disabled: true, prominence: "strong", sentiment: "primary" }, "uv_m4c9ow2g"], [{ disabled: true, prominence: "stronger", sentiment: "primary" }, "uv_m4c9ow2h"], [{ disabled: true, prominence: "weak", sentiment: "primary" }, "uv_m4c9ow2i"], [{ disabled: true, prominence: "default", sentiment: "secondary" }, "uv_m4c9ow2j"], [{ disabled: true, prominence: "strong", sentiment: "secondary" }, "uv_m4c9ow2k"], [{ disabled: true, prominence: "stronger", sentiment: "secondary" }, "uv_m4c9ow2l"], [{ disabled: true, prominence: "weak", sentiment: "secondary" }, "uv_m4c9ow2m"], [{ disabled: true, prominence: "default", sentiment: "danger" }, "uv_m4c9ow2n"], [{ disabled: true, prominence: "strong", sentiment: "danger" }, "uv_m4c9ow2o"], [{ disabled: true, prominence: "stronger", sentiment: "danger" }, "uv_m4c9ow2p"], [{ disabled: true, prominence: "weak", sentiment: "danger" }, "uv_m4c9ow2q"], [{ disabled: true, prominence: "default", sentiment: "info" }, "uv_m4c9ow2r"], [{ disabled: true, prominence: "strong", sentiment: "info" }, "uv_m4c9ow2s"], [{ disabled: true, prominence: "stronger", sentiment: "info" }, "uv_m4c9ow2t"], [{ disabled: true, prominence: "weak", sentiment: "info" }, "uv_m4c9ow2u"], [{ disabled: true, prominence: "default", sentiment: "success" }, "uv_m4c9ow2v"], [{ disabled: true, prominence: "strong", sentiment: "success" }, "uv_m4c9ow2w"], [{ disabled: true, prominence: "stronger", sentiment: "success" }, "uv_m4c9ow2x"], [{ disabled: true, prominence: "weak", sentiment: "success" }, "uv_m4c9ow2y"], [{ disabled: true, prominence: "default", sentiment: "warning" }, "uv_m4c9ow2z"], [{ disabled: true, prominence: "strong", sentiment: "warning" }, "uv_m4c9ow30"], [{ disabled: true, prominence: "stronger", sentiment: "warning" }, "uv_m4c9ow31"], [{ disabled: true, prominence: "weak", sentiment: "warning" }, "uv_m4c9ow32"], [{ disabled: true, prominence: "default", sentiment: "neutral" }, "uv_m4c9ow33"], [{ disabled: true, prominence: "strong", sentiment: "neutral" }, "uv_m4c9ow34"], [{ disabled: true, prominence: "stronger", sentiment: "neutral" }, "uv_m4c9ow35"], [{ disabled: true, prominence: "weak", sentiment: "neutral" }, "uv_m4c9ow36"], [{ disabled: true, prominence: "default", sentiment: "black" }, "uv_m4c9ow37"], [{ disabled: true, prominence: "strong", sentiment: "black" }, "uv_m4c9ow38"], [{ disabled: true, prominence: "stronger", sentiment: "black" }, "uv_m4c9ow39"], [{ disabled: true, prominence: "weak", sentiment: "black" }, "uv_m4c9ow3a"], [{ disabled: true, prominence: "default", sentiment: "white" }, "uv_m4c9ow3b"], [{ disabled: true, prominence: "strong", sentiment: "white" }, "uv_m4c9ow3c"], [{ disabled: true, prominence: "stronger", sentiment: "white" }, "uv_m4c9ow3d"], [{ disabled: true, prominence: "weak", sentiment: "white" }, "uv_m4c9ow3e"], [{ disabled: false, prominence: "default" }, "uv_m4c9ow3f"], [{ disabled: false, prominence: "strong" }, "uv_m4c9ow3g"], [{ disabled: false, prominence: "stronger" }, "uv_m4c9ow3h"], [{ disabled: false, prominence: "weak" }, "uv_m4c9ow3i"]] });
5
5
  export {
6
6
  text
7
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAyBpE,KAAK,UAAU,GACX;IACE,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,SAAS,CAAC,CAAA;IACvD,MAAM,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,WAAW,CAAC,CAAA;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,UAAU,CAAA;AAEd;;GAEG;AACH,eAAO,MAAM,QAAQ,+GAkMpB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAyBpE,KAAK,UAAU,GACX;IACE,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,SAAS,CAAC,CAAA;IACvD,MAAM,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,WAAW,CAAC,CAAA;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,UAAU,CAAA;AAEd;;GAEG;AACH,eAAO,MAAM,QAAQ,+GA2MpB,CAAA"}
@@ -59,14 +59,21 @@ const TextArea = forwardRef(
59
59
  textArea2.style.height = "auto";
60
60
  textArea2.style.resize = "none";
61
61
  textArea2.style.height = `${textArea2.scrollHeight + 2}px`;
62
- } else if (textArea2 && maxRows) {
62
+ } else {
63
+ textArea2.style.resize = "vertical";
64
+ }
65
+ if (textArea2 && (maxRows || typeof rows === "number")) {
63
66
  const lineHeight = Number.parseFloat(
64
67
  getComputedStyle(textArea2).lineHeight
65
68
  );
66
- textArea2.style.height = "auto";
67
- const maxHeight = maxRows * lineHeight;
68
- textArea2.style.height = `${textArea2.scrollHeight + 2}px`;
69
- textArea2.style.maxHeight = `calc(${maxHeight}px + 2*${padding})`;
69
+ if (maxRows) {
70
+ textArea2.style.height = "auto";
71
+ const maxHeight = maxRows * lineHeight;
72
+ textArea2.style.height = `${textArea2.scrollHeight + 2}px`;
73
+ textArea2.style.maxHeight = `calc(${maxHeight}px + 2*${padding})`;
74
+ } else if (typeof rows === "number") {
75
+ textArea2.style.height = "auto";
76
+ }
70
77
  if (typeof rows === "number") {
71
78
  const minHeight = rows * lineHeight;
72
79
  textArea2.style.minHeight = `calc(${minHeight}px + 2*${padding})`;
@@ -167,13 +174,13 @@ const TextArea = forwardRef(
167
174
  {
168
175
  as: "p",
169
176
  disabled,
170
- prominence: !error && !success ? "weak" : "default",
177
+ prominence: error || success ? "default" : "weak",
171
178
  sentiment,
172
179
  variant: "caption",
173
180
  children: error || success || helper
174
181
  }
175
182
  ) : null,
176
- !error && !success && typeof helper !== "string" && helper ? helper : null
183
+ !(error || success) && typeof helper !== "string" && helper ? helper : null
177
184
  ] }),
178
185
  maxLength ? /* @__PURE__ */ jsxs(
179
186
  Text,
@@ -2,12 +2,12 @@ export declare const paddingRightVar: `var(--${string})`;
2
2
  export declare const textareaWrapper: string;
3
3
  export declare const textAreaClearableContainer: string;
4
4
  export declare const textArea: import("@vanilla-extract/recipes").RuntimeFn<{
5
- success: {
5
+ error: {
6
6
  true: {
7
7
  borderColor: `var(--${string})`;
8
8
  };
9
9
  };
10
- error: {
10
+ success: {
11
11
  true: {
12
12
  borderColor: `var(--${string})`;
13
13
  };
@@ -3,7 +3,7 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
3
  var paddingRightVar = "var(--uv_hlf4vn0)";
4
4
  var textareaWrapper = "uv_hlf4vn1";
5
5
  var textAreaClearableContainer = "uv_hlf4vn2";
6
- var textArea = createRuntimeFn({ defaultClassName: "uv_hlf4vn3", variantClassNames: { success: { true: "uv_hlf4vn4" }, error: { true: "uv_hlf4vn5" } }, defaultVariants: { success: false, error: false }, compoundVariants: [] });
6
+ var textArea = createRuntimeFn({ defaultClassName: "uv_hlf4vn3", variantClassNames: { error: { true: "uv_hlf4vn4" }, success: { true: "uv_hlf4vn5" } }, defaultVariants: { error: false, success: false }, compoundVariants: [] });
7
7
  export {
8
8
  paddingRightVar,
9
9
  textArea,
@@ -26,5 +26,5 @@ export declare const TextInput: import("react").ForwardRefExoticComponent<{
26
26
  value?: string;
27
27
  defaultValue?: string;
28
28
  onChangeValue?: (value: string) => void;
29
- } & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoComplete" | "role" | "autoFocus" | "tabIndex" | "aria-atomic" | "aria-label" | "aria-labelledby" | "aria-live" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "name" | "required" | "placeholder" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
29
+ } & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoFocus" | "tabIndex" | "role" | "aria-atomic" | "aria-label" | "aria-labelledby" | "aria-live" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "name" | "autoComplete" | "required" | "placeholder" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
30
30
  //# sourceMappingURL=index.d.ts.map
@@ -283,13 +283,13 @@ const TextInput = forwardRef(
283
283
  {
284
284
  as: "p",
285
285
  disabled,
286
- prominence: !error && !success ? "weak" : "default",
286
+ prominence: error || success ? "default" : "weak",
287
287
  sentiment,
288
288
  variant: "caption",
289
289
  children: error || success || helper
290
290
  }
291
291
  ) : null,
292
- !error && !success && typeof helper !== "string" && helper ? helper : null
292
+ !(error || success) && typeof helper !== "string" && helper ? helper : null
293
293
  ]
294
294
  }
295
295
  );
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,YAAsB,CAAA;AAC1D,eAAO,MAAM,MAAM,GAAI,KAAK,MAAM,YAAuC,CAAA;AAUzE,eAAO,MAAM,cAAc,GAAI,YAAY,MAAM,EAAE,OAAO,MAAM,YAS/D,CAAA;AAED,eAAO,MAAM,SAAS,GACpB,UAAU,MAAM,EAChB,MAAM,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC,EAChC,KAAK,MAAM,EACX,YAAY,EAAE,GAAG,EAAE,YAIW,CAAA;AAEhC,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,EAAE,WAAW,MAAM,WAgBhE,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,MAAM,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC,EAChC,QAAQ,IAAI,GAAG,IAAI,WAapB,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,MAAM,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC,EAChC,MAAM,IAAI,GAAG,SAAS,EACtB,OAAO,MAAM,uBAUd,CAAA;AAED,eAAO,MAAM,MAAM,GACjB,OAAO,MAAM,EACb,MAAM,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC,EAChC,YAAY,EAAE,GAAG,EAAE,WAQpB,CAAA"}
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAI5C,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,YAA0B,CAAA;AAC9D,eAAO,MAAM,MAAM,GAAI,KAAK,MAAM,YAAuC,CAAA;AAUzE,eAAO,MAAM,cAAc,GAAI,YAAY,MAAM,EAAE,OAAO,MAAM,YAS/D,CAAA;AAED,eAAO,MAAM,SAAS,GACpB,UAAU,MAAM,EAChB,MAAM,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC,EAChC,KAAK,MAAM,EACX,YAAY,EAAE,GAAG,EAAE,YAIW,CAAA;AAEhC,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,EAAE,WAAW,MAAM,WAgBhE,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,MAAM,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC,EAChC,QAAQ,IAAI,GAAG,IAAI,WAapB,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,MAAM,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC,EAChC,MAAM,IAAI,GAAG,SAAS,EACtB,OAAO,MAAM,uBAUd,CAAA;AAED,eAAO,MAAM,MAAM,GACjB,OAAO,MAAM,EACb,MAAM,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC,EAChC,YAAY,EAAE,GAAG,EAAE,WAQpB,CAAA"}
@@ -1,4 +1,5 @@
1
- const isNumber = (key) => /^\d+$/.test(key);
1
+ const regexNumber = /^\d+$/;
2
+ const isNumber = (key) => regexNumber.test(key);
2
3
  const isAOrP = (key) => ["a", "A", "p", "P"].includes(key);
3
4
  const isValidNewHour = (old, key, timeFormat) => {
4
5
  const newValue = old * 10 + key;
@@ -236,7 +236,7 @@ const TimeInput = ({
236
236
  "data-testid": `${fullName()}-input`,
237
237
  disabled,
238
238
  onChange: (event) => {
239
- if (!readOnly && !disabled) {
239
+ if (!(readOnly || disabled)) {
240
240
  const key = getLastTypedChar(
241
241
  event.target.value,
242
242
  getValueByType(type, time)
@@ -250,7 +250,7 @@ const TimeInput = ({
250
250
  event.stopPropagation();
251
251
  },
252
252
  onKeyDown: (event) => {
253
- if (!readOnly && !disabled) {
253
+ if (!(readOnly || disabled)) {
254
254
  if (event.key === "ArrowUp") {
255
255
  event.preventDefault();
256
256
  handleIncrease(type);
@@ -300,7 +300,7 @@ const TimeInput = ({
300
300
  "data-testid": "am-pm-input",
301
301
  disabled,
302
302
  onChange: (event) => {
303
- if (!readOnly && !disabled) {
303
+ if (!(readOnly || disabled)) {
304
304
  const key = event.target.value.slice(-1);
305
305
  if (isAOrP(key)) {
306
306
  handleChangePeriod(key);
@@ -309,7 +309,7 @@ const TimeInput = ({
309
309
  },
310
310
  onClick: (event) => event.stopPropagation(),
311
311
  onKeyDown: (event) => {
312
- if (!readOnly && !disabled) {
312
+ if (!(readOnly || disabled)) {
313
313
  if (event.key === "ArrowUp" || event.key === "ArrowDown") {
314
314
  event.preventDefault();
315
315
  handleChangePeriod(period === "am" ? "p" : "a");
@@ -1,52 +1,52 @@
1
1
  export declare const timeinputWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
2
2
  disabled: {
3
- true: {
3
+ false: {
4
4
  selectors: {
5
- '&:active': {
5
+ '&:hover, &:focus': {
6
6
  borderColor: `var(--${string})`;
7
- boxShadow: "none";
7
+ outline: "none";
8
8
  };
9
9
  };
10
+ };
11
+ true: {
10
12
  background: `var(--${string})`;
11
13
  borderColor: `var(--${string})`;
12
14
  cursor: "not-allowed";
13
- userSelect: "none";
14
- };
15
- false: {
16
15
  selectors: {
17
- '&:hover, &:focus': {
16
+ '&:active': {
18
17
  borderColor: `var(--${string})`;
19
- outline: "none";
18
+ boxShadow: "none";
20
19
  };
21
20
  };
21
+ userSelect: "none";
22
22
  };
23
23
  };
24
- readOnly: {
24
+ error: {
25
25
  true: {
26
+ border: `1px solid var(--${string})`;
26
27
  selectors: {
27
28
  '&:active': {
28
29
  borderColor: `var(--${string})`;
29
- boxShadow: "none";
30
+ boxShadow: `var(--${string})`;
30
31
  };
31
32
  '&:focus-within': {
32
33
  borderColor: `var(--${string})`;
33
34
  };
35
+ '&:hover': {
36
+ borderColor: `var(--${string})`;
37
+ };
34
38
  };
35
- background: `var(--${string})`;
36
- borderColor: `var(--${string})`;
37
- cursor: "default";
38
39
  };
39
40
  };
40
- error: {
41
+ readOnly: {
41
42
  true: {
42
- border: `1px solid var(--${string})`;
43
+ background: `var(--${string})`;
44
+ borderColor: `var(--${string})`;
45
+ cursor: "default";
43
46
  selectors: {
44
47
  '&:active': {
45
48
  borderColor: `var(--${string})`;
46
- boxShadow: `var(--${string})`;
47
- };
48
- '&:hover': {
49
- borderColor: `var(--${string})`;
49
+ boxShadow: "none";
50
50
  };
51
51
  '&:focus-within': {
52
52
  borderColor: `var(--${string})`;
@@ -55,15 +55,15 @@ export declare const timeinputWrapper: import("@vanilla-extract/recipes").Runtim
55
55
  };
56
56
  };
57
57
  size: {
58
- small: {
58
+ large: {
59
59
  height: `var(--${string})`;
60
- paddingLeft: `var(--${string})`;
61
60
  };
62
61
  medium: {
63
62
  height: `var(--${string})`;
64
63
  };
65
- large: {
64
+ small: {
66
65
  height: `var(--${string})`;
66
+ paddingLeft: `var(--${string})`;
67
67
  };
68
68
  };
69
69
  }>;
@@ -1,6 +1,6 @@
1
1
  /* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var timeinputWrapper = createRuntimeFn({ defaultClassName: "uv_yl1780", variantClassNames: { disabled: { true: "uv_yl1781", false: "uv_yl1782" }, readOnly: { true: "uv_yl1783" }, error: { true: "uv_yl1784" }, size: { small: "uv_yl1785", medium: "uv_yl1786", large: "uv_yl1787" } }, defaultVariants: {}, compoundVariants: [] });
3
+ var timeinputWrapper = createRuntimeFn({ defaultClassName: "uv_yl1780", variantClassNames: { disabled: { false: "uv_yl1781", true: "uv_yl1782" }, error: { true: "uv_yl1783" }, readOnly: { true: "uv_yl1784" }, size: { large: "uv_yl1785", medium: "uv_yl1786", small: "uv_yl1787" } }, defaultVariants: {}, compoundVariants: [] });
4
4
  var timeinput = createRuntimeFn({ defaultClassName: "uv_yl1788", variantClassNames: { period: { true: "uv_yl1789" } }, defaultVariants: { period: false }, compoundVariants: [] });
5
5
  var timeSeparator = "uv_yl178a";
6
6
  export {
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,eAAe,OAAQ,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,eAAe,OAAO,CAAA"}
@@ -11,85 +11,92 @@ export declare const sizes: {
11
11
  };
12
12
  };
13
13
  export declare const toggle: import("@vanilla-extract/recipes").RuntimeFn<{
14
- size: {
15
- large: {
16
- width: `var(--${string})`;
17
- height: `var(--${string})`;
14
+ disabled: {
15
+ false: {
18
16
  selectors: {
19
- '&:after': {
20
- width: `var(--${string})`;
21
- height: `var(--${string})`;
22
- top: `calc(50% - var(--${string}) / 2)`;
17
+ '&:has(input:checked)': {
18
+ backgroundColor: `var(--${string})`;
19
+ color: `var(--${string})`;
23
20
  };
24
- };
25
- };
26
- small: {
27
- width: `var(--${string})`;
28
- height: `var(--${string})`;
29
- selectors: {
30
- '&:after': {
31
- width: `var(--${string})`;
32
- height: `var(--${string})`;
33
- top: `calc(50% - var(--${string}) / 2)`;
21
+ '&:has(input:checked):focus-within, &:has(input:checked):focus': {
22
+ boxShadow: `var(--${string})`;
23
+ };
24
+ '&:has(input:checked):hover': {
25
+ backgroundColor: `var(--${string})`;
26
+ };
27
+ '&:hover': {
28
+ backgroundColor: `var(--${string})`;
34
29
  };
35
30
  };
36
31
  };
37
- };
38
- disabled: {
39
32
  true: {
40
33
  background: `var(--${string})`;
41
34
  selectors: {
42
- '&:hover': {
43
- background: `var(--${string})`;
44
- };
45
35
  '&:has(input:checked)': {
46
- color: `var(--${string})`;
47
36
  backgroundColor: `var(--${string})`;
37
+ color: `var(--${string})`;
38
+ };
39
+ '&:hover': {
40
+ background: `var(--${string})`;
48
41
  };
49
42
  };
50
43
  };
51
- false: {
44
+ };
45
+ error: {
46
+ false: {};
47
+ true: {
48
+ backgroundColor: `var(--${string})`;
52
49
  selectors: {
53
- '&:hover': {
54
- backgroundColor: `var(--${string})`;
55
- };
56
50
  '&:has(input:checked)': {
57
- color: `var(--${string})`;
58
51
  backgroundColor: `var(--${string})`;
52
+ color: `var(--${string})`;
53
+ };
54
+ '&:has(input:checked):focus-within, &:has(input:checked):focus': {
55
+ boxShadow: `var(--${string})`;
59
56
  };
60
57
  '&:has(input:checked):hover': {
61
58
  backgroundColor: `var(--${string})`;
62
59
  };
63
- '&:has(input:checked):focus-within, &:has(input:checked):focus': {
64
- boxShadow: `var(--${string})`;
60
+ '&:hover': {
61
+ background: `var(--${string})`;
65
62
  };
66
63
  };
67
64
  };
68
65
  };
69
- error: {
70
- true: {
71
- backgroundColor: `var(--${string})`;
66
+ size: {
67
+ large: {
68
+ height: `var(--${string})`;
72
69
  selectors: {
73
- '&:hover': {
74
- background: `var(--${string})`;
75
- };
76
- '&:has(input:checked):hover': {
77
- backgroundColor: `var(--${string})`;
78
- };
79
- '&:has(input:checked)': {
80
- color: `var(--${string})`;
81
- backgroundColor: `var(--${string})`;
70
+ '&:after': {
71
+ height: `var(--${string})`;
72
+ top: `calc(50% - var(--${string}) / 2)`;
73
+ width: `var(--${string})`;
82
74
  };
83
- '&:has(input:checked):focus-within, &:has(input:checked):focus': {
84
- boxShadow: `var(--${string})`;
75
+ };
76
+ width: `var(--${string})`;
77
+ };
78
+ small: {
79
+ height: `var(--${string})`;
80
+ selectors: {
81
+ '&:after': {
82
+ height: `var(--${string})`;
83
+ top: `calc(50% - var(--${string}) / 2)`;
84
+ width: `var(--${string})`;
85
85
  };
86
86
  };
87
+ width: `var(--${string})`;
87
88
  };
88
- false: {};
89
89
  };
90
90
  }>;
91
91
  export declare const checkbox: string;
92
92
  export declare const label: import("@vanilla-extract/recipes").RuntimeFn<{
93
+ disabled: {
94
+ false: {};
95
+ true: {
96
+ color: `var(--${string})`;
97
+ cursor: "not-allowed";
98
+ };
99
+ };
93
100
  labelPosition: {
94
101
  left: {
95
102
  flexDirection: "row";
@@ -98,12 +105,5 @@ export declare const label: import("@vanilla-extract/recipes").RuntimeFn<{
98
105
  flexDirection: "row-reverse";
99
106
  };
100
107
  };
101
- disabled: {
102
- true: {
103
- cursor: "not-allowed";
104
- color: `var(--${string})`;
105
- };
106
- false: {};
107
- };
108
108
  }>;
109
109
  //# sourceMappingURL=styles.css.d.ts.map
@@ -1,8 +1,8 @@
1
1
  /* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var toggle = createRuntimeFn({ defaultClassName: "uv_adn1w20", variantClassNames: { size: { large: "uv_adn1w21", small: "uv_adn1w22" }, disabled: { true: "uv_adn1w23", false: "uv_adn1w24" }, error: { true: "uv_adn1w25", false: "uv_adn1w26" } }, defaultVariants: { size: "large", disabled: false, error: false }, compoundVariants: [[{ disabled: true, error: true }, "uv_adn1w27"]] });
3
+ var toggle = createRuntimeFn({ defaultClassName: "uv_adn1w20", variantClassNames: { disabled: { false: "uv_adn1w21", true: "uv_adn1w22" }, error: { false: "uv_adn1w23", true: "uv_adn1w24" }, size: { large: "uv_adn1w25", small: "uv_adn1w26" } }, defaultVariants: { disabled: false, error: false, size: "large" }, compoundVariants: [[{ disabled: true, error: true }, "uv_adn1w27"]] });
4
4
  var checkbox = "uv_adn1w28";
5
- var label = createRuntimeFn({ defaultClassName: "uv_adn1w29", variantClassNames: { labelPosition: { left: "uv_adn1w2a", right: "uv_adn1w2b" }, disabled: { true: "uv_adn1w2c", false: "uv_adn1w2d" } }, defaultVariants: { labelPosition: "right", disabled: false }, compoundVariants: [] });
5
+ var label = createRuntimeFn({ defaultClassName: "uv_adn1w29", variantClassNames: { disabled: { false: "uv_adn1w2a", true: "uv_adn1w2b" }, labelPosition: { left: "uv_adn1w2c", right: "uv_adn1w2d" } }, defaultVariants: { disabled: false, labelPosition: "right" }, compoundVariants: [] });
6
6
  export {
7
7
  checkbox,
8
8
  label,
@@ -37,7 +37,7 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<{
37
37
  portalTarget?: HTMLElement;
38
38
  dynamicDomRendering?: boolean;
39
39
  style?: import("react").CSSProperties;
40
- } & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "style" | "className" | "children" | "data-testid" | "id" | "role" | "tabIndex" | "portalTarget" | "containerFullHeight" | "containerFullWidth" | "disableAnimation" | "debounceDelay" | "innerRef"> & {
40
+ } & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "style" | "className" | "data-testid" | "id" | "tabIndex" | "role" | "children" | "portalTarget" | "containerFullHeight" | "containerFullWidth" | "disableAnimation" | "debounceDelay" | "innerRef"> & {
41
41
  placement?: Exclude<ComponentProps<typeof Popup>["placement"], "nested-menu">;
42
42
  } & import("react").RefAttributes<HTMLDivElement>>;
43
43
  //# sourceMappingURL=index.d.ts.map
@@ -12,7 +12,7 @@ type TreeMapChartProps = {
12
12
  };
13
13
  /**
14
14
  * TreeMapChart component is used to display data in a TreeMap chart format. It uses the Nivo library under the hood.
15
- * See https://nivo.rocks/treemap/ for more information.
15
+ * See https://nivo.rocks/treemap/html/ for more information.
16
16
  */
17
17
  export declare const TreeMapChart: ({ height, data, tooltipFunction, chartProps, className, "data-testid": dataTestId, }: TreeMapChartProps) => import("react/jsx-runtime").JSX.Element;
18
18
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TreeMapChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAIvC,KAAK,iBAAiB,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAC1C,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,sFAO1B,iBAAiB,4CAoEnB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TreeMapChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIlE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,iBAAiB,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAC1C,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,sFAO1B,iBAAiB,4CA2DnB,CAAA"}