@uipath/apollo-wind 2.56.0 → 2.57.1

package/dist/styles.css

@@ -839,6 +839,9 @@
   .mt-24 {
     margin-top: calc(var(--spacing) * 24);
   }
+  .mt-\[5px\] {
+    margin-top: 5px;
+  }
   .mt-auto {
     margin-top: auto;
   }
@@ -1057,6 +1060,9 @@
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
+  .h-6\.5 {
+    height: calc(var(--spacing) * 6.5);
+  }
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
@@ -1153,6 +1159,9 @@
   .h-\[400px\] {
     height: 400px;
   }
+  .h-\[420px\] {
+    height: 420px;
+  }
   .h-\[500px\] {
     height: 500px;
   }
@@ -1186,6 +1195,12 @@
   .h-screen {
     height: 100vh;
   }
+  .max-h-6\.5 {
+    max-height: calc(var(--spacing) * 6.5);
+  }
+  .max-h-9 {
+    max-height: calc(var(--spacing) * 9);
+  }
   .max-h-16 {
     max-height: calc(var(--spacing) * 16);
   }
@@ -1222,6 +1237,12 @@
   .min-h-5 {
     min-height: calc(var(--spacing) * 5);
   }
+  .min-h-6 {
+    min-height: calc(var(--spacing) * 6);
+  }
+  .min-h-6\.5 {
+    min-height: calc(var(--spacing) * 6.5);
+  }
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
@@ -1273,6 +1294,9 @@
   .min-h-screen {
     min-height: 100vh;
   }
+  .w-\(--radix-popover-trigger-width\) {
+    width: var(--radix-popover-trigger-width);
+  }
   .w-0 {
     width: calc(var(--spacing) * 0);
   }
@@ -1393,6 +1417,9 @@
   .w-\[--radix-popover-trigger-width\] {
     width: --radix-popover-trigger-width;
   }
+  .w-\[--x\] {
+    width: --x;
+  }
   .w-\[1px\] {
     width: 1px;
   }
@@ -1411,9 +1438,15 @@
   .w-\[42px\] {
     width: 42px;
   }
+  .w-\[48rem\] {
+    width: 48rem;
+  }
   .w-\[50px\] {
     width: 50px;
   }
+  .w-\[56rem\] {
+    width: 56rem;
+  }
   .w-\[60px\] {
     width: 60px;
   }
@@ -1633,6 +1666,9 @@
   .min-w-11 {
     min-width: calc(var(--spacing) * 11);
   }
+  .min-w-16 {
+    min-width: calc(var(--spacing) * 16);
+  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1824,6 +1860,12 @@
   .grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
+  .grid-cols-\[6rem_repeat\(3\,minmax\(0\,1fr\)\)\] {
+    grid-template-columns: 6rem repeat(3,minmax(0,1fr));
+  }
+  .grid-cols-\[8rem_repeat\(3\,minmax\(0\,1fr\)\)\] {
+    grid-template-columns: 8rem repeat(3,minmax(0,1fr));
+  }
   .grid-cols-\[minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(0,1fr);
   }
@@ -2068,12 +2110,21 @@
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
+  .gap-y-4 {
+    row-gap: calc(var(--spacing) * 4);
+  }
+  .gap-y-5 {
+    row-gap: calc(var(--spacing) * 5);
+  }
   .gap-y-14 {
     row-gap: calc(var(--spacing) * 14);
   }
   .self-end {
     align-self: flex-end;
   }
+  .self-start {
+    align-self: flex-start;
+  }
   .self-stretch {
     align-self: stretch;
   }
@@ -3789,6 +3840,9 @@
   .pt-px {
     padding-top: 1px;
   }
+  .pr-0 {
+    padding-right: calc(var(--spacing) * 0);
+  }
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -4568,6 +4622,9 @@
   .\[--cell-size\:2\.75rem\] {
     --cell-size: 2.75rem;
   }
+  .\[--editor-py\:7px\] {
+    --editor-py: 7px;
+  }
   .\[-ms-overflow-style\:none\] {
     -ms-overflow-style: none;
   }
@@ -4899,6 +4956,17 @@
       cursor: default;
     }
   }
