@uipath/apollo-wind 2.53.0 → 2.53.1

package/dist/components/ui/index.cjs

@@ -24,19 +24,19 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "./button" (module) {
+    "@/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");
     },
-    "./checkbox" (module) {
+    "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "./collapsible" (module) {
@@ -45,10 +45,10 @@ var __webpack_modules__ = {
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "@/components/ui/command" (module) {
+    "./command" (module) {
         module.exports = require("./command.cjs");
     },
-    "./context-menu" (module) {
+    "@/components/ui/context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -81,7 +81,7 @@ var __webpack_modules__ = {
     "./form-field" (module) {
         module.exports = require("./form-field.cjs");
     },
-    "./hover-card" (module) {
+    "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
     "@/components/ui/info-tooltip" (module) {
@@ -90,7 +90,7 @@ var __webpack_modules__ = {
     "./input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "./input" (module) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
     "@/components/ui/label" (module) {
@@ -177,7 +177,7 @@ var __webpack_modules__ = {
     "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
-    "@/components/ui/tooltip" (module) {
+    "./tooltip" (module) {
         module.exports = require("./tooltip.cjs");
     },
     "./tree-view" (module) {
@@ -282,7 +282,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_breadcrumb__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_7 = __webpack_require__("./button");
+    var _button__rspack_import_7 = __webpack_require__("@/components/ui/button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_7)if ([
         "TreeView",
@@ -296,14 +296,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",
@@ -317,7 +317,7 @@ 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__("./checkbox");
+    var _checkbox__rspack_import_12 = __webpack_require__("@/components/ui/checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_12)if ([
         "TreeView",
@@ -338,14 +338,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_15 = __webpack_require__("@/components/ui/command");
+    var _command__rspack_import_15 = __webpack_require__("./command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_15)if ([
         "TreeView",
         "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__("./context-menu");
+    var _context_menu__rspack_import_16 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_16)if ([
         "TreeView",
@@ -422,7 +422,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_form_field__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_27 = __webpack_require__("./hover-card");
+    var _hover_card__rspack_import_27 = __webpack_require__("@/components/ui/hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_27)if ([
         "TreeView",
@@ -436,7 +436,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_info_tooltip__rspack_import_28[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_29 = __webpack_require__("./input");
+    var _input__rspack_import_29 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_29)if ([
         "TreeView",
@@ -646,7 +646,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle_group__rspack_import_58[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tooltip__rspack_import_59 = __webpack_require__("@/components/ui/tooltip");
+    var _tooltip__rspack_import_59 = __webpack_require__("./tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _tooltip__rspack_import_59)if ([
         "TreeView",

package/dist/components/ui/tooltip.cjs

@@ -59,7 +59,7 @@ const TooltipContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
         ref: ref,
         "data-slot": "tooltip-content",
         sideOffset: sideOffset,
-        className: (0, index_cjs_namespaceObject.cn)('z-50 overflow-hidden rounded-md border border-border-inverse bg-surface-inverse px-3 py-1.5 text-sm text-foreground-inverse shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className),
+        className: (0, index_cjs_namespaceObject.cn)('z-50 overflow-hidden rounded-md border border-border bg-accent px-3 py-1.5 text-xs text-accent-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className),
         ...props
     }));
 TooltipContent.displayName = react_tooltip_namespaceObject.Content.displayName;

package/dist/components/ui/tooltip.js

@@ -27,7 +27,7 @@ const TooltipContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ..
         ref: ref,
         "data-slot": "tooltip-content",
         sideOffset: sideOffset,
-        className: cn('z-50 overflow-hidden rounded-md border border-border-inverse bg-surface-inverse px-3 py-1.5 text-sm text-foreground-inverse shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className),
+        className: cn('z-50 overflow-hidden rounded-md border border-border bg-accent px-3 py-1.5 text-xs text-accent-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', className),
         ...props
     }));
 TooltipContent.displayName = Content.displayName;

package/dist/styles.css

@@ -1707,6 +1707,9 @@
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .\!animate-none {
+    animation: none !important;
+  }
   .animate-none {
     animation: none;
   }
@@ -1993,6 +1996,9 @@
       margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
   .gap-x-6 {
     column-gap: calc(var(--spacing) * 6);
   }
@@ -2029,6 +2035,9 @@
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
+  .gap-y-14 {
+    row-gap: calc(var(--spacing) * 14);
+  }
   .self-end {
     align-self: flex-end;
   }
@@ -2236,6 +2245,12 @@
   .border-\(--color-border\) {
     border-color: var(--color-border);
   }
+  .border-accent-foreground\/20 {
+    border-color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--accent-foreground) 20%, transparent);
+    }
+  }
   .border-border {
     border-color: var(--ap-wind-border);
   }
@@ -2314,12 +2329,6 @@
       border-color: color-mix(in oklab, var(--error) 50%, transparent);
     }
   }
-  .border-foreground-inverse\/20 {
-    border-color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--foreground-inverse) 20%, transparent);
-    }
-  }
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
@@ -2494,6 +2503,18 @@
   .bg-accent {
     background-color: var(--accent);
   }
+  .bg-accent-foreground\/10 {
+    background-color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent-foreground) 10%, transparent);
+    }
+  }
+  .bg-accent-foreground\/15 {
+    background-color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent-foreground) 15%, transparent);
+    }
+  }
   .bg-accent\/50 {
     background-color: var(--accent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2743,18 +2764,6 @@
   .bg-foreground-accent {
     background-color: var(--foreground-accent);
   }
-  .bg-foreground-inverse\/10 {
-    background-color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--foreground-inverse) 10%, transparent);
-    }
-  }
-  .bg-foreground-inverse\/15 {
-    background-color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--foreground-inverse) 15%, transparent);
-    }
-  }
   .bg-fuchsia-50 {
     background-color: var(--color-fuchsia-50);
   }
@@ -4000,6 +4009,12 @@
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
+  .text-accent-foreground\/70 {
+    color: var(--accent-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--accent-foreground) 70%, transparent);
+    }
+  }
   .text-amber-500 {
     color: var(--color-amber-500);
   }
@@ -4063,12 +4078,6 @@
   .text-foreground-inverse {
     color: var(--foreground-inverse);
   }
-  .text-foreground-inverse\/70 {
-    color: var(--foreground-inverse);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--foreground-inverse) 70%, transparent);
-    }
-  }
   .text-foreground-link {
     color: var(--foreground-link);
   }
@@ -6153,6 +6162,11 @@
       border-left-width: 1px;
     }
   }
+  .sm\:p-6 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 6);
+    }
+  }
   .sm\:px-8 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 8);

package/package.json

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