@openedx/paragon 22.3.2 → 23.0.0-alpha.1

package/dist/OverflowScroll/OverflowScroll.js

@@ -2,7 +2,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';

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","_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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"}
+{"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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","ignoreList":[]}

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,IAAMC,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","ignoreList":[]}

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,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"}
+{"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","ignoreList":[]}

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-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%)';
+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%)';
 
 /**
  * Given the ref the overflow container element, adds the following:

package/dist/Overlay/index.js

@@ -1,7 +1,6 @@
 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';
 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'];
@@ -60,7 +59,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.object, PropTypes.bool])
+  transition: PropTypes.oneOfType([PropTypes.bool, PropTypes.elementType])
 };
 OverlayTrigger.propTypes = {
   /** Specifies the content of the `OverlayTrigger`. */
@@ -114,7 +113,7 @@ Overlay.defaultProps = {
   rootCloseEvent: undefined,
   show: false,
   target: undefined,
-  transition: Fade
+  transition: true
 };
 OverlayTrigger.defaultProps = {
   defaultShow: false,

package/dist/Overlay/index.js.map

@@ -1 +1 @@
-{"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.jsx"],"sourcesContent":["import React from 'react';\nimport BaseOverlay from 'react-bootstrap/Overlay';\nimport BaseOverlayTrigger from 'react-bootstrap/OverlayTrigger';\nimport Fade from 'react-bootstrap/Fade';\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.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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"}
+{"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":[]}

package/dist/PageBanner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Close","Icon","IconButton","PAGE_BANNER_DISMISS_ALT_TEXT","VARIANTS","light","dark","warning","accentA","accentB","PageBanner","_ref","children","dismissible","dismissAltText","onDismiss","show","variant","rest","_objectWithoutProperties","_excluded","createElement","_extends","className","concat","role","onClick","iconAs","alt","src","size","invertColors","propTypes","node","bool","func","oneOf","defaultProps","undefined"],"sources":["../../src/PageBanner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Close } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nexport const PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';\n\nexport const VARIANTS = {\n  light: 'light',\n  dark: 'dark',\n  warning: 'warning',\n  accentA: 'accentA',\n  accentB: 'accentB',\n};\n\nfunction PageBanner({\n  children, dismissible, dismissAltText, onDismiss, show, variant, ...rest\n}) {\n  if (!show) {\n    return null;\n  }\n  return (\n    <div\n      className={classNames(\n        'pgn__pageBanner-component',\n        `pgn__pageBanner__${variant}`,\n      )}\n      role=\"alert\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      {...rest}\n    >\n      <div className=\"pgn__pageBanner-content\">\n        { children }\n      </div>\n      {dismissible && (\n        <span className=\"pgn__pageBanner-dismissButtonContainer\">\n          <IconButton\n            onClick={onDismiss}\n            iconAs={Icon}\n            alt={dismissAltText}\n            src={Close}\n            size=\"inline\"\n            invertColors={variant === 'dark'}\n            variant={variant === 'dark' ? 'dark' : 'black'}\n          />\n        </span>\n      )}\n    </div>\n  );\n}\n\nPageBanner.propTypes = {\n  /** An element rendered inside the `Page Banner`. */\n  children: PropTypes.node,\n  /** Boolean used to control whether `Page Banner` is dismissible. */\n  dismissible: PropTypes.bool,\n  /** An element to be set as the dismiss button's alt text (preferably a translated string). */\n  dismissAltText: PropTypes.node,\n  /** A function to be called on dismiss of the `Page Banner`. */\n  onDismiss: PropTypes.func,\n  /** Boolean used to control whether the Page Banner shows. */\n  show: PropTypes.bool,\n  /** A string designating which color variant of the `Page Banner` to display */\n  variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark, VARIANTS.warning, VARIANTS.accentA, VARIANTS.accentB]),\n};\n\nPageBanner.defaultProps = {\n  children: undefined,\n  dismissible: false,\n  dismissAltText: PAGE_BANNER_DISMISS_ALT_TEXT,\n  onDismiss: () => {},\n  show: true,\n  variant: VARIANTS.accentA,\n};\n\nexport default PageBanner;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAO,IAAMC,4BAA4B,GAAG,SAAS;AAErD,OAAO,IAAMC,QAAQ,GAAG;EACtBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC;AAED,SAASC,UAAUA,CAAAC,IAAA,EAEhB;EAAA,IADDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAKC,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAExE,IAAI,CAACJ,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,oBACEnB,KAAA,CAAAwB,aAAA,QAAAC,QAAA;IACEC,SAAS,EAAExB,UAAU,CACnB,2BAA2B,sBAAAyB,MAAA,CACPP,OAAO,CAC7B,CAAE;IACFQ,IAAI,EAAC,OAAO;IACZ,aAAU,QAAQ;IAClB,eAAY;EAAM,GACdP,IAAI,gBAERrB,KAAA,CAAAwB,aAAA;IAAKE,SAAS,EAAC;EAAyB,GACpCX,QACC,CAAC,EACLC,WAAW,iBACVhB,KAAA,CAAAwB,aAAA;IAAME,SAAS,EAAC;EAAwC,gBACtD1B,KAAA,CAAAwB,aAAA,CAACnB,UAAU;IACTwB,OAAO,EAAEX,SAAU;IACnBY,MAAM,EAAE1B,IAAK;IACb2B,GAAG,EAAEd,cAAe;IACpBe,GAAG,EAAE7B,KAAM;IACX8B,IAAI,EAAC,QAAQ;IACbC,YAAY,EAAEd,OAAO,KAAK,MAAO;IACjCA,OAAO,EAAEA,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG;EAAQ,CAChD,CACG,CAEL,CAAC;AAEV;AAEAP,UAAU,CAACsB,SAAS,GAAG;EACrB;EACApB,QAAQ,EAAEd,SAAS,CAACmC,IAAI;EACxB;EACApB,WAAW,EAAEf,SAAS,CAACoC,IAAI;EAC3B;EACApB,cAAc,EAAEhB,SAAS,CAACmC,IAAI;EAC9B;EACAlB,SAAS,EAAEjB,SAAS,CAACqC,IAAI;EACzB;EACAnB,IAAI,EAAElB,SAAS,CAACoC,IAAI;EACpB;EACAjB,OAAO,EAAEnB,SAAS,CAACsC,KAAK,CAAC,CAAChC,QAAQ,CAACC,KAAK,EAAED,QAAQ,CAACE,IAAI,EAAEF,QAAQ,CAACG,OAAO,EAAEH,QAAQ,CAACI,OAAO,EAAEJ,QAAQ,CAACK,OAAO,CAAC;AAChH,CAAC;AAEDC,UAAU,CAAC2B,YAAY,GAAG;EACxBzB,QAAQ,EAAE0B,SAAS;EACnBzB,WAAW,EAAE,KAAK;EAClBC,cAAc,EAAEX,4BAA4B;EAC5CY,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAEb,QAAQ,CAACI;AACpB,CAAC;AAED,eAAeE,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Close","Icon","IconButton","PAGE_BANNER_DISMISS_ALT_TEXT","VARIANTS","light","dark","warning","accentA","accentB","PageBanner","_ref","children","dismissible","dismissAltText","onDismiss","show","variant","rest","_objectWithoutProperties","_excluded","createElement","_extends","className","concat","role","onClick","iconAs","alt","src","size","invertColors","propTypes","node","bool","func","oneOf","defaultProps","undefined"],"sources":["../../src/PageBanner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Close } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nexport const PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';\n\nexport const VARIANTS = {\n  light: 'light',\n  dark: 'dark',\n  warning: 'warning',\n  accentA: 'accentA',\n  accentB: 'accentB',\n};\n\nfunction PageBanner({\n  children, dismissible, dismissAltText, onDismiss, show, variant, ...rest\n}) {\n  if (!show) {\n    return null;\n  }\n  return (\n    <div\n      className={classNames(\n        'pgn__pageBanner-component',\n        `pgn__pageBanner__${variant}`,\n      )}\n      role=\"alert\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      {...rest}\n    >\n      <div className=\"pgn__pageBanner-content\">\n        { children }\n      </div>\n      {dismissible && (\n        <span className=\"pgn__pageBanner-dismissButtonContainer\">\n          <IconButton\n            onClick={onDismiss}\n            iconAs={Icon}\n            alt={dismissAltText}\n            src={Close}\n            size=\"inline\"\n            invertColors={variant === 'dark'}\n            variant={variant === 'dark' ? 'dark' : 'black'}\n          />\n        </span>\n      )}\n    </div>\n  );\n}\n\nPageBanner.propTypes = {\n  /** An element rendered inside the `Page Banner`. */\n  children: PropTypes.node,\n  /** Boolean used to control whether `Page Banner` is dismissible. */\n  dismissible: PropTypes.bool,\n  /** An element to be set as the dismiss button's alt text (preferably a translated string). */\n  dismissAltText: PropTypes.node,\n  /** A function to be called on dismiss of the `Page Banner`. */\n  onDismiss: PropTypes.func,\n  /** Boolean used to control whether the Page Banner shows. */\n  show: PropTypes.bool,\n  /** A string designating which color variant of the `Page Banner` to display */\n  variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark, VARIANTS.warning, VARIANTS.accentA, VARIANTS.accentB]),\n};\n\nPageBanner.defaultProps = {\n  children: undefined,\n  dismissible: false,\n  dismissAltText: PAGE_BANNER_DISMISS_ALT_TEXT,\n  onDismiss: () => {},\n  show: true,\n  variant: VARIANTS.accentA,\n};\n\nexport default PageBanner;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAO,IAAMC,4BAA4B,GAAG,SAAS;AAErD,OAAO,IAAMC,QAAQ,GAAG;EACtBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC;AAED,SAASC,UAAUA,CAAAC,IAAA,EAEhB;EAAA,IADDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAKC,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAExE,IAAI,CAACJ,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,oBACEnB,KAAA,CAAAwB,aAAA,QAAAC,QAAA;IACEC,SAAS,EAAExB,UAAU,CACnB,2BAA2B,sBAAAyB,MAAA,CACPP,OAAO,CAC7B,CAAE;IACFQ,IAAI,EAAC,OAAO;IACZ,aAAU,QAAQ;IAClB,eAAY;EAAM,GACdP,IAAI,gBAERrB,KAAA,CAAAwB,aAAA;IAAKE,SAAS,EAAC;EAAyB,GACpCX,QACC,CAAC,EACLC,WAAW,iBACVhB,KAAA,CAAAwB,aAAA;IAAME,SAAS,EAAC;EAAwC,gBACtD1B,KAAA,CAAAwB,aAAA,CAACnB,UAAU;IACTwB,OAAO,EAAEX,SAAU;IACnBY,MAAM,EAAE1B,IAAK;IACb2B,GAAG,EAAEd,cAAe;IACpBe,GAAG,EAAE7B,KAAM;IACX8B,IAAI,EAAC,QAAQ;IACbC,YAAY,EAAEd,OAAO,KAAK,MAAO;IACjCA,OAAO,EAAEA,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG;EAAQ,CAChD,CACG,CAEL,CAAC;AAEV;AAEAP,UAAU,CAACsB,SAAS,GAAG;EACrB;EACApB,QAAQ,EAAEd,SAAS,CAACmC,IAAI;EACxB;EACApB,WAAW,EAAEf,SAAS,CAACoC,IAAI;EAC3B;EACApB,cAAc,EAAEhB,SAAS,CAACmC,IAAI;EAC9B;EACAlB,SAAS,EAAEjB,SAAS,CAACqC,IAAI;EACzB;EACAnB,IAAI,EAAElB,SAAS,CAACoC,IAAI;EACpB;EACAjB,OAAO,EAAEnB,SAAS,CAACsC,KAAK,CAAC,CAAChC,QAAQ,CAACC,KAAK,EAAED,QAAQ,CAACE,IAAI,EAAEF,QAAQ,CAACG,OAAO,EAAEH,QAAQ,CAACI,OAAO,EAAEJ,QAAQ,CAACK,OAAO,CAAC;AAChH,CAAC;AAEDC,UAAU,CAAC2B,YAAY,GAAG;EACxBzB,QAAQ,EAAE0B,SAAS;EACnBzB,WAAW,EAAE,KAAK;EAClBC,cAAc,EAAEX,4BAA4B;EAC5CY,SAAS,EAAE,SAAAA,UAAA,EAAM,CAAC,CAAC;EACnBC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAEb,QAAQ,CAACI;AACpB,CAAC;AAED,eAAeE,UAAU","ignoreList":[]}

