@uipath/apollo-wind 2.40.0 → 2.42.0

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

@@ -1,10 +1,31 @@
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>;
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+declare const labelVariants: (props?: ({
+    variant?: "default" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Variant props, for consumers that forward a variant through to `Label`. */
+export type LabelVariants = VariantProps<typeof labelVariants>;
+export type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & LabelVariants;
+/**
+ * Compose `RequiredIndicator` as the last child to mark a field required.
+ *
+ * Long labels wrap. Do not ellipsize one with `truncate`: the indicator shares
+ * the label's inline run, so the ellipsis swallows it, and a clipped field name
+ * is unreadable anyway.
+ *
+ * `data-variant` exposes the variant so a container can restyle every label of
+ * one kind at once rather than reaching for each slot by name. Target it as
+ * `label[data-variant=default]`: callers rename `data-slot`, and `data-variant`
+ * alone is a convention other components share.
+ */
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & LabelVariants & React.RefAttributes<HTMLLabelElement>>;
 export interface RequiredIndicatorProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'aria-hidden'> {
+    /**
+     * Visually hidden text announced in place of the asterisk. apollo-wind ships
+     * no i18n, so localized consumers pass their own translated string here.
+     */
+    srLabel?: string;
 }
 /**
  * Marks a field as required. Place it right after the label text.
@@ -15,7 +36,8 @@ export interface RequiredIndicatorProps extends Omit<React.HTMLAttributes<HTMLSp
  * glyph is `aria-hidden` since it's a visual affordance, not the thing that
  * makes the field required to assistive tech; a `sr-only` "(required)" is
  * included alongside it so the label still announces the requirement even if
- * the field's own control is missing `required`/`aria-required`.
+ * the field's own control is missing `required`/`aria-required`. That text is
+ * English by default; pass `srLabel` to localize it.
  */
 declare const RequiredIndicator: React.ForwardRefExoticComponent<RequiredIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
 export { Label, RequiredIndicator };

package/dist/components/ui/label.js

@@ -3,15 +3,28 @@ 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-xs font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
-const Label = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+const labelVariants = cva('text-xs peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
+    variants: {
+        variant: {
+            default: 'font-medium text-foreground',
+            muted: 'font-normal text-foreground-muted'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+const Label = /*#__PURE__*/ forwardRef(({ className, variant = 'default', ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         ref: ref,
         "data-slot": "label",
-        className: cn(labelVariants(), className),
+        "data-variant": variant,
+        className: cn(labelVariants({
+            variant
+        }), className),
         ...props
     }));
 Label.displayName = Root.displayName;
-const RequiredIndicator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs("span", {
+const RequiredIndicator = /*#__PURE__*/ forwardRef(({ className, srLabel = ' (required)', ...props }, ref)=>/*#__PURE__*/ jsxs("span", {
         ref: ref,
         ...props,
         className: cn('ml-0.5', className, 'text-foreground'),
@@ -22,7 +35,7 @@ const RequiredIndicator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref
             }),
             /*#__PURE__*/ jsx("span", {
                 className: "sr-only",
-                children: " (required)"
+                children: srLabel
             })
         ]
     }));

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

@@ -32,6 +32,7 @@ const external_react_namespaceObject = require("react");
 const external_calendar_cjs_namespaceObject = require("../calendar.cjs");
 const external_dropdown_menu_cjs_namespaceObject = require("../dropdown-menu.cjs");
 const external_file_upload_cjs_namespaceObject = require("../file-upload.cjs");
+const external_form_field_cjs_namespaceObject = require("../form-field.cjs");
 const external_input_cjs_namespaceObject = require("../input.cjs");
 const external_input_group_cjs_namespaceObject = require("../input-group.cjs");
 const external_multi_select_cjs_namespaceObject = require("../multi-select.cjs");
@@ -278,12 +279,10 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                     }) : null
                 ]
             }),
-            error && !typeMeta.supportsExpression && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+            !typeMeta.supportsExpression && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_form_field_cjs_namespaceObject.FormFieldError, {
                 id: validationId,
                 "data-slot": "lockable-value-field-error",
-                "aria-live": "polite",
-                "aria-atomic": "true",
-                className: "mt-1 text-xs leading-4 text-error",
+                className: "mt-1",
                 children: error
             }),
             belowValue

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

