@moda/om 18.3.2 → 18.4.0

package/dist/index.cjs.js

@@ -340,6 +340,8 @@ colors.colors = {
     "money-good": "rgb(4, 108, 0)",
     "fuchsia": "rgb(196, 76, 176)",
     "dark-fuchsia": "rgb(180, 60, 160)",
+    "teal": "rgb(0, 111, 98)",
+    "ivory": "rgb(242, 233, 219)",
     "klein-blue": "rgb(38, 48, 120)",
     "brick": "rgb(147, 58, 32)",
     "goldenrod": "rgb(186, 145, 46)",
@@ -360,7 +362,9 @@ colors.colors = {
     "mint": "rgb(227, 251, 226)",
     "money-good": "rgb(4, 108, 0)",
     "fuchsia": "rgb(196, 76, 176)",
-    "dark-fuchsia": "rgb(180, 60, 160)"
+    "dark-fuchsia": "rgb(180, 60, 160)",
+    "teal": "rgb(0, 111, 98)",
+    "ivory": "rgb(242, 233, 219)"
   },
   "global": {
     "klein-blue": "rgb(38, 48, 120)",
@@ -953,7 +957,7 @@ var colorStringExports = colorString.exports;
     return [topY, rightX, bottom, left].reduce(function (acc, value) {
       var _a;
       if (value === undefined) return acc;
-      return [acc, (_a = space_1.space.scale[value]) !== null && _a !== void 0 ? _a : value].join(' ');
+      return [acc, (_a = space_1.space.scale[Number(value)]) !== null && _a !== void 0 ? _a : value].join(' ');
     }, '');
   };
   exports.spacing = spacing;
@@ -1662,7 +1666,8 @@ var RemoveScroll = /*#__PURE__*/React__namespace.forwardRef(function (props, par
     allowPinchZoom = props.allowPinchZoom,
     _b = props.as,
     Container = _b === void 0 ? 'div' : _b,
-    rest = __rest$a(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]);
+    gapMode = props.gapMode,
+    rest = __rest$a(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
   var SideCar = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = _assign(_assign({}, rest), callbacks);
@@ -1674,7 +1679,8 @@ var RemoveScroll = /*#__PURE__*/React__namespace.forwardRef(function (props, par
     inert: inert,
     setCallbacks: setCallbacks,
     allowPinchZoom: !!allowPinchZoom,
-    lockRef: ref
+    lockRef: ref,
+    gapMode: gapMode
   }), forwardProps ? /*#__PURE__*/React__namespace.cloneElement(React__namespace.Children.only(children), _assign(_assign({}, containerProps), {
     ref: containerRef
   })) : /*#__PURE__*/React__namespace.createElement(Container, _assign({}, containerProps, {
@@ -4315,6 +4321,7 @@ var elementCouldBeHScrolled = function elementCouldBeHScrolled(node) {
   return elementCanBeScrolled(node, 'overflowX');
 };
 var locationCouldBeScrolled = function locationCouldBeScrolled(axis, node) {
+  var ownerDocument = node.ownerDocument;
   var current = node;
   do {
     // Skip over shadow root
@@ -4331,7 +4338,7 @@ var locationCouldBeScrolled = function locationCouldBeScrolled(axis, node) {
       }
     }
     current = current.parentNode;
-  } while (current && current !== document.body);
+  } while (current && current !== ownerDocument.body);
   return false;
 };
 var getVScrollVariables = function getVScrollVariables(_a) {
@@ -4418,9 +4425,7 @@ function RemoveScrollSideCar(props) {
   var touchStartRef = React__namespace.useRef([0, 0]);
   var activeAxis = React__namespace.useRef();
   var id = React__namespace.useState(idCounter++)[0];
-  var Style = React__namespace.useState(function () {
-    return styleSingleton();
-  })[0];
+  var Style = React__namespace.useState(styleSingleton)[0];
   var lastProps = React__namespace.useRef(props);
   React__namespace.useEffect(function () {
     lastProps.current = props;
@@ -4558,7 +4563,7 @@ function RemoveScrollSideCar(props) {
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, inert ? /*#__PURE__*/React__namespace.createElement(Style, {
     styles: generateStyle(id)
   }) : null, removeScrollBar ? /*#__PURE__*/React__namespace.createElement(RemoveScrollBar, {
-    gapMode: "margin"
+    gapMode: props.gapMode
   }) : null);
 }