@uipath/apollo-wind 2.31.0 → 2.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/components/custom/panel-flow.cjs +3 -3
  2. package/dist/components/custom/panel-flow.d.ts +2 -0
  3. package/dist/components/custom/panel-flow.js +3 -3
  4. package/dist/components/ui/file-upload.cjs +22 -16
  5. package/dist/components/ui/file-upload.d.ts +19 -1
  6. package/dist/components/ui/file-upload.js +22 -16
  7. package/dist/components/ui/index.cjs +18 -18
  8. package/dist/components/ui/lockable-value-field/components/field-header.cjs +327 -0
  9. package/dist/components/ui/lockable-value-field/components/field-header.d.ts +19 -0
  10. package/dist/components/ui/lockable-value-field/components/field-header.js +293 -0
  11. package/dist/components/ui/lockable-value-field/components/lock-toggle-button.cjs +67 -0
  12. package/dist/components/ui/lockable-value-field/components/lock-toggle-button.d.ts +9 -0
  13. package/dist/components/ui/lockable-value-field/components/lock-toggle-button.js +33 -0
  14. package/dist/components/ui/lockable-value-field/components/mode-menu-item.cjs +63 -0
  15. package/dist/components/ui/lockable-value-field/components/mode-menu-item.d.ts +9 -0
  16. package/dist/components/ui/lockable-value-field/components/mode-menu-item.js +29 -0
  17. package/dist/components/ui/lockable-value-field/index.cjs +43 -0
  18. package/dist/components/ui/lockable-value-field/index.d.ts +3 -0
  19. package/dist/components/ui/lockable-value-field/index.js +3 -0
  20. package/dist/components/ui/lockable-value-field/lockable-value-field.cjs +264 -0
  21. package/dist/components/ui/lockable-value-field/lockable-value-field.d.ts +14 -0
  22. package/dist/components/ui/lockable-value-field/lockable-value-field.js +230 -0
  23. package/dist/components/ui/lockable-value-field/types.cjs +99 -0
  24. package/dist/components/ui/lockable-value-field/types.d.ts +78 -0
  25. package/dist/components/ui/lockable-value-field/types.js +62 -0
  26. package/dist/components/ui/lockable-value-field/utils.cjs +117 -0
  27. package/dist/components/ui/lockable-value-field/utils.d.ts +24 -0
  28. package/dist/components/ui/lockable-value-field/utils.js +68 -0
  29. package/dist/components/ui/multi-select.cjs +7 -3
  30. package/dist/components/ui/multi-select.d.ts +4 -0
  31. package/dist/components/ui/multi-select.js +7 -3
  32. package/dist/components/ui/search.cjs +1 -1
  33. package/dist/components/ui/search.js +1 -1
  34. package/dist/index.cjs +28 -18
  35. package/dist/index.d.ts +2 -0
  36. package/dist/index.js +2 -1
  37. package/dist/styles.css +71 -0
  38. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -8,6 +8,7 @@ import { Toggle, toggleVariants } from "./components/ui/toggle.js";
8
8
  import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
9
9
  import { Input } from "./components/ui/input.js";
10
10
  import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.js";
11
+ import { FIELD_TYPE_META, FIELD_TYPE_ORDER, LockableValueField } from "./components/ui/lockable-value-field/index.js";
11
12
  import { Textarea } from "./components/ui/textarea.js";
12
13
  import { Label } from "./components/ui/label.js";
13
14
  import { Checkbox } from "./components/ui/checkbox.js";
@@ -65,4 +66,4 @@ import { ExpressionBuilder, RuleBuilder, RulesEngine } from "./components/forms/
65
66
  import { DataFetcher, DataSourceBuilder, DataTransformers, FetchAdapter } from "./components/forms/data-fetcher.js";
66
67
  import { analyticsPlugin, auditPlugin, autoSavePlugin, formattingPlugin, validationPlugin, workflowPlugin } from "./components/forms/form-plugins.js";
67
68
  import { hasMinMaxStep, hasOptions, isCustomField, isFileField } from "./components/forms/form-schema.js";
68
- 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, 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, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, RadioGroup, RadioGroupItem, 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, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };
69
+ 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, 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, 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, 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, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };
package/dist/styles.css CHANGED
@@ -560,6 +560,9 @@
560
560
  }
561
561
  }
562
562
  @layer utilities {
563
+ .\@container {
564
+ container-type: inline-size;
565
+ }
563
566
  .pointer-events-none {
564
567
  pointer-events: none;
565
568
  }
@@ -907,6 +910,12 @@
907
910
  -webkit-box-orient: vertical;
908
911
  -webkit-line-clamp: 1;
909
912
  }
913
+ .\!block {
914
+ display: block !important;
915
+ }
916
+ .\!hidden {
917
+ display: none !important;
918
+ }
910
919
  .block {
911
920
  display: block;
912
921
  }
@@ -955,6 +964,10 @@
955
964
  width: calc(var(--spacing) * 6);
956
965
  height: calc(var(--spacing) * 6);
957
966
  }
