@uipath/apollo-wind 2.9.0 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/components/ui/code-block.cjs +5 -4
  2. package/dist/components/ui/code-block.js +5 -4
  3. package/dist/components/ui/combobox.cjs +1 -1
  4. package/dist/components/ui/combobox.js +1 -1
  5. package/dist/components/ui/context-menu.cjs +2 -2
  6. package/dist/components/ui/context-menu.js +2 -2
  7. package/dist/components/ui/dropdown-menu.cjs +2 -2
  8. package/dist/components/ui/dropdown-menu.js +2 -2
  9. package/dist/components/ui/index.cjs +2 -2
  10. package/dist/components/ui/input.cjs +1 -1
  11. package/dist/components/ui/input.js +1 -1
  12. package/dist/components/ui/multi-select.cjs +7 -7
  13. package/dist/components/ui/multi-select.js +8 -8
  14. package/dist/components/ui/popover.cjs +1 -1
  15. package/dist/components/ui/popover.js +1 -1
  16. package/dist/components/ui/select.cjs +2 -2
  17. package/dist/components/ui/select.js +2 -2
  18. package/dist/styles.css +46 -10
  19. package/package.json +1 -1
package/dist/components/ui/code-block.cjs CHANGED
@@ -52,7 +52,7 @@ const THEME_CONFIG = {
52
52
  },
53
53
  'future-dark': {
54
54
  prismStyle: index_js_namespaceObject.vscDarkPlus,
55
- bg: '#18181b',
55
+ bg: 'var(--surface-raised)',
56
56
  headerBg: '#09090b',
57
57
  labelColor: '#a1a1aa',
58
58
  iconColor: '#71717a',
@@ -60,7 +60,7 @@ const THEME_CONFIG = {
60
60
  },
61
61
  'future-light': {
62
62
  prismStyle: index_js_namespaceObject.vs,
63
- bg: '#fafafa',
63
+ bg: 'var(--surface-raised)',
64
64
  headerBg: '#f4f4f5',
65
65
  labelColor: '#52525b',
66
66
  iconColor: '#71717a',
@@ -164,13 +164,13 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
164
164
  }, []);
165
165
  const showHeader = !!(fileName || language || showCopyButton);
166
166
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
167
- className: (0, index_cjs_namespaceObject.cn)('overflow-hidden rounded-lg border border-border font-mono text-sm', className),
167
+ className: (0, index_cjs_namespaceObject.cn)('overflow-hidden rounded-lg border border-border future:border-border-subtle font-mono text-sm', className),
168
168
  style: {
169
169
  background: config.bg
170
170
  },