package/dist/PageBanner/index.scss

@@ -1,56 +1,52 @@
-// stylelint-disable-next-line selector-class-pattern
+// stylelint-disable selector-class-pattern
 .pgn__pageBanner-component {
   width: 100%;
   min-height: 36px;
   display: flex;
   flex-wrap: nowrap;
-  font-size: $x-small-font-size;
+  font-size: var(--pgn-typography-font-size-small-x);
+  background-color: var(--pgn-page-baner-bg, inherit);
+  color: var(--pgn-page-baner-color, inherit);
 
   @include media-breakpoint-up(md) {
-    font-size: $small-font-size;
+    font-size: var(--pgn-typography-font-size-small-base);
   }
 }
 
-// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner__dark {
-  background-color: $dark-500;
-  color: white;
+  --pgn-page-baner-bg: var(--pgn-color-page-banner-bg-dark);
+  --pgn-page-baner-color: var(--pgn-color-page-banner-text-dark);
 }
 
-// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner__light {
-  background-color: $light-400;
-  color: black;
+  --pgn-page-baner-bg: var(--pgn-color-page-banner-bg-light);
+  --pgn-page-baner-color: var(--pgn-color-page-banner-text-light);
 }
 
-// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner__accentA {
-  background-color: $accent-a;
-  color: black;
+  --pgn-page-baner-bg: var(--pgn-color-page-banner-bg-accent-a);
+  --pgn-page-baner-color: var(--pgn-color-page-banner-text-accent-a);
 }
