@moda/om 21.5.2 → 21.6.1

package/dist/index.cjs.js

@@ -63,7 +63,7 @@ var hasRequiredFocusVisible;
 function requireFocusVisible() {
   if (hasRequiredFocusVisible) return focusVisible$1.exports;
   hasRequiredFocusVisible = 1;
-  (function (module, exports) {
+  (function (module, exports$1) {
     (function (global, factory) {
       factory() ;
     })(focusVisible, function () {
@@ -391,7 +391,7 @@ function requireColors() {
       "tuscany": "rgb(186, 83, 44)",
       "klein-blue": "rgb(38, 48, 120)",
       "persian-blue": "rgb(30, 34, 170)",
-      "brick": "rgb(147, 58, 32)",
+      "brick": "rgb(158, 48, 57)",
       "goldenrod": "rgb(186, 145, 46)",
       "seafoam": "rgb(177, 191, 170)",
       "coral": "rgb(255, 146, 121)",
@@ -421,7 +421,7 @@ function requireColors() {
     "global": {
       "klein-blue": "rgb(38, 48, 120)",
       "persian-blue": "rgb(30, 34, 170)",
-      "brick": "rgb(147, 58, 32)",
+      "brick": "rgb(158, 48, 57)",
       "goldenrod": "rgb(186, 145, 46)",
       "seafoam": "rgb(177, 191, 170)",
       "coral": "rgb(255, 146, 121)"
@@ -939,7 +939,7 @@ var hasRequiredHelpers;
 function requireHelpers() {
   if (hasRequiredHelpers) return helpers;
   hasRequiredHelpers = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     var __assign = helpers && helpers.__assign || function () {
       __assign = Object.assign || function (t) {
@@ -956,10 +956,10 @@ function requireHelpers() {
         "default": mod
       };
     };
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
-    exports.spacing = exports.colorInHex = exports.color = exports.remToUnitlessPx = exports.text = void 0;
+    exports$1.spacing = exports$1.colorInHex = exports$1.color = exports$1.remToUnitlessPx = exports$1.text = void 0;
     var color_string_1 = __importDefault(require$$0);
     var colors_1 = requireColors();
     var space_1 = requireSpace();
@@ -974,11 +974,11 @@ function requireHelpers() {
         'line-height': "".concat(treatment['line-height'])
       });
     };
-    exports.text = text;
+    exports$1.text = text;
     var remToUnitlessPx = function remToUnitlessPx(value) {
       return parseFloat(value) * parseInt(typography_1.typography['root-font-size'], 10);
     };
-    exports.remToUnitlessPx = remToUnitlessPx;
+    exports$1.remToUnitlessPx = remToUnitlessPx;
     var color = function color(name, alpha) {
       var _a;
       var color = colors_1.colors.all[name];
@@ -988,16 +988,16 @@ function requireHelpers() {
         blue = _b[2];
       return alpha != null ? color_string_1["default"].to.rgb(red, green, blue, alpha) : color;
     };
-    exports.color = color;
+    exports$1.color = color;
     var colorInHex = function colorInHex(name, alpha) {
       var _a, _b, _c;
-      var _d = (_b = color_string_1["default"].get.rgb((_a = (0, exports.color)(name, alpha)) !== null && _a !== void 0 ? _a : '')) !== null && _b !== void 0 ? _b : [],
+      var _d = (_b = color_string_1["default"].get.rgb((_a = (0, exports$1.color)(name, alpha)) !== null && _a !== void 0 ? _a : '')) !== null && _b !== void 0 ? _b : [],
         red = _d[0],
         green = _d[1],
         blue = _d[2];
       return (_c = color_string_1["default"].to.hex(red, green, blue, alpha)) !== null && _c !== void 0 ? _c : '';
     };
-    exports.colorInHex = colorInHex;
+    exports$1.colorInHex = colorInHex;
     var spacing = function spacing(topY, rightX, bottom, left) {
       return [topY, rightX, bottom, left].reduce(function (acc, value) {
         var _a;
@@ -1005,7 +1005,7 @@ function requireHelpers() {
         return [acc, (_a = space_1.space.scale[Number(value)]) !== null && _a !== void 0 ? _a : value].join(' ');
       }, '');
     };
-    exports.spacing = spacing;
+    exports$1.spacing = spacing;
   })(helpers);
   return helpers;
 }
@@ -1014,7 +1014,7 @@ var hasRequiredDist$4;
 function requireDist$4() {
   if (hasRequiredDist$4) return dist$4;
   hasRequiredDist$4 = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     var __createBinding = dist$4 && dist$4.__createBinding || (Object.create ? function (o, m, k, k2) {
       if (k2 === undefined) k2 = k;
@@ -1032,42 +1032,42 @@ function requireDist$4() {
       if (k2 === undefined) k2 = k;
       o[k2] = m[k];
     });
-    var __exportStar = dist$4 && dist$4.__exportStar || function (m, exports) {
-      for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+    var __exportStar = dist$4 && dist$4.__exportStar || function (m, exports$1) {
+      for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
     };
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
-    exports.breakpoints = exports.space = exports.typography = exports.colors = void 0;
+    exports$1.breakpoints = exports$1.space = exports$1.typography = exports$1.colors = void 0;
     var colors_1 = requireColors();
-    Object.defineProperty(exports, "colors", {
+    Object.defineProperty(exports$1, "colors", {
       enumerable: true,
       get: function get() {
         return colors_1.colors;
       }
     });
     var typography_1 = requireTypography();
-    Object.defineProperty(exports, "typography", {
+    Object.defineProperty(exports$1, "typography", {
       enumerable: true,
       get: function get() {
         return typography_1.typography;
       }
     });
     var space_1 = requireSpace();
-    Object.defineProperty(exports, "space", {
+    Object.defineProperty(exports$1, "space", {
       enumerable: true,
       get: function get() {
         return space_1.space;
       }
     });
     var breakpoints_1 = requireBreakpoints();
-    Object.defineProperty(exports, "breakpoints", {
+    Object.defineProperty(exports$1, "breakpoints", {
       enumerable: true,
       get: function get() {
         return breakpoints_1.breakpoints;
       }
     });
-    __exportStar(requireHelpers(), exports);
+    __exportStar(requireHelpers(), exports$1);
   })(dist$4);
   return dist$4;
 }
@@ -1380,11 +1380,6 @@ var States = function States(_ref) {
   }));
 };
 
-var preventNavigation = function preventNavigation(event) {
-  event.preventDefault();
-  event.returnValue = '';
-};
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -5338,7 +5333,7 @@ var hasRequiredScale;
 function requireScale() {
   if (hasRequiredScale) return scale;
   hasRequiredScale = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     var __assign = scale && scale.__assign || function () {
       __assign = Object.assign || function (t) {
@@ -5358,11 +5353,11 @@ function requireScale() {
       }
       return t;
     };
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
-    exports.scale = exports.paddingBottom = exports.factor = void 0;
-    exports.factor = function (_a) {
+    exports$1.scale = exports$1.paddingBottom = exports$1.factor = void 0;
+    exports$1.factor = function (_a) {
       var width = _a.width,
         height = _a.height,
         dimensions = __rest(_a, ["width", "height"]);
@@ -5370,16 +5365,16 @@ function requireScale() {
       if ("maxWidth" in dimensions && !("maxHeight" in dimensions)) return dimensions.maxWidth / width;
       return Math.min(dimensions.maxWidth / width, dimensions.maxHeight / height);
     };
-    exports.paddingBottom = function (_a) {
+    exports$1.paddingBottom = function (_a) {
       var width = _a.width,
         height = _a.height;
       return height / width * 100.0 + "%";
     };
-    exports.scale = function (_a) {
+    exports$1.scale = function (_a) {
       var width = _a.width,
         height = _a.height,
         dimensions = __rest(_a, ["width", "height"]);
-      var scale = exports.factor(__assign({
+      var scale = exports$1.factor(__assign({
         width: width,
         height: height
       }, dimensions));
@@ -5388,7 +5383,7 @@ function requireScale() {
       return {
         width: scaledWidth,
         height: scaledHeight,
-        paddingBottom: exports.paddingBottom({
+        paddingBottom: exports$1.paddingBottom({
           width: width,
           height: height
         }),
@@ -5403,7 +5398,7 @@ var hasRequiredDist$3;
 function requireDist$3() {
   if (hasRequiredDist$3) return dist$3;
   hasRequiredDist$3 = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     var __createBinding = dist$3 && dist$3.__createBinding || (Object.create ? function (o, m, k, k2) {
       if (k2 === undefined) k2 = k;
@@ -5417,13 +5412,13 @@ function requireDist$3() {
       if (k2 === undefined) k2 = k;
       o[k2] = m[k];
     });
-    var __exportStar = dist$3 && dist$3.__exportStar || function (m, exports) {
-      for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    var __exportStar = dist$3 && dist$3.__exportStar || function (m, exports$1) {
+      for (var p in m) if (p !== "default" && !exports$1.hasOwnProperty(p)) __createBinding(exports$1, m, p);
     };
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
-    __exportStar(requireScale(), exports);
+    __exportStar(requireScale(), exports$1);
   })(dist$3);
   return dist$3;
 }
@@ -5538,14 +5533,18 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
 };
 
 var _excluded$B = ["className", "styleless", "disabled"];
+
+// Define minimal LinkProps that work with both v5 and v7
+// Using Omit to remove conflicting HTML attributes, then add router-specific props
+
 var isLink = function isLink(props) {
   return 'to' in props;
 };
 var isAnchor = function isAnchor(props) {
-  return 'href' in props;
+  return 'href' in props && !('to' in props);
 };
 var isButton = function isButton(props) {
-  return !('href' in props);
+  return !('href' in props) && !('to' in props);
 };
 var Clickable = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -5553,16 +5552,23 @@ var Clickable = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     styleless = _ref$styleless === void 0 ? false : _ref$styleless,
     disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded$B);
+  var baseClassName = classNames({
+    Clickable: !styleless,
+    'Clickable--disabled': disabled
+  }, className);
+  if (isLink(rest)) {
+    // Link doesn't support disabled prop, but we handle it via CSS class
+    return /*#__PURE__*/React.createElement(reactRouterDom.Link, _extends$1({}, rest, {
+      className: baseClassName,
+      ref: ref
+    }));
+  }
+
+  // For anchor and button, include the disabled prop
   var props = _objectSpread2(_objectSpread2({}, rest), {}, {
-    className: classNames({
-      Clickable: !styleless,
-      'Clickable--disabled': disabled
-    }, className),
+    className: baseClassName,
     disabled: disabled
   });
-  if (isLink(props)) return /*#__PURE__*/React.createElement(reactRouterDom.Link, _extends$1({}, props, {
-    ref: ref
-  }));
   if (isAnchor(props)) return /*#__PURE__*/React.createElement("a", _extends$1({}, props, {
     ref: ref
   }));
@@ -6066,6 +6072,8 @@ var keys = typeof Object.keys === 'function' && !hasArgsEnumBug ? /*#__PURE__*/_
  * @example
  *
  *      R.type({}); //=> "Object"
+ *      R.type(new Map); //=> "Map"
+ *      R.type(new Set); //=> "Set"
  *      R.type(1); //=> "Number"
  *      R.type(false); //=> "Boolean"
  *      R.type('s'); //=> "String"
@@ -7216,16 +7224,17 @@ var omit = /*#__PURE__*/_curry2(function omit(names, obj) {
  * @example
  *
  *      R.range(1, 5);    //=> [1, 2, 3, 4]
- *      R.range(50, 53);  //=> [50, 51, 52]
+ *      R.range(1, 5.5);  //=> [1, 2, 3, 4, 5]
+ *      R.range(1.5, 5.5);  //=> [1.5, 2.5, 3.5, 4.5]
  */
 var range = /*#__PURE__*/_curry2(function range(from, to) {
   if (!(_isNumber(from) && _isNumber(to))) {
     throw new TypeError('Both arguments to range must be numbers');
   }
-  var result = Array(from < to ? to - from : 0);
-  var finish = from < 0 ? to + Math.abs(from) : to - from;
+  var length = from < to ? Math.ceil(to - from) : 0;
+  var result = Array(length);
   var idx = 0;
-  while (idx < finish) {
+  while (idx < length) {
     result[idx] = idx + from;
     idx += 1;
   }
@@ -10026,12 +10035,12 @@ var hasRequiredDist$1;
 function requireDist$1() {
   if (hasRequiredDist$1) return dist$1;
   hasRequiredDist$1 = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     function __export(m) {
-      for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+      for (var p in m) if (!exports$1.hasOwnProperty(p)) exports$1[p] = m[p];
     }
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
     __export(requireMapCursorToMax());
@@ -11348,12 +11357,12 @@ var hasRequiredDist;
 function requireDist() {
   if (hasRequiredDist) return dist;
   hasRequiredDist = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     function __export(m) {
-      for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+      for (var p in m) if (!exports$1.hasOwnProperty(p)) exports$1[p] = m[p];
     }
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
     __export(requireUseCursor());
@@ -12029,30 +12038,6 @@ var LoadingShapesLavenderBlue = function LoadingShapesLavenderBlue() {
   }));
 };
 
-var usePreventNavigation = function usePreventNavigation() {
-  var enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  React.useEffect(function () {
-    if (enabled) {
-      window.addEventListener('beforeunload', preventNavigation);
-      return function () {
-        return window.removeEventListener('beforeunload', preventNavigation);
-      };
-    }
-  }, [enabled]);
-};
-
-var NavigationPreventer = function NavigationPreventer(_ref) {
-  var _ref$enabled = _ref.enabled,
-    enabled = _ref$enabled === void 0 ? false : _ref$enabled,
-    _ref$message = _ref.message,
-    message = _ref$message === void 0 ? 'Changes that you made may not be saved.' : _ref$message;
-  usePreventNavigation(enabled);
-  return /*#__PURE__*/React.createElement(reactRouterDom.Prompt, {
-    when: enabled,
-    message: message
-  });
-};
-
 var __assign$1 = undefined && undefined.__assign || function () {
   __assign$1 = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -12533,35 +12518,23 @@ var SlidingPane = function SlidingPane(_ref) {
   }, children))));
 };
 
-var _excluded$4 = ["tabs", "onTabClicked", "defaultActiveTab", "activeTab", "className"];
-var Tabs = function Tabs(_ref) {
-  var tabs = _ref.tabs,
-    onTabClicked = _ref.onTabClicked,
-    defaultActiveTab = _ref.defaultActiveTab,
-    activeTab = _ref.activeTab,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded$4);
-  var _useState = React.useState(activeTab || defaultActiveTab || tabs[0].name),
-    _useState2 = _slicedToArray(_useState, 2),
-    activePanel = _useState2[0],
-    setActivePanel = _useState2[1];
-  var handleTabClick = function handleTabClick(tabName) {
-    if (!activeTab) setActivePanel(tabName);
-    if (onTabClicked) onTabClicked(tabName);
-  };
-  React.useEffect(function () {
-    if (activeTab) setActivePanel(activeTab);
-  }, [activeTab]);
-  return /*#__PURE__*/React.createElement("div", _extends$1({
-    className: classNames('Tabs', className)
-  }, rest), /*#__PURE__*/React.createElement(TabList, {
-    tabs: tabs,
-    onTabSelected: handleTabClick,
-    activePanel: activePanel
-  }), /*#__PURE__*/React.createElement(TabPanels, {
-    panels: tabs,
-    activePanel: activePanel
-  }));
+var Tab = function Tab(_ref) {
+  var tab = _ref.tab,
+    onTabChosen = _ref.onTabChosen,
+    activeTab = _ref.activeTab;
+  var handleClick = React.useCallback(function () {
+    return onTabChosen(tab.name);
+  }, [tab.name, onTabChosen]);
+  var handleKeyDown = React.useCallback(function (event) {
+    if (event.key === 'Enter') {
+      handleClick();
+    }
+  }, [handleClick]);
+  return /*#__PURE__*/React.createElement(Clickable, {
+    className: "Tab ".concat(activeTab === tab.name ? 'Tab--active' : ''),
+    onClick: handleClick,
+    onKeyDown: handleKeyDown
+  }, tab.title);
 };
 
 var TabList = function TabList(_ref) {
@@ -12580,23 +12553,11 @@ var TabList = function TabList(_ref) {
   }));
 };
 
-var Tab = function Tab(_ref) {
-  var tab = _ref.tab,
-    onTabChosen = _ref.onTabChosen,
-    activeTab = _ref.activeTab;
-  var handleClick = React.useCallback(function () {
-    return onTabChosen(tab.name);
-  }, [tab.name, onTabChosen]);
-  var handleKeyDown = React.useCallback(function (event) {
-    if (event.key === 'Enter') {
-      handleClick();
-    }
-  }, [handleClick]);
-  return /*#__PURE__*/React.createElement(Clickable, {
-    className: "Tab ".concat(activeTab === tab.name ? 'Tab--active' : ''),
-    onClick: handleClick,
-    onKeyDown: handleKeyDown
-  }, tab.title);
+var TabPanel = function TabPanel(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "TabPanel"
+  }, children);
 };
 
 var TabPanels = function TabPanels(_ref) {
@@ -12613,11 +12574,35 @@ var TabPanels = function TabPanels(_ref) {
   }));
 };
 
-var TabPanel = function TabPanel(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "TabPanel"
-  }, children);
+var _excluded$4 = ["tabs", "onTabClicked", "defaultActiveTab", "activeTab", "className"];
+var Tabs = function Tabs(_ref) {
+  var tabs = _ref.tabs,
+    onTabClicked = _ref.onTabClicked,
+    defaultActiveTab = _ref.defaultActiveTab,
+    activeTab = _ref.activeTab,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded$4);
+  var _useState = React.useState(activeTab || defaultActiveTab || tabs[0].name),
+    _useState2 = _slicedToArray(_useState, 2),
+    activePanel = _useState2[0],
+    setActivePanel = _useState2[1];
+  var handleTabClick = function handleTabClick(tabName) {
+    if (!activeTab) setActivePanel(tabName);
+    if (onTabClicked) onTabClicked(tabName);
+  };
+  React.useEffect(function () {
+    if (activeTab) setActivePanel(activeTab);
+  }, [activeTab]);
+  return /*#__PURE__*/React.createElement("div", _extends$1({
+    className: classNames('Tabs', className)
+  }, rest), /*#__PURE__*/React.createElement(TabList, {
+    tabs: tabs,
+    onTabSelected: handleTabClick,
+    activePanel: activePanel
+  }), /*#__PURE__*/React.createElement(TabPanels, {
+    panels: tabs,
+    activePanel: activePanel
+  }));
 };
 
 var _excluded$3 = ["className", "disabled", "onRemove", "children"];
@@ -12762,7 +12747,6 @@ exports.Mirror = Mirror;
 exports.Modal = Modal;
 exports.ModalOverlay = ModalOverlay;
 exports.MultiSelect = MultiSelect;
-exports.NavigationPreventer = NavigationPreventer;
 exports.NoLineDivider = NoLineDivider;
 exports.Oval = Oval;
 exports.Overlay = Overlay;
@@ -12800,5 +12784,4 @@ exports.useBreakpoint = useBreakpoint;
 exports.useClickOutside = useClickOutside;
 exports.useConfirm = useConfirm;
 exports.useKeyboardListNavigation = useKeyboardListNavigation;
-exports.usePreventNavigation = usePreventNavigation;
 exports.useUpdateEffect = useUpdateEffect;