@uniformdev/design-system 19.181.1-alpha.4 → 19.181.2

package/dist/esm/index.js

@@ -18165,7 +18165,6 @@ import { useCallback as useCallback8, useEffect as useEffect13, useRef as useRef
 // src/components/LoadingOverlay/LoadingOverlay.styles.ts
 import { css as css78 } from "@emotion/react";
 var loadingOverlayContainer = css78`
-  position: absolute;
   inset: 0;
   overflow: hidden;
   justify-content: center;
@@ -18204,7 +18203,8 @@ var LoadingOverlay = ({
   overlayBackgroundColor = "var(--white)",
   isTopAligned = false,
   isPaused = false,
-  children
+  children,
+  position = "absolute"
 }) => {
   const lottieRef = useRef8(null);
   const onLoopComplete = useCallback8(() => {
@@ -18225,7 +18225,12 @@ var LoadingOverlay = ({
     "div",
     {
       role: "alert",
-      css: [loadingOverlayContainer, { zIndex }, isActive ? loadingOverlayVisible : loadingOverlayHidden],
+      css: [
+        loadingOverlayContainer,
+        { position },
+        { zIndex },
+        isActive ? loadingOverlayVisible : loadingOverlayHidden
+      ],
       "aria-hidden": !isActive,
       "aria-busy": isActive && !isPaused,
       children: [

package/dist/index.d.mts

@@ -22592,13 +22592,17 @@ interface LoadingOverlayProps {
      */
     isTopAligned?: boolean;
     children?: React__default.ReactNode;
+    /** (optional) sets the position of the overlay
+     * @default 'absolute'
+     */
+    position?: 'absolute' | 'fixed';
 }
 /**
  * Loading Overlay.
  * NOTE: the container/parent element must have a non-static `position` value for the overlay to work properly.
  * @example <LoadingOverlay isActive={true} statusMessage="Loading..." />
  */
-declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, }: LoadingOverlayProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, position, }: LoadingOverlayProps) => _emotion_react_jsx_runtime.JSX.Element;
 interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
     /** (optional) prop that sets a number value for the height of the icon */
     width?: number;
@@ -23896,6 +23900,7 @@ type HeadingProps = {
  */
 declare const Heading: ({ level, as, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/** @deprecated - Integration header section props are no longer supported or maintained */
 type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
     /** sets the title text of the integration */
     title: string;
@@ -23915,7 +23920,7 @@ type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement>
     menu?: React$1.ReactNode;
 };
 /**
- * Uniform Integration Header Section Component
+ * @deprecated Uniform Integration Header Section Component is no longer supported or maintained
  * @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
  */
 declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -22592,13 +22592,17 @@ interface LoadingOverlayProps {
      */
     isTopAligned?: boolean;
     children?: React__default.ReactNode;
+    /** (optional) sets the position of the overlay
+     * @default 'absolute'
+     */
+    position?: 'absolute' | 'fixed';
 }
 /**
  * Loading Overlay.
  * NOTE: the container/parent element must have a non-static `position` value for the overlay to work properly.
  * @example <LoadingOverlay isActive={true} statusMessage="Loading..." />
  */
-declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, }: LoadingOverlayProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, position, }: LoadingOverlayProps) => _emotion_react_jsx_runtime.JSX.Element;
 interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
     /** (optional) prop that sets a number value for the height of the icon */
     width?: number;
@@ -23896,6 +23900,7 @@ type HeadingProps = {
  */
 declare const Heading: ({ level, as, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/** @deprecated - Integration header section props are no longer supported or maintained */
 type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
     /** sets the title text of the integration */
     title: string;
@@ -23915,7 +23920,7 @@ type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement>
     menu?: React$1.ReactNode;
 };
 /**
- * Uniform Integration Header Section Component
+ * @deprecated Uniform Integration Header Section Component is no longer supported or maintained
  * @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
  */
 declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -20013,7 +20013,6 @@ var import_react113 = require("react");
 init_emotion_jsx_shim();
 var import_react112 = require("@emotion/react");
 var loadingOverlayContainer = import_react112.css`
-  position: absolute;
   inset: 0;
   overflow: hidden;
   justify-content: center;
@@ -20052,7 +20051,8 @@ var LoadingOverlay = ({
   overlayBackgroundColor = "var(--white)",
   isTopAligned = false,
   isPaused = false,
-  children
+  children,
+  position = "absolute"
 }) => {
   const lottieRef = (0, import_react113.useRef)(null);
   const onLoopComplete = (0, import_react113.useCallback)(() => {
@@ -20073,7 +20073,12 @@ var LoadingOverlay = ({
     "div",
     {
       role: "alert",
-      css: [loadingOverlayContainer, { zIndex }, isActive ? loadingOverlayVisible : loadingOverlayHidden],
+      css: [
+        loadingOverlayContainer,
+        { position },
+        { zIndex },
+        isActive ? loadingOverlayVisible : loadingOverlayHidden
+      ],
       "aria-hidden": !isActive,
       "aria-busy": isActive && !isPaused,
       children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.181.1-alpha.4+63886f3999",
+  "version": "19.181.2",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -24,8 +24,8 @@
     "@storybook/react": "8.0.10",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
-    "@uniformdev/canvas": "^19.181.1-alpha.4+63886f3999",
-    "@uniformdev/richtext": "^19.181.1-alpha.4+63886f3999",
+    "@uniformdev/canvas": "^19.181.2",
+    "@uniformdev/richtext": "^19.181.2",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.38",
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "63886f3999fa693ef6b012fdcaefc930e238fc4d"
+  "gitHead": "89ffb2d1ab09ac3cb09b3928194352e358ef7f07"
 }