@uipath/apollo-wind 2.15.1 → 2.16.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 (4) hide show
  1. package/dist/components/custom/global-header.cjs +59 -51
  2. package/dist/components/custom/global-header.js +59 -51
  3. package/dist/components/ui/index.cjs +12 -12
  4. package/package.json +1 -1
package/dist/components/custom/global-header.cjs CHANGED
@@ -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
  })
package/dist/components/custom/global-header.js CHANGED
@@ -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
  })
package/dist/components/ui/index.cjs CHANGED
@@ -30,13 +30,13 @@ var __webpack_modules__ = {
30
30
  "@/components/ui/calendar" (module) {
31
31
  module.exports = require("./calendar.cjs");
32
32
  },
33
- "./card" (module) {
33
+ "@/components/ui/card" (module) {
34
34
  module.exports = require("./card.cjs");
35
35
  },
36
36
  "@/components/ui/checkbox" (module) {
37
37
  module.exports = require("./checkbox.cjs");
38
38
  },
39
- "@/components/ui/collapsible" (module) {
39
+ "./collapsible" (module) {
40
40
  module.exports = require("./collapsible.cjs");
41
41
  },
42
42
  "./combobox" (module) {
@@ -45,7 +45,7 @@ var __webpack_modules__ = {
45
45
  "@/components/ui/command" (module) {
46
46
  module.exports = require("./command.cjs");
47
47
  },
48
- "@/components/ui/context-menu" (module) {
48
+ "./context-menu" (module) {
49
49
  module.exports = require("./context-menu.cjs");
50
50
  },
51
51
  "./data-table" (module) {
@@ -72,13 +72,13 @@ var __webpack_modules__ = {
72
72
  "./file-upload" (module) {
73
73
  module.exports = require("./file-upload.cjs");
74
74
  },
75
- "@/components/ui/hover-card" (module) {
75
+ "./hover-card" (module) {
76
76
  module.exports = require("./hover-card.cjs");
77
77
  },
78
78
  "@/components/ui/input" (module) {
79
79
  module.exports = require("./input.cjs");
80
80
  },
81
- "./label" (module) {
81
+ "@/components/ui/label" (module) {
82
82
  module.exports = require("./label.cjs");
83
83
  },
84
84
  "./layout" (module) {
@@ -150,7 +150,7 @@ var __webpack_modules__ = {
150
150
  "./toggle-group" (module) {
151
151
  module.exports = require("./toggle-group.cjs");
152
152
  },
153
- "./toggle" (module) {
153
+ "@/components/ui/toggle" (module) {
154
154
  module.exports = require("./toggle.cjs");
155
155
  },
156
156
  "./tooltip" (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__("./card");
279
+ var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
280
280
  var __rspack_reexport = {};
281
281
  for(const __rspack_import_key in _card__rspack_import_10)if ([
282
282
  "TreeView",
@@ -290,7 +290,7 @@ var __webpack_exports__ = {};
290
290
  "default"
291
291
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_11[__rspack_import_key];
292
292
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
293
- var _collapsible__rspack_import_12 = __webpack_require__("@/components/ui/collapsible");
293
+ var _collapsible__rspack_import_12 = __webpack_require__("./collapsible");
294
294
  var __rspack_reexport = {};
295
295
  for(const __rspack_import_key in _collapsible__rspack_import_12)if ([
296
296
  "TreeView",
@@ -311,7 +311,7 @@ var __webpack_exports__ = {};
311
311
  "default"
312
312
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_14[__rspack_import_key];
313
313
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
314
- var _context_menu__rspack_import_15 = __webpack_require__("@/components/ui/context-menu");
314
+ var _context_menu__rspack_import_15 = __webpack_require__("./context-menu");
315
315
  var __rspack_reexport = {};
316
316
  for(const __rspack_import_key in _context_menu__rspack_import_15)if ([
317
317
  "TreeView",
@@ -374,7 +374,7 @@ var __webpack_exports__ = {};
374
374
  "default"
375
375
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_file_upload__rspack_import_23[__rspack_import_key];
376
376
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
377
- var _hover_card__rspack_import_24 = __webpack_require__("@/components/ui/hover-card");
377
+ var _hover_card__rspack_import_24 = __webpack_require__("./hover-card");
378
378
  var __rspack_reexport = {};
379
379
  for(const __rspack_import_key in _hover_card__rspack_import_24)if ([
380
380
  "TreeView",
@@ -388,7 +388,7 @@ var __webpack_exports__ = {};
388
388
  "default"
389
389
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_25[__rspack_import_key];
390
390
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
391
- var _label__rspack_import_26 = __webpack_require__("./label");
391
+ var _label__rspack_import_26 = __webpack_require__("@/components/ui/label");
392
392
  var __rspack_reexport = {};
393
393
  for(const __rspack_import_key in _label__rspack_import_26)if ([
394
394
  "TreeView",
@@ -549,7 +549,7 @@ var __webpack_exports__ = {};
549
549
  "default"
550
550
  ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_48[__rspack_import_key];
551
551
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
552
- var _toggle__rspack_import_49 = __webpack_require__("./toggle");
552
+ var _toggle__rspack_import_49 = __webpack_require__("@/components/ui/toggle");
553
553
  var __rspack_reexport = {};
554
554
  for(const __rspack_import_key in _toggle__rspack_import_49)if ([
555
555
  "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.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",