@ultraviolet/ui 3.23.0 → 3.24.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 (192) hide show
  1. package/dist/_virtual/{_@oxc-project_runtime@0.142.0 → _@oxc-project_runtime@0.146.0}/helpers/esm/asyncToGenerator.js +1 -1
  2. package/dist/_virtual/{_@oxc-project_runtime@0.142.0 → _@oxc-project_runtime@0.146.0}/helpers/esm/defineProperty.js +1 -1
  3. package/dist/_virtual/{_@oxc-project_runtime@0.142.0 → _@oxc-project_runtime@0.146.0}/helpers/esm/extends.js +1 -1
  4. package/dist/_virtual/{_@oxc-project_runtime@0.142.0 → _@oxc-project_runtime@0.146.0}/helpers/esm/objectDestructuringEmpty.js +1 -1
  5. package/dist/_virtual/{_@oxc-project_runtime@0.142.0 → _@oxc-project_runtime@0.146.0}/helpers/esm/objectSpread2.js +1 -1
  6. package/dist/_virtual/{_@oxc-project_runtime@0.142.0 → _@oxc-project_runtime@0.146.0}/helpers/esm/objectWithoutProperties.js +1 -1
  7. package/dist/_virtual/{_@oxc-project_runtime@0.142.0 → _@oxc-project_runtime@0.146.0}/helpers/esm/objectWithoutPropertiesLoose.js +1 -1
  8. package/dist/_virtual/{_@oxc-project_runtime@0.142.0 → _@oxc-project_runtime@0.146.0}/helpers/esm/toPrimitive.js +1 -1
  9. package/dist/_virtual/{_@oxc-project_runtime@0.142.0 → _@oxc-project_runtime@0.146.0}/helpers/esm/toPropertyKey.js +1 -1
  10. package/dist/_virtual/{_@oxc-project_runtime@0.142.0 → _@oxc-project_runtime@0.146.0}/helpers/esm/typeof.js +1 -1
  11. package/dist/components/ActionBar/index.js +1 -1
  12. package/dist/components/Alert/index.js +0 -1
  13. package/dist/components/Alert/styles.css.d.ts +0 -40
  14. package/dist/components/Alert/styles.css.d.ts.map +1 -1
  15. package/dist/components/Avatar/index.js +1 -1
  16. package/dist/components/Badge/index.d.ts +5 -2
  17. package/dist/components/Badge/index.d.ts.map +1 -1
  18. package/dist/components/Badge/styles.css.d.ts +0 -45
  19. package/dist/components/Badge/styles.css.d.ts.map +1 -1
  20. package/dist/components/Banner/index.d.ts +3 -2
  21. package/dist/components/Banner/index.d.ts.map +1 -1
  22. package/dist/components/Banner/styles.css.d.ts +0 -17
  23. package/dist/components/Banner/styles.css.d.ts.map +1 -1
  24. package/dist/components/BarChart/index.js +1 -1
  25. package/dist/components/Breadcrumbs/components/Item.js +1 -1
  26. package/dist/components/Button/index.d.ts +6 -2
  27. package/dist/components/Button/index.d.ts.map +1 -1
  28. package/dist/components/Button/styles.css.d.ts +0 -83
  29. package/dist/components/Button/styles.css.d.ts.map +1 -1
  30. package/dist/components/Carousel/Item.js +1 -1
  31. package/dist/components/Chip/index.js +4 -2
  32. package/dist/components/DateInput/components/CalendarContent.js +14 -10
  33. package/dist/components/DateInput/components/CalendarDaily.js +37 -35
  34. package/dist/components/DateInput/components/CalendarMonthly.js +46 -42
  35. package/dist/components/DateInput/index.js +8 -6
  36. package/dist/components/DateInput/styles.css.d.ts.map +1 -1
  37. package/dist/components/Dialog/index.js +1 -1
  38. package/dist/components/Expandable/AnimatedExpandable.js +1 -1
  39. package/dist/components/Expandable/NonAnimatedExpandable.js +1 -1
  40. package/dist/components/FileInput/components/Button.js +2 -2
  41. package/dist/components/FileInput/helpers.js +1 -1
  42. package/dist/components/FileInput/index.js +2 -2
  43. package/dist/components/InfiniteScroll/index.js +1 -1
  44. package/dist/components/KeyValueInput/index.js +1 -1
  45. package/dist/components/LineChart/index.js +1 -1
  46. package/dist/components/List/Cell.js +1 -1
  47. package/dist/components/List/ListContext.js +3 -3
  48. package/dist/components/Loader/index.js +1 -1
  49. package/dist/components/Menu/MenuContent.js +1 -1
  50. package/dist/components/Menu/index.js +2 -2
  51. package/dist/components/Modal/components/Dialog.js +1 -1
  52. package/dist/components/Notification/Notification.js +1 -1
  53. package/dist/components/NumberInput/components/Controls.d.ts.map +1 -1
  54. package/dist/components/NumberInput/components/Controls.js +1 -0
  55. package/dist/components/Pagination/PaginationButtons.d.ts +2 -1
  56. package/dist/components/Pagination/PaginationButtons.d.ts.map +1 -1
  57. package/dist/components/Pagination/PaginationButtons.js +19 -15
  58. package/dist/components/Pagination/getPageItems.d.ts +8 -0
  59. package/dist/components/Pagination/getPageItems.d.ts.map +1 -0
  60. package/dist/components/Pagination/getPageItems.js +35 -0
  61. package/dist/components/Pagination/getPageNumbers.d.ts +2 -1
  62. package/dist/components/Pagination/getPageNumbers.d.ts.map +1 -1
  63. package/dist/components/Pagination/getPageNumbers.js +3 -4
  64. package/dist/components/Pagination/index.d.ts.map +1 -1
  65. package/dist/components/Pagination/index.js +15 -3
  66. package/dist/components/Pagination/styles.css.d.ts +1 -0
  67. package/dist/components/Pagination/styles.css.d.ts.map +1 -1
  68. package/dist/components/Pagination/styles.css.js +6 -5
  69. package/dist/components/PieChart/index.js +1 -1
  70. package/dist/components/Popup/index.js +1 -1
  71. package/dist/components/Popup/styles.css.d.ts.map +1 -1
  72. package/dist/components/Popup/styles.css.js +1 -7
  73. package/dist/components/Row/index.js +1 -1
  74. package/dist/components/SearchInput/styles.css.d.ts.map +1 -1
  75. package/dist/components/SelectInput/components/Dropdown/Dropdown.js +1 -1
  76. package/dist/components/SelectInput/components/Dropdown/Group.js +9 -7
  77. package/dist/components/SelectInput/components/Dropdown/Item.d.ts.map +1 -1
  78. package/dist/components/SelectInput/components/Dropdown/Item.js +49 -43
  79. package/dist/components/SelectInput/components/Dropdown/Option.d.ts.map +1 -1
  80. package/dist/components/SelectInput/components/Dropdown/Option.js +71 -89
  81. package/dist/components/SelectInput/components/Dropdown/SearchBar.js +36 -31
  82. package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts.map +1 -1
  83. package/dist/components/SelectInput/components/SelectBar/SelectBar.js +6 -4
  84. package/dist/components/SelectableCard/MultiStateInput.js +1 -1
  85. package/dist/components/SelectableCard/SelectableCard.js +1 -1
  86. package/dist/components/SelectableCardOptionGroup/components/Option.js +1 -1
  87. package/dist/components/Separator/index.d.ts +3 -2
  88. package/dist/components/Separator/index.d.ts.map +1 -1
  89. package/dist/components/Separator/styles.css.d.ts +0 -60
  90. package/dist/components/Separator/styles.css.d.ts.map +1 -1
  91. package/dist/components/Separator/styles.css.js +6 -4
  92. package/dist/components/Slider/components/DoubleSlider.d.ts.map +1 -1
  93. package/dist/components/Slider/components/DoubleSlider.js +103 -114
  94. package/dist/components/Slider/components/SingleSlider.js +2 -5
  95. package/dist/components/Slider/styles.css.d.ts +0 -37
  96. package/dist/components/Slider/styles.css.d.ts.map +1 -1
  97. package/dist/components/Slider/styles.css.js +27 -44
  98. package/dist/components/Stack/index.js +2 -2
  99. package/dist/components/Stepper/index.js +1 -1
  100. package/dist/components/SwitchButton/index.js +1 -0
  101. package/dist/components/Table/Cell.js +1 -1
  102. package/dist/components/Table/TableContext.js +2 -2
  103. package/dist/components/Tabs/Tab.js +2 -2
  104. package/dist/components/Tabs/TabMenu.js +2 -2
  105. package/dist/components/Tabs/TabMenuItem.js +2 -2
  106. package/dist/components/Tabs/index.js +2 -2
  107. package/dist/components/Tag/index.d.ts.map +1 -1
  108. package/dist/components/Tag/index.js +28 -23
  109. package/dist/components/Tag/styles.css.d.ts.map +1 -1
  110. package/dist/components/Tag/styles.css.js +43 -41
  111. package/dist/components/Tag/type.d.ts +1 -2
  112. package/dist/components/Tag/type.d.ts.map +1 -1
  113. package/dist/components/TagInput/index.js +2 -1
  114. package/dist/components/TagList/constant.d.ts +2 -2
  115. package/dist/components/TagList/constant.d.ts.map +1 -1
  116. package/dist/components/TagList/constant.js +2 -4
  117. package/dist/components/TagList/index.d.ts +6 -6
  118. package/dist/components/TagList/index.d.ts.map +1 -1
  119. package/dist/components/TagList/index.js +77 -115
  120. package/dist/components/TagList/styles.css.d.ts +3 -3
  121. package/dist/components/TagList/styles.css.d.ts.map +1 -1
  122. package/dist/components/TagList/styles.css.js +7 -8
  123. package/dist/components/Text/index.d.ts.map +1 -1
  124. package/dist/components/Text/index.js +4 -6
  125. package/dist/components/Text/style.css.d.ts +0 -47
  126. package/dist/components/Text/style.css.d.ts.map +1 -1
  127. package/dist/components/TextArea/index.js +1 -1
  128. package/dist/components/TimeInput/index.js +1 -1
  129. package/dist/components/Toaster/Toaster.js +1 -1
  130. package/dist/components/Toaster/components/Button.js +2 -2
  131. package/dist/components/Toaster/components/Link.js +3 -3
  132. package/dist/components/Tooltip/TooltipChildren.d.ts +10 -0
  133. package/dist/components/Tooltip/TooltipChildren.d.ts.map +1 -0
  134. package/dist/components/Tooltip/TooltipChildren.js +71 -0
  135. package/dist/components/Tooltip/TooltipElement.d.ts +8 -0
  136. package/dist/components/Tooltip/TooltipElement.d.ts.map +1 -0
  137. package/dist/components/Tooltip/TooltipElement.js +39 -0
  138. package/dist/components/Tooltip/index.d.ts +92 -34
  139. package/dist/components/Tooltip/index.d.ts.map +1 -1
  140. package/dist/components/Tooltip/index.js +51 -29
  141. package/dist/components/Tooltip/styles.css.d.ts +17 -0
  142. package/dist/components/Tooltip/styles.css.d.ts.map +1 -1
  143. package/dist/components/Tooltip/styles.css.js +23 -1
  144. package/dist/components/Tooltip/types.d.ts +7 -0
  145. package/dist/components/Tooltip/types.d.ts.map +1 -0
  146. package/dist/components/Tooltip/useTooltip.d.ts +25 -0
  147. package/dist/components/Tooltip/useTooltip.d.ts.map +1 -0
  148. package/dist/components/Tooltip/useTooltip.js +75 -0
  149. package/dist/components/TreeMapChart/index.js +1 -1
  150. package/dist/components/VisuallyHidden/index.js +2 -2
  151. package/dist/composition.js +3 -3
  152. package/dist/compositions/EstimateCost/Components/Item.js +1 -1
  153. package/dist/compositions/EstimateCost/Components/LineThrough.js +2 -2
  154. package/dist/compositions/EstimateCost/Components/Unit.js +1 -1
  155. package/dist/compositions/EstimateCost/EstimateCostProvider.js +1 -1
  156. package/dist/compositions/EstimateCost/Image.js +1 -1
  157. package/dist/compositions/Filters/filterTypes/FilterSlider.js +1 -1
  158. package/dist/compositions/Filters/filterTypes/FilterText.d.ts.map +1 -1
  159. package/dist/compositions/Filters/filterTypes/FilterText.js +1 -0
  160. package/dist/compositions/Filters/parts/AbstractFilter.js +1 -1
  161. package/dist/compositions/Filters/parts/FiltersDrawer.d.ts +1 -0
  162. package/dist/compositions/Filters/parts/FiltersDrawer.d.ts.map +1 -1
  163. package/dist/compositions/Filters/parts/FiltersDrawer.js +15 -4
  164. package/dist/compositions/Filters/parts/FiltersMainRow.js +1 -0
  165. package/dist/compositions/Filters/parts/helpers.d.ts.map +1 -1
  166. package/dist/compositions/Filters/parts/helpers.js +3 -1
  167. package/dist/compositions/Filters/parts/reducer.js +1 -1
  168. package/dist/compositions/Filters/parts/useFilters.js +1 -1
  169. package/dist/compositions/Filters/types.d.ts +1 -0
  170. package/dist/compositions/Filters/types.d.ts.map +1 -1
  171. package/dist/compositions/InfoTable/components/Row.js +1 -1
  172. package/dist/compositions/InfoTable/styles.css.d.ts.map +1 -1
  173. package/dist/compositions/InfoTable/styles.css.js +30 -30
  174. package/dist/compositions/Navigation/NavigationProvider.js +1 -1
  175. package/dist/compositions/Navigation/components/items.css.d.ts.map +1 -1
  176. package/dist/compositions/Navigation/components/styles.css.d.ts.map +1 -1
  177. package/dist/compositions/OfferList/components/Row.js +4 -2
  178. package/dist/compositions/OptionSelector/styles.css.js +30 -30
  179. package/dist/compositions/OrderSummary/helpers.js +1 -1
  180. package/dist/compositions/RichTextInput/index.js +1 -1
  181. package/dist/hooks/useBreakpoint.d.ts +15 -0
  182. package/dist/hooks/useBreakpoint.d.ts.map +1 -0
  183. package/dist/hooks/useBreakpoint.js +46 -0
  184. package/dist/hooks/useIsOverflowing.d.ts +7 -3
  185. package/dist/hooks/useIsOverflowing.d.ts.map +1 -1
  186. package/dist/hooks/useIsOverflowing.js +13 -10
  187. package/dist/index.js +13 -13
  188. package/dist/ui.css +1 -1
  189. package/package.json +5 -4
  190. package/dist/components/Pagination/PaginationButton.d.ts +0 -11
  191. package/dist/components/Pagination/PaginationButton.d.ts.map +0 -1
  192. package/dist/components/Pagination/PaginationButton.js +0 -34
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;4BASlB,EAClB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAgB,EAChB,UAAU,EACV,QAAiB,EACjB,UAAsB,EACtB,QAAQ,EACR,SAAqB,EACrB,OAAmB,EACnB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,UAAU,GAC1B,EAAE,QAAQ"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;4BASlB,EAClB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAgB,EAChB,UAAU,EACV,QAAiB,EACjB,UAAsB,EACtB,QAAQ,EACR,SAAqB,EACrB,OAAmB,EACnB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,UAAU,GAC1B,EAAE,QAAQ"}
@@ -1,10 +1,12 @@
1
1
  'use client';