@@ -4,6 +4,7 @@ import { useId, useState } from "react";
 import { Calendar } from "../calendar.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../dropdown-menu.js";
 import { FileUpload } from "../file-upload.js";
+import { FormFieldError } from "../form-field.js";
 import { Input } from "../input.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../input-group.js";
 import { MultiSelect } from "../multi-select.js";
@@ -250,12 +251,10 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                     }) : null
                 ]
             }),
-            error && !typeMeta.supportsExpression && /*#__PURE__*/ jsx("p", {
+            !typeMeta.supportsExpression && /*#__PURE__*/ jsx(FormFieldError, {
                 id: validationId,
                 "data-slot": "lockable-value-field-error",
-                "aria-live": "polite",
-                "aria-atomic": "true",
-                className: "mt-1 text-xs leading-4 text-error",
+                className: "mt-1",
                 children: error
             }),
             belowValue

package/dist/index.cjs

@@ -67,6 +67,7 @@ __webpack_require__.d(__webpack_exports__, {
     badgeVariants: ()=>badge_cjs_namespaceObject.badgeVariants,
     createEditableColumn: ()=>editable_cell_cjs_namespaceObject.createEditableColumn,
     toggleVariants: ()=>toggle_cjs_namespaceObject.toggleVariants,
+    FormFieldDescription: ()=>form_field_cjs_namespaceObject.FormFieldDescription,
     SheetHeader: ()=>sheet_cjs_namespaceObject.SheetHeader,
     Column: ()=>column_cjs_namespaceObject.Column,
     AlertDialogTrigger: ()=>alert_dialog_cjs_namespaceObject.AlertDialogTrigger,
@@ -132,11 +133,12 @@ __webpack_require__.d(__webpack_exports__, {
     DropdownMenuShortcut: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuShortcut,
     FetchAdapter: ()=>data_fetcher_cjs_namespaceObject.FetchAdapter,
     DataTableSelectColumn: ()=>data_table_cjs_namespaceObject.DataTableSelectColumn,
-    FormStateViewer: ()=>form_state_viewer_cjs_namespaceObject.FormStateViewer,
+    FormField: ()=>form_field_cjs_namespaceObject.FormField,
     CollapsibleTrigger: ()=>collapsible_cjs_namespaceObject.CollapsibleTrigger,
     ChartLegend: ()=>chart_cjs_namespaceObject.ChartLegend,
-    RadioGroup: ()=>radio_group_cjs_namespaceObject.RadioGroup,
+    FormStateViewer: ()=>form_state_viewer_cjs_namespaceObject.FormStateViewer,
     MultiSelect: ()=>multi_select_cjs_namespaceObject.MultiSelect,
+    RadioGroup: ()=>radio_group_cjs_namespaceObject.RadioGroup,
     AspectRatio: ()=>aspect_ratio_cjs_namespaceObject.AspectRatio,
     Alert: ()=>alert_cjs_namespaceObject.Alert,
     DropdownMenuRadioItem: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuRadioItem,
@@ -160,6 +162,7 @@ __webpack_require__.d(__webpack_exports__, {
     InputGroupInput: ()=>input_group_cjs_namespaceObject.InputGroupInput,
     ContextMenuCheckboxItem: ()=>context_menu_cjs_namespaceObject.ContextMenuCheckboxItem,
     isCustomField: ()=>form_schema_cjs_namespaceObject.isCustomField,
+    FormFieldError: ()=>form_field_cjs_namespaceObject.FormFieldError,
     TreeView: ()=>tree_view_cjs_default(),
     TableCaption: ()=>table_cjs_namespaceObject.TableCaption,
     TooltipTrigger: ()=>tooltip_cjs_namespaceObject.TooltipTrigger,
@@ -258,11 +261,12 @@ __webpack_require__.d(__webpack_exports__, {
     DialogContent: ()=>dialog_cjs_namespaceObject.DialogContent,
     DialogTrigger: ()=>dialog_cjs_namespaceObject.DialogTrigger,
     DropdownMenuRadioGroup: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuRadioGroup,
-    FormDesigner: ()=>form_designer_cjs_namespaceObject.FormDesigner,
     TableRow: ()=>table_cjs_namespaceObject.TableRow,
+    FormDesigner: ()=>form_designer_cjs_namespaceObject.FormDesigner,
     ToggleGroup: ()=>toggle_group_cjs_namespaceObject.ToggleGroup,
     Search: ()=>search_cjs_namespaceObject.Search,
     AlertDialogCancel: ()=>alert_dialog_cjs_namespaceObject.AlertDialogCancel,
+    FormFieldLabel: ()=>form_field_cjs_namespaceObject.FormFieldLabel,
     InputGroupTextarea: ()=>input_group_cjs_namespaceObject.InputGroupTextarea,
     spinnerVariants: ()=>spinner_cjs_namespaceObject.spinnerVariants,
     SelectTrigger: ()=>select_cjs_namespaceObject.SelectTrigger,
@@ -290,6 +294,7 @@ const input_group_cjs_namespaceObject = require("./components/ui/input-group.cjs
 const index_cjs_namespaceObject = require("./components/ui/lockable-value-field/index.cjs");
 const textarea_cjs_namespaceObject = require("./components/ui/textarea.cjs");
 const label_cjs_namespaceObject = require("./components/ui/label.cjs");
+const form_field_cjs_namespaceObject = require("./components/ui/form-field.cjs");
 const checkbox_cjs_namespaceObject = require("./components/ui/checkbox.cjs");
 const radio_group_cjs_namespaceObject = require("./components/ui/radio-group.cjs");
 const switch_cjs_namespaceObject = require("./components/ui/switch.cjs");
@@ -477,6 +482,10 @@ exports.FIELD_TYPE_ORDER = __webpack_exports__.FIELD_TYPE_ORDER;
 exports.FetchAdapter = __webpack_exports__.FetchAdapter;
 exports.FileUpload = __webpack_exports__.FileUpload;
 exports.FormDesigner = __webpack_exports__.FormDesigner;
+exports.FormField = __webpack_exports__.FormField;
+exports.FormFieldDescription = __webpack_exports__.FormFieldDescription;
+exports.FormFieldError = __webpack_exports__.FormFieldError;
+exports.FormFieldLabel = __webpack_exports__.FormFieldLabel;
 exports.FormFieldRenderer = __webpack_exports__.FormFieldRenderer;
 exports.FormStateViewer = __webpack_exports__.FormStateViewer;
 exports.Grid = __webpack_exports__.Grid;
@@ -721,6 +730,10 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "FetchAdapter",
     "FileUpload",
     "FormDesigner",
+    "FormField",
+    "FormFieldDescription",
+    "FormFieldError",
+    "FormFieldLabel",
     "FormFieldRenderer",
     "FormStateViewer",
     "Grid",

package/dist/index.d.ts

@@ -19,7 +19,9 @@ export type { LockableValueFieldProps, LockableValueFieldMode, LockableFieldType
 export { Textarea } from './components/ui/textarea';
 export type { TextareaProps } from './components/ui/textarea';
 export { Label, RequiredIndicator } from './components/ui/label';
-export type { LabelProps, RequiredIndicatorProps } from './components/ui/label';
+export type { LabelProps, LabelVariants, RequiredIndicatorProps } from './components/ui/label';
+export { FormField, FormFieldDescription, FormFieldError, FormFieldLabel, } from './components/ui/form-field';
+export type { FormFieldDescriptionProps, FormFieldErrorProps, FormFieldLabelProps, FormFieldProps, } from './components/ui/form-field';
 export { Checkbox } from './components/ui/checkbox';
 export type { CheckboxProps } from './components/ui/checkbox';
 export { RadioGroup, RadioGroupItem } from './components/ui/radio-group';

package/dist/index.js

@@ -11,6 +11,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGr
 import { FIELD_TYPE_META, FIELD_TYPE_ORDER, LockableValueField } from "./components/ui/lockable-value-field/index.js";
 import { Textarea } from "./components/ui/textarea.js";
 import { Label, RequiredIndicator } from "./components/ui/label.js";
+import { FormField, FormFieldDescription, FormFieldError, FormFieldLabel } from "./components/ui/form-field.js";
 import { Checkbox } from "./components/ui/checkbox.js";
 import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
 import { Switch } from "./components/ui/switch.js";
@@ -69,4 +70,4 @@ import { ExpressionBuilder, RuleBuilder, RulesEngine } from "./components/forms/
 import { DataFetcher, DataSourceBuilder, DataTransformers, FetchAdapter } from "./components/forms/data-fetcher.js";
 import { analyticsPlugin, auditPlugin, autoSavePlugin, formattingPlugin, validationPlugin, workflowPlugin } from "./components/forms/form-plugins.js";
 import { hasMinMaxStep, hasOptions, isCustomField, isFileField } from "./components/forms/form-schema.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FIELD_TYPE_META, FIELD_TYPE_ORDER, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, LockableValueField, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, RadioGroup, RadioGroupItem, RequiredIndicator, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, VARIABLE_DRAG_MIME, VariablePicker, VariablePickerContent, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FIELD_TYPE_META, FIELD_TYPE_ORDER, FetchAdapter, FileUpload, FormDesigner, FormField, FormFieldDescription, FormFieldError, FormFieldLabel, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, LockableValueField, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, RadioGroup, RadioGroupItem, RequiredIndicator, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, VARIABLE_DRAG_MIME, VariablePicker, VariablePickerContent, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };

package/dist/styles.css

@@ -774,9 +774,6 @@
   .mx-auto {
     margin-inline: auto;
   }
-  .-my-1 {
-    margin-block: calc(var(--spacing) * -1);
-  }
   .my-0\.5 {
     margin-block: calc(var(--spacing) * 0.5);
   }
@@ -843,9 +840,6 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
-  .mr-3 {
-    margin-right: calc(var(--spacing) * 3);
-  }
   .mr-4 {
     margin-right: calc(var(--spacing) * 4);
   }
@@ -1070,9 +1064,6 @@
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
-  .h-28 {
-    height: calc(var(--spacing) * 28);
-  }
   .h-32 {
     height: calc(var(--spacing) * 32);
   }
@@ -1235,9 +1226,6 @@
   .min-h-\[400px\] {
     min-height: 400px;
   }
-  .min-h-\[680px\] {
-    min-height: 680px;
-  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -1367,21 +1355,12 @@
   .w-\[2px\] {
     width: 2px;
   }
-  .w-\[18\%\] {
-    width: 18%;
-  }
   .w-\[18px\] {
     width: 18px;
   }
-  .w-\[20\%\] {
-    width: 20%;
-  }
   .w-\[22px\] {
     width: 22px;
   }
-  .w-\[31\%\] {
-    width: 31%;
-  }
   .w-\[40px\] {
     width: 40px;
   }
@@ -1610,12 +1589,6 @@
   .min-w-\[18px\] {
     min-width: 18px;
   }
-  .min-w-\[340px\] {
-    min-width: 340px;
-  }
-  .min-w-\[840px\] {
-    min-width: 840px;
-  }
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
@@ -1991,9 +1964,6 @@
   .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
   }
-  .gap-x-10 {
-    column-gap: calc(var(--spacing) * 10);
-  }
   .-space-x-2 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -2152,10 +2122,6 @@
     border-top-right-radius: var(--radius-md);
     border-bottom-right-radius: var(--radius-md);
   }
-  .rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
   .rounded-tr-2xl {
     border-top-right-radius: var(--radius-2xl);
   }
@@ -2196,10 +2162,6 @@
     border-style: var(--tw-border-style);
     border-width: 1.5px;
   }
-  .border-y {
-    border-block-style: var(--tw-border-style);
-    border-block-width: 1px;
-  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -2228,10 +2190,6 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
-  .border-l-0 {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 0px;
-  }
   .border-l-2 {
     border-left-style: var(--tw-border-style);
     border-left-width: 2px;
@@ -2918,12 +2876,6 @@
       background-color: color-mix(in oklab, var(--muted) 30%, transparent);
     }
   }
-  .bg-muted\/35 {
-    background-color: var(--muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--muted) 35%, transparent);
-    }
-  }
   .bg-muted\/40 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2936,18 +2888,6 @@
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
-  .bg-muted\/60 {
-    background-color: var(--muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
-    }
-  }
-  .bg-muted\/70 {
-    background-color: var(--muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--muted) 70%, transparent);
-    }
-  }
   .bg-muted\/80 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3047,12 +2987,6 @@
       background-color: color-mix(in oklab, var(--primary) 10%, transparent);
     }
   }
-  .bg-primary\/15 {
-    background-color: var(--primary);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
-    }
-  }
   .bg-primary\/20 {
     background-color: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3398,12 +3332,6 @@
       background-color: color-mix(in oklab, var(--warning) 5%, transparent);
     }
   }
-  .bg-warning\/10 {
-    background-color: var(--warning);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
-    }
-  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -3682,9 +3610,6 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
-  .py-3\.5 {
-    padding-block: calc(var(--spacing) * 3.5);
-  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
@@ -3694,15 +3619,9 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
-  .py-7 {
-    padding-block: calc(var(--spacing) * 7);
-  }
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
-  .py-9 {
-    padding-block: calc(var(--spacing) * 9);
-  }
   .py-10 {
     padding-block: calc(var(--spacing) * 10);
   }
@@ -3778,9 +3697,6 @@
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
-  .pb-1\.5 {
-    padding-bottom: calc(var(--spacing) * 1.5);
-  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -3844,9 +3760,6 @@
   .align-middle {
     vertical-align: middle;
   }
-  .align-top {
-    vertical-align: top;
-  }
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -4811,11 +4724,6 @@
       color: var(--foreground);
     }
   }
-  .last\:mb-0 {
-    &:last-child {
-      margin-bottom: calc(var(--spacing) * 0);
-    }
-  }
   .last\:border-0 {
     &:last-child {
       border-style: var(--tw-border-style);
@@ -5111,16 +5019,6 @@
       }
     }
   }
-  .hover\:bg-muted\/40 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--muted);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--muted) 40%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-muted\/50 {
     &:hover {
       @media (hover: hover) {
@@ -6094,11 +5992,6 @@
       margin-top: calc(var(--spacing) * 0);
     }
   }
-  .sm\:table-cell {
-    @media (width >= 40rem) {
-      display: table-cell;
-    }
-  }
   .sm\:max-w-2xl {
     @media (width >= 40rem) {
       max-width: var(--container-2xl);
@@ -6175,46 +6068,16 @@
       border-left-width: 1px;
     }
   }
-  .sm\:p-5 {
-    @media (width >= 40rem) {
-      padding: calc(var(--spacing) * 5);
-    }
-  }
-  .sm\:p-10 {
-    @media (width >= 40rem) {
-      padding: calc(var(--spacing) * 10);
-    }
-  }
-  .sm\:px-6 {
-    @media (width >= 40rem) {
-      padding-inline: calc(var(--spacing) * 6);
-    }
-  }
   .sm\:px-8 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 8);
     }
   }
