@lumx/react 3.20.1-alpha.47 → 3.20.1-alpha.49

package/index.js

@@ -6099,7 +6099,7 @@ const FlexBox = forwardRef((props, ref) => {
   return /*#__PURE__*/jsx(Component, {
     ref: ref,
     ...forwardedProps,
-    className: block({
+    className: classNames.join(className, block({
       [`orientation-${computedOrientation}`]: Boolean(computedOrientation),
       [`v-align-${vAlign}`]: Boolean(vAlign),
       [`h-align-${hAlign}`]: Boolean(hAlign),
@@ -6108,7 +6108,7 @@ const FlexBox = forwardRef((props, ref) => {
       'fill-space': fillSpace,
       'no-shrink': noShrink,
       ...marginAutoModifiers
-    }, className),
+    })),
     children: children
   });
 });
@@ -6350,7 +6350,7 @@ const Text = forwardRef((props, ref) => {
       'is-truncated': isTruncated && !isTruncatedMultiline,
       'is-truncated-multiline': isTruncatedMultiline,
       'no-wrap': noWrap
-    }, [classNames.typography(typography), classNames.font(color, colorVariant), className]),
+    }, [typography && classNames.typography(typography), color && classNames.font(color, colorVariant), className]),
     title: tooltipLabel,
     style: {
       ...truncateLinesStyle,
@@ -7698,7 +7698,7 @@ const InlineList = forwardRef((props, ref) => {
       ref: ref,
       className: block({
         wrap: Boolean(wrap)
-      }, [className, classNames.font(color, colorVariant), classNames.typography(typography)])
+      }, [className, color && classNames.font(color, colorVariant), typography && classNames.typography(typography)])
       // Lists with removed bullet style can lose their a11y list role on some browsers
       ,
       role: "list",
@@ -7835,7 +7835,7 @@ const InputLabel = forwardRef((props, ref) => {
       'is-required': isRequired,
       [`theme-${theme}`]: Boolean(theme),
       'has-custom-typography': Boolean(typography)
-    }, [className, classNames.typography(typography)]),
+    }, [className, typography && classNames.typography(typography)]),
     children: children
   });
 });
@@ -8030,7 +8030,7 @@ const Link = forwardRef((props, ref) => {
       [`color-${color}`]: Boolean(color),
       [`color-variant-${colorVariant}`]: Boolean(colorVariant),
       'has-typography': Boolean(typography)
-    }, [className, classNames.typography(typography)]),
+    }, [className, typography && classNames.typography(typography)]),
     children: wrapChildrenIconWithSpaces(/*#__PURE__*/jsxs(Fragment, {
       children: [leftIcon && /*#__PURE__*/jsx(Icon, {
         icon: leftIcon,
@@ -10564,7 +10564,7 @@ const SkeletonRectangle = forwardRef((props, ref) => {
     ...forwardedProps,
     className: block({
       [`aspect-ratio-${aspectRatio}`]: Boolean(aspectRatio),
-      [`height-${height}`]: Boolean(!aspectRatio || height),
+      [`height-${height}`]: Boolean(!aspectRatio && height),
       [`theme-${theme}`]: Boolean(theme),
       [`variant-${variant}`]: Boolean(variant),
       [`width-${width}`]: Boolean(width),