+  .empty\:hidden {
+    &:empty {
+      display: none;
+    }
+  }
+  .empty\:border-t-0 {
+    &:empty {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0px;
+    }
+  }
   .focus-within\:border-border-hover {
     &:focus-within {
       border-color: var(--border-hover);
@@ -5675,6 +5743,27 @@
       }
     }
   }
+  .has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-2 {
+    &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-error {
+    &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+      --tw-ring-color: var(--error);
+    }
+  }
+  .has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-ring {
+    &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+      --tw-ring-color: var(--ring);
+    }
+  }
+  .has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-inset {
+    &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+      --tw-ring-inset: inset;
+    }
+  }
   .has-\[\[data-slot\=input-group-control\]\:disabled\]\:cursor-not-allowed {
     &:has(*:is([data-slot=input-group-control]:disabled)) {
       cursor: not-allowed;
@@ -5691,11 +5780,21 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-error {
+    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+      --tw-ring-color: var(--error);
+    }
+  }
   .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring {
     &:has(*:is([data-slot=input-group-control]:focus-visible)) {
       --tw-ring-color: var(--ring);
     }
   }
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-inset {
+    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+      --tw-ring-inset: inset;
+    }
+  }
   .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-error {
     &:has(*:is([data-slot][aria-invalid=true])) {
       border-color: var(--error);
@@ -5709,6 +5808,36 @@
       }
     }
   }
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-error {
+    &:has(*:is([data-slot][aria-invalid=true])) {
+      &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+        --tw-ring-color: var(--error);
+      }
+    }
+  }
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-error {
+    &:has(*:is([data-slot][aria-invalid=true])) {
+      &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+        --tw-ring-color: var(--error);
+      }
+    }
+  }
+  .has-\[button\[data-slot\=input-group-control\]\:not\(\:disabled\)\:hover\]\:bg-accent {
+    &:has(*:is(button[data-slot=input-group-control]:not(:disabled):hover)) {
+      background-color: var(--accent);
+    }
+  }
+  .has-\[\>\[data-slot\=input-group-addon\]\[data-align\=inline-end\]\]\:pr-2 {
+    &:has(>[data-slot=input-group-addon][data-align=inline-end]) {
+      padding-right: calc(var(--spacing) * 2);
+    }
+  }
+  .has-\[\>\[hidden\]\]\:border-t-0 {
+    &:has(>[hidden]) {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0px;
+    }
+  }
   .has-\[\>textarea\]\:h-auto {
     &:has(>textarea) {
       height: auto;
@@ -6168,14 +6297,14 @@
       }
     }
   }
-  .sm\:mt-0 {
+  .sm\:max-w-2xl {
     @media (width >= 40rem) {
-      margin-top: calc(var(--spacing) * 0);
+      max-width: var(--container-2xl);
     }
   }
-  .sm\:max-w-2xl {
+  .sm\:max-w-3xl {
     @media (width >= 40rem) {
-      max-width: var(--container-2xl);
+      max-width: var(--container-3xl);
     }
   }
   .sm\:max-w-lg {
@@ -6232,11 +6361,6 @@
       }
     }
   }
-  .sm\:rounded-lg {
-    @media (width >= 40rem) {
-      border-radius: var(--radius-lg);
-    }
-  }
   .sm\:border-t-0 {
     @media (width >= 40rem) {
       border-top-style: var(--tw-border-style);
@@ -6386,16 +6510,46 @@
       height: calc(var(--spacing) * 3.5);
     }
   }
+  .future\:h-6 {
+    :is(.future-dark, .future-light) & {
+      height: calc(var(--spacing) * 6);
+    }
+  }
   .future\:h-10 {
     :is(.future-dark, .future-light) & {
       height: calc(var(--spacing) * 10);
     }
   }
