@lumx/react 3.14.2-alpha.0 → 3.14.2-alpha.1

package/index.d.ts

@@ -2307,8 +2307,15 @@ type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;
  * Defines the props of the component.
  */
 interface ProgressCircularProps extends GenericProps, HasTheme {
-    /** Progress circular size. */
+    /**
+     * Progress circular size.
+     */
     size?: ProgressCircularSize;
+    /**
+     * Progress display type (inline or block).
+     * @default 'block'
+     */
+    display?: 'inline' | 'block';
 }
 /**
  * ProgressCircularProps component.

package/index.js

@@ -6972,7 +6972,7 @@ const Dialog = forwardRef((props, ref) => {
     level: 2
   }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     value: undefined
-  }, /*#__PURE__*/React__default.createElement("section", _extends({
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
     className: `${CLASSNAME$10}__container`,
     role: "dialog",
     "aria-modal": "true"
@@ -6980,7 +6980,7 @@ const Dialog = forwardRef((props, ref) => {
     callback: !shouldPreventCloseOnClickAway && onClose,
     childrenRefs: clickAwayRefs,
     parentRef: rootRef
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("section", {
     className: `${CLASSNAME$10}__wrapper`,
     ref: wrapperRef
   }, (header || headerChildContent) && /*#__PURE__*/React__default.createElement("header", _extends({}, headerChildProps, {
@@ -10056,7 +10056,7 @@ ProgressLinear.displayName = COMPONENT_NAME$y;
 ProgressLinear.className = CLASSNAME$y;
 ProgressLinear.defaultProps = DEFAULT_PROPS$v;
 
-const _excluded$B = ["className", "theme", "size"];
+const _excluded$B = ["className", "theme", "size", "display"];
 
 /**
  * Progress sizes.
@@ -10080,7 +10080,8 @@ const CLASSNAME$x = getRootClassName(COMPONENT_NAME$x);
  * Component default props.
  */
 const DEFAULT_PROPS$u = {
-  size: Size.m
+  size: Size.m,
+  display: 'block'
 };
 
 /**
@@ -10095,20 +10096,23 @@ const ProgressCircular = forwardRef((props, ref) => {
   const {
       className,
       theme = defaultTheme,
-      size
+      size = DEFAULT_PROPS$u.size,
+      display = DEFAULT_PROPS$u.display
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$B);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  const Element = display === 'block' ? 'div' : 'span';
+  return /*#__PURE__*/React__default.createElement(Element, _extends({
     ref: ref
   }, forwardedProps, {
     className: classNames(className, handleBasicClasses({
       prefix: CLASSNAME$x,
       theme,
-      size
+      size,
+      display
     }))
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement(Element, {
     className: "lumx-progress-circular__double-bounce1"
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement(Element, {
     className: "lumx-progress-circular__double-bounce2"
   }), /*#__PURE__*/React__default.createElement("svg", {
     className: "lumx-progress-circular__svg",