@moda/om 19.4.2 → 19.5.0

package/README.md

@@ -7,10 +7,10 @@ Moda Operandi's design system expressed as React components.
 ## Meta
 
 - **State**: development
-- **Point people**: [@jmcriffey](https://github.com/jmcriffey)
+- **Point people**: Ecommerce Team
 - **URLS**:
   - **Documentation**: https://moda-om-documentation.netlify.com/
-  - **Storybook**: https://moda-om-storybook.netlify.com/
+  - **Storybook**: https://moda-om-storybook.netlify.app/
 
 ## Developing
 
@@ -69,6 +69,12 @@ Once you want to commit something, `git add` it then run the commitizen CLI. If
 
 When you're happy push to a feature branch and once the code is in `main`, semantic release will detect how to version it and automatically publish it to NPM.
 
+- **Netlify deploy config** is located here: https://app.netlify.com/sites/moda-om-storybook/configuration/deploys
+  
+- **Netlify site overview**: https://app.netlify.com/sites/moda-om-storybook/overview
+
+(settings specified in netlify.toml override any corresponding settings in the Netlify UI)
+
 ## Usage
 
 ### Getting Started

package/dist/index.cjs.js

@@ -1021,6 +1021,85 @@ var colorStringExports = colorString.exports;
   __exportStar(helpers, exports);
 })(dist$4);
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+function _defineProperty$1(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _extends$1() {
+  return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends$1.apply(null, arguments);
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -1048,6 +1127,15 @@ function _iterableToArrayLimit(r, l) {
     return a;
   }
 }
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -1069,6 +1157,32 @@ function _objectSpread2(e) {
   }
   return e;
 }
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -1092,147 +1206,12 @@ function _typeof$1(o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, _typeof$1(o);
 }