+  .future\:h-auto {
+    :is(.future-dark, .future-light) & {
+      height: auto;
+    }
+  }
   .future\:h-full {
     :is(.future-dark, .future-light) & {
       height: 100%;
     }
   }
+  .future\:max-h-6 {
+    :is(.future-dark, .future-light) & {
+      max-height: calc(var(--spacing) * 6);
+    }
+  }
+  .future\:max-h-10 {
+    :is(.future-dark, .future-light) & {
+      max-height: calc(var(--spacing) * 10);
+    }
+  }
+  .future\:min-h-6 {
+    :is(.future-dark, .future-light) & {
+      min-height: calc(var(--spacing) * 6);
+    }
+  }
+  .future\:min-h-10 {
+    :is(.future-dark, .future-light) & {
+      min-height: calc(var(--spacing) * 10);
+    }
+  }
   .future\:w-3\.5 {
     :is(.future-dark, .future-light) & {
       width: calc(var(--spacing) * 3.5);
@@ -6438,6 +6592,12 @@
       border-bottom-left-radius: var(--radius-xl);
     }
   }
+  .future\:border {
+    :is(.future-dark, .future-light) & {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
   .future\:border-0 {
     :is(.future-dark, .future-light) & {
       border-style: var(--tw-border-style);
@@ -6454,6 +6614,16 @@
       border-color: var(--border-subtle);
     }
   }
+  .future\:border-error {
+    :is(.future-dark, .future-light) & {
+      border-color: var(--error);
+    }
+  }
+  .future\:border-input {
+    :is(.future-dark, .future-light) & {
+      border-color: var(--input);
+    }
+  }
   .future\:border-transparent {
     :is(.future-dark, .future-light) & {
       border-color: transparent;
@@ -6484,11 +6654,6 @@
       padding: calc(var(--spacing) * 0);
     }
   }
-  .future\:px-0 {
-    :is(.future-dark, .future-light) & {
-      padding-inline: calc(var(--spacing) * 0);
-    }
-  }
   .future\:px-4 {
     :is(.future-dark, .future-light) & {
       padding-inline: calc(var(--spacing) * 4);
@@ -6504,6 +6669,21 @@
       padding-block: calc(var(--spacing) * 2);
     }
   }
+  .future\:py-px {
+    :is(.future-dark, .future-light) & {
+      padding-block: 1px;
+    }
+  }
+  .future\:pr-0 {
+    :is(.future-dark, .future-light) & {
+      padding-right: calc(var(--spacing) * 0);
+    }
+  }
+  .future\:pl-0 {
+    :is(.future-dark, .future-light) & {
+      padding-left: calc(var(--spacing) * 0);
+    }
+  }
   .future\:text-sm {
     :is(.future-dark, .future-light) & {
       font-size: var(--text-sm);
@@ -6541,6 +6721,14 @@
       color: var(--muted-foreground);
     }
   }
+  .future\:text-muted-foreground\/60 {
+    :is(.future-dark, .future-light) & {
+      color: var(--muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
+      }
+    }
+  }
   .future\:shadow-none {
     :is(.future-dark, .future-light) & {
       --tw-shadow: 0 0 #0000;
@@ -6561,6 +6749,11 @@
       }
     }
   }
+  .future\:\[--editor-py\:10px\] {
+    :is(.future-dark, .future-light) & {
+      --editor-py: 10px;
+    }
+  }
   .future\:group-aria-invalid\/radio-group\:border-error {
     :is(.future-dark, .future-light) & {
       &:is(:where(.group\/radio-group)[aria-invalid="true"] *) {
@@ -6685,6 +6878,21 @@
       }
     }
   }
+  .future\:has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-offset-2 {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+        --tw-ring-offset-width: 2px;
+        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+      }
+    }
+  }
+  .future\:has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-offset-background {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+        --tw-ring-offset-color: var(--background);
+      }
+    }
+  }
   .future\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-2 {
     :is(.future-dark, .future-light) & {
       &:has(*:is([data-slot=input-group-control]:focus-visible)) {
@@ -6700,6 +6908,13 @@
       }
     }
   }