967
+ .size-7 {
968
+ width: calc(var(--spacing) * 7);
969
+ height: calc(var(--spacing) * 7);
970
+ }
958
971
  .size-8 {
959
972
  width: calc(var(--spacing) * 8);
960
973
  height: calc(var(--spacing) * 8);
@@ -3450,6 +3463,12 @@
3450
3463
  .p-px {
3451
3464
  padding: 1px;
3452
3465
  }
3466
+ .\!px-1\.5 {
3467
+ padding-inline: calc(var(--spacing) * 1.5) !important;
3468
+ }
3469
+ .\!px-2\.5 {
3470
+ padding-inline: calc(var(--spacing) * 2.5) !important;
3471
+ }
3453
3472
  .\[padding-inline\:var\(--mf-content-inset\,0px\)\] {
3454
3473
  padding-inline: var(--mf-content-inset,0px);
3455
3474
  }
@@ -3663,6 +3682,10 @@
3663
3682
  .font-sans {
3664
3683
  font-family: var(--font-sans);
3665
3684
  }
3685
+ .\!text-xs {
3686
+ font-size: var(--text-xs) !important;
3687
+ line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
3688
+ }
3666
3689
  .text-2xl {
3667
3690
  font-size: var(--text-2xl);
3668
3691
  line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -4196,6 +4219,9 @@
4196
4219
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4197
4220
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4198
4221
  }
4222
+ .ring-brand {
4223
+ --tw-ring-color: var(--brand);
4224
+ }
4199
4225
  .ring-brand\/30 {
4200
4226
  --tw-ring-color: var(--brand);
4201
4227
  @supports (color: color-mix(in lab, red, red)) {
@@ -4321,6 +4347,11 @@
4321
4347
  rotate: 90deg;
4322
4348
  }
4323
4349
  }
4350
+ .group-focus-within\:opacity-100 {
4351
+ &:is(:where(.group):focus-within *) {
4352
+ opacity: 100%;
4353
+ }
4354
+ }
4324
4355
  .group-focus-within\/input\:bg-foreground-accent {
4325
4356
  &:is(:where(.group\/input):focus-within *) {
4326
4357
  background-color: var(--foreground-accent);
@@ -5412,6 +5443,11 @@
5412
5443
  }
5413
5444
  }
5414
5445
  }
5446
+ .has-\[\[aria-expanded\=true\]\]\:opacity-100 {
5447
+ &:has(*:is([aria-expanded=true])) {
5448
+ opacity: 100%;
5449
+ }
5450
+ }
5415
5451
  .has-\[\[data-slot\=input-group-control\]\:disabled\]\:cursor-not-allowed {
5416
5452
  &:has(*:is([data-slot=input-group-control]:disabled)) {
5417
5453
  cursor: not-allowed;
@@ -5723,6 +5759,11 @@
5723
5759
  translate: var(--tw-translate-x) var(--tw-translate-y);
5724
5760
  }
5725
5761
  }
5762
+ .data-\[state\=checked\]\:bg-brand {
5763
+ &[data-state="checked"] {
5764
+ background-color: var(--brand);
5765
+ }
5766
+ }
5726
5767
  .data-\[state\=checked\]\:bg-primary {
5727
5768
  &[data-state="checked"] {
5728
5769
  background-color: var(--primary);
@@ -5812,6 +5853,11 @@
5812
5853
  background-color: var(--ap-wind-border);
5813
5854
  }
5814
5855
  }
5856
+ .data-\[state\=unchecked\]\:bg-foreground-subtle {
5857
+ &[data-state="unchecked"] {
5858
+ background-color: var(--foreground-subtle);
5859
+ }
5860
+ }
5815
5861
  .data-\[variant\=default\]\:border {
5816
5862
  &[data-variant="default"] {
5817
5863
  border-style: var(--tw-border-style);
@@ -6045,6 +6091,21 @@
6045
6091
  grid-template-columns: 2fr 3fr 3fr;
6046
6092
  }
6047
6093
  }
6094
+ .\@max-\[259px\]\:block {
6095
+ @container (width < 259px) {
6096
+ display: block;
6097
+ }
6098
+ }
6099
+ .\@max-\[259px\]\:hidden {
6100
+ @container (width < 259px) {
6101
+ display: none;
6102
+ }
6103
+ }
6104
+ .\@max-\[259px\]\:px-1\.5 {
6105
+ @container (width < 259px) {
6106
+ padding-inline: calc(var(--spacing) * 1.5);
6107
+ }
6108
+ }
6048
6109
  .rtl\:rotate-180 {
6049
6110
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
6050
6111
  rotate: 180deg;
@@ -6575,6 +6636,16 @@
6575
6636
  display: none;
6576
6637
  }
6577
6638
  }
6639
+ .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none {
6640
+ &::-webkit-search-cancel-button {
6641
+ appearance: none;
6642
+ }
6643
+ }
6644
+ .\[\&\:\:-webkit-search-decoration\]\:appearance-none {
6645
+ &::-webkit-search-decoration {
6646
+ appearance: none;
6647
+ }
6648
+ }
6578
6649
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
6579
6650
  &:has([role=checkbox]) {
6580
6651
  padding-right: calc(var(--spacing) * 0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-wind",
3
- "version": "2.31.0",
3
+ "version": "2.32.0",
4
4
  "description": "UiPath wind design system - A Tailwind CSS based React component library",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -124,7 +124,7 @@
124
124
  "tailwindcss": "^4.1.17",
125
125
  "vaul": "^1.1.2",
126
126
  "zod": "^4.3.5",
127
- "@uipath/apollo-core": "5.11.1"
127
+ "@uipath/apollo-core": "5.12.0"
128
128
  },
129
129
  "devDependencies": {
130
130
  "@codemirror/lang-javascript": "^6.2.5",