@uipath/apollo-wind 2.38.0 → 2.39.0

package/dist/components/ui/index.cjs

@@ -27,10 +27,10 @@ var __webpack_modules__ = {
     "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
-    "./calendar" (module) {
+    "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "@/components/ui/card" (module) {
+    "./card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
@@ -39,7 +39,7 @@ var __webpack_modules__ = {
     "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "@/components/ui/collapsible" (module) {
+    "./collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -48,7 +48,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "@/components/ui/context-menu" (module) {
+    "./context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -84,7 +84,7 @@ var __webpack_modules__ = {
     "@/components/ui/input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "./input" (module) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
     "./label" (module) {
@@ -105,7 +105,7 @@ var __webpack_modules__ = {
     "@/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) {
@@ -156,19 +156,19 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "./table" (module) {
+    "@/components/ui/table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "@/components/ui/textarea" (module) {
+    "./textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "./toggle" (module) {
+    "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tooltip" (module) {
@@ -290,14 +290,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_9 = __webpack_require__("./calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_9)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
+    var _card__rspack_import_10 = __webpack_require__("./card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_10)if ([
         "TreeView",
@@ -318,7 +318,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_13 = __webpack_require__("@/components/ui/collapsible");
+    var _collapsible__rspack_import_13 = __webpack_require__("./collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_13)if ([
         "TreeView",
@@ -339,7 +339,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_15[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_16 = __webpack_require__("@/components/ui/context-menu");
+    var _context_menu__rspack_import_16 = __webpack_require__("./context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_16)if ([
         "TreeView",
@@ -416,7 +416,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_27 = __webpack_require__("./input");
+    var _input__rspack_import_27 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_27)if ([
         "TreeView",
@@ -472,7 +472,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_popover__rspack_import_34[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _portal_container__rspack_import_35 = __webpack_require__("./portal-container");
+    var _portal_container__rspack_import_35 = __webpack_require__("@/components/ui/portal-container");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _portal_container__rspack_import_35)if ([
         "TreeView",
@@ -591,7 +591,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_51[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_52 = __webpack_require__("./table");
+    var _table__rspack_import_52 = __webpack_require__("@/components/ui/table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_52)if ([
         "TreeView",
@@ -605,14 +605,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_53[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_54 = __webpack_require__("@/components/ui/textarea");
+    var _textarea__rspack_import_54 = __webpack_require__("./textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_54)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_54[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_55 = __webpack_require__("./toggle");
+    var _toggle__rspack_import_55 = __webpack_require__("@/components/ui/toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_55)if ([
         "TreeView",

package/dist/components/ui/lockable-value-field/components/field-header.cjs

@@ -39,7 +39,7 @@ const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
 const index_cjs_namespaceObject = require("../../variable-picker/index.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../../../lib/index.cjs");
 const external_types_cjs_namespaceObject = require("../types.cjs");
-function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
+function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
     const promptId = (0, external_react_namespaceObject.useId)();
     const [aiPrompt, setAiPrompt] = (0, external_react_namespaceObject.useState)('');
     const typeMeta = external_types_cjs_namespaceObject.FIELD_TYPE_META[fieldType];
@@ -63,7 +63,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
                     className: "ml-auto flex items-center gap-0.5",
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                            className: (0, external_lib_index_cjs_namespaceObject.cn)('flex items-center gap-0.5', 'hover' === controlsVisibility && 'opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-[[aria-expanded=true]]:opacity-100'),
+                            className: "flex items-center gap-0.5",
                             children: [
                                 onFieldTypeChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
                                     children: [

package/dist/components/ui/lockable-value-field/components/field-header.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { LockableFieldType, LockableValueFieldOption } from '../types';
-export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions, }: {
+export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions, }: {
     label?: ReactNode;
     fieldId: string;
     fieldLabel: string;
@@ -8,7 +8,6 @@ export declare function FieldHeader({ label, fieldId, fieldLabel, required, fiel
     fieldType: LockableFieldType;
     onFieldTypeChange?: (fieldType: LockableFieldType) => void;
     onRequiredChange?: (required: boolean) => void;
-    controlsVisibility: 'visible' | 'hover';
     compact?: boolean;
     showFieldActions: boolean;
     value: string;

package/dist/components/ui/lockable-value-field/components/field-header.js

@@ -11,7 +11,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../
 import { VariablePicker } from "../../variable-picker/index.js";
 import { cn } from "../../../../lib/index.js";
 import { FIELD_TYPE_META, FIELD_TYPE_ORDER } from "../types.js";
-function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
+function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
     const promptId = useId();
     const [aiPrompt, setAiPrompt] = useState('');
     const typeMeta = FIELD_TYPE_META[fieldType];
@@ -35,7 +35,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
                     className: "ml-auto flex items-center gap-0.5",
                     children: [
                         /*#__PURE__*/ jsxs("div", {
-                            className: cn('flex items-center gap-0.5', 'hover' === controlsVisibility && 'opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-[[aria-expanded=true]]:opacity-100'),
+                            className: "flex items-center gap-0.5",
                             children: [
                                 onFieldTypeChange && /*#__PURE__*/ jsxs(DropdownMenu, {
                                     children: [

package/dist/components/ui/lockable-value-field/lockable-value-field.cjs

@@ -44,7 +44,7 @@ const lock_toggle_button_cjs_namespaceObject = require("./components/lock-toggle
 const mode_menu_item_cjs_namespaceObject = require("./components/mode-menu-item.cjs");
 const external_types_cjs_namespaceObject = require("./types.cjs");
 const external_utils_cjs_namespaceObject = require("./utils.cjs");
-function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, leadingAddon, trailingAddon, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, controlsVisibility = 'visible', showFieldActions = true, options = external_utils_cjs_namespaceObject.DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
+function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, leadingAddon, trailingAddon, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions = true, options = external_utils_cjs_namespaceObject.DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
     const generatedId = (0, external_react_namespaceObject.useId)().replace(/:/g, '');
     const [datePopoverOpen, setDatePopoverOpen] = (0, external_react_namespaceObject.useState)(false);
     const [selectOpen, setSelectOpen] = (0, external_react_namespaceObject.useState)(false);
@@ -68,7 +68,6 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                 fieldType: fieldType,
                 onFieldTypeChange: onFieldTypeChange,
                 onRequiredChange: onRequiredChange,
-                controlsVisibility: controlsVisibility,
                 compact: compact,
                 showFieldActions: showFieldActions,
                 value: value,

package/dist/components/ui/lockable-value-field/lockable-value-field.d.ts

@@ -11,4 +11,4 @@ import type { LockableValueFieldProps } from './types';
  * Insert-variable menu is empty (and disabled) unless `variables` is
  * provided; file uploads aren't persisted anywhere.
  */
-export declare function LockableValueField({ value, onValueChange, onValueBlur, locked, onLockedChange, leadingAddon, trailingAddon, mode, onModeChange, renderExpressionEditor, fieldType, onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, controlsVisibility, showFieldActions, options, onGenerateWithAi, variables, id, className, }: LockableValueFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function LockableValueField({ value, onValueChange, onValueBlur, locked, onLockedChange, leadingAddon, trailingAddon, mode, onModeChange, renderExpressionEditor, fieldType, onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions, options, onGenerateWithAi, variables, id, className, }: LockableValueFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/lockable-value-field/lockable-value-field.js

@@ -16,7 +16,7 @@ import { LockToggleButton } from "./components/lock-toggle-button.js";
 import { ModeMenuItem } from "./components/mode-menu-item.js";
 import { FIELD_TYPE_META } from "./types.js";
 import { DEFAULT_SELECT_OPTIONS, formatDateValue, getLockedDisplayValue, parseDateValue, parseListValue, toDateOnlyString } from "./utils.js";
-function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, leadingAddon, trailingAddon, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, controlsVisibility = 'visible', showFieldActions = true, options = DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
+function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, leadingAddon, trailingAddon, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions = true, options = DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
     const generatedId = useId().replace(/:/g, '');
     const [datePopoverOpen, setDatePopoverOpen] = useState(false);
     const [selectOpen, setSelectOpen] = useState(false);
@@ -40,7 +40,6 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                 fieldType: fieldType,
                 onFieldTypeChange: onFieldTypeChange,
                 onRequiredChange: onRequiredChange,
-                controlsVisibility: controlsVisibility,
                 compact: compact,
                 showFieldActions: showFieldActions,
                 value: value,

package/dist/components/ui/lockable-value-field/types.d.ts

@@ -80,7 +80,7 @@ export interface LockableValueFieldProps {
     headerActions?: ReactNode;
     /** Forces the header row into its narrow-container icon-only layout, regardless of actual width. For demos/comparisons. */
     compact?: boolean;
-    /** Whether the field-type, AI-assist, and insert-variable controls are always shown or only on hover. Defaults to 'visible'. */
+    /** @deprecated Controls are always visible. Retained as a no-op for backwards compatibility. */
     controlsVisibility?: 'visible' | 'hover';
     /** Whether the AI-assist and Insert-variable actions render at all. Set to false for read-only reviewer contexts where field configuration isn't editable. Defaults to true. */
     showFieldActions?: boolean;

package/dist/styles.css

@@ -3619,9 +3619,6 @@
   .\!px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5) !important;
   }
-  .\!px-2\.5 {
-    padding-inline: calc(var(--spacing) * 2.5) !important;
-  }
   .\[padding-inline\:var\(--mf-content-inset\,0px\)\] {
     padding-inline: var(--mf-content-inset,0px);
   }
@@ -3856,10 +3853,6 @@
   .font-sans {
     font-family: var(--font-sans);
   }
-  .\!text-xs {
-    font-size: var(--text-xs) !important;
-    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
-  }
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -4532,11 +4525,6 @@
       rotate: 90deg;
     }
   }
-  .group-focus-within\:opacity-100 {
-    &:is(:where(.group):focus-within *) {
-      opacity: 100%;
-    }
-  }
   .group-focus-within\/input\:bg-foreground-accent {
     &:is(:where(.group\/input):focus-within *) {
       background-color: var(--foreground-accent);
@@ -5614,11 +5602,6 @@
       }
     }
   }
-  .has-\[\[aria-expanded\=true\]\]\:opacity-100 {
-    &:has(*:is([aria-expanded=true])) {
-      opacity: 100%;
-    }
-  }
   .has-\[\[data-slot\=input-group-control\]\:disabled\]\:cursor-not-allowed {
     &:has(*:is([data-slot=input-group-control]:disabled)) {
       cursor: not-allowed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.38.0",
+  "version": "2.39.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",