@uipath/apollo-wind 2.38.0 → 2.40.0

package/dist/components/custom/flow-properties-simple.cjs

@@ -31,22 +31,25 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const accordion_cjs_namespaceObject = require("../ui/accordion.cjs");
 const input_cjs_namespaceObject = require("../ui/input.cjs");
+const label_cjs_namespaceObject = require("../ui/label.cjs");
 const select_cjs_namespaceObject = require("../ui/select.cjs");
 const typography_cjs_namespaceObject = require("../../foundation/Future/typography.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 function FieldItem({ field, onGraphControl }) {
     const [value, setValue] = external_react_namespaceObject.useState(field.value ?? '');
+    const inputId = external_react_namespaceObject.useId();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         className: "flex flex-col gap-1 pt-4",
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                 className: "flex items-center justify-between",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(label_cjs_namespaceObject.Label, {
+                        htmlFor: inputId,
                         className: "text-sm font-medium leading-5 text-foreground-muted",
                         children: [
                             field.label,
-                            field.required && '*'
+                            field.required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.RequiredIndicator, {})
                         ]
                     }),
                     field.showGraphControl && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
@@ -65,7 +68,8 @@ function FieldItem({ field, onGraphControl }) {
                 onValueChange: setValue,
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectTrigger, {
-                        "aria-label": field.label,
+                        "aria-required": field.required,
+                        id: inputId,
                         className: "h-10 rounded-xl border-0 bg-surface-overlay text-foreground shadow-sm placeholder:text-foreground-muted",
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {
                             placeholder: field.placeholder ?? 'Select...'
@@ -84,6 +88,8 @@ function FieldItem({ field, onGraphControl }) {
                 className: "flex h-10 w-full items-center overflow-hidden rounded-xl bg-surface-overlay shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background",
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
+                        "aria-required": field.required,
+                        id: inputId,
                         value: value,
                         onChange: (e)=>setValue(e.target.value),
                         placeholder: field.placeholder,
@@ -99,6 +105,8 @@ function FieldItem({ field, onGraphControl }) {
                     })
                 ]
             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
+                "aria-required": field.required,
+                id: inputId,
                 value: value,
                 onChange: (e)=>setValue(e.target.value),
                 placeholder: field.placeholder

package/dist/components/custom/flow-properties-simple.js

@@ -1,24 +1,27 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Copy, FileJson, Folder, Redo2, RefreshCw, Settings2, Undo2, Variable, Webhook, X } from "lucide-react";
-import { useState } from "react";
+import { useId, useState } from "react";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../ui/accordion.js";
 import { Input } from "../ui/input.js";
+import { Label, RequiredIndicator } from "../ui/label.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
 import { fontFamily } from "../../foundation/Future/typography.js";
 import { cn } from "../../lib/index.js";
 function FieldItem({ field, onGraphControl }) {
     const [value, setValue] = useState(field.value ?? '');
+    const inputId = useId();
     return /*#__PURE__*/ jsxs("div", {
         className: "flex flex-col gap-1 pt-4",
         children: [
             /*#__PURE__*/ jsxs("div", {
                 className: "flex items-center justify-between",
                 children: [
-                    /*#__PURE__*/ jsxs("span", {
+                    /*#__PURE__*/ jsxs(Label, {
+                        htmlFor: inputId,
                         className: "text-sm font-medium leading-5 text-foreground-muted",
                         children: [
                             field.label,
-                            field.required && '*'
+                            field.required && /*#__PURE__*/ jsx(RequiredIndicator, {})
                         ]
                     }),
                     field.showGraphControl && /*#__PURE__*/ jsx("button", {
@@ -37,7 +40,8 @@ function FieldItem({ field, onGraphControl }) {
                 onValueChange: setValue,
                 children: [
                     /*#__PURE__*/ jsx(SelectTrigger, {
-                        "aria-label": field.label,
+                        "aria-required": field.required,
+                        id: inputId,
                         className: "h-10 rounded-xl border-0 bg-surface-overlay text-foreground shadow-sm placeholder:text-foreground-muted",
                         children: /*#__PURE__*/ jsx(SelectValue, {
                             placeholder: field.placeholder ?? 'Select...'
@@ -56,6 +60,8 @@ function FieldItem({ field, onGraphControl }) {
                 className: "flex h-10 w-full items-center overflow-hidden rounded-xl bg-surface-overlay shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background",
                 children: [
                     /*#__PURE__*/ jsx(Input, {
+                        "aria-required": field.required,
+                        id: inputId,
                         value: value,
                         onChange: (e)=>setValue(e.target.value),
                         placeholder: field.placeholder,
@@ -71,6 +77,8 @@ function FieldItem({ field, onGraphControl }) {
                     })
                 ]
             }) : /*#__PURE__*/ jsx(Input, {
+                "aria-required": field.required,
+                id: inputId,
                 value: value,
                 onChange: (e)=>setValue(e.target.value),
                 placeholder: field.placeholder

package/dist/components/ui/index.cjs

@@ -27,19 +27,19 @@ 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) {
         module.exports = require("./chart.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./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) {
@@ -66,10 +66,10 @@ var __webpack_modules__ = {
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "@/components/ui/dropdown-menu" (module) {
+    "./dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "@/components/ui/editable-cell" (module) {
+    "./editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -87,7 +87,7 @@ var __webpack_modules__ = {
     "./input" (module) {
         module.exports = require("./input.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (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) {
@@ -162,7 +162,7 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "@/components/ui/textarea" (module) {
+    "./textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (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",
@@ -311,14 +311,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chart__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_12 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_12 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_12)if ([
         "TreeView",
         "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",
@@ -381,14 +381,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_21[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_22 = __webpack_require__("@/components/ui/dropdown-menu");
+    var _dropdown_menu__rspack_import_22 = __webpack_require__("./dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_22)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_23 = __webpack_require__("@/components/ui/editable-cell");
+    var _editable_cell__rspack_import_23 = __webpack_require__("./editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_23)if ([
         "TreeView",
@@ -430,7 +430,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_28[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_29 = __webpack_require__("./label");
+    var _label__rspack_import_29 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_29)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",
@@ -605,7 +605,7 @@ 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",

package/dist/components/ui/label.cjs

@@ -32,7 +32,7 @@ const react_label_namespaceObject = require("@radix-ui/react-label");
 const external_class_variance_authority_namespaceObject = require("class-variance-authority");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const labelVariants = (0, external_class_variance_authority_namespaceObject.cva)('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+const labelVariants = (0, external_class_variance_authority_namespaceObject.cva)('text-xs font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
 const Label = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root, {
         ref: ref,
         "data-slot": "label",
@@ -43,7 +43,7 @@ Label.displayName = react_label_namespaceObject.Root.displayName;
 const RequiredIndicator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
         ref: ref,
         ...props,
-        className: (0, index_cjs_namespaceObject.cn)('ml-0.5 text-current', className),
+        className: (0, index_cjs_namespaceObject.cn)('ml-0.5', className, 'text-foreground'),
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                 "aria-hidden": "true",

package/dist/components/ui/label.d.ts

@@ -9,7 +9,7 @@ export interface RequiredIndicatorProps extends Omit<React.HTMLAttributes<HTMLSp
 /**
  * Marks a field as required. Place it right after the label text.
  *
- * Uses `text-current` rather than an error/destructive color: an untouched
+ * Uses the foreground color rather than an error/destructive color: an untouched
  * required field isn't in an error state, so coloring the asterisk red reads
  * as a validation failure before the person has done anything. The asterisk
  * glyph is `aria-hidden` since it's a visual affordance, not the thing that

package/dist/components/ui/label.js

@@ -3,7 +3,7 @@ import { Root } from "@radix-ui/react-label";
 import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+const labelVariants = cva('text-xs font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
 const Label = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         ref: ref,
         "data-slot": "label",
@@ -14,7 +14,7 @@ Label.displayName = Root.displayName;
 const RequiredIndicator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs("span", {
         ref: ref,
         ...props,
-        className: cn('ml-0.5 text-current', className),
+        className: cn('ml-0.5', className, 'text-foreground'),
         children: [
             /*#__PURE__*/ jsx("span", {
                 "aria-hidden": "true",

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.40.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",