@uipath/apollo-wind 2.15.1 → 2.16.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.
@@ -47,9 +47,9 @@ function HeaderIconButton({ icon, label, onClick, disabled }) {
47
47
  });
48
48
  }
49
49
  function NotificationsDropdown({ themeClass }) {
50
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenu, {
50
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(popover_cjs_namespaceObject.Popover, {
51
51
  children: [
52
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
52
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(popover_cjs_namespaceObject.PopoverTrigger, {
53
53
  asChild: true,
54
54
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
55
55
  type: "button",
@@ -60,10 +60,10 @@ function NotificationsDropdown({ themeClass }) {
60
60
  })
61
61
  })
62
62
  }),
63
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
63
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(popover_cjs_namespaceObject.PopoverContent, {
64
64
  align: "end",
65
65
  sideOffset: 8,
66
- className: (0, index_cjs_namespaceObject.cn)(themeClass, 'w-72 border-border bg-surface-overlay'),
66
+ className: (0, index_cjs_namespaceObject.cn)(themeClass, 'w-72 border-border bg-surface-overlay p-0'),
67
67
  children: [
68
68
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
69
69
  className: "px-3 py-2",
@@ -72,67 +72,75 @@ function NotificationsDropdown({ themeClass }) {
72
72
  children: "Notifications"
73
73
  })
74
74
  }),
75
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_cjs_namespaceObject.DropdownMenuSeparator, {
76
- className: "bg-border-subtle"
75
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
76
+ className: "h-px bg-border-subtle"
77
77
  }),
78
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
79
- className: "flex items-start gap-3 px-3 py-2.5 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
78
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
79
+ className: "flex flex-col py-1",
80
80
  children: [
81
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Info, {
82
- className: "mt-0.5 h-4 w-4 shrink-0 text-brand-foreground"
83
- }),
84
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
85
- className: "flex flex-col gap-0.5",
81
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
82
+ type: "button",
83
+ className: "flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-hover",
86
84
  children: [
87
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
88
- className: "text-sm font-medium text-foreground",
89
- children: "System update available"
85
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Info, {
86
+ className: "mt-0.5 h-4 w-4 shrink-0 text-brand-foreground"
90
87
  }),
91
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
92
- className: "text-xs text-foreground-muted",
93
- children: "A new version is ready to install"
88
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
89
+ className: "flex flex-col gap-0.5",
90
+ children: [
91
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
92
+ className: "text-sm font-medium text-foreground",
93
+ children: "System update available"
94
+ }),
95
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
96
+ className: "text-xs text-foreground-muted",
97
+ children: "A new version is ready to install"
98
+ })
99
+ ]
94
100
  })
95
101
  ]
96
- })
97
- ]
98
- }),
99
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
100
- className: "flex items-start gap-3 px-3 py-2.5 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
101
- children: [
102
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckCircle2, {
103
- className: "mt-0.5 h-4 w-4 shrink-0 text-green-500"
104
102
  }),
105
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
106
- className: "flex flex-col gap-0.5",
103
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
104
+ type: "button",
105
+ className: "flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-hover",
107
106
  children: [
108
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
109
- className: "text-sm font-medium text-foreground",
110
- children: "Flow completed"
107
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckCircle2, {
108
+ className: "mt-0.5 h-4 w-4 shrink-0 text-green-500"
111
109
  }),
112
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
113
- className: "text-xs text-foreground-muted",
114
- children: "Invoice processing finished successfully"
110
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
111
+ className: "flex flex-col gap-0.5",
112
+ children: [
113
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
114
+ className: "text-sm font-medium text-foreground",
115
+ children: "Flow completed"
116
+ }),
117
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
118
+ className: "text-xs text-foreground-muted",
119
+ children: "Invoice processing finished successfully"
120
+ })
121
+ ]
115
122
  })
116
123
  ]
117
- })
118
- ]
119
- }),
120
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
121
- className: "flex items-start gap-3 px-3 py-2.5 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
122
- children: [
123
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertCircle, {
124
- className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500"
125
124
  }),
