@moda/om 18.1.0 → 18.3.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [18.3.0](https://github.com/ModaOperandi/om/compare/v18.2.0...v18.3.0) (2023-01-09)
+
+
+### Features
+
+* **AspectRatioBox:** make maxWidth and maxHeight optional ([#3168](https://github.com/ModaOperandi/om/issues/3168)) ([4b35e54](https://github.com/ModaOperandi/om/commit/4b35e5410bb90250adb4bb795b894d127f81061c))
+
+# [18.2.0](https://github.com/ModaOperandi/om/compare/v18.1.0...v18.2.0) (2023-01-04)
+
+
+### Features
+
+* move from node-sass to sass ([#3159](https://github.com/ModaOperandi/om/issues/3159)) ([fc30fb4](https://github.com/ModaOperandi/om/commit/fc30fb4a3efa80d34f0c43ee043a6fad9169296d))
+
 # [18.1.0](https://github.com/ModaOperandi/om/compare/v18.0.0...v18.1.0) (2022-12-29)
 
 

package/dist/index.cjs.js

@@ -4872,34 +4872,65 @@ var _excluded$C = ["aspectWidth", "aspectHeight", "maxWidth", "maxHeight", "outl
 var DEFAULT_PRODUCT_ASPECT_WIDTH = 128;
 var DEFAULT_PRODUCT_ASPECT_HEIGHT = 205;
 var DEFAULT_PRODUCT_ASPECT_RATIO = DEFAULT_PRODUCT_ASPECT_HEIGHT / DEFAULT_PRODUCT_ASPECT_WIDTH;
-var AspectRatioBox = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
-  var _ref$aspectWidth = _ref.aspectWidth,
-    aspectWidth = _ref$aspectWidth === void 0 ? DEFAULT_PRODUCT_ASPECT_WIDTH : _ref$aspectWidth,
-    _ref$aspectHeight = _ref.aspectHeight,
-    aspectHeight = _ref$aspectHeight === void 0 ? DEFAULT_PRODUCT_ASPECT_HEIGHT : _ref$aspectHeight,
+var scaleDimensions = function scaleDimensions(_ref) {
+  var width = _ref.width,
+    height = _ref.height,
     maxWidth = _ref.maxWidth,
-    maxHeight = _ref.maxHeight,
-    _ref$outlined = _ref.outlined,
-    outlined = _ref$outlined === void 0 ? false : _ref$outlined,
-    children = _ref.children,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded$C);
-  var _scale = dist$3.scale({
+    maxHeight = _ref.maxHeight;
+  if (maxWidth && maxHeight) return dist$3.scale({
+    width: width,
+    height: height,
+    maxWidth: maxWidth,
+    maxHeight: maxHeight
+  });
+  if (maxWidth) return dist$3.scale({
+    width: width,
+    height: height,
+    maxWidth: maxWidth
+  });
+  if (maxHeight) return dist$3.scale({
+    width: width,
+    height: height,
+    maxHeight: maxHeight
+  });
+  return {
+    width: width,
+    height: height,
+    paddingBottom: dist$3.paddingBottom({
+      width: width,
+      height: height
+    }),
+    scale: 1
+  };
+};
+var AspectRatioBox = /*#__PURE__*/React.forwardRef(function (_ref2, forwardedRef) {
+  var _ref2$aspectWidth = _ref2.aspectWidth,
+    aspectWidth = _ref2$aspectWidth === void 0 ? DEFAULT_PRODUCT_ASPECT_WIDTH : _ref2$aspectWidth,
+    _ref2$aspectHeight = _ref2.aspectHeight,
+    aspectHeight = _ref2$aspectHeight === void 0 ? DEFAULT_PRODUCT_ASPECT_HEIGHT : _ref2$aspectHeight,
+    maxWidth = _ref2.maxWidth,
+    maxHeight = _ref2.maxHeight,
+    _ref2$outlined = _ref2.outlined,
+    outlined = _ref2$outlined === void 0 ? false : _ref2$outlined,
+    children = _ref2.children,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded$C);
+  var _scaleDimensions = scaleDimensions({
       width: aspectWidth,
       height: aspectHeight,
       maxWidth: maxWidth,
       maxHeight: maxHeight
     }),
-    width = _scale.width,
-    paddingBottom = _scale.paddingBottom;
+    width = _scaleDimensions.width,
+    paddingBottom = _scaleDimensions.paddingBottom;
   return /*#__PURE__*/React.createElement("div", _extends$1({
     ref: forwardedRef,
     className: classNames('AspectRatioBox', {
       'AspectRatioBox--outlined': outlined
     }, className),
-    style: {
+    style: maxWidth || maxHeight ? {
       maxWidth: "".concat(width, "px")
-    }
+    } : undefined
   }, rest), /*#__PURE__*/React.createElement("div", {
     className: "AspectRatioBox__wrapper",
     style: {