171
171
  children: [
172
172
  showHeader && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
173
- className: "flex items-center justify-between px-4 py-2 border-b border-border",
173
+ className: "flex items-center justify-between px-4 py-2 border-b border-border future:border-border-subtle",
174
174
  style: {
175
175
  background: config.headerBg
176
176
  },
@@ -203,6 +203,7 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
203
203
  wrapLongLines: wrapLines,
204
204
  customStyle: {
205
205
  margin: 0,
206
+ border: 'none',
206
207
  borderRadius: 0,
207
208
  background: 'transparent',
208
209
  padding: '1rem',
package/dist/components/ui/code-block.js CHANGED
@@ -24,7 +24,7 @@ const THEME_CONFIG = {
24
24
  },
25
25
  'future-dark': {
26
26
  prismStyle: vscDarkPlus,
27
- bg: '#18181b',
27
+ bg: 'var(--surface-raised)',
28
28
  headerBg: '#09090b',
29
29
  labelColor: '#a1a1aa',
30
30
  iconColor: '#71717a',
@@ -32,7 +32,7 @@ const THEME_CONFIG = {
32
32
  },
33
33
  'future-light': {
34
34
  prismStyle: vs,
35
- bg: '#fafafa',
35
+ bg: 'var(--surface-raised)',
36
36
  headerBg: '#f4f4f5',
37
37
  labelColor: '#52525b',
38
38
  iconColor: '#71717a',
@@ -136,13 +136,13 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
136
136
  }, []);
137
137
  const showHeader = !!(fileName || language || showCopyButton);
138
138
  return /*#__PURE__*/ jsxs("div", {
139
- className: cn('overflow-hidden rounded-lg border border-border font-mono text-sm', className),
139
+ className: cn('overflow-hidden rounded-lg border border-border future:border-border-subtle font-mono text-sm', className),
140
140
  style: {
141
141
  background: config.bg
142
142
  },
143
143
  children: [
144
144
  showHeader && /*#__PURE__*/ jsxs("div", {
145
- className: "flex items-center justify-between px-4 py-2 border-b border-border",
145
+ className: "flex items-center justify-between px-4 py-2 border-b border-border future:border-border-subtle",
146
146
  style: {
147
147
  background: config.headerBg
148
148
  },
@@ -175,6 +175,7 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
175
175
  wrapLongLines: wrapLines,
176
176
  customStyle: {
177
177
  margin: 0,
178
+ border: 'none',
178
179
  borderRadius: 0,
179
180
  background: 'transparent',
180
181
  padding: '1rem',
package/dist/components/ui/combobox.cjs CHANGED
@@ -48,7 +48,7 @@ function Combobox({ items, value, onValueChange, placeholder = 'Select an option
48
48
  role: "combobox",
49
49
  "aria-expanded": open,
50
50
  "aria-label": selectedItem ? selectedItem.label : placeholder,
51
- className: (0, index_cjs_namespaceObject.cn)('w-[280px] justify-between', className),
51
+ className: (0, index_cjs_namespaceObject.cn)('w-[280px] justify-between future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:font-normal future:text-muted-foreground', className),
52
52
  disabled: disabled,
53
53
  children: [
54
54
  selectedItem ? selectedItem.label : placeholder,
package/dist/components/ui/combobox.js CHANGED
@@ -20,7 +20,7 @@ function Combobox({ items, value, onValueChange, placeholder = 'Select an option
20
20
  role: "combobox",
21
21
  "aria-expanded": open,
22
22
  "aria-label": selectedItem ? selectedItem.label : placeholder,
23
- className: cn('w-[280px] justify-between', className),
23
+ className: cn('w-[280px] justify-between future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:font-normal future:text-muted-foreground', className),
24
24
  disabled: disabled,
25
25
  children: [
26
26
  selectedItem ? selectedItem.label : placeholder,
package/dist/components/ui/context-menu.cjs CHANGED
@@ -66,14 +66,14 @@ const ContextMenuSubTrigger = /*#__PURE__*/ external_react_namespaceObject.forwa
66
66
  ContextMenuSubTrigger.displayName = react_context_menu_namespaceObject.SubTrigger.displayName;
67
67
  const ContextMenuSubContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.SubContent, {
68
68
  ref: ref,
69
- className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
69
+ className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
70
70
  ...props
71
71
  }));
72
72
  ContextMenuSubContent.displayName = react_context_menu_namespaceObject.SubContent.displayName;
73
73
  const ContextMenuContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Portal, {
74
74
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Content, {
75
75
  ref: ref,
76
- className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
76
+ className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
77
77
  ...props
78
78
  })
79
79
  }));
package/dist/components/ui/context-menu.js CHANGED
@@ -24,14 +24,14 @@ const ContextMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, chil
24
24
  ContextMenuSubTrigger.displayName = SubTrigger.displayName;
25
25
  const ContextMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
26
26
  ref: ref,
27
- className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
27
+ className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
28
28
  ...props
29
29
  }));
30
30
  ContextMenuSubContent.displayName = SubContent.displayName;
31
31
  const ContextMenuContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
32
32
  children: /*#__PURE__*/ jsx(Content, {
33
33
  ref: ref,
34
- className: cn('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
34
+ className: cn('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
35
35
  ...props
36
36
  })
37
37
  }));
package/dist/components/ui/dropdown-menu.cjs CHANGED
@@ -66,7 +66,7 @@ const DropdownMenuSubTrigger = /*#__PURE__*/ external_react_namespaceObject.forw
66
66
  DropdownMenuSubTrigger.displayName = react_dropdown_menu_namespaceObject.SubTrigger.displayName;
67
67
  const DropdownMenuSubContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.SubContent, {
68
68
  ref: ref,
69
- className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
69
+ className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
70
70
  ...props
71
71
  }));
72
72
  DropdownMenuSubContent.displayName = react_dropdown_menu_namespaceObject.SubContent.displayName;
@@ -74,7 +74,7 @@ const DropdownMenuContent = /*#__PURE__*/ external_react_namespaceObject.forward
74
74
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content, {
75
75
  ref: ref,
76
76
  sideOffset: sideOffset,
77
- className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
77
+ className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
78
78
  ...props
79
79
  })
80
80
  }));
package/dist/components/ui/dropdown-menu.js CHANGED
@@ -24,7 +24,7 @@ const DropdownMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, chi
24
24
  DropdownMenuSubTrigger.displayName = SubTrigger.displayName;
25
25
  const DropdownMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
26
26
  ref: ref,
27
- className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
27
+ className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
28
28
  ...props