-  .sm\:px-10 {
-    @media (width >= 40rem) {
-      padding-inline: calc(var(--spacing) * 10);
-    }
-  }
   .sm\:py-6 {
     @media (width >= 40rem) {
       padding-block: calc(var(--spacing) * 6);
     }
   }
-  .sm\:py-9 {
-    @media (width >= 40rem) {
-      padding-block: calc(var(--spacing) * 9);
-    }
-  }
-  .sm\:py-14 {
-    @media (width >= 40rem) {
-      padding-block: calc(var(--spacing) * 14);
-    }
-  }
   .sm\:text-left {
     @media (width >= 40rem) {
       text-align: left;
@@ -6231,11 +6094,6 @@
       grid-column: span 2 / span 2;
     }
   }
-  .md\:table-cell {
-    @media (width >= 48rem) {
-      display: table-cell;
-    }
-  }
   .md\:w-1\/2 {
     @media (width >= 48rem) {
       width: calc(1/2 * 100%);
@@ -6307,11 +6165,6 @@
       grid-template-columns: 2fr 3fr 3fr;
     }
   }
-  .lg\:grid-cols-\[auto_minmax\(180px\,1fr\)_minmax\(160px\,0\.55fr\)_minmax\(240px\,1fr\)_auto\] {
-    @media (width >= 64rem) {
-      grid-template-columns: auto minmax(180px,1fr) minmax(160px,0.55fr) minmax(240px,1fr) auto;
-    }
-  }
   .\@max-\[259px\]\:block {
     @container (width < 259px) {
       display: block;
@@ -6382,24 +6235,6 @@
       border-radius: var(--radius-xl);
     }
   }
-  .future\:rounded-l-xl {
-    :is(.future-dark, .future-light) & {
-      border-top-left-radius: var(--radius-xl);
-      border-bottom-left-radius: var(--radius-xl);
-    }
-  }
-  .future\:rounded-r-none {
-    :is(.future-dark, .future-light) & {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
-  .future\:rounded-r-xl {
-    :is(.future-dark, .future-light) & {
-      border-top-right-radius: var(--radius-xl);
-      border-bottom-right-radius: var(--radius-xl);
-    }
-  }
   .future\:border-0 {
     :is(.future-dark, .future-light) & {
       border-style: var(--tw-border-style);

package/package.json

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