@openedx/paragon 22.0.0-alpha.24 → 22.1.0

package/dist/Navbar/index.js

@@ -1,15 +1,16 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import BaseNavbar from 'react-bootstrap/Navbar';
 import BaseNavbarBrand from 'react-bootstrap/NavbarBrand';
 import BaseNavbarToggle from 'react-bootstrap/NavbarToggle';
 import BaseNavbarCollapse from 'react-bootstrap/NavbarCollapse';
 import PropTypes from 'prop-types';
-export const NAVBAR_LABEL = 'Toggle navigation';
+export var NAVBAR_LABEL = 'Toggle navigation';
 function Navbar(props) {
   return /*#__PURE__*/React.createElement(BaseNavbar, props);
 }
@@ -112,8 +113,8 @@ Navbar.defaultProps = {
   expand: true,
   expanded: undefined,
   fixed: undefined,
-  onSelect: () => {},
-  onToggle: () => {},
+  onSelect: function onSelect() {},
+  onToggle: function onToggle() {},
   role: 'navigation',
   sticky: undefined,
   variant: 'light',
@@ -128,7 +129,7 @@ NavbarToggle.defaultProps = {
   as: 'button',
   children: undefined,
   label: NAVBAR_LABEL,
-  onClick: () => {},
+  onClick: function onClick() {},
   bsPrefix: 'navbar-toggler'
 };
 NavbarCollapse.defaultProps = {

package/dist/Navbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","BaseNavbar","BaseNavbarBrand","BaseNavbarToggle","BaseNavbarCollapse","PropTypes","NAVBAR_LABEL","Navbar","props","createElement","NavbarBrand","NavbarToggle","NavbarCollapse","propTypes","_objectSpread","as","elementType","bg","string","collapseOnSelect","bool","expand","oneOf","expanded","fixed","onSelect","func","onToggle","role","sticky","variant","bsPrefix","href","children","node","label","onClick","defaultProps","undefined","Brand","Toggle","Collapse"],"sources":["../../src/Navbar/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseNavbar from 'react-bootstrap/Navbar';\nimport BaseNavbarBrand from 'react-bootstrap/NavbarBrand';\nimport BaseNavbarToggle from 'react-bootstrap/NavbarToggle';\nimport BaseNavbarCollapse from 'react-bootstrap/NavbarCollapse';\nimport PropTypes from 'prop-types';\n\nexport const NAVBAR_LABEL = 'Toggle navigation';\n\nfunction Navbar(props) {\n  return <BaseNavbar {...props} />;\n}\nfunction NavbarBrand(props) {\n  return <BaseNavbarBrand {...props} />;\n}\nfunction NavbarToggle(props) {\n  return <BaseNavbarToggle {...props} />;\n}\nfunction NavbarCollapse(props) {\n  return <BaseNavbarCollapse {...props} />;\n}\n\nNavbar.propTypes = {\n  ...Navbar.propTypes,\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /**\n   * A convenience prop for adding `bg-*` utility classes since they\n   * are so commonly used here. `light` and `dark` are common choices\n   * but any `bg-*` class is supported, including any custom ones you might define.\n   *\n   * Pairs nicely with the `variant` prop.\n   */\n  bg: PropTypes.string,\n  /**\n   * Toggles `expanded` to `false` after the onSelect event of a descendant of a child\n   * `<Nav>` fires. Does nothing if no `<Nav>` or `<Nav>` descendants exist.\n   *\n   * Manually controlling `expanded` via the onSelect callback is recommended instead,\n   * for more complex operations that need to be executed after the `select` event of `<Nav>` descendants.\n   */\n  collapseOnSelect: PropTypes.bool,\n  /**\n   * The breakpoint, below which, the Navbar will collapse.\n   * When `true` the Navbar will always be expanded regardless of screen size.\n   */\n  expand: PropTypes.oneOf([true, 'sm', 'md', 'lg', 'xl']),\n  /** Controls the visibility of the navbar body */\n  expanded: PropTypes.bool,\n  /**\n   * Create a fixed navbar along the top or bottom of the screen,\n   * that scrolls with the page. A convenience prop for the `fixed-*` positioning classes.\n   */\n  fixed: PropTypes.oneOf(['top', 'bottom']),\n  /** A callback fired when a descendant of a child `<Nav>` is selected. */\n  onSelect: PropTypes.func,\n  /**\n   * A callback fired when the `<Navbar>` body collapses or expands.\n   * Fired when a `<Navbar.Toggle>` is clicked and called with the new `expanded` boolean value.\n   *\n   * Controls `expanded`.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * The ARIA role for the navbar, will default to 'navigation'\n   * for Navbars whose as is something other than `<nav>`.\n   */\n  role: PropTypes.string,\n  /**\n   * Position the navbar at the top of the viewport, but only after scrolling past it.\n   * A convenience prop for the `sticky-top` positioning class.\n   */\n  sticky: PropTypes.oneOf(['top']),\n  /**\n   * The general visual variant a the `Navbar`.\n   * Use in combination with the `bg` prop,\n   * `background-color` utilities, or your own background styles.\n   */\n  variant: PropTypes.oneOf(['light', 'dark']),\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavbarBrand.propTypes = {\n  ...NavbarBrand.propTypes,\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /** An href, when provided the Brand will render as an `<a>` element (unless `as` is provided). */\n  href: PropTypes.string,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavbarToggle.propTypes = {\n  ...NavbarToggle.propTypes,\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /** The toggle content. When empty, the default toggle will be rendered. */\n  children: PropTypes.node,\n  /** An accessible ARIA label for the toggler button. */\n  label: PropTypes.string,\n  /** Specifies the callback function when the toggle is clicked. */\n  onClick: PropTypes.func,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavbarCollapse.propTypes = {\n  ...NavbarCollapse.propTypes,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavbar.defaultProps = {\n  as: 'nav',\n  bg: undefined,\n  collapseOnSelect: false,\n  expand: true,\n  expanded: undefined,\n  fixed: undefined,\n  onSelect: () => {},\n  onToggle: () => {},\n  role: 'navigation',\n  sticky: undefined,\n  variant: 'light',\n  bsPrefix: 'navbar',\n};\n\nNavbarBrand.defaultProps = {\n  as: 'nav',\n  href: undefined,\n  bsPrefix: 'navbar',\n};\n\nNavbarToggle.defaultProps = {\n  as: 'button',\n  children: undefined,\n  label: NAVBAR_LABEL,\n  onClick: () => {},\n  bsPrefix: 'navbar-toggler',\n};\n\nNavbarCollapse.defaultProps = {\n  bsPrefix: 'navbar-collapse',\n};\n\nNavbar.Brand = NavbarBrand;\nNavbar.Toggle = NavbarToggle;\nNavbar.Collapse = NavbarCollapse;\n\nexport { NavbarBrand };\nexport default Navbar;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","BaseNavbar","BaseNavbarBrand","BaseNavbarToggle","BaseNavbarCollapse","PropTypes","NAVBAR_LABEL","Navbar","props","createElement","NavbarBrand","NavbarToggle","NavbarCollapse","propTypes","_objectSpread","as","elementType","bg","string","collapseOnSelect","bool","expand","oneOf","expanded","fixed","onSelect","func","onToggle","role","sticky","variant","bsPrefix","href","children","node","label","onClick","defaultProps","undefined","Brand","Toggle","Collapse"],"sources":["../../src/Navbar/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseNavbar from 'react-bootstrap/Navbar';\nimport BaseNavbarBrand from 'react-bootstrap/NavbarBrand';\nimport BaseNavbarToggle from 'react-bootstrap/NavbarToggle';\nimport BaseNavbarCollapse from 'react-bootstrap/NavbarCollapse';\nimport PropTypes from 'prop-types';\n\nexport const NAVBAR_LABEL = 'Toggle navigation';\n\nfunction Navbar(props) {\n  return <BaseNavbar {...props} />;\n}\nfunction NavbarBrand(props) {\n  return <BaseNavbarBrand {...props} />;\n}\nfunction NavbarToggle(props) {\n  return <BaseNavbarToggle {...props} />;\n}\nfunction NavbarCollapse(props) {\n  return <BaseNavbarCollapse {...props} />;\n}\n\nNavbar.propTypes = {\n  ...Navbar.propTypes,\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /**\n   * A convenience prop for adding `bg-*` utility classes since they\n   * are so commonly used here. `light` and `dark` are common choices\n   * but any `bg-*` class is supported, including any custom ones you might define.\n   *\n   * Pairs nicely with the `variant` prop.\n   */\n  bg: PropTypes.string,\n  /**\n   * Toggles `expanded` to `false` after the onSelect event of a descendant of a child\n   * `<Nav>` fires. Does nothing if no `<Nav>` or `<Nav>` descendants exist.\n   *\n   * Manually controlling `expanded` via the onSelect callback is recommended instead,\n   * for more complex operations that need to be executed after the `select` event of `<Nav>` descendants.\n   */\n  collapseOnSelect: PropTypes.bool,\n  /**\n   * The breakpoint, below which, the Navbar will collapse.\n   * When `true` the Navbar will always be expanded regardless of screen size.\n   */\n  expand: PropTypes.oneOf([true, 'sm', 'md', 'lg', 'xl']),\n  /** Controls the visibility of the navbar body */\n  expanded: PropTypes.bool,\n  /**\n   * Create a fixed navbar along the top or bottom of the screen,\n   * that scrolls with the page. A convenience prop for the `fixed-*` positioning classes.\n   */\n  fixed: PropTypes.oneOf(['top', 'bottom']),\n  /** A callback fired when a descendant of a child `<Nav>` is selected. */\n  onSelect: PropTypes.func,\n  /**\n   * A callback fired when the `<Navbar>` body collapses or expands.\n   * Fired when a `<Navbar.Toggle>` is clicked and called with the new `expanded` boolean value.\n   *\n   * Controls `expanded`.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * The ARIA role for the navbar, will default to 'navigation'\n   * for Navbars whose as is something other than `<nav>`.\n   */\n  role: PropTypes.string,\n  /**\n   * Position the navbar at the top of the viewport, but only after scrolling past it.\n   * A convenience prop for the `sticky-top` positioning class.\n   */\n  sticky: PropTypes.oneOf(['top']),\n  /**\n   * The general visual variant a the `Navbar`.\n   * Use in combination with the `bg` prop,\n   * `background-color` utilities, or your own background styles.\n   */\n  variant: PropTypes.oneOf(['light', 'dark']),\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavbarBrand.propTypes = {\n  ...NavbarBrand.propTypes,\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /** An href, when provided the Brand will render as an `<a>` element (unless `as` is provided). */\n  href: PropTypes.string,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavbarToggle.propTypes = {\n  ...NavbarToggle.propTypes,\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /** The toggle content. When empty, the default toggle will be rendered. */\n  children: PropTypes.node,\n  /** An accessible ARIA label for the toggler button. */\n  label: PropTypes.string,\n  /** Specifies the callback function when the toggle is clicked. */\n  onClick: PropTypes.func,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavbarCollapse.propTypes = {\n  ...NavbarCollapse.propTypes,\n  /** Change the underlying component CSS base class name and modifier class names prefix. */\n  bsPrefix: PropTypes.string,\n};\n\nNavbar.defaultProps = {\n  as: 'nav',\n  bg: undefined,\n  collapseOnSelect: false,\n  expand: true,\n  expanded: undefined,\n  fixed: undefined,\n  onSelect: () => {},\n  onToggle: () => {},\n  role: 'navigation',\n  sticky: undefined,\n  variant: 'light',\n  bsPrefix: 'navbar',\n};\n\nNavbarBrand.defaultProps = {\n  as: 'nav',\n  href: undefined,\n  bsPrefix: 'navbar',\n};\n\nNavbarToggle.defaultProps = {\n  as: 'button',\n  children: undefined,\n  label: NAVBAR_LABEL,\n  onClick: () => {},\n  bsPrefix: 'navbar-toggler',\n};\n\nNavbarCollapse.defaultProps = {\n  bsPrefix: 'navbar-collapse',\n};\n\nNavbar.Brand = NavbarBrand;\nNavbar.Toggle = NavbarToggle;\nNavbar.Collapse = NavbarCollapse;\n\nexport { NavbarBrand };\nexport default Navbar;\n"],"mappings":"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"}

package/dist/Navbar/index.scss

@@ -1,276 +1,2 @@
-.navbar {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--pgn-spacing-navbar-padding-y) var(--pgn-spacing-navbar-padding-x-base);
-
-  %container-flex-properties {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  .container,
-  .container-fluid {
-    @extend %container-flex-properties;
-  }
-
-  @each $breakpoint, $container-max-width in $container-max-widths {
-    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
-      @extend %container-flex-properties;
-    }
-  }
-}
-
-.navbar-brand {
-  display: inline-block;
-  padding-top: var(--pgn-spacing-navbar-brand-padding-y);
-  padding-bottom: var(--pgn-spacing-navbar-brand-padding-y);
-  margin-right: var(--pgn-spacing-navbar-padding-x-base);
-  line-height: inherit;
-  white-space: nowrap;
-
-  @include font-size(var(--pgn-typography-navbar-brand-font-size));
-
-  @include hover-focus() {
-    text-decoration: none;
-  }
-}
-
-.navbar-nav {
-  display: flex;
-  flex-direction: column;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-
-  .nav-link {
-    padding-right: 0;
-    padding-left: 0;
-  }
-
-  .dropdown-menu {
-    position: static;
-    float: none;
-  }
-}
-
-.navbar-text {
-  display: inline-block;
-  padding-top: var(--pgn-spacing-nav-link-padding-y);
-  padding-bottom: var(--pgn-spacing-nav-link-padding-y);
-}
-
-.navbar-collapse {
-  flex-basis: 100%;
-  flex-grow: 1;
-  align-items: center;
-}
-
-.navbar-toggler {
-  padding: var(--pgn-spacing-navbar-toggler-padding-y) var(--pgn-spacing-navbar-toggler-padding-x);
-  line-height: 1;
-  background-color: transparent;
-  border: var(--pgn-size-border-width) solid transparent;
-
-  @include border-radius(var(--pgn-size-navbar-toggler-border-radius));
-  @include font-size(var(--pgn-typography-navbar-toggler-font-size));
-
-  @include hover-focus() {
-    text-decoration: none;
-  }
-}
-
-.navbar-toggler-icon {
-  content: "";
-  display: inline-block;
-  width: 1.5em;
-  height: 1.5em;
-  vertical-align: middle;
-  background: 50% / 100% 100% no-repeat;
-}
-
-.navbar-nav-scroll {
-  max-height: var(--pgn-size-navbar-nav-scroll-max-height);
-  overflow-y: auto;
-}
-
-.navbar-expand {
-  @each $breakpoint in map-keys($grid-breakpoints) {
-    $next: breakpoint-next($breakpoint, $grid-breakpoints);
-    $infix: breakpoint-infix($next, $grid-breakpoints);
-
-    &#{$infix} {
-      @include media-breakpoint-down($breakpoint) {
-        %container-navbar-expand-#{$breakpoint} {
-          padding-right: 0;
-          padding-left: 0;
-        }
-
-        > .container,
-        > .container-fluid {
-          @extend %container-navbar-expand-#{$breakpoint};
-        }
-
-        @each $size, $container-max-width in $container-max-widths {
-          > .container#{breakpoint-infix($size, $container-max-widths)} {
-            @extend %container-navbar-expand-#{$breakpoint};
-          }
-        }
-      }
-
-      @include media-breakpoint-up($next) {
-        flex-flow: row nowrap;
-        justify-content: flex-start;
-
-        .navbar-nav {
-          flex-direction: row;
-
-          .dropdown-menu {
-            position: absolute;
-          }
-
-          .nav-link {
-            padding-right: var(--pgn-spacing-navbar-padding-x-nav-link);
-            padding-left: var(--pgn-spacing-navbar-padding-x-nav-link);
-          }
-        }
-
-        %container-nesting-#{$breakpoint} {
-          flex-wrap: nowrap;
-        }
-
-        > .container,
-        > .container-fluid {
-          @extend %container-nesting-#{$breakpoint};
-        }
-
-        @each $size, $container-max-width in $container-max-widths {
-          > .container#{breakpoint-infix($size, $container-max-widths)} {
-            @extend %container-nesting-#{$breakpoint};
-          }
-        }
-
-        .navbar-nav-scroll {
-          overflow: visible;
-        }
-
-        .navbar-collapse {
-          display: flex !important;
-          flex-basis: auto;
-        }
-
-        .navbar-toggler {
-          display: none;
-        }
-      }
-    }
-  }
-}
-
-.navbar-light {
-  .navbar-brand {
-    color: var(--pgn-color-navbar-light-brand-text);
-
-    @include hover-focus() {
-      color: var(--pgn-color-navbar-light-brand-hover);
-    }
-  }
-
-  .navbar-nav {
-    .nav-link {
-      color: var(--pgn-color-navbar-light-text);
-
-      @include hover-focus() {
-        color: var(--pgn-color-navbar-light-hover);
-      }
-
-      &.disabled {
-        color: var(--pgn-color-navbar-light-disabled);
-      }
-    }
-
-    .show > .nav-link,
-    .active > .nav-link,
-    .nav-link.show,
-    .nav-link.active {
-      color: var(--pgn-color-navbar-light-active);
-    }
-  }
-
-  .navbar-toggler {
-    color: var(--pgn-color-navbar-light-text);
-    border-color: var(--pgn-color-navbar-light-toggler-border);
-  }
-
-  .navbar-toggler-icon {
-    background-image: var(--pgn-content-navbar-toggler-light-icon-bg);
-  }
-
-  .navbar-text {
-    color: var(--pgn-color-navbar-light-text);
-
-    a {
-      color: var(--pgn-color-navbar-light-active);
-
-      @include hover-focus() {
-        color: var(--pgn-color-navbar-light-active);
-      }
-    }
-  }
-}
-
-.navbar-dark {
-  .navbar-brand {
-    color: var(--pgn-color-navbar-dark-brand-text);
-
-    @include hover-focus() {
-      color: var(--pgn-color-navbar-dark-brand-hover);
-    }
-  }
-
-  .navbar-nav {
-    .nav-link {
-      color: var(--pgn-color-navbar-dark-text);
-
-      @include hover-focus() {
-        color: var(--pgn-color-navbar-dark-hover);
-      }
-
-      &.disabled {
-        color: var(--pgn-color-navbar-dark-disabled);
-      }
-    }
-
-    .show > .nav-link,
-    .active > .nav-link,
-    .nav-link.show,
-    .nav-link.active {
-      color: var(--pgn-color-navbar-dark-active);
-    }
-  }
-
-  .navbar-toggler {
-    color: var(--pgn-color-navbar-dark-text);
-    border-color: var(--pgn-color-navbar-dark-toggler-border);
-  }
-
-  .navbar-toggler-icon {
-    background-image: var(--pgn-content-navbar-toggler-dark-icon-bg);
-  }
-
-  .navbar-text {
-    color: var(--pgn-color-navbar-dark-text);
-
-    a {
-      color: var(--pgn-color-navbar-dark-active);
-
-      @include hover-focus() {
-        color: var(--pgn-color-navbar-dark-active);
-      }
-    }
-  }
-}
+@import "variables";
+@import "~bootstrap/scss/navbar";

package/dist/OverflowScroll/OverflowScroll.js

@@ -1,46 +1,54 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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 _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useOverflowScroll } from './data';
 import OverflowScrollContext from './OverflowScrollContext';
 import OverflowScrollItems from './OverflowScrollItems';
 function OverflowScroll(_ref) {
-  let {
-    ariaLabel,
-    children,
-    childQuerySelector,
-    hasInteractiveChildren,
-    disableScroll,
-    disableOpacityMasks,
-    onScrollPrevious,
-    onScrollNext,
-    offset,
-    offsetType
-  } = _ref;
-  const [overflowRef, setOverflowRef] = useState();
-  const {
-    isScrolledToStart,
-    isScrolledToEnd,
-    scrollToPrevious,
-    scrollToNext
-  } = useOverflowScroll({
-    childQuerySelector,
-    hasInteractiveChildren,
-    disableScroll,
-    disableOpacityMasks,
-    onScrollPrevious,
-    onScrollNext,
-    overflowRef,
-    offset,
-    offsetType
-  });
-  const contextValue = useMemo(() => ({
-    overflowRef,
-    setOverflowRef,
-    isScrolledToStart,
-    isScrolledToEnd,
-    scrollToPrevious,
-    scrollToNext
-  }), [overflowRef, setOverflowRef, isScrolledToStart, isScrolledToEnd, scrollToPrevious, scrollToNext]);
+  var ariaLabel = _ref.ariaLabel,
+    children = _ref.children,
+    childQuerySelector = _ref.childQuerySelector,
+    hasInteractiveChildren = _ref.hasInteractiveChildren,
+    disableScroll = _ref.disableScroll,
+    disableOpacityMasks = _ref.disableOpacityMasks,
+    onScrollPrevious = _ref.onScrollPrevious,
+    onScrollNext = _ref.onScrollNext,
+    offset = _ref.offset,
+    offsetType = _ref.offsetType;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    overflowRef = _useState2[0],
+    setOverflowRef = _useState2[1];
+  var _useOverflowScroll = useOverflowScroll({
+      childQuerySelector: childQuerySelector,
+      hasInteractiveChildren: hasInteractiveChildren,
+      disableScroll: disableScroll,
+      disableOpacityMasks: disableOpacityMasks,
+      onScrollPrevious: onScrollPrevious,
+      onScrollNext: onScrollNext,
+      overflowRef: overflowRef,
+      offset: offset,
+      offsetType: offsetType
+    }),
+    isScrolledToStart = _useOverflowScroll.isScrolledToStart,
+    isScrolledToEnd = _useOverflowScroll.isScrolledToEnd,
+    scrollToPrevious = _useOverflowScroll.scrollToPrevious,
+    scrollToNext = _useOverflowScroll.scrollToNext;
+  var contextValue = useMemo(function () {
+    return {
+      overflowRef: overflowRef,
+      setOverflowRef: setOverflowRef,
+      isScrolledToStart: isScrolledToStart,
+      isScrolledToEnd: isScrolledToEnd,
+      scrollToPrevious: scrollToPrevious,
+      scrollToNext: scrollToNext
+    };
+  }, [overflowRef, setOverflowRef, isScrolledToStart, isScrolledToEnd, scrollToPrevious, scrollToNext]);
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__overflow-scroll",
     role: "region",

package/dist/OverflowScroll/OverflowScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowScroll.js","names":["React","useState","useMemo","PropTypes","useOverflowScroll","OverflowScrollContext","OverflowScrollItems","OverflowScroll","_ref","ariaLabel","children","childQuerySelector","hasInteractiveChildren","disableScroll","disableOpacityMasks","onScrollPrevious","onScrollNext","offset","offsetType","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","contextValue","createElement","className","role","Provider","value","Items","propTypes","string","isRequired","node","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/OverflowScroll/OverflowScroll.jsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useOverflowScroll } from './data';\nimport OverflowScrollContext from './OverflowScrollContext';\nimport OverflowScrollItems from './OverflowScrollItems';\n\nfunction OverflowScroll({\n  ariaLabel,\n  children,\n  childQuerySelector,\n  hasInteractiveChildren,\n  disableScroll,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  offset,\n  offsetType,\n}) {\n  const [overflowRef, setOverflowRef] = useState();\n\n  const {\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  } = useOverflowScroll({\n    childQuerySelector,\n    hasInteractiveChildren,\n    disableScroll,\n    disableOpacityMasks,\n    onScrollPrevious,\n    onScrollNext,\n    overflowRef,\n    offset,\n    offsetType,\n  });\n\n  const contextValue = useMemo(() => ({\n    overflowRef,\n    setOverflowRef,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  }), [\n    overflowRef,\n    setOverflowRef,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  ]);\n\n  return (\n    <div\n      className=\"pgn__overflow-scroll\"\n      role=\"region\"\n      aria-label={ariaLabel}\n    >\n      <OverflowScrollContext.Provider value={contextValue}>\n        {children}\n      </OverflowScrollContext.Provider>\n    </div>\n  );\n}\n\nOverflowScroll.Items = OverflowScrollItems;\n\nOverflowScroll.propTypes = {\n  /** Text describing the OverflowScroll for screen readers */\n  ariaLabel: PropTypes.string.isRequired,\n  /** Specifies the content of the `OverflowScroll`. */\n  children: PropTypes.node.isRequired,\n  /** A CSS query selector to find all child elements within the overflow container. */\n  childQuerySelector: PropTypes.string,\n  /** Whether the child `OverflowScroll` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n   * added to be a11y-compliant */\n  hasInteractiveChildren: PropTypes.bool,\n  /** Whether users can scroll within the overflow container. */\n  disableScroll: PropTypes.bool,\n  /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n  disableOpacityMasks: PropTypes.bool,\n  /** Callback function for when the user scrolls to the previous element. */\n  onScrollPrevious: PropTypes.func,\n  /** Callback function for when the user scrolls to the next element. */\n  onScrollNext: PropTypes.func,\n  /** A value specifying the distance the scroll should move. */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Type of offset value (percentage or fixed). */\n  offsetType: PropTypes.oneOf(['percentage', 'fixed']),\n};\n\nOverflowScroll.defaultProps = {\n  childQuerySelector: undefined,\n  disableScroll: false,\n  hasInteractiveChildren: false,\n  disableOpacityMasks: false,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  offset: undefined,\n  offsetType: 'percentage',\n};\n\nexport default OverflowScroll;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB,QAAQ,QAAQ;AAC1C,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SAASC,cAAcA,CAAAC,IAAA,EAWpB;EAAA,IAXqB;IACtBC,SAAS;IACTC,QAAQ;IACRC,kBAAkB;IAClBC,sBAAsB;IACtBC,aAAa;IACbC,mBAAmB;IACnBC,gBAAgB;IAChBC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,GAAAV,IAAA;EACC,MAAM,CAACW,WAAW,EAAEC,cAAc,CAAC,GAAGnB,QAAQ,CAAC,CAAC;EAEhD,MAAM;IACJoB,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGpB,iBAAiB,CAAC;IACpBO,kBAAkB;IAClBC,sBAAsB;IACtBC,aAAa;IACbC,mBAAmB;IACnBC,gBAAgB;IAChBC,YAAY;IACZG,WAAW;IACXF,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,MAAMO,YAAY,GAAGvB,OAAO,CAAC,OAAO;IAClCiB,WAAW;IACXC,cAAc;IACdC,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,CAAC,EAAE,CACFL,WAAW,EACXC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,CACb,CAAC;EAEF,oBACExB,KAAA,CAAA0B,aAAA;IACEC,SAAS,EAAC,sBAAsB;IAChCC,IAAI,EAAC,QAAQ;IACb,cAAYnB;EAAU,gBAEtBT,KAAA,CAAA0B,aAAA,CAACrB,qBAAqB,CAACwB,QAAQ;IAACC,KAAK,EAAEL;EAAa,GACjDf,QAC6B,CAC7B,CAAC;AAEV;AAEAH,cAAc,CAACwB,KAAK,GAAGzB,mBAAmB;AAE1CC,cAAc,CAACyB,SAAS,GAAG;EACzB;EACAvB,SAAS,EAAEN,SAAS,CAAC8B,MAAM,CAACC,UAAU;EACtC;EACAxB,QAAQ,EAAEP,SAAS,CAACgC,IAAI,CAACD,UAAU;EACnC;EACAvB,kBAAkB,EAAER,SAAS,CAAC8B,MAAM;EACpC;AACF;EACErB,sBAAsB,EAAET,SAAS,CAACiC,IAAI;EACtC;EACAvB,aAAa,EAAEV,SAAS,CAACiC,IAAI;EAC7B;EACAtB,mBAAmB,EAAEX,SAAS,CAACiC,IAAI;EACnC;EACArB,gBAAgB,EAAEZ,SAAS,CAACkC,IAAI;EAChC;EACArB,YAAY,EAAEb,SAAS,CAACkC,IAAI;EAC5B;EACApB,MAAM,EAAEd,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,MAAM,EAAEpC,SAAS,CAAC8B,MAAM,CAAC,CAAC;EACjE;EACAf,UAAU,EAAEf,SAAS,CAACqC,KAAK,CAAC,CAAC,YAAY,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDjC,cAAc,CAACkC,YAAY,GAAG;EAC5B9B,kBAAkB,EAAE+B,SAAS;EAC7B7B,aAAa,EAAE,KAAK;EACpBD,sBAAsB,EAAE,KAAK;EAC7BE,mBAAmB,EAAE,KAAK;EAC1BC,gBAAgB,EAAE2B,SAAS;EAC3B1B,YAAY,EAAE0B,SAAS;EACvBzB,MAAM,EAAEyB,SAAS;EACjBxB,UAAU,EAAE;AACd,CAAC;AAED,eAAeX,cAAc"}
+{"version":3,"file":"OverflowScroll.js","names":["React","useState","useMemo","PropTypes","useOverflowScroll","OverflowScrollContext","OverflowScrollItems","OverflowScroll","_ref","ariaLabel","children","childQuerySelector","hasInteractiveChildren","disableScroll","disableOpacityMasks","onScrollPrevious","onScrollNext","offset","offsetType","_useState","_useState2","_slicedToArray","overflowRef","setOverflowRef","_useOverflowScroll","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","contextValue","createElement","className","role","Provider","value","Items","propTypes","string","isRequired","node","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/OverflowScroll/OverflowScroll.jsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useOverflowScroll } from './data';\nimport OverflowScrollContext from './OverflowScrollContext';\nimport OverflowScrollItems from './OverflowScrollItems';\n\nfunction OverflowScroll({\n  ariaLabel,\n  children,\n  childQuerySelector,\n  hasInteractiveChildren,\n  disableScroll,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  offset,\n  offsetType,\n}) {\n  const [overflowRef, setOverflowRef] = useState();\n\n  const {\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  } = useOverflowScroll({\n    childQuerySelector,\n    hasInteractiveChildren,\n    disableScroll,\n    disableOpacityMasks,\n    onScrollPrevious,\n    onScrollNext,\n    overflowRef,\n    offset,\n    offsetType,\n  });\n\n  const contextValue = useMemo(() => ({\n    overflowRef,\n    setOverflowRef,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  }), [\n    overflowRef,\n    setOverflowRef,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  ]);\n\n  return (\n    <div\n      className=\"pgn__overflow-scroll\"\n      role=\"region\"\n      aria-label={ariaLabel}\n    >\n      <OverflowScrollContext.Provider value={contextValue}>\n        {children}\n      </OverflowScrollContext.Provider>\n    </div>\n  );\n}\n\nOverflowScroll.Items = OverflowScrollItems;\n\nOverflowScroll.propTypes = {\n  /** Text describing the OverflowScroll for screen readers */\n  ariaLabel: PropTypes.string.isRequired,\n  /** Specifies the content of the `OverflowScroll`. */\n  children: PropTypes.node.isRequired,\n  /** A CSS query selector to find all child elements within the overflow container. */\n  childQuerySelector: PropTypes.string,\n  /** Whether the child `OverflowScroll` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n   * added to be a11y-compliant */\n  hasInteractiveChildren: PropTypes.bool,\n  /** Whether users can scroll within the overflow container. */\n  disableScroll: PropTypes.bool,\n  /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n  disableOpacityMasks: PropTypes.bool,\n  /** Callback function for when the user scrolls to the previous element. */\n  onScrollPrevious: PropTypes.func,\n  /** Callback function for when the user scrolls to the next element. */\n  onScrollNext: PropTypes.func,\n  /** A value specifying the distance the scroll should move. */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Type of offset value (percentage or fixed). */\n  offsetType: PropTypes.oneOf(['percentage', 'fixed']),\n};\n\nOverflowScroll.defaultProps = {\n  childQuerySelector: undefined,\n  disableScroll: false,\n  hasInteractiveChildren: false,\n  disableOpacityMasks: false,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  offset: undefined,\n  offsetType: 'percentage',\n};\n\nexport default OverflowScroll;\n"],"mappings":"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"}

package/dist/OverflowScroll/OverflowScrollContext.js

@@ -1,4 +1,4 @@
 import { createContext } from 'react';
-const OverflowScrollContext = /*#__PURE__*/createContext();
+var OverflowScrollContext = /*#__PURE__*/createContext();
 export default OverflowScrollContext;
 //# sourceMappingURL=OverflowScrollContext.js.map

package/dist/OverflowScroll/OverflowScrollContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowScrollContext.js","names":["createContext","OverflowScrollContext"],"sources":["../../src/OverflowScroll/OverflowScrollContext.jsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst OverflowScrollContext = createContext();\n\nexport default OverflowScrollContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,MAAMC,qBAAqB,gBAAGD,aAAa,CAAC,CAAC;AAE7C,eAAeC,qBAAqB"}
+{"version":3,"file":"OverflowScrollContext.js","names":["createContext","OverflowScrollContext"],"sources":["../../src/OverflowScroll/OverflowScrollContext.jsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst OverflowScrollContext = createContext();\n\nexport default OverflowScrollContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,IAAMC,qBAAqB,gBAAGD,aAAa,CAAC,CAAC;AAE7C,eAAeC,qBAAqB"}

package/dist/OverflowScroll/OverflowScrollItems.js

@@ -1,10 +1,8 @@
 import PropTypes from 'prop-types';
 import { useOverflowScrollItems } from './data';
 function OverflowScrollItems(_ref) {
-  let {
-    children
-  } = _ref;
-  const overflowScrollChildren = useOverflowScrollItems(children);
+  var children = _ref.children;
+  var overflowScrollChildren = useOverflowScrollItems(children);
   return overflowScrollChildren;
 }
 OverflowScrollItems.propTypes = {

package/dist/OverflowScroll/OverflowScrollItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowScrollItems.js","names":["PropTypes","useOverflowScrollItems","OverflowScrollItems","_ref","children","overflowScrollChildren","propTypes","node","isRequired"],"sources":["../../src/OverflowScroll/OverflowScrollItems.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useOverflowScrollItems } from './data';\n\nfunction OverflowScrollItems({ children }) {\n  const overflowScrollChildren = useOverflowScrollItems(children);\n  return overflowScrollChildren;\n}\n\nOverflowScrollItems.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default OverflowScrollItems;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,sBAAsB,QAAQ,QAAQ;AAE/C,SAASC,mBAAmBA,CAAAC,IAAA,EAAe;EAAA,IAAd;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACvC,MAAME,sBAAsB,GAAGJ,sBAAsB,CAACG,QAAQ,CAAC;EAC/D,OAAOC,sBAAsB;AAC/B;AAEAH,mBAAmB,CAACI,SAAS,GAAG;EAC9BF,QAAQ,EAAEJ,SAAS,CAACO,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeN,mBAAmB"}
+{"version":3,"file":"OverflowScrollItems.js","names":["PropTypes","useOverflowScrollItems","OverflowScrollItems","_ref","children","overflowScrollChildren","propTypes","node","isRequired"],"sources":["../../src/OverflowScroll/OverflowScrollItems.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useOverflowScrollItems } from './data';\n\nfunction OverflowScrollItems({ children }) {\n  const overflowScrollChildren = useOverflowScrollItems(children);\n  return overflowScrollChildren;\n}\n\nOverflowScrollItems.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default OverflowScrollItems;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,sBAAsB,QAAQ,QAAQ;AAE/C,SAASC,mBAAmBA,CAAAC,IAAA,EAAe;EAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACrC,IAAMC,sBAAsB,GAAGJ,sBAAsB,CAACG,QAAQ,CAAC;EAC/D,OAAOC,sBAAsB;AAC/B;AAEAH,mBAAmB,CAACI,SAAS,GAAG;EAC9BF,QAAQ,EAAEJ,SAAS,CAACO,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeN,mBAAmB"}

package/dist/OverflowScroll/_variables.scss

@@ -0,0 +1,5 @@
+.pgn__overflow-scroll-overflow-container {
+  --pgn-overflow-scroll-opacity-mask-transparent: rgba(0, 0, 0, .4);
+}
+
+$overflow-scroll-opacity-mask-transparent: var(--pgn-overflow-scroll-opacity-mask-transparent) !default;

package/dist/OverflowScroll/data/useOverflowScrollElementAttributes.js

@@ -2,9 +2,9 @@ import { useEffect } from 'react';
 
 export const OVERFLOW_SCROLL_OVERFLOW_CONTAINER_CLASS = 'pgn__overflow-scroll-overflow-container';
 
-export const OVERFLOW_SCROLL_OVERFLOW_OPACITY_MASK_GRADIENT_START = 'linear-gradient(to right, var(--pgn-color-overflow-scroll-opacity-mask-transparent) 0%, black 10%';
-export const OVERFLOW_SCROLL_OVERFLOW_OPACITY_MASK_GRADIENT_END = 'linear-gradient(to right, black 90%, var(--pgn-color-overflow-scroll-opacity-mask-transparent) 100%';
-export const OVERFLOW_SCROLL_OVERFLOW_OPACITY_MASK_GRADIENT_START_END = 'linear-gradient(to right, var(--pgn-color-overflow-scroll-opacity-mask-transparent) 0%, black 10%, black 90%, var(--pgn-color-overflow-scroll-opacity-mask-transparent) 100%)';
+export const OVERFLOW_SCROLL_OVERFLOW_OPACITY_MASK_GRADIENT_START = 'linear-gradient(to right, var(--pgn-overflow-scroll-opacity-mask-transparent) 0%, black 10%';
+export const OVERFLOW_SCROLL_OVERFLOW_OPACITY_MASK_GRADIENT_END = 'linear-gradient(to right, black 90%, var(--pgn-overflow-scroll-opacity-mask-transparent) 100%';
+export const OVERFLOW_SCROLL_OVERFLOW_OPACITY_MASK_GRADIENT_START_END = 'linear-gradient(to right, var(--pgn-overflow-scroll-opacity-mask-transparent) 0%, black 10%, black 90%, var(--pgn-overflow-scroll-opacity-mask-transparent) 100%)';
 
 /**
  * Given the ref the overflow container element, adds the following:

package/dist/OverflowScroll/index.scss

@@ -0,0 +1 @@
+@import "variables";

package/dist/Overlay/index.js

@@ -1,16 +1,17 @@
 import React from 'react';
 import BaseOverlay from 'react-bootstrap/Overlay';
 import BaseOverlayTrigger from 'react-bootstrap/OverlayTrigger';
+import Fade from 'react-bootstrap/Fade';
 import PropTypes from 'prop-types';
-const PLACEMENT_VARIANTS = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
-const TRIGGER_VARIANTS = ['hover', 'click', 'focus'];
+var PLACEMENT_VARIANTS = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
+var TRIGGER_VARIANTS = ['hover', 'click', 'focus'];
 function Overlay(props) {
   return /*#__PURE__*/React.createElement(BaseOverlay, props);
 }
 function OverlayTrigger(props) {
   return /*#__PURE__*/React.createElement(BaseOverlayTrigger, props, props.children);
 }
-const triggerType = PropTypes.oneOf(TRIGGER_VARIANTS);
+var triggerType = PropTypes.oneOf(TRIGGER_VARIANTS);
 Overlay.propTypes = {
   /** Specifies the content of the `Overlay`. */
   children: PropTypes.node.isRequired,
@@ -59,7 +60,7 @@ Overlay.propTypes = {
    * Animate the entering and exiting of the Overlay. `true` will use the `<Fade>` transition,
    * or a custom react-transition-group `<Transition>` component can be provided.
    */
-  transition: PropTypes.oneOfType([PropTypes.bool, PropTypes.elementType])
+  transition: PropTypes.oneOfType([PropTypes.object, PropTypes.bool])
 };
 OverlayTrigger.propTypes = {
   /** Specifies the content of the `OverlayTrigger`. */
@@ -113,7 +114,7 @@ Overlay.defaultProps = {
   rootCloseEvent: undefined,
   show: false,
   target: undefined,
-  transition: true
+  transition: Fade
 };
 OverlayTrigger.defaultProps = {
   defaultShow: false,