126
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
127
- className: "flex flex-col gap-0.5",
125
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
126
+ type: "button",
127
+ className: "flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-hover",
128
128
  children: [
129
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
130
- className: "text-sm font-medium text-foreground",
131
- children: "Action required"
129
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertCircle, {
130
+ className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500"
132
131
  }),
133
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
134
- className: "text-xs text-foreground-muted",
135
- children: "Review pending approval requests"
132
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
133
+ className: "flex flex-col gap-0.5",
134
+ children: [
135
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
136
+ className: "text-sm font-medium text-foreground",
137
+ children: "Action required"
138
+ }),
139
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
140
+ className: "text-xs text-foreground-muted",
141
+ children: "Review pending approval requests"
142
+ })
143
+ ]
136
144
  })
137
145
  ]
138
146
  })
@@ -19,9 +19,9 @@ function HeaderIconButton({ icon, label, onClick, disabled }) {
19
19
  });
20
20
  }
21
21
  function NotificationsDropdown({ themeClass }) {
22
- return /*#__PURE__*/ jsxs(DropdownMenu, {
22
+ return /*#__PURE__*/ jsxs(Popover, {
23
23
  children: [
24
- /*#__PURE__*/ jsx(DropdownMenuTrigger, {
24
+ /*#__PURE__*/ jsx(PopoverTrigger, {
25
25
  asChild: true,
26
26
  children: /*#__PURE__*/ jsx("button", {
27
27
  type: "button",
@@ -32,10 +32,10 @@ function NotificationsDropdown({ themeClass }) {
32
32
  })
33
33
  })
34
34
  }),
35
- /*#__PURE__*/ jsxs(DropdownMenuContent, {
35
+ /*#__PURE__*/ jsxs(PopoverContent, {
36
36
  align: "end",
37
37
  sideOffset: 8,
38
- className: cn(themeClass, 'w-72 border-border bg-surface-overlay'),
38
+ className: cn(themeClass, 'w-72 border-border bg-surface-overlay p-0'),
39
39
  children: [
40
40
  /*#__PURE__*/ jsx("div", {
41
41
  className: "px-3 py-2",
@@ -44,67 +44,75 @@ function NotificationsDropdown({ themeClass }) {
44
44
  children: "Notifications"
45
45
  })
46
46
  }),
47
- /*#__PURE__*/ jsx(DropdownMenuSeparator, {
48
- className: "bg-border-subtle"
47
+ /*#__PURE__*/ jsx("div", {
48
+ className: "h-px bg-border-subtle"
49
49
  }),
50
- /*#__PURE__*/ jsxs(DropdownMenuItem, {
51
- className: "flex items-start gap-3 px-3 py-2.5 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
50
+ /*#__PURE__*/ jsxs("div", {
51
+ className: "flex flex-col py-1",
52
52
  children: [
53
- /*#__PURE__*/ jsx(Info, {
54
- className: "mt-0.5 h-4 w-4 shrink-0 text-brand-foreground"
55
- }),
56
- /*#__PURE__*/ jsxs("div", {
57
- className: "flex flex-col gap-0.5",
53
+ /*#__PURE__*/ jsxs("button", {
54
+ type: "button",
55
+ className: "flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-hover",
58
56
  children: [
59
- /*#__PURE__*/ jsx("span", {
60
- className: "text-sm font-medium text-foreground",
61
- children: "System update available"
57
+ /*#__PURE__*/ jsx(Info, {
58
+ className: "mt-0.5 h-4 w-4 shrink-0 text-brand-foreground"
62
59
  }),
63
- /*#__PURE__*/ jsx("span", {
64
- className: "text-xs text-foreground-muted",
65
- children: "A new version is ready to install"
60
+ /*#__PURE__*/ jsxs("div", {
61
+ className: "flex flex-col gap-0.5",
62
+ children: [
63
+ /*#__PURE__*/ jsx("span", {
64
+ className: "text-sm font-medium text-foreground",
65
+ children: "System update available"
66
+ }),
67
+ /*#__PURE__*/ jsx("span", {
68
+ className: "text-xs text-foreground-muted",
69
+ children: "A new version is ready to install"
70
+ })
71
+ ]
66
72
  })
67
73
  ]
68
- })
69
- ]
70
- }),
71
- /*#__PURE__*/ jsxs(DropdownMenuItem, {
72
- className: "flex items-start gap-3 px-3 py-2.5 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
73
- children: [
74
- /*#__PURE__*/ jsx(CheckCircle2, {
75
- className: "mt-0.5 h-4 w-4 shrink-0 text-green-500"
76
74
  }),
77
- /*#__PURE__*/ jsxs("div", {
78
- className: "flex flex-col gap-0.5",
75
+ /*#__PURE__*/ jsxs("button", {
76
+ type: "button",
77
+ className: "flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-hover",
79
78
  children: [
80
- /*#__PURE__*/ jsx("span", {
81
- className: "text-sm font-medium text-foreground",
82
- children: "Flow completed"
79
+ /*#__PURE__*/ jsx(CheckCircle2, {
80
+ className: "mt-0.5 h-4 w-4 shrink-0 text-green-500"
83
81
  }),
84
- /*#__PURE__*/ jsx("span", {
85
- className: "text-xs text-foreground-muted",
86
- children: "Invoice processing finished successfully"
82
+ /*#__PURE__*/ jsxs("div", {
83
+ className: "flex flex-col gap-0.5",
84
+ children: [
85
+ /*#__PURE__*/ jsx("span", {
86
+ className: "text-sm font-medium text-foreground",
87
+ children: "Flow completed"
88
+ }),
89
+ /*#__PURE__*/ jsx("span", {
90
+ className: "text-xs text-foreground-muted",
91
+ children: "Invoice processing finished successfully"
92
+ })
93
+ ]
87
94
  })
88
95
  ]
89
- })
90
- ]
91
- }),
92
- /*#__PURE__*/ jsxs(DropdownMenuItem, {
93
- className: "flex items-start gap-3 px-3 py-2.5 text-foreground-muted focus:bg-surface-hover focus:text-foreground",
94
- children: [
95
- /*#__PURE__*/ jsx(AlertCircle, {
96
- className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500"
97
96
  }),
98
- /*#__PURE__*/ jsxs("div", {
99
- className: "flex flex-col gap-0.5",
97
+ /*#__PURE__*/ jsxs("button", {
98
+ type: "button",
99
+ className: "flex items-start gap-3 px-3 py-2.5 text-left transition-colors hover:bg-surface-hover",
100
100
  children: [
101
- /*#__PURE__*/ jsx("span", {
102
- className: "text-sm font-medium text-foreground",
103
- children: "Action required"
101
+ /*#__PURE__*/ jsx(AlertCircle, {
102
+ className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500"
104
103
  }),
105
- /*#__PURE__*/ jsx("span", {
106
- className: "text-xs text-foreground-muted",
107
- children: "Review pending approval requests"
104
+ /*#__PURE__*/ jsxs("div", {
105
+ className: "flex flex-col gap-0.5",
106
+ children: [
107
+ /*#__PURE__*/ jsx("span", {
108
+ className: "text-sm font-medium text-foreground",
109
+ children: "Action required"
110
+ }),
111
+ /*#__PURE__*/ jsx("span", {
112
+ className: "text-xs text-foreground-muted",
113
+ children: "Review pending approval requests"
114
+ })
115
+ ]
108
116
  })
109
117
  ]
110
118
  })
@@ -27,7 +27,7 @@ var __webpack_modules__ = {
27
27
  "@/components/ui/button" (module) {
28
28
  module.exports = require("./button.cjs");
29
29
  },
30
- "@/components/ui/calendar" (module) {
30
+ "./calendar" (module) {
31
31
  module.exports = require("./calendar.cjs");
32
32
  },
33
33
  "./card" (module) {
@@ -57,13 +57,13 @@ var __webpack_modules__ = {
57
57
  "./datetime-picker" (module) {
58
58
  module.exports = require("./datetime-picker.cjs");
59
59
  },
60
- "@/components/ui/dialog" (module) {
60
+ "./dialog" (module) {
61
61
  module.exports = require("./dialog.cjs");
62
62
  },
63
63
  "@/components/ui/dropdown-menu" (module) {
64
64
  module.exports = require("./dropdown-menu.cjs");
65
65
  },
66
- "@/components/ui/editable-cell" (module) {
66
+ "./editable-cell" (module) {
67
67
  module.exports = require("./editable-cell.cjs");
68
68
  },
69
69
  "./empty-state" (module) {
@@ -138,7 +138,7 @@ var __webpack_modules__ = {
138
138
  "./switch" (module) {
139
139
  module.exports = require("./switch.cjs");
140
140
  },
141
- "@/components/ui/table" (module) {
141
+ "./table" (module) {
142
142
  module.exports = require("./table.cjs");
143
143
  },
144
144
  "./tabs" (module) {
@@ -269,7 +269,7 @@ var __webpack_exports__ = {};
269
269
  "default"
270
270
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
271
271
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
272
- var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
272
+ var _calendar__rspack_import_9 = __webpack_require__("./calendar");
273
273
  var __rspack_reexport = {};
274
274
  for(const __rspack_import_key in _calendar__rspack_import_9)if ([
275
275
  "TreeView",
@@ -339,7 +339,7 @@ var __webpack_exports__ = {};
339
339
  "default"
340
340
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_18[__rspack_import_key];
341
341
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
342
- var _dialog__rspack_import_19 = __webpack_require__("@/components/ui/dialog");
342
+ var _dialog__rspack_import_19 = __webpack_require__("./dialog");
343
343
  var __rspack_reexport = {};
344
344
  for(const __rspack_import_key in _dialog__rspack_import_19)if ([
345
345
  "TreeView",
@@ -353,7 +353,7 @@ var __webpack_exports__ = {};
353
353
  "default"
354
354
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
355
355
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
356
- var _editable_cell__rspack_import_21 = __webpack_require__("@/components/ui/editable-cell");
356
+ var _editable_cell__rspack_import_21 = __webpack_require__("./editable-cell");
357
357
  var __rspack_reexport = {};
358
358
  for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
359
359
  "TreeView",
@@ -528,7 +528,7 @@ var __webpack_exports__ = {};
528
528
  "default"
529
529
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_45[__rspack_import_key];
530
530
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
531
- var _table__rspack_import_46 = __webpack_require__("@/components/ui/table");
531
+ var _table__rspack_import_46 = __webpack_require__("./table");
532
532
  var __rspack_reexport = {};
533
533
  for(const __rspack_import_key in _table__rspack_import_46)if ([
534
534
  "TreeView",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-wind",
3
- "version": "2.15.1",
3
+ "version": "2.16.1",
4
4
  "description": "UiPath wind design system - A Tailwind CSS based React component library",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -111,7 +111,7 @@
111
111
  "tailwindcss": "^4.1.17",
112
112
  "vaul": "^1.1.2",
113
113
  "zod": "^4.3.5",
114
- "@uipath/apollo-core": "5.9.0"
114
+ "@uipath/apollo-core": "5.9.1"
115
115
  },
116
116
  "devDependencies": {
117
117
  "@rsbuild/plugin-react": "^1.4.1",
@@ -134,8 +134,8 @@
134
134
  "@types/react": "^19.2.6",
135
135
  "@types/react-dom": "^19.2.2",
136
136
  "@types/react-syntax-highlighter": "^15.5.13",
137
- "@vitest/coverage-v8": "^4.1.0",
138
- "@vitest/ui": "^4.1.0",
137
+ "@vitest/coverage-v8": "^4.1.5",
138
+ "@vitest/ui": "^4.1.5",
139
139
  "ajv": "^8.18.0",
140
140
  "autoprefixer": "^10.4.22",
141
141
  "globals": "^16.5.0",
@@ -150,7 +150,7 @@
150
150
  "storybook": "^10.2.15",
151
151
  "tailwindcss": "^4.1.17",
152
152
  "typescript": "^5.9.3",
153
- "vitest": "^4.1.0"
153
+ "vitest": "^4.1.5"
154
154
  },
155
155
  "keywords": [
156
156
  "react",