@openedx/paragon 23.0.0-alpha.1 → 23.0.0-alpha.3

package/dist/IconButton/index.js

@@ -1,6 +1,8 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "alt", "invertColors", "icon", "src", "iconClassNames", "onClick", "size", "variant", "iconAs", "isActive"],
-  _excluded2 = ["tooltipPlacement", "tooltipContent", "variant", "invertColors"];
+var _excluded = ["className", "alt", "invertColors", "icon", "src", "iconClassNames", "onClick", "size", "variant", "iconAs", "isActive", "children"],
+  _excluded2 = ["tooltipPlacement", "tooltipContent"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _extends() { _extends = 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.apply(this, arguments); }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -25,6 +27,7 @@ var IconButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     variant = _ref.variant,
     iconAs = _ref.iconAs,
     isActive = _ref.isActive,
+    children = _ref.children,
     attrs = _objectWithoutProperties(_ref, _excluded);
   var invert = invertColors ? 'inverse-' : '';
   var activeStyle = isActive ? "".concat(variant, "-") : '';
@@ -37,7 +40,7 @@ var IconButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref
   }, attrs), /*#__PURE__*/React.createElement("span", {
     className: "btn-icon__icon-container"
-  }, /*#__PURE__*/React.createElement(IconComponent, {
+  }, IconComponent && /*#__PURE__*/React.createElement(IconComponent, {
     className: classNames('btn-icon__icon', iconClassNames),
     icon: icon,
     src: src
@@ -45,7 +48,7 @@ var IconButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 IconButton.defaultProps = {
   iconAs: Icon,
-  src: null,
+  src: undefined,
   icon: undefined,
   iconClassNames: undefined,
   className: undefined,
@@ -53,7 +56,8 @@ IconButton.defaultProps = {
   variant: 'primary',
   size: 'md',
   onClick: function onClick() {},
-  isActive: false
+  isActive: false,
+  children: undefined
 };
 IconButton.propTypes = {
   /** A custom class name. */
@@ -61,9 +65,9 @@ IconButton.propTypes = {
   /** Component that renders the icon, currently defaults to `Icon` */
   iconAs: PropTypes.elementType,
   /** An icon component to render. Example import of a Paragon icon component:
-   * `import { Check } from '@openedx/paragon/dist/icon';`
+   * `import { Check } from '@openedx/paragon/icons';`
    * */
-  src: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),
+  src: PropTypes.elementType,
   /** Alt text for your icon. For best practice, avoid using alt text to describe
    * the image in the `IconButton`. Instead, we recommend describing the function
    * of the button. */
@@ -88,37 +92,25 @@ IconButton.propTypes = {
   /** whether to show the `IconButton` in an active state, whose styling is distinct from default state */
   isActive: PropTypes.bool
 };
-
 /**
- *
- * @param { object } args Arguments
- * @param { string } args.tooltipPlacement choose from https://popper.js.org/docs/v2/constructors/#options
- * @param { React.Component } args.tooltipContent any content to pass to tooltip content area
- * @returns { IconButton } a button wrapped in overlaytrigger
+ * An icon button wrapped in overlaytrigger to display a tooltip.
  */
 function IconButtonWithTooltip(_ref2) {
   var tooltipPlacement = _ref2.tooltipPlacement,
     tooltipContent = _ref2.tooltipContent,
-    variant = _ref2.variant,
-    invertColors = _ref2.invertColors,
     props = _objectWithoutProperties(_ref2, _excluded2);
-  var invert = invertColors ? 'inverse-' : '';
+  var invert = props.invertColors ? 'inverse-' : '';
   return /*#__PURE__*/React.createElement(OverlayTrigger, {
     placement: tooltipPlacement,
     overlay: /*#__PURE__*/React.createElement(Tooltip, {
       id: "iconbutton-tooltip-".concat(tooltipPlacement),
-      variant: invert ? 'light' : ''
+      variant: invert ? 'light' : undefined
     }, tooltipContent)
-  }, /*#__PURE__*/React.createElement(IconButton, _extends({
-    variant: variant,
-    invertColors: invertColors
-  }, props)));
+  }, /*#__PURE__*/React.createElement(IconButton, props));
 }
-IconButtonWithTooltip.defaultProps = {
-  tooltipPlacement: 'top',
-  variant: 'primary',
-  invertColors: false
-};
+IconButtonWithTooltip.defaultProps = _objectSpread(_objectSpread({}, IconButton.defaultProps), {}, {
+  tooltipPlacement: 'top'
+});
 IconButtonWithTooltip.propTypes = {
   /** tooltip placement can be top, left, right etc, per https://popper.js.org/docs/v2/constructors/#options  */
   tooltipPlacement: PropTypes.string,

package/dist/IconButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Icon","OverlayTrigger","Tooltip","IconButton","forwardRef","_ref","ref","className","alt","invertColors","icon","src","iconClassNames","onClick","size","variant","iconAs","isActive","attrs","_objectWithoutProperties","_excluded","invert","activeStyle","concat","IconComponent","createElement","_extends","_defineProperty","type","defaultProps","undefined","propTypes","string","elementType","oneOfType","element","isRequired","bool","shape","prefix","iconName","array","func","oneOf","IconButtonWithTooltip","_ref2","tooltipPlacement","tooltipContent","props","_excluded2","placement","overlay","id","node"],"sources":["../../src/IconButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Icon from '../Icon';\nimport { OverlayTrigger } from '../Overlay';\nimport Tooltip from '../Tooltip';\n\nconst IconButton = React.forwardRef(({\n  className,\n  alt,\n  invertColors,\n  icon,\n  src,\n  iconClassNames,\n  onClick,\n  size,\n  variant,\n  iconAs,\n  isActive,\n  ...attrs\n}, ref) => {\n  const invert = invertColors ? 'inverse-' : '';\n  const activeStyle = isActive ? `${variant}-` : '';\n  const IconComponent = iconAs;\n\n  return (\n    <button\n      aria-label={alt}\n      className={classNames(\n        'btn-icon',\n        `btn-icon-${invert}${variant}`,\n        `btn-icon-${size}`,\n        {\n          [`btn-icon-${invert}${activeStyle}active`]: isActive,\n        },\n        className,\n      )}\n      onClick={onClick}\n      type=\"button\"\n      ref={ref}\n      {...attrs}\n    >\n      <span className=\"btn-icon__icon-container\">\n        <IconComponent\n          className={classNames('btn-icon__icon', iconClassNames)}\n          icon={icon}\n          src={src}\n        />\n      </span>\n    </button>\n  );\n});\n\nIconButton.defaultProps = {\n  iconAs: Icon,\n  src: null,\n  icon: undefined,\n  iconClassNames: undefined,\n  className: undefined,\n  invertColors: false,\n  variant: 'primary',\n  size: 'md',\n  onClick: () => {},\n  isActive: false,\n};\n\nIconButton.propTypes = {\n  /** A custom class name. */\n  className: PropTypes.string,\n  /** Component that renders the icon, currently defaults to `Icon` */\n  iconAs: PropTypes.elementType,\n  /** An icon component to render. Example import of a Paragon icon component:\n   * `import { Check } from '@openedx/paragon/dist/icon';`\n   * */\n  src: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),\n  /** Alt text for your icon. For best practice, avoid using alt text to describe\n   * the image in the `IconButton`. Instead, we recommend describing the function\n   * of the button. */\n  alt: PropTypes.string.isRequired,\n  /** Changes icon styles for dark background */\n  invertColors: PropTypes.bool,\n  /** Accepts a [Paragon icon](https://paragon-openedx.netlify.app/foundations/icons) */\n  icon: PropTypes.shape({\n    prefix: PropTypes.string,\n    iconName: PropTypes.string,\n    // eslint-disable-next-line react/forbid-prop-types\n    icon: PropTypes.array,\n  }),\n  /** Extra class names that will be added to the icon */\n  iconClassNames: PropTypes.string,\n  /** Click handler for the button */\n  onClick: PropTypes.func,\n  /** Type of button (uses Bootstrap options) */\n  variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'light', 'dark', 'black', 'brand']),\n  /** size of button to render */\n  size: PropTypes.oneOf(['sm', 'md', 'inline']),\n  /** whether to show the `IconButton` in an active state, whose styling is distinct from default state */\n  isActive: PropTypes.bool,\n};\n\n/**\n *\n * @param { object } args Arguments\n * @param { string } args.tooltipPlacement choose from https://popper.js.org/docs/v2/constructors/#options\n * @param { React.Component } args.tooltipContent any content to pass to tooltip content area\n * @returns { IconButton } a button wrapped in overlaytrigger\n */\nfunction IconButtonWithTooltip({\n  tooltipPlacement, tooltipContent, variant, invertColors, ...props\n}) {\n  const invert = invertColors ? 'inverse-' : '';\n  return (\n    <OverlayTrigger\n      placement={tooltipPlacement}\n      overlay={(\n        <Tooltip\n          id={`iconbutton-tooltip-${tooltipPlacement}`}\n          variant={invert ? 'light' : ''}\n        >\n          {tooltipContent}\n        </Tooltip>\n      )}\n    >\n      <IconButton variant={variant} invertColors={invertColors} {...props} />\n    </OverlayTrigger>\n  );\n}\n\nIconButtonWithTooltip.defaultProps = {\n  tooltipPlacement: 'top',\n  variant: 'primary',\n  invertColors: false,\n};\n\nIconButtonWithTooltip.propTypes = {\n  /** tooltip placement can be top, left, right etc, per https://popper.js.org/docs/v2/constructors/#options  */\n  tooltipPlacement: PropTypes.string,\n  /** any valid JSX or text to be rendered as tooltip contents */\n  tooltipContent: PropTypes.node.isRequired,\n  /** Type of button (uses Bootstrap options) */\n  variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'light', 'dark', 'black', 'brand']),\n  /** Changes icon styles for dark background */\n  invertColors: PropTypes.bool,\n};\n\nIconButton.IconButtonWithTooltip = IconButtonWithTooltip;\n\nexport default IconButton;\nexport { IconButtonWithTooltip };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Icon","OverlayTrigger","Tooltip","IconButton","forwardRef","_ref","ref","className","alt","invertColors","icon","src","iconClassNames","onClick","size","variant","iconAs","isActive","children","attrs","_objectWithoutProperties","_excluded","invert","activeStyle","concat","IconComponent","createElement","_extends","_defineProperty","type","defaultProps","undefined","propTypes","string","elementType","isRequired","bool","shape","prefix","iconName","array","func","oneOf","IconButtonWithTooltip","_ref2","tooltipPlacement","tooltipContent","props","_excluded2","placement","overlay","id","_objectSpread","node"],"sources":["../../src/IconButton/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { type Placement } from 'react-bootstrap/Overlay';\nimport Icon from '../Icon';\nimport { OverlayTrigger } from '../Overlay';\nimport Tooltip from '../Tooltip';\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  iconAs?: React.ComponentType<any>,\n  /** Additional CSS class[es] to apply to this button */\n  className?: string;\n  /** Alt text for your icon. For best practice, avoid using alt text to describe\n   * the image in the `IconButton`. Instead, we recommend describing the function\n   * of the button. */\n  alt: string;\n  /** Changes icon styles for dark background */\n  invertColors?: boolean;\n  /** An icon component to render. Example import of a Paragon icon component:\n   * `import { Check } from '@openedx/paragon/icons';`\n   * */\n  // Note: React.ComponentType is what we want here. React.ElementType would allow some element type strings like \"div\",\n  // but we only want to allow components like 'Add' (a specific icon component function/class)\n  src?: React.ComponentType;\n  /** Extra class names that will be added to the icon */\n  iconClassNames?: string;\n  /** Click handler for the button */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** whether to show the `IconButton` in an active state, whose styling is distinct from default state */\n  isActive?: boolean;\n  /** @deprecated Using FontAwesome icons is deprecated. Instead, pass iconAs={Icon} src={...} */\n  icon?: { prefix?: string; iconName?: string, icon?: any[] },\n  /** Type of button (uses Bootstrap options) */\n  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'black' | 'brand';\n  /** size of button to render */\n  size?: 'sm' | 'md' | 'inline';\n  /** no children */\n  children?: never;\n}\n\nconst IconButton = React.forwardRef<HTMLButtonElement, Props>(({\n  className,\n  alt,\n  invertColors,\n  icon,\n  src,\n  iconClassNames,\n  onClick,\n  size,\n  variant,\n  iconAs,\n  isActive,\n  children, // unused, just here because we don't want it to be part of 'attrs'\n  ...attrs\n}, ref) => {\n  const invert = invertColors ? 'inverse-' : '';\n  const activeStyle = isActive ? `${variant}-` : '';\n  const IconComponent = iconAs;\n\n  return (\n    <button\n      aria-label={alt}\n      className={classNames(\n        'btn-icon',\n        `btn-icon-${invert}${variant}`,\n        `btn-icon-${size}`,\n        {\n          [`btn-icon-${invert}${activeStyle}active`]: isActive,\n        },\n        className,\n      )}\n      onClick={onClick}\n      type=\"button\"\n      ref={ref}\n      {...attrs}\n    >\n      <span className=\"btn-icon__icon-container\">\n        {IconComponent && (\n          <IconComponent\n            className={classNames('btn-icon__icon', iconClassNames)}\n            icon={icon as any}\n            src={src}\n          />\n        )}\n      </span>\n    </button>\n  );\n});\n\nIconButton.defaultProps = {\n  iconAs: Icon,\n  src: undefined,\n  icon: undefined,\n  iconClassNames: undefined,\n  className: undefined,\n  invertColors: false,\n  variant: 'primary',\n  size: 'md',\n  onClick: () => {},\n  isActive: false,\n  children: undefined,\n};\n\nIconButton.propTypes = {\n  /** A custom class name. */\n  className: PropTypes.string,\n  /** Component that renders the icon, currently defaults to `Icon` */\n  iconAs: PropTypes.elementType as any,\n  /** An icon component to render. Example import of a Paragon icon component:\n   * `import { Check } from '@openedx/paragon/icons';`\n   * */\n  src: PropTypes.elementType as any,\n  /** Alt text for your icon. For best practice, avoid using alt text to describe\n   * the image in the `IconButton`. Instead, we recommend describing the function\n   * of the button. */\n  alt: PropTypes.string.isRequired,\n  /** Changes icon styles for dark background */\n  invertColors: PropTypes.bool,\n  /** Accepts a [Paragon icon](https://paragon-openedx.netlify.app/foundations/icons) */\n  icon: PropTypes.shape({\n    prefix: PropTypes.string,\n    iconName: PropTypes.string,\n    // eslint-disable-next-line react/forbid-prop-types\n    icon: PropTypes.array,\n  }) as any,\n  /** Extra class names that will be added to the icon */\n  iconClassNames: PropTypes.string,\n  /** Click handler for the button */\n  onClick: PropTypes.func,\n  /** Type of button (uses Bootstrap options) */\n  variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'light', 'dark', 'black', 'brand']),\n  /** size of button to render */\n  size: PropTypes.oneOf(['sm', 'md', 'inline']),\n  /** whether to show the `IconButton` in an active state, whose styling is distinct from default state */\n  isActive: PropTypes.bool,\n};\n\ninterface PropsWithTooltip extends Props {\n  /** choose from https://popper.js.org/docs/v2/constructors/#options */\n  tooltipPlacement: Placement,\n  /** any content to pass to tooltip content area */\n  tooltipContent: React.ReactNode,\n}\n\n/**\n * An icon button wrapped in overlaytrigger to display a tooltip.\n */\nfunction IconButtonWithTooltip({\n  tooltipPlacement, tooltipContent, ...props\n}: PropsWithTooltip) {\n  const invert = props.invertColors ? 'inverse-' : '';\n  return (\n    <OverlayTrigger\n      placement={tooltipPlacement}\n      overlay={(\n        <Tooltip\n          id={`iconbutton-tooltip-${tooltipPlacement}`}\n          variant={invert ? 'light' : undefined}\n        >\n          {tooltipContent}\n        </Tooltip>\n      )}\n    >\n      <IconButton {...props} />\n    </OverlayTrigger>\n  );\n}\n\nIconButtonWithTooltip.defaultProps = {\n  ...IconButton.defaultProps,\n  tooltipPlacement: 'top',\n};\n\nIconButtonWithTooltip.propTypes = {\n  /** tooltip placement can be top, left, right etc, per https://popper.js.org/docs/v2/constructors/#options  */\n  tooltipPlacement: PropTypes.string,\n  /** any valid JSX or text to be rendered as tooltip contents */\n  tooltipContent: PropTypes.node.isRequired,\n  /** Type of button (uses Bootstrap options) */\n  variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'light', 'dark', 'black', 'brand']),\n  /** Changes icon styles for dark background */\n  invertColors: PropTypes.bool,\n};\n\n(IconButton as any).IconButtonWithTooltip = IconButtonWithTooltip;\n\nexport default IconButton as typeof IconButton & {\n  IconButtonWithTooltip: typeof IconButtonWithTooltip,\n};\nexport { IconButtonWithTooltip };\n"],"mappings":"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","ignoreList":[]}

package/dist/Modal/ModalPopup.js

@@ -37,6 +37,12 @@ function ModalPopup(_ref) {
       }
     }
   }];
+  var handleOnClickOutside = function handleOnClickOutside(e) {
+    if (e.type === 'touchstart') {
+      return;
+    }
+    onClose();
+  };
   return /*#__PURE__*/React.createElement(ModalContextProvider, {
     onClose: onClose,
     isOpen: isOpen,
@@ -49,7 +55,7 @@ function ModalPopup(_ref) {
     scrollLock: false,
     enabled: isOpen,
     onEscapeKey: onClose,
-    onClickOutside: onClose
+    onClickOutside: handleOnClickOutside
   }, isOpen && /*#__PURE__*/React.createElement("div", {
     className: "pgn__modal-popup__tooltip"
   }, children, hasArrow && /*#__PURE__*/React.createElement("div", {

package/dist/Modal/ModalPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalPopup.js","names":["React","PropTypes","FocusOn","Portal","PopperElement","ModalContextProvider","PLACEMENT_OFFSETS","right","left","ModalPopup","_ref","children","onClose","isOpen","positionRef","isBlocking","withPortal","placement","hasArrow","popperProps","_objectWithoutProperties","_excluded","RootComponent","Fragment","placementOffsetValue","popperParams","name","options","scroll","offset","createElement","_extends","modifiers","target","scrollLock","enabled","onEscapeKey","onClickOutside","className","id","concat","propTypes","node","isRequired","func","bool","oneOfType","shape","current","defaultProps"],"sources":["../../src/Modal/ModalPopup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport PopperElement from './PopperElement';\nimport { ModalContextProvider } from './ModalContext';\n\nconst PLACEMENT_OFFSETS = { right: [-2, 10], left: [-2, 10] };\n\nfunction ModalPopup({\n  children,\n  onClose,\n  isOpen,\n  positionRef,\n  isBlocking,\n  withPortal,\n  placement,\n  hasArrow,\n  ...popperProps\n}) {\n  const RootComponent = withPortal ? Portal : React.Fragment;\n  const placementOffsetValue = PLACEMENT_OFFSETS[placement] || [0, 10];\n\n  const popperParams = [\n    {\n      name: 'eventListeners',\n      options: { scroll: false },\n    },\n    {\n      name: 'offset',\n      options: {\n        offset: () => placementOffsetValue,\n      },\n    },\n  ];\n\n  return (\n    <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n      <RootComponent>\n        <PopperElement\n          modifiers={hasArrow ? popperParams : null}\n          target={positionRef}\n          placement={placement}\n          {...popperProps}\n        >\n          <FocusOn\n            scrollLock={false}\n            enabled={isOpen}\n            onEscapeKey={onClose}\n            onClickOutside={onClose}\n          >\n            {isOpen && (\n              <div className=\"pgn__modal-popup__tooltip\">\n                {children}\n                {hasArrow && (\n                  <div\n                    id=\"arrow\"\n                    data-testid=\"modal-popup-arrow\"\n                    className={`pgn__modal-popup__arrow pgn__modal-popup__arrow-${placement}`}\n                    data-popper-arrow=\"\"\n                  />\n                )}\n              </div>\n            )}\n          </FocusOn>\n        </PopperElement>\n      </RootComponent>\n    </ModalContextProvider>\n  );\n}\n\nModalPopup.propTypes = {\n  /** Specifies the contents of the modal */\n  children: PropTypes.node.isRequired,\n  /** A callback function for when the modal is dismissed */\n  onClose: PropTypes.func.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool.isRequired,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Insert modal into a different location in the DOM */\n  withPortal: PropTypes.bool,\n  // This type: https://stackoverflow.com/questions/48007326/what-is-the-correct-proptype-for-a-ref-in-react\n  /** Specifies an element near which the modal should be displayed */\n  positionRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.shape({}) }),\n  ]),\n  /** Specifies position according to the element that the ``positionRef`` prop points to */\n  placement: PopperElement.propTypes.placement,\n  /** Caret to the modal popup pointing to the target */\n  hasArrow: PropTypes.bool,\n};\n\nModalPopup.defaultProps = {\n  isBlocking: false,\n  withPortal: false,\n  placement: 'bottom-start',\n  positionRef: null,\n  hasArrow: false,\n};\n\nexport default ModalPopup;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalPopup.js","names":["React","PropTypes","FocusOn","Portal","PopperElement","ModalContextProvider","PLACEMENT_OFFSETS","right","left","ModalPopup","_ref","children","onClose","isOpen","positionRef","isBlocking","withPortal","placement","hasArrow","popperProps","_objectWithoutProperties","_excluded","RootComponent","Fragment","placementOffsetValue","popperParams","name","options","scroll","offset","handleOnClickOutside","e","type","createElement","_extends","modifiers","target","scrollLock","enabled","onEscapeKey","onClickOutside","className","id","concat","propTypes","node","isRequired","func","bool","oneOfType","shape","current","defaultProps"],"sources":["../../src/Modal/ModalPopup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport PopperElement from './PopperElement';\nimport { ModalContextProvider } from './ModalContext';\n\nconst PLACEMENT_OFFSETS = { right: [-2, 10], left: [-2, 10] };\n\nfunction ModalPopup({\n  children,\n  onClose,\n  isOpen,\n  positionRef,\n  isBlocking,\n  withPortal,\n  placement,\n  hasArrow,\n  ...popperProps\n}) {\n  const RootComponent = withPortal ? Portal : React.Fragment;\n  const placementOffsetValue = PLACEMENT_OFFSETS[placement] || [0, 10];\n\n  const popperParams = [\n    {\n      name: 'eventListeners',\n      options: { scroll: false },\n    },\n    {\n      name: 'offset',\n      options: {\n        offset: () => placementOffsetValue,\n      },\n    },\n  ];\n\n  const handleOnClickOutside = (e) => {\n    if (e.type === 'touchstart') {\n      return;\n    }\n\n    onClose();\n  };\n\n  return (\n    <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n      <RootComponent>\n        <PopperElement\n          modifiers={hasArrow ? popperParams : null}\n          target={positionRef}\n          placement={placement}\n          {...popperProps}\n        >\n          <FocusOn\n            scrollLock={false}\n            enabled={isOpen}\n            onEscapeKey={onClose}\n            onClickOutside={handleOnClickOutside}\n          >\n            {isOpen && (\n              <div className=\"pgn__modal-popup__tooltip\">\n                {children}\n                {hasArrow && (\n                  <div\n                    id=\"arrow\"\n                    data-testid=\"modal-popup-arrow\"\n                    className={`pgn__modal-popup__arrow pgn__modal-popup__arrow-${placement}`}\n                    data-popper-arrow=\"\"\n                  />\n                )}\n              </div>\n            )}\n          </FocusOn>\n        </PopperElement>\n      </RootComponent>\n    </ModalContextProvider>\n  );\n}\n\nModalPopup.propTypes = {\n  /** Specifies the contents of the modal */\n  children: PropTypes.node.isRequired,\n  /** A callback function for when the modal is dismissed */\n  onClose: PropTypes.func.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool.isRequired,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Insert modal into a different location in the DOM */\n  withPortal: PropTypes.bool,\n  // This type: https://stackoverflow.com/questions/48007326/what-is-the-correct-proptype-for-a-ref-in-react\n  /** Specifies an element near which the modal should be displayed */\n  positionRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.shape({}) }),\n  ]),\n  /** Specifies position according to the element that the ``positionRef`` prop points to */\n  placement: PopperElement.propTypes.placement,\n  /** Caret to the modal popup pointing to the target */\n  hasArrow: PropTypes.bool,\n};\n\nModalPopup.defaultProps = {\n  isBlocking: false,\n  withPortal: false,\n  placement: 'bottom-start',\n  positionRef: null,\n  hasArrow: false,\n};\n\nexport default ModalPopup;\n"],"mappings":"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","ignoreList":[]}

package/dist/Modal/_ModalDialog.scss

@@ -76,6 +76,10 @@
     border-top: solid 1px var(--pgn-color-light-base);
     padding-top: var(--pgn-spacing-modal-footer-padding-y);
   }
+
+  .pgn__modal-header {
+    border-radius: 0;
+  }
 }
 
 // Made specific due to a selector in Modal.scss

package/dist/Overlay/index.d.ts

@@ -0,0 +1,128 @@
+import React from 'react';
+import { type OverlayProps } from 'react-bootstrap/Overlay';
+import { type OverlayTriggerProps, type OverlayTriggerType } from 'react-bootstrap/OverlayTrigger';
+import PropTypes from 'prop-types';
+declare function Overlay(props: OverlayProps): React.JSX.Element;
+declare namespace Overlay {
+    var propTypes: {
+        /** Specifies the content of the `Overlay`. */
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        /**
+         * A component instance, DOM node, or function that returns either.
+         * The overlay will be positioned in relation to the target.
+         */
+        container: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactComponentLike | null | undefined>>;
+        /** Callback fired before the `Overlay` transitions in. */
+        onEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback fired after the `Overlay` finishes transitioning in. */
+        onEntered: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback fired as the `Overlay` begins to transition in. */
+        onEntering: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback fired right before the `Overlay` transitions out */
+        onExit: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback fired after the `Overlay` finishes transitioning out. */
+        onExited: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback fired as the Overlay begins to transition out. */
+        onExiting: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * A callback invoked by the overlay when it wishes to be hidden.
+         * Required if `rootClose` is specified.
+         */
+        onHide: PropTypes.Requireable<(...args: any[]) => any>;
+        /** The placement of the `Overlay` in relation to it's target. */
+        placement: PropTypes.Requireable<import("@popperjs/core").Placement>;
+        /** A set of popper options and props passed directly to `Popper`. */
+        popperConfig: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        /** Specify whether the overlay should trigger `onHide` when the user clicks outside the overlay. */
+        rootClose: PropTypes.Requireable<boolean>;
+        /** Specify event for triggering a “root close” toggle. */
+        rootCloseEvent: PropTypes.Requireable<string>;
+        /** Set the visibility of the `Overlay`. */
+        show: PropTypes.Requireable<boolean>;
+        /**
+         * The visibility of the `Overlay`. `show` is a controlled prop so should
+         * be paired with `onToggle` to avoid breaking user interactions.
+         *
+         * Manually toggling show does not wait for delay to change the visibility.
+         *
+         * Controls `onToggle`.
+         */
+        target: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactComponentLike | null | undefined>>;
+        /**
+         * 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.Requireable<NonNullable<boolean | object | null | undefined>>;
+    };
+    var defaultProps: {
+        container: undefined;
+        onEnter: undefined;
+        onEntered: undefined;
+        onEntering: undefined;
+        onExit: undefined;
+        onExited: undefined;
+        onExiting: undefined;
+        onHide: undefined;
+        placement: string;
+        popperConfig: {};
+        rootClose: boolean;
+        rootCloseEvent: undefined;
+        show: boolean;
+        target: undefined;
+        transition: React.ForwardRefExoticComponent<import("react-bootstrap/Fade").FadeProps & React.RefAttributes<import("react-transition-group/Transition").default<any>>>;
+    };
+}
+declare function OverlayTrigger(props: OverlayTriggerProps): React.JSX.Element;
+declare namespace OverlayTrigger {
+    var propTypes: {
+        /** Specifies the content of the `OverlayTrigger`. */
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
+        /** An element or text to overlay next to the target. */
+        overlay: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
+        /** The initial visibility state of the `Overlay`. */
+        defaultShow: PropTypes.Requireable<boolean>;
+        /** A millisecond delay amount to show and hide the `Overlay` once triggered. */
+        delay: PropTypes.Requireable<PropTypes.InferPropsInner<Pick<{}, never>> & Partial<PropTypes.InferPropsInner<Pick<{}, never>>>>;
+        /** The initial flip state of the `Overlay`. */
+        flip: PropTypes.Requireable<boolean>;
+        onHide: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * A callback that fires when the user triggers a change in tooltip visibility.
+         * `onToggle` is called with the desired next show, and generally should be
+         * passed back to the `show` prop. `onToggle` fires after the configured `delay`.
+         *
+         * Controls `show`.
+         */
+        onToggle: PropTypes.Requireable<(...args: any[]) => any>;
+        /** The placement of the `Overlay` in relation to it's target. */
+        placement: PropTypes.Requireable<import("@popperjs/core").Placement>;
+        /** A `Popper.js` config object passed to the the underlying popper instance. */
+        popperConfig: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        /**
+         * The visibility of the `Overlay`. `show` is a controlled prop so should
+         * be paired with `onToggle` to avoid breaking user interactions.
+         *
+         * Manually toggling show does not wait for delay to change the visibility.
+         *
+         * Controls `onToggle`.
+         */
+        show: PropTypes.Requireable<boolean>;
+        target: PropTypes.Requireable<EventTarget>;
+        /** Specify which action or actions trigger `Overlay` visibility. */
+        trigger: PropTypes.Requireable<NonNullable<OverlayTriggerType | (OverlayTriggerType | null | undefined)[] | null | undefined>>;
+    };
+    var defaultProps: {
+        defaultShow: boolean;
+        delay: undefined;
+        flip: undefined;
+        onHide: undefined;
+        onToggle: undefined;
+        placement: undefined;
+        popperConfig: {};
+        show: undefined;
+        target: undefined;
+        trigger: string[];
+    };
+}
+export { OverlayTrigger };
+export default Overlay;

package/dist/Overlay/index.js

@@ -1,7 +1,13 @@
 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';
+
+// Note: The only thing this file adds to the base component is propTypes validation.
+// As more Paragon consumers adopt TypeScript, we could consider removing almost all of this code
+// and just re-export the Overlay and OverlayTrigger components from react-bootstrap unmodified.
+
 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) {
@@ -59,7 +65,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 +119,7 @@ Overlay.defaultProps = {
   rootCloseEvent: undefined,
   show: false,
   target: undefined,
-  transition: true
+  transition: Fade
 };
 OverlayTrigger.defaultProps = {
   defaultShow: false,

package/dist/Overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","BaseOverlay","BaseOverlayTrigger","PropTypes","PLACEMENT_VARIANTS","TRIGGER_VARIANTS","Overlay","props","createElement","OverlayTrigger","children","triggerType","oneOf","propTypes","node","isRequired","container","oneOfType","elementType","func","onEnter","onEntered","onEntering","onExit","onExited","onExiting","onHide","placement","popperConfig","shape","rootClose","bool","rootCloseEvent","show","target","transition","element","overlay","defaultShow","delay","number","flip","onToggle","instanceOf","EventTarget","trigger","arrayOf","defaultProps","undefined"],"sources":["../../src/Overlay/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseOverlay from 'react-bootstrap/Overlay';\nimport BaseOverlayTrigger from 'react-bootstrap/OverlayTrigger';\nimport PropTypes from 'prop-types';\n\nconst PLACEMENT_VARIANTS = [\n  'auto-start',\n  'auto',\n  'auto-end',\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nconst TRIGGER_VARIANTS = [\n  'hover',\n  'click',\n  'focus',\n];\n\nfunction Overlay(props) {\n  return <BaseOverlay {...props} />;\n}\nfunction OverlayTrigger(props) {\n  return (\n    <BaseOverlayTrigger {...props}>\n      {props.children}\n    </BaseOverlayTrigger>\n  );\n}\n\nconst triggerType = PropTypes.oneOf(TRIGGER_VARIANTS);\n\nOverlay.propTypes = {\n  /** Specifies the content of the `Overlay`. */\n  children: PropTypes.node.isRequired,\n  /**\n   * A component instance, DOM node, or function that returns either.\n   * The overlay will be positioned in relation to the target.\n   */\n  container: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n  /** Callback fired before the `Overlay` transitions in. */\n  onEnter: PropTypes.func,\n  /** Callback fired after the `Overlay` finishes transitioning in. */\n  onEntered: PropTypes.func,\n  /** Callback fired as the `Overlay` begins to transition in. */\n  onEntering: PropTypes.func,\n  /** Callback fired right before the `Overlay` transitions out */\n  onExit: PropTypes.func,\n  /** Callback fired after the `Overlay` finishes transitioning out. */\n  onExited: PropTypes.func,\n  /** Callback fired as the Overlay begins to transition out. */\n  onExiting: PropTypes.func,\n  /**\n   * A callback invoked by the overlay when it wishes to be hidden.\n   * Required if `rootClose` is specified.\n   */\n  onHide: PropTypes.func,\n  /** The placement of the `Overlay` in relation to it's target. */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /** A set of popper options and props passed directly to `Popper`. */\n  popperConfig: PropTypes.shape({}),\n  /** Specify whether the overlay should trigger `onHide` when the user clicks outside the overlay. */\n  rootClose: PropTypes.bool,\n  /** Specify event for triggering a “root close” toggle. */\n  rootCloseEvent: PropTypes.oneOf(['click', 'mousedown']),\n  /** Set the visibility of the `Overlay`. */\n  show: PropTypes.bool,\n  /**\n   * The visibility of the `Overlay`. `show` is a controlled prop so should\n   * be paired with `onToggle` to avoid breaking user interactions.\n   *\n   * Manually toggling show does not wait for delay to change the visibility.\n   *\n   * Controls `onToggle`.\n   */\n  target: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n  /**\n   * Animate the entering and exiting of the Overlay. `true` will use the `<Fade>` transition,\n   * or a custom react-transition-group `<Transition>` component can be provided.\n   */\n  transition: PropTypes.oneOfType([PropTypes.bool, PropTypes.elementType]),\n};\n\nOverlayTrigger.propTypes = {\n  /** Specifies the content of the `OverlayTrigger`. */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  /** An element or text to overlay next to the target. */\n  overlay: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  /** The initial visibility state of the `Overlay`. */\n  defaultShow: PropTypes.bool,\n  /** A millisecond delay amount to show and hide the `Overlay` once triggered. */\n  delay: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({})]),\n  /** The initial flip state of the `Overlay`. */\n  flip: PropTypes.bool,\n  onHide: PropTypes.func,\n  /**\n   * A callback that fires when the user triggers a change in tooltip visibility.\n   * `onToggle` is called with the desired next show, and generally should be\n   * passed back to the `show` prop. `onToggle` fires after the configured `delay`.\n   *\n   * Controls `show`.\n   */\n  onToggle: PropTypes.func,\n  /** The placement of the `Overlay` in relation to it's target. */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popperConfig: PropTypes.shape({}),\n  /**\n   * The visibility of the `Overlay`. `show` is a controlled prop so should\n   * be paired with `onToggle` to avoid breaking user interactions.\n   *\n   * Manually toggling show does not wait for delay to change the visibility.\n   *\n   * Controls `onToggle`.\n   */\n  show: PropTypes.bool,\n  target: PropTypes.instanceOf(EventTarget),\n  /** Specify which action or actions trigger `Overlay` visibility. */\n  trigger: PropTypes.oneOfType([triggerType, PropTypes.arrayOf(triggerType)]),\n};\n\nOverlay.defaultProps = {\n  container: undefined,\n  onEnter: undefined,\n  onEntered: undefined,\n  onEntering: undefined,\n  onExit: undefined,\n  onExited: undefined,\n  onExiting: undefined,\n  onHide: undefined,\n  placement: 'top',\n  popperConfig: {},\n  rootClose: false,\n  rootCloseEvent: undefined,\n  show: false,\n  target: undefined,\n  transition: true,\n};\n\nOverlayTrigger.defaultProps = {\n  defaultShow: false,\n  delay: undefined,\n  flip: undefined,\n  onHide: undefined,\n  onToggle: undefined,\n  placement: undefined,\n  popperConfig: {},\n  show: undefined,\n  target: undefined,\n  trigger: ['hover', 'focus'],\n};\n\nexport { OverlayTrigger };\nexport default Overlay;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","BaseOverlay","BaseOverlayTrigger","Fade","PropTypes","PLACEMENT_VARIANTS","TRIGGER_VARIANTS","Overlay","props","createElement","OverlayTrigger","children","triggerType","oneOf","propTypes","node","isRequired","container","oneOfType","elementType","func","onEnter","onEntered","onEntering","onExit","onExited","onExiting","onHide","placement","popperConfig","shape","rootClose","bool","rootCloseEvent","show","target","transition","object","element","overlay","defaultShow","delay","number","flip","onToggle","instanceOf","EventTarget","trigger","arrayOf","defaultProps","undefined"],"sources":["../../src/Overlay/index.tsx"],"sourcesContent":["import React from 'react';\nimport BaseOverlay, { type OverlayProps, type Placement } from 'react-bootstrap/Overlay';\nimport BaseOverlayTrigger, { type OverlayTriggerProps, type OverlayTriggerType } from 'react-bootstrap/OverlayTrigger';\nimport Fade from 'react-bootstrap/Fade';\nimport PropTypes from 'prop-types';\n\n// Note: The only thing this file adds to the base component is propTypes validation.\n// As more Paragon consumers adopt TypeScript, we could consider removing almost all of this code\n// and just re-export the Overlay and OverlayTrigger components from react-bootstrap unmodified.\n\nconst PLACEMENT_VARIANTS: Placement[] = [\n  'auto-start',\n  'auto',\n  'auto-end',\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nconst TRIGGER_VARIANTS: OverlayTriggerType[] = [\n  'hover',\n  'click',\n  'focus',\n];\n\nfunction Overlay(props: OverlayProps) {\n  return <BaseOverlay {...props} />;\n}\nfunction OverlayTrigger(props: OverlayTriggerProps) {\n  return (\n    <BaseOverlayTrigger {...props}>\n      {props.children}\n    </BaseOverlayTrigger>\n  );\n}\n\nconst triggerType = PropTypes.oneOf(TRIGGER_VARIANTS);\n\nOverlay.propTypes = {\n  /** Specifies the content of the `Overlay`. */\n  children: PropTypes.node.isRequired,\n  /**\n   * A component instance, DOM node, or function that returns either.\n   * The overlay will be positioned in relation to the target.\n   */\n  container: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n  /** Callback fired before the `Overlay` transitions in. */\n  onEnter: PropTypes.func,\n  /** Callback fired after the `Overlay` finishes transitioning in. */\n  onEntered: PropTypes.func,\n  /** Callback fired as the `Overlay` begins to transition in. */\n  onEntering: PropTypes.func,\n  /** Callback fired right before the `Overlay` transitions out */\n  onExit: PropTypes.func,\n  /** Callback fired after the `Overlay` finishes transitioning out. */\n  onExited: PropTypes.func,\n  /** Callback fired as the Overlay begins to transition out. */\n  onExiting: PropTypes.func,\n  /**\n   * A callback invoked by the overlay when it wishes to be hidden.\n   * Required if `rootClose` is specified.\n   */\n  onHide: PropTypes.func,\n  /** The placement of the `Overlay` in relation to it's target. */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /** A set of popper options and props passed directly to `Popper`. */\n  popperConfig: PropTypes.shape({}),\n  /** Specify whether the overlay should trigger `onHide` when the user clicks outside the overlay. */\n  rootClose: PropTypes.bool,\n  /** Specify event for triggering a “root close” toggle. */\n  rootCloseEvent: PropTypes.oneOf(['click', 'mousedown']),\n  /** Set the visibility of the `Overlay`. */\n  show: PropTypes.bool,\n  /**\n   * The visibility of the `Overlay`. `show` is a controlled prop so should\n   * be paired with `onToggle` to avoid breaking user interactions.\n   *\n   * Manually toggling show does not wait for delay to change the visibility.\n   *\n   * Controls `onToggle`.\n   */\n  target: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func]),\n  /**\n   * Animate the entering and exiting of the Overlay. `true` will use the `<Fade>` transition,\n   * or a custom react-transition-group `<Transition>` component can be provided.\n   */\n  transition: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n};\n\nOverlayTrigger.propTypes = {\n  /** Specifies the content of the `OverlayTrigger`. */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  /** An element or text to overlay next to the target. */\n  overlay: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  /** The initial visibility state of the `Overlay`. */\n  defaultShow: PropTypes.bool,\n  /** A millisecond delay amount to show and hide the `Overlay` once triggered. */\n  delay: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({})]),\n  /** The initial flip state of the `Overlay`. */\n  flip: PropTypes.bool,\n  onHide: PropTypes.func,\n  /**\n   * A callback that fires when the user triggers a change in tooltip visibility.\n   * `onToggle` is called with the desired next show, and generally should be\n   * passed back to the `show` prop. `onToggle` fires after the configured `delay`.\n   *\n   * Controls `show`.\n   */\n  onToggle: PropTypes.func,\n  /** The placement of the `Overlay` in relation to it's target. */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popperConfig: PropTypes.shape({}),\n  /**\n   * The visibility of the `Overlay`. `show` is a controlled prop so should\n   * be paired with `onToggle` to avoid breaking user interactions.\n   *\n   * Manually toggling show does not wait for delay to change the visibility.\n   *\n   * Controls `onToggle`.\n   */\n  show: PropTypes.bool,\n  target: PropTypes.instanceOf(EventTarget),\n  /** Specify which action or actions trigger `Overlay` visibility. */\n  trigger: PropTypes.oneOfType([triggerType, PropTypes.arrayOf(triggerType)]),\n};\n\nOverlay.defaultProps = {\n  container: undefined,\n  onEnter: undefined,\n  onEntered: undefined,\n  onEntering: undefined,\n  onExit: undefined,\n  onExited: undefined,\n  onExiting: undefined,\n  onHide: undefined,\n  placement: 'top',\n  popperConfig: {},\n  rootClose: false,\n  rootCloseEvent: undefined,\n  show: false,\n  target: undefined,\n  transition: Fade,\n};\n\nOverlayTrigger.defaultProps = {\n  defaultShow: false,\n  delay: undefined,\n  flip: undefined,\n  onHide: undefined,\n  onToggle: undefined,\n  placement: undefined,\n  popperConfig: {},\n  show: undefined,\n  target: undefined,\n  trigger: ['hover', 'focus'],\n};\n\nexport { OverlayTrigger };\nexport default Overlay;\n"],"mappings":"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","ignoreList":[]}

package/dist/Stepper/index.scss

@@ -8,8 +8,9 @@
 
   .pgn__stepper-header-step-list {
     list-style: none;
-    // stylelint-disable-next-line max-line-length
-    padding: var(--pgn-spacing-stepper-header-step-list-padding-y) var(--pgn-spacing-stepper-header-step-list-padding-x);
+    padding:
+      var(--pgn-spacing-stepper-header-step-list-padding-y)
+      var(--pgn-spacing-stepper-header-step-list-padding-x);
     display: flex;
     align-items: center;
     margin: var(--pgn-spacing-stepper-header-step-list-margin);

package/dist/Tabs/index.scss

@@ -30,8 +30,9 @@
       margin: 0;
 
       .dropdown .dropdown-toggle {
-        // stylelint-disable-next-line max-line-length
-        padding: var(--pgn-spacing-tab-more-link-dropdown-toggle-padding-x) var(--pgn-spacing-tab-more-link-dropdown-toggle-padding-y);
+        padding:
+          var(--pgn-spacing-tab-more-link-dropdown-toggle-padding-x)
+          var(--pgn-spacing-tab-more-link-dropdown-toggle-padding-y);
 
         &:focus {
           background-color: var(--pgn-color-tab-more-link-dropdown-toggle-bg-focus);
@@ -62,8 +63,9 @@
   // Nav inverse pills
   &.nav-inverse-pills .pgn__tab_more.nav-link {
     .dropdown .dropdown-toggle {
-      // stylelint-disable-next-line max-line-length
-      padding: var(--pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-x) var(--pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-y);
+      padding:
+        var(--pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-x)
+        var(--pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-y);
       border: none;
 
       &:focus {
@@ -97,8 +99,9 @@
 
   // Nav inverse tabs
   &.nav-inverse-tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle {
-    // stylelint-disable-next-line max-line-length
-    padding: var(--pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-x) var(--pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-y);
+    padding:
+      var(--pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-x)
+      var(--pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-y);
 
     &:hover {
       background-color: var(--pgn-color-tab-inverse-pills-link-dropdown-toggle-bg-hover);

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,7 @@
+import { type TooltipProps as BaseTooltipProps } from 'react-bootstrap/Tooltip';
+import type { ComponentWithAsProp } from '../utils/types/bootstrap';
+interface TooltipProps extends BaseTooltipProps {
+    variant?: 'light';
+}
+declare const Tooltip: ComponentWithAsProp<'div', TooltipProps>;
+export default Tooltip;

package/dist/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseTooltip","PLACEMENT_VARIANTS","Tooltip","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","_objectSpread","id","string","isRequired","placement","oneOf","arrowProps","shape","oneOfType","func","current","element","style","show","bool","popper","bsPrefix","node","defaultProps","undefined"],"sources":["../../src/Tooltip/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseTooltip from 'react-bootstrap/Tooltip';\n\nconst PLACEMENT_VARIANTS = [\n  'auto-start',\n  'auto',\n  'auto-end',\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nconst Tooltip = React.forwardRef(({\n  children,\n  variant,\n  ...props\n}, ref) => (\n  <BaseTooltip\n    {...props}\n    className={classNames({ 'tooltip-light': variant === 'light' }, props.className)}\n    ref={ref}\n  >\n    {children}\n  </BaseTooltip>\n));\n\nTooltip.propTypes = {\n  ...BaseTooltip.propTypes,\n  /** An html id attribute, necessary for accessibility. */\n  id: PropTypes.string.isRequired,\n  /**\n   * Sets the direction the `Tooltip` is positioned towards.\n   *\n   * This is generally provided by the `Overlay` component positioning the tooltip.\n   */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /**\n   * An `Overlay` injected set of props for positioning the `Tooltip` arrow.\n   *\n   * This is generally provided by the `Overlay` component positioning the tooltip.\n   */\n  arrowProps: PropTypes.shape({\n    ref: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({ current: PropTypes.element }),\n    ]),\n    style: PropTypes.shape({}),\n  }),\n  /** Whether the `Overlay` is shown. */\n  show: PropTypes.bool,\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popper: PropTypes.shape({}),\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n  /** Specifies the content of the `Tooltip` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** The visual style of the `Tooltip` */\n  variant: PropTypes.string,\n};\n\nTooltip.defaultProps = {\n  ...Tooltip.defaultProps,\n  id: undefined,\n  placement: 'right',\n  arrowProps: undefined,\n  show: undefined,\n  popper: undefined,\n  children: undefined,\n  className: undefined,\n  variant: undefined,\n  bsPrefix: 'tooltip',\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,yBAAyB;AAEjD,IAAMC,kBAAkB,GAAG,CACzB,YAAY,EACZ,MAAM,EACN,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,CACb;AAED,IAAMC,OAAO,gBAAGL,KAAK,CAACM,UAAU,CAAC,UAAAC,IAAA,EAI9BC,GAAG;EAAA,IAHJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAERb,KAAA,CAAAc,aAAA,CAACX,WAAW,EAAAY,QAAA,KACNJ,KAAK;IACTK,SAAS,EAAEd,UAAU,CAAC;MAAE,eAAe,EAAEQ,OAAO,KAAK;IAAQ,CAAC,EAAEC,KAAK,CAACK,SAAS,CAAE;IACjFR,GAAG,EAAEA;EAAI,IAERC,QACU,CAAC;AAAA,CACf,CAAC;AAEFJ,OAAO,CAACY,SAAS,GAAAC,aAAA,CAAAA,aAAA,KACZf,WAAW,CAACc,SAAS;EACxB;EACAE,EAAE,EAAElB,SAAS,CAACmB,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;AACA;AACA;EACEC,SAAS,EAAErB,SAAS,CAACsB,KAAK,CAACnB,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;EACEoB,UAAU,EAAEvB,SAAS,CAACwB,KAAK,CAAC;IAC1BjB,GAAG,EAAEP,SAAS,CAACyB,SAAS,CAAC,CACvBzB,SAAS,CAAC0B,IAAI,EACd1B,SAAS,CAACwB,KAAK,CAAC;MAAEG,OAAO,EAAE3B,SAAS,CAAC4B;IAAQ,CAAC,CAAC,CAChD,CAAC;IACFC,KAAK,EAAE7B,SAAS,CAACwB,KAAK,CAAC,CAAC,CAAC;EAC3B,CAAC,CAAC;EACF;EACAM,IAAI,EAAE9B,SAAS,CAAC+B,IAAI;EACpB;EACAC,MAAM,EAAEhC,SAAS,CAACwB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC3B;EACAS,QAAQ,EAAEjC,SAAS,CAACmB,MAAM;EAC1B;EACAX,QAAQ,EAAER,SAAS,CAACkC,IAAI;EACxB;EACAnB,SAAS,EAAEf,SAAS,CAACmB,MAAM;EAC3B;EACAV,OAAO,EAAET,SAAS,CAACmB;AAAM,EAC1B;AAEDf,OAAO,CAAC+B,YAAY,GAAAlB,aAAA,CAAAA,aAAA,KACfb,OAAO,CAAC+B,YAAY;EACvBjB,EAAE,EAAEkB,SAAS;EACbf,SAAS,EAAE,OAAO;EAClBE,UAAU,EAAEa,SAAS;EACrBN,IAAI,EAAEM,SAAS;EACfJ,MAAM,EAAEI,SAAS;EACjB5B,QAAQ,EAAE4B,SAAS;EACnBrB,SAAS,EAAEqB,SAAS;EACpB3B,OAAO,EAAE2B,SAAS;EAClBH,QAAQ,EAAE;AAAS,EACpB;AAED,eAAe7B,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseTooltip","PLACEMENT_VARIANTS","Tooltip","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","_objectSpread","id","string","isRequired","placement","oneOf","arrowProps","shape","oneOfType","func","current","element","style","show","bool","popper","bsPrefix","node","defaultProps","undefined"],"sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseTooltip, { type TooltipProps as BaseTooltipProps } from 'react-bootstrap/Tooltip';\nimport { type Placement } from 'react-bootstrap/Overlay';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\ninterface TooltipProps extends BaseTooltipProps {\n  variant?: 'light';\n}\n\nconst PLACEMENT_VARIANTS: Placement[] = [\n  'auto-start',\n  'auto',\n  'auto-end',\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nconst Tooltip: ComponentWithAsProp<'div', TooltipProps> = React.forwardRef(({\n  children,\n  variant,\n  ...props\n}, ref) => (\n  <BaseTooltip\n    {...props}\n    className={classNames({ 'tooltip-light': variant === 'light' }, props.className)}\n    ref={ref}\n  >\n    {children}\n  </BaseTooltip>\n));\n\nTooltip.propTypes = {\n  ...BaseTooltip.propTypes,\n  /** An html id attribute, necessary for accessibility. */\n  id: PropTypes.string.isRequired,\n  /**\n   * Sets the direction the `Tooltip` is positioned towards.\n   *\n   * This is generally provided by the `Overlay` component positioning the tooltip.\n   */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /**\n   * An `Overlay` injected set of props for positioning the `Tooltip` arrow.\n   *\n   * This is generally provided by the `Overlay` component positioning the tooltip.\n   */\n  arrowProps: PropTypes.shape({\n    ref: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({ current: PropTypes.element }),\n    ]),\n    style: PropTypes.shape({}),\n  }),\n  /** Whether the `Overlay` is shown. */\n  show: PropTypes.bool,\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popper: PropTypes.shape({}),\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n  /** Specifies the content of the `Tooltip` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** The visual style of the `Tooltip` */\n  variant: PropTypes.string,\n};\n\nTooltip.defaultProps = {\n  ...Tooltip.defaultProps,\n  id: undefined,\n  placement: 'right',\n  arrowProps: undefined,\n  show: undefined,\n  popper: undefined,\n  children: undefined,\n  className: undefined,\n  variant: undefined,\n  bsPrefix: 'tooltip',\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAiD,yBAAyB;AAQ5F,IAAMC,kBAA+B,GAAG,CACtC,YAAY,EACZ,MAAM,EACN,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,CACb;AAED,IAAMC,OAAiD,gBAAGL,KAAK,CAACM,UAAU,CAAC,UAAAC,IAAA,EAIxEC,GAAG;EAAA,IAHJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAERb,KAAA,CAAAc,aAAA,CAACX,WAAW,EAAAY,QAAA,KACNJ,KAAK;IACTK,SAAS,EAAEd,UAAU,CAAC;MAAE,eAAe,EAAEQ,OAAO,KAAK;IAAQ,CAAC,EAAEC,KAAK,CAACK,SAAS,CAAE;IACjFR,GAAG,EAAEA;EAAI,IAERC,QACU,CAAC;AAAA,CACf,CAAC;AAEFJ,OAAO,CAACY,SAAS,GAAAC,aAAA,CAAAA,aAAA,KACZf,WAAW,CAACc,SAAS;EACxB;EACAE,EAAE,EAAElB,SAAS,CAACmB,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;AACA;AACA;EACEC,SAAS,EAAErB,SAAS,CAACsB,KAAK,CAACnB,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;EACEoB,UAAU,EAAEvB,SAAS,CAACwB,KAAK,CAAC;IAC1BjB,GAAG,EAAEP,SAAS,CAACyB,SAAS,CAAC,CACvBzB,SAAS,CAAC0B,IAAI,EACd1B,SAAS,CAACwB,KAAK,CAAC;MAAEG,OAAO,EAAE3B,SAAS,CAAC4B;IAAQ,CAAC,CAAC,CAChD,CAAC;IACFC,KAAK,EAAE7B,SAAS,CAACwB,KAAK,CAAC,CAAC,CAAC;EAC3B,CAAC,CAAC;EACF;EACAM,IAAI,EAAE9B,SAAS,CAAC+B,IAAI;EACpB;EACAC,MAAM,EAAEhC,SAAS,CAACwB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC3B;EACAS,QAAQ,EAAEjC,SAAS,CAACmB,MAAM;EAC1B;EACAX,QAAQ,EAAER,SAAS,CAACkC,IAAI;EACxB;EACAnB,SAAS,EAAEf,SAAS,CAACmB,MAAM;EAC3B;EACAV,OAAO,EAAET,SAAS,CAACmB;AAAM,EAC1B;AAEDf,OAAO,CAAC+B,YAAY,GAAAlB,aAAA,CAAAA,aAAA,KACfb,OAAO,CAAC+B,YAAY;EACvBjB,EAAE,EAAEkB,SAAS;EACbf,SAAS,EAAE,OAAO;EAClBE,UAAU,EAAEa,SAAS;EACrBN,IAAI,EAAEM,SAAS;EACfJ,MAAM,EAAEI,SAAS;EACjB5B,QAAQ,EAAE4B,SAAS;EACnBrB,SAAS,EAAEqB,SAAS;EACpB3B,OAAO,EAAE2B,SAAS;EAClBH,QAAQ,EAAE;AAAS,EACpB;AAED,eAAe7B,OAAO","ignoreList":[]}