29
29
  }));
30
30
  DropdownMenuSubContent.displayName = SubContent.displayName;
@@ -32,7 +32,7 @@ const DropdownMenuContent = /*#__PURE__*/ forwardRef(({ className, sideOffset =
32
32
  children: /*#__PURE__*/ jsx(Content, {
33
33
  ref: ref,
34
34
  sideOffset: sideOffset,
35
- className: cn('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
35
+ className: cn('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
36
36
  ...props
37
37
  })
38
38
  }));
package/dist/components/ui/index.cjs CHANGED
@@ -30,7 +30,7 @@ var __webpack_modules__ = {
30
30
  "@/components/ui/calendar" (module) {
31
31
  module.exports = require("./calendar.cjs");
32
32
  },
33
- "@/components/ui/card" (module) {
33
+ "./card" (module) {
34
34
  module.exports = require("./card.cjs");
35
35
  },
36
36
  "@/components/ui/checkbox" (module) {
@@ -276,7 +276,7 @@ var __webpack_exports__ = {};
276
276
  "default"
277
277
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
278
278
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
279
- var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
279
+ var _card__rspack_import_10 = __webpack_require__("./card");
280
280
  var __rspack_reexport = {};
281
281
  for(const __rspack_import_key in _card__rspack_import_10)if ([
282
282
  "TreeView",
package/dist/components/ui/input.cjs CHANGED
@@ -31,7 +31,7 @@ const external_react_namespaceObject = require("react");
31
31
  const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
32
32
  const Input = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
33
33
  type: type,
34
- className: (0, utils_cjs_namespaceObject.cn)('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
34
+ className: (0, utils_cjs_namespaceObject.cn)('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-raised future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
35
35
  ref: ref,
36
36
  ...props
37
37
  }));
package/dist/components/ui/input.js CHANGED
@@ -3,7 +3,7 @@ import { forwardRef } from "react";
3
3
  import { cn } from "../../lib/utils.js";
4
4
  const Input = /*#__PURE__*/ forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ jsx("input", {
5
5
  type: type,
6
- className: cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
6
+ className: cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-raised future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
7
7
  ref: ref,
8
8
  ...props
9
9
  }));
package/dist/components/ui/multi-select.cjs CHANGED
@@ -31,6 +31,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
31
31
  const external_react_namespaceObject = require("react");
32
32
  const external_badge_cjs_namespaceObject = require("./badge.cjs");
33
33
  const external_button_cjs_namespaceObject = require("./button.cjs");
34
+ const external_checkbox_cjs_namespaceObject = require("./checkbox.cjs");
34
35
  const external_command_cjs_namespaceObject = require("./command.cjs");
35
36
  const external_popover_cjs_namespaceObject = require("./popover.cjs");
36
37
  const index_cjs_namespaceObject = require("../../lib/index.cjs");
@@ -66,7 +67,7 @@ const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ o
66
67
  role: "combobox",
67
68
  "aria-expanded": open,
68
69
  "aria-label": selected.length > 0 ? `${selected.length} items selected` : placeholder,
69
- className: (0, index_cjs_namespaceObject.cn)('w-full justify-between', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
70
+ className: (0, index_cjs_namespaceObject.cn)('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:font-normal future:text-muted-foreground', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
70
71
  disabled: disabled,
71
72
  children: [
72
73
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
@@ -135,13 +136,12 @@ const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ o
135
136
  if (!isDisabled) handleSelect(option.value);
136
137
  },
137
138
  disabled: isDisabled,
138
- className: (0, index_cjs_namespaceObject.cn)(isDisabled && 'opacity-50 cursor-not-allowed'),
139
+ className: (0, index_cjs_namespaceObject.cn)('group', isDisabled && 'opacity-50 cursor-not-allowed'),
139
140
  children: [
140
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
141
- className: (0, index_cjs_namespaceObject.cn)('mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary', isSelected ? 'bg-primary text-primary-foreground' : 'opacity-50 [&_svg]:invisible'),
142
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
143
- className: "h-4 w-4"
144
- })
141
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_checkbox_cjs_namespaceObject.Checkbox, {
142
+ checked: isSelected,
143
+ className: "mr-2 pointer-events-none group-hover:border-muted-foreground",
144
+ tabIndex: -1
145
145
  }),
146
146
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
147
147
  children: option.label
package/dist/components/ui/multi-select.js CHANGED
@@ -1,8 +1,9 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Check, ChevronsUpDown, X } from "lucide-react";
2
+ import { ChevronsUpDown, X } from "lucide-react";
3
3
  import { forwardRef, useState } from "react";
4
4
  import { Badge } from "./badge.js";
5
5
  import { Button } from "./button.js";
6
+ import { Checkbox } from "./checkbox.js";
6
7
  import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "./command.js";
7
8
  import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
8
9
  import { cn } from "../../lib/index.js";
@@ -38,7 +39,7 @@ const MultiSelect = /*#__PURE__*/ forwardRef(({ options, selected, onChange, pla
38
39
  role: "combobox",
39
40
  "aria-expanded": open,
40
41
  "aria-label": selected.length > 0 ? `${selected.length} items selected` : placeholder,
41
- className: cn('w-full justify-between', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
42
+ className: cn('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:font-normal future:text-muted-foreground', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
42
43
  disabled: disabled,
43
44
  children: [
44
45
  /*#__PURE__*/ jsx("div", {
@@ -107,13 +108,12 @@ const MultiSelect = /*#__PURE__*/ forwardRef(({ options, selected, onChange, pla
107
108
  if (!isDisabled) handleSelect(option.value);
108
109
  },
109
110
  disabled: isDisabled,
110
- className: cn(isDisabled && 'opacity-50 cursor-not-allowed'),
111
+ className: cn('group', isDisabled && 'opacity-50 cursor-not-allowed'),
111
112
  children: [
112
- /*#__PURE__*/ jsx("div", {
113
- className: cn('mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary', isSelected ? 'bg-primary text-primary-foreground' : 'opacity-50 [&_svg]:invisible'),
114
- children: /*#__PURE__*/ jsx(Check, {
115
- className: "h-4 w-4"
116
- })
113
+ /*#__PURE__*/ jsx(Checkbox, {
114
+ checked: isSelected,
115
+ className: "mr-2 pointer-events-none group-hover:border-muted-foreground",
116
+ tabIndex: -1
117
117
  }),
118
118
  /*#__PURE__*/ jsx("span", {
119
119
  children: option.label
package/dist/components/ui/popover.cjs CHANGED
@@ -41,7 +41,7 @@ const PopoverContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
41
41
  ref: ref,
42
42
  align: align,
43
43
  sideOffset: sideOffset,
44
- className: (0, index_cjs_namespaceObject.cn)('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className),
44
+ className: (0, index_cjs_namespaceObject.cn)('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className),
45
45
  ...props
46
46
  })
47
47
  }));
package/dist/components/ui/popover.js CHANGED
@@ -10,7 +10,7 @@ const PopoverContent = /*#__PURE__*/ forwardRef(({ className, align = 'center',
10
10
  ref: ref,
11
11
  align: align,
12
12
  sideOffset: sideOffset,
13
- className: cn('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className),
13
+ className: cn('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className),
14
14
  ...props
15
15
  })
16
16
  }));
package/dist/components/ui/select.cjs CHANGED
@@ -45,7 +45,7 @@ const SelectGroup = react_select_namespaceObject.Group;
45
45
  const SelectValue = react_select_namespaceObject.Value;
46
46
  const SelectTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Trigger, {
47
47
  ref: ref,
48
- className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1', className),
48
+ className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:px-4 future:gap-4 future:font-normal future:text-muted-foreground', className),
49
49
  ...props,
50
50
  children: [
51
51
  children,
@@ -79,7 +79,7 @@ SelectScrollDownButton.displayName = react_select_namespaceObject.ScrollDownButt
79
79
  const SelectContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, position = 'popper', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Portal, {
80
80
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Content, {
81
81
  ref: ref,
82
- className: (0, index_cjs_namespaceObject.cn)('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
82
+ className: (0, index_cjs_namespaceObject.cn)('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
83
83
  position: position,
84
84
  ...props,
85
85
  children: [
package/dist/components/ui/select.js CHANGED
@@ -8,7 +8,7 @@ const SelectGroup = Group;
8
8
  const SelectValue = Value;
9
9
  const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
10
10
  ref: ref,
11
- className: cn('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1', className),
11
+ className: cn('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:px-4 future:gap-4 future:font-normal future:text-muted-foreground', className),
12
12
  ...props,
13
13
  children: [
14
14
  children,
@@ -42,7 +42,7 @@ SelectScrollDownButton.displayName = ScrollDownButton.displayName;
42
42
  const SelectContent = /*#__PURE__*/ forwardRef(({ className, children, position = 'popper', ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
43
43
  children: /*#__PURE__*/ jsxs(Content, {
44
44
  ref: ref,
45
- className: cn('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
45
+ className: cn('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
46
46
  position: position,
47
47
  ...props,
48
48
  children: [
package/dist/styles.css CHANGED
@@ -4186,6 +4186,13 @@
4186
4186
  }
4187
4187
  }
4188
4188
  }
4189
+ .group-hover\:border-muted-foreground {
4190
+ &:is(:where(.group):hover *) {
4191
+ @media (hover: hover) {
4192
+ border-color: var(--muted-foreground);
4193
+ }
4194
+ }
4195
+ }
4189
4196
  .group-hover\:bg-primary {
4190
4197
  &:is(:where(.group):hover *) {
4191
4198
  @media (hover: hover) {
@@ -5762,6 +5769,16 @@
5762
5769
  width: calc(var(--spacing) * 3.5);
5763
5770
  }
5764
5771
  }
5772
+ .future\:gap-4 {
5773
+ :is(.future-dark, .future-light) & {
5774
+ gap: calc(var(--spacing) * 4);
5775
+ }
5776
+ }
5777
+ .future\:rounded-lg {
5778
+ :is(.future-dark, .future-light) & {
5779
+ border-radius: var(--radius-lg);
5780
+ }
5781
+ }
5765
5782
  .future\:rounded-none {
5766
5783
  :is(.future-dark, .future-light) & {
5767
5784
  border-radius: 0;
@@ -5783,9 +5800,14 @@
5783
5800
  border-color: var(--ap-wind-border);
5784
5801
  }
5785
5802
  }
5786
- .future\:bg-surface-overlay {
5803
+ .future\:border-border-subtle {
5787
5804
  :is(.future-dark, .future-light) & {
5788
- background-color: var(--surface-overlay);
5805
+ border-color: var(--border-subtle);
5806
+ }
5807
+ }
5808
+ .future\:bg-surface-raised {
5809
+ :is(.future-dark, .future-light) & {
5810
+ background-color: var(--surface-raised);
5789
5811
  }
5790
5812
  }
5791
5813
  .future\:bg-transparent {
@@ -5798,6 +5820,11 @@
5798
5820
  fill: var(--foreground-accent);
5799
5821
  }
5800
5822
  }
5823
+ .future\:px-4 {
5824
+ :is(.future-dark, .future-light) & {
5825
+ padding-inline: calc(var(--spacing) * 4);
5826
+ }
5827
+ }
5801
5828
  .future\:py-0 {
5802
5829
  :is(.future-dark, .future-light) & {
5803
5830
  padding-block: calc(var(--spacing) * 0);
@@ -5814,6 +5841,12 @@
5814
5841
  line-height: var(--tw-leading, var(--text-sm--line-height));
5815
5842
  }
5816
5843
  }
5844
+ .future\:font-normal {
5845
+ :is(.future-dark, .future-light) & {
5846
+ --tw-font-weight: var(--font-weight-normal);
5847
+ font-weight: var(--font-weight-normal);
5848
+ }
5849
+ }
5817
5850
  .future\:text-foreground {
5818
5851
  :is(.future-dark, .future-light) & {
5819
5852
  color: var(--foreground);
@@ -5829,10 +5862,9 @@
5829
5862
  color: var(--foreground-inverse);
5830
5863
  }
5831
5864
  }
5832
- .future\:shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.05\)\] {
5865
+ .future\:text-muted-foreground {
5833
5866
  :is(.future-dark, .future-light) & {
5834
- --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0,0,0,0.05));
5835
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5867
+ color: var(--muted-foreground);
5836
5868
  }
5837
5869
  }
5838
5870
  .future\:shadow-none {
@@ -5865,6 +5897,15 @@
5865
5897
  }
5866
5898
  }
5867
5899
  }
5900
+ .future\:hover\:bg-surface-overlay {
5901
+ :is(.future-dark, .future-light) & {
5902
+ &:hover {
5903
+ @media (hover: hover) {
5904
+ background-color: var(--surface-overlay);
5905
+ }
5906
+ }
5907
+ }
5908
+ }
5868
5909
  .future\:focus-visible\:ring-0 {
5869
5910
  :is(.future-dark, .future-light) & {
5870
5911
  &:focus-visible {
@@ -6085,11 +6126,6 @@
6085
6126
  pointer-events: none;
6086
6127
  }
6087
6128
  }
6088
- .\[\&_svg\]\:invisible {
6089
- & svg {
6090
- visibility: hidden;
6091
- }
6092
- }
6093
6129
  .\[\&_svg\]\:size-4 {
6094
6130
  & svg {
6095
6131
  width: calc(var(--spacing) * 4);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-wind",
3
- "version": "2.9.0",
3
+ "version": "2.11.0",
4
4
  "description": "UiPath wind design system - A Tailwind CSS based React component library",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",