@moda/om 17.2.1 → 17.4.0

package/dist/index.esm.js

@@ -1286,14 +1286,15 @@ var classnames = {exports: {}};
             }
           }
         } else if (argType === 'object') {
-          if (arg.toString === Object.prototype.toString) {
-            for (var key in arg) {
-              if (hasOwn.call(arg, key) && arg[key]) {
-                classes.push(key);
-              }
-            }
-          } else {
+          if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
             classes.push(arg.toString());
+            continue;
+          }
+
+          for (var key in arg) {
+            if (hasOwn.call(arg, key) && arg[key]) {
+              classes.push(key);
+            }
           }
         }
       }
@@ -1583,9 +1584,6 @@ function useMergeRefs(refs, defaultValue) {
   });
 }
 
-// Only Node.JS has a process variable that is of [[Class]] process
-Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) === '[object process]';
-
 function ItoI(a) {
   return a;
 }
@@ -3385,6 +3383,7 @@ FocusLock.defaultProps = {
   onActivation: undefined,
   onDeactivation: undefined
 };
+var FocusLockUI = FocusLock;
 
 function deferAction(action) {
   // Hidding setImmediate from Webpack to avoid inserting polyfill
@@ -3398,28 +3397,9 @@ function deferAction(action) {
   }
 }
 
-process.env.NODE_ENV !== "production" ? {
-  children: propTypes.exports.node.isRequired,
-  disabled: propTypes.exports.bool,
-  className: propTypes.exports.string
-} : {};
-
-process.env.NODE_ENV !== "production" ? {
-  children: propTypes.exports.node.isRequired,
-  disabled: propTypes.exports.bool,
-  className: propTypes.exports.string
-} : {};
-
-process.env.NODE_ENV !== "production" ? {
-  children: propTypes.exports.node.isRequired,
-  className: propTypes.exports.string
-} : {};
-
 var effectCar = createSidecarMedium();
 var focusHiddenMarker = 'data-focus-on-hidden';
 
-_assign({}, RemoveScroll.classNames);
-
 var FocusOn$1 = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
   var _a = React.useState(false),
       lockProps = _a[0],
@@ -3461,7 +3441,7 @@ var FocusOn$1 = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
     enabled: enabled && scrollLock
   });
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FocusLock, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FocusLockUI, {
     ref: parentRef,
     sideCar: sideCar,
     disabled: !(lockProps && enabled && focusLock),
@@ -4277,6 +4257,8 @@ var setFocus = function setFocus(topNode, lastNode, options) {
   }
 };
 
