@uipath/apollo-wind 2.78.0 → 2.79.1

package/dist/lib/clipboard.js

@@ -9,6 +9,7 @@ async function copyTextToClipboard(text) {
     textarea.setAttribute('readonly', '');
     textarea.style.position = 'fixed';
     textarea.style.opacity = '0';
+    const previousFocus = document.activeElement;
     document.body.appendChild(textarea);
     const selection = document.getSelection();
     const previousRange = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : null;
@@ -20,6 +21,9 @@ async function copyTextToClipboard(text) {
         copied = false;
     }
     textarea.remove();
+    if (previousFocus instanceof HTMLElement) previousFocus.focus({
+        preventScroll: true
+    });
     if (previousRange && selection) {
         selection.removeAllRanges();
         selection.addRange(previousRange);

package/dist/lib/use-ancestor-density.cjs

@@ -27,11 +27,11 @@ __webpack_require__.d(__webpack_exports__, {
     useAncestorDensity: ()=>useAncestorDensity
 });
 const external_react_namespaceObject = require("react");
-const useIsomorphicLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+const external_use_isomorphic_layout_effect_cjs_namespaceObject = require("./use-isomorphic-layout-effect.cjs");
 function useAncestorDensity(node, enabled) {
     const [density, setDensity] = external_react_namespaceObject.useState(void 0);
     const watched = external_react_namespaceObject.useRef(null);
-    useIsomorphicLayoutEffect(()=>{
+    (0, external_use_isomorphic_layout_effect_cjs_namespaceObject.useIsomorphicLayoutEffect)(()=>{
         const ancestor = enabled && node.current?.parentElement?.closest('[data-density="compact"]') || null;
         setDensity(ancestor ? 'compact' : void 0);
         if (watched.current?.ancestor === ancestor) return;

package/dist/lib/use-ancestor-density.js

@@ -1,5 +1,5 @@
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
-const useIsomorphicLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+import { useEffect, useRef, useState } from "react";
+import { useIsomorphicLayoutEffect } from "./use-isomorphic-layout-effect.js";
 function useAncestorDensity(node, enabled) {
     const [density, setDensity] = useState(void 0);
     const watched = useRef(null);

package/dist/lib/use-isomorphic-layout-effect.cjs

@@ -0,0 +1,37 @@
+"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__, {
+    useIsomorphicLayoutEffect: ()=>useIsomorphicLayoutEffect
+});
+const external_react_namespaceObject = require("react");
+const useIsomorphicLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+exports.useIsomorphicLayoutEffect = __webpack_exports__.useIsomorphicLayoutEffect;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useIsomorphicLayoutEffect"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/use-isomorphic-layout-effect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+/** `useLayoutEffect` in the browser, `useEffect` on the server (avoids React's SSR warning). */
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/dist/lib/use-isomorphic-layout-effect.js

@@ -0,0 +1,3 @@
+import { useEffect, useLayoutEffect } from "react";
+const useIsomorphicLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+export { useIsomorphicLayoutEffect };

package/dist/styles.css

@@ -1271,6 +1271,9 @@
   .h-\[22px\] {
     height: 22px;
   }
+  .h-\[34px\] {
+    height: 34px;
+  }
   .h-\[42px\] {
     height: 42px;
   }
@@ -1772,6 +1775,9 @@
   .max-w-\(--skeleton-width\) {
     max-width: var(--skeleton-width);
   }
+  .max-w-1\/2 {
+    max-width: calc(1/2 * 100%);
+  }
   .max-w-2xl {
     max-width: var(--container-2xl);
   }
@@ -1808,9 +1814,6 @@
   .max-w-\[6rem\] {
     max-width: 6rem;
   }
-  .max-w-\[45\%\] {
-    max-width: 45%;
-  }
   .max-w-\[80\%\] {
     max-width: 80%;
   }
@@ -5514,16 +5517,6 @@
   .zoom-out-95 {
     --tw-exit-scale: calc(95 / 100);
   }
-  .group-focus-within\:block {
-    &:is(:where(.group):focus-within *) {
-      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%;
@@ -5534,6 +5527,16 @@
       opacity: 100%;
     }
   }
+  .group-focus-within\/row\:block {
+    &:is(:where(.group\/row):focus-within *) {
+      display: block;
+    }
+  }
+  .group-focus-within\/row\:opacity-100 {
+    &:is(:where(.group\/row):focus-within *) {
+      opacity: 100%;
+    }
+  }
   .group-hover\:block {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {

package/package.json

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