@vectramindnpm/unified-design-system 0.2.0 → 0.2.1

package/dist/index.d.cts

@@ -363,7 +363,9 @@ declare function getIconColorProps(colorName: IconColor, hoverColorName?: IconCo
 };
 
 interface IconProps$1 extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "color">, VariantProps<typeof iconVariants> {
-    name: string;
+    /** The icon-font class rendered as the button's content. Only required when `children`
+     * isn't passed - if `children` is given, it's rendered instead and `name` goes unused. */
+    name?: string;
     color?: IconColor;
     hoverColor?: IconColor;
     bgColor?: string;

package/dist/index.d.ts

@@ -363,7 +363,9 @@ declare function getIconColorProps(colorName: IconColor, hoverColorName?: IconCo
 };
 
 interface IconProps$1 extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "color">, VariantProps<typeof iconVariants> {
-    name: string;
+    /** The icon-font class rendered as the button's content. Only required when `children`
+     * isn't passed - if `children` is given, it's rendered instead and `name` goes unused. */
+    name?: string;
     color?: IconColor;
     hoverColor?: IconColor;
     bgColor?: string;

package/dist/index.js

@@ -2213,8 +2213,17 @@ var ScrollToFieldError = () => {
       const errorKeys = Object.keys(errors);
       if (errorKeys.length === 0) return;
       const firstErrorKey = errorKeys[0];
-      const el = document.querySelector(`[name="${firstErrorKey}"]`) || document.getElementById(firstErrorKey);
-      if (!el) return;
+      const rawEl = document.querySelector(`[name="${firstErrorKey}"]`) || document.getElementById(firstErrorKey);
+      if (!rawEl) return;
+      const isRenderedEl = (node) => node.offsetParent !== null || node === document.body;
+      let el = rawEl;
+      if (!isRenderedEl(rawEl)) {
+        let ancestor = rawEl.parentElement;
+        while (ancestor && !isRenderedEl(ancestor)) {
+          ancestor = ancestor.parentElement;
+        }
+        if (ancestor) el = ancestor;
+      }
       const scrollable = el.closest(".edit-panel__body") || el.closest(".dept-modal__panel-backdrop") || el.closest(".dept-modal__backdrop") || el.closest("[class*='overflow-y-auto']");
       if (scrollable && scrollable.id !== "scroll") {
         const elRect = el.getBoundingClientRect();