@moda/om 21.7.1 → 21.8.0

package/dist/index.esm.js

@@ -336,18 +336,18 @@ requireFocusVisible();
 
 var dist$4 = {};
 
-var colors = {};
+var colors$1 = {};
 
 var hasRequiredColors;
 function requireColors() {
-  if (hasRequiredColors) return colors;
+  if (hasRequiredColors) return colors$1;
   hasRequiredColors = 1;
-  Object.defineProperty(colors, "__esModule", {
+  Object.defineProperty(colors$1, "__esModule", {
     value: true
   });
-  colors.colors = void 0;
+  colors$1.colors = void 0;
   // THIS FILE IS AUTO-GENERATED. DO NOT EDIT.
-  colors.colors = {
+  colors$1.colors = {
     "all": {
       "coal": "rgb(0, 0, 0)",
       "ink": "rgb(25, 26, 27)",
@@ -432,7 +432,7 @@ function requireColors() {
       "silver": "rgb(217, 217, 217)"
     }
   };
-  return colors;
+  return colors$1;
 }
 
 var typography = {};
@@ -574,7 +574,7 @@ function requireBreakpoints() {
 
 var helpers = {};
 
-var colorNames = {
+var colors = {
   aliceblue: [240, 248, 255],
   antiquewhite: [250, 235, 215],
   aqua: [0, 255, 255],
@@ -724,6 +724,8 @@ var colorNames = {
   yellow: [255, 255, 0],
   yellowgreen: [154, 205, 50]
 };
+for (var key in colors) Object.freeze(colors[key]);
+var colorNames = Object.freeze(colors);
 
 var reverseNames = Object.create(null);
 
@@ -775,8 +777,8 @@ cs.get.rgb = function (string) {
   }
   var abbr = /^#([a-f\d]{3,4})$/i;
   var hex = /^#([a-f\d]{6})([a-f\d]{2})?$/i;
-  var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/;
-  var per = /^rgba?\(\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/;
+  var rgba = /^rgba?\(\s*([+-]?(?:\d*\.)?\d+(?:e\d+)?)(?=[\s,])\s*(?:,\s*)?([+-]?(?:\d*\.)?\d+(?:e\d+)?)(?=[\s,])\s*(?:,\s*)?([+-]?(?:\d*\.)?\d+(?:e\d+)?)\s*(?:[\s,|/]\s*([+-]?(?:\d*\.)?\d+(?:e\d+)?)(%?)\s*)?\)$/i;
+  var per = /^rgba?\(\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[\s,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/i;
   var keyword = /^(\w+)$/;
   var rgb = [0, 0, 0, 1];
   var match;
@@ -804,7 +806,7 @@ cs.get.rgb = function (string) {
     }
   } else if (match = string.match(rgba)) {
     for (i = 0; i < 3; i++) {
-      rgb[i] = Number.parseInt(match[i + 1], 10);
+      rgb[i] = Number.parseFloat(match[i + 1]);
     }
     if (match[4]) {
       rgb[3] = match[5] ? Number.parseFloat(match[4]) * 0.01 : Number.parseFloat(match[4]);
@@ -816,14 +818,16 @@ cs.get.rgb = function (string) {
     if (match[4]) {
       rgb[3] = match[5] ? Number.parseFloat(match[4]) * 0.01 : Number.parseFloat(match[4]);
     }
-  } else if (match = string.match(keyword)) {
+  } else if (match = string.toLowerCase().match(keyword)) {
     if (match[1] === 'transparent') {
       return [0, 0, 0, 0];
     }
     if (!Object.hasOwn(colorNames, match[1])) {
       return null;
     }
-    rgb = colorNames[match[1]];
+
+    // eslint-disable-next-line unicorn/prefer-spread
+    rgb = colorNames[match[1]].slice();
     rgb[3] = 1;
     return rgb;
   } else {
@@ -839,7 +843,7 @@ cs.get.hsl = function (string) {
   if (!string) {
     return null;
   }
-  var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+  var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:e[+-]?\d+)?)\s*)?\)$/i;
   var match = string.match(hsl);
   if (match) {
     var alpha = Number.parseFloat(match[4]);
@@ -855,7 +859,7 @@ cs.get.hwb = function (string) {
   if (!string) {
     return null;
   }
-  var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d.]+)%\s*,\s*([+-]?[\d.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+  var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*[\s,]\s*([+-]?[\d.]+)%\s*[\s,]\s*([+-]?[\d.]+)%\s*(?:[\s,]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:e[+-]?\d+)?)\s*)?\)$/i;
   var match = string.match(hwb);
   if (match) {
     var alpha = Number.parseFloat(match[4]);
@@ -3096,8 +3100,6 @@ var extractRef$2 = function extractRef(ref) {
 var effectCar = createSidecarMedium();
 var focusHiddenMarker = 'data-focus-on-hidden';
 
-__assign$a({}, RemoveScroll.classNames);
-
 var PREVENT_SCROLL = {
   preventScroll: true
 };
@@ -4870,6 +4872,13 @@ function RemoveScrollSideCar(props) {
     if ('touches' in event && moveDirection === 'h' && target.type === 'range') {
       return false;
     }
+    // allow drag selection (iOS); check if selection's anchorNode is the same as target or contains target
+    var selection = window.getSelection();
+    var anchorNode = selection && selection.anchorNode;
+    var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;
+    if (isTouchingSelection) {
+      return false;
+    }
     var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
     if (!canBeScrolledInMainDirection) {
       return true;
@@ -9546,14 +9555,13 @@ function requireClone() {
   Object.defineProperty(clone, "__esModule", {
     value: true
   });
-  clone.clone = void 0;
+  clone.clone = clone$1;
   function clone$1(originalObject) {
     if (!originalObject) {
       return null;
     }
     return JSON.parse(JSON.stringify(originalObject));
   }
-  clone.clone = clone$1;
   return clone;
 }
 
@@ -9569,7 +9577,7 @@ function requireMatches() {
   Object.defineProperty(matches, "__esModule", {
     value: true
   });
-  matches.matches = void 0;
+  matches.matches = matches$1;
   function matchesRange(cardNumber, min, max) {
     var maxLengthToCheck = String(min).length;
     var substr = cardNumber.substr(0, maxLengthToCheck);
@@ -9588,7 +9596,6 @@ function requireMatches() {
     }
     return matchesPattern(cardNumber, pattern);
   }
-  matches.matches = matches$1;
   return matches;
 }
 
@@ -9599,7 +9606,7 @@ function requireAddMatchingCardsToResults() {
   Object.defineProperty(addMatchingCardsToResults, "__esModule", {
     value: true
   });
-  addMatchingCardsToResults.addMatchingCardsToResults = void 0;
+  addMatchingCardsToResults.addMatchingCardsToResults = addMatchingCardsToResults$1;
   var clone_1 = requireClone();
   var matches_1 = requireMatches();
   function addMatchingCardsToResults$1(cardNumber, cardConfiguration, results) {
@@ -9622,7 +9629,6 @@ function requireAddMatchingCardsToResults() {
       break;
     }
   }
-  addMatchingCardsToResults.addMatchingCardsToResults = addMatchingCardsToResults$1;
   return addMatchingCardsToResults;
 }
 
@@ -9635,11 +9641,10 @@ function requireIsValidInputType() {
   Object.defineProperty(isValidInputType, "__esModule", {
     value: true
   });
-  isValidInputType.isValidInputType = void 0;
+  isValidInputType.isValidInputType = isValidInputType$1;
   function isValidInputType$1(cardNumber) {
     return typeof cardNumber === "string" || cardNumber instanceof String;
   }
-  isValidInputType.isValidInputType = isValidInputType$1;
   return isValidInputType;
 }
 
@@ -9652,7 +9657,7 @@ function requireFindBestMatch() {
   Object.defineProperty(findBestMatch, "__esModule", {
     value: true
   });
-  findBestMatch.findBestMatch = void 0;
+  findBestMatch.findBestMatch = findBestMatch$1;
   function hasEnoughResultsToDetermineBestMatch(results) {
     var numberOfResultsWithMaxStrengthProperty = results.filter(function (result) {
       return result.matchStrength;
@@ -9682,7 +9687,6 @@ function requireFindBestMatch() {
       return bestMatch;
     });
   }
-  findBestMatch.findBestMatch = findBestMatch$1;
   return findBestMatch;
 }
 
@@ -9876,6 +9880,7 @@ var TextInput = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     disabled: disabled,
     placeholder: placeholder,
     "aria-label": label || placeholder,
+    "aria-invalid": error ? true : undefined,
     ref: ref,
     onChange: function onChange(event) {
       _onChange === null || _onChange === void 0 || _onChange(event.target.value);
@@ -11159,11 +11164,16 @@ var Field = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     label = _ref.label,
     placeholder = _ref.placeholder,
     rest = _objectWithoutProperties(_ref, _excluded$h);
+  var id = useId();
+  var errorId = "".concat(id, "-error");
   var fieldContextValue = useMemo(function () {
     return {
       displaysError: Boolean(error)
     };
   }, [error]);
+
+  // Combine any existing aria-describedby with our error ID
+  var ariaDescribedBy = [rest['aria-describedby'], error ? errorId : null].filter(Boolean).join(' ') || undefined;
   return /*#__PURE__*/React__default.createElement(FormControlContext.Provider, {
     value: fieldContextValue
   }, /*#__PURE__*/React__default.createElement("label", {
@@ -11177,18 +11187,22 @@ var Field = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     error: error,
     placeholder: placeholder,
     label: label,
-    shiftIconLeftwards: error && children.type === Select
+    shiftIconLeftwards: error && children.type === Select,
+    'aria-describedby': ariaDescribedBy
   }, rest), children.props)), error && /*#__PURE__*/React__default.createElement("span", {
     className: "Field__icon"
   }, /*#__PURE__*/React__default.createElement(Warning16, null))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TextInput, _extends$1({
     ref: ref,
     placeholder: placeholder,
     label: label,
-    error: error
+    error: error,
+    "aria-describedby": ariaDescribedBy
   }, rest)), error && /*#__PURE__*/React__default.createElement("span", {
     className: "Field__icon"
   }, /*#__PURE__*/React__default.createElement(Warning16, null)))), error && /*#__PURE__*/React__default.createElement("span", {
-    className: "Field__error"
+    id: errorId,
+    className: "Field__error",
+    role: "alert"
   }, error)));
 });
 Field.displayName = 'Field';
@@ -12645,9 +12659,10 @@ var Tab = function Tab(_ref) {
 var TabList = function TabList(_ref) {
   var tabs = _ref.tabs,
     onTabSelected = _ref.onTabSelected,
-    activePanel = _ref.activePanel;
+    activePanel = _ref.activePanel,
+    className = _ref.className;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "TabList"
+    className: classNames('TabList', className)
   }, tabs.map(function (tab) {
     return /*#__PURE__*/React__default.createElement(Tab, {
       key: tab.name,
@@ -12679,13 +12694,14 @@ var TabPanels = function TabPanels(_ref) {
   }));
 };
 
-var _excluded$4 = ["tabs", "onTabClicked", "defaultActiveTab", "activeTab", "className"];
+var _excluded$4 = ["tabs", "onTabClicked", "defaultActiveTab", "activeTab", "className", "tabListClassName"];
 var Tabs = function Tabs(_ref) {
   var tabs = _ref.tabs,
     onTabClicked = _ref.onTabClicked,
     defaultActiveTab = _ref.defaultActiveTab,
     activeTab = _ref.activeTab,
     className = _ref.className,
+    tabListClassName = _ref.tabListClassName,
     rest = _objectWithoutProperties(_ref, _excluded$4);
   var _useState = useState(activeTab || defaultActiveTab || tabs[0].name),
     _useState2 = _slicedToArray(_useState, 2),
@@ -12703,7 +12719,8 @@ var Tabs = function Tabs(_ref) {
   }, rest), /*#__PURE__*/React__default.createElement(TabList, {
     tabs: tabs,
     onTabSelected: handleTabClick,
-    activePanel: activePanel
+    activePanel: activePanel,
+    className: tabListClassName
   }), /*#__PURE__*/React__default.createElement(TabPanels, {
     panels: tabs,
     activePanel: activePanel