+var moveFocusInside = setFocus; //
+
 /* eslint-disable no-mixed-operators */
 
 var focusOnBody = function focusOnBody() {
@@ -4395,7 +4377,7 @@ var activateTrap = function activateTrap() {
 
               document.body.focus();
             } else {
-              result = setFocus(workingArea, lastActiveFocus, {
+              result = moveFocusInside(workingArea, lastActiveFocus, {
                 focusOptions: focusOptions
               });
               lastPortaledElement = {};
@@ -4535,7 +4517,7 @@ mediumFocus.assignSyncMedium(onFocus);
 mediumBlur.assignMedium(onBlur);
 mediumEffect.assignMedium(function (cb) {
   return cb({
-    moveFocusInside: setFocus,
+    moveFocusInside: moveFocusInside,
     focusInside: focusInside
   });
 });
@@ -5929,6 +5911,7 @@ var SKU_COLORS = {
   'rose gold': '#b76e79',
   'royal blue': '#0049ff',
   animal: undefined,
+  berry: '#8f1e47',
   black: '#000',
   blue: '#3755a4',
   bronze: '#cd7f2e',
@@ -5959,7 +5942,9 @@ var SKU_COLORS = {
   silver: '#c0c0c0',
   stripe: undefined,
   tan: '#baa094',
+  taupe: '#483c32',
   turquoise: '#1e83a8',
+  universal: undefined,
   white: '#fff',
   yellow: '#ffca44'
 };
@@ -9572,6 +9557,8 @@ var T = function T() {
   return true;
 };
 
+var otherwise = T;
+
 function _isPlaceholder(a) {
   return a != null && _typeof(a) === 'object' && a['@@functional/placeholder'] === true;
 }
@@ -10732,6 +10719,8 @@ var cond = /*#__PURE__*/_curry1(function cond(pairs) {
   });
 });
 
+var cond$1 = cond;
+
 var _Set = /*#__PURE__*/function () {
   function _Set() {
     /* globals Set */
@@ -11009,6 +10998,7 @@ var uniqBy = /*#__PURE__*/_curry2( /*#__PURE__*/_dispatchable([], _xuniqBy, func
  */
 
 var uniq = /*#__PURE__*/uniqBy(identity);
+var uniq$1 = uniq;
 
 function _isNumber(x) {
   return Object.prototype.toString.call(x) === '[object Number]';
@@ -11047,6 +11037,8 @@ var range = /*#__PURE__*/_curry2(function range(from, to) {
   return result;
 });
 
+var range$1 = range;
+
 var __assign$2 = undefined && undefined.__assign || function () {
   __assign$2 = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -11147,7 +11139,7 @@ var MultiSelect = function MultiSelect(_ref) {
     dispatch({
       type: 'SELECT',
       payload: {
-        value: uniq([].concat(_toConsumableArray(values), [option.value]))
+        value: uniq$1([].concat(_toConsumableArray(values), [option.value]))
       }
     });
   }, [dispatch, values]);
@@ -11348,7 +11340,7 @@ var DefinitionList = function DefinitionList(_ref) {
   }, rest), /*#__PURE__*/React__default.createElement("dt", null, term), /*#__PURE__*/React__default.createElement("dd", null, children));
 };
 
-var _excluded$f = ["name", "children", "className", "virtual", "icon", "data-testid", "defaultExpanded", "expanded", "onToggle"];
+var _excluded$f = ["name", "children", "className", "virtual", "icon", "data-testid", "defaultExpanded", "expanded", "onToggle", "background", "border"];
 var Expandable = function Expandable(_ref) {
   var name = _ref.name,
       children = _ref.children,
@@ -11362,6 +11354,10 @@ var Expandable = function Expandable(_ref) {
       defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
       __expanded__ = _ref.expanded,
       onToggle = _ref.onToggle,
+      _ref$background = _ref.background,
+      background = _ref$background === void 0 ? 'light' : _ref$background,
+      _ref$border = _ref.border,
+      border = _ref$border === void 0 ? true : _ref$border,
       rest = _objectWithoutProperties(_ref, _excluded$f);
 
   var _useState = useState(defaultExpanded),
@@ -11379,13 +11375,13 @@ var Expandable = function Expandable(_ref) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle();
   }, [onToggle]);
   return /*#__PURE__*/React__default.createElement("div", _extends$1({
-    className: classNames('Expandable', {
-      'Expandable--expanded': expanded
+    className: classNames('Expandable', "Expandable--".concat(background, "-background"), {
+      'Expandable--expanded': expanded,
+      'Expandable--with-border': border,
+      'Expandable--plus-minus': icon === 'plus-minus'
     }, className)
   }, rest), /*#__PURE__*/React__default.createElement(Clickable, {
-    className: classNames('Expandable__name', {
-      'Expandable__name--plusMinus': icon === 'plus-minus'
-    }),
+    className: "Expandable__name",
     onClick: handleClick,
     "data-testid": dataTestId
   }, name, icon !== 'plus-minus' && /*#__PURE__*/React__default.createElement("div", {
@@ -11908,23 +11904,23 @@ var whenCurrentPageIsGreaterThanHalfTheTotal = function whenCurrentPageIsGreater
 };
 
 var showAllPages = function showAllPages(_, totalPages) {
-  return range(1, totalPages + 1);
+  return range$1(1, totalPages + 1);
 };
 
 var showFirstNPagesAndLastPage = function showFirstNPagesAndLastPage(_, totalPages, maxPages) {
-  return [].concat(_toConsumableArray(range(1, maxPages)), [totalPages]);
+  return [].concat(_toConsumableArray(range$1(1, maxPages)), [totalPages]);
 };
 
 var showTheLastNPages = function showTheLastNPages(_, totalPages, maxPages) {
-  return [1].concat(_toConsumableArray(range(totalPages - maxPages + 2, totalPages + 1)));
+  return [1].concat(_toConsumableArray(range$1(totalPages - maxPages + 2, totalPages + 1)));
 };
 
 var showAGroupOfPagesCenteredOnTheCurrentPage = function showAGroupOfPagesCenteredOnTheCurrentPage(page, totalPages, maxPages) {
   var diff = Math.floor((maxPages - 2) / 2);
-  return [1].concat(_toConsumableArray(range(page - diff, page + diff + 1)), [totalPages]);
+  return [1].concat(_toConsumableArray(range$1(page - diff, page + diff + 1)), [totalPages]);
 };
 
-var determinePagesToShow = cond([[whenThereAreFewerPagesThanWeDisplay, showAllPages], [whenCurrentPageIsLessThanHalfTheTotal, showFirstNPagesAndLastPage], [whenCurrentPageIsGreaterThanHalfTheTotal, showTheLastNPages], [T, showAGroupOfPagesCenteredOnTheCurrentPage]]);
+var determinePagesToShow = cond$1([[whenThereAreFewerPagesThanWeDisplay, showAllPages], [whenCurrentPageIsLessThanHalfTheTotal, showFirstNPagesAndLastPage], [whenCurrentPageIsGreaterThanHalfTheTotal, showTheLastNPages], [otherwise, showAGroupOfPagesCenteredOnTheCurrentPage]]);
 var Paginator = function Paginator(_ref) {
   var selectedPage = _ref.selectedPage,
       totalPages = _ref.totalPages,