@uipath/apollo-wind 2.52.1 → 2.52.2

package/dist/components/ui/index.cjs

@@ -30,7 +30,7 @@ var __webpack_modules__ = {
     "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "./card" (module) {
+    "@/components/ui/card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
@@ -66,7 +66,7 @@ var __webpack_modules__ = {
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "./dropdown-menu" (module) {
+    "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
     "@/components/ui/editable-cell" (module) {
@@ -81,10 +81,10 @@ var __webpack_modules__ = {
     "./form-field" (module) {
         module.exports = require("./form-field.cjs");
     },
-    "@/components/ui/hover-card" (module) {
+    "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./info-tooltip" (module) {
+    "@/components/ui/info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
     "@/components/ui/input-group" (module) {
@@ -93,7 +93,7 @@ var __webpack_modules__ = {
     "./input" (module) {
         module.exports = require("./input.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -168,13 +168,13 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "@/components/ui/textarea" (module) {
+    "./textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "./toggle" (module) {
+    "@/components/ui/toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "@/components/ui/tooltip" (module) {
@@ -303,7 +303,7 @@ var __webpack_exports__ = {};
         "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__("./card");
+    var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_10)if ([
         "TreeView",
@@ -387,7 +387,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_21[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_22 = __webpack_require__("./dropdown-menu");
+    var _dropdown_menu__rspack_import_22 = __webpack_require__("@/components/ui/dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_22)if ([
         "TreeView",
@@ -422,14 +422,14 @@ 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__("@/components/ui/hover-card");
+    var _hover_card__rspack_import_27 = __webpack_require__("./hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_27)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_27[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_28 = __webpack_require__("./info-tooltip");
+    var _info_tooltip__rspack_import_28 = __webpack_require__("@/components/ui/info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_28)if ([
         "TreeView",
@@ -450,7 +450,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_30[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_31 = __webpack_require__("./label");
+    var _label__rspack_import_31 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_31)if ([
         "TreeView",
@@ -625,14 +625,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_55[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_56 = __webpack_require__("@/components/ui/textarea");
+    var _textarea__rspack_import_56 = __webpack_require__("./textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_56)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_56[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_57 = __webpack_require__("./toggle");
+    var _toggle__rspack_import_57 = __webpack_require__("@/components/ui/toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_57)if ([
         "TreeView",

package/dist/components/ui/tabs.cjs

@@ -173,7 +173,7 @@ ScrollableTabsList.displayName = 'ScrollableTabsList';
 const TabsTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Trigger, {
         ref: ref,
         "data-slot": "tabs-trigger",
-        className: (0, index_cjs_namespaceObject.cn)('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
+        className: (0, index_cjs_namespaceObject.cn)('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-(--tabs-active-shadow)', className),
         ...props
     }));
 TabsTrigger.displayName = react_tabs_namespaceObject.Trigger.displayName;

package/dist/components/ui/tabs.js

@@ -141,7 +141,7 @@ ScrollableTabsList.displayName = 'ScrollableTabsList';
 const TabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Trigger, {
         ref: ref,
         "data-slot": "tabs-trigger",
-        className: cn('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
+        className: cn('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-(--tabs-active-shadow)', className),
         ...props
     }));
 TabsTrigger.displayName = Trigger.displayName;

package/dist/styles.css

@@ -5873,6 +5873,12 @@
       color: var(--foreground);
     }
   }
+  .data-\[state\=active\]\:shadow-\(--tabs-active-shadow\) {
+    &[data-state="active"] {
+      --tw-shadow: var(--tabs-active-shadow);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .data-\[state\=active\]\:shadow-none {
     &[data-state="active"] {
       --tw-shadow: 0 0 #0000;
@@ -10032,6 +10038,7 @@ html[dir='rtl'], [data-sonner-toaster][dir='rtl'] {
 }
 :root {
   --radius: 0.75rem;
+  --tabs-active-shadow: 0 0 #0000;
 }
 body.light, .light:not(.react-flow), body.light-hc, .light-hc, body.dark, .dark:not(.react-flow), body.dark-hc, .dark-hc, body.future-dark, .future-dark, body.future-light, .future-light {
   --surface: var(--color-background);
@@ -10112,10 +10119,12 @@ body.light, .light:not(.react-flow), body.light-hc, .light-hc, body.dark, .dark:
   --destructive-foreground: var(--foreground-on-accent);
   --border-de-emp: var(--border-subtle);
   --input: var(--border-subtle);
+  --tabs-active-shadow: 0 0 0 1px var(--input);
 }
 body.light, .light:not(.react-flow), body.light-hc, .light-hc {
   --surface-muted: var(--color-background-gray);
   --warning: var(--color-warning-text);
+  --muted: var(--surface-overlay);
   color-scheme: light;
 }
 body.dark, .dark:not(.react-flow), body.dark-hc, .dark-hc {
@@ -10135,6 +10144,7 @@ body.future-dark, .future-dark, body.future-light, .future-light {
   --destructive: var(--color-red-500);
   --destructive-foreground: var(--color-zinc-50);
   --input: var(--ap-wind-border);
+  --tabs-active-shadow: 0 0 #0000;
   --font-sans: Inter, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC",
     "Noto Sans TC", system-ui, sans-serif;
   --font-normal: var(--font-sans);

package/dist/tailwind.css

@@ -19,6 +19,11 @@
 :root {
   --radius: 0.75rem;
   /* 12px — base border-radius for buttons and UI elements */
+
+  /* Active pill-tab edge. Themes override this below; the default is a no-op
+     shadow so the box-shadow stack (focus ring included) stays valid when no
+     theme class is present. */
+  --tabs-active-shadow: 0 0 #0000;
 }
 
 /* Variant active when the component is inside a Future Dark or Light theme */
@@ -154,6 +159,11 @@ body.future-light, .future-light {
   --destructive-foreground: var(--foreground-on-accent);
   --border-de-emp: var(--border-subtle);
   --input: var(--border-subtle);
+
+  /* Classic themes mark the active pill tab with a 1px hairline in the same
+     color as input and panel borders, drawn in the shadow slot so consumer
+     shadow overrides keep working. The Future family clears it below. */
+  --tabs-active-shadow: 0 0 0 1px var(--input);
 }
 
 /* ── Classic light family — mapping divergences + element-scoped color-scheme ── */
@@ -161,6 +171,10 @@ body.light, .light:not(.react-flow),
 body.light-hc, .light-hc {
   --surface-muted: var(--color-background-gray);
   --warning: var(--color-warning-text);
+  /* Classic light's raised surface is the same white as the page, so the
+     shared --muted mapping renders with no contrast (e.g. Tabs track).
+     Use the overlay surface instead, matching the Future family mapping. */
+  --muted: var(--surface-overlay);
   color-scheme: light;
 }
 
@@ -199,6 +213,8 @@ body.future-light, .future-light {
   --destructive: var(--color-red-500);
   --destructive-foreground: var(--color-zinc-50);
   --input: var(--ap-wind-border);
+  /* Future is flat: the active pill is distinguished by surface alone, no edge or shadow */
+  --tabs-active-shadow: 0 0 #0000;
 
   /* Typography: Inter, shipped by apollo-core. Neither Inter nor noto-sans
      covers CJK, so the four bundled Noto CJK families are chained explicitly

package/package.json

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