-// stylelint-disable-next-line selector-class-pattern
+
 .pgn__pageBanner__accentB {
-  background-color: $accent-b;
-  color: black;
+  --pgn-page-baner-bg: var(--pgn-color-page-banner-bg-accent-b);
+  --pgn-page-baner-color: var(--pgn-color-page-banner-text-accent-b);
 }
 
-// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner__warning {
-  background-color: $warning-100;
-  color: black;
+  --pgn-page-baner-bg: var(--pgn-color-page-banner-bg-warning);
+  --pgn-page-baner-color: var(--pgn-color-page-banner-text-warning);
 }
 
-// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner-content {
   display: flex;
   flex-grow: 1;
   justify-content: center;
   align-items: center;
-  padding: map_get($spacers, 2) map_get($spacers, 2\.5);
+  padding: var(--pgn-spacing-spacer-2) var(--pgn-spacing-spacer-2-5);
   text-align: center;
 }
 
-// stylelint-disable-next-line selector-class-pattern
 .pgn__pageBanner-dismissButtonContainer {
   min-width: 32px;
   min-height: 32px;

package/dist/Pagination/DefaultPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultPagination.js","names":["React","useContext","useMediaQuery","PaginationContext","ELLIPSIS","PreviousPageButton","NextPageButton","PageOfCountButton","PageButton","Ellipsis","breakpoints","newId","PaginationPages","_useContext","displayPages","isMobile","maxWidth","extraSmall","createElement","Fragment","map","pageIndex","key","pageNum","DefaultPagination","className"],"sources":["../../src/Pagination/DefaultPagination.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PaginationContext from './PaginationContext';\nimport { ELLIPSIS } from './constants';\nimport {\n  PreviousPageButton,\n  NextPageButton,\n  PageOfCountButton,\n  PageButton,\n  Ellipsis,\n} from './subcomponents';\nimport breakpoints from '../utils/breakpoints';\nimport newId from '../utils/newId';\n\nfunction PaginationPages() {\n  const { displayPages } = useContext(PaginationContext);\n  const isMobile = useMediaQuery({ maxWidth: breakpoints.extraSmall.maxWidth });\n\n  if (isMobile) {\n    return <PageOfCountButton />;\n  }\n\n  return (\n    <>\n      {displayPages.map((pageIndex) => {\n        if (pageIndex === ELLIPSIS) {\n          return <Ellipsis key={newId('pagination-ellipsis-')} />;\n        }\n        return <PageButton key={pageIndex} pageNum={pageIndex + 1} />;\n      })}\n    </>\n  );\n}\n\nexport default function DefaultPagination() {\n  return (\n    <ul className=\"pagination\">\n      <PreviousPageButton />\n      <PaginationPages />\n      <NextPageButton />\n    </ul>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SACEC,kBAAkB,EAClBC,cAAc,EACdC,iBAAiB,EACjBC,UAAU,EACVC,QAAQ,QACH,iBAAiB;AACxB,OAAOC,WAAW,MAAM,sBAAsB;AAC9C,OAAOC,KAAK,MAAM,gBAAgB;AAElC,SAASC,eAAeA,CAAA,EAAG;EACzB,IAAAC,WAAA,GAAyBZ,UAAU,CAACE,iBAAiB,CAAC;IAA9CW,YAAY,GAAAD,WAAA,CAAZC,YAAY;EACpB,IAAMC,QAAQ,GAAGb,aAAa,CAAC;IAAEc,QAAQ,EAAEN,WAAW,CAACO,UAAU,CAACD;EAAS,CAAC,CAAC;EAE7E,IAAID,QAAQ,EAAE;IACZ,oBAAOf,KAAA,CAAAkB,aAAA,CAACX,iBAAiB,MAAE,CAAC;EAC9B;EAEA,oBACEP,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,QACGL,YAAY,CAACM,GAAG,CAAC,UAACC,SAAS,EAAK;IAC/B,IAAIA,SAAS,KAAKjB,QAAQ,EAAE;MAC1B,oBAAOJ,KAAA,CAAAkB,aAAA,CAACT,QAAQ;QAACa,GAAG,EAAEX,KAAK,CAAC,sBAAsB;MAAE,CAAE,CAAC;IACzD;IACA,oBAAOX,KAAA,CAAAkB,aAAA,CAACV,UAAU;MAACc,GAAG,EAAED,SAAU;MAACE,OAAO,EAAEF,SAAS,GAAG;IAAE,CAAE,CAAC;EAC/D,CAAC,CACD,CAAC;AAEP;AAEA,eAAe,SAASG,iBAAiBA,CAAA,EAAG;EAC1C,oBACExB,KAAA,CAAAkB,aAAA;IAAIO,SAAS,EAAC;EAAY,gBACxBzB,KAAA,CAAAkB,aAAA,CAACb,kBAAkB,MAAE,CAAC,eACtBL,KAAA,CAAAkB,aAAA,CAACN,eAAe,MAAE,CAAC,eACnBZ,KAAA,CAAAkB,aAAA,CAACZ,cAAc,MAAE,CACf,CAAC;AAET"}
+{"version":3,"file":"DefaultPagination.js","names":["React","useContext","useMediaQuery","PaginationContext","ELLIPSIS","PreviousPageButton","NextPageButton","PageOfCountButton","PageButton","Ellipsis","breakpoints","newId","PaginationPages","_useContext","displayPages","isMobile","maxWidth","extraSmall","createElement","Fragment","map","pageIndex","key","pageNum","DefaultPagination","className"],"sources":["../../src/Pagination/DefaultPagination.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PaginationContext from './PaginationContext';\nimport { ELLIPSIS } from './constants';\nimport {\n  PreviousPageButton,\n  NextPageButton,\n  PageOfCountButton,\n  PageButton,\n  Ellipsis,\n} from './subcomponents';\nimport breakpoints from '../utils/breakpoints';\nimport newId from '../utils/newId';\n\nfunction PaginationPages() {\n  const { displayPages } = useContext(PaginationContext);\n  const isMobile = useMediaQuery({ maxWidth: breakpoints.extraSmall.maxWidth });\n\n  if (isMobile) {\n    return <PageOfCountButton />;\n  }\n\n  return (\n    <>\n      {displayPages.map((pageIndex) => {\n        if (pageIndex === ELLIPSIS) {\n          return <Ellipsis key={newId('pagination-ellipsis-')} />;\n        }\n        return <PageButton key={pageIndex} pageNum={pageIndex + 1} />;\n      })}\n    </>\n  );\n}\n\nexport default function DefaultPagination() {\n  return (\n    <ul className=\"pagination\">\n      <PreviousPageButton />\n      <PaginationPages />\n      <NextPageButton />\n    </ul>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SACEC,kBAAkB,EAClBC,cAAc,EACdC,iBAAiB,EACjBC,UAAU,EACVC,QAAQ,QACH,iBAAiB;AACxB,OAAOC,WAAW,MAAM,sBAAsB;AAC9C,OAAOC,KAAK,MAAM,gBAAgB;AAElC,SAASC,eAAeA,CAAA,EAAG;EACzB,IAAAC,WAAA,GAAyBZ,UAAU,CAACE,iBAAiB,CAAC;IAA9CW,YAAY,GAAAD,WAAA,CAAZC,YAAY;EACpB,IAAMC,QAAQ,GAAGb,aAAa,CAAC;IAAEc,QAAQ,EAAEN,WAAW,CAACO,UAAU,CAACD;EAAS,CAAC,CAAC;EAE7E,IAAID,QAAQ,EAAE;IACZ,oBAAOf,KAAA,CAAAkB,aAAA,CAACX,iBAAiB,MAAE,CAAC;EAC9B;EAEA,oBACEP,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,QACGL,YAAY,CAACM,GAAG,CAAC,UAACC,SAAS,EAAK;IAC/B,IAAIA,SAAS,KAAKjB,QAAQ,EAAE;MAC1B,oBAAOJ,KAAA,CAAAkB,aAAA,CAACT,QAAQ;QAACa,GAAG,EAAEX,KAAK,CAAC,sBAAsB;MAAE,CAAE,CAAC;IACzD;IACA,oBAAOX,KAAA,CAAAkB,aAAA,CAACV,UAAU;MAACc,GAAG,EAAED,SAAU;MAACE,OAAO,EAAEF,SAAS,GAAG;IAAE,CAAE,CAAC;EAC/D,CAAC,CACD,CAAC;AAEP;AAEA,eAAe,SAASG,iBAAiBA,CAAA,EAAG;EAC1C,oBACExB,KAAA,CAAAkB,aAAA;IAAIO,SAAS,EAAC;EAAY,gBACxBzB,KAAA,CAAAkB,aAAA,CAACb,kBAAkB,MAAE,CAAC,eACtBL,KAAA,CAAAkB,aAAA,CAACN,eAAe,MAAE,CAAC,eACnBZ,KAAA,CAAAkB,aAAA,CAACZ,cAAc,MAAE,CACf,CAAC;AAET","ignoreList":[]}

package/dist/Pagination/MinimalPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimalPagination.js","names":["React","PreviousPageButton","NextPageButton","MinimalPagination","createElement","className"],"sources":["../../src/Pagination/MinimalPagination.jsx"],"sourcesContent":["import React from 'react';\nimport { PreviousPageButton, NextPageButton } from './subcomponents';\n\nexport default function MinimalPagination() {\n  return (\n    <ul className=\"pagination\">\n      <PreviousPageButton />\n      <NextPageButton />\n    </ul>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,iBAAiB;AAEpE,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,oBACEH,KAAA,CAAAI,aAAA;IAAIC,SAAS,EAAC;EAAY,gBACxBL,KAAA,CAAAI,aAAA,CAACH,kBAAkB,MAAE,CAAC,eACtBD,KAAA,CAAAI,aAAA,CAACF,cAAc,MAAE,CACf,CAAC;AAET"}
+{"version":3,"file":"MinimalPagination.js","names":["React","PreviousPageButton","NextPageButton","MinimalPagination","createElement","className"],"sources":["../../src/Pagination/MinimalPagination.jsx"],"sourcesContent":["import React from 'react';\nimport { PreviousPageButton, NextPageButton } from './subcomponents';\n\nexport default function MinimalPagination() {\n  return (\n    <ul className=\"pagination\">\n      <PreviousPageButton />\n      <NextPageButton />\n    </ul>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,iBAAiB;AAEpE,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,oBACEH,KAAA,CAAAI,aAAA;IAAIC,SAAS,EAAC;EAAY,gBACxBL,KAAA,CAAAI,aAAA,CAACH,kBAAkB,MAAE,CAAC,eACtBD,KAAA,CAAAI,aAAA,CAACF,cAAc,MAAE,CACf,CAAC;AAET","ignoreList":[]}

package/dist/Pagination/PaginationContext.js

@@ -2,7 +2,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { createContext, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';

package/dist/Pagination/PaginationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationContext.js","names":["React","createContext","useEffect","useRef","useState","PropTypes","PAGINATION_VARIANTS","getPaginationRange","PaginationContext","PaginationContextProvider","_ref","children","onPageSelect","invertColors","maxPagesDisplayed","buttonLabels","icons","variant","pageCount","controlledCurrentPage","currentPage","initialPage","_useState","_useState2","_slicedToArray","setCurrentPage","_useState3","_useState4","pageButtonSelected","setPageButtonSelected","previousButtonRef","nextButtonRef","pageButtonRef","currentPageRef","focus","isUncontrolled","undefined","isPageButtonActive","page","isOnFirstPage","isOnLastPage","isDefaultVariant","getPageButtonRefHandler","pageNum","element","current","handlePageSelect","handlePreviousButtonClick","prevState","handleNextButtonClick","getAriaLabelForPreviousButton","ariaLabel","concat","previous","getAriaLabelForNextButton","next","getAriaLabelForPageButton","getAriaLabelForPageOfCountButton","pageOfCount","getScreenReaderText","getPageOfText","getPageButtonVariant","buttonVariant","getNextButtonIcon","rightIcon","getPrevButtonIcon","leftIcon","displayPages","currentIndex","count","length","requireFirstAndLastPages","value","createElement","Provider","propTypes","node","isRequired","func","number","shape","string","oneOfType","oneOf","Object","values","bool","defaultProps"],"sources":["../../src/Pagination/PaginationContext.jsx"],"sourcesContent":["import React, {\n  createContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { PAGINATION_VARIANTS } from './constants';\nimport getPaginationRange from './getPaginationRange';\n\nconst PaginationContext = createContext({});\n\nfunction PaginationContextProvider({\n  children, onPageSelect, invertColors, maxPagesDisplayed,\n  buttonLabels, icons, variant,\n  pageCount, currentPage: controlledCurrentPage, initialPage,\n}) {\n  const [currentPage, setCurrentPage] = useState(controlledCurrentPage || initialPage);\n  const [pageButtonSelected, setPageButtonSelected] = useState(false);\n  const previousButtonRef = useRef(null);\n  const nextButtonRef = useRef(null);\n  const pageButtonRef = useRef([]);\n\n  useEffect(() => {\n    const currentPageRef = pageButtonRef[currentPage];\n\n    if (currentPageRef && pageButtonSelected) {\n      currentPageRef.focus();\n      setPageButtonSelected(false);\n    }\n  }, [currentPage, pageButtonSelected]);\n\n  const isUncontrolled = () => controlledCurrentPage === undefined;\n  const isPageButtonActive = (page) => page === currentPage;\n  const isOnFirstPage = () => (currentPage === 1 || pageCount === 0);\n  const isOnLastPage = () => currentPage === pageCount || pageCount === 0;\n  const isDefaultVariant = () => variant === PAGINATION_VARIANTS.default;\n\n  if (!isUncontrolled() && controlledCurrentPage !== currentPage) {\n    setCurrentPage(controlledCurrentPage);\n  }\n\n  const getPageButtonRefHandler = (pageNum) => (element) => { pageButtonRef.current[pageNum] = element; };\n\n  const handlePageSelect = (page) => {\n    if (page !== currentPage) {\n      if (isUncontrolled()) {\n        setCurrentPage(page);\n      }\n      setPageButtonSelected(true);\n      onPageSelect(page);\n    }\n  };\n\n  const handlePreviousButtonClick = () => {\n    onPageSelect(currentPage - 1);\n    if (currentPage === 2) {\n      nextButtonRef.current.focus();\n    }\n    if (isUncontrolled()) {\n      setCurrentPage((prevState) => prevState - 1);\n    }\n  };\n\n  const handleNextButtonClick = () => {\n    onPageSelect(currentPage + 1);\n    if (currentPage === pageCount - 1) {\n      previousButtonRef.current.focus();\n    }\n    if (isUncontrolled()) {\n      setCurrentPage((prevState) => prevState + 1);\n    }\n  };\n\n  const getAriaLabelForPreviousButton = () => {\n    let ariaLabel = `${buttonLabels.previous}`;\n\n    if (!isOnFirstPage()) {\n      ariaLabel += `, ${buttonLabels.page} ${currentPage - 1}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForNextButton = () => {\n    let ariaLabel = `${buttonLabels.next}`;\n\n    if (!isOnLastPage()) {\n      ariaLabel += `, ${buttonLabels.page} ${currentPage + 1}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForPageButton = (page) => {\n    let ariaLabel = `${buttonLabels.page} ${page}`;\n\n    if (isPageButtonActive(page)) {\n      ariaLabel += `, ${buttonLabels.currentPage}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForPageOfCountButton = () => `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n  const getScreenReaderText = () => `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n  const getPageOfText = () => `${currentPage} ${buttonLabels.pageOfCount} ${pageCount}`;\n\n  const getPageButtonVariant = (page) => {\n    let buttonVariant = isPageButtonActive(page) ? 'primary' : 'tertiary';\n\n    if (invertColors) {\n      buttonVariant = `inverse-${buttonVariant}`;\n    }\n\n    return buttonVariant;\n  };\n\n  const getNextButtonIcon = () => icons.rightIcon;\n  const getPrevButtonIcon = () => icons.leftIcon;\n\n  const displayPages = getPaginationRange({\n    currentIndex: currentPage,\n    count: pageCount,\n    length: maxPagesDisplayed,\n    requireFirstAndLastPages: true,\n  });\n\n  const value = {\n    invertColors,\n    displayPages,\n    pageCount,\n    buttonLabels,\n    previousButtonRef,\n    nextButtonRef,\n    pageButtonRef,\n    getPrevButtonIcon,\n    getNextButtonIcon,\n    getAriaLabelForNextButton,\n    getAriaLabelForPageButton,\n    getAriaLabelForPreviousButton,\n    getAriaLabelForPageOfCountButton,\n    getPageButtonVariant,\n    handlePreviousButtonClick,\n    handleNextButtonClick,\n    handlePageSelect,\n    isOnFirstPage,\n    isOnLastPage,\n    isPageButtonActive,\n    isDefaultVariant,\n    getScreenReaderText,\n    getPageOfText,\n    getPageButtonRefHandler,\n  };\n\n  return (\n    <PaginationContext.Provider value={value}>\n      {children}\n    </PaginationContext.Provider>\n  );\n}\n\nPaginationContextProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  onPageSelect: PropTypes.func.isRequired,\n  pageCount: PropTypes.number.isRequired,\n  buttonLabels: PropTypes.shape({\n    previous: PropTypes.string,\n    next: PropTypes.string,\n    page: PropTypes.string,\n    currentPage: PropTypes.string,\n    pageOfCount: PropTypes.string,\n  }).isRequired,\n  currentPage: PropTypes.number,\n  maxPagesDisplayed: PropTypes.number.isRequired,\n  icons: PropTypes.shape({\n    leftIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    rightIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  }).isRequired,\n  variant: PropTypes.oneOf(Object.values(PAGINATION_VARIANTS)).isRequired,\n  invertColors: PropTypes.bool.isRequired,\n  initialPage: PropTypes.number.isRequired,\n};\n\nPaginationContextProvider.defaultProps = {\n  currentPage: undefined,\n};\n\nexport { PaginationContextProvider };\nexport default PaginationContext;\n"],"mappings":"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"}
+{"version":3,"file":"PaginationContext.js","names":["React","createContext","useEffect","useRef","useState","PropTypes","PAGINATION_VARIANTS","getPaginationRange","PaginationContext","PaginationContextProvider","_ref","children","onPageSelect","invertColors","maxPagesDisplayed","buttonLabels","icons","variant","pageCount","controlledCurrentPage","currentPage","initialPage","_useState","_useState2","_slicedToArray","setCurrentPage","_useState3","_useState4","pageButtonSelected","setPageButtonSelected","previousButtonRef","nextButtonRef","pageButtonRef","currentPageRef","focus","isUncontrolled","undefined","isPageButtonActive","page","isOnFirstPage","isOnLastPage","isDefaultVariant","getPageButtonRefHandler","pageNum","element","current","handlePageSelect","handlePreviousButtonClick","prevState","handleNextButtonClick","getAriaLabelForPreviousButton","ariaLabel","concat","previous","getAriaLabelForNextButton","next","getAriaLabelForPageButton","getAriaLabelForPageOfCountButton","pageOfCount","getScreenReaderText","getPageOfText","getPageButtonVariant","buttonVariant","getNextButtonIcon","rightIcon","getPrevButtonIcon","leftIcon","displayPages","currentIndex","count","length","requireFirstAndLastPages","value","createElement","Provider","propTypes","node","isRequired","func","number","shape","string","oneOfType","oneOf","Object","values","bool","defaultProps"],"sources":["../../src/Pagination/PaginationContext.jsx"],"sourcesContent":["import React, {\n  createContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { PAGINATION_VARIANTS } from './constants';\nimport getPaginationRange from './getPaginationRange';\n\nconst PaginationContext = createContext({});\n\nfunction PaginationContextProvider({\n  children, onPageSelect, invertColors, maxPagesDisplayed,\n  buttonLabels, icons, variant,\n  pageCount, currentPage: controlledCurrentPage, initialPage,\n}) {\n  const [currentPage, setCurrentPage] = useState(controlledCurrentPage || initialPage);\n  const [pageButtonSelected, setPageButtonSelected] = useState(false);\n  const previousButtonRef = useRef(null);\n  const nextButtonRef = useRef(null);\n  const pageButtonRef = useRef([]);\n\n  useEffect(() => {\n    const currentPageRef = pageButtonRef[currentPage];\n\n    if (currentPageRef && pageButtonSelected) {\n      currentPageRef.focus();\n      setPageButtonSelected(false);\n    }\n  }, [currentPage, pageButtonSelected]);\n\n  const isUncontrolled = () => controlledCurrentPage === undefined;\n  const isPageButtonActive = (page) => page === currentPage;\n  const isOnFirstPage = () => (currentPage === 1 || pageCount === 0);\n  const isOnLastPage = () => currentPage === pageCount || pageCount === 0;\n  const isDefaultVariant = () => variant === PAGINATION_VARIANTS.default;\n\n  if (!isUncontrolled() && controlledCurrentPage !== currentPage) {\n    setCurrentPage(controlledCurrentPage);\n  }\n\n  const getPageButtonRefHandler = (pageNum) => (element) => { pageButtonRef.current[pageNum] = element; };\n\n  const handlePageSelect = (page) => {\n    if (page !== currentPage) {\n      if (isUncontrolled()) {\n        setCurrentPage(page);\n      }\n      setPageButtonSelected(true);\n      onPageSelect(page);\n    }\n  };\n\n  const handlePreviousButtonClick = () => {\n    onPageSelect(currentPage - 1);\n    if (currentPage === 2) {\n      nextButtonRef.current.focus();\n    }\n    if (isUncontrolled()) {\n      setCurrentPage((prevState) => prevState - 1);\n    }\n  };\n\n  const handleNextButtonClick = () => {\n    onPageSelect(currentPage + 1);\n    if (currentPage === pageCount - 1) {\n      previousButtonRef.current.focus();\n    }\n    if (isUncontrolled()) {\n      setCurrentPage((prevState) => prevState + 1);\n    }\n  };\n\n  const getAriaLabelForPreviousButton = () => {\n    let ariaLabel = `${buttonLabels.previous}`;\n\n    if (!isOnFirstPage()) {\n      ariaLabel += `, ${buttonLabels.page} ${currentPage - 1}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForNextButton = () => {\n    let ariaLabel = `${buttonLabels.next}`;\n\n    if (!isOnLastPage()) {\n      ariaLabel += `, ${buttonLabels.page} ${currentPage + 1}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForPageButton = (page) => {\n    let ariaLabel = `${buttonLabels.page} ${page}`;\n\n    if (isPageButtonActive(page)) {\n      ariaLabel += `, ${buttonLabels.currentPage}`;\n    }\n\n    return ariaLabel;\n  };\n\n  const getAriaLabelForPageOfCountButton = () => `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n\n  const getScreenReaderText = () => `${buttonLabels.page} ${currentPage}, ${buttonLabels.currentPage}, ${buttonLabels.pageOfCount} ${pageCount}`;\n  const getPageOfText = () => `${currentPage} ${buttonLabels.pageOfCount} ${pageCount}`;\n\n  const getPageButtonVariant = (page) => {\n    let buttonVariant = isPageButtonActive(page) ? 'primary' : 'tertiary';\n\n    if (invertColors) {\n      buttonVariant = `inverse-${buttonVariant}`;\n    }\n\n    return buttonVariant;\n  };\n\n  const getNextButtonIcon = () => icons.rightIcon;\n  const getPrevButtonIcon = () => icons.leftIcon;\n\n  const displayPages = getPaginationRange({\n    currentIndex: currentPage,\n    count: pageCount,\n    length: maxPagesDisplayed,\n    requireFirstAndLastPages: true,\n  });\n\n  const value = {\n    invertColors,\n    displayPages,\n    pageCount,\n    buttonLabels,\n    previousButtonRef,\n    nextButtonRef,\n    pageButtonRef,\n    getPrevButtonIcon,\n    getNextButtonIcon,\n    getAriaLabelForNextButton,\n    getAriaLabelForPageButton,\n    getAriaLabelForPreviousButton,\n    getAriaLabelForPageOfCountButton,\n    getPageButtonVariant,\n    handlePreviousButtonClick,\n    handleNextButtonClick,\n    handlePageSelect,\n    isOnFirstPage,\n    isOnLastPage,\n    isPageButtonActive,\n    isDefaultVariant,\n    getScreenReaderText,\n    getPageOfText,\n    getPageButtonRefHandler,\n  };\n\n  return (\n    <PaginationContext.Provider value={value}>\n      {children}\n    </PaginationContext.Provider>\n  );\n}\n\nPaginationContextProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  onPageSelect: PropTypes.func.isRequired,\n  pageCount: PropTypes.number.isRequired,\n  buttonLabels: PropTypes.shape({\n    previous: PropTypes.string,\n    next: PropTypes.string,\n    page: PropTypes.string,\n    currentPage: PropTypes.string,\n    pageOfCount: PropTypes.string,\n  }).isRequired,\n  currentPage: PropTypes.number,\n  maxPagesDisplayed: PropTypes.number.isRequired,\n  icons: PropTypes.shape({\n    leftIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    rightIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  }).isRequired,\n  variant: PropTypes.oneOf(Object.values(PAGINATION_VARIANTS)).isRequired,\n  invertColors: PropTypes.bool.isRequired,\n  initialPage: PropTypes.number.isRequired,\n};\n\nPaginationContextProvider.defaultProps = {\n  currentPage: undefined,\n};\n\nexport { PaginationContextProvider };\nexport default PaginationContext;\n"],"mappings":"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","ignoreList":[]}

package/dist/Pagination/ReducedPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReducedPagination.js","names":["React","PreviousPageButton","NextPageButton","PaginationDropdown","ReducedPagination","createElement","className"],"sources":["../../src/Pagination/ReducedPagination.jsx"],"sourcesContent":["import React from 'react';\nimport { PreviousPageButton, NextPageButton, PaginationDropdown } from './subcomponents';\n\nexport default function ReducedPagination() {\n  return (\n    <ul className=\"pagination\">\n      <PreviousPageButton />\n      <PaginationDropdown />\n      <NextPageButton />\n    </ul>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,EAAEC,cAAc,EAAEC,kBAAkB,QAAQ,iBAAiB;AAExF,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,oBACEJ,KAAA,CAAAK,aAAA;IAAIC,SAAS,EAAC;EAAY,gBACxBN,KAAA,CAAAK,aAAA,CAACJ,kBAAkB,MAAE,CAAC,eACtBD,KAAA,CAAAK,aAAA,CAACF,kBAAkB,MAAE,CAAC,eACtBH,KAAA,CAAAK,aAAA,CAACH,cAAc,MAAE,CACf,CAAC;AAET"}
+{"version":3,"file":"ReducedPagination.js","names":["React","PreviousPageButton","NextPageButton","PaginationDropdown","ReducedPagination","createElement","className"],"sources":["../../src/Pagination/ReducedPagination.jsx"],"sourcesContent":["import React from 'react';\nimport { PreviousPageButton, NextPageButton, PaginationDropdown } from './subcomponents';\n\nexport default function ReducedPagination() {\n  return (\n    <ul className=\"pagination\">\n      <PreviousPageButton />\n      <PaginationDropdown />\n      <NextPageButton />\n    </ul>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,EAAEC,cAAc,EAAEC,kBAAkB,QAAQ,iBAAiB;AAExF,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,oBACEJ,KAAA,CAAAK,aAAA;IAAIC,SAAS,EAAC;EAAY,gBACxBN,KAAA,CAAAK,aAAA,CAACJ,kBAAkB,MAAE,CAAC,eACtBD,KAAA,CAAAK,aAAA,CAACF,kBAAkB,MAAE,CAAC,eACtBH,KAAA,CAAAK,aAAA,CAACH,cAAc,MAAE,CACf,CAAC;AAET","ignoreList":[]}

package/dist/Pagination/index.js

@@ -1,7 +1,7 @@
-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 _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); }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';

package/dist/Pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classNames","PropTypes","ReducedPagination","MinimalPagination","DefaultPagination","PaginationContextProvider","PAGINATION_VARIANTS","ScreenReaderText","greaterThan","ChevronLeft","ChevronRight","Pagination","props","_classNames","invertColors","variant","size","paginationLabel","className","renderPaginationComponent","reduced","createElement","minimal","_defineProperty","concat","propTypes","onPageSelect","func","isRequired","pageCount","number","string","buttonLabels","shape","previous","next","page","currentPage","pageOfCount","maxPagesDisplayed","icons","leftIcon","elementType","rightIcon","oneOf","bool","initialPage","defaultProps","undefined"],"sources":["../../src/Pagination/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport ReducedPagination from './ReducedPagination';\nimport MinimalPagination from './MinimalPagination';\nimport DefaultPagination from './DefaultPagination';\nimport { PaginationContextProvider } from './PaginationContext';\nimport { PAGINATION_VARIANTS } from './constants';\nimport { ScreenReaderText } from './subcomponents';\n\nimport { greaterThan } from '../utils/propTypes';\nimport { ChevronLeft, ChevronRight } from '../../icons';\n\nfunction Pagination(props) {\n  const {\n    invertColors,\n    variant,\n    size,\n    paginationLabel,\n    className,\n  } = props;\n\n  const renderPaginationComponent = () => {\n    if (variant === PAGINATION_VARIANTS.reduced) {\n      return <ReducedPagination />;\n    }\n\n    if (variant === PAGINATION_VARIANTS.minimal) {\n      return <MinimalPagination />;\n    }\n\n    return <DefaultPagination />;\n  };\n\n  return (\n    <PaginationContextProvider {...props}>\n      <nav\n        aria-label={paginationLabel}\n        className={classNames(className, {\n          [`pagination-${variant}`]: variant,\n          'pagination-inverse': invertColors,\n          'pagination-small': size !== PAGINATION_VARIANTS.default,\n        })}\n      >\n        <ScreenReaderText />\n        {renderPaginationComponent()}\n      </nav>\n    </PaginationContextProvider>\n  );\n}\n\nPagination.propTypes = {\n  /**\n   * Specifies a callback function that is executed when the\n   * user selects a page button or the `Previous`/`Next` buttons. For example:\n   *\n   * ```jsx\n   *  <Pagination onPageSelect={(pageNumber) => { console.log(pageNumber); } />\n   * ```\n   */\n  onPageSelect: PropTypes.func.isRequired,\n  /** Specifies the total number of pages in the `Pagination` component. */\n  pageCount: PropTypes.number.isRequired,\n  /** Specifies the `aria-label` for the `<nav>` element that wraps the pagination button list. */\n  paginationLabel: PropTypes.string.isRequired,\n  /**\n   * Specifies the labels to use for the `Previous`/`Next`\n   * buttons as well as the various parts of `aria-label`\n   * on the page buttons for accessibility. All button labels\n   * accept both string or elements. The button label options are as follows:\n   *\n   * `previous`: Text for the `Previous` button;\n   *\n   * `next`: Text for the `Next` button;\n   *\n   * `page`: Text in the `aria-label` on page buttons to describe the button (e.g., \"**Page** 1\");\n   *\n   * `currentPage`: Text to depict the selected page in the `aria-label`\n   * on page buttons (e.g., \"Page 1, **Current Page**\");\n   *\n   * `pageOfCount`: Text that separates the current page and total page count\n   * for the mobile UI (e.g., \"Page 1 **of** 20\").\n   *\n   * The default is:\n   * ```javascript\n   * {\n   *   previous: 'Previous',\n   *   next: 'Next',\n   *   page: 'Page',\n   *   currentPage: 'Current Page',\n   *   pageOfCount: 'of',\n   * }\n   * ```\n   */\n  buttonLabels: PropTypes.shape({\n    previous: PropTypes.string,\n    next: PropTypes.string,\n    page: PropTypes.string,\n    currentPage: PropTypes.string,\n    pageOfCount: PropTypes.string,\n  }),\n  /** Specifies any class name(s) for the `Pagination` component. The default is an empty string. */\n  className: PropTypes.string,\n  /** specifies the page that the `Pagination` component will automatically select. The default is `1`. */\n  currentPage: PropTypes.number,\n  /**\n   * Specifies the number of page buttons to display in between the `Previous`\n   * and `Next` buttons. This number also includes any ellipses in the total count.\n   * Also, to ensure that at least one clickable page button is shown when both ellipses\n   * are displayed, this value must be greater than `4`. The default is `7`.\n   */\n  maxPagesDisplayed: greaterThan(4),\n  /**\n   * Specifies icons used to indicate previous and next page. Can be an element,\n   * string, symbol, etc. Default is chevrons rendered using fa-css.\n   */\n  icons: PropTypes.shape({\n    leftIcon: PropTypes.elementType,\n    rightIcon: PropTypes.elementType,\n  }),\n  variant: PropTypes.oneOf(['default', 'secondary', 'reduced', 'minimal']),\n  invertColors: PropTypes.bool,\n  size: PropTypes.oneOf(['default', 'small']),\n  initialPage: PropTypes.number,\n};\n\nPagination.defaultProps = {\n  icons: {\n    leftIcon: ChevronLeft,\n    rightIcon: ChevronRight,\n  },\n  buttonLabels: {\n    previous: 'Previous',\n    next: 'Next',\n    page: 'Page',\n    currentPage: 'Current Page',\n    pageOfCount: 'of',\n  },\n  className: undefined,\n  initialPage: 1,\n  currentPage: undefined,\n  maxPagesDisplayed: 7,\n  variant: 'default',\n  invertColors: false,\n  size: 'default',\n};\n\nexport default Pagination;\nexport * from './constants';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","classNames","PropTypes","ReducedPagination","MinimalPagination","DefaultPagination","PaginationContextProvider","PAGINATION_VARIANTS","ScreenReaderText","greaterThan","ChevronLeft","ChevronRight","Pagination","props","_classNames","invertColors","variant","size","paginationLabel","className","renderPaginationComponent","reduced","createElement","minimal","_defineProperty","concat","propTypes","onPageSelect","func","isRequired","pageCount","number","string","buttonLabels","shape","previous","next","page","currentPage","pageOfCount","maxPagesDisplayed","icons","leftIcon","elementType","rightIcon","oneOf","bool","initialPage","defaultProps","undefined"],"sources":["../../src/Pagination/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport ReducedPagination from './ReducedPagination';\nimport MinimalPagination from './MinimalPagination';\nimport DefaultPagination from './DefaultPagination';\nimport { PaginationContextProvider } from './PaginationContext';\nimport { PAGINATION_VARIANTS } from './constants';\nimport { ScreenReaderText } from './subcomponents';\n\nimport { greaterThan } from '../utils/propTypes';\nimport { ChevronLeft, ChevronRight } from '../../icons';\n\nfunction Pagination(props) {\n  const {\n    invertColors,\n    variant,\n    size,\n    paginationLabel,\n    className,\n  } = props;\n\n  const renderPaginationComponent = () => {\n    if (variant === PAGINATION_VARIANTS.reduced) {\n      return <ReducedPagination />;\n    }\n\n    if (variant === PAGINATION_VARIANTS.minimal) {\n      return <MinimalPagination />;\n    }\n\n    return <DefaultPagination />;\n  };\n\n  return (\n    <PaginationContextProvider {...props}>\n      <nav\n        aria-label={paginationLabel}\n        className={classNames(className, {\n          [`pagination-${variant}`]: variant,\n          'pagination-inverse': invertColors,\n          'pagination-small': size !== PAGINATION_VARIANTS.default,\n        })}\n      >\n        <ScreenReaderText />\n        {renderPaginationComponent()}\n      </nav>\n    </PaginationContextProvider>\n  );\n}\n\nPagination.propTypes = {\n  /**\n   * Specifies a callback function that is executed when the\n   * user selects a page button or the `Previous`/`Next` buttons. For example:\n   *\n   * ```jsx\n   *  <Pagination onPageSelect={(pageNumber) => { console.log(pageNumber); } />\n   * ```\n   */\n  onPageSelect: PropTypes.func.isRequired,\n  /** Specifies the total number of pages in the `Pagination` component. */\n  pageCount: PropTypes.number.isRequired,\n  /** Specifies the `aria-label` for the `<nav>` element that wraps the pagination button list. */\n  paginationLabel: PropTypes.string.isRequired,\n  /**\n   * Specifies the labels to use for the `Previous`/`Next`\n   * buttons as well as the various parts of `aria-label`\n   * on the page buttons for accessibility. All button labels\n   * accept both string or elements. The button label options are as follows:\n   *\n   * `previous`: Text for the `Previous` button;\n   *\n   * `next`: Text for the `Next` button;\n   *\n   * `page`: Text in the `aria-label` on page buttons to describe the button (e.g., \"**Page** 1\");\n   *\n   * `currentPage`: Text to depict the selected page in the `aria-label`\n   * on page buttons (e.g., \"Page 1, **Current Page**\");\n   *\n   * `pageOfCount`: Text that separates the current page and total page count\n   * for the mobile UI (e.g., \"Page 1 **of** 20\").\n   *\n   * The default is:\n   * ```javascript\n   * {\n   *   previous: 'Previous',\n   *   next: 'Next',\n   *   page: 'Page',\n   *   currentPage: 'Current Page',\n   *   pageOfCount: 'of',\n   * }\n   * ```\n   */\n  buttonLabels: PropTypes.shape({\n    previous: PropTypes.string,\n    next: PropTypes.string,\n    page: PropTypes.string,\n    currentPage: PropTypes.string,\n    pageOfCount: PropTypes.string,\n  }),\n  /** Specifies any class name(s) for the `Pagination` component. The default is an empty string. */\n  className: PropTypes.string,\n  /** specifies the page that the `Pagination` component will automatically select. The default is `1`. */\n  currentPage: PropTypes.number,\n  /**\n   * Specifies the number of page buttons to display in between the `Previous`\n   * and `Next` buttons. This number also includes any ellipses in the total count.\n   * Also, to ensure that at least one clickable page button is shown when both ellipses\n   * are displayed, this value must be greater than `4`. The default is `7`.\n   */\n  maxPagesDisplayed: greaterThan(4),\n  /**\n   * Specifies icons used to indicate previous and next page. Can be an element,\n   * string, symbol, etc. Default is chevrons rendered using fa-css.\n   */\n  icons: PropTypes.shape({\n    leftIcon: PropTypes.elementType,\n    rightIcon: PropTypes.elementType,\n  }),\n  variant: PropTypes.oneOf(['default', 'secondary', 'reduced', 'minimal']),\n  invertColors: PropTypes.bool,\n  size: PropTypes.oneOf(['default', 'small']),\n  initialPage: PropTypes.number,\n};\n\nPagination.defaultProps = {\n  icons: {\n    leftIcon: ChevronLeft,\n    rightIcon: ChevronRight,\n  },\n  buttonLabels: {\n    previous: 'Previous',\n    next: 'Next',\n    page: 'Page',\n    currentPage: 'Current Page',\n    pageOfCount: 'of',\n  },\n  className: undefined,\n  initialPage: 1,\n  currentPage: undefined,\n  maxPagesDisplayed: 7,\n  variant: 'default',\n  invertColors: false,\n  size: 'default',\n};\n\nexport default Pagination;\nexport * from './constants';\n"],"mappings":"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","ignoreList":[]}