@uipath/apollo-wind 2.75.0 → 2.75.1

package/dist/components/forms/metadata-form.cjs

@@ -507,6 +507,7 @@ function TabbedStepForm({ schema, context, customComponents, disabled, sectionVa
                         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(panel_tabs_cjs_namespaceObject.PanelTabsContent, {
                             value: step.id,
                             padded: !selfPadded,
+                            tabIndex: disabled ? 0 : void 0,
                             innerClassName: showEmptyState ? 'text-sm text-muted-foreground' : 'space-y-2',
                             children: showEmptyState ? step.emptyState : selfPadded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                                 className: "pb-6 [padding-inline:var(--mf-content-inset,0px)]",

package/dist/components/forms/metadata-form.js

@@ -468,6 +468,7 @@ function TabbedStepForm({ schema, context, customComponents, disabled, sectionVa
                         return /*#__PURE__*/ jsx(PanelTabsContent, {
                             value: step.id,
                             padded: !selfPadded,
+                            tabIndex: disabled ? 0 : void 0,
                             innerClassName: showEmptyState ? 'text-sm text-muted-foreground' : 'space-y-2',
                             children: showEmptyState ? step.emptyState : selfPadded ? /*#__PURE__*/ jsx("div", {
                                 className: "pb-6 [padding-inline:var(--mf-content-inset,0px)]",

package/dist/components/ui/index.cjs

@@ -39,7 +39,7 @@ var __webpack_modules__ = {
     "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
@@ -69,7 +69,7 @@ var __webpack_modules__ = {
     "@/components/ui/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__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "./dialog" (module) {
+    "@/components/ui/dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./disclosure-tree" (module) {
@@ -117,7 +117,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");
     },
     "./info-tooltip" (module) {
@@ -132,7 +132,7 @@ var __webpack_modules__ = {
     "./json-tree-view" (module) {
         module.exports = require("./json-tree-view/index.cjs");
     },
-    "@/components/ui/label" (module) {
+    "./label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -264,7 +264,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "./toggle" (module) {
+    "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tool-call" (module) {
@@ -462,7 +462,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_13 = __webpack_require__("./card");
+    var _card__rspack_import_13 = __webpack_require__("@/components/ui/card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_13)if ([
         "getReferenceChipColors",
@@ -562,7 +562,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_23 = __webpack_require__("./context-menu");
+    var _context_menu__rspack_import_23 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_23)if ([
         "getReferenceChipColors",
@@ -602,7 +602,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_27 = __webpack_require__("./dialog");
+    var _dialog__rspack_import_27 = __webpack_require__("@/components/ui/dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_27)if ([
         "getReferenceChipColors",
@@ -722,7 +722,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_form_field__rspack_import_38[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_39 = __webpack_require__("./hover-card");
+    var _hover_card__rspack_import_39 = __webpack_require__("@/components/ui/hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_39)if ([
         "getReferenceChipColors",
@@ -772,7 +772,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_json_tree_view__rspack_import_43[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_44 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_44 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_44)if ([
         "getReferenceChipColors",
@@ -1184,7 +1184,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_thinking_indicator__rspack_import_86[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_87 = __webpack_require__("./toggle");
+    var _toggle__rspack_import_87 = __webpack_require__("@/components/ui/toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_87)if ([
         "getReferenceChipColors",

package/dist/components/ui/json-tree-view/RowActions.cjs

@@ -34,7 +34,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_strings_cjs_namespaceObject = require("./strings.cjs");
 const external_JsonTreeTooltip_cjs_namespaceObject = require("./JsonTreeTooltip.cjs");
-const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 focus-visible:opacity-100';
+const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100';
 const ACTION_TONE_CLASS = {
     neutral: '',
     info: 'text-info hover:text-info',

package/dist/components/ui/json-tree-view/RowActions.js

@@ -6,7 +6,7 @@ import { MoreHorizontal } from "lucide-react";
 import { useState } from "react";
 import { useJsonTreeViewStrings } from "./strings.js";
 import { JsonTreeTooltip } from "./JsonTreeTooltip.js";
-const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 focus-visible:opacity-100';
+const ACTION_BUTTON_CLASS = 'shrink-0 rounded text-foreground-subtle opacity-0 hover:text-foreground hover:bg-surface-raised group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100';
 const ACTION_TONE_CLASS = {
     neutral: '',
     info: 'text-info hover:text-info',

package/dist/components/ui/panel-tabs.cjs

@@ -75,6 +75,7 @@ const PanelTabsContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef
         ref: ref,
         "data-slot": "panel-tabs-content",
         className: (0, index_cjs_namespaceObject.cn)('mt-0 min-h-0 flex-1 overflow-auto', className),
+        tabIndex: void 0,
         ...props,
         children: padded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             className: (0, index_cjs_namespaceObject.cn)('pt-1.5 pb-6 [padding-inline:var(--mf-content-inset,0px)]', innerClassName),

package/dist/components/ui/panel-tabs.d.ts

@@ -28,7 +28,11 @@ interface PanelTabsContentProps extends React.ComponentPropsWithoutRef<typeof Ta
     /** Classes for the padded wrapper (e.g. its own vertical rhythm). */
     innerClassName?: string;
 }
-/** The active tab's content. It is the scroll container, so the tab row stays pinned. */
+/**
+ * The active tab's content. It is the scroll container, so the tab row stays pinned.
+ * It has no tabIndex, so the browser makes it a tab stop only when it scrolls with
+ * nothing focusable inside. Radix's default 0 would stop on every panel.
+ */
 declare const PanelTabsContent: React.ForwardRefExoticComponent<PanelTabsContentProps & React.RefAttributes<HTMLDivElement>>;
 export { PanelTabs, PanelTabsContent, PanelTabsList, PanelTabsStrip, PanelTabsTrigger };
 export type { PanelTabsContentProps, PanelTabsListProps };

package/dist/components/ui/panel-tabs.js

@@ -43,6 +43,7 @@ const PanelTabsContent = /*#__PURE__*/ forwardRef(({ padded = true, innerClassNa
         ref: ref,
         "data-slot": "panel-tabs-content",
         className: cn('mt-0 min-h-0 flex-1 overflow-auto', className),
+        tabIndex: void 0,
         ...props,
         children: padded ? /*#__PURE__*/ jsx("div", {
             className: cn('pt-1.5 pb-6 [padding-inline:var(--mf-content-inset,0px)]', innerClassName),

package/dist/styles.css

@@ -708,9 +708,6 @@
   .right-5 {
     right: calc(var(--spacing) * 5);
   }
-  .right-6 {
-    right: calc(var(--spacing) * 6);
-  }
   .-bottom-1 {
     bottom: calc(var(--spacing) * -1);
   }
@@ -720,9 +717,6 @@
   .bottom-3 {
     bottom: calc(var(--spacing) * 3);
   }
-  .bottom-6 {
-    bottom: calc(var(--spacing) * 6);
-  }
   .bottom-auto {
     bottom: auto;
   }
@@ -5019,12 +5013,6 @@
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
-  .text-muted-foreground\/50 {
-    color: var(--muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
-    }
-  }
   .text-orange-500 {
     color: var(--color-orange-500);
   }
@@ -5525,6 +5513,11 @@
       display: block;
     }
   }
+  .group-focus-within\:opacity-100 {
+    &:is(:where(.group):focus-within *) {
+      opacity: 100%;
+    }
+  }
   .group-focus-within\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):focus-within *) {
       opacity: 100%;

package/package.json

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