+  .future\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-error {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is([data-slot][aria-invalid=true])) {
+        border-color: var(--error);
+      }
+    }
+  }
   .future\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-1 {
     :is(.future-dark, .future-light) & {
       &:has(*:is([data-slot][aria-invalid=true])) {
@@ -6718,6 +6933,20 @@
       }
     }
   }
+  .future\:has-\[button\[data-slot\=input-group-control\]\:not\(\:disabled\)\:hover\]\:bg-surface-hover {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is(button[data-slot=input-group-control]:not(:disabled):hover)) {
+        background-color: var(--surface-hover);
+      }
+    }
+  }
+  .future\:has-\[\>\[data-slot\=input-group-addon\]\[data-align\=inline-end\]\]\:pr-2 {
+    :is(.future-dark, .future-light) & {
+      &:has(>[data-slot=input-group-addon][data-align=inline-end]) {
+        padding-right: calc(var(--spacing) * 2);
+      }
+    }
+  }
   .future\:aria-invalid\:border-error {
     :is(.future-dark, .future-light) & {
       &[aria-invalid="true"] {
@@ -6997,6 +7226,12 @@
       height: calc(var(--spacing) * 3);
     }
   }
+  .\[\&_svg\]\:size-3\.5 {
+    & svg {
+      width: calc(var(--spacing) * 3.5);
+      height: calc(var(--spacing) * 3.5);
+    }
+  }
   .\[\&_svg\]\:size-4 {
     & svg {
       width: calc(var(--spacing) * 4);

package/package.json

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

package/dist/components/ui/lockable-value-field/components/mode-menu-item.cjs

@@ -1,63 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    ModeMenuItem: ()=>ModeMenuItem
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_dropdown_menu_cjs_namespaceObject = require("../../dropdown-menu.cjs");
-const index_cjs_namespaceObject = require("../../../../lib/index.cjs");
-function ModeMenuItem({ icon: Icon, label, description, active, onClick }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
-        className: "flex-col items-start gap-0.5 py-2",
-        onClick: onClick,
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex items-center gap-2",
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
-                        size: 13,
-                        className: active ? 'text-brand' : 'text-foreground-muted'
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        className: (0, index_cjs_namespaceObject.cn)('text-xs font-medium', active ? 'text-brand' : 'text-foreground'),
-                        children: label
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "pl-6 text-[11px] leading-4 text-foreground-subtle",
-                children: description
-            })
-        ]
-    });
-}
-exports.ModeMenuItem = __webpack_exports__.ModeMenuItem;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "ModeMenuItem"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

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

@@ -1,9 +0,0 @@
-import type { LucideIcon } from 'lucide-react';
-/** One entry in the Fixed/Expression value-type dropdown. */
-export declare function ModeMenuItem({ icon: Icon, label, description, active, onClick, }: {
-    icon: LucideIcon;
-    label: string;
-    description: string;
-    active: boolean;
-    onClick: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/lockable-value-field/components/mode-menu-item.js

@@ -1,29 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { DropdownMenuItem } from "../../dropdown-menu.js";
-import { cn } from "../../../../lib/index.js";
-function ModeMenuItem({ icon: Icon, label, description, active, onClick }) {
-    return /*#__PURE__*/ jsxs(DropdownMenuItem, {
-        className: "flex-col items-start gap-0.5 py-2",
-        onClick: onClick,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "flex items-center gap-2",
-                children: [
-                    /*#__PURE__*/ jsx(Icon, {
-                        size: 13,
-                        className: active ? 'text-brand' : 'text-foreground-muted'
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: cn('text-xs font-medium', active ? 'text-brand' : 'text-foreground'),
-                        children: label
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: "pl-6 text-[11px] leading-4 text-foreground-subtle",
-                children: description
-            })
-        ]
-    });
-}
-export { ModeMenuItem };