@openedx/paragon 23.14.2 → 23.14.4

package/dist/Card/CardCarousel/CardCarouselTitle.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-function CardCarouselTitle(_ref) {
-  let {
-    children,
-    as,
-    className
-  } = _ref;
+function CardCarouselTitle({
+  children,
+  as,
+  className
+}) {
   const Component = as || 'h2';
   return /*#__PURE__*/React.createElement(Component, {
     className: classNames('pgn__card-carousel-title', className)

package/dist/Card/CardCarousel/CardCarouselTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardCarouselTitle.js","names":["React","PropTypes","classNames","CardCarouselTitle","_ref","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselTitle({ children, as, className }) {\n  const Component = as || 'h2';\n  return (\n    <Component className={classNames('pgn__card-carousel-title', className)}>\n      {children}\n    </Component>\n  );\n}\n\nCardCarouselTitle.propTypes = {\n  children: PropTypes.node.isRequired,\n  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n  className: PropTypes.string,\n};\n\nCardCarouselTitle.defaultProps = {\n  as: undefined,\n  className: undefined,\n};\n\nexport default CardCarouselTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAA8B;EAAA,IAA7B;IAAEC,QAAQ;IAAEC,EAAE;IAAEC;EAAU,CAAC,GAAAH,IAAA;EACpD,MAAMI,SAAS,GAAGF,EAAE,IAAI,IAAI;EAC5B,oBACEN,KAAA,CAAAS,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEL,UAAU,CAAC,0BAA0B,EAAEK,SAAS;EAAE,GACrEF,QACQ,CAAC;AAEhB;AAEAF,iBAAiB,CAACO,SAAS,GAAG;EAC5BL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnCN,EAAE,EAAEL,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACc,WAAW,CAAC,CAAC;EAClER,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,iBAAiB,CAACa,YAAY,GAAG;EAC/BV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAed,iBAAiB","ignoreList":[]}
+{"version":3,"file":"CardCarouselTitle.js","names":["React","PropTypes","classNames","CardCarouselTitle","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselTitle({ children, as, className }) {\n  const Component = as || 'h2';\n  return (\n    <Component className={classNames('pgn__card-carousel-title', className)}>\n      {children}\n    </Component>\n  );\n}\n\nCardCarouselTitle.propTypes = {\n  children: PropTypes.node.isRequired,\n  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n  className: PropTypes.string,\n};\n\nCardCarouselTitle.defaultProps = {\n  as: undefined,\n  className: undefined,\n};\n\nexport default CardCarouselTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC;AAAU,CAAC,EAAE;EACtD,MAAMC,SAAS,GAAGF,EAAE,IAAI,IAAI;EAC5B,oBACEL,KAAA,CAAAQ,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEJ,UAAU,CAAC,0BAA0B,EAAEI,SAAS;EAAE,GACrEF,QACQ,CAAC;AAEhB;AAEAD,iBAAiB,CAACM,SAAS,GAAG;EAC5BL,QAAQ,EAAEH,SAAS,CAACS,IAAI,CAACC,UAAU;EACnCN,EAAE,EAAEJ,SAAS,CAACW,SAAS,CAAC,CAACX,SAAS,CAACY,MAAM,EAAEZ,SAAS,CAACa,WAAW,CAAC,CAAC;EAClER,SAAS,EAAEL,SAAS,CAACY;AACvB,CAAC;AAEDV,iBAAiB,CAACY,YAAY,GAAG;EAC/BV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAeb,iBAAiB","ignoreList":[]}

package/dist/Card/CardCarousel/messages.d.ts

@@ -0,0 +1,13 @@
+declare const messages: {
+    scrollToPrevious: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    scrollToNext: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/Card/CardCarousel/messages.js

@@ -1,16 +1,15 @@
 import { defineMessages } from 'react-intl';
-
 const messages = defineMessages({
   scrollToPrevious: {
     id: 'pgn.CardCarousel.scrollToPrevious',
     defaultMessage: 'Scroll to previous',
-    description: 'Accessibility text describing the action for navigating a scrollable carousel to the previous element',
+    description: 'Accessibility text describing the action for navigating a scrollable carousel to the previous element'
   },
   scrollToNext: {
     id: 'pgn.CardCarousel.scrollToNext',
     defaultMessage: 'Scroll to next',
-    description: 'Accessibility text describing the action for navigating a scrollable carousel to the next element',
-  },
+    description: 'Accessibility text describing the action for navigating a scrollable carousel to the next element'
+  }
 });
-
 export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/Card/CardCarousel/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","names":["defineMessages","messages","scrollToPrevious","id","defaultMessage","description","scrollToNext"],"sources":["../../../src/Card/CardCarousel/messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n  scrollToPrevious: {\n    id: 'pgn.CardCarousel.scrollToPrevious',\n    defaultMessage: 'Scroll to previous',\n    description: 'Accessibility text describing the action for navigating a scrollable carousel to the previous element',\n  },\n  scrollToNext: {\n    id: 'pgn.CardCarousel.scrollToNext',\n    defaultMessage: 'Scroll to next',\n    description: 'Accessibility text describing the action for navigating a scrollable carousel to the next element',\n  },\n});\n\nexport default messages;\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,YAAY;AAE3C,MAAMC,QAAQ,GAAGD,cAAc,CAAC;EAC9BE,gBAAgB,EAAE;IAChBC,EAAE,EAAE,mCAAmC;IACvCC,cAAc,EAAE,oBAAoB;IACpCC,WAAW,EAAE;EACf,CAAC;EACDC,YAAY,EAAE;IACZH,EAAE,EAAE,+BAA+B;IACnCC,cAAc,EAAE,gBAAgB;IAChCC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAeJ,QAAQ","ignoreList":[]}

package/dist/Card/CardContext.js

@@ -1,13 +1,12 @@
 import React, { createContext } from 'react';
 import PropTypes from 'prop-types';
 const CardContext = /*#__PURE__*/createContext({});
-function CardContextProvider(_ref) {
-  let {
-    orientation,
-    children,
-    isLoading,
-    variant
-  } = _ref;
+function CardContextProvider({
+  orientation,
+  children,
+  isLoading,
+  variant
+}) {
   return /*#__PURE__*/React.createElement(CardContext.Provider, {
     value: {
       orientation,

package/dist/Card/CardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContext.js","names":["React","createContext","PropTypes","CardContext","CardContextProvider","_ref","orientation","children","isLoading","variant","createElement","Provider","value","propTypes","oneOf","bool","node","defaultProps"],"sources":["../../src/Card/CardContext.jsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CardContext = createContext({});\n\nfunction CardContextProvider({\n  orientation,\n  children,\n  isLoading,\n  variant,\n}) {\n  return (\n    <CardContext.Provider value={{ orientation, isLoading, variant }}>\n      {children}\n    </CardContext.Provider>\n  );\n}\n\nCardContextProvider.propTypes = {\n  /** Specifies which orientation to use. */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /** Specifies loading state. */\n  isLoading: PropTypes.bool,\n  /** Specifies content of the component. */\n  children: PropTypes.node,\n  /** Specifies `Card` style variant */\n  variant: PropTypes.oneOf(['light', 'dark', 'muted']),\n};\n\nCardContextProvider.defaultProps = {\n  orientation: 'vertical',\n  isLoading: false,\n  children: null,\n  variant: 'light',\n};\n\nexport { CardContextProvider };\nexport default CardContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,WAAW,gBAAGF,aAAa,CAAC,CAAC,CAAC,CAAC;AAErC,SAASG,mBAAmBA,CAAAC,IAAA,EAKzB;EAAA,IAL0B;IAC3BC,WAAW;IACXC,QAAQ;IACRC,SAAS;IACTC;EACF,CAAC,GAAAJ,IAAA;EACC,oBACEL,KAAA,CAAAU,aAAA,CAACP,WAAW,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEN,WAAW;MAAEE,SAAS;MAAEC;IAAQ;EAAE,GAC9DF,QACmB,CAAC;AAE3B;AAEAH,mBAAmB,CAACS,SAAS,GAAG;EAC9B;EACAP,WAAW,EAAEJ,SAAS,CAACY,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAN,SAAS,EAAEN,SAAS,CAACa,IAAI;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI;EACxB;EACAP,OAAO,EAAEP,SAAS,CAACY,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDV,mBAAmB,CAACa,YAAY,GAAG;EACjCX,WAAW,EAAE,UAAU;EACvBE,SAAS,EAAE,KAAK;EAChBD,QAAQ,EAAE,IAAI;EACdE,OAAO,EAAE;AACX,CAAC;AAED,SAASL,mBAAmB;AAC5B,eAAeD,WAAW","ignoreList":[]}
+{"version":3,"file":"CardContext.js","names":["React","createContext","PropTypes","CardContext","CardContextProvider","orientation","children","isLoading","variant","createElement","Provider","value","propTypes","oneOf","bool","node","defaultProps"],"sources":["../../src/Card/CardContext.jsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CardContext = createContext({});\n\nfunction CardContextProvider({\n  orientation,\n  children,\n  isLoading,\n  variant,\n}) {\n  return (\n    <CardContext.Provider value={{ orientation, isLoading, variant }}>\n      {children}\n    </CardContext.Provider>\n  );\n}\n\nCardContextProvider.propTypes = {\n  /** Specifies which orientation to use. */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /** Specifies loading state. */\n  isLoading: PropTypes.bool,\n  /** Specifies content of the component. */\n  children: PropTypes.node,\n  /** Specifies `Card` style variant */\n  variant: PropTypes.oneOf(['light', 'dark', 'muted']),\n};\n\nCardContextProvider.defaultProps = {\n  orientation: 'vertical',\n  isLoading: false,\n  children: null,\n  variant: 'light',\n};\n\nexport { CardContextProvider };\nexport default CardContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,WAAW,gBAAGF,aAAa,CAAC,CAAC,CAAC,CAAC;AAErC,SAASG,mBAAmBA,CAAC;EAC3BC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC;AACF,CAAC,EAAE;EACD,oBACER,KAAA,CAAAS,aAAA,CAACN,WAAW,CAACO,QAAQ;IAACC,KAAK,EAAE;MAAEN,WAAW;MAAEE,SAAS;MAAEC;IAAQ;EAAE,GAC9DF,QACmB,CAAC;AAE3B;AAEAF,mBAAmB,CAACQ,SAAS,GAAG;EAC9B;EACAP,WAAW,EAAEH,SAAS,CAACW,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAN,SAAS,EAAEL,SAAS,CAACY,IAAI;EACzB;EACAR,QAAQ,EAAEJ,SAAS,CAACa,IAAI;EACxB;EACAP,OAAO,EAAEN,SAAS,CAACW,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDT,mBAAmB,CAACY,YAAY,GAAG;EACjCX,WAAW,EAAE,UAAU;EACvBE,SAAS,EAAE,KAAK;EAChBD,QAAQ,EAAE,IAAI;EACdE,OAAO,EAAE;AACX,CAAC;AAED,SAASJ,mBAAmB;AAC5B,eAAeD,WAAW","ignoreList":[]}

package/dist/Card/CardDeck.js

@@ -4,16 +4,15 @@ import PropTypes from 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import { useOverflowScrollItems } from '../OverflowScroll';
-const CardDeck = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    className,
-    children,
-    columnSizes,
-    hasInteractiveChildren,
-    canScrollHorizontal,
-    hasOverflowScrollItems,
-    hasEqualColumnHeights
-  } = _ref;
+const CardDeck = /*#__PURE__*/React.forwardRef(({
+  className,
+  children,
+  columnSizes,
+  hasInteractiveChildren,
+  canScrollHorizontal,
+  hasOverflowScrollItems,
+  hasEqualColumnHeights
+}, ref) => {
   const cards = useMemo(() => Children.map(children, card => /*#__PURE__*/React.createElement(Col, {
     ...columnSizes,
     className: classNames('pgn__card-deck__card-item', {

package/dist/Card/CardDeck.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardDeck.js","names":["React","Children","useMemo","classNames","PropTypes","Row","Col","useOverflowScrollItems","CardDeck","forwardRef","_ref","ref","className","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","hasOverflowScrollItems","hasEqualColumnHeights","cards","map","card","createElement","overflowCardDeckItems","cardDeckChildren","tabIndex","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardDeck.jsx"],"sourcesContent":["import React, { Children, useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { useOverflowScrollItems } from '../OverflowScroll';\n\nconst CardDeck = React.forwardRef(({\n  className,\n  children,\n  columnSizes,\n  hasInteractiveChildren,\n  canScrollHorizontal,\n  hasOverflowScrollItems,\n  hasEqualColumnHeights,\n}, ref) => {\n  const cards = useMemo(\n    () => Children.map(children, (card) => (\n      <Col\n        {...columnSizes}\n        className={classNames(\n          'pgn__card-deck__card-item',\n          {\n            'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n          },\n        )}\n      >\n        {card}\n      </Col>\n    )),\n    [children, columnSizes, hasEqualColumnHeights],\n  );\n  const overflowCardDeckItems = useOverflowScrollItems(cards);\n\n  const cardDeckChildren = useMemo(() => {\n    if (hasOverflowScrollItems) {\n      return overflowCardDeckItems;\n    }\n    return cards;\n  }, [hasOverflowScrollItems, overflowCardDeckItems, cards]);\n\n  return (\n    <div\n      className={classNames(\n        'pgn__card-deck',\n        {\n          'pgn__card-deck-has-horizontal-scroll': canScrollHorizontal,\n        },\n        className,\n      )}\n    >\n      <Row\n        className=\"pgn__card-deck-row\"\n        tabIndex={hasInteractiveChildren ? -1 : 0}\n        ref={ref}\n      >\n        {cardDeckChildren}\n      </Row>\n    </div>\n  );\n});\n\nCardDeck.propTypes = {\n  /** The class name for the CardDeck component */\n  className: PropTypes.string,\n  /** The Card components to organize */\n  children: PropTypes.node.isRequired,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n   * added to be a11y-compliant */\n  hasInteractiveChildren: PropTypes.bool,\n  /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n  canScrollHorizontal: PropTypes.bool,\n  /** Whether the children of CardDeck should be processed by `useOverflowScrollItems` to give\n   * each child a known/stable CSS classname */\n  hasOverflowScrollItems: PropTypes.bool,\n  /** Whether to disable the default equal height cards */\n  hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardDeck.defaultProps = {\n  className: undefined,\n  columnSizes: {\n    sm: 12,\n    lg: 6,\n    xl: 4,\n  },\n  hasInteractiveChildren: false,\n  canScrollHorizontal: true,\n  hasOverflowScrollItems: false,\n  hasEqualColumnHeights: true,\n};\n\nexport default CardDeck;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,SAASC,sBAAsB,QAAQ,mBAAmB;AAE1D,MAAMC,QAAQ,gBAAGR,KAAK,CAACS,UAAU,CAAC,CAAAC,IAAA,EAQ/BC,GAAG,KAAK;EAAA,IARwB;IACjCC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBC,sBAAsB;IACtBC;EACF,CAAC,GAAAR,IAAA;EACC,MAAMS,KAAK,GAAGjB,OAAO,CACnB,MAAMD,QAAQ,CAACmB,GAAG,CAACP,QAAQ,EAAGQ,IAAI,iBAChCrB,KAAA,CAAAsB,aAAA,CAAChB,GAAG;IAAA,GACEQ,WAAW;IACfF,SAAS,EAAET,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACe;IAC9C,CACF;EAAE,GAEDG,IACE,CACN,CAAC,EACF,CAACR,QAAQ,EAAEC,WAAW,EAAEI,qBAAqB,CAC/C,CAAC;EACD,MAAMK,qBAAqB,GAAGhB,sBAAsB,CAACY,KAAK,CAAC;EAE3D,MAAMK,gBAAgB,GAAGtB,OAAO,CAAC,MAAM;IACrC,IAAIe,sBAAsB,EAAE;MAC1B,OAAOM,qBAAqB;IAC9B;IACA,OAAOJ,KAAK;EACd,CAAC,EAAE,CAACF,sBAAsB,EAAEM,qBAAqB,EAAEJ,KAAK,CAAC,CAAC;EAE1D,oBACEnB,KAAA,CAAAsB,aAAA;IACEV,SAAS,EAAET,UAAU,CACnB,gBAAgB,EAChB;MACE,sCAAsC,EAAEa;IAC1C,CAAC,EACDJ,SACF;EAAE,gBAEFZ,KAAA,CAAAsB,aAAA,CAACjB,GAAG;IACFO,SAAS,EAAC,oBAAoB;IAC9Ba,QAAQ,EAAEV,sBAAsB,GAAG,CAAC,CAAC,GAAG,CAAE;IAC1CJ,GAAG,EAAEA;EAAI,GAERa,gBACE,CACF,CAAC;AAEV,CAAC,CAAC;AAEFhB,QAAQ,CAACkB,SAAS,GAAG;EACnB;EACAd,SAAS,EAAER,SAAS,CAACuB,MAAM;EAC3B;EACAd,QAAQ,EAAET,SAAS,CAACwB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEf,WAAW,EAAEV,SAAS,CAAC0B,KAAK,CAAC;IAC3BC,EAAE,EAAE3B,SAAS,CAAC4B,MAAM;IACpBC,EAAE,EAAE7B,SAAS,CAAC4B,MAAM;IACpBE,EAAE,EAAE9B,SAAS,CAAC4B,MAAM;IACpBG,EAAE,EAAE/B,SAAS,CAAC4B,MAAM;IACpBI,EAAE,EAAEhC,SAAS,CAAC4B;EAChB,CAAC,CAAC;EACF;AACF;EACEjB,sBAAsB,EAAEX,SAAS,CAACiC,IAAI;EACtC;EACArB,mBAAmB,EAAEZ,SAAS,CAACiC,IAAI;EACnC;AACF;EACEpB,sBAAsB,EAAEb,SAAS,CAACiC,IAAI;EACtC;EACAnB,qBAAqB,EAAEd,SAAS,CAACiC;AACnC,CAAC;AAED7B,QAAQ,CAAC8B,YAAY,GAAG;EACtB1B,SAAS,EAAE2B,SAAS;EACpBzB,WAAW,EAAE;IACXmB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDrB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,sBAAsB,EAAE,KAAK;EAC7BC,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeV,QAAQ","ignoreList":[]}
+{"version":3,"file":"CardDeck.js","names":["React","Children","useMemo","classNames","PropTypes","Row","Col","useOverflowScrollItems","CardDeck","forwardRef","className","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","hasOverflowScrollItems","hasEqualColumnHeights","ref","cards","map","card","createElement","overflowCardDeckItems","cardDeckChildren","tabIndex","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardDeck.jsx"],"sourcesContent":["import React, { Children, useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { useOverflowScrollItems } from '../OverflowScroll';\n\nconst CardDeck = React.forwardRef(({\n  className,\n  children,\n  columnSizes,\n  hasInteractiveChildren,\n  canScrollHorizontal,\n  hasOverflowScrollItems,\n  hasEqualColumnHeights,\n}, ref) => {\n  const cards = useMemo(\n    () => Children.map(children, (card) => (\n      <Col\n        {...columnSizes}\n        className={classNames(\n          'pgn__card-deck__card-item',\n          {\n            'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n          },\n        )}\n      >\n        {card}\n      </Col>\n    )),\n    [children, columnSizes, hasEqualColumnHeights],\n  );\n  const overflowCardDeckItems = useOverflowScrollItems(cards);\n\n  const cardDeckChildren = useMemo(() => {\n    if (hasOverflowScrollItems) {\n      return overflowCardDeckItems;\n    }\n    return cards;\n  }, [hasOverflowScrollItems, overflowCardDeckItems, cards]);\n\n  return (\n    <div\n      className={classNames(\n        'pgn__card-deck',\n        {\n          'pgn__card-deck-has-horizontal-scroll': canScrollHorizontal,\n        },\n        className,\n      )}\n    >\n      <Row\n        className=\"pgn__card-deck-row\"\n        tabIndex={hasInteractiveChildren ? -1 : 0}\n        ref={ref}\n      >\n        {cardDeckChildren}\n      </Row>\n    </div>\n  );\n});\n\nCardDeck.propTypes = {\n  /** The class name for the CardDeck component */\n  className: PropTypes.string,\n  /** The Card components to organize */\n  children: PropTypes.node.isRequired,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n   * added to be a11y-compliant */\n  hasInteractiveChildren: PropTypes.bool,\n  /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n  canScrollHorizontal: PropTypes.bool,\n  /** Whether the children of CardDeck should be processed by `useOverflowScrollItems` to give\n   * each child a known/stable CSS classname */\n  hasOverflowScrollItems: PropTypes.bool,\n  /** Whether to disable the default equal height cards */\n  hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardDeck.defaultProps = {\n  className: undefined,\n  columnSizes: {\n    sm: 12,\n    lg: 6,\n    xl: 4,\n  },\n  hasInteractiveChildren: false,\n  canScrollHorizontal: true,\n  hasOverflowScrollItems: false,\n  hasEqualColumnHeights: true,\n};\n\nexport default CardDeck;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,SAASC,sBAAsB,QAAQ,mBAAmB;AAE1D,MAAMC,QAAQ,gBAAGR,KAAK,CAACS,UAAU,CAAC,CAAC;EACjCC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC,sBAAsB;EACtBC,mBAAmB;EACnBC,sBAAsB;EACtBC;AACF,CAAC,EAAEC,GAAG,KAAK;EACT,MAAMC,KAAK,GAAGhB,OAAO,CACnB,MAAMD,QAAQ,CAACkB,GAAG,CAACR,QAAQ,EAAGS,IAAI,iBAChCpB,KAAA,CAAAqB,aAAA,CAACf,GAAG;IAAA,GACEM,WAAW;IACfF,SAAS,EAAEP,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACa;IAC9C,CACF;EAAE,GAEDI,IACE,CACN,CAAC,EACF,CAACT,QAAQ,EAAEC,WAAW,EAAEI,qBAAqB,CAC/C,CAAC;EACD,MAAMM,qBAAqB,GAAGf,sBAAsB,CAACW,KAAK,CAAC;EAE3D,MAAMK,gBAAgB,GAAGrB,OAAO,CAAC,MAAM;IACrC,IAAIa,sBAAsB,EAAE;MAC1B,OAAOO,qBAAqB;IAC9B;IACA,OAAOJ,KAAK;EACd,CAAC,EAAE,CAACH,sBAAsB,EAAEO,qBAAqB,EAAEJ,KAAK,CAAC,CAAC;EAE1D,oBACElB,KAAA,CAAAqB,aAAA;IACEX,SAAS,EAAEP,UAAU,CACnB,gBAAgB,EAChB;MACE,sCAAsC,EAAEW;IAC1C,CAAC,EACDJ,SACF;EAAE,gBAEFV,KAAA,CAAAqB,aAAA,CAAChB,GAAG;IACFK,SAAS,EAAC,oBAAoB;IAC9Bc,QAAQ,EAAEX,sBAAsB,GAAG,CAAC,CAAC,GAAG,CAAE;IAC1CI,GAAG,EAAEA;EAAI,GAERM,gBACE,CACF,CAAC;AAEV,CAAC,CAAC;AAEFf,QAAQ,CAACiB,SAAS,GAAG;EACnB;EACAf,SAAS,EAAEN,SAAS,CAACsB,MAAM;EAC3B;EACAf,QAAQ,EAAEP,SAAS,CAACuB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEhB,WAAW,EAAER,SAAS,CAACyB,KAAK,CAAC;IAC3BC,EAAE,EAAE1B,SAAS,CAAC2B,MAAM;IACpBC,EAAE,EAAE5B,SAAS,CAAC2B,MAAM;IACpBE,EAAE,EAAE7B,SAAS,CAAC2B,MAAM;IACpBG,EAAE,EAAE9B,SAAS,CAAC2B,MAAM;IACpBI,EAAE,EAAE/B,SAAS,CAAC2B;EAChB,CAAC,CAAC;EACF;AACF;EACElB,sBAAsB,EAAET,SAAS,CAACgC,IAAI;EACtC;EACAtB,mBAAmB,EAAEV,SAAS,CAACgC,IAAI;EACnC;AACF;EACErB,sBAAsB,EAAEX,SAAS,CAACgC,IAAI;EACtC;EACApB,qBAAqB,EAAEZ,SAAS,CAACgC;AACnC,CAAC;AAED5B,QAAQ,CAAC6B,YAAY,GAAG;EACtB3B,SAAS,EAAE4B,SAAS;EACpB1B,WAAW,EAAE;IACXoB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDtB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,sBAAsB,EAAE,KAAK;EAC7BC,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeR,QAAQ","ignoreList":[]}

package/dist/Card/CardDivider.js

@@ -1,17 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-const CardDivider = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    className,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pgn__card-divider', className),
-    ref: ref,
-    ...props
-  });
-});
+const CardDivider = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/React.createElement("div", {
+  className: classNames('pgn__card-divider', className),
+  ref: ref,
+  ...props
+}));
 CardDivider.propTypes = {
   /** Specifies class name to append to the base element. */
   className: PropTypes.string

package/dist/Card/CardDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","_ref","ref","className","props","createElement","propTypes","string","defaultProps","undefined"],"sources":["../../src/Card/CardDivider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardDivider = React.forwardRef(({ className, ...props }, ref) => (\n  <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />\n));\n\nCardDivider.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n};\n\nCardDivider.defaultProps = {\n  className: undefined,\n};\n\nexport default CardDivider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,WAAW,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAAAC,IAAA,EAA0BC,GAAG;EAAA,IAA5B;IAAEC,SAAS;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EAAA,oBAC3DL,KAAA,CAAAS,aAAA;IAAKF,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IAACD,GAAG,EAAEA,GAAI;IAAA,GAAKE;EAAK,CAAG,CAAC;AAAA,CACpF,CAAC;AAEFL,WAAW,CAACO,SAAS,GAAG;EACtB;EACAH,SAAS,EAAEN,SAAS,CAACU;AACvB,CAAC;AAEDR,WAAW,CAACS,YAAY,GAAG;EACzBL,SAAS,EAAEM;AACb,CAAC;AAED,eAAeV,WAAW","ignoreList":[]}
+{"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","className","props","ref","createElement","propTypes","string","defaultProps","undefined"],"sources":["../../src/Card/CardDivider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardDivider = React.forwardRef(({ className, ...props }, ref) => (\n  <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />\n));\n\nCardDivider.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n};\n\nCardDivider.defaultProps = {\n  className: undefined,\n};\n\nexport default CardDivider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,WAAW,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAChEP,KAAA,CAAAQ,aAAA;EAAKH,SAAS,EAAEH,UAAU,CAAC,mBAAmB,EAAEG,SAAS,CAAE;EAACE,GAAG,EAAEA,GAAI;EAAA,GAAKD;AAAK,CAAG,CACnF,CAAC;AAEFH,WAAW,CAACM,SAAS,GAAG;EACtB;EACAJ,SAAS,EAAEJ,SAAS,CAACS;AACvB,CAAC;AAEDP,WAAW,CAACQ,YAAY,GAAG;EACzBN,SAAS,EAAEO;AACb,CAAC;AAED,eAAeT,WAAW","ignoreList":[]}

package/dist/Card/CardFooter.js

@@ -4,16 +4,15 @@ import classNames from 'classnames';
 import Skeleton from 'react-loading-skeleton';
 import CardContext from './CardContext';
 const IS_LOADING_HEIGHT_VALUE = 18;
-const CardFooter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    className,
-    isStacked,
-    textElement,
-    skeletonHeight,
-    skeletonWidth,
-    orientation
-  } = _ref;
+const CardFooter = /*#__PURE__*/React.forwardRef(({
+  children,
+  className,
+  isStacked,
+  textElement,
+  skeletonHeight,
+  skeletonWidth,
+  orientation
+}, ref) => {
   const {
     orientation: cardOrientation,
     isLoading

package/dist/Card/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","IS_LOADING_HEIGHT_VALUE","CardFooter","forwardRef","_ref","ref","children","className","isStacked","textElement","skeletonHeight","skeletonWidth","orientation","cardOrientation","isLoading","footerOrientation","wrapperClassName","textElementClassName","createElement","containerClassName","height","width","propTypes","node","string","bool","oneOf","number","defaultProps","undefined"],"sources":["../../src/Card/CardFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst IS_LOADING_HEIGHT_VALUE = 18;\n\nconst CardFooter = React.forwardRef(({\n  children,\n  className,\n  isStacked,\n  textElement,\n  skeletonHeight,\n  skeletonWidth,\n  orientation,\n}, ref) => {\n  const { orientation: cardOrientation, isLoading } = useContext(CardContext);\n  const footerOrientation = orientation || cardOrientation;\n  const wrapperClassName = `pgn__card-footer ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n  const textElementClassName = `pgn__card-footer-text ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n\n  if (isLoading) {\n    return (\n      <div className={classNames(className, wrapperClassName)}>\n        <Skeleton\n          containerClassName=\"pgn__card-footer-loader\"\n          height={skeletonHeight}\n          width={skeletonWidth}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className={classNames(className, wrapperClassName)} ref={ref}>\n      {textElement && <div className={textElementClassName}>{textElement}</div>}\n      {children}\n    </div>\n  );\n});\n\nCardFooter.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Optional node to display near actions. Should be either a plain text or an element containing text (e.g. link). */\n  textElement: PropTypes.node,\n  /** Specifies whether to use stacked variant. */\n  isStacked: PropTypes.bool,\n  /** Specifies which orientation to use. This prop will override context value if provided. */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /** Specifies height of skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n};\n\nCardFooter.defaultProps = {\n  children: null,\n  className: undefined,\n  textElement: undefined,\n  isStacked: false,\n  orientation: undefined,\n  skeletonHeight: IS_LOADING_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n};\n\nexport default CardFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,uBAAuB,GAAG,EAAE;AAElC,MAAMC,UAAU,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAAC,IAAA,EAQjCC,GAAG,KAAK;EAAA,IAR0B;IACnCC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,WAAW;IACXC,cAAc;IACdC,aAAa;IACbC;EACF,CAAC,GAAAR,IAAA;EACC,MAAM;IAAEQ,WAAW,EAAEC,eAAe;IAAEC;EAAU,CAAC,GAAGlB,UAAU,CAACI,WAAW,CAAC;EAC3E,MAAMe,iBAAiB,GAAGH,WAAW,IAAIC,eAAe;EACxD,MAAMG,gBAAgB,GAAG,oBAAoBD,iBAAiB,GAAGP,SAAS,GAAG,UAAU,GAAG,EAAE,EAAE;EAC9F,MAAMS,oBAAoB,GAAG,yBAAyBF,iBAAiB,GAAGP,SAAS,GAAG,UAAU,GAAG,EAAE,EAAE;EAEvG,IAAIM,SAAS,EAAE;IACb,oBACEnB,KAAA,CAAAuB,aAAA;MAAKX,SAAS,EAAET,UAAU,CAACS,SAAS,EAAES,gBAAgB;IAAE,gBACtDrB,KAAA,CAAAuB,aAAA,CAACnB,QAAQ;MACPoB,kBAAkB,EAAC,yBAAyB;MAC5CC,MAAM,EAAEV,cAAe;MACvBW,KAAK,EAAEV;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEhB,KAAA,CAAAuB,aAAA;IAAKX,SAAS,EAAET,UAAU,CAACS,SAAS,EAAES,gBAAgB,CAAE;IAACX,GAAG,EAAEA;EAAI,GAC/DI,WAAW,iBAAId,KAAA,CAAAuB,aAAA;IAAKX,SAAS,EAAEU;EAAqB,GAAER,WAAiB,CAAC,EACxEH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFJ,UAAU,CAACoB,SAAS,GAAG;EACrB;EACAhB,QAAQ,EAAET,SAAS,CAAC0B,IAAI;EACxB;EACAhB,SAAS,EAAEV,SAAS,CAAC2B,MAAM;EAC3B;EACAf,WAAW,EAAEZ,SAAS,CAAC0B,IAAI;EAC3B;EACAf,SAAS,EAAEX,SAAS,CAAC4B,IAAI;EACzB;EACAb,WAAW,EAAEf,SAAS,CAAC6B,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAhB,cAAc,EAAEb,SAAS,CAAC8B,MAAM;EAChC;EACAhB,aAAa,EAAEd,SAAS,CAAC8B;AAC3B,CAAC;AAEDzB,UAAU,CAAC0B,YAAY,GAAG;EACxBtB,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAEsB,SAAS;EACpBpB,WAAW,EAAEoB,SAAS;EACtBrB,SAAS,EAAE,KAAK;EAChBI,WAAW,EAAEiB,SAAS;EACtBnB,cAAc,EAAET,uBAAuB;EACvCU,aAAa,EAAEkB;AACjB,CAAC;AAED,eAAe3B,UAAU","ignoreList":[]}
+{"version":3,"file":"CardFooter.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","IS_LOADING_HEIGHT_VALUE","CardFooter","forwardRef","children","className","isStacked","textElement","skeletonHeight","skeletonWidth","orientation","ref","cardOrientation","isLoading","footerOrientation","wrapperClassName","textElementClassName","createElement","containerClassName","height","width","propTypes","node","string","bool","oneOf","number","defaultProps","undefined"],"sources":["../../src/Card/CardFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst IS_LOADING_HEIGHT_VALUE = 18;\n\nconst CardFooter = React.forwardRef(({\n  children,\n  className,\n  isStacked,\n  textElement,\n  skeletonHeight,\n  skeletonWidth,\n  orientation,\n}, ref) => {\n  const { orientation: cardOrientation, isLoading } = useContext(CardContext);\n  const footerOrientation = orientation || cardOrientation;\n  const wrapperClassName = `pgn__card-footer ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n  const textElementClassName = `pgn__card-footer-text ${footerOrientation}${isStacked ? '-stacked' : ''}`;\n\n  if (isLoading) {\n    return (\n      <div className={classNames(className, wrapperClassName)}>\n        <Skeleton\n          containerClassName=\"pgn__card-footer-loader\"\n          height={skeletonHeight}\n          width={skeletonWidth}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className={classNames(className, wrapperClassName)} ref={ref}>\n      {textElement && <div className={textElementClassName}>{textElement}</div>}\n      {children}\n    </div>\n  );\n});\n\nCardFooter.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Optional node to display near actions. Should be either a plain text or an element containing text (e.g. link). */\n  textElement: PropTypes.node,\n  /** Specifies whether to use stacked variant. */\n  isStacked: PropTypes.bool,\n  /** Specifies which orientation to use. This prop will override context value if provided. */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /** Specifies height of skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n};\n\nCardFooter.defaultProps = {\n  children: null,\n  className: undefined,\n  textElement: undefined,\n  isStacked: false,\n  orientation: undefined,\n  skeletonHeight: IS_LOADING_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n};\n\nexport default CardFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,uBAAuB,GAAG,EAAE;AAElC,MAAMC,UAAU,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAC;EACnCC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,WAAW;EACXC,cAAc;EACdC,aAAa;EACbC;AACF,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM;IAAED,WAAW,EAAEE,eAAe;IAAEC;EAAU,CAAC,GAAGjB,UAAU,CAACI,WAAW,CAAC;EAC3E,MAAMc,iBAAiB,GAAGJ,WAAW,IAAIE,eAAe;EACxD,MAAMG,gBAAgB,GAAG,oBAAoBD,iBAAiB,GAAGR,SAAS,GAAG,UAAU,GAAG,EAAE,EAAE;EAC9F,MAAMU,oBAAoB,GAAG,yBAAyBF,iBAAiB,GAAGR,SAAS,GAAG,UAAU,GAAG,EAAE,EAAE;EAEvG,IAAIO,SAAS,EAAE;IACb,oBACElB,KAAA,CAAAsB,aAAA;MAAKZ,SAAS,EAAEP,UAAU,CAACO,SAAS,EAAEU,gBAAgB;IAAE,gBACtDpB,KAAA,CAAAsB,aAAA,CAAClB,QAAQ;MACPmB,kBAAkB,EAAC,yBAAyB;MAC5CC,MAAM,EAAEX,cAAe;MACvBY,KAAK,EAAEX;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEd,KAAA,CAAAsB,aAAA;IAAKZ,SAAS,EAAEP,UAAU,CAACO,SAAS,EAAEU,gBAAgB,CAAE;IAACJ,GAAG,EAAEA;EAAI,GAC/DJ,WAAW,iBAAIZ,KAAA,CAAAsB,aAAA;IAAKZ,SAAS,EAAEW;EAAqB,GAAET,WAAiB,CAAC,EACxEH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFF,UAAU,CAACmB,SAAS,GAAG;EACrB;EACAjB,QAAQ,EAAEP,SAAS,CAACyB,IAAI;EACxB;EACAjB,SAAS,EAAER,SAAS,CAAC0B,MAAM;EAC3B;EACAhB,WAAW,EAAEV,SAAS,CAACyB,IAAI;EAC3B;EACAhB,SAAS,EAAET,SAAS,CAAC2B,IAAI;EACzB;EACAd,WAAW,EAAEb,SAAS,CAAC4B,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAjB,cAAc,EAAEX,SAAS,CAAC6B,MAAM;EAChC;EACAjB,aAAa,EAAEZ,SAAS,CAAC6B;AAC3B,CAAC;AAEDxB,UAAU,CAACyB,YAAY,GAAG;EACxBvB,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAEuB,SAAS;EACpBrB,WAAW,EAAEqB,SAAS;EACtBtB,SAAS,EAAE,KAAK;EAChBI,WAAW,EAAEkB,SAAS;EACtBpB,cAAc,EAAEP,uBAAuB;EACvCQ,aAAa,EAAEmB;AACjB,CAAC;AAED,eAAe1B,UAAU","ignoreList":[]}

package/dist/Card/CardGrid.js

@@ -3,13 +3,12 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
-function CardGrid(_ref) {
-  let {
-    className,
-    children,
-    columnSizes,
-    hasEqualColumnHeights
-  } = _ref;
+function CardGrid({
+  className,
+  children,
+  columnSizes,
+  hasEqualColumnHeights
+}) {
   const cards = useMemo(() => React.Children.map(children, card => /*#__PURE__*/React.createElement(Col, {
     ...columnSizes,
     className: classNames('pgn__card-grid__card-item', {

package/dist/Card/CardGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardGrid.js","names":["React","useMemo","classNames","PropTypes","Row","Col","CardGrid","_ref","className","children","columnSizes","hasEqualColumnHeights","cards","Children","map","card","createElement","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardGrid.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\n\nfunction CardGrid({\n  className,\n  children,\n  columnSizes,\n  hasEqualColumnHeights,\n}) {\n  const cards = useMemo(\n    () => React.Children.map(children, (card) => (\n      <Col\n        {...columnSizes}\n        className={classNames(\n          'pgn__card-grid__card-item',\n          {\n            'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n          },\n        )}\n      >\n        {card}\n      </Col>\n    )),\n    [children, columnSizes, hasEqualColumnHeights],\n  );\n\n  return (\n    <div className={classNames('pgn__card-grid', className)}>\n      <Row>\n        {cards}\n      </Row>\n    </div>\n  );\n}\n\nCardGrid.propTypes = {\n  /** The class name for the CardGrid component */\n  className: PropTypes.string,\n  /** The Card components to organize into a responsive grid */\n  children: PropTypes.node.isRequired,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Whether to disable the default equal height cards across rows in the card grid */\n  hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardGrid.defaultProps = {\n  className: undefined,\n  columnSizes: {\n    sm: 12,\n    lg: 6,\n    xl: 4,\n  },\n  hasEqualColumnHeights: true,\n};\n\nexport default CardGrid;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AAErC,SAASC,QAAQA,CAAAC,IAAA,EAKd;EAAA,IALe;IAChBC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,KAAK,GAAGX,OAAO,CACnB,MAAMD,KAAK,CAACa,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,IAAI,iBACtCf,KAAA,CAAAgB,aAAA,CAACX,GAAG;IAAA,GACEK,WAAW;IACfF,SAAS,EAAEN,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACS;IAC9C,CACF;EAAE,GAEDI,IACE,CACN,CAAC,EACF,CAACN,QAAQ,EAAEC,WAAW,EAAEC,qBAAqB,CAC/C,CAAC;EAED,oBACEX,KAAA,CAAAgB,aAAA;IAAKR,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS;EAAE,gBACtDR,KAAA,CAAAgB,aAAA,CAACZ,GAAG,QACDQ,KACE,CACF,CAAC;AAEV;AAEAN,QAAQ,CAACW,SAAS,GAAG;EACnB;EACAT,SAAS,EAAEL,SAAS,CAACe,MAAM;EAC3B;EACAT,QAAQ,EAAEN,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEV,WAAW,EAAEP,SAAS,CAACkB,KAAK,CAAC;IAC3BC,EAAE,EAAEnB,SAAS,CAACoB,MAAM;IACpBC,EAAE,EAAErB,SAAS,CAACoB,MAAM;IACpBE,EAAE,EAAEtB,SAAS,CAACoB,MAAM;IACpBG,EAAE,EAAEvB,SAAS,CAACoB,MAAM;IACpBI,EAAE,EAAExB,SAAS,CAACoB;EAChB,CAAC,CAAC;EACF;EACAZ,qBAAqB,EAAER,SAAS,CAACyB;AACnC,CAAC;AAEDtB,QAAQ,CAACuB,YAAY,GAAG;EACtBrB,SAAS,EAAEsB,SAAS;EACpBpB,WAAW,EAAE;IACXc,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDhB,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeL,QAAQ","ignoreList":[]}
+{"version":3,"file":"CardGrid.js","names":["React","useMemo","classNames","PropTypes","Row","Col","CardGrid","className","children","columnSizes","hasEqualColumnHeights","cards","Children","map","card","createElement","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardGrid.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\n\nfunction CardGrid({\n  className,\n  children,\n  columnSizes,\n  hasEqualColumnHeights,\n}) {\n  const cards = useMemo(\n    () => React.Children.map(children, (card) => (\n      <Col\n        {...columnSizes}\n        className={classNames(\n          'pgn__card-grid__card-item',\n          {\n            'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n          },\n        )}\n      >\n        {card}\n      </Col>\n    )),\n    [children, columnSizes, hasEqualColumnHeights],\n  );\n\n  return (\n    <div className={classNames('pgn__card-grid', className)}>\n      <Row>\n        {cards}\n      </Row>\n    </div>\n  );\n}\n\nCardGrid.propTypes = {\n  /** The class name for the CardGrid component */\n  className: PropTypes.string,\n  /** The Card components to organize into a responsive grid */\n  children: PropTypes.node.isRequired,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Whether to disable the default equal height cards across rows in the card grid */\n  hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardGrid.defaultProps = {\n  className: undefined,\n  columnSizes: {\n    sm: 12,\n    lg: 6,\n    xl: 4,\n  },\n  hasEqualColumnHeights: true,\n};\n\nexport default CardGrid;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AAErC,SAASC,QAAQA,CAAC;EAChBC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,EAAE;EACD,MAAMC,KAAK,GAAGV,OAAO,CACnB,MAAMD,KAAK,CAACY,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,IAAI,iBACtCd,KAAA,CAAAe,aAAA,CAACV,GAAG;IAAA,GACEI,WAAW;IACfF,SAAS,EAAEL,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACQ;IAC9C,CACF;EAAE,GAEDI,IACE,CACN,CAAC,EACF,CAACN,QAAQ,EAAEC,WAAW,EAAEC,qBAAqB,CAC/C,CAAC;EAED,oBACEV,KAAA,CAAAe,aAAA;IAAKR,SAAS,EAAEL,UAAU,CAAC,gBAAgB,EAAEK,SAAS;EAAE,gBACtDP,KAAA,CAAAe,aAAA,CAACX,GAAG,QACDO,KACE,CACF,CAAC;AAEV;AAEAL,QAAQ,CAACU,SAAS,GAAG;EACnB;EACAT,SAAS,EAAEJ,SAAS,CAACc,MAAM;EAC3B;EACAT,QAAQ,EAAEL,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEV,WAAW,EAAEN,SAAS,CAACiB,KAAK,CAAC;IAC3BC,EAAE,EAAElB,SAAS,CAACmB,MAAM;IACpBC,EAAE,EAAEpB,SAAS,CAACmB,MAAM;IACpBE,EAAE,EAAErB,SAAS,CAACmB,MAAM;IACpBG,EAAE,EAAEtB,SAAS,CAACmB,MAAM;IACpBI,EAAE,EAAEvB,SAAS,CAACmB;EAChB,CAAC,CAAC;EACF;EACAZ,qBAAqB,EAAEP,SAAS,CAACwB;AACnC,CAAC;AAEDrB,QAAQ,CAACsB,YAAY,GAAG;EACtBrB,SAAS,EAAEsB,SAAS;EACpBpB,WAAW,EAAE;IACXc,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDhB,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}

package/dist/Card/CardHeader.js

@@ -4,16 +4,15 @@ import classNames from 'classnames';
 import Skeleton from 'react-loading-skeleton';
 import CardContext from './CardContext';
 const SKELETON_HEIGHT_VALUE = 20;
-const CardHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    actions,
-    className,
-    size,
-    subtitle,
-    title,
-    skeletonHeight,
-    skeletonWidth
-  } = _ref;
+const CardHeader = /*#__PURE__*/React.forwardRef(({
+  actions,
+  className,
+  size,
+  subtitle,
+  title,
+  skeletonHeight,
+  skeletonWidth
+}, ref) => {
   const {
     isLoading
   } = useContext(CardContext);

package/dist/Card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","names":["React","useCallback","useContext","PropTypes","classNames","Skeleton","CardContext","SKELETON_HEIGHT_VALUE","CardHeader","forwardRef","_ref","ref","actions","className","size","subtitle","title","skeletonHeight","skeletonWidth","isLoading","cloneActions","Action","isValidElement","children","props","addtlActionProps","Array","isArray","map","cloneElement","createElement","containerClassName","height","width","propTypes","node","string","oneOf","number","defaultProps"],"sources":["../../src/Card/CardHeader.jsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst SKELETON_HEIGHT_VALUE = 20;\n\nconst CardHeader = React.forwardRef(({\n  actions,\n  className,\n  size,\n  subtitle,\n  title,\n  skeletonHeight,\n  skeletonWidth,\n}, ref) => {\n  const { isLoading } = useContext(CardContext);\n  const cloneActions = useCallback(\n    (Action) => {\n      if (React.isValidElement(Action)) {\n        const { children } = Action.props;\n        const addtlActionProps = {\n          size,\n          children: Array.isArray(children) ? children.map(cloneActions) : cloneActions(children),\n        };\n        return React.cloneElement(Action, addtlActionProps);\n      }\n\n      return Action;\n    },\n    [size],\n  );\n\n  if (isLoading) {\n    return (\n      <div className={classNames('pgn__card-header', className)}>\n        <Skeleton\n          containerClassName=\"pgn__card-header-loader\"\n          height={skeletonHeight}\n          width={skeletonWidth}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className={classNames('pgn__card-header', className)} ref={ref}>\n      <div className=\"pgn__card-header-content\">\n        {title && <div className={`pgn__card-header-title-${size}`}>{title}</div>}\n        {subtitle && <div className={`pgn__card-header-subtitle-${size}`}>{subtitle}</div>}\n      </div>\n      {actions && (\n        <div className=\"pgn__card-header-actions\">\n          {size !== 'md' ? cloneActions(actions) : actions}\n        </div>\n      )}\n    </div>\n  );\n});\n\nCardHeader.propTypes = {\n  /** Optional node to render on the top right of the card header,\n   *  i.e. ActionRow or a DropdownMenu.\n   * */\n  actions: PropTypes.node,\n  /** The class name for the CardHeader component */\n  className: PropTypes.string,\n  /** The title for the CardHeader component */\n  title: PropTypes.node,\n  /** The size of the CardHeader component */\n  size: PropTypes.oneOf(['sm', 'md']),\n  /** The subtitle of the CardHeader component */\n  subtitle: PropTypes.node,\n  /** Specifies height of skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of  skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n};\n\nCardHeader.defaultProps = {\n  actions: null,\n  className: null,\n  size: 'md',\n  title: null,\n  subtitle: null,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  skeletonWidth: null,\n};\n\nexport default CardHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,qBAAqB,GAAG,EAAE;AAEhC,MAAMC,UAAU,gBAAGR,KAAK,CAACS,UAAU,CAAC,CAAAC,IAAA,EAQjCC,GAAG,KAAK;EAAA,IAR0B;IACnCC,OAAO;IACPC,SAAS;IACTC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,cAAc;IACdC;EACF,CAAC,GAAAR,IAAA;EACC,MAAM;IAAES;EAAU,CAAC,GAAGjB,UAAU,CAACI,WAAW,CAAC;EAC7C,MAAMc,YAAY,GAAGnB,WAAW,CAC7BoB,MAAM,IAAK;IACV,iBAAIrB,KAAK,CAACsB,cAAc,CAACD,MAAM,CAAC,EAAE;MAChC,MAAM;QAAEE;MAAS,CAAC,GAAGF,MAAM,CAACG,KAAK;MACjC,MAAMC,gBAAgB,GAAG;QACvBX,IAAI;QACJS,QAAQ,EAAEG,KAAK,CAACC,OAAO,CAACJ,QAAQ,CAAC,GAAGA,QAAQ,CAACK,GAAG,CAACR,YAAY,CAAC,GAAGA,YAAY,CAACG,QAAQ;MACxF,CAAC;MACD,oBAAOvB,KAAK,CAAC6B,YAAY,CAACR,MAAM,EAAEI,gBAAgB,CAAC;IACrD;IAEA,OAAOJ,MAAM;EACf,CAAC,EACD,CAACP,IAAI,CACP,CAAC;EAED,IAAIK,SAAS,EAAE;IACb,oBACEnB,KAAA,CAAA8B,aAAA;MAAKjB,SAAS,EAAET,UAAU,CAAC,kBAAkB,EAAES,SAAS;IAAE,gBACxDb,KAAA,CAAA8B,aAAA,CAACzB,QAAQ;MACP0B,kBAAkB,EAAC,yBAAyB;MAC5CC,MAAM,EAAEf,cAAe;MACvBgB,KAAK,EAAEf;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACElB,KAAA,CAAA8B,aAAA;IAAKjB,SAAS,EAAET,UAAU,CAAC,kBAAkB,EAAES,SAAS,CAAE;IAACF,GAAG,EAAEA;EAAI,gBAClEX,KAAA,CAAA8B,aAAA;IAAKjB,SAAS,EAAC;EAA0B,GACtCG,KAAK,iBAAIhB,KAAA,CAAA8B,aAAA;IAAKjB,SAAS,EAAE,0BAA0BC,IAAI;EAAG,GAAEE,KAAW,CAAC,EACxED,QAAQ,iBAAIf,KAAA,CAAA8B,aAAA;IAAKjB,SAAS,EAAE,6BAA6BC,IAAI;EAAG,GAAEC,QAAc,CAC9E,CAAC,EACLH,OAAO,iBACNZ,KAAA,CAAA8B,aAAA;IAAKjB,SAAS,EAAC;EAA0B,GACtCC,IAAI,KAAK,IAAI,GAAGM,YAAY,CAACR,OAAO,CAAC,GAAGA,OACtC,CAEJ,CAAC;AAEV,CAAC,CAAC;AAEFJ,UAAU,CAAC0B,SAAS,GAAG;EACrB;AACF;AACA;EACEtB,OAAO,EAAET,SAAS,CAACgC,IAAI;EACvB;EACAtB,SAAS,EAAEV,SAAS,CAACiC,MAAM;EAC3B;EACApB,KAAK,EAAEb,SAAS,CAACgC,IAAI;EACrB;EACArB,IAAI,EAAEX,SAAS,CAACkC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EACnC;EACAtB,QAAQ,EAAEZ,SAAS,CAACgC,IAAI;EACxB;EACAlB,cAAc,EAAEd,SAAS,CAACmC,MAAM;EAChC;EACApB,aAAa,EAAEf,SAAS,CAACmC;AAC3B,CAAC;AAED9B,UAAU,CAAC+B,YAAY,GAAG;EACxB3B,OAAO,EAAE,IAAI;EACbC,SAAS,EAAE,IAAI;EACfC,IAAI,EAAE,IAAI;EACVE,KAAK,EAAE,IAAI;EACXD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAEV,qBAAqB;EACrCW,aAAa,EAAE;AACjB,CAAC;AAED,eAAeV,UAAU","ignoreList":[]}
+{"version":3,"file":"CardHeader.js","names":["React","useCallback","useContext","PropTypes","classNames","Skeleton","CardContext","SKELETON_HEIGHT_VALUE","CardHeader","forwardRef","actions","className","size","subtitle","title","skeletonHeight","skeletonWidth","ref","isLoading","cloneActions","Action","isValidElement","children","props","addtlActionProps","Array","isArray","map","cloneElement","createElement","containerClassName","height","width","propTypes","node","string","oneOf","number","defaultProps"],"sources":["../../src/Card/CardHeader.jsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst SKELETON_HEIGHT_VALUE = 20;\n\nconst CardHeader = React.forwardRef(({\n  actions,\n  className,\n  size,\n  subtitle,\n  title,\n  skeletonHeight,\n  skeletonWidth,\n}, ref) => {\n  const { isLoading } = useContext(CardContext);\n  const cloneActions = useCallback(\n    (Action) => {\n      if (React.isValidElement(Action)) {\n        const { children } = Action.props;\n        const addtlActionProps = {\n          size,\n          children: Array.isArray(children) ? children.map(cloneActions) : cloneActions(children),\n        };\n        return React.cloneElement(Action, addtlActionProps);\n      }\n\n      return Action;\n    },\n    [size],\n  );\n\n  if (isLoading) {\n    return (\n      <div className={classNames('pgn__card-header', className)}>\n        <Skeleton\n          containerClassName=\"pgn__card-header-loader\"\n          height={skeletonHeight}\n          width={skeletonWidth}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className={classNames('pgn__card-header', className)} ref={ref}>\n      <div className=\"pgn__card-header-content\">\n        {title && <div className={`pgn__card-header-title-${size}`}>{title}</div>}\n        {subtitle && <div className={`pgn__card-header-subtitle-${size}`}>{subtitle}</div>}\n      </div>\n      {actions && (\n        <div className=\"pgn__card-header-actions\">\n          {size !== 'md' ? cloneActions(actions) : actions}\n        </div>\n      )}\n    </div>\n  );\n});\n\nCardHeader.propTypes = {\n  /** Optional node to render on the top right of the card header,\n   *  i.e. ActionRow or a DropdownMenu.\n   * */\n  actions: PropTypes.node,\n  /** The class name for the CardHeader component */\n  className: PropTypes.string,\n  /** The title for the CardHeader component */\n  title: PropTypes.node,\n  /** The size of the CardHeader component */\n  size: PropTypes.oneOf(['sm', 'md']),\n  /** The subtitle of the CardHeader component */\n  subtitle: PropTypes.node,\n  /** Specifies height of skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of  skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n};\n\nCardHeader.defaultProps = {\n  actions: null,\n  className: null,\n  size: 'md',\n  title: null,\n  subtitle: null,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  skeletonWidth: null,\n};\n\nexport default CardHeader;\n"],"mappings":"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","ignoreList":[]}

package/dist/Card/CardImageCap.js

@@ -6,22 +6,21 @@ import CardContext from './CardContext';
 import { cardSrcFallbackImg } from './CardFallbackDefaultImage';
 const SKELETON_HEIGHT_VALUE = 140;
 const LOGO_SKELETON_HEIGHT_VALUE = 41;
-const CardImageCap = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    src,
-    fallbackSrc,
-    srcAlt,
-    logoSrc,
-    fallbackLogoSrc,
-    logoAlt,
-    skeletonHeight,
-    skeletonWidth,
-    logoSkeleton,
-    logoSkeletonHeight,
-    logoSkeletonWidth,
-    className,
-    imageLoadingType
-  } = _ref;
+const CardImageCap = /*#__PURE__*/React.forwardRef(({
+  src,
+  fallbackSrc,
+  srcAlt,
+  logoSrc,
+  fallbackLogoSrc,
+  logoAlt,
+  skeletonHeight,
+  skeletonWidth,
+  logoSkeleton,
+  logoSkeletonHeight,
+  logoSkeletonWidth,
+  className,
+  imageLoadingType
+}, ref) => {
   const {
     orientation,
     isLoading

package/dist/Card/CardImageCap.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardImageCap.js","names":["React","useContext","useState","PropTypes","classNames","Skeleton","CardContext","cardSrcFallbackImg","SKELETON_HEIGHT_VALUE","LOGO_SKELETON_HEIGHT_VALUE","CardImageCap","forwardRef","_ref","ref","src","fallbackSrc","srcAlt","logoSrc","fallbackLogoSrc","logoAlt","skeletonHeight","skeletonWidth","logoSkeleton","logoSkeletonHeight","logoSkeletonWidth","className","imageLoadingType","orientation","isLoading","showImageCap","setShowImageCap","showLogoCap","setShowLogoCap","wrapperClassName","createElement","containerClassName","height","width","handleSrcFallback","event","altSrc","imageKey","currentTarget","endsWith","show","onError","onLoad","alt","loading","propTypes","string","number","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Card/CardImageCap.jsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\nimport { cardSrcFallbackImg } from './CardFallbackDefaultImage';\n\nconst SKELETON_HEIGHT_VALUE = 140;\nconst LOGO_SKELETON_HEIGHT_VALUE = 41;\n\nconst CardImageCap = React.forwardRef(({\n  src,\n  fallbackSrc,\n  srcAlt,\n  logoSrc,\n  fallbackLogoSrc,\n  logoAlt,\n  skeletonHeight,\n  skeletonWidth,\n  logoSkeleton,\n  logoSkeletonHeight,\n  logoSkeletonWidth,\n  className,\n  imageLoadingType,\n}, ref) => {\n  const { orientation, isLoading } = useContext(CardContext);\n  const [showImageCap, setShowImageCap] = useState(false);\n  const [showLogoCap, setShowLogoCap] = useState(false);\n\n  const wrapperClassName = `pgn__card-wrapper-image-cap ${orientation}`;\n\n  if (isLoading) {\n    return (\n      <div\n        className={classNames(wrapperClassName, className)}\n        data-testid=\"image-loader-wrapper\"\n      >\n        <Skeleton\n          containerClassName=\"pgn__card-image-cap-loader\"\n          height={orientation === 'horizontal' ? '100%' : skeletonHeight}\n          width={skeletonWidth}\n        />\n        {logoSkeleton && (\n          <Skeleton\n            containerClassName=\"pgn__card-logo-cap\"\n            height={logoSkeletonHeight}\n            width={logoSkeletonWidth}\n          />\n        )}\n      </div>\n    );\n  }\n\n  const handleSrcFallback = (event, altSrc, imageKey) => {\n    const { currentTarget } = event;\n\n    if (!altSrc || currentTarget.src.endsWith(altSrc)) {\n      if (imageKey === 'imageCap') {\n        currentTarget.src = cardSrcFallbackImg;\n      } else {\n        setShowLogoCap(false);\n      }\n\n      return;\n    }\n\n    currentTarget.src = altSrc;\n  };\n\n  return (\n    <div className={classNames(className, wrapperClassName)} ref={ref}>\n      {!!src && (\n        <img\n          className={classNames('pgn__card-image-cap', { show: showImageCap })}\n          src={src}\n          onError={(event) => handleSrcFallback(event, fallbackSrc, 'imageCap')}\n          onLoad={() => setShowImageCap(true)}\n          alt={srcAlt}\n          loading={imageLoadingType}\n        />\n      )}\n      {!!logoSrc && (\n        <img\n          className={classNames('pgn__card-logo-cap', { show: showLogoCap })}\n          src={logoSrc}\n          onError={(event) => handleSrcFallback(event, fallbackLogoSrc, 'logoCap')}\n          onLoad={() => setShowLogoCap(true)}\n          alt={logoAlt}\n          loading={imageLoadingType}\n        />\n      )}\n    </div>\n  );\n});\n\nCardImageCap.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies image src. */\n  src: PropTypes.string,\n  /** Specifies fallback image src. */\n  fallbackSrc: PropTypes.string,\n  /** Specifies image alt text. */\n  srcAlt: PropTypes.string,\n  /** Specifies logo src to put on top of the image. */\n  logoSrc: PropTypes.string,\n  /** Specifies fallback image logo src. */\n  fallbackLogoSrc: PropTypes.string,\n  /** Specifies logo image alt text. */\n  logoAlt: PropTypes.string,\n  /** Specifies height of Image skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of Image skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n  /** Specifies whether the cap should be displayed during loading. */\n  logoSkeleton: PropTypes.bool,\n  /** Specifies height of Logo skeleton in loading state. */\n  logoSkeletonHeight: PropTypes.number,\n  /** Specifies width of Logo skeleton in loading state. */\n  logoSkeletonWidth: PropTypes.number,\n  /** Specifies loading type for images */\n  imageLoadingType: PropTypes.oneOf(['eager', 'lazy']),\n};\n\nCardImageCap.defaultProps = {\n  src: undefined,\n  fallbackSrc: cardSrcFallbackImg,\n  logoSrc: undefined,\n  fallbackLogoSrc: undefined,\n  className: undefined,\n  srcAlt: undefined,\n  logoAlt: undefined,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  logoSkeleton: false,\n  logoSkeletonHeight: LOGO_SKELETON_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n  logoSkeletonWidth: undefined,\n  imageLoadingType: 'eager',\n};\n\nexport default CardImageCap;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,kBAAkB,QAAQ,4BAA4B;AAE/D,MAAMC,qBAAqB,GAAG,GAAG;AACjC,MAAMC,0BAA0B,GAAG,EAAE;AAErC,MAAMC,YAAY,gBAAGV,KAAK,CAACW,UAAU,CAAC,CAAAC,IAAA,EAcnCC,GAAG,KAAK;EAAA,IAd4B;IACrCC,GAAG;IACHC,WAAW;IACXC,MAAM;IACNC,OAAO;IACPC,eAAe;IACfC,OAAO;IACPC,cAAc;IACdC,aAAa;IACbC,YAAY;IACZC,kBAAkB;IAClBC,iBAAiB;IACjBC,SAAS;IACTC;EACF,CAAC,GAAAd,IAAA;EACC,MAAM;IAAEe,WAAW;IAAEC;EAAU,CAAC,GAAG3B,UAAU,CAACK,WAAW,CAAC;EAC1D,MAAM,CAACuB,YAAY,EAAEC,eAAe,CAAC,GAAG5B,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAM,CAAC6B,WAAW,EAAEC,cAAc,CAAC,GAAG9B,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAM+B,gBAAgB,GAAG,+BAA+BN,WAAW,EAAE;EAErE,IAAIC,SAAS,EAAE;IACb,oBACE5B,KAAA,CAAAkC,aAAA;MACET,SAAS,EAAErB,UAAU,CAAC6B,gBAAgB,EAAER,SAAS,CAAE;MACnD,eAAY;IAAsB,gBAElCzB,KAAA,CAAAkC,aAAA,CAAC7B,QAAQ;MACP8B,kBAAkB,EAAC,4BAA4B;MAC/CC,MAAM,EAAET,WAAW,KAAK,YAAY,GAAG,MAAM,GAAGP,cAAe;MAC/DiB,KAAK,EAAEhB;IAAc,CACtB,CAAC,EACDC,YAAY,iBACXtB,KAAA,CAAAkC,aAAA,CAAC7B,QAAQ;MACP8B,kBAAkB,EAAC,oBAAoB;MACvCC,MAAM,EAAEb,kBAAmB;MAC3Bc,KAAK,EAAEb;IAAkB,CAC1B,CAEA,CAAC;EAEV;EAEA,MAAMc,iBAAiB,GAAGA,CAACC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,KAAK;IACrD,MAAM;MAAEC;IAAc,CAAC,GAAGH,KAAK;IAE/B,IAAI,CAACC,MAAM,IAAIE,aAAa,CAAC5B,GAAG,CAAC6B,QAAQ,CAACH,MAAM,CAAC,EAAE;MACjD,IAAIC,QAAQ,KAAK,UAAU,EAAE;QAC3BC,aAAa,CAAC5B,GAAG,GAAGP,kBAAkB;MACxC,CAAC,MAAM;QACLyB,cAAc,CAAC,KAAK,CAAC;MACvB;MAEA;IACF;IAEAU,aAAa,CAAC5B,GAAG,GAAG0B,MAAM;EAC5B,CAAC;EAED,oBACExC,KAAA,CAAAkC,aAAA;IAAKT,SAAS,EAAErB,UAAU,CAACqB,SAAS,EAAEQ,gBAAgB,CAAE;IAACpB,GAAG,EAAEA;EAAI,GAC/D,CAAC,CAACC,GAAG,iBACJd,KAAA,CAAAkC,aAAA;IACET,SAAS,EAAErB,UAAU,CAAC,qBAAqB,EAAE;MAAEwC,IAAI,EAAEf;IAAa,CAAC,CAAE;IACrEf,GAAG,EAAEA,GAAI;IACT+B,OAAO,EAAGN,KAAK,IAAKD,iBAAiB,CAACC,KAAK,EAAExB,WAAW,EAAE,UAAU,CAAE;IACtE+B,MAAM,EAAEA,CAAA,KAAMhB,eAAe,CAAC,IAAI,CAAE;IACpCiB,GAAG,EAAE/B,MAAO;IACZgC,OAAO,EAAEtB;EAAiB,CAC3B,CACF,EACA,CAAC,CAACT,OAAO,iBACRjB,KAAA,CAAAkC,aAAA;IACET,SAAS,EAAErB,UAAU,CAAC,oBAAoB,EAAE;MAAEwC,IAAI,EAAEb;IAAY,CAAC,CAAE;IACnEjB,GAAG,EAAEG,OAAQ;IACb4B,OAAO,EAAGN,KAAK,IAAKD,iBAAiB,CAACC,KAAK,EAAErB,eAAe,EAAE,SAAS,CAAE;IACzE4B,MAAM,EAAEA,CAAA,KAAMd,cAAc,CAAC,IAAI,CAAE;IACnCe,GAAG,EAAE5B,OAAQ;IACb6B,OAAO,EAAEtB;EAAiB,CAC3B,CAEA,CAAC;AAEV,CAAC,CAAC;AAEFhB,YAAY,CAACuC,SAAS,GAAG;EACvB;EACAxB,SAAS,EAAEtB,SAAS,CAAC+C,MAAM;EAC3B;EACApC,GAAG,EAAEX,SAAS,CAAC+C,MAAM;EACrB;EACAnC,WAAW,EAAEZ,SAAS,CAAC+C,MAAM;EAC7B;EACAlC,MAAM,EAAEb,SAAS,CAAC+C,MAAM;EACxB;EACAjC,OAAO,EAAEd,SAAS,CAAC+C,MAAM;EACzB;EACAhC,eAAe,EAAEf,SAAS,CAAC+C,MAAM;EACjC;EACA/B,OAAO,EAAEhB,SAAS,CAAC+C,MAAM;EACzB;EACA9B,cAAc,EAAEjB,SAAS,CAACgD,MAAM;EAChC;EACA9B,aAAa,EAAElB,SAAS,CAACgD,MAAM;EAC/B;EACA7B,YAAY,EAAEnB,SAAS,CAACiD,IAAI;EAC5B;EACA7B,kBAAkB,EAAEpB,SAAS,CAACgD,MAAM;EACpC;EACA3B,iBAAiB,EAAErB,SAAS,CAACgD,MAAM;EACnC;EACAzB,gBAAgB,EAAEvB,SAAS,CAACkD,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC;AACrD,CAAC;AAED3C,YAAY,CAAC4C,YAAY,GAAG;EAC1BxC,GAAG,EAAEyC,SAAS;EACdxC,WAAW,EAAER,kBAAkB;EAC/BU,OAAO,EAAEsC,SAAS;EAClBrC,eAAe,EAAEqC,SAAS;EAC1B9B,SAAS,EAAE8B,SAAS;EACpBvC,MAAM,EAAEuC,SAAS;EACjBpC,OAAO,EAAEoC,SAAS;EAClBnC,cAAc,EAAEZ,qBAAqB;EACrCc,YAAY,EAAE,KAAK;EACnBC,kBAAkB,EAAEd,0BAA0B;EAC9CY,aAAa,EAAEkC,SAAS;EACxB/B,iBAAiB,EAAE+B,SAAS;EAC5B7B,gBAAgB,EAAE;AACpB,CAAC;AAED,eAAehB,YAAY","ignoreList":[]}
+{"version":3,"file":"CardImageCap.js","names":["React","useContext","useState","PropTypes","classNames","Skeleton","CardContext","cardSrcFallbackImg","SKELETON_HEIGHT_VALUE","LOGO_SKELETON_HEIGHT_VALUE","CardImageCap","forwardRef","src","fallbackSrc","srcAlt","logoSrc","fallbackLogoSrc","logoAlt","skeletonHeight","skeletonWidth","logoSkeleton","logoSkeletonHeight","logoSkeletonWidth","className","imageLoadingType","ref","orientation","isLoading","showImageCap","setShowImageCap","showLogoCap","setShowLogoCap","wrapperClassName","createElement","containerClassName","height","width","handleSrcFallback","event","altSrc","imageKey","currentTarget","endsWith","show","onError","onLoad","alt","loading","propTypes","string","number","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Card/CardImageCap.jsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\nimport { cardSrcFallbackImg } from './CardFallbackDefaultImage';\n\nconst SKELETON_HEIGHT_VALUE = 140;\nconst LOGO_SKELETON_HEIGHT_VALUE = 41;\n\nconst CardImageCap = React.forwardRef(({\n  src,\n  fallbackSrc,\n  srcAlt,\n  logoSrc,\n  fallbackLogoSrc,\n  logoAlt,\n  skeletonHeight,\n  skeletonWidth,\n  logoSkeleton,\n  logoSkeletonHeight,\n  logoSkeletonWidth,\n  className,\n  imageLoadingType,\n}, ref) => {\n  const { orientation, isLoading } = useContext(CardContext);\n  const [showImageCap, setShowImageCap] = useState(false);\n  const [showLogoCap, setShowLogoCap] = useState(false);\n\n  const wrapperClassName = `pgn__card-wrapper-image-cap ${orientation}`;\n\n  if (isLoading) {\n    return (\n      <div\n        className={classNames(wrapperClassName, className)}\n        data-testid=\"image-loader-wrapper\"\n      >\n        <Skeleton\n          containerClassName=\"pgn__card-image-cap-loader\"\n          height={orientation === 'horizontal' ? '100%' : skeletonHeight}\n          width={skeletonWidth}\n        />\n        {logoSkeleton && (\n          <Skeleton\n            containerClassName=\"pgn__card-logo-cap\"\n            height={logoSkeletonHeight}\n            width={logoSkeletonWidth}\n          />\n        )}\n      </div>\n    );\n  }\n\n  const handleSrcFallback = (event, altSrc, imageKey) => {\n    const { currentTarget } = event;\n\n    if (!altSrc || currentTarget.src.endsWith(altSrc)) {\n      if (imageKey === 'imageCap') {\n        currentTarget.src = cardSrcFallbackImg;\n      } else {\n        setShowLogoCap(false);\n      }\n\n      return;\n    }\n\n    currentTarget.src = altSrc;\n  };\n\n  return (\n    <div className={classNames(className, wrapperClassName)} ref={ref}>\n      {!!src && (\n        <img\n          className={classNames('pgn__card-image-cap', { show: showImageCap })}\n          src={src}\n          onError={(event) => handleSrcFallback(event, fallbackSrc, 'imageCap')}\n          onLoad={() => setShowImageCap(true)}\n          alt={srcAlt}\n          loading={imageLoadingType}\n        />\n      )}\n      {!!logoSrc && (\n        <img\n          className={classNames('pgn__card-logo-cap', { show: showLogoCap })}\n          src={logoSrc}\n          onError={(event) => handleSrcFallback(event, fallbackLogoSrc, 'logoCap')}\n          onLoad={() => setShowLogoCap(true)}\n          alt={logoAlt}\n          loading={imageLoadingType}\n        />\n      )}\n    </div>\n  );\n});\n\nCardImageCap.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies image src. */\n  src: PropTypes.string,\n  /** Specifies fallback image src. */\n  fallbackSrc: PropTypes.string,\n  /** Specifies image alt text. */\n  srcAlt: PropTypes.string,\n  /** Specifies logo src to put on top of the image. */\n  logoSrc: PropTypes.string,\n  /** Specifies fallback image logo src. */\n  fallbackLogoSrc: PropTypes.string,\n  /** Specifies logo image alt text. */\n  logoAlt: PropTypes.string,\n  /** Specifies height of Image skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of Image skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n  /** Specifies whether the cap should be displayed during loading. */\n  logoSkeleton: PropTypes.bool,\n  /** Specifies height of Logo skeleton in loading state. */\n  logoSkeletonHeight: PropTypes.number,\n  /** Specifies width of Logo skeleton in loading state. */\n  logoSkeletonWidth: PropTypes.number,\n  /** Specifies loading type for images */\n  imageLoadingType: PropTypes.oneOf(['eager', 'lazy']),\n};\n\nCardImageCap.defaultProps = {\n  src: undefined,\n  fallbackSrc: cardSrcFallbackImg,\n  logoSrc: undefined,\n  fallbackLogoSrc: undefined,\n  className: undefined,\n  srcAlt: undefined,\n  logoAlt: undefined,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  logoSkeleton: false,\n  logoSkeletonHeight: LOGO_SKELETON_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n  logoSkeletonWidth: undefined,\n  imageLoadingType: 'eager',\n};\n\nexport default CardImageCap;\n"],"mappings":"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","ignoreList":[]}

package/dist/Card/CardSection.js

@@ -4,16 +4,15 @@ import classNames from 'classnames';
 import Skeleton from 'react-loading-skeleton';
 import CardContext from './CardContext';
 const SKELETON_HEIGHT_VALUE = 100;
-const CardSection = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    className,
-    children,
-    title,
-    actions,
-    muted,
-    skeletonHeight,
-    skeletonWidth
-  } = _ref;
+const CardSection = /*#__PURE__*/React.forwardRef(({
+  className,
+  children,
+  title,
+  actions,
+  muted,
+  skeletonHeight,
+  skeletonWidth
+}, ref) => {
   const {
     isLoading
   } = useContext(CardContext);

package/dist/Card/CardSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSection.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","SKELETON_HEIGHT_VALUE","CardSection","forwardRef","_ref","ref","className","children","title","actions","muted","skeletonHeight","skeletonWidth","isLoading","createElement","containerClassName","height","width","propTypes","string","node","bool","number","defaultProps","undefined"],"sources":["../../src/Card/CardSection.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst SKELETON_HEIGHT_VALUE = 100;\n\nconst CardSection = React.forwardRef(({\n  className,\n  children,\n  title,\n  actions,\n  muted,\n  skeletonHeight,\n  skeletonWidth,\n}, ref) => {\n  const { isLoading } = useContext(CardContext);\n\n  if (isLoading) {\n    return (\n      <div className={classNames('pgn__card-section', className, { 'is-muted': muted })}>\n        <Skeleton\n          containerClassName=\"pgn__card-section-loader\"\n          height={skeletonHeight}\n          width={skeletonWidth}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classNames('pgn__card-section', className, { 'is-muted': muted })}\n      ref={ref}\n    >\n      {title && <div className=\"pgn__card-section-title\">{title}</div>}\n      {children}\n      {actions && <div className=\"pgn__card-section-actions\">{actions}</div>}\n    </div>\n  );\n});\n\nCardSection.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies title of the `Section`. */\n  title: PropTypes.node,\n  /** Specifies node to render on the bottom right of the `Section` (i.e. `ActionRow`). */\n  actions: PropTypes.node,\n  /** Specifies whether to display `Section` with muted styling. */\n  muted: PropTypes.bool,\n  /** Specifies height of skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n};\n\nCardSection.defaultProps = {\n  children: null,\n  className: undefined,\n  title: undefined,\n  actions: undefined,\n  muted: false,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n};\n\nexport default CardSection;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,qBAAqB,GAAG,GAAG;AAEjC,MAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAAC,IAAA,EAQlCC,GAAG,KAAK;EAAA,IAR2B;IACpCC,SAAS;IACTC,QAAQ;IACRC,KAAK;IACLC,OAAO;IACPC,KAAK;IACLC,cAAc;IACdC;EACF,CAAC,GAAAR,IAAA;EACC,MAAM;IAAES;EAAU,CAAC,GAAGjB,UAAU,CAACI,WAAW,CAAC;EAE7C,IAAIa,SAAS,EAAE;IACb,oBACElB,KAAA,CAAAmB,aAAA;MAAKR,SAAS,EAAER,UAAU,CAAC,mBAAmB,EAAEQ,SAAS,EAAE;QAAE,UAAU,EAAEI;MAAM,CAAC;IAAE,gBAChFf,KAAA,CAAAmB,aAAA,CAACf,QAAQ;MACPgB,kBAAkB,EAAC,0BAA0B;MAC7CC,MAAM,EAAEL,cAAe;MACvBM,KAAK,EAAEL;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEjB,KAAA,CAAAmB,aAAA;IACER,SAAS,EAAER,UAAU,CAAC,mBAAmB,EAAEQ,SAAS,EAAE;MAAE,UAAU,EAAEI;IAAM,CAAC,CAAE;IAC7EL,GAAG,EAAEA;EAAI,GAERG,KAAK,iBAAIb,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAyB,GAAEE,KAAW,CAAC,EAC/DD,QAAQ,EACRE,OAAO,iBAAId,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA2B,GAAEG,OAAa,CAClE,CAAC;AAEV,CAAC,CAAC;AAEFP,WAAW,CAACgB,SAAS,GAAG;EACtB;EACAZ,SAAS,EAAET,SAAS,CAACsB,MAAM;EAC3B;EACAZ,QAAQ,EAAEV,SAAS,CAACuB,IAAI;EACxB;EACAZ,KAAK,EAAEX,SAAS,CAACuB,IAAI;EACrB;EACAX,OAAO,EAAEZ,SAAS,CAACuB,IAAI;EACvB;EACAV,KAAK,EAAEb,SAAS,CAACwB,IAAI;EACrB;EACAV,cAAc,EAAEd,SAAS,CAACyB,MAAM;EAChC;EACAV,aAAa,EAAEf,SAAS,CAACyB;AAC3B,CAAC;AAEDpB,WAAW,CAACqB,YAAY,GAAG;EACzBhB,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEkB,SAAS;EACpBhB,KAAK,EAAEgB,SAAS;EAChBf,OAAO,EAAEe,SAAS;EAClBd,KAAK,EAAE,KAAK;EACZC,cAAc,EAAEV,qBAAqB;EACrCW,aAAa,EAAEY;AACjB,CAAC;AAED,eAAetB,WAAW","ignoreList":[]}
+{"version":3,"file":"CardSection.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","SKELETON_HEIGHT_VALUE","CardSection","forwardRef","className","children","title","actions","muted","skeletonHeight","skeletonWidth","ref","isLoading","createElement","containerClassName","height","width","propTypes","string","node","bool","number","defaultProps","undefined"],"sources":["../../src/Card/CardSection.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst SKELETON_HEIGHT_VALUE = 100;\n\nconst CardSection = React.forwardRef(({\n  className,\n  children,\n  title,\n  actions,\n  muted,\n  skeletonHeight,\n  skeletonWidth,\n}, ref) => {\n  const { isLoading } = useContext(CardContext);\n\n  if (isLoading) {\n    return (\n      <div className={classNames('pgn__card-section', className, { 'is-muted': muted })}>\n        <Skeleton\n          containerClassName=\"pgn__card-section-loader\"\n          height={skeletonHeight}\n          width={skeletonWidth}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classNames('pgn__card-section', className, { 'is-muted': muted })}\n      ref={ref}\n    >\n      {title && <div className=\"pgn__card-section-title\">{title}</div>}\n      {children}\n      {actions && <div className=\"pgn__card-section-actions\">{actions}</div>}\n    </div>\n  );\n});\n\nCardSection.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies title of the `Section`. */\n  title: PropTypes.node,\n  /** Specifies node to render on the bottom right of the `Section` (i.e. `ActionRow`). */\n  actions: PropTypes.node,\n  /** Specifies whether to display `Section` with muted styling. */\n  muted: PropTypes.bool,\n  /** Specifies height of skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n};\n\nCardSection.defaultProps = {\n  children: null,\n  className: undefined,\n  title: undefined,\n  actions: undefined,\n  muted: false,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n};\n\nexport default CardSection;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,qBAAqB,GAAG,GAAG;AAEjC,MAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAC;EACpCC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,cAAc;EACdC;AACF,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM;IAAEC;EAAU,CAAC,GAAGhB,UAAU,CAACI,WAAW,CAAC;EAE7C,IAAIY,SAAS,EAAE;IACb,oBACEjB,KAAA,CAAAkB,aAAA;MAAKT,SAAS,EAAEN,UAAU,CAAC,mBAAmB,EAAEM,SAAS,EAAE;QAAE,UAAU,EAAEI;MAAM,CAAC;IAAE,gBAChFb,KAAA,CAAAkB,aAAA,CAACd,QAAQ;MACPe,kBAAkB,EAAC,0BAA0B;MAC7CC,MAAM,EAAEN,cAAe;MACvBO,KAAK,EAAEN;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEf,KAAA,CAAAkB,aAAA;IACET,SAAS,EAAEN,UAAU,CAAC,mBAAmB,EAAEM,SAAS,EAAE;MAAE,UAAU,EAAEI;IAAM,CAAC,CAAE;IAC7EG,GAAG,EAAEA;EAAI,GAERL,KAAK,iBAAIX,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAAyB,GAAEE,KAAW,CAAC,EAC/DD,QAAQ,EACRE,OAAO,iBAAIZ,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAA2B,GAAEG,OAAa,CAClE,CAAC;AAEV,CAAC,CAAC;AAEFL,WAAW,CAACe,SAAS,GAAG;EACtB;EACAb,SAAS,EAAEP,SAAS,CAACqB,MAAM;EAC3B;EACAb,QAAQ,EAAER,SAAS,CAACsB,IAAI;EACxB;EACAb,KAAK,EAAET,SAAS,CAACsB,IAAI;EACrB;EACAZ,OAAO,EAAEV,SAAS,CAACsB,IAAI;EACvB;EACAX,KAAK,EAAEX,SAAS,CAACuB,IAAI;EACrB;EACAX,cAAc,EAAEZ,SAAS,CAACwB,MAAM;EAChC;EACAX,aAAa,EAAEb,SAAS,CAACwB;AAC3B,CAAC;AAEDnB,WAAW,CAACoB,YAAY,GAAG;EACzBjB,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEmB,SAAS;EACpBjB,KAAK,EAAEiB,SAAS;EAChBhB,OAAO,EAAEgB,SAAS;EAClBf,KAAK,EAAE,KAAK;EACZC,cAAc,EAAER,qBAAqB;EACrCS,aAAa,EAAEa;AACjB,CAAC;AAED,eAAerB,WAAW","ignoreList":[]}

package/dist/Card/CardStatus.js

@@ -4,16 +4,15 @@ import classNames from 'classnames';
 import Skeleton from 'react-loading-skeleton';
 import Icon from '../Icon';
 import CardContext from './CardContext';
-const CardStatus = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    className,
-    children,
-    variant,
-    icon,
-    title,
-    actions,
-    ...props
-  } = _ref;
+const CardStatus = /*#__PURE__*/React.forwardRef(({
+  className,
+  children,
+  variant,
+  icon,
+  title,
+  actions,
+  ...props
+}, ref) => {
   const {
     isLoading
   } = useContext(CardContext);

package/dist/Card/CardStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardStatus.js","names":["React","useContext","PropTypes","classNames","Skeleton","Icon","CardContext","CardStatus","forwardRef","_ref","ref","className","children","variant","icon","title","actions","props","isLoading","createElement","src","propTypes","node","isRequired","string","func","oneOf","oneOfType","element","defaultProps","undefined"],"sources":["../../src/Card/CardStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport Icon from '../Icon';\nimport CardContext from './CardContext';\n\nconst CardStatus = React.forwardRef(({\n  className,\n  children,\n  variant,\n  icon,\n  title,\n  actions,\n  ...props\n}, ref) => {\n  const { isLoading } = useContext(CardContext);\n\n  if (isLoading) {\n    return (\n      <div\n        className={classNames(\n          'pgn__card-status',\n          className,\n        )}\n        data-testid=\"card-status-skeleton\"\n        ref={ref}\n      >\n        <Skeleton />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classNames(\n        'pgn__card-status',\n        `pgn__card-status__${variant}`,\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <div className=\"pgn__card-status__content\">\n        {icon && <Icon className=\"pgn__card-status__content-icon\" src={icon} />}\n        <div className=\"pgn__card-status__message-content\">\n          {title && <div className=\"pgn__card-status__heading\">{title}</div>}\n          {children}\n        </div>\n      </div>\n      {!!actions && (\n        <div className=\"pgn__card-status__actions\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n});\n\nCardStatus.propTypes = {\n  /** Specifies the content of the component. */\n  children: PropTypes.node.isRequired,\n  /** The class to append to the base element. */\n  className: PropTypes.string,\n  /** Icon that will be shown in the top-left corner. */\n  icon: PropTypes.func,\n  /** Specifies variant to use. */\n  variant: PropTypes.oneOf([\n    'primary',\n    'success',\n    'danger',\n    'warning',\n  ]),\n  /** Specifies title for the `Card.Status`. */\n  title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  /** Specifies any optional actions, e.g. button(s). */\n  actions: PropTypes.node,\n};\n\nCardStatus.defaultProps = {\n  className: undefined,\n  icon: undefined,\n  variant: 'warning',\n  title: undefined,\n  actions: undefined,\n};\n\nexport default CardStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,UAAU,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAAC,IAAA,EAQjCC,GAAG,KAAK;EAAA,IAR0B;IACnCC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC,IAAI;IACJC,KAAK;IACLC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAR,IAAA;EACC,MAAM;IAAES;EAAU,CAAC,GAAGjB,UAAU,CAACK,WAAW,CAAC;EAE7C,IAAIY,SAAS,EAAE;IACb,oBACElB,KAAA,CAAAmB,aAAA;MACER,SAAS,EAAER,UAAU,CACnB,kBAAkB,EAClBQ,SACF,CAAE;MACF,eAAY,sBAAsB;MAClCD,GAAG,EAAEA;IAAI,gBAETV,KAAA,CAAAmB,aAAA,CAACf,QAAQ,MAAE,CACR,CAAC;EAEV;EAEA,oBACEJ,KAAA,CAAAmB,aAAA;IACER,SAAS,EAAER,UAAU,CACnB,kBAAkB,EAClB,qBAAqBU,OAAO,EAAE,EAC9BF,SACF,CAAE;IACFD,GAAG,EAAEA,GAAI;IAAA,GACLO;EAAK,gBAETjB,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA2B,GACvCG,IAAI,iBAAId,KAAA,CAAAmB,aAAA,CAACd,IAAI;IAACM,SAAS,EAAC,gCAAgC;IAACS,GAAG,EAAEN;EAAK,CAAE,CAAC,eACvEd,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAmC,GAC/CI,KAAK,iBAAIf,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA2B,GAAEI,KAAW,CAAC,EACjEH,QACE,CACF,CAAC,EACL,CAAC,CAACI,OAAO,iBACRhB,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA2B,GACvCK,OACE,CAEJ,CAAC;AAEV,CAAC,CAAC;AAEFT,UAAU,CAACc,SAAS,GAAG;EACrB;EACAT,QAAQ,EAAEV,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAZ,SAAS,EAAET,SAAS,CAACsB,MAAM;EAC3B;EACAV,IAAI,EAAEZ,SAAS,CAACuB,IAAI;EACpB;EACAZ,OAAO,EAAEX,SAAS,CAACwB,KAAK,CAAC,CACvB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,CACV,CAAC;EACF;EACAX,KAAK,EAAEb,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAAC0B,OAAO,EAAE1B,SAAS,CAACsB,MAAM,CAAC,CAAC;EACjE;EACAR,OAAO,EAAEd,SAAS,CAACoB;AACrB,CAAC;AAEDf,UAAU,CAACsB,YAAY,GAAG;EACxBlB,SAAS,EAAEmB,SAAS;EACpBhB,IAAI,EAAEgB,SAAS;EACfjB,OAAO,EAAE,SAAS;EAClBE,KAAK,EAAEe,SAAS;EAChBd,OAAO,EAAEc;AACX,CAAC;AAED,eAAevB,UAAU","ignoreList":[]}
+{"version":3,"file":"CardStatus.js","names":["React","useContext","PropTypes","classNames","Skeleton","Icon","CardContext","CardStatus","forwardRef","className","children","variant","icon","title","actions","props","ref","isLoading","createElement","src","propTypes","node","isRequired","string","func","oneOf","oneOfType","element","defaultProps","undefined"],"sources":["../../src/Card/CardStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport Icon from '../Icon';\nimport CardContext from './CardContext';\n\nconst CardStatus = React.forwardRef(({\n  className,\n  children,\n  variant,\n  icon,\n  title,\n  actions,\n  ...props\n}, ref) => {\n  const { isLoading } = useContext(CardContext);\n\n  if (isLoading) {\n    return (\n      <div\n        className={classNames(\n          'pgn__card-status',\n          className,\n        )}\n        data-testid=\"card-status-skeleton\"\n        ref={ref}\n      >\n        <Skeleton />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classNames(\n        'pgn__card-status',\n        `pgn__card-status__${variant}`,\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <div className=\"pgn__card-status__content\">\n        {icon && <Icon className=\"pgn__card-status__content-icon\" src={icon} />}\n        <div className=\"pgn__card-status__message-content\">\n          {title && <div className=\"pgn__card-status__heading\">{title}</div>}\n          {children}\n        </div>\n      </div>\n      {!!actions && (\n        <div className=\"pgn__card-status__actions\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n});\n\nCardStatus.propTypes = {\n  /** Specifies the content of the component. */\n  children: PropTypes.node.isRequired,\n  /** The class to append to the base element. */\n  className: PropTypes.string,\n  /** Icon that will be shown in the top-left corner. */\n  icon: PropTypes.func,\n  /** Specifies variant to use. */\n  variant: PropTypes.oneOf([\n    'primary',\n    'success',\n    'danger',\n    'warning',\n  ]),\n  /** Specifies title for the `Card.Status`. */\n  title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  /** Specifies any optional actions, e.g. button(s). */\n  actions: PropTypes.node,\n};\n\nCardStatus.defaultProps = {\n  className: undefined,\n  icon: undefined,\n  variant: 'warning',\n  title: undefined,\n  actions: undefined,\n};\n\nexport default CardStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,UAAU,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAC;EACnCC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,IAAI;EACJC,KAAK;EACLC,OAAO;EACP,GAAGC;AACL,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM;IAAEC;EAAU,CAAC,GAAGhB,UAAU,CAACK,WAAW,CAAC;EAE7C,IAAIW,SAAS,EAAE;IACb,oBACEjB,KAAA,CAAAkB,aAAA;MACET,SAAS,EAAEN,UAAU,CACnB,kBAAkB,EAClBM,SACF,CAAE;MACF,eAAY,sBAAsB;MAClCO,GAAG,EAAEA;IAAI,gBAEThB,KAAA,CAAAkB,aAAA,CAACd,QAAQ,MAAE,CACR,CAAC;EAEV;EAEA,oBACEJ,KAAA,CAAAkB,aAAA;IACET,SAAS,EAAEN,UAAU,CACnB,kBAAkB,EAClB,qBAAqBQ,OAAO,EAAE,EAC9BF,SACF,CAAE;IACFO,GAAG,EAAEA,GAAI;IAAA,GACLD;EAAK,gBAETf,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAA2B,GACvCG,IAAI,iBAAIZ,KAAA,CAAAkB,aAAA,CAACb,IAAI;IAACI,SAAS,EAAC,gCAAgC;IAACU,GAAG,EAAEP;EAAK,CAAE,CAAC,eACvEZ,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAAmC,GAC/CI,KAAK,iBAAIb,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAA2B,GAAEI,KAAW,CAAC,EACjEH,QACE,CACF,CAAC,EACL,CAAC,CAACI,OAAO,iBACRd,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAA2B,GACvCK,OACE,CAEJ,CAAC;AAEV,CAAC,CAAC;AAEFP,UAAU,CAACa,SAAS,GAAG;EACrB;EACAV,QAAQ,EAAER,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAb,SAAS,EAAEP,SAAS,CAACqB,MAAM;EAC3B;EACAX,IAAI,EAAEV,SAAS,CAACsB,IAAI;EACpB;EACAb,OAAO,EAAET,SAAS,CAACuB,KAAK,CAAC,CACvB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,CACV,CAAC;EACF;EACAZ,KAAK,EAAEX,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACyB,OAAO,EAAEzB,SAAS,CAACqB,MAAM,CAAC,CAAC;EACjE;EACAT,OAAO,EAAEZ,SAAS,CAACmB;AACrB,CAAC;AAEDd,UAAU,CAACqB,YAAY,GAAG;EACxBnB,SAAS,EAAEoB,SAAS;EACpBjB,IAAI,EAAEiB,SAAS;EACflB,OAAO,EAAE,SAAS;EAClBE,KAAK,EAAEgB,SAAS;EAChBf,OAAO,EAAEe;AACX,CAAC;AAED,eAAetB,UAAU","ignoreList":[]}

package/dist/Card/index.js

@@ -12,16 +12,15 @@ import CardBody from './CardBody';
 import CardStatus from './CardStatus';
 import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
 export const CARD_VARIANTS = ['light', 'dark', 'muted'];
-const Card = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    orientation,
-    isLoading,
-    className,
-    isClickable,
-    muted,
-    variant,
-    ...props
-  } = _ref;
+const Card = /*#__PURE__*/React.forwardRef(({
+  orientation,
+  isLoading,
+  className,
+  isClickable,
+  muted,
+  variant,
+  ...props
+}, ref) => {
   const resolvedVariant = muted ? 'muted' : variant;
   return /*#__PURE__*/React.createElement(CardContextProvider, {
     orientation: orientation,