@uipath/apollo-wind 2.63.0 → 2.64.0

package/dist/components/ui/prompt-value-control.cjs

@@ -28,10 +28,11 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const aria_ids_cjs_namespaceObject = require("../forms/aria-ids.cjs");
 const value_mode_strings_cjs_namespaceObject = require("./field-addons/value-mode-strings.cjs");
 const external_textarea_cjs_namespaceObject = require("./textarea.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const PromptValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+const PromptValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -55,6 +56,7 @@ const PromptValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardR
         className: className,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": (0, aria_ids_cjs_namespaceObject.joinIds)(ariaDescribedBy, controlProps?.['aria-describedby']),
         rows: 1,
         minRows: 1,
         maxRows: 6

package/dist/components/ui/prompt-value-control.d.ts

@@ -17,6 +17,11 @@ export interface PromptValueControlProps {
     className?: string;
     'aria-label'?: string;
     'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    /** The value-mode wiring; its `aria-describedby` joins the control's own. */
+    controlProps?: {
+        'aria-describedby'?: string;
+    };
 }
 /**
  * A prompt an agent fills the value from: a textarea that starts one line tall and grows to six.

package/dist/components/ui/prompt-value-control.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useMemo } from "react";
+import { joinIds } from "../forms/aria-ids.js";
 import { DEFAULT_VALUE_MODE_STRINGS } from "./field-addons/value-mode-strings.js";
 import { Textarea } from "./textarea.js";
 import { composeRefs } from "../../lib/index.js";
-const PromptValueControl = /*#__PURE__*/ forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+const PromptValueControl = /*#__PURE__*/ forwardRef(({ id, name, value, onChange, onBlur, inputRef, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -27,6 +28,7 @@ const PromptValueControl = /*#__PURE__*/ forwardRef(({ id, name, value, onChange
         className: className,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": joinIds(ariaDescribedBy, controlProps?.['aria-describedby']),
         rows: 1,
         minRows: 1,
         maxRows: 6

package/dist/components/ui/variable-value-control.cjs

@@ -28,12 +28,13 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const aria_ids_cjs_namespaceObject = require("../forms/aria-ids.cjs");
 const value_mode_strings_cjs_namespaceObject = require("./field-addons/value-mode-strings.cjs");
 const external_input_group_cjs_namespaceObject = require("./input-group.cjs");
 const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const index_cjs_namespaceObject = require("./variable-picker/index.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../lib/index.cjs");
-const VariableValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, value, onChange, onBlur, inputRef, variables, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+const VariableValueControl = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ id, value, onChange, onBlur, inputRef, variables, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -70,6 +71,7 @@ const VariableValueControl = /*#__PURE__*/ external_react_namespaceObject.forwar
                 className: className,
                 "aria-label": ariaLabel,
                 "aria-labelledby": ariaLabelledBy,
+                "aria-describedby": (0, aria_ids_cjs_namespaceObject.joinIds)(ariaDescribedBy, controlProps?.['aria-describedby']),
                 children: reference && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                     className: "truncate font-mono text-sm",
                     children: reference

package/dist/components/ui/variable-value-control.d.ts

@@ -24,6 +24,11 @@ export interface VariableValueControlProps {
     className?: string;
     'aria-label'?: string;
     'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    /** The value-mode wiring; its `aria-describedby` joins the control's own. */
+    controlProps?: {
+        'aria-describedby'?: string;
+    };
 }
 /**
  * A value bound to a variable, for an `InputGroup`: the whole control is a picker whose trigger

package/dist/components/ui/variable-value-control.js

@@ -1,11 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useMemo, useState } from "react";
+import { joinIds } from "../forms/aria-ids.js";
 import { DEFAULT_VALUE_MODE_STRINGS } from "./field-addons/value-mode-strings.js";
 import { InputGroupPopoverTrigger } from "./input-group.js";
 import { Popover, PopoverContent } from "./popover.js";
 import { VariablePickerContent } from "./variable-picker/index.js";
 import { composeRefs } from "../../lib/index.js";
-const VariableValueControl = /*#__PURE__*/ forwardRef(({ id, value, onChange, onBlur, inputRef, variables, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, ref)=>{
+const VariableValueControl = /*#__PURE__*/ forwardRef(({ id, value, onChange, onBlur, inputRef, variables, disabled, placeholder, strings, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, controlProps }, ref)=>{
     const text = {
         ...DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -42,6 +43,7 @@ const VariableValueControl = /*#__PURE__*/ forwardRef(({ id, value, onChange, on
                 className: className,
                 "aria-label": ariaLabel,
                 "aria-labelledby": ariaLabelledBy,
+                "aria-describedby": joinIds(ariaDescribedBy, controlProps?.['aria-describedby']),
                 children: reference && /*#__PURE__*/ jsx("span", {
                     className: "truncate font-mono text-sm",
                     children: reference

package/dist/index.d.ts

@@ -127,7 +127,7 @@ export { Textarea } from './components/ui/textarea';
 export { Toggle, toggleVariants } from './components/ui/toggle';
 export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group';
 export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, } from './components/ui/tooltip';
-export type { BuildJsonTreeOptions, ContainerPath, CopyEvent, DeriveTypeIcon, FlatJsonTreeRow, FlattenOptions, JsonCodeEditorRenderProps, JsonContainer, JsonContainerEditorProps, JsonLeafValueEditorProps, JsonMultilineLeafEditorProps, JsonObject, JsonSchema, JsonSchemaTypeName, JsonTreeChange, JsonTreeFilterOption, JsonTreeNode, JsonTreeNodeType, JsonTreeRowWrapper, JsonTreeRowWrapperProps, JsonTreeToolbarProps, JsonTreeViewProps, JsonTreeViewProviderProps, JsonTreeViewStrings, JsonTypeBadgeProps, JsonValue, NodeAction, NodeActionContext, NodeActionsResolver, NodeDecoration, NodeDecorationBadge, NodeDecorationChip, NodeDecorationTone, NodeDisplayTexts, PathSegment, RenderCodeEditor, RenderValueCell, RenderValueContext, } from './components/ui/json-tree-view';
+export type { BuildJsonTreeOptions, ContainerPath, CopyEvent, DeriveTypeIcon, FlatJsonTreeRow, FlattenOptions, JsonCodeEditorRenderProps, JsonContainer, JsonContainerEditorProps, JsonLeafValueEditorProps, JsonMultilineLeafEditorProps, JsonObject, JsonSchema, JsonSchemaTypeName, JsonTreeChange, JsonTreeFilterOption, JsonTreeNode, JsonTreeNodeType, JsonTreeRowWrapper, JsonTreeRowWrapperProps, JsonTreeToolbarProps, JsonTreeViewProps, JsonTreeViewProviderProps, JsonTreeViewStrings, JsonTypeBadgeProps, JsonValue, NodeAction, NodeActionContext, NodeActionsResolver, NodeBadgeReference, NodeDecoration, NodeDecorationBadge, NodeDecorationChip, NodeDecorationTone, NodeDisplayTexts, PathSegment, RenderCodeEditor, RenderValueCell, RenderValueContext, ResolvedJsonTreeViewStrings, } from './components/ui/json-tree-view';
 export { appendPathSegment, buildJsonTree, collectContainerPaths, copyTextToClipboard, DEFAULT_JSON_TREE_VIEW_STRINGS, flattenJsonTree, formatLeafValue, getValueAtPath, inferValueType, isArrayItemTemplateRoot, isJsonObject, JsonContainerEditor, JsonLeafValueEditor, JsonMultilineLeafEditor, JsonTreeToolbar, JsonTreeView, JsonTreeViewProvider, JsonTypeBadge, removeValueAtPath, schemaDisplayType, setValueAtPath, useJsonTreeViewStrings, } from './components/ui/json-tree-view';
 export type { FileTreeViewIconMap, FileTreeViewItem, FileTreeViewItemAction, FileTreeViewMenuItem, FileTreeViewProps, FileTreeViewSelectionMode, TreeViewIconMap, TreeViewItem, TreeViewItemAction, TreeViewMenuItem, TreeViewProps, TreeViewSelectionMode, } from './components/ui/tree-view';
 export { default as FileTreeView, TreeView } from './components/ui/tree-view';

package/dist/styles.css

@@ -680,6 +680,9 @@
   .right-5 {
     right: calc(var(--spacing) * 5);
   }
+  .-bottom-1 {
+    bottom: calc(var(--spacing) * -1);
+  }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
@@ -911,6 +914,9 @@
   .mb-10 {
     margin-bottom: calc(var(--spacing) * 10);
   }
+  .-ml-2 {
+    margin-left: calc(var(--spacing) * -2);
+  }
   .-ml-3 {
     margin-left: calc(var(--spacing) * -3);
   }
@@ -2240,6 +2246,9 @@
   .rounded-\[2px\] {
     border-radius: 2px;
   }
+  .rounded-\[3px\] {
+    border-radius: 3px;
+  }
   .rounded-\[4px\] {
     border-radius: 4px;
   }
@@ -2607,6 +2616,9 @@
       border-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
     }
   }
+  .border-warning {
+    border-color: var(--warning);
+  }
   .border-warning\/20 {
     border-color: var(--warning);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3570,6 +3582,12 @@
       background-color: color-mix(in oklab, var(--warning-background) 25%, transparent);
     }
   }
+  .bg-warning-background\/30 {
+    background-color: var(--warning-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--warning-background) 30%, transparent);
+    }
+  }
   .bg-warning\/5 {
     background-color: var(--warning);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4022,6 +4040,9 @@
   .pl-1 {
     padding-left: calc(var(--spacing) * 1);
   }
+  .pl-1\.5 {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }

package/package.json

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

package/dist/templates/Forms/form-builder-example.d.ts

@@ -1 +0,0 @@
-export declare function FormBuilderExample(): import("react/jsx-runtime").JSX.Element;