@uipath/apollo-wind 2.72.0 → 2.72.2

package/dist/components/ui/index.cjs

@@ -18,7 +18,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "./badge" (module) {
+    "@/components/ui/badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./boolean-radio-group" (module) {
@@ -33,13 +33,13 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "./button" (module) {
+    "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
     "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
@@ -57,7 +57,7 @@ var __webpack_modules__ = {
     "./citation" (module) {
         module.exports = require("./citation.cjs");
     },
-    "./code-block" (module) {
+    "@/components/ui/code-block" (module) {
         module.exports = require("./code-block.cjs");
     },
     "./collapsible" (module) {
@@ -66,7 +66,7 @@ var __webpack_modules__ = {
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "./command" (module) {
+    "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
     "./context-menu" (module) {
@@ -81,19 +81,19 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "./dialog" (module) {
+    "@/components/ui/dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "./dropdown-menu" (module) {
+    "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
     "./dropzone-overlay" (module) {
         module.exports = require("./dropzone-overlay.cjs");
     },
-    "./editable-cell" (module) {
+    "@/components/ui/editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -117,22 +117,22 @@ var __webpack_modules__ = {
     "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./info-tooltip" (module) {
+    "@/components/ui/info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
-    "./input-group" (module) {
+    "@/components/ui/input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "./input" (module) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
     "./json-tree-view" (module) {
         module.exports = require("./json-tree-view/index.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
-    "./layout" (module) {
+    "@/components/ui/layout" (module) {
         module.exports = require("./layout/index.cjs");
     },
     "./live-region" (module) {
@@ -171,10 +171,10 @@ var __webpack_modules__ = {
     "./panel-tabs" (module) {
         module.exports = require("./panel-tabs.cjs");
     },
-    "./popover" (module) {
+    "@/components/ui/popover" (module) {
         module.exports = require("./popover.cjs");
     },
-    "./portal-container" (module) {
+    "@/components/ui/portal-container" (module) {
         module.exports = require("./portal-container.cjs");
     },
     "./progress" (module) {
@@ -198,7 +198,7 @@ var __webpack_modules__ = {
     "./reference-chip-colors" (module) {
         module.exports = require("./reference-chip-colors.cjs");
     },
-    "./reference-chip" (module) {
+    "@/components/ui/reference-chip" (module) {
         module.exports = require("./reference-chip.cjs");
     },
     "./resizable" (module) {
@@ -252,7 +252,7 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "./textarea" (module) {
+    "@/components/ui/textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./thinking-indicator" (module) {
@@ -273,7 +273,7 @@ var __webpack_modules__ = {
     "./tree-view" (module) {
         module.exports = require("./tree-view.cjs");
     },
-    "./variable-picker" (module) {
+    "@/components/ui/variable-picker" (module) {
         module.exports = require("./variable-picker/index.cjs");
     },
     "./variable-value-control" (module) {
@@ -389,7 +389,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_6 = __webpack_require__("./badge");
+    var _badge__rspack_import_6 = __webpack_require__("@/components/ui/badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_6)if ([
         "getReferenceChipColors",
@@ -429,7 +429,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_bubble__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_10 = __webpack_require__("./button");
+    var _button__rspack_import_10 = __webpack_require__("@/components/ui/button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_10)if ([
         "getReferenceChipColors",
@@ -459,7 +459,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_13 = __webpack_require__("./card");
+    var _card__rspack_import_13 = __webpack_require__("@/components/ui/card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_13)if ([
         "getReferenceChipColors",
@@ -519,7 +519,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_citation__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _code_block__rspack_import_19 = __webpack_require__("./code-block");
+    var _code_block__rspack_import_19 = __webpack_require__("@/components/ui/code-block");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _code_block__rspack_import_19)if ([
         "getReferenceChipColors",
@@ -549,7 +549,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_21[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_22 = __webpack_require__("./command");
+    var _command__rspack_import_22 = __webpack_require__("@/components/ui/command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_22)if ([
         "getReferenceChipColors",
@@ -599,7 +599,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_27 = __webpack_require__("./dialog");
+    var _dialog__rspack_import_27 = __webpack_require__("@/components/ui/dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_27)if ([
         "getReferenceChipColors",
@@ -619,7 +619,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_28[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_29 = __webpack_require__("./dropdown-menu");
+    var _dropdown_menu__rspack_import_29 = __webpack_require__("@/components/ui/dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_29)if ([
         "getReferenceChipColors",
@@ -639,7 +639,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropzone_overlay__rspack_import_30[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_31 = __webpack_require__("./editable-cell");
+    var _editable_cell__rspack_import_31 = __webpack_require__("@/components/ui/editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_31)if ([
         "getReferenceChipColors",
@@ -719,7 +719,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_38[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_39 = __webpack_require__("./info-tooltip");
+    var _info_tooltip__rspack_import_39 = __webpack_require__("@/components/ui/info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_39)if ([
         "getReferenceChipColors",
@@ -729,7 +729,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_info_tooltip__rspack_import_39[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_40 = __webpack_require__("./input");
+    var _input__rspack_import_40 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_40)if ([
         "getReferenceChipColors",
@@ -739,7 +739,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_40[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input_group__rspack_import_41 = __webpack_require__("./input-group");
+    var _input_group__rspack_import_41 = __webpack_require__("@/components/ui/input-group");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input_group__rspack_import_41)if ([
         "getReferenceChipColors",
@@ -759,7 +759,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_json_tree_view__rspack_import_42[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_43 = __webpack_require__("./label");
+    var _label__rspack_import_43 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_43)if ([
         "getReferenceChipColors",
@@ -769,7 +769,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_43[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_44 = __webpack_require__("./layout");
+    var _layout__rspack_import_44 = __webpack_require__("@/components/ui/layout");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _layout__rspack_import_44)if ([
         "getReferenceChipColors",
@@ -899,7 +899,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_panel_tabs__rspack_import_56[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_57 = __webpack_require__("./popover");
+    var _popover__rspack_import_57 = __webpack_require__("@/components/ui/popover");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _popover__rspack_import_57)if ([
         "getReferenceChipColors",
@@ -909,7 +909,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_popover__rspack_import_57[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _portal_container__rspack_import_58 = __webpack_require__("./portal-container");
+    var _portal_container__rspack_import_58 = __webpack_require__("@/components/ui/portal-container");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _portal_container__rspack_import_58)if ([
         "getReferenceChipColors",
@@ -979,7 +979,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_64[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _reference_chip__rspack_import_65 = __webpack_require__("./reference-chip");
+    var _reference_chip__rspack_import_65 = __webpack_require__("@/components/ui/reference-chip");
     var _reference_chip_colors__rspack_import_66 = __webpack_require__("./reference-chip-colors");
     var _resizable__rspack_import_67 = __webpack_require__("./resizable");
     var __rspack_reexport = {};
@@ -1151,7 +1151,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_83[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_84 = __webpack_require__("./textarea");
+    var _textarea__rspack_import_84 = __webpack_require__("@/components/ui/textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_84)if ([
         "getReferenceChipColors",
@@ -1213,7 +1213,7 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _tree_view__rspack_import_90 = __webpack_require__("./tree-view");
     var _tree_view__rspack_import_90_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_90);
-    var _variable_picker__rspack_import_91 = __webpack_require__("./variable-picker");
+    var _variable_picker__rspack_import_91 = __webpack_require__("@/components/ui/variable-picker");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _variable_picker__rspack_import_91)if ([
         "getReferenceChipColors",

package/dist/components/ui/popover.cjs

@@ -55,17 +55,37 @@ const PopoverAnchor = /*#__PURE__*/ external_react_namespaceObject.forwardRef((p
 PopoverAnchor.displayName = react_popover_namespaceObject.Anchor.displayName;
 const PopoverContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'center', sideOffset = 4, container, ...props }, ref)=>{
     const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
+    const contentRef = external_react_namespaceObject.useRef(null);
+    const setContent = external_react_namespaceObject.useCallback((node)=>{
+        contentRef.current = node;
+        if ('function' == typeof ref) ref(node);
+        else if (ref) ref.current = node;
+    }, [
+        ref
+    ]);
+    const { onInteractOutside } = props;
+    const handleInteractOutside = external_react_namespaceObject.useCallback((event)=>{
+        onInteractOutside?.(event);
+        const path = event.detail.originalEvent.composedPath();
+        const contentId = contentRef.current?.id;
+        if (path[0] === event.target || !contentId) return;
+        const onTrigger = path.some((node)=>node instanceof Element && node.getAttribute('aria-controls') === contentId);
+        if (onTrigger) event.preventDefault();
+    }, [
+        onInteractOutside
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_context_cjs_namespaceObject.InputGroupContext.Provider, {
         value: external_input_group_context_cjs_namespaceObject.NO_GROUP,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Portal, {
             container: resolvedContainer,
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Content, {
-                ref: ref,
+                ref: setContent,
                 "data-slot": "popover-content",
                 align: align,
                 sideOffset: sideOffset,
                 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),
-                ...props
+                ...props,
+                onInteractOutside: handleInteractOutside
             })
         })
     });

package/dist/components/ui/popover.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Anchor, Content, Portal, Root, Trigger } from "@radix-ui/react-popover";
-import { forwardRef } from "react";
+import { forwardRef, useCallback, useRef } from "react";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
 import { InputGroupContext, NO_GROUP } from "./input-group-context.js";
@@ -24,17 +24,37 @@ const PopoverAnchor = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(A
 PopoverAnchor.displayName = Anchor.displayName;
 const PopoverContent = /*#__PURE__*/ forwardRef(({ className, align = 'center', sideOffset = 4, container, ...props }, ref)=>{
     const resolvedContainer = useResolvedPortalContainer(container);
+    const contentRef = useRef(null);
+    const setContent = useCallback((node)=>{
+        contentRef.current = node;
+        if ('function' == typeof ref) ref(node);
+        else if (ref) ref.current = node;
+    }, [
+        ref
+    ]);
+    const { onInteractOutside } = props;
+    const handleInteractOutside = useCallback((event)=>{
+        onInteractOutside?.(event);
+        const path = event.detail.originalEvent.composedPath();
+        const contentId = contentRef.current?.id;
+        if (path[0] === event.target || !contentId) return;
+        const onTrigger = path.some((node)=>node instanceof Element && node.getAttribute('aria-controls') === contentId);
+        if (onTrigger) event.preventDefault();
+    }, [
+        onInteractOutside
+    ]);
     return /*#__PURE__*/ jsx(InputGroupContext.Provider, {
         value: NO_GROUP,
         children: /*#__PURE__*/ jsx(Portal, {
             container: resolvedContainer,
             children: /*#__PURE__*/ jsx(Content, {
-                ref: ref,
+                ref: setContent,
                 "data-slot": "popover-content",
                 align: align,
                 sideOffset: sideOffset,
                 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),
-                ...props
+                ...props,
+                onInteractOutside: handleInteractOutside
             })
         })
     });

package/dist/styles.css

@@ -10250,7 +10250,7 @@
   --color-primary-lighter-light-hc: #badaff;
   --color-primary-lighter-dark: #00489d;
   --color-primary-lighter-dark-hc: #00336f;
-  --color-primary-lighter-future-dark: #53eafd;
+  --color-primary-lighter-future-dark: #104e64;
   --color-primary-lighter-future-light: #cefafe;
   --color-primary-darker-light: #00489d;
   --color-primary-darker-light-hc: #11508d;
@@ -11655,7 +11655,7 @@ body.future-dark, .future-dark {
   --color-foreground-link-pressed: #53eafd;
   --color-foreground-inv-de-emp: #52525c;
   --color-primary: #00b8db;
-  --color-primary-lighter: #53eafd;
+  --color-primary-lighter: #104e64;
   --color-primary-darker: #0092b8;
   --color-primary-hover: #00d3f2;
   --color-primary-focused: #00d3f2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.72.0",
+  "version": "2.72.2",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -133,7 +133,7 @@
     "tailwindcss": "^4.1.17",
     "vaul": "^1.1.2",
     "zod": "^4.3.5",
-    "@uipath/apollo-core": "5.15.1"
+    "@uipath/apollo-core": "5.15.2"
   },
   "devDependencies": {
     "@codemirror/lang-javascript": "^6.2.5",