-function _defineProperty$1(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-function _objectDestructuringEmpty(obj) {
-  if (obj == null) throw new TypeError("Cannot destructure " + obj);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
-  return target;
-}
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (!it) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike  ) {
-      if (it) o = it;
-      var i = 0;
-      var F = function () {};
-      return {
-        s: F,
-        n: function () {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function (e) {
-          throw e;
-        },
-        f: F
-      };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  var normalCompletion = true,
-    didErr = false,
-    err;
-  return {
-    s: function () {
-      it = it.call(o);
-    },
-    n: function () {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function (e) {
-      didErr = true;
-      err = e;
-    },
-    f: function () {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
 }
 
 var isRenderProps = function isRenderProps(children) {
@@ -3365,24 +3344,24 @@ var isInert = function isInert(node) {
 var isVisibleUncached = function isVisibleUncached(node, checkParent) {
   return !node || isTopNode(node) || !isElementHidden(node) && !isInert(node) && checkParent(getParentNode(node));
 };
-var isVisibleCached = function isVisibleCached(visibilityCache, node) {
+var _isVisibleCached = function isVisibleCached(visibilityCache, node) {
   var cached = visibilityCache.get(node);
   if (cached !== undefined) {
     return cached;
   }
-  var result = isVisibleUncached(node, isVisibleCached.bind(undefined, visibilityCache));
+  var result = isVisibleUncached(node, _isVisibleCached.bind(undefined, visibilityCache));
   visibilityCache.set(node, result);
   return result;
 };
 var isAutoFocusAllowedUncached = function isAutoFocusAllowedUncached(node, checkParent) {
   return node && !isTopNode(node) ? isAutoFocusAllowed(node) ? checkParent(getParentNode(node)) : false : true;
 };
-var isAutoFocusAllowedCached = function isAutoFocusAllowedCached(cache, node) {
+var _isAutoFocusAllowedCached = function isAutoFocusAllowedCached(cache, node) {
   var cached = cache.get(node);
   if (cached !== undefined) {
     return cached;
   }
-  var result = isAutoFocusAllowedUncached(node, isAutoFocusAllowedCached.bind(undefined, cache));
+  var result = isAutoFocusAllowedUncached(node, _isAutoFocusAllowedCached.bind(undefined, cache));
   cache.set(node, result);
   return result;
 };
@@ -3466,9 +3445,9 @@ var tabbables = ['button:enabled', 'select:enabled', 'textarea:enabled', 'input:
 
 var queryTabbables = tabbables.join(',');
 var queryGuardTabbables = "".concat(queryTabbables, ", [data-focus-guard]");
-var getFocusablesWithShadowDom = function getFocusablesWithShadowDom(parent, withGuards) {
+var _getFocusablesWithShadowDom = function getFocusablesWithShadowDom(parent, withGuards) {
   return toArray((parent.shadowRoot || parent).children).reduce(function (acc, child) {
-    return acc.concat(child.matches(withGuards ? queryGuardTabbables : queryTabbables) ? [child] : [], getFocusablesWithShadowDom(child));
+    return acc.concat(child.matches(withGuards ? queryGuardTabbables : queryTabbables) ? [child] : [], _getFocusablesWithShadowDom(child));
   }, []);
 };
 var getFocusablesWithIFrame = function getFocusablesWithIFrame(parent, withGuards) {
@@ -3482,7 +3461,7 @@ var getFocusablesWithIFrame = function getFocusablesWithIFrame(parent, withGuard
 var getFocusables = function getFocusables(parents, withGuards) {
   return parents.reduce(function (acc, parent) {
     var _a;
-    var focusableWithShadowDom = getFocusablesWithShadowDom(parent, withGuards);
+    var focusableWithShadowDom = _getFocusablesWithShadowDom(parent, withGuards);
     var focusableWithIframes = (_a = []).concat.apply(_a, focusableWithShadowDom.map(function (node) {
       return getFocusablesWithIFrame(node, withGuards);
     }));
@@ -3515,7 +3494,7 @@ var getParentAutofocusables = function getParentAutofocusables(parent) {
  */
 var filterFocusable = function filterFocusable(nodes, visibilityCache) {
   return toArray(nodes).filter(function (node) {
-    return isVisibleCached(visibilityCache, node);
+    return _isVisibleCached(visibilityCache, node);
   }).filter(function (node) {
     return notHiddenInput(node);
   });
@@ -3525,7 +3504,7 @@ var filterAutoFocusable = function filterAutoFocusable(nodes, cache) {
     cache = new Map();
   }
   return toArray(nodes).filter(function (node) {
-    return isAutoFocusAllowedCached(cache, node);
+    return _isAutoFocusAllowedCached(cache, node);
   });
 };
 /**
@@ -3565,9 +3544,9 @@ var parentAutofocusables = function parentAutofocusables(topNode, visibilityCach
 /*
  * Determines if element is contained in scope, including nested shadow DOMs
  */
-var contains$1 = function contains(scope, element) {
+var _contains = function contains(scope, element) {
   if (scope.shadowRoot) {
-    return contains(scope.shadowRoot, element);
+    return _contains(scope.shadowRoot, element);
   } else {
     if (Object.getPrototypeOf(scope).contains !== undefined && Object.getPrototypeOf(scope).contains.call(scope, element)) {
       return true;
@@ -3577,11 +3556,11 @@ var contains$1 = function contains(scope, element) {
       if (child instanceof HTMLIFrameElement) {
         var iframeBody = (_a = child.contentDocument) === null || _a === void 0 ? void 0 : _a.body;
         if (iframeBody) {
-          return contains(iframeBody, element);
+          return _contains(iframeBody, element);
         }
         return false;
       }
-      return contains(child, element);
+      return _contains(child, element);
     });
   }
 };
@@ -3618,8 +3597,8 @@ var filterNested = function filterNested(nodes) {
  * @param node
  * @returns {*}
  */
-var getTopParent = function getTopParent(node) {
-  return node.parentNode ? getTopParent(node.parentNode) : node;
+var _getTopParent = function getTopParent(node) {
+  return node.parentNode ? _getTopParent(node.parentNode) : node;
 };
 /**
  * returns all "focus containers" inside a given node
@@ -3630,7 +3609,7 @@ var getAllAffectedNodes = function getAllAffectedNodes(node) {
   var nodes = asArray(node);
   return nodes.filter(Boolean).reduce(function (acc, currentNode) {
     var group = currentNode.getAttribute(FOCUS_GROUP);
-    acc.push.apply(acc, group ? filterNested(toArray(getTopParent(currentNode).querySelectorAll("[".concat(FOCUS_GROUP, "=\"").concat(group, "\"]:not([").concat(FOCUS_DISABLED, "=\"disabled\"])")))) : [currentNode]);
+    acc.push.apply(acc, group ? filterNested(toArray(_getTopParent(currentNode).querySelectorAll("[".concat(FOCUS_GROUP, "=\"").concat(group, "\"]:not([").concat(FOCUS_DISABLED, "=\"disabled\"])")))) : [currentNode]);
     return acc;
   }, []);
 };
@@ -3650,7 +3629,7 @@ var safeProbe = function safeProbe(cb) {
  * returns current active element. If the active element is a "container" itself(shadowRoot or iframe) returns active element inside it
  * @param [inDocument]
  */
-var getActiveElement = function getActiveElement(inDocument) {
+var _getActiveElement = function getActiveElement(inDocument) {
   if (inDocument === void 0) {
     inDocument = document;
   }
@@ -3658,9 +3637,9 @@ var getActiveElement = function getActiveElement(inDocument) {
     return undefined;
   }
   var activeElement = inDocument.activeElement;
-  return activeElement.shadowRoot ? getActiveElement(activeElement.shadowRoot) : activeElement instanceof HTMLIFrameElement && safeProbe(function () {
+  return activeElement.shadowRoot ? _getActiveElement(activeElement.shadowRoot) : activeElement instanceof HTMLIFrameElement && safeProbe(function () {
     return activeElement.contentWindow.document;
-  }) ? getActiveElement(activeElement.contentWindow.document) : activeElement;
+  }) ? _getActiveElement(activeElement.contentWindow.document) : activeElement;
 };
 
 var focusInFrame = function focusInFrame(frame, activeElement) {
@@ -3678,13 +3657,13 @@ var focusInsideIframe = function focusInsideIframe(topNode, activeElement) {
 var focusInside = function focusInside(topNode, activeElement) {
   // const activeElement = document && getActiveElement();
   if (activeElement === void 0) {
-    activeElement = getActiveElement(getFirst(topNode).ownerDocument);
+    activeElement = _getActiveElement(getFirst(topNode).ownerDocument);
   }
   if (!activeElement || activeElement.dataset && activeElement.dataset.focusGuard) {
     return false;
   }
   return getAllAffectedNodes(topNode).some(function (node) {
-    return contains$1(node, activeElement) || focusInsideIframe(node, activeElement);
+    return _contains(node, activeElement) || focusInsideIframe(node, activeElement);
   });
 };
 
@@ -3700,13 +3679,13 @@ var focusIsHidden = function focusIsHidden(inDocument) {
   if (inDocument === void 0) {
     inDocument = document;
   }
-  var activeElement = getActiveElement(inDocument);
+  var activeElement = _getActiveElement(inDocument);
   if (!activeElement) {
     return false;
   }
   // this does not support setting FOCUS_ALLOW within shadow dom
   return toArray(inDocument.querySelectorAll("[".concat(FOCUS_ALLOW, "]"))).some(function (node) {
-    return contains$1(node, activeElement);
+    return _contains(node, activeElement);
   });
 };
 
@@ -3859,13 +3838,13 @@ var pickAutofocus = function pickAutofocus(nodesIndexes, orderedNodes, groups) {
   return pickFirstFocus(filterAutoFocusable(orderedNodes));
 };
 
-var getParents = function getParents(node, parents) {
+var _getParents = function getParents(node, parents) {
   if (parents === void 0) {
     parents = [];
   }
   parents.push(node);
   if (node.parentNode) {
-    getParents(node.parentNode.host || node.parentNode, parents);
+    _getParents(node.parentNode.host || node.parentNode, parents);
   }
   return parents;
 };
@@ -3876,8 +3855,8 @@ var getParents = function getParents(node, parents) {
  * @returns {boolean|*}
  */
 var getCommonParent = function getCommonParent(nodeA, nodeB) {
-  var parentsA = getParents(nodeA);
-  var parentsB = getParents(nodeB);
+  var parentsA = _getParents(nodeA);
+  var parentsB = _getParents(nodeB);
   // tslint:disable-next-line:prefer-for-of
   for (var i = 0; i < parentsA.length; i += 1) {
     var currentParent = parentsA[i];
@@ -3897,7 +3876,7 @@ var getTopCommonParent = function getTopCommonParent(baseActiveElement, leftEntr
     rightEntries.filter(Boolean).forEach(function (subEntry) {
       var common = getCommonParent(activeElement, subEntry);
       if (common) {
-        if (!topCommon || contains$1(common, topCommon)) {
+        if (!topCommon || _contains(common, topCommon)) {
           topCommon = common;
         } else {
           topCommon = getCommonParent(common, topCommon);
@@ -3941,7 +3920,7 @@ var reorderNodes = function reorderNodes(srcNodes, dstNodes) {
  * @param lastNode
  */
 var focusSolver = function focusSolver(topNode, lastNode) {
-  var activeElement = getActiveElement(asArray(topNode).length > 0 ? document : getFirst(topNode).ownerDocument);
+  var activeElement = _getActiveElement(asArray(topNode).length > 0 ? document : getFirst(topNode).ownerDocument);
   var entries = getAllAffectedNodes(topNode).filter(isNotAGuard);
   var commonParent = getTopCommonParent(activeElement || topNode, topNode, entries);
   var visibilityCache = new Map();
@@ -4174,7 +4153,7 @@ var getRelativeFocusable = function getRelativeFocusable(element, scope, useTabb
   }
   var shards = asArray(scope);
   if (shards.every(function (shard) {
-    return !contains$1(shard, element);
+    return !_contains(shard, element);
   })) {
     console.error('Active element is not contained in the scope');
     return {};
@@ -4790,9 +4769,9 @@ var handleScroll = function handleScroll(axis, endTarget, event, sourceDelta, no
   // self content
   targetInLock && (endTarget.contains(target) || endTarget === target));
   // handle epsilon around 0 (non standard zoom levels)
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll )) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll )) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -4986,15 +4965,15 @@ var counterMap = new WeakMap();
 var uncontrolledNodes = new WeakMap();
 var markerMap = {};
 var lockCount = 0;
-var unwrapHost = function unwrapHost(node) {
-  return node && (node.host || unwrapHost(node.parentNode));
+var _unwrapHost = function unwrapHost(node) {
+  return node && (node.host || _unwrapHost(node.parentNode));
 };
 var correctTargets = function correctTargets(parent, targets) {
   return targets.map(function (target) {
     if (parent.contains(target)) {
       return target;
     }
-    var correctedTarget = unwrapHost(target);
+    var correctedTarget = _unwrapHost(target);
     if (correctedTarget && parent.contains(correctedTarget)) {
       return correctedTarget;
     }
@@ -5021,21 +5000,21 @@ var applyAttributeToOthers = function applyAttributeToOthers(originalTarget, par
   var hiddenNodes = [];
   var elementsToKeep = new Set();
   var elementsToStop = new Set(targets);
-  var keep = function keep(el) {
+  var _keep = function keep(el) {
     if (!el || elementsToKeep.has(el)) {
       return;
     }
     elementsToKeep.add(el);
-    keep(el.parentNode);
+    _keep(el.parentNode);
   };
-  targets.forEach(keep);
-  var deep = function deep(parent) {
+  targets.forEach(_keep);
+  var _deep = function deep(parent) {
     if (!parent || elementsToStop.has(parent)) {
       return;
     }
     Array.prototype.forEach.call(parent.children, function (node) {
       if (elementsToKeep.has(node)) {
-        deep(node);
+        _deep(node);
       } else {
         var attr = node.getAttribute(controlAttribute);
         var alreadyHidden = attr !== null && attr !== 'false';
@@ -5056,7 +5035,7 @@ var applyAttributeToOthers = function applyAttributeToOthers(originalTarget, par
       }
     });
   };
-  deep(parentNode);
+  _deep(parentNode);
   elementsToKeep.clear();
   lockCount++;
   return function () {
@@ -5520,12 +5499,8 @@ var T = function T() {
   return true;
 };
 
-var _placeholder = {
-  '@@functional/placeholder': true
-};
-
 function _isPlaceholder(a) {
-  return a === _placeholder;
+  return a != null && _typeof$1(a) === 'object' && a['@@functional/placeholder'] === true;
 }
 
 /**
@@ -10187,7 +10162,7 @@ var Search20 = function Search20(_a) {
 };
 Search20.displayName = 'Search20';
 
-var _excluded$l = ["className", "onChange", "onClear", "roundBorders", "value"];
+var _excluded$l = ["className", "onChange", "onClear", "roundBorders", "noBorders", "value"];
 var DEFAULT_INPUT_VALUE = '';
 var SearchInput = function SearchInput(_ref) {
   var className = _ref.className,
@@ -10195,6 +10170,8 @@ var SearchInput = function SearchInput(_ref) {
     onClear = _ref.onClear,
     _ref$roundBorders = _ref.roundBorders,
     roundBorders = _ref$roundBorders === void 0 ? false : _ref$roundBorders,
+    _ref$noBorders = _ref.noBorders,
+    noBorders = _ref$noBorders === void 0 ? false : _ref$noBorders,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? DEFAULT_INPUT_VALUE : _ref$value,
     rest = _objectWithoutProperties(_ref, _excluded$l);
@@ -10223,7 +10200,8 @@ var SearchInput = function SearchInput(_ref) {
     className: "SearchInput__icon"
   }, /*#__PURE__*/React.createElement(Search20, null)), /*#__PURE__*/React.createElement(TextInput, _extends$1({
     className: classNames('SearchInput__input', {
-      'SearchInput__input--round-borders': roundBorders
+      'SearchInput__input--round-borders': roundBorders,
+      'SearchInput__input--no-borders': noBorders
     }),
     onChange: handleChange,
     value: controlledValue,