@openedx/paragon 22.0.0-alpha.24 → 22.1.0

package/dist/Menu/SelectMenu.js

@@ -1,5 +1,11 @@
-const _excluded = ["defaultMessage", "children", "className", "variant"];
+var _excluded = ["defaultMessage", "children", "className", "variant"];
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useState, useEffect, useCallback } from 'react';
@@ -11,54 +17,68 @@ import ModalPopup from '../Modal/ModalPopup';
 import useToggle from '../hooks/useToggle';
 import Menu from '.';
 import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
-export const SELECT_MENU_DEFAULT_MESSAGE = 'Select...';
+export var SELECT_MENU_DEFAULT_MESSAGE = 'Select...';
 function SelectMenu(_ref) {
-  let {
-      defaultMessage,
-      children,
-      className,
-      variant
-    } = _ref,
+  var defaultMessage = _ref.defaultMessage,
+    children = _ref.children,
+    className = _ref.className,
+    variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
-  const [triggerTarget, setTriggerTarget] = useState(null);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    triggerTarget = _useState2[0],
+    setTriggerTarget = _useState2[1];
   // this ref is used to focus the menu open button after any menu option is clicked.
   // triggerTarget.current.focus() inside the onCLick() function didn't guarantee element focus.
-  const focusMenuRef = React.useRef(false);
-  const itemsCollection = React.useMemo(() => Array.from({
-    length: children.length
-  }).map(() => /*#__PURE__*/React.createRef()), [children.length]);
-  const defaultIndex = useCallback(() => {
-    for (let i = 0; i < children.length; i++) {
+  var focusMenuRef = React.useRef(false);
+  var itemsCollection = React.useMemo(function () {
+    return Array.from({
+      length: children.length
+    }).map(function () {
+      return /*#__PURE__*/React.createRef();
+    });
+  }, [children.length]);
+  var defaultIndex = useCallback(function () {
+    for (var i = 0; i < children.length; i++) {
       if (children[i].props && children[i].props.defaultSelected) {
         return i;
       }
     }
     return undefined;
   }, [children]);
-  const [selected, setSelected] = useState(defaultIndex());
-  const [isOpen, open, close] = useToggle(false);
-  const createMenuItems = () => React.Children.map(children, (child, index) => {
-    const newProps = {
-      onClick(e) {
-        if (child.props.onClick) {
-          child.props.onClick(e);
-        }
-        setSelected(index);
-        close();
-        focusMenuRef.current = true;
-      },
-      id: `${index.toString()}_pgn__menu-item`,
-      role: 'link'
-    };
-    if (selected === index) {
-      newProps['aria-current'] = 'page';
-    }
-    return /*#__PURE__*/React.cloneElement(child, newProps);
-  });
-  const prevOpenRef = React.useRef();
-  useEffect(() => {
+  var _useState3 = useState(defaultIndex()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selected = _useState4[0],
+    setSelected = _useState4[1];
+  var _useToggle = useToggle(false),
+    _useToggle2 = _slicedToArray(_useToggle, 3),
+    isOpen = _useToggle2[0],
+    open = _useToggle2[1],
+    close = _useToggle2[2];
+  var createMenuItems = function createMenuItems() {
+    return React.Children.map(children, function (child, index) {
+      var newProps = {
+        onClick: function onClick(e) {
+          if (child.props.onClick) {
+            child.props.onClick(e);
+          }
+          setSelected(index);
+          close();
+          focusMenuRef.current = true;
+        },
+        id: "".concat(index.toString(), "_pgn__menu-item"),
+        role: 'link'
+      };
+      if (selected === index) {
+        newProps['aria-current'] = 'page';
+      }
+      return /*#__PURE__*/React.cloneElement(child, newProps);
+    });
+  };
+  var prevOpenRef = React.useRef();
+  useEffect(function () {
     if (isOpen && selected) {
-      const numItems = children.length;
+      var numItems = children.length;
       if (numItems > 6 && selected > 1 && numItems - selected > 2) {
         // on "middle elements", set offset to center of block and scroll to center
         itemsCollection[selected].current.children[0].scrollIntoView({
@@ -105,10 +125,12 @@ function SelectMenu(_ref) {
     }]
   }, /*#__PURE__*/React.createElement(Menu, {
     "aria-label": "Select Menu"
-  }, createMenuItems().map((child, index) => /*#__PURE__*/React.createElement("div", {
-    key: child.props.id,
-    ref: itemsCollection[index]
-  }, child))))));
+  }, createMenuItems().map(function (child, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: child.props.id,
+      ref: itemsCollection[index]
+    }, child);
+  })))));
 }
 SelectMenu.propTypes = {
   /** String that is displayed for default value of the ``SelectMenu`` */
@@ -125,12 +147,14 @@ SelectMenu.defaultProps = {
   className: undefined,
   variant: 'outline-primary'
 };
-const SelectMenuWithDeprecatedProp = withDeprecatedProps(SelectMenu, 'SelectMenu', {
+var SelectMenuWithDeprecatedProp = withDeprecatedProps(SelectMenu, 'SelectMenu', {
   isLink: {
     deprType: DeprTypes.MOVED_AND_FORMAT,
     message: 'Use "variant" prop instead, i.e. variant="link"',
     newName: 'variant',
-    transform: () => 'link'
+    transform: function transform() {
+      return 'link';
+    }
   }
 });
 export default SelectMenuWithDeprecatedProp;

package/dist/Menu/SelectMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMenu.js","names":["React","useState","useEffect","useCallback","PropTypes","classNames","ExpandMore","Button","ModalPopup","useToggle","Menu","withDeprecatedProps","DeprTypes","SELECT_MENU_DEFAULT_MESSAGE","SelectMenu","_ref","defaultMessage","children","className","variant","props","_objectWithoutProperties","_excluded","triggerTarget","setTriggerTarget","focusMenuRef","useRef","itemsCollection","useMemo","Array","from","length","map","createRef","defaultIndex","i","defaultSelected","undefined","selected","setSelected","isOpen","open","close","createMenuItems","Children","child","index","newProps","onClick","e","current","id","toString","role","cloneElement","prevOpenRef","numItems","scrollIntoView","block","focus","preventScroll","createElement","_extends","ref","iconAfter","placement","positionRef","onClose","modifiers","name","options","padding","top","bottom","key","propTypes","string","node","isRequired","defaultProps","SelectMenuWithDeprecatedProp","isLink","deprType","MOVED_AND_FORMAT","message","newName","transform"],"sources":["../../src/Menu/SelectMenu.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ExpandMore } from '../../icons';\nimport Button from '../Button';\nimport ModalPopup from '../Modal/ModalPopup';\nimport useToggle from '../hooks/useToggle';\nimport Menu from '.';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const SELECT_MENU_DEFAULT_MESSAGE = 'Select...';\n\nfunction SelectMenu({\n  defaultMessage,\n  children,\n  className,\n  variant,\n  ...props\n}) {\n  const [triggerTarget, setTriggerTarget] = useState(null);\n  // this ref is used to focus the menu open button after any menu option is clicked.\n  // triggerTarget.current.focus() inside the onCLick() function didn't guarantee element focus.\n  const focusMenuRef = React.useRef(false);\n  const itemsCollection = React.useMemo(\n    () => Array.from({ length: children.length }).map(() => React.createRef()),\n    [children.length],\n  );\n\n  const defaultIndex = useCallback(() => {\n    for (let i = 0; i < children.length; i++) {\n      if (children[i].props && children[i].props.defaultSelected) {\n        return i;\n      }\n    }\n    return undefined;\n  }, [children]);\n\n  const [selected, setSelected] = useState(defaultIndex());\n  const [isOpen, open, close] = useToggle(false);\n\n  const createMenuItems = () => React.Children.map(children, (child, index) => {\n    const newProps = {\n      onClick(e) {\n        if (child.props.onClick) {\n          child.props.onClick(e);\n        }\n        setSelected(index);\n        close();\n        focusMenuRef.current = true;\n      },\n      id: `${index.toString()}_pgn__menu-item`,\n      role: 'link',\n    };\n    if (selected === index) {\n      newProps['aria-current'] = 'page';\n    }\n    return React.cloneElement(child, newProps);\n  });\n\n  const prevOpenRef = React.useRef();\n\n  useEffect(() => {\n    if (isOpen && selected) {\n      const numItems = children.length;\n      if (numItems > 6 && selected > 1 && numItems - selected > 2) {\n        // on \"middle elements\", set offset to center of block and scroll to center\n        itemsCollection[selected].current.children[0].scrollIntoView({\n          block: 'center',\n        });\n      }\n    }\n    // set focus on open\n    if (isOpen && !prevOpenRef.current && selected) {\n      itemsCollection[selected].current.children[0].focus({ preventScroll: (defaultIndex() === selected) });\n    }\n    if (focusMenuRef.current) {\n      triggerTarget.focus();\n      focusMenuRef.current = false;\n    }\n    prevOpenRef.current = isOpen;\n  }, [isOpen, children.length, defaultIndex, itemsCollection, selected, triggerTarget]);\n\n  return (\n    <div className={classNames('pgn__menu-select', className)} {...props}>\n      <Button\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        ref={setTriggerTarget}\n        variant={variant}\n        iconAfter={ExpandMore}\n        onClick={open}\n      >\n        {selected !== undefined && children[selected] ? children[selected].props.children : defaultMessage}\n      </Button>\n      <div className=\"pgn__menu-select-popup\">\n        <ModalPopup\n          placement=\"bottom-start\"\n          positionRef={triggerTarget}\n          isOpen={isOpen}\n          onClose={close}\n          modifiers={\n            [\n              {\n                name: 'flip',\n                options: {\n                  padding: { top: 150, bottom: 150 },\n                },\n              },\n            ]\n          }\n        >\n          <Menu aria-label=\"Select Menu\">\n            {createMenuItems().map((child, index) => (\n              <div key={child.props.id} ref={itemsCollection[index]}>\n                {child}\n              </div>\n            ))}\n          </Menu>\n        </ModalPopup>\n      </div>\n    </div>\n  );\n}\n\nSelectMenu.propTypes = {\n  /** String that is displayed for default value of the ``SelectMenu`` */\n  defaultMessage: PropTypes.string,\n  /** Specifies the content of the ``SelectMenu`` */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies variant to use. */\n  variant: PropTypes.string,\n};\n\nSelectMenu.defaultProps = {\n  defaultMessage: SELECT_MENU_DEFAULT_MESSAGE,\n  className: undefined,\n  variant: 'outline-primary',\n};\n\nconst SelectMenuWithDeprecatedProp = withDeprecatedProps(SelectMenu, 'SelectMenu', {\n  isLink: {\n    deprType: DeprTypes.MOVED_AND_FORMAT,\n    message: 'Use \"variant\" prop instead, i.e. variant=\"link\"',\n    newName: 'variant',\n    transform: () => 'link',\n  },\n});\n\nexport default SelectMenuWithDeprecatedProp;\n"],"mappings":"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"}
+{"version":3,"file":"SelectMenu.js","names":["React","useState","useEffect","useCallback","PropTypes","classNames","ExpandMore","Button","ModalPopup","useToggle","Menu","withDeprecatedProps","DeprTypes","SELECT_MENU_DEFAULT_MESSAGE","SelectMenu","_ref","defaultMessage","children","className","variant","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","triggerTarget","setTriggerTarget","focusMenuRef","useRef","itemsCollection","useMemo","Array","from","length","map","createRef","defaultIndex","i","defaultSelected","undefined","_useState3","_useState4","selected","setSelected","_useToggle","_useToggle2","isOpen","open","close","createMenuItems","Children","child","index","newProps","onClick","e","current","id","concat","toString","role","cloneElement","prevOpenRef","numItems","scrollIntoView","block","focus","preventScroll","createElement","_extends","ref","iconAfter","placement","positionRef","onClose","modifiers","name","options","padding","top","bottom","key","propTypes","string","node","isRequired","defaultProps","SelectMenuWithDeprecatedProp","isLink","deprType","MOVED_AND_FORMAT","message","newName","transform"],"sources":["../../src/Menu/SelectMenu.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ExpandMore } from '../../icons';\nimport Button from '../Button';\nimport ModalPopup from '../Modal/ModalPopup';\nimport useToggle from '../hooks/useToggle';\nimport Menu from '.';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const SELECT_MENU_DEFAULT_MESSAGE = 'Select...';\n\nfunction SelectMenu({\n  defaultMessage,\n  children,\n  className,\n  variant,\n  ...props\n}) {\n  const [triggerTarget, setTriggerTarget] = useState(null);\n  // this ref is used to focus the menu open button after any menu option is clicked.\n  // triggerTarget.current.focus() inside the onCLick() function didn't guarantee element focus.\n  const focusMenuRef = React.useRef(false);\n  const itemsCollection = React.useMemo(\n    () => Array.from({ length: children.length }).map(() => React.createRef()),\n    [children.length],\n  );\n\n  const defaultIndex = useCallback(() => {\n    for (let i = 0; i < children.length; i++) {\n      if (children[i].props && children[i].props.defaultSelected) {\n        return i;\n      }\n    }\n    return undefined;\n  }, [children]);\n\n  const [selected, setSelected] = useState(defaultIndex());\n  const [isOpen, open, close] = useToggle(false);\n\n  const createMenuItems = () => React.Children.map(children, (child, index) => {\n    const newProps = {\n      onClick(e) {\n        if (child.props.onClick) {\n          child.props.onClick(e);\n        }\n        setSelected(index);\n        close();\n        focusMenuRef.current = true;\n      },\n      id: `${index.toString()}_pgn__menu-item`,\n      role: 'link',\n    };\n    if (selected === index) {\n      newProps['aria-current'] = 'page';\n    }\n    return React.cloneElement(child, newProps);\n  });\n\n  const prevOpenRef = React.useRef();\n\n  useEffect(() => {\n    if (isOpen && selected) {\n      const numItems = children.length;\n      if (numItems > 6 && selected > 1 && numItems - selected > 2) {\n        // on \"middle elements\", set offset to center of block and scroll to center\n        itemsCollection[selected].current.children[0].scrollIntoView({\n          block: 'center',\n        });\n      }\n    }\n    // set focus on open\n    if (isOpen && !prevOpenRef.current && selected) {\n      itemsCollection[selected].current.children[0].focus({ preventScroll: (defaultIndex() === selected) });\n    }\n    if (focusMenuRef.current) {\n      triggerTarget.focus();\n      focusMenuRef.current = false;\n    }\n    prevOpenRef.current = isOpen;\n  }, [isOpen, children.length, defaultIndex, itemsCollection, selected, triggerTarget]);\n\n  return (\n    <div className={classNames('pgn__menu-select', className)} {...props}>\n      <Button\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        ref={setTriggerTarget}\n        variant={variant}\n        iconAfter={ExpandMore}\n        onClick={open}\n      >\n        {selected !== undefined && children[selected] ? children[selected].props.children : defaultMessage}\n      </Button>\n      <div className=\"pgn__menu-select-popup\">\n        <ModalPopup\n          placement=\"bottom-start\"\n          positionRef={triggerTarget}\n          isOpen={isOpen}\n          onClose={close}\n          modifiers={\n            [\n              {\n                name: 'flip',\n                options: {\n                  padding: { top: 150, bottom: 150 },\n                },\n              },\n            ]\n          }\n        >\n          <Menu aria-label=\"Select Menu\">\n            {createMenuItems().map((child, index) => (\n              <div key={child.props.id} ref={itemsCollection[index]}>\n                {child}\n              </div>\n            ))}\n          </Menu>\n        </ModalPopup>\n      </div>\n    </div>\n  );\n}\n\nSelectMenu.propTypes = {\n  /** String that is displayed for default value of the ``SelectMenu`` */\n  defaultMessage: PropTypes.string,\n  /** Specifies the content of the ``SelectMenu`` */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies variant to use. */\n  variant: PropTypes.string,\n};\n\nSelectMenu.defaultProps = {\n  defaultMessage: SELECT_MENU_DEFAULT_MESSAGE,\n  className: undefined,\n  variant: 'outline-primary',\n};\n\nconst SelectMenuWithDeprecatedProp = withDeprecatedProps(SelectMenu, 'SelectMenu', {\n  isLink: {\n    deprType: DeprTypes.MOVED_AND_FORMAT,\n    message: 'Use \"variant\" prop instead, i.e. variant=\"link\"',\n    newName: 'variant',\n    transform: () => 'link',\n  },\n});\n\nexport default SelectMenuWithDeprecatedProp;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AAC/D,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,OAAOC,SAAS,MAAM,oBAAoB;AAC1C,OAAOC,IAAI,MAAM,GAAG;AACpB,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,wBAAwB;AAEvE,OAAO,IAAMC,2BAA2B,GAAG,WAAW;AAEtD,SAASC,UAAUA,CAAAC,IAAA,EAMhB;EAAA,IALDC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IACdC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,IAAAC,SAAA,GAA0CtB,QAAQ,CAAC,IAAI,CAAC;IAAAuB,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAjDG,aAAa,GAAAF,UAAA;IAAEG,gBAAgB,GAAAH,UAAA;EACtC;EACA;EACA,IAAMI,YAAY,GAAG5B,KAAK,CAAC6B,MAAM,CAAC,KAAK,CAAC;EACxC,IAAMC,eAAe,GAAG9B,KAAK,CAAC+B,OAAO,CACnC;IAAA,OAAMC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEjB,QAAQ,CAACiB;IAAO,CAAC,CAAC,CAACC,GAAG,CAAC;MAAA,oBAAMnC,KAAK,CAACoC,SAAS,CAAC,CAAC;IAAA,EAAC;EAAA,GAC1E,CAACnB,QAAQ,CAACiB,MAAM,CAClB,CAAC;EAED,IAAMG,YAAY,GAAGlC,WAAW,CAAC,YAAM;IACrC,KAAK,IAAImC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGrB,QAAQ,CAACiB,MAAM,EAAEI,CAAC,EAAE,EAAE;MACxC,IAAIrB,QAAQ,CAACqB,CAAC,CAAC,CAAClB,KAAK,IAAIH,QAAQ,CAACqB,CAAC,CAAC,CAAClB,KAAK,CAACmB,eAAe,EAAE;QAC1D,OAAOD,CAAC;MACV;IACF;IACA,OAAOE,SAAS;EAClB,CAAC,EAAE,CAACvB,QAAQ,CAAC,CAAC;EAEd,IAAAwB,UAAA,GAAgCxC,QAAQ,CAACoC,YAAY,CAAC,CAAC,CAAC;IAAAK,UAAA,GAAAjB,cAAA,CAAAgB,UAAA;IAAjDE,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,IAAAG,UAAA,GAA8BpC,SAAS,CAAC,KAAK,CAAC;IAAAqC,WAAA,GAAArB,cAAA,CAAAoB,UAAA;IAAvCE,MAAM,GAAAD,WAAA;IAAEE,IAAI,GAAAF,WAAA;IAAEG,KAAK,GAAAH,WAAA;EAE1B,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAA;IAAA,OAASlD,KAAK,CAACmD,QAAQ,CAAChB,GAAG,CAAClB,QAAQ,EAAE,UAACmC,KAAK,EAAEC,KAAK,EAAK;MAC3E,IAAMC,QAAQ,GAAG;QACfC,OAAO,WAAAA,QAACC,CAAC,EAAE;UACT,IAAIJ,KAAK,CAAChC,KAAK,CAACmC,OAAO,EAAE;YACvBH,KAAK,CAAChC,KAAK,CAACmC,OAAO,CAACC,CAAC,CAAC;UACxB;UACAZ,WAAW,CAACS,KAAK,CAAC;UAClBJ,KAAK,CAAC,CAAC;UACPrB,YAAY,CAAC6B,OAAO,GAAG,IAAI;QAC7B,CAAC;QACDC,EAAE,KAAAC,MAAA,CAAKN,KAAK,CAACO,QAAQ,CAAC,CAAC,oBAAiB;QACxCC,IAAI,EAAE;MACR,CAAC;MACD,IAAIlB,QAAQ,KAAKU,KAAK,EAAE;QACtBC,QAAQ,CAAC,cAAc,CAAC,GAAG,MAAM;MACnC;MACA,oBAAOtD,KAAK,CAAC8D,YAAY,CAACV,KAAK,EAAEE,QAAQ,CAAC;IAC5C,CAAC,CAAC;EAAA;EAEF,IAAMS,WAAW,GAAG/D,KAAK,CAAC6B,MAAM,CAAC,CAAC;EAElC3B,SAAS,CAAC,YAAM;IACd,IAAI6C,MAAM,IAAIJ,QAAQ,EAAE;MACtB,IAAMqB,QAAQ,GAAG/C,QAAQ,CAACiB,MAAM;MAChC,IAAI8B,QAAQ,GAAG,CAAC,IAAIrB,QAAQ,GAAG,CAAC,IAAIqB,QAAQ,GAAGrB,QAAQ,GAAG,CAAC,EAAE;QAC3D;QACAb,eAAe,CAACa,QAAQ,CAAC,CAACc,OAAO,CAACxC,QAAQ,CAAC,CAAC,CAAC,CAACgD,cAAc,CAAC;UAC3DC,KAAK,EAAE;QACT,CAAC,CAAC;MACJ;IACF;IACA;IACA,IAAInB,MAAM,IAAI,CAACgB,WAAW,CAACN,OAAO,IAAId,QAAQ,EAAE;MAC9Cb,eAAe,CAACa,QAAQ,CAAC,CAACc,OAAO,CAACxC,QAAQ,CAAC,CAAC,CAAC,CAACkD,KAAK,CAAC;QAAEC,aAAa,EAAG/B,YAAY,CAAC,CAAC,KAAKM;MAAU,CAAC,CAAC;IACvG;IACA,IAAIf,YAAY,CAAC6B,OAAO,EAAE;MACxB/B,aAAa,CAACyC,KAAK,CAAC,CAAC;MACrBvC,YAAY,CAAC6B,OAAO,GAAG,KAAK;IAC9B;IACAM,WAAW,CAACN,OAAO,GAAGV,MAAM;EAC9B,CAAC,EAAE,CAACA,MAAM,EAAE9B,QAAQ,CAACiB,MAAM,EAAEG,YAAY,EAAEP,eAAe,EAAEa,QAAQ,EAAEjB,aAAa,CAAC,CAAC;EAErF,oBACE1B,KAAA,CAAAqE,aAAA,QAAAC,QAAA;IAAKpD,SAAS,EAAEb,UAAU,CAAC,kBAAkB,EAAEa,SAAS;EAAE,GAAKE,KAAK,gBAClEpB,KAAA,CAAAqE,aAAA,CAAC9D,MAAM;IACL,iBAAc,MAAM;IACpB,iBAAewC,MAAO;IACtBwB,GAAG,EAAE5C,gBAAiB;IACtBR,OAAO,EAAEA,OAAQ;IACjBqD,SAAS,EAAElE,UAAW;IACtBiD,OAAO,EAAEP;EAAK,GAEbL,QAAQ,KAAKH,SAAS,IAAIvB,QAAQ,CAAC0B,QAAQ,CAAC,GAAG1B,QAAQ,CAAC0B,QAAQ,CAAC,CAACvB,KAAK,CAACH,QAAQ,GAAGD,cAC9E,CAAC,eACThB,KAAA,CAAAqE,aAAA;IAAKnD,SAAS,EAAC;EAAwB,gBACrClB,KAAA,CAAAqE,aAAA,CAAC7D,UAAU;IACTiE,SAAS,EAAC,cAAc;IACxBC,WAAW,EAAEhD,aAAc;IAC3BqB,MAAM,EAAEA,MAAO;IACf4B,OAAO,EAAE1B,KAAM;IACf2B,SAAS,EACP,CACE;MACEC,IAAI,EAAE,MAAM;MACZC,OAAO,EAAE;QACPC,OAAO,EAAE;UAAEC,GAAG,EAAE,GAAG;UAAEC,MAAM,EAAE;QAAI;MACnC;IACF,CAAC;EAEJ,gBAEDjF,KAAA,CAAAqE,aAAA,CAAC3D,IAAI;IAAC,cAAW;EAAa,GAC3BwC,eAAe,CAAC,CAAC,CAACf,GAAG,CAAC,UAACiB,KAAK,EAAEC,KAAK;IAAA,oBAClCrD,KAAA,CAAAqE,aAAA;MAAKa,GAAG,EAAE9B,KAAK,CAAChC,KAAK,CAACsC,EAAG;MAACa,GAAG,EAAEzC,eAAe,CAACuB,KAAK;IAAE,GACnDD,KACE,CAAC;EAAA,CACP,CACG,CACI,CACT,CACF,CAAC;AAEV;AAEAtC,UAAU,CAACqE,SAAS,GAAG;EACrB;EACAnE,cAAc,EAAEZ,SAAS,CAACgF,MAAM;EAChC;EACAnE,QAAQ,EAAEb,SAAS,CAACiF,IAAI,CAACC,UAAU;EACnC;EACApE,SAAS,EAAEd,SAAS,CAACgF,MAAM;EAC3B;EACAjE,OAAO,EAAEf,SAAS,CAACgF;AACrB,CAAC;AAEDtE,UAAU,CAACyE,YAAY,GAAG;EACxBvE,cAAc,EAAEH,2BAA2B;EAC3CK,SAAS,EAAEsB,SAAS;EACpBrB,OAAO,EAAE;AACX,CAAC;AAED,IAAMqE,4BAA4B,GAAG7E,mBAAmB,CAACG,UAAU,EAAE,YAAY,EAAE;EACjF2E,MAAM,EAAE;IACNC,QAAQ,EAAE9E,SAAS,CAAC+E,gBAAgB;IACpCC,OAAO,EAAE,iDAAiD;IAC1DC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAAA,UAAA;MAAA,OAAM,MAAM;IAAA;EACzB;AACF,CAAC,CAAC;AAEF,eAAeN,4BAA4B"}

package/dist/Menu/_variables.scss

@@ -0,0 +1,24 @@
+$menu-box-shadow:                                $box-shadow !default;
+$menu-border-radius:                             .25em !default;
+$menu-bg:                                        $white !default;
+$menu-max-height:                                16.813rem !default;
+$menu-item-height:                               3rem !default;
+$menu-item-width:                                19rem !default;
+$menu-item-width-xs:                             13.438rem !default;
+$menu-item-color:                                $body-color !default;
+$menu-item-bg:                                   transparent !default;
+$menu-item-border-color:                         $menu-item-bg !default;
+$menu-item-border-width:                         $btn-border-width !default;
+$menu-item-hover-border:                         $menu-item-bg !default;
+$menu-item-padding-x:                            $btn-padding-x !default;
+$menu-item-padding-y:                            $btn-padding-y !default;
+$menu-item-hover-color:                          $btn-tertiary-color !default;
+$menu-item-hover-border-color:                   $menu-item-bg !default;
+$menu-item-hover-bg:                             $btn-tertiary-hover-bg !default;
+$menu-item-icon-margin-left:                     .25em !default;
+$menu-item-icon-margin-right:                    $menu-item-icon-margin-left !default;
+$menu-item-focus-bg:                             $btn-tertiary-active-bg !default;
+$menu-item-border:                               $menu-item-border-width solid $menu-item-border-color !default;
+$menu-select-btn-link-color:                     $primary-500 !default;
+$menu-select-btn-link-text-decoration-line:      underline !default;
+$menu-select-btn-link-text-decoration-thickness: .125rem !default;

package/dist/Menu/index.js

@@ -1,9 +1,10 @@
-const _excluded = ["as", "arrowKeyNavigationSelector", "children"];
+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); }
+var _excluded = ["as", "arrowKeyNavigationSelector", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
@@ -11,19 +12,17 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import useArrowKeyNavigation from '../hooks/useArrowKeyNavigation';
 function Menu(_ref) {
-  let {
-      as,
-      arrowKeyNavigationSelector,
-      children
-    } = _ref,
+  var as = _ref.as,
+    arrowKeyNavigationSelector = _ref.arrowKeyNavigationSelector,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  const parentRef = useArrowKeyNavigation({
+  var parentRef = useArrowKeyNavigation({
     selectors: arrowKeyNavigationSelector
   });
-  const className = classNames(props.className, 'pgn__menu');
+  var className = classNames(props.className, 'pgn__menu');
   return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
     ref: parentRef,
-    className
+    className: className
   }),
   /*#__PURE__*/
   // eslint-disable-next-line react/jsx-no-useless-fragment

package/dist/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","useArrowKeyNavigation","Menu","_ref","as","arrowKeyNavigationSelector","children","props","_objectWithoutProperties","_excluded","parentRef","selectors","className","createElement","_objectSpread","ref","Fragment","propTypes","string","elementType","node","defaultProps","undefined"],"sources":["../../src/Menu/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useArrowKeyNavigation from '../hooks/useArrowKeyNavigation';\n\nfunction Menu({\n  as,\n  arrowKeyNavigationSelector,\n  children,\n  ...props\n}) {\n  const parentRef = useArrowKeyNavigation({ selectors: arrowKeyNavigationSelector });\n  const className = classNames(props.className, 'pgn__menu');\n\n  return React.createElement(\n    as,\n    {\n      ...props,\n      ref: parentRef,\n      className,\n    },\n    (\n      // eslint-disable-next-line react/jsx-no-useless-fragment\n      <>\n        {children}\n      </>\n    ),\n  );\n}\n\nMenu.propTypes = {\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Specifies the CSS selector string that indicates to which elements\n   * the user can navigate using the arrow keys\n   */\n  arrowKeyNavigationSelector: PropTypes.string,\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the content of the menu */\n  children: PropTypes.node,\n};\n\nMenu.defaultProps = {\n  className: undefined,\n  arrowKeyNavigationSelector: 'a:not(:disabled),button:not(:disabled),input:not(:disabled)',\n  as: 'div',\n  children: null,\n};\n\nexport default Menu;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,qBAAqB,MAAM,gCAAgC;AAElE,SAASC,IAAIA,CAAAC,IAAA,EAKV;EAAA,IALW;MACZC,EAAE;MACFC,0BAA0B;MAC1BC;IAEF,CAAC,GAAAH,IAAA;IADII,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,MAAMC,SAAS,GAAGT,qBAAqB,CAAC;IAAEU,SAAS,EAAEN;EAA2B,CAAC,CAAC;EAClF,MAAMO,SAAS,GAAGZ,UAAU,CAACO,KAAK,CAACK,SAAS,EAAE,WAAW,CAAC;EAE1D,oBAAOd,KAAK,CAACe,aAAa,CACxBT,EAAE,EAAAU,aAAA,CAAAA,aAAA,KAEGP,KAAK;IACRQ,GAAG,EAAEL,SAAS;IACdE;EAAS;EAAA;EAGT;EACAd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAkB,QAAA,QACGV,QACD,CAEN,CAAC;AACH;AAEAJ,IAAI,CAACe,SAAS,GAAG;EACf;EACAL,SAAS,EAAEb,SAAS,CAACmB,MAAM;EAC3B;AACF;AACA;AACA;EACEb,0BAA0B,EAAEN,SAAS,CAACmB,MAAM;EAC5C;EACAd,EAAE,EAAEL,SAAS,CAACoB,WAAW;EACzB;EACAb,QAAQ,EAAEP,SAAS,CAACqB;AACtB,CAAC;AAEDlB,IAAI,CAACmB,YAAY,GAAG;EAClBT,SAAS,EAAEU,SAAS;EACpBjB,0BAA0B,EAAE,6DAA6D;EACzFD,EAAE,EAAE,KAAK;EACTE,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeJ,IAAI"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","useArrowKeyNavigation","Menu","_ref","as","arrowKeyNavigationSelector","children","props","_objectWithoutProperties","_excluded","parentRef","selectors","className","createElement","_objectSpread","ref","Fragment","propTypes","string","elementType","node","defaultProps","undefined"],"sources":["../../src/Menu/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useArrowKeyNavigation from '../hooks/useArrowKeyNavigation';\n\nfunction Menu({\n  as,\n  arrowKeyNavigationSelector,\n  children,\n  ...props\n}) {\n  const parentRef = useArrowKeyNavigation({ selectors: arrowKeyNavigationSelector });\n  const className = classNames(props.className, 'pgn__menu');\n\n  return React.createElement(\n    as,\n    {\n      ...props,\n      ref: parentRef,\n      className,\n    },\n    (\n      // eslint-disable-next-line react/jsx-no-useless-fragment\n      <>\n        {children}\n      </>\n    ),\n  );\n}\n\nMenu.propTypes = {\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Specifies the CSS selector string that indicates to which elements\n   * the user can navigate using the arrow keys\n   */\n  arrowKeyNavigationSelector: PropTypes.string,\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the content of the menu */\n  children: PropTypes.node,\n};\n\nMenu.defaultProps = {\n  className: undefined,\n  arrowKeyNavigationSelector: 'a:not(:disabled),button:not(:disabled),input:not(:disabled)',\n  as: 'div',\n  children: null,\n};\n\nexport default Menu;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,qBAAqB,MAAM,gCAAgC;AAElE,SAASC,IAAIA,CAAAC,IAAA,EAKV;EAAA,IAJDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,0BAA0B,GAAAF,IAAA,CAA1BE,0BAA0B;IAC1BC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,IAAMC,SAAS,GAAGT,qBAAqB,CAAC;IAAEU,SAAS,EAAEN;EAA2B,CAAC,CAAC;EAClF,IAAMO,SAAS,GAAGZ,UAAU,CAACO,KAAK,CAACK,SAAS,EAAE,WAAW,CAAC;EAE1D,oBAAOd,KAAK,CAACe,aAAa,CACxBT,EAAE,EAAAU,aAAA,CAAAA,aAAA,KAEGP,KAAK;IACRQ,GAAG,EAAEL,SAAS;IACdE,SAAS,EAATA;EAAS;EAAA;EAGT;EACAd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAkB,QAAA,QACGV,QACD,CAEN,CAAC;AACH;AAEAJ,IAAI,CAACe,SAAS,GAAG;EACf;EACAL,SAAS,EAAEb,SAAS,CAACmB,MAAM;EAC3B;AACF;AACA;AACA;EACEb,0BAA0B,EAAEN,SAAS,CAACmB,MAAM;EAC5C;EACAd,EAAE,EAAEL,SAAS,CAACoB,WAAW;EACzB;EACAb,QAAQ,EAAEP,SAAS,CAACqB;AACtB,CAAC;AAEDlB,IAAI,CAACmB,YAAY,GAAG;EAClBT,SAAS,EAAEU,SAAS;EACpBjB,0BAA0B,EAAE,6DAA6D;EACzFD,EAAE,EAAE,KAAK;EACTE,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeJ,IAAI"}

package/dist/Menu/index.scss

@@ -1,26 +1,28 @@
+@import "variables";
+
 .pgn__menu {
-  border-radius: var(--pgn-size-menu-base-border-radius);
-  box-shadow: var(--pgn-elevation-menu-box-shadow);
-  background-color: var(--pgn-color-menu-bg);
+  border-radius: $menu-border-radius;
+  box-shadow: $menu-box-shadow;
+  background-color: $menu-bg;
   overflow: auto;
-  max-height: var(--pgn-size-menu-base-max-height);
+  max-height: $menu-max-height;
 
   .pgn__menu-item {
     display: flex;
     align-items: center;
     justify-content: flex-start;
-    width: var(--pgn-size-menu-item-width-base);
-    color: var(--pgn-color-menu-item-color);
+    width: $menu-item-width;
+    color: $menu-item-color;
     text-align: center;
     vertical-align: middle;
     user-select: none;
-    background-color: var(--pgn-color-menu-item-bg);
-    border: var(--pgn-size-menu-item-border-width) solid var(--pgn-color-menu-item-border);
-    padding: var(--pgn-spacing-menu-item-padding-y) var(--pgn-spacing-menu-item-padding-x);
-    height: var(--pgn-size-menu-item-height);
+    background-color: $menu-item-bg;
+    border: $menu-item-border;
+    padding: $menu-item-padding-y $menu-item-padding-x;
+    height: $menu-item-height;
 
-    @media (max-width: var(--pgn-size-container-max-width-xs)) {
-      width: var(--pgn-size-menu-item-width-xs);
+    @media (max-width: $max-width-xs) {
+      width: $menu-item-width-xs;
     }
 
     .pgn__menu-item-text {
@@ -36,40 +38,40 @@
 
     @include hover {
       text-decoration: none;
-      color: var(--pgn-color-menu-item-hover-color);
-      border-color: var(--pgn-color-menu-item-hover-border);
-      background: var(--pgn-color-menu-item-hover-bg);
+      color: $menu-item-hover-color;
+      border-color: $menu-item-hover-border-color;
+      background: $menu-item-hover-bg;
     }
 
     // Disabled comes first so active can properly restyle
     &.disabled,
     &:disabled {
-      opacity: var(--pgn-other-btn-disabled-opacity);
+      opacity: $btn-disabled-opacity;
     }
 
     &.focus,
     &:focus {
-      font-weight: var(--pgn-typography-font-weight-bolder);
-      background-color: var(--pgn-color-menu-item-focus-bg);
+      font-weight: $font-weight-bolder;
+      background-color: $menu-item-focus-bg;
     }
 
     .btn-icon-before {
       margin-inline-end: .5rem;
-      margin-left: calc(var(--pgn-spacing-menu-item-icon-margin-left) * -1);
+      margin-left: calc(#{$menu-item-icon-margin-left} * -1);
 
       [dir="rtl"] & {
-        margin-right: calc(var(--pgn-spacing-menu-item-icon-margin-right) * -1);
+        margin-right: calc(#{$menu-item-icon-margin-right} * -1);
         margin-left: .5rem;
       }
     }
 
     .btn-icon-after {
       margin-inline-start: .5rem;
-      margin-right: calc(var(--pgn-spacing-menu-item-icon-margin-right) * -1);
+      margin-right: calc(#{$menu-item-icon-margin-right} * -1);
 
       [dir="rtl"] & {
         margin-right: .5rem;
-        margin-left: calc(var(--pgn-spacing-menu-item-icon-margin-left) * -1);
+        margin-left: calc(#{$menu-item-icon-margin-left} * -1);
       }
     }
   }
@@ -77,12 +79,12 @@
 
 .pgn__menu-select {
   .btn.btn-link {
-    color: var(--pgn-color-menu-select-btn-link-color);
+    color: $menu-select-btn-link-color;
 
     &:hover,
     &:focus {
-      text-decoration-line: var(--pgn-typography-menu-select-btn-link-text-decoration-line);
-      text-decoration-thickness: var(--pgn-typography-menu-select-btn-link-text-decoration-thickness);
+      text-decoration-line: $menu-select-btn-link-text-decoration-line;
+      text-decoration-thickness: $menu-select-btn-link-text-decoration-thickness;
     }
   }
 

package/dist/Modal/AlertModal.js

@@ -1,4 +1,4 @@
-const _excluded = ["children", "footerNode", "icon"];
+var _excluded = ["children", "footerNode", "icon"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -9,11 +9,9 @@ import { requiredWhenNot } from '../utils/propTypes';
 import Icon from '../Icon';
 import ModalDialog from './ModalDialog';
 function AlertModal(_ref) {
-  let {
-      children,
-      footerNode,
-      icon
-    } = _ref,
+  var children = _ref.children,
+    footerNode = _ref.footerNode,
+    icon = _ref.icon,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(ModalDialog, _extends({}, props, {
     className: classNames('pgn__alert-modal', props.className)
@@ -58,7 +56,7 @@ AlertModal.defaultProps = {
   isOpen: false,
   isBlocking: false,
   hasCloseButton: false,
-  onClose: () => {},
+  onClose: function onClose() {},
   size: 'md',
   variant: 'default',
   closeLabel: 'Close',

package/dist/Modal/AlertModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertModal.js","names":["React","PropTypes","classNames","requiredWhenNot","Icon","ModalDialog","AlertModal","_ref","children","footerNode","icon","props","_objectWithoutProperties","_excluded","createElement","_extends","className","Header","Title","src","title","Body","Footer","propTypes","node","isRequired","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","variant","closeLabel","isFullscreenScroll","elementType","defaultProps","undefined"],"sources":["../../src/Modal/AlertModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport Icon from '../Icon';\nimport ModalDialog from './ModalDialog';\n\nfunction AlertModal({\n  children,\n  footerNode,\n  icon,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      className={classNames('pgn__alert-modal', props.className)}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {icon && (\n          <Icon\n            data-testid=\"title-icon\"\n            src={icon}\n            className={classNames('pgn__alert-modal__title_icon')}\n          />\n          )}\n          {props.title}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nAlertModal.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** The aria-label of the dialog */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Specifies whether the dialog box should contain 'x' icon button in the top right */\n  hasCloseButton: PropTypes.bool,\n  /** A callback to close the modal dialog */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Sizes determine the maximum width of the dialog box */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** The visual style of the dialog box */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies what should be displayed in the footer of the dialog box */\n  footerNode: PropTypes.node,\n  /** Icon that will be shown in the header of modal */\n  icon: PropTypes.elementType,\n};\n\nAlertModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: false,\n  onClose: () => {},\n  size: 'md',\n  variant: 'default',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  icon: undefined,\n};\n\nexport default AlertModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,UAAUA,CAAAC,IAAA,EAKhB;EAAA,IALiB;MAClBC,QAAQ;MACRC,UAAU;MACVC;IAEF,CAAC,GAAAH,IAAA;IADII,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACEb,KAAA,CAAAc,aAAA,CAACT,WAAW,EAAAU,QAAA,KACNJ,KAAK;IACTK,SAAS,EAAEd,UAAU,CAAC,kBAAkB,EAAES,KAAK,CAACK,SAAS;EAAE,iBAE3DhB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACY,MAAM,qBACjBjB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACa,KAAK,QACfR,IAAI,iBACLV,KAAA,CAAAc,aAAA,CAACV,IAAI;IACH,eAAY,YAAY;IACxBe,GAAG,EAAET,IAAK;IACVM,SAAS,EAAEd,UAAU,CAAC,8BAA8B;EAAE,CACvD,CACA,EACAS,KAAK,CAACS,KACU,CACD,CAAC,eACrBpB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACgB,IAAI,QAAEb,QAA2B,CAAC,EAC9CC,UAAU,iBAAIT,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACiB,MAAM,QAAEb,UAA+B,CACxD,CAAC;AAElB;AAEAH,UAAU,CAACiB,SAAS,GAAG;EACrBf,QAAQ,EAAEP,SAAS,CAACuB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEnB,SAAS,CAACyB,MAAM,CAACD,UAAU;EAClC;EACAE,MAAM,EAAE1B,SAAS,CAAC2B,IAAI;EACtB;EACAC,UAAU,EAAE5B,SAAS,CAAC2B,IAAI;EAC1B;EACAE,cAAc,EAAE7B,SAAS,CAAC2B,IAAI;EAC9B;EACAG,OAAO,EAAE5B,eAAe,CAACF,SAAS,CAAC+B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAEhC,SAAS,CAACiC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAElC,SAAS,CAACiC,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;EACrE;EACAE,UAAU,EAAEnC,SAAS,CAACyB,MAAM;EAC5B;EACAV,SAAS,EAAEf,SAAS,CAACyB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAEpC,SAAS,CAAC2B,IAAI;EAClC;EACAnB,UAAU,EAAER,SAAS,CAACuB,IAAI;EAC1B;EACAd,IAAI,EAAET,SAAS,CAACqC;AAClB,CAAC;AAEDhC,UAAU,CAACiC,YAAY,GAAG;EACxBZ,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,KAAK;EACrBC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE,OAAO;EACnBpB,SAAS,EAAEwB,SAAS;EACpBH,kBAAkB,EAAE,KAAK;EACzB5B,UAAU,EAAE,IAAI;EAChBC,IAAI,EAAE8B;AACR,CAAC;AAED,eAAelC,UAAU"}
+{"version":3,"file":"AlertModal.js","names":["React","PropTypes","classNames","requiredWhenNot","Icon","ModalDialog","AlertModal","_ref","children","footerNode","icon","props","_objectWithoutProperties","_excluded","createElement","_extends","className","Header","Title","src","title","Body","Footer","propTypes","node","isRequired","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","variant","closeLabel","isFullscreenScroll","elementType","defaultProps","undefined"],"sources":["../../src/Modal/AlertModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport Icon from '../Icon';\nimport ModalDialog from './ModalDialog';\n\nfunction AlertModal({\n  children,\n  footerNode,\n  icon,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      className={classNames('pgn__alert-modal', props.className)}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {icon && (\n          <Icon\n            data-testid=\"title-icon\"\n            src={icon}\n            className={classNames('pgn__alert-modal__title_icon')}\n          />\n          )}\n          {props.title}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nAlertModal.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** The aria-label of the dialog */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Specifies whether the dialog box should contain 'x' icon button in the top right */\n  hasCloseButton: PropTypes.bool,\n  /** A callback to close the modal dialog */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Sizes determine the maximum width of the dialog box */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** The visual style of the dialog box */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies what should be displayed in the footer of the dialog box */\n  footerNode: PropTypes.node,\n  /** Icon that will be shown in the header of modal */\n  icon: PropTypes.elementType,\n};\n\nAlertModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: false,\n  onClose: () => {},\n  size: 'md',\n  variant: 'default',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  icon: undefined,\n};\n\nexport default AlertModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,UAAUA,CAAAC,IAAA,EAKhB;EAAA,IAJDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACDC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACEb,KAAA,CAAAc,aAAA,CAACT,WAAW,EAAAU,QAAA,KACNJ,KAAK;IACTK,SAAS,EAAEd,UAAU,CAAC,kBAAkB,EAAES,KAAK,CAACK,SAAS;EAAE,iBAE3DhB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACY,MAAM,qBACjBjB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACa,KAAK,QACfR,IAAI,iBACLV,KAAA,CAAAc,aAAA,CAACV,IAAI;IACH,eAAY,YAAY;IACxBe,GAAG,EAAET,IAAK;IACVM,SAAS,EAAEd,UAAU,CAAC,8BAA8B;EAAE,CACvD,CACA,EACAS,KAAK,CAACS,KACU,CACD,CAAC,eACrBpB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACgB,IAAI,QAAEb,QAA2B,CAAC,EAC9CC,UAAU,iBAAIT,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACiB,MAAM,QAAEb,UAA+B,CACxD,CAAC;AAElB;AAEAH,UAAU,CAACiB,SAAS,GAAG;EACrBf,QAAQ,EAAEP,SAAS,CAACuB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEnB,SAAS,CAACyB,MAAM,CAACD,UAAU;EAClC;EACAE,MAAM,EAAE1B,SAAS,CAAC2B,IAAI;EACtB;EACAC,UAAU,EAAE5B,SAAS,CAAC2B,IAAI;EAC1B;EACAE,cAAc,EAAE7B,SAAS,CAAC2B,IAAI;EAC9B;EACAG,OAAO,EAAE5B,eAAe,CAACF,SAAS,CAAC+B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAEhC,SAAS,CAACiC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAElC,SAAS,CAACiC,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;EACrE;EACAE,UAAU,EAAEnC,SAAS,CAACyB,MAAM;EAC5B;EACAV,SAAS,EAAEf,SAAS,CAACyB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAEpC,SAAS,CAAC2B,IAAI;EAClC;EACAnB,UAAU,EAAER,SAAS,CAACuB,IAAI;EAC1B;EACAd,IAAI,EAAET,SAAS,CAACqC;AAClB,CAAC;AAEDhC,UAAU,CAACiC,YAAY,GAAG;EACxBZ,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,KAAK;EACrBC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE,OAAO;EACnBpB,SAAS,EAAEwB,SAAS;EACpBH,kBAAkB,EAAE,KAAK;EACzB5B,UAAU,EAAE,IAAI;EAChBC,IAAI,EAAE8B;AACR,CAAC;AAED,eAAelC,UAAU"}

package/dist/Modal/FullscreenModal.js

@@ -1,17 +1,15 @@
-const _excluded = ["children", "footerNode", "beforeBodyNode", "afterBodyNode"];
+var _excluded = ["children", "footerNode", "beforeBodyNode", "afterBodyNode"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import ModalDialog from './ModalDialog';
-export const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';
+export var FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';
 function FullscreenModal(_ref) {
-  let {
-      children,
-      footerNode,
-      beforeBodyNode,
-      afterBodyNode
-    } = _ref,
+  var children = _ref.children,
+    footerNode = _ref.footerNode,
+    beforeBodyNode = _ref.beforeBodyNode,
+    afterBodyNode = _ref.afterBodyNode,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(ModalDialog, props, /*#__PURE__*/React.createElement(ModalDialog.Header, null, /*#__PURE__*/React.createElement(ModalDialog.Title, null, props.title)), beforeBodyNode, /*#__PURE__*/React.createElement(ModalDialog.Body, {
     className: props.modalBodyClassName

package/dist/Modal/FullscreenModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullscreenModal.js","names":["React","PropTypes","ModalDialog","FULLSCREEN_MODAL_CLOSE_LABEL","FullscreenModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","Header","Title","title","Body","className","modalBodyClassName","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';\n\nfunction FullscreenModal({\n  children,\n  footerNode,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog {...props}>\n      <ModalDialog.Header>\n        <ModalDialog.Title>{props.title}</ModalDialog.Title>\n      </ModalDialog.Header>\n      {beforeBodyNode}\n      <ModalDialog.Body className={props.modalBodyClassName}>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nFullscreenModal.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies the aria-label of the dialog. */\n  title: PropTypes.string.isRequired,\n  /** Specifies a callback to close the modal dialog. */\n  onClose: PropTypes.func.isRequired,\n  /** Specifies whether the modal is open. */\n  isOpen: PropTypes.bool,\n  /** Specifies whether the model hase close 'x' icon button in the top right of the dialog box. */\n  hasCloseButton: PropTypes.bool,\n  /** Specifies size of the dialog box. */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies visual style of the dialog box. */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies footer for the dialog box. */\n  footerNode: PropTypes.node,\n  /** Specifies content that should be rendered before modal's body. */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies content that should be rendered after modal's body. */\n  afterBodyNode: PropTypes.node,\n  /** Specifies class name for modal's body component. */\n  modalBodyClassName: PropTypes.string,\n};\n\nFullscreenModal.defaultProps = {\n  isOpen: false,\n  hasCloseButton: true,\n  size: 'fullscreen',\n  variant: 'dark',\n  closeLabel: FULLSCREEN_MODAL_CLOSE_LABEL,\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n  modalBodyClassName: '',\n};\n\nexport default FullscreenModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,MAAMC,4BAA4B,GAAG,OAAO;AAEnD,SAASC,eAAeA,CAAAC,IAAA,EAMrB;EAAA,IANsB;MACvBC,QAAQ;MACRC,UAAU;MACVC,cAAc;MACdC;IAEF,CAAC,GAAAJ,IAAA;IADIK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBACEZ,KAAA,CAAAa,aAAA,CAACX,WAAW,EAAKQ,KAAK,eACpBV,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACY,MAAM,qBACjBd,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACa,KAAK,QAAEL,KAAK,CAACM,KAAyB,CACjC,CAAC,EACpBR,cAAc,eACfR,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACe,IAAI;IAACC,SAAS,EAAER,KAAK,CAACS;EAAmB,GAAEb,QAA2B,CAAC,EACnFG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACkB,MAAM,QAAEb,UAA+B,CACxD,CAAC;AAElB;AAEAH,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEL,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAL,SAAS,EAAEjB,SAAS,CAACuB,MAAM;EAC3B;EACAR,KAAK,EAAEf,SAAS,CAACuB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAExB,SAAS,CAACyB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAE1B,SAAS,CAAC2B,IAAI;EACtB;EACAC,cAAc,EAAE5B,SAAS,CAAC2B,IAAI;EAC9B;EACAE,IAAI,EAAE7B,SAAS,CAAC8B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE/B,SAAS,CAAC8B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;AACF;AACA;AACA;AACA;EACEU,kBAAkB,EAAEjC,SAAS,CAAC2B,IAAI;EAClC;EACArB,UAAU,EAAEN,SAAS,CAACqB,IAAI;EAC1B;EACAd,cAAc,EAAEP,SAAS,CAACqB,IAAI;EAC9B;EACAb,aAAa,EAAER,SAAS,CAACqB,IAAI;EAC7B;EACAH,kBAAkB,EAAElB,SAAS,CAACuB;AAChC,CAAC;AAEDpB,eAAe,CAAC+B,YAAY,GAAG;EAC7BR,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,YAAY;EAClBE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE9B,4BAA4B;EACxCe,SAAS,EAAEkB,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzB3B,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EACnBU,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAef,eAAe"}
+{"version":3,"file":"FullscreenModal.js","names":["React","PropTypes","ModalDialog","FULLSCREEN_MODAL_CLOSE_LABEL","FullscreenModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","Header","Title","title","Body","className","modalBodyClassName","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';\n\nfunction FullscreenModal({\n  children,\n  footerNode,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog {...props}>\n      <ModalDialog.Header>\n        <ModalDialog.Title>{props.title}</ModalDialog.Title>\n      </ModalDialog.Header>\n      {beforeBodyNode}\n      <ModalDialog.Body className={props.modalBodyClassName}>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nFullscreenModal.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies the aria-label of the dialog. */\n  title: PropTypes.string.isRequired,\n  /** Specifies a callback to close the modal dialog. */\n  onClose: PropTypes.func.isRequired,\n  /** Specifies whether the modal is open. */\n  isOpen: PropTypes.bool,\n  /** Specifies whether the model hase close 'x' icon button in the top right of the dialog box. */\n  hasCloseButton: PropTypes.bool,\n  /** Specifies size of the dialog box. */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies visual style of the dialog box. */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies footer for the dialog box. */\n  footerNode: PropTypes.node,\n  /** Specifies content that should be rendered before modal's body. */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies content that should be rendered after modal's body. */\n  afterBodyNode: PropTypes.node,\n  /** Specifies class name for modal's body component. */\n  modalBodyClassName: PropTypes.string,\n};\n\nFullscreenModal.defaultProps = {\n  isOpen: false,\n  hasCloseButton: true,\n  size: 'fullscreen',\n  variant: 'dark',\n  closeLabel: FULLSCREEN_MODAL_CLOSE_LABEL,\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n  modalBodyClassName: '',\n};\n\nexport default FullscreenModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,IAAMC,4BAA4B,GAAG,OAAO;AAEnD,SAASC,eAAeA,CAAAC,IAAA,EAMrB;EAAA,IALDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBACEZ,KAAA,CAAAa,aAAA,CAACX,WAAW,EAAKQ,KAAK,eACpBV,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACY,MAAM,qBACjBd,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACa,KAAK,QAAEL,KAAK,CAACM,KAAyB,CACjC,CAAC,EACpBR,cAAc,eACfR,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACe,IAAI;IAACC,SAAS,EAAER,KAAK,CAACS;EAAmB,GAAEb,QAA2B,CAAC,EACnFG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACkB,MAAM,QAAEb,UAA+B,CACxD,CAAC;AAElB;AAEAH,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEL,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAL,SAAS,EAAEjB,SAAS,CAACuB,MAAM;EAC3B;EACAR,KAAK,EAAEf,SAAS,CAACuB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAExB,SAAS,CAACyB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAE1B,SAAS,CAAC2B,IAAI;EACtB;EACAC,cAAc,EAAE5B,SAAS,CAAC2B,IAAI;EAC9B;EACAE,IAAI,EAAE7B,SAAS,CAAC8B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE/B,SAAS,CAAC8B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;AACF;AACA;AACA;AACA;EACEU,kBAAkB,EAAEjC,SAAS,CAAC2B,IAAI;EAClC;EACArB,UAAU,EAAEN,SAAS,CAACqB,IAAI;EAC1B;EACAd,cAAc,EAAEP,SAAS,CAACqB,IAAI;EAC9B;EACAb,aAAa,EAAER,SAAS,CAACqB,IAAI;EAC7B;EACAH,kBAAkB,EAAElB,SAAS,CAACuB;AAChC,CAAC;AAEDpB,eAAe,CAAC+B,YAAY,GAAG;EAC7BR,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,YAAY;EAClBE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE9B,4BAA4B;EACxCe,SAAS,EAAEkB,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzB3B,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EACnBU,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAef,eAAe"}

package/dist/Modal/MarketingModal.js

@@ -1,4 +1,4 @@
-const _excluded = ["children", "footerNode", "heroNode", "heroIsDark", "beforeBodyNode", "afterBodyNode"];
+var _excluded = ["children", "footerNode", "heroNode", "heroIsDark", "beforeBodyNode", "afterBodyNode"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -7,14 +7,12 @@ import PropTypes from 'prop-types';
 import { requiredWhenNot } from '../utils/propTypes';
 import ModalDialog from './ModalDialog';
 function MarketingModal(_ref) {
-  let {
-      children,
-      footerNode,
-      heroNode,
-      heroIsDark,
-      beforeBodyNode,
-      afterBodyNode
-    } = _ref,
+  var children = _ref.children,
+    footerNode = _ref.footerNode,
+    heroNode = _ref.heroNode,
+    heroIsDark = _ref.heroIsDark,
+    beforeBodyNode = _ref.beforeBodyNode,
+    afterBodyNode = _ref.afterBodyNode,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(ModalDialog, _extends({}, props, {
     variant: heroIsDark ? 'dark' : 'default'
@@ -60,7 +58,7 @@ MarketingModal.defaultProps = {
   isOpen: false,
   isBlocking: false,
   hasCloseButton: true,
-  onClose: () => {},
+  onClose: function onClose() {},
   size: 'md',
   closeLabel: 'Close',
   className: undefined,

package/dist/Modal/MarketingModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingModal.js","names":["React","PropTypes","requiredWhenNot","ModalDialog","MarketingModal","_ref","children","footerNode","heroNode","heroIsDark","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","_extends","variant","Body","Footer","propTypes","node","isRequired","title","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/MarketingModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport ModalDialog from './ModalDialog';\n\nfunction MarketingModal({\n  children,\n  footerNode,\n  heroNode,\n  heroIsDark,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      variant={heroIsDark ? 'dark' : 'default'}\n    >\n      {heroNode}\n      {beforeBodyNode}\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && (\n      <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>\n      )}\n    </ModalDialog>\n  );\n}\n\nMarketingModal.propTypes = {\n  /** Specifies the content of the modal */\n  children: PropTypes.node.isRequired,\n  /** Title of the modal */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop to close the modal */\n  isBlocking: PropTypes.bool,\n  /** The close 'x' icon button in the top right corner */\n  hasCloseButton: PropTypes.bool,\n  /** Callback function for when the modal is dismissed */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Size of the modal window */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies the ``aria-label`` attribute for the close button */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies what should be displayed in the footer of the nodal */\n  footerNode: PropTypes.node,\n  /** Enables dark theme for the modal */\n  heroIsDark: PropTypes.bool,\n  /** Specifies what should be displayed in the header of the modal */\n  heroNode: PropTypes.node,\n  /** Specifies what should be displayed before the body block */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies what should be displayed after the body block */\n  afterBodyNode: PropTypes.node,\n};\n\nMarketingModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: true,\n  onClose: () => {},\n  size: 'md',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: true,\n  footerNode: null,\n  heroIsDark: true,\n  heroNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n};\n\nexport default MarketingModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,cAAcA,CAAAC,IAAA,EAQpB;EAAA,IARqB;MACtBC,QAAQ;MACRC,UAAU;MACVC,QAAQ;MACRC,UAAU;MACVC,cAAc;MACdC;IAEF,CAAC,GAAAN,IAAA;IADIO,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,oBACEd,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KACNJ,KAAK;IACTK,OAAO,EAAER,UAAU,GAAG,MAAM,GAAG;EAAU,IAExCD,QAAQ,EACRE,cAAc,eACfV,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACe,IAAI,QAAEZ,QAA2B,CAAC,EAC9CK,aAAa,EACbJ,UAAU,iBACXP,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACgB,MAAM,QAAEZ,UAA+B,CAEzC,CAAC;AAElB;AAEAH,cAAc,CAACgB,SAAS,GAAG;EACzB;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEtB,SAAS,CAACuB,MAAM,CAACF,UAAU;EAClC;EACAG,MAAM,EAAExB,SAAS,CAACyB,IAAI;EACtB;EACAC,UAAU,EAAE1B,SAAS,CAACyB,IAAI;EAC1B;EACAE,cAAc,EAAE3B,SAAS,CAACyB,IAAI;EAC9B;EACAG,OAAO,EAAE3B,eAAe,CAACD,SAAS,CAAC6B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE9B,SAAS,CAAC+B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;EACAU,SAAS,EAAEjC,SAAS,CAACuB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAElC,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACoB,IAAI;EAC1B;EACAZ,UAAU,EAAER,SAAS,CAACyB,IAAI;EAC1B;EACAlB,QAAQ,EAAEP,SAAS,CAACoB,IAAI;EACxB;EACAX,cAAc,EAAET,SAAS,CAACoB,IAAI;EAC9B;EACAV,aAAa,EAAEV,SAAS,CAACoB;AAC3B,CAAC;AAEDjB,cAAc,CAACgC,YAAY,GAAG;EAC5BX,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,IAAI;EACpBC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,UAAU,EAAE,OAAO;EACnBC,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,IAAI;EACxB5B,UAAU,EAAE,IAAI;EAChBE,UAAU,EAAE,IAAI;EAChBD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeP,cAAc"}
+{"version":3,"file":"MarketingModal.js","names":["React","PropTypes","requiredWhenNot","ModalDialog","MarketingModal","_ref","children","footerNode","heroNode","heroIsDark","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","_extends","variant","Body","Footer","propTypes","node","isRequired","title","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/MarketingModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport ModalDialog from './ModalDialog';\n\nfunction MarketingModal({\n  children,\n  footerNode,\n  heroNode,\n  heroIsDark,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      variant={heroIsDark ? 'dark' : 'default'}\n    >\n      {heroNode}\n      {beforeBodyNode}\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && (\n      <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>\n      )}\n    </ModalDialog>\n  );\n}\n\nMarketingModal.propTypes = {\n  /** Specifies the content of the modal */\n  children: PropTypes.node.isRequired,\n  /** Title of the modal */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop to close the modal */\n  isBlocking: PropTypes.bool,\n  /** The close 'x' icon button in the top right corner */\n  hasCloseButton: PropTypes.bool,\n  /** Callback function for when the modal is dismissed */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Size of the modal window */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies the ``aria-label`` attribute for the close button */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies what should be displayed in the footer of the nodal */\n  footerNode: PropTypes.node,\n  /** Enables dark theme for the modal */\n  heroIsDark: PropTypes.bool,\n  /** Specifies what should be displayed in the header of the modal */\n  heroNode: PropTypes.node,\n  /** Specifies what should be displayed before the body block */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies what should be displayed after the body block */\n  afterBodyNode: PropTypes.node,\n};\n\nMarketingModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: true,\n  onClose: () => {},\n  size: 'md',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: true,\n  footerNode: null,\n  heroIsDark: true,\n  heroNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n};\n\nexport default MarketingModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,cAAcA,CAAAC,IAAA,EAQpB;EAAA,IAPDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,oBACEd,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KACNJ,KAAK;IACTK,OAAO,EAAER,UAAU,GAAG,MAAM,GAAG;EAAU,IAExCD,QAAQ,EACRE,cAAc,eACfV,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACe,IAAI,QAAEZ,QAA2B,CAAC,EAC9CK,aAAa,EACbJ,UAAU,iBACXP,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACgB,MAAM,QAAEZ,UAA+B,CAEzC,CAAC;AAElB;AAEAH,cAAc,CAACgB,SAAS,GAAG;EACzB;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEtB,SAAS,CAACuB,MAAM,CAACF,UAAU;EAClC;EACAG,MAAM,EAAExB,SAAS,CAACyB,IAAI;EACtB;EACAC,UAAU,EAAE1B,SAAS,CAACyB,IAAI;EAC1B;EACAE,cAAc,EAAE3B,SAAS,CAACyB,IAAI;EAC9B;EACAG,OAAO,EAAE3B,eAAe,CAACD,SAAS,CAAC6B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE9B,SAAS,CAAC+B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;EACAU,SAAS,EAAEjC,SAAS,CAACuB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAElC,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACoB,IAAI;EAC1B;EACAZ,UAAU,EAAER,SAAS,CAACyB,IAAI;EAC1B;EACAlB,QAAQ,EAAEP,SAAS,CAACoB,IAAI;EACxB;EACAX,cAAc,EAAET,SAAS,CAACoB,IAAI;EAC9B;EACAV,aAAa,EAAEV,SAAS,CAACoB;AAC3B,CAAC;AAEDjB,cAAc,CAACgC,YAAY,GAAG;EAC5BX,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,IAAI;EACpBC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,UAAU,EAAE,OAAO;EACnBC,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,IAAI;EACxB5B,UAAU,EAAE,IAAI;EAChBE,UAAU,EAAE,IAAI;EAChBD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeP,cAAc"}