2
2
  import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
3
+ import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
3
4
  import { Stack, init_Stack } from "../Stack/index.js";
4
5
  import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
5
6
  import { Text, init_Text } from "../Text/index.js";
6
7
  import { Loader, init_Loader } from "../Loader/index.js";
7
8
  import { Separator, init_Separator } from "../Separator/index.js";
9
+ import { Row, init_Row } from "../Row/index.js";
8
10
  import { init_styles_css, tagStyle } from "./styles.css.js";
9
11
  import { useMemo } from "react";
10
12
  import { cn } from "@ultraviolet/utils";
@@ -18,11 +20,13 @@ var COPY_DURATION, Tag;
18
20
  function init_Tag() {
19
21
  return (init_Tag = __esmMin(() => {
20
22
  init_Loader();
23
+ init_Row();
21
24
  init_Separator();
22
25
  init_Stack();
23
26
  init_Text();
24
27
  init_Tooltip();
25
28
  init_styles_css();
29
+ init_objectSpread2();
26
30
  COPY_DURATION = 2500;
27
31
  Tag = ({ children, isLoading, onClose, copiable = false, copyButton, copyText = "Copy", copiedText = "Copied!", disabled, sentiment = "neutral", variant = "default", className, style, keyValue, "data-testid": dataTestId }) => {
28
32
  const stringChildren = useMemo(() => {
@@ -35,8 +39,17 @@ function init_Tag() {
35
39
  const [isCopied, setCopied] = useClipboard(stringChildren, { successDuration: COPY_DURATION });
36
40
  const isCopiable = copiable && !disabled;
37
41
  const TagInner = copiable ? "button" : "span";
42
+ const copyTextTooltip = isCopied ? copiedText : copyText;
43
+ const textProps = {
44
+ "aria-disabled": disabled,
45
+ as: "span",
46
+ variant: variant === "code" ? "code" : "caption",
47
+ oneLine: true,
48
+ sentiment: disabled ? "neutral" : sentiment,
49
+ disabled
50
+ };
38
51
  return /* @__PURE__ */ jsx(Tooltip, {
39
- text: isCopiable ? isCopied ? copiedText : copyText : null,
52
+ text: isCopiable ? copyTextTooltip : null,
40
53
  children: /* @__PURE__ */ jsxs(Stack, {
41
54
  direction: "row",
42
55
  className: tagStyle.wrapper[copiable ? "copiable" : "notCopiable"],
@@ -56,29 +69,21 @@ function init_Tag() {
56
69
  if (isCopiable) setCopied().catch(() => null);
57
70
  },
58
71
  children: [
59
- /* @__PURE__ */ jsx(Text, {
60
- "aria-disabled": disabled,
61
- as: "span",
72
+ keyValue ? /* @__PURE__ */ jsxs(Row, {
73
+ templateColumns: "minmax(0, auto) 1px minmax(0, auto)",
74
+ gap: 1,
62
75
  className: tagStyle.text,
63
- oneLine: true,
64
- variant: variant === "code" ? "code" : "caption",
65
- sentiment: disabled ? "neutral" : sentiment,
66
- disabled,
67
- children: keyValue ? /* @__PURE__ */ jsxs(Stack, {
68
- direction: "row",
69
- gap: 1,
70
- children: [
71
- keyValue.key,
72
- /* @__PURE__ */ jsx(Separator, {
73
- sentiment: disabled ? "neutral" : sentiment,
74
- direction: "vertical",
75
- thickness: 1,
76
- className: tagStyle.separator
77
- }),
78
- keyValue.value
79
- ]
80
- }) : children
81
- }),
76
+ children: [
77
+ /* @__PURE__ */ jsx(Text, _objectSpread2(_objectSpread2({}, textProps), {}, { children: keyValue.key })),
78
+ /* @__PURE__ */ jsx(Separator, {
79
+ sentiment: disabled ? "neutral" : sentiment,
80
+ direction: "vertical",
81
+ thickness: 1,
82
+ className: tagStyle.separator
83
+ }),
84
+ /* @__PURE__ */ jsx(Text, _objectSpread2(_objectSpread2({}, textProps), {}, { children: keyValue.value }))
85
+ ]
86
+ }) : /* @__PURE__ */ jsx(Text, _objectSpread2(_objectSpread2({ className: tagStyle.text }, textProps), {}, { children })),
82
87
  copiable && copyButton && !isLoading ? /* @__PURE__ */ jsx(CopyContentIcon, { size: "xsmall" }) : null,
83
88
  isLoading ? /* @__PURE__ */ jsx(Loader, {
84
89
  active: true,
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,YAAI,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,CAAU,CAAA;AAuI9G,eAAO,MAAM,QAAQ;;;;;;wBAxGT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGmD,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,YAAI,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,CAAU,CAAA;AAgJ9G,eAAO,MAAM,QAAQ;;;;;;wBAxGT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGmD,CAAA"}
@@ -1,5 +1,6 @@
1
1
  import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
2
- import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
2
+ import { init_styles_css_ts_vanilla } from "../TagList/styles.css.ts.vanilla.js";
3
+ import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "./styles.css.ts.vanilla.js";
3
4
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
4
5
 
5
6
  //#region src/components/Tag/styles.css.ts
@@ -7,25 +8,26 @@ var tagStyle;
7
8
  function init_styles_css() {
8
9
  return (init_styles_css = __esmMin(() => {
9
10
  /* @__PURE__ */ init_styles_css_ts_vanilla();
11
+ /* @__PURE__ */ init_styles_css_ts_vanilla$1();
10
12
  tagStyle = {
11
13
  container: createRuntimeFn({
12
- defaultClassName: "uv_d6zknp5",
14
+ defaultClassName: "uv_d6zknp6",
13
15
  variantClassNames: {
14
- copiable: { true: "uv_d6zknp6" },
15
- disabled: { true: "uv_d6zknp7" },
16
- closable: { true: "uv_d6zknp8" },
16
+ copiable: { true: "uv_d6zknp7" },
17
+ disabled: { true: "uv_d6zknp8" },
18
+ closable: { true: "uv_d6zknp9" },
17
19
  sentiment: {
18
- danger: "uv_d6zknp9",
19
- info: "uv_d6zknpa",
20
- neutral: "uv_d6zknpb",
21
- primary: "uv_d6zknpc",
22
- secondary: "uv_d6zknpd",
23
- success: "uv_d6zknpe",
24
- warning: "uv_d6zknpf"
20
+ danger: "uv_d6zknpa",
21
+ info: "uv_d6zknpb",
22
+ neutral: "uv_d6zknpc",
23
+ primary: "uv_d6zknpd",
24
+ secondary: "uv_d6zknpe",
25
+ success: "uv_d6zknpf",
26
+ warning: "uv_d6zknpg"
25
27
  },
26
28
  isButton: {
27
- true: "uv_d6zknpg",
28
- false: "uv_d6zknph"
29
+ true: "uv_d6zknph",
30
+ false: "uv_d6zknpi"
29
31
  }
30
32
  },
31
33
  defaultVariants: {
@@ -40,111 +42,111 @@ function init_styles_css() {
40
42
  copiable: true,
41
43
  sentiment: "danger",
42
44
  disabled: false
43
- }, "uv_d6zknpi"],
45
+ }, "uv_d6zknpj"],
44
46
  [{
45
47
  copiable: true,
46
48
  sentiment: "info",
47
49
  disabled: false
48
- }, "uv_d6zknpj"],
50
+ }, "uv_d6zknpk"],
49
51
  [{
50
52
  copiable: true,
51
53
  sentiment: "neutral",
52
54
  disabled: false
53
- }, "uv_d6zknpk"],
55
+ }, "uv_d6zknpl"],
54
56
  [{
55
57
  copiable: true,
56
58
  sentiment: "primary",
57
59
  disabled: false
58
- }, "uv_d6zknpl"],
60
+ }, "uv_d6zknpm"],
59
61
  [{
60
62
  copiable: true,
61
63
  sentiment: "secondary",
62
64
  disabled: false
63
- }, "uv_d6zknpm"],
65
+ }, "uv_d6zknpn"],
64
66
  [{
65
67
  copiable: true,
66
68
  sentiment: "success",
67
69
  disabled: false
68
- }, "uv_d6zknpn"],
70
+ }, "uv_d6zknpo"],
69
71
  [{
70
72
  copiable: true,
71
73
  sentiment: "warning",
72
74
  disabled: false
73
- }, "uv_d6zknpo"],
75
+ }, "uv_d6zknpp"],
74
76
  [{
75
77
  disabled: true,
76
78
  sentiment: "danger"
77
- }, "uv_d6zknpp"],
79
+ }, "uv_d6zknpq"],
78
80
  [{
79
81
  disabled: true,
80
82
  sentiment: "info"
81
- }, "uv_d6zknpq"],
83
+ }, "uv_d6zknpr"],
82
84
  [{
83
85
  disabled: true,
84
86
  sentiment: "neutral"
85
- }, "uv_d6zknpr"],
87
+ }, "uv_d6zknps"],
86
88
  [{
87
89
  disabled: true,
88
90
  sentiment: "primary"
89
- }, "uv_d6zknps"],
91
+ }, "uv_d6zknpt"],
90
92
  [{
91
93
  disabled: true,
92
94
  sentiment: "secondary"
93
- }, "uv_d6zknpt"],
95
+ }, "uv_d6zknpu"],
94
96
  [{
95
97
  disabled: true,
96
98
  sentiment: "success"
97
- }, "uv_d6zknpu"],
99
+ }, "uv_d6zknpv"],
98
100
  [{
99
101
  disabled: true,
100
102
  sentiment: "warning"
101
- }, "uv_d6zknpv"],
103
+ }, "uv_d6zknpw"],
102
104
  [{
103
105
  isButton: true,
104
106
  sentiment: "danger",
105
107
  disabled: false
106
- }, "uv_d6zknpw"],
108
+ }, "uv_d6zknpx"],
107
109
  [{
108
110
  isButton: true,
109
111
  sentiment: "info",
110
112
  disabled: false
111
- }, "uv_d6zknpx"],
113
+ }, "uv_d6zknpy"],
112
114
  [{
113
115
  isButton: true,
114
116
  sentiment: "neutral",
115
117
  disabled: false
116
- }, "uv_d6zknpy"],
118
+ }, "uv_d6zknpz"],
117
119
  [{
118
120
  isButton: true,
119
121
  sentiment: "primary",
120
122
  disabled: false
121
- }, "uv_d6zknpz"],
123
+ }, "uv_d6zknp10"],
122
124
  [{
123
125
  isButton: true,
124
126
  sentiment: "secondary",
125
127
  disabled: false
126
- }, "uv_d6zknp10"],
128
+ }, "uv_d6zknp11"],
127
129
  [{
128
130
  isButton: true,
129
131
  sentiment: "success",
130
132
  disabled: false
131
- }, "uv_d6zknp11"],
133
+ }, "uv_d6zknp12"],
132
134
  [{
133
135
  isButton: true,
134
136
  sentiment: "warning",
135
137
  disabled: false
136
- }, "uv_d6zknp12"]
138
+ }, "uv_d6zknp13"]
137
139
  ]
