@moda/om 18.3.1 → 18.4.0

package/dist/index.esm.js

@@ -320,6 +320,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)",
@@ -340,7 +342,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)",
@@ -933,7 +937,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;
@@ -1642,7 +1646,8 @@ var RemoveScroll = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
     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);
@@ -1654,7 +1659,8 @@ var RemoveScroll = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
     inert: inert,
     setCallbacks: setCallbacks,
     allowPinchZoom: !!allowPinchZoom,
-    lockRef: ref
+    lockRef: ref,
+    gapMode: gapMode
   }), forwardProps ? /*#__PURE__*/React.cloneElement(React.Children.only(children), _assign(_assign({}, containerProps), {
     ref: containerRef
   })) : /*#__PURE__*/React.createElement(Container, _assign({}, containerProps, {
@@ -4295,6 +4301,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
@@ -4311,7 +4318,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) {
@@ -4398,9 +4405,7 @@ function RemoveScrollSideCar(props) {
   var touchStartRef = React.useRef([0, 0]);
   var activeAxis = React.useRef();
   var id = React.useState(idCounter++)[0];
-  var Style = React.useState(function () {
-    return styleSingleton();
-  })[0];
+  var Style = React.useState(styleSingleton)[0];
   var lastProps = React.useRef(props);
   React.useEffect(function () {
     lastProps.current = props;
@@ -4538,7 +4543,7 @@ function RemoveScrollSideCar(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, inert ? /*#__PURE__*/React.createElement(Style, {
     styles: generateStyle(id)
   }) : null, removeScrollBar ? /*#__PURE__*/React.createElement(RemoveScrollBar, {
-    gapMode: "margin"
+    gapMode: props.gapMode
   }) : null);
 }