138
140
  }),
139
- text: "uv_d6zknp13",
140
- separator: "uv_d6zknp2",
141
+ text: "uv_d6zknp14",
142
+ separator: "uv_d6zknp3",
141
143
  wrapper: {
142
- copiable: "uv_d6zknp0",
143
- notCopiable: "uv_d6zknp1"
144
+ copiable: "uv_d6zknp1 uv_d6zknp0",
145
+ notCopiable: "uv_d6zknp2 uv_d6zknp0"
144
146
  },
145
147
  content: {
146
- copiable: "uv_d6zknp3",
147
- notCopiable: "uv_d6zknp4"
148
+ copiable: "uv_d6zknp4",
149
+ notCopiable: "uv_d6zknp5"
148
150
  }
149
151
  };
150
152
  }))();
@@ -1,8 +1,7 @@
1
1
  import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
2
- import type { SENTIMENTS } from './styles.css';
3
2
  export type TagProps = {
4
3
  isLoading?: boolean;
5
- sentiment?: (typeof SENTIMENTS)[number];
4
+ sentiment?: 'danger' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning';
6
5
  disabled?: boolean;
7
6
  copyText?: string;
8
7
  copiedText?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC/C,GAAG,CACA;IACE,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAA;CACnB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CACJ,CAAA"}
1
+ {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExE,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAA;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC/C,GAAG,CACA;IACE,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAA;CACnB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CACJ,CAAA"}
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
  import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
3
- import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
3
+ import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
4
4
  import { Stack, init_Stack } from "../Stack/index.js";
5
5
  import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
6
6
  import { Button, init_Button } from "../Button/index.js";
@@ -136,6 +136,7 @@ function init_TagInput() {
136
136
  "data-readonly": readOnly,
137
137
  "data-success": !!success,
138
138
  "data-testid": dataTestId,
139
+ tabIndex: 0,
139
140
  onClick: handleContainerClick,
140
141
  onKeyDown: (event) => {
141
142
  if ([" ", "Enter"].includes(event.key)) handleContainerClick();
@@ -1,4 +1,4 @@
1
- export declare const TAGS_GAP: string;
1
+ export declare const TAGS_GAP_PX = 4;
2
2
  export declare const DEFAULT_POPOVER_MAX_HEIGHT = "16rem";
3
- export declare const MIN_TAG_WIDTH = 32;
3
+ export declare const MIN_TAG_WIDTH_PX = 32;
4
4
  //# sourceMappingURL=constant.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/constant.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAA+B,CAAA;AAEpD,eAAO,MAAM,0BAA0B,UAAU,CAAA;AACjD,eAAO,MAAM,aAAa,KAAK,CAAA"}
1
+ {"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,IAAI,CAAA;AAE5B,eAAO,MAAM,0BAA0B,UAAU,CAAA;AACjD,eAAO,MAAM,gBAAgB,KAAK,CAAA"}
@@ -1,15 +1,13 @@
1
1
  import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
2
- import { consoleLightTheme } from "@ultraviolet/themes";
3
2
 
4
3
  //#region src/components/TagList/constant.ts
5
- var TAGS_GAP, DEFAULT_POPOVER_MAX_HEIGHT;
4
+ var DEFAULT_POPOVER_MAX_HEIGHT;
6
5
  function init_constant() {
7
6
  return (init_constant = __esmMin(() => {
8
- TAGS_GAP = consoleLightTheme.space["1"];
9
7
  DEFAULT_POPOVER_MAX_HEIGHT = "16rem";
10
8
  }))();
11
9
  }
12
10
 
13
11
  //#endregion
14
12
  init_constant();
15
- export { DEFAULT_POPOVER_MAX_HEIGHT, TAGS_GAP, init_constant };
13
+ export { DEFAULT_POPOVER_MAX_HEIGHT, init_constant };
@@ -12,21 +12,20 @@ type TagIcon = {
12
12
  export type TagType = string | TagKeyValue | TagIcon;
13
13
  type TagListProps = {
14
14
  /**
15
- * This property define maximum characters length of all tags until it hide tags into tooltip.
15
+ * Maximum character length of all tags before hiding them into a popover.
16
16
  */
17
17
  maxLength?: number;
18
18
  tags?: TagType[];
19
19
  /**
20
- * This property define maximum characters length of all tags until it hide tags into tooltip.
21
- * NB: this will be overridden if the parent width is smaller and cannot show all the tags
20
+ * Maximum number of tags to display before hiding them in a popover.
22
21
  */
23
22
  threshold?: number;
24
23
  /**
25
- * This property define maximum width of each tag. This doesn't apply for tags in tooltip.
24
+ * Wrap the tags on multiple lines instead of containing them on the first one.
26
25
  */
27
26
  multiline?: boolean;
28
27
  /**
29
- * This property define the title of the Popover, when some tags are hidden because of the threshold.
28
+ * Title of the Popover added when some tags are hidden because of the `threshold` or `maxLength` properties.
30
29
  */
31
30
  popoverTitle: string;
32
31
  /**
@@ -35,7 +34,8 @@ type TagListProps = {
35
34
  */
36
35
  popoverPlacement?: ComponentProps<typeof Popover>['placement'];
37
36
  /**
38
- * The popover maxHeight, defaults to 12.5rem
37
+ * The popover maxHeight
38
+ * @default 12.5rem
39
39
  */
40
40
  popoverMaxHeight?: ComponentProps<typeof Popover>['maxHeight'];
41
41
  className?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAI5B,KAAK,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACjD,KAAK,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AACjD,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAA;AAEpD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,CAAC,CAAA;gCAyB9E,EACtB,SAAe,EACf,IAAmB,EACnB,SAAa,EACb,SAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,gBAA6C,EAC7C,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,SAAqB,EACrB,OAAmB,EACnB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,YAAY"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAI5B,KAAK,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACjD,KAAK,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AACjD,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAA;AAEpD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,CAAC,CAAA;gCAyB9E,EACtB,SAAe,EACf,IAAmB,EACnB,SAAa,EACb,SAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,gBAA6C,EAC7C,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,SAAqB,EACrB,OAAmB,EACnB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,YAAY"}