@openedx/paragon 23.14.1 → 23.14.3

package/dist/Breadcrumb/BreadcrumbLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.js","names":["React","PropTypes","classNames","BreadcrumbLink","_ref","as","clickHandler","linkProps","label","url","className","props","addtlProps","console","warn","href","onClick","createElement","propTypes","elementType","isRequired","func","shape","string","defaultProps","undefined"],"sources":["../../src/Breadcrumb/BreadcrumbLink.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nexport default function BreadcrumbLink({ as, clickHandler, linkProps }) {\n  const {\n    label,\n    url,\n    className,\n    ...props\n  } = linkProps;\n  const addtlProps = {};\n\n  if (as === 'a' && url) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      '[Deprecated]: using \"url\" parameter to specify link\\'s destination in Breadcrumb component is '\n      + 'deprecated. Please use \"href\" instead when rendering links as anchor tag.',\n    );\n    addtlProps.href = url;\n  }\n\n  if (clickHandler) {\n    addtlProps.onClick = clickHandler;\n  }\n\n  return React.createElement(\n    as,\n    {\n      ...props,\n      ...addtlProps,\n      className: classNames('link-muted', className),\n    },\n    label,\n  );\n}\n\nBreadcrumbLink.propTypes = {\n  as: PropTypes.elementType.isRequired,\n  clickHandler: PropTypes.func,\n  linkProps: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    url: PropTypes.string,\n    className: PropTypes.string,\n  }).isRequired,\n};\n\nBreadcrumbLink.defaultProps = {\n  clickHandler: undefined,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,eAAe,SAASC,cAAcA,CAAAC,IAAA,EAAkC;EAAA,IAAjC;IAAEC,EAAE;IAAEC,YAAY;IAAEC;EAAU,CAAC,GAAAH,IAAA;EACpE,MAAM;IACJI,KAAK;IACLC,GAAG;IACHC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGJ,SAAS;EACb,MAAMK,UAAU,GAAG,CAAC,CAAC;EAErB,IAAIP,EAAE,KAAK,GAAG,IAAII,GAAG,EAAE;IACrB;IACAI,OAAO,CAACC,IAAI,CACV,gGAAgG,GAC9F,2EACJ,CAAC;IACDF,UAAU,CAACG,IAAI,GAAGN,GAAG;EACvB;EAEA,IAAIH,YAAY,EAAE;IAChBM,UAAU,CAACI,OAAO,GAAGV,YAAY;EACnC;EAEA,oBAAON,KAAK,CAACiB,aAAa,CACxBZ,EAAE,EACF;IACE,GAAGM,KAAK;IACR,GAAGC,UAAU;IACbF,SAAS,EAAER,UAAU,CAAC,YAAY,EAAEQ,SAAS;EAC/C,CAAC,EACDF,KACF,CAAC;AACH;AAEAL,cAAc,CAACe,SAAS,GAAG;EACzBb,EAAE,EAAEJ,SAAS,CAACkB,WAAW,CAACC,UAAU;EACpCd,YAAY,EAAEL,SAAS,CAACoB,IAAI;EAC5Bd,SAAS,EAAEN,SAAS,CAACqB,KAAK,CAAC;IACzBd,KAAK,EAAEP,SAAS,CAACsB,MAAM,CAACH,UAAU;IAClCX,GAAG,EAAER,SAAS,CAACsB,MAAM;IACrBb,SAAS,EAAET,SAAS,CAACsB;EACvB,CAAC,CAAC,CAACH;AACL,CAAC;AAEDjB,cAAc,CAACqB,YAAY,GAAG;EAC5BlB,YAAY,EAAEmB;AAChB,CAAC","ignoreList":[]}
+{"version":3,"file":"BreadcrumbLink.js","names":["React","PropTypes","classNames","BreadcrumbLink","as","clickHandler","linkProps","label","url","className","props","addtlProps","console","warn","href","onClick","createElement","propTypes","elementType","isRequired","func","shape","string","defaultProps","undefined"],"sources":["../../src/Breadcrumb/BreadcrumbLink.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nexport default function BreadcrumbLink({ as, clickHandler, linkProps }) {\n  const {\n    label,\n    url,\n    className,\n    ...props\n  } = linkProps;\n  const addtlProps = {};\n\n  if (as === 'a' && url) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      '[Deprecated]: using \"url\" parameter to specify link\\'s destination in Breadcrumb component is '\n      + 'deprecated. Please use \"href\" instead when rendering links as anchor tag.',\n    );\n    addtlProps.href = url;\n  }\n\n  if (clickHandler) {\n    addtlProps.onClick = clickHandler;\n  }\n\n  return React.createElement(\n    as,\n    {\n      ...props,\n      ...addtlProps,\n      className: classNames('link-muted', className),\n    },\n    label,\n  );\n}\n\nBreadcrumbLink.propTypes = {\n  as: PropTypes.elementType.isRequired,\n  clickHandler: PropTypes.func,\n  linkProps: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    url: PropTypes.string,\n    className: PropTypes.string,\n  }).isRequired,\n};\n\nBreadcrumbLink.defaultProps = {\n  clickHandler: undefined,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,eAAe,SAASC,cAAcA,CAAC;EAAEC,EAAE;EAAEC,YAAY;EAAEC;AAAU,CAAC,EAAE;EACtE,MAAM;IACJC,KAAK;IACLC,GAAG;IACHC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGJ,SAAS;EACb,MAAMK,UAAU,GAAG,CAAC,CAAC;EAErB,IAAIP,EAAE,KAAK,GAAG,IAAII,GAAG,EAAE;IACrB;IACAI,OAAO,CAACC,IAAI,CACV,gGAAgG,GAC9F,2EACJ,CAAC;IACDF,UAAU,CAACG,IAAI,GAAGN,GAAG;EACvB;EAEA,IAAIH,YAAY,EAAE;IAChBM,UAAU,CAACI,OAAO,GAAGV,YAAY;EACnC;EAEA,oBAAOL,KAAK,CAACgB,aAAa,CACxBZ,EAAE,EACF;IACE,GAAGM,KAAK;IACR,GAAGC,UAAU;IACbF,SAAS,EAAEP,UAAU,CAAC,YAAY,EAAEO,SAAS;EAC/C,CAAC,EACDF,KACF,CAAC;AACH;AAEAJ,cAAc,CAACc,SAAS,GAAG;EACzBb,EAAE,EAAEH,SAAS,CAACiB,WAAW,CAACC,UAAU;EACpCd,YAAY,EAAEJ,SAAS,CAACmB,IAAI;EAC5Bd,SAAS,EAAEL,SAAS,CAACoB,KAAK,CAAC;IACzBd,KAAK,EAAEN,SAAS,CAACqB,MAAM,CAACH,UAAU;IAClCX,GAAG,EAAEP,SAAS,CAACqB,MAAM;IACrBb,SAAS,EAAER,SAAS,CAACqB;EACvB,CAAC,CAAC,CAACH;AACL,CAAC;AAEDhB,cAAc,CAACoB,YAAY,GAAG;EAC5BlB,YAAY,EAAEmB;AAChB,CAAC","ignoreList":[]}

package/dist/Breadcrumb/index.js

@@ -4,18 +4,17 @@ import classNames from 'classnames';
 import BreadcrumbLink from './BreadcrumbLink';
 import { ChevronRight } from '../../icons';
 import Icon from '../Icon';
-function Breadcrumb(_ref) {
-  let {
-    links,
-    activeLabel,
-    spacer,
-    clickHandler,
-    variant,
-    isMobile,
-    ariaLabel,
-    linkAs,
-    ...props
-  } = _ref;
+function Breadcrumb({
+  links,
+  activeLabel,
+  spacer,
+  clickHandler,
+  variant,
+  isMobile,
+  ariaLabel,
+  linkAs,
+  ...props
+}) {
   const linkCount = links.length;
   const displayLinks = isMobile ? [links[linkCount - 1]] : links;
   return /*#__PURE__*/React.createElement("nav", {

package/dist/Breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BreadcrumbLink","ChevronRight","Icon","Breadcrumb","_ref","links","activeLabel","spacer","clickHandler","variant","isMobile","ariaLabel","linkAs","props","linkCount","length","displayLinks","createElement","className","map","link","i","Fragment","key","label","as","linkProps","role","src","id","propTypes","arrayOf","shape","string","isRequired","element","func","oneOf","bool","elementType","defaultProps","undefined"],"sources":["../../src/Breadcrumb/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport BreadcrumbLink from './BreadcrumbLink';\nimport { ChevronRight } from '../../icons';\nimport Icon from '../Icon';\n\nfunction Breadcrumb({\n  links, activeLabel, spacer, clickHandler,\n  variant, isMobile, ariaLabel, linkAs, ...props\n}) {\n  const linkCount = links.length;\n  const displayLinks = isMobile ? [links[linkCount - 1]] : links;\n\n  return (\n    <nav\n      aria-label={ariaLabel}\n      className={classNames('pgn__breadcrumb', `pgn__breadcrumb-${variant}`)}\n      {...props}\n    >\n      <ol className={classNames('list-inline', { 'is-mobile': isMobile })}>\n        {displayLinks.map((link, i) => (\n          <React.Fragment key={link.label}>\n            <li className={classNames('list-inline-item')}>\n              <BreadcrumbLink as={linkAs} clickHandler={clickHandler} linkProps={link} />\n            </li>\n            {(activeLabel || ((i + 1) < linkCount))\n              && (\n              <li className=\"list-inline-item\" role=\"presentation\">\n                {spacer || <Icon src={ChevronRight} id={`spacer-${i}`} />}\n              </li>\n              )}\n          </React.Fragment>\n        ))}\n        {!isMobile && activeLabel && <li className=\"list-inline-item active\" key=\"active\" aria-current=\"page\">{activeLabel}</li>}\n      </ol>\n    </nav>\n  );\n}\n\nBreadcrumb.propTypes = {\n  /** An array of objects describing links to be rendered. The contents of an object depend on the value of `linkAs`\n   * prop as these objects will get passed down as props to the underlying component defined by `linkAs` prop.\n   */\n  links: PropTypes.arrayOf(PropTypes.shape({\n    label: PropTypes.string,\n  })).isRequired,\n  /** allows to add a label that is not a link to the end of the breadcrumb. */\n  activeLabel: PropTypes.string,\n  /** label of the element */\n  ariaLabel: PropTypes.string,\n  /** allows to add a custom element between the breadcrumb items.\n   * Defaults to `>` rendered using the `Icon` component. */\n  spacer: PropTypes.element,\n  /** allows to add a custom function to be called `onClick` of a breadcrumb link.\n   * The use case for this is for adding custom analytics to the component. */\n  clickHandler: PropTypes.func,\n  /** The `Breadcrumbs` style variant to use. */\n  variant: PropTypes.oneOf(['light', 'dark']),\n  /** The `Breadcrumbs` mobile variant view. */\n  isMobile: PropTypes.bool,\n  /** Specifies the base element to use when rendering links, you should generally use either plain 'a' or\n   * [react-router's Link](https://reactrouter.com/en/main/components/link).\n   */\n  linkAs: PropTypes.elementType,\n};\n\nBreadcrumb.defaultProps = {\n  activeLabel: undefined,\n  ariaLabel: 'breadcrumb',\n  spacer: undefined,\n  clickHandler: undefined,\n  variant: 'light',\n  isMobile: false,\n  linkAs: 'a',\n};\n\nexport default Breadcrumb;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,aAAa;AAC1C,OAAOC,IAAI,MAAM,SAAS;AAE1B,SAASC,UAAUA,CAAAC,IAAA,EAGhB;EAAA,IAHiB;IAClBC,KAAK;IAAEC,WAAW;IAAEC,MAAM;IAAEC,YAAY;IACxCC,OAAO;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,MAAM;IAAE,GAAGC;EAC3C,CAAC,GAAAT,IAAA;EACC,MAAMU,SAAS,GAAGT,KAAK,CAACU,MAAM;EAC9B,MAAMC,YAAY,GAAGN,QAAQ,GAAG,CAACL,KAAK,CAACS,SAAS,GAAG,CAAC,CAAC,CAAC,GAAGT,KAAK;EAE9D,oBACER,KAAA,CAAAoB,aAAA;IACE,cAAYN,SAAU;IACtBO,SAAS,EAAEnB,UAAU,CAAC,iBAAiB,EAAE,mBAAmBU,OAAO,EAAE,CAAE;IAAA,GACnEI;EAAK,gBAEThB,KAAA,CAAAoB,aAAA;IAAIC,SAAS,EAAEnB,UAAU,CAAC,aAAa,EAAE;MAAE,WAAW,EAAEW;IAAS,CAAC;EAAE,GACjEM,YAAY,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,kBACxBxB,KAAA,CAAAoB,aAAA,CAACpB,KAAK,CAACyB,QAAQ;IAACC,GAAG,EAAEH,IAAI,CAACI;EAAM,gBAC9B3B,KAAA,CAAAoB,aAAA;IAAIC,SAAS,EAAEnB,UAAU,CAAC,kBAAkB;EAAE,gBAC5CF,KAAA,CAAAoB,aAAA,CAACjB,cAAc;IAACyB,EAAE,EAAEb,MAAO;IAACJ,YAAY,EAAEA,YAAa;IAACkB,SAAS,EAAEN;EAAK,CAAE,CACxE,CAAC,EACJ,CAACd,WAAW,IAAMe,CAAC,GAAG,CAAC,GAAIP,SAAU,kBAEpCjB,KAAA,CAAAoB,aAAA;IAAIC,SAAS,EAAC,kBAAkB;IAACS,IAAI,EAAC;EAAc,GACjDpB,MAAM,iBAAIV,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAAC0B,GAAG,EAAE3B,YAAa;IAAC4B,EAAE,EAAE,UAAUR,CAAC;EAAG,CAAE,CACtD,CAEQ,CACjB,CAAC,EACD,CAACX,QAAQ,IAAIJ,WAAW,iBAAIT,KAAA,CAAAoB,aAAA;IAAIC,SAAS,EAAC,yBAAyB;IAACK,GAAG,EAAC,QAAQ;IAAC,gBAAa;EAAM,GAAEjB,WAAgB,CACrH,CACD,CAAC;AAEV;AAEAH,UAAU,CAAC2B,SAAS,GAAG;EACrB;AACF;AACA;EACEzB,KAAK,EAAEP,SAAS,CAACiC,OAAO,CAACjC,SAAS,CAACkC,KAAK,CAAC;IACvCR,KAAK,EAAE1B,SAAS,CAACmC;EACnB,CAAC,CAAC,CAAC,CAACC,UAAU;EACd;EACA5B,WAAW,EAAER,SAAS,CAACmC,MAAM;EAC7B;EACAtB,SAAS,EAAEb,SAAS,CAACmC,MAAM;EAC3B;AACF;EACE1B,MAAM,EAAET,SAAS,CAACqC,OAAO;EACzB;AACF;EACE3B,YAAY,EAAEV,SAAS,CAACsC,IAAI;EAC5B;EACA3B,OAAO,EAAEX,SAAS,CAACuC,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC3C;EACA3B,QAAQ,EAAEZ,SAAS,CAACwC,IAAI;EACxB;AACF;AACA;EACE1B,MAAM,EAAEd,SAAS,CAACyC;AACpB,CAAC;AAEDpC,UAAU,CAACqC,YAAY,GAAG;EACxBlC,WAAW,EAAEmC,SAAS;EACtB9B,SAAS,EAAE,YAAY;EACvBJ,MAAM,EAAEkC,SAAS;EACjBjC,YAAY,EAAEiC,SAAS;EACvBhC,OAAO,EAAE,OAAO;EAChBC,QAAQ,EAAE,KAAK;EACfE,MAAM,EAAE;AACV,CAAC;AAED,eAAeT,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BreadcrumbLink","ChevronRight","Icon","Breadcrumb","links","activeLabel","spacer","clickHandler","variant","isMobile","ariaLabel","linkAs","props","linkCount","length","displayLinks","createElement","className","map","link","i","Fragment","key","label","as","linkProps","role","src","id","propTypes","arrayOf","shape","string","isRequired","element","func","oneOf","bool","elementType","defaultProps","undefined"],"sources":["../../src/Breadcrumb/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport BreadcrumbLink from './BreadcrumbLink';\nimport { ChevronRight } from '../../icons';\nimport Icon from '../Icon';\n\nfunction Breadcrumb({\n  links, activeLabel, spacer, clickHandler,\n  variant, isMobile, ariaLabel, linkAs, ...props\n}) {\n  const linkCount = links.length;\n  const displayLinks = isMobile ? [links[linkCount - 1]] : links;\n\n  return (\n    <nav\n      aria-label={ariaLabel}\n      className={classNames('pgn__breadcrumb', `pgn__breadcrumb-${variant}`)}\n      {...props}\n    >\n      <ol className={classNames('list-inline', { 'is-mobile': isMobile })}>\n        {displayLinks.map((link, i) => (\n          <React.Fragment key={link.label}>\n            <li className={classNames('list-inline-item')}>\n              <BreadcrumbLink as={linkAs} clickHandler={clickHandler} linkProps={link} />\n            </li>\n            {(activeLabel || ((i + 1) < linkCount))\n              && (\n              <li className=\"list-inline-item\" role=\"presentation\">\n                {spacer || <Icon src={ChevronRight} id={`spacer-${i}`} />}\n              </li>\n              )}\n          </React.Fragment>\n        ))}\n        {!isMobile && activeLabel && <li className=\"list-inline-item active\" key=\"active\" aria-current=\"page\">{activeLabel}</li>}\n      </ol>\n    </nav>\n  );\n}\n\nBreadcrumb.propTypes = {\n  /** An array of objects describing links to be rendered. The contents of an object depend on the value of `linkAs`\n   * prop as these objects will get passed down as props to the underlying component defined by `linkAs` prop.\n   */\n  links: PropTypes.arrayOf(PropTypes.shape({\n    label: PropTypes.string,\n  })).isRequired,\n  /** allows to add a label that is not a link to the end of the breadcrumb. */\n  activeLabel: PropTypes.string,\n  /** label of the element */\n  ariaLabel: PropTypes.string,\n  /** allows to add a custom element between the breadcrumb items.\n   * Defaults to `>` rendered using the `Icon` component. */\n  spacer: PropTypes.element,\n  /** allows to add a custom function to be called `onClick` of a breadcrumb link.\n   * The use case for this is for adding custom analytics to the component. */\n  clickHandler: PropTypes.func,\n  /** The `Breadcrumbs` style variant to use. */\n  variant: PropTypes.oneOf(['light', 'dark']),\n  /** The `Breadcrumbs` mobile variant view. */\n  isMobile: PropTypes.bool,\n  /** Specifies the base element to use when rendering links, you should generally use either plain 'a' or\n   * [react-router's Link](https://reactrouter.com/en/main/components/link).\n   */\n  linkAs: PropTypes.elementType,\n};\n\nBreadcrumb.defaultProps = {\n  activeLabel: undefined,\n  ariaLabel: 'breadcrumb',\n  spacer: undefined,\n  clickHandler: undefined,\n  variant: 'light',\n  isMobile: false,\n  linkAs: 'a',\n};\n\nexport default Breadcrumb;\n"],"mappings":"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","ignoreList":[]}

package/dist/Bubble/index.d.ts

@@ -1,11 +1,15 @@
 import React from 'react';
-declare const STYLE_VARIANTS: readonly ["primary", "success", "error", "warning"];
-export type BubbleVariant = typeof STYLE_VARIANTS[number];
+export type BubbleVariant = 'primary' | 'success' | 'error' | 'warning';
 export interface BubbleProps {
+    /** Specifies contents of the component. */
     children: React.ReactNode;
+    /** The `Bubble` style variant to use. */
     variant?: BubbleVariant;
+    /** Activates disabled variant. */
     disabled?: boolean;
+    /** Optional class name(s) to append to the base element. */
     className?: string;
+    /** Specifies whether to add padding to the `Bubble` or not. */
     expandable?: boolean;
 }
 declare const Bubble: React.ForwardRefExoticComponent<BubbleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Bubble/index.js

@@ -1,44 +1,19 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
-const STYLE_VARIANTS = ['primary', 'success', 'error', 'warning'];
-const Bubble = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    variant,
-    className,
-    children,
+const Bubble = /*#__PURE__*/React.forwardRef(({
+  variant = 'primary',
+  className,
+  children = null,
+  disabled = false,
+  expandable = false,
+  ...props
+}, ref) => /*#__PURE__*/React.createElement("div", {
+  ref: ref,
+  className: classNames('pgn__bubble', `pgn__bubble-${variant}`, className, {
     disabled,
-    expandable,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: classNames('pgn__bubble', `pgn__bubble-${variant}`, className, {
-      disabled,
-      expandable
-    }),
-    ...props
-  }, children);
-});
-Bubble.propTypes = {
-  /** Specifies contents of the component. */
-  // @ts-ignore
-  children: PropTypes.node,
-  /** The `Bubble` style variant to use. */
-  variant: PropTypes.oneOf(STYLE_VARIANTS),
-  /** Activates disabled variant. */
-  disabled: PropTypes.bool,
-  /** A class name to append to the base element. */
-  className: PropTypes.string,
-  /** Specifies whether to add padding to the `Bubble` or not. */
-  expandable: PropTypes.bool
-};
-Bubble.defaultProps = {
-  children: null,
-  variant: 'primary',
-  disabled: false,
-  className: undefined,
-  expandable: false
-};
+    expandable
+  }),
+  ...props
+}, children));
 export default Bubble;
 //# sourceMappingURL=index.js.map

package/dist/Bubble/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","STYLE_VARIANTS","Bubble","forwardRef","_ref","ref","variant","className","children","disabled","expandable","props","createElement","propTypes","node","oneOf","bool","string","defaultProps","undefined"],"sources":["../../src/Bubble/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst STYLE_VARIANTS = ['primary', 'success', 'error', 'warning'] as const;\n\nexport type BubbleVariant = typeof STYLE_VARIANTS[number];\n\nexport interface BubbleProps {\n  children: React.ReactNode;\n  variant?: BubbleVariant;\n  disabled?: boolean;\n  className?: string;\n  expandable?: boolean;\n}\n\nconst Bubble = React.forwardRef<HTMLDivElement, BubbleProps>(({\n  variant,\n  className,\n  children,\n  disabled,\n  expandable,\n  ...props\n}, ref) => (\n  <div\n    ref={ref}\n    className={classNames(\n      'pgn__bubble',\n      `pgn__bubble-${variant}`,\n      className,\n      { disabled, expandable },\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n));\n\nBubble.propTypes = {\n  /** Specifies contents of the component. */\n  // @ts-ignore\n  children: PropTypes.node,\n  /** The `Bubble` style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\n  /** Activates disabled variant. */\n  disabled: PropTypes.bool,\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies whether to add padding to the `Bubble` or not. */\n  expandable: PropTypes.bool,\n};\n\nBubble.defaultProps = {\n  children: null,\n  variant: 'primary',\n  disabled: false,\n  className: undefined,\n  expandable: false,\n};\n\nexport default Bubble;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,cAAc,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU;AAY1E,MAAMC,MAAM,gBAAGJ,KAAK,CAACK,UAAU,CAA8B,CAAAC,IAAA,EAO1DC,GAAG;EAAA,IAPwD;IAC5DC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,QAAQ;IACRC,UAAU;IACV,GAAGC;EACL,CAAC,GAAAP,IAAA;EAAA,oBACCN,KAAA,CAAAc,aAAA;IACEP,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAEP,UAAU,CACnB,aAAa,EACb,eAAeM,OAAO,EAAE,EACxBC,SAAS,EACT;MAAEE,QAAQ;MAAEC;IAAW,CACzB,CAAE;IAAA,GACEC;EAAK,GAERH,QACE,CAAC;AAAA,CACP,CAAC;AAEFN,MAAM,CAACW,SAAS,GAAG;EACjB;EACA;EACAL,QAAQ,EAAET,SAAS,CAACe,IAAI;EACxB;EACAR,OAAO,EAAEP,SAAS,CAACgB,KAAK,CAACd,cAAc,CAAC;EACxC;EACAQ,QAAQ,EAAEV,SAAS,CAACiB,IAAI;EACxB;EACAT,SAAS,EAAER,SAAS,CAACkB,MAAM;EAC3B;EACAP,UAAU,EAAEX,SAAS,CAACiB;AACxB,CAAC;AAEDd,MAAM,CAACgB,YAAY,GAAG;EACpBV,QAAQ,EAAE,IAAI;EACdF,OAAO,EAAE,SAAS;EAClBG,QAAQ,EAAE,KAAK;EACfF,SAAS,EAAEY,SAAS;EACpBT,UAAU,EAAE;AACd,CAAC;AAED,eAAeR,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classNames","Bubble","forwardRef","variant","className","children","disabled","expandable","props","ref","createElement"],"sources":["../../src/Bubble/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nexport type BubbleVariant = 'primary' | 'success' | 'error' | 'warning';\n\nexport interface BubbleProps {\n  /** Specifies contents of the component. */\n  children: React.ReactNode;\n  /** The `Bubble` style variant to use. */\n  variant?: BubbleVariant;\n  /** Activates disabled variant. */\n  disabled?: boolean;\n  /** Optional class name(s) to append to the base element. */\n  className?: string;\n  /** Specifies whether to add padding to the `Bubble` or not. */\n  expandable?: boolean;\n}\n\nconst Bubble = React.forwardRef(({\n  variant = 'primary',\n  className,\n  children = null,\n  disabled = false,\n  expandable = false,\n  ...props\n}: BubbleProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n  <div\n    ref={ref}\n    className={classNames(\n      'pgn__bubble',\n      `pgn__bubble-${variant}`,\n      className,\n      { disabled, expandable },\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n));\n\nexport default Bubble;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAiBnC,MAAMC,MAAM,gBAAGF,KAAK,CAACG,UAAU,CAAC,CAAC;EAC/BC,OAAO,GAAG,SAAS;EACnBC,SAAS;EACTC,QAAQ,GAAG,IAAI;EACfC,QAAQ,GAAG,KAAK;EAChBC,UAAU,GAAG,KAAK;EAClB,GAAGC;AACQ,CAAC,EAAEC,GAAuC,kBACrDV,KAAA,CAAAW,aAAA;EACED,GAAG,EAAEA,GAAI;EACTL,SAAS,EAAEJ,UAAU,CACnB,aAAa,EACb,eAAeG,OAAO,EAAE,EACxBC,SAAS,EACT;IAAEE,QAAQ;IAAEC;EAAW,CACzB,CAAE;EAAA,GACEC;AAAK,GAERH,QACE,CACN,CAAC;AAEF,eAAeJ,MAAM","ignoreList":[]}

package/dist/Button/index.d.ts

@@ -1,9 +1,18 @@
 import React from 'react';
 import { type ButtonProps as BaseButtonProps } from 'react-bootstrap/Button';
 import { type ButtonGroupProps as BaseButtonGroupProps } from 'react-bootstrap/ButtonGroup';
-import { type ButtonToolbarProps } from 'react-bootstrap/ButtonToolbar';
+import { type ButtonToolbarProps as BaseButtonToolbarProps } from 'react-bootstrap/ButtonToolbar';
 import type { ComponentWithAsProp } from '../utils/types/bootstrap';
-interface ButtonProps extends Omit<BaseButtonProps, 'size'> {
+type BaseVariant = ('primary' | 'secondary' | 'tertiary' | 'brand' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'link');
+/**
+ * This was added so these types could be added as a non-breaking change.
+ * @deprecated - remove in Paragon 24
+ */
+type OtherDeprecatedValue = string & {};
+export interface ButtonProps extends Omit<BaseButtonProps, 'size'> {
+    /** Set a custom element for this component (default: `button`, with `type="button"`). */
+    as?: React.ElementType;
+    size?: 'sm' | 'md' | 'lg' | 'inline';
     /**
      * An icon component to render. Example:
      * ```
@@ -20,16 +29,42 @@ interface ButtonProps extends Omit<BaseButtonProps, 'size'> {
      * ```
      */
     iconAfter?: React.ComponentType;
-    size?: 'sm' | 'md' | 'lg' | 'inline';
+    /** Disables the Button, preventing mouse events, even if the underlying component is an `<a>` element */
+    disabled?: boolean;
+    /** Optional: Specify additional class name(s) to apply to the button */
+    className?: string;
+    /** Specifies the text that is displayed within the button. */
+    children: React.ReactNode;
+    /** Specifies variant to use.
+     * Can be one of the base variants: `primary`, `secondary`, `tertiary`, `brand`, `success`, `danger`, `warning`,
+     * `info`, `dark`, `light`, `link`,
+     * as well as one of the customized variants (= base variant prefixed with `inverse-`, `outline-`
+     * or `inverse-outline-`)
+     * */
+    variant?: BaseVariant | `inverse-${BaseVariant}` | `outline-${BaseVariant}` | `inverse-outline-${BaseVariant}` | OtherDeprecatedValue;
 }
-type ButtonType = ComponentWithAsProp<'button', ButtonProps> & {
-    Deprecated?: any;
-};
-declare const Button: ButtonType;
+declare const Button: ComponentWithAsProp<'button', ButtonProps>;
 interface ButtonGroupProps extends Omit<BaseButtonGroupProps, 'size'> {
+    /** Specifies element type for this component. */
+    as?: React.ElementType;
+    /** An ARIA role describing the button group (default: `group`). */
+    role?: React.AriaRole;
+    /** Specifies the size for all Buttons in the group (default: `md`). */
     size?: 'sm' | 'md' | 'lg' | 'inline';
+    /** Display as a button toggle group (default: `false`). */
+    toggle?: boolean;
+    /** Specifies if the set of Buttons should appear vertically stacked (default: `false`). */
+    vertical?: boolean;
+    /** Overrides underlying component base CSS class name (default: `btn-group`). */
+    bsPrefix?: string;
 }
 declare const ButtonGroup: ComponentWithAsProp<'div', ButtonGroupProps>;
+interface ButtonToolbarProps extends BaseButtonToolbarProps {
+    /** An ARIA role describing the button group (default: `toolbar`). */
+    role?: React.AriaRole;
+    /** Overrides underlying component base CSS class name (default: `btn-toolbar`) */
+    bsPrefix?: string;
+}
 declare const ButtonToolbar: ComponentWithAsProp<'div', ButtonToolbarProps>;
 export default Button;
 export { ButtonGroup, ButtonToolbar };

package/dist/Button/index.js

@@ -1,130 +1,58 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import BaseButton from 'react-bootstrap/Button';
 import BaseButtonGroup from 'react-bootstrap/ButtonGroup';
 import BaseButtonToolbar from 'react-bootstrap/ButtonToolbar';
 import Icon from '../Icon';
-const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    iconAfter,
-    iconBefore,
-    size,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement(BaseButton, {
-    size: size // Bootstrap's <Button> types do not allow 'md' or 'inline', but we do.
-    ,
-    ...props,
-    className: classNames(props.className),
-    ref: ref
-  }, iconBefore && /*#__PURE__*/React.createElement(Icon, {
-    className: "btn-icon-before",
-    size: size,
-    src: iconBefore
-  }), children, iconAfter && /*#__PURE__*/React.createElement(Icon, {
-    className: "btn-icon-after",
-    size: size,
-    src: iconAfter
-  }));
-});
-Button.propTypes = {
-  /** Specifies class name to apply to the button */
-  className: PropTypes.string,
-  /** Disables the Button, preventing mouse events, even if the underlying component is an `<a>` element */
-  disabled: PropTypes.bool,
-  /** Specifies the text that is displayed within the button. */
-  children: PropTypes.node.isRequired,
-  /** A function that would specify what the button should do when the `onClick` event is triggered.
-   * For example, the button could launch a `Modal`. The default is an empty function. */
-  onClick: PropTypes.func,
-  /** A function that would specify what the button should do when the `onKeyDown` event is triggered.
-   * For example, this could handle using the `Escape` key to trigger the button's action.
-   * The default is an empty function. */
-  onKeyDown: PropTypes.func,
-  /** Used to set the `type` attribute on the `button` tag.  The default type is `button`. */
-  type: PropTypes.string,
-  /** Specifies variant to use.
-   * Can be on of the base variants: `primary`, `secondary`, `success`, `danger`, `warning`, `info`, `dark`,
-   * `light`, `link`
-   *
-   * as well as one of the customized variants (= base variant prefixed with `inverse-`, `outline-`
-   * or `inverse-outline-`)
-   * */
-  variant: PropTypes.string,
-  /** An icon component to render.
-  * Example import of a Paragon icon component: `import { Check } from '@openedx/paragon/icons';` */
-  iconBefore: PropTypes.elementType,
-  /** An icon component to render.
-  * Example import of a Paragon icon component: `import { Check } from '@openedx/paragon/icons';` */
-  iconAfter: PropTypes.elementType
-  // The 'as' type casting above is required for TypeScript checking, because the 'PropTypes.elementType' type normally
-  // allows strings as a value (for use cases like 'div') but we don't support that for <Icon />/iconBefore/iconAfter.
-  // The React TypeScript type definitions are more specific (React.ComponentType vs React.ElementType).
-};
-Button.defaultProps = {
-  ...Button.defaultProps,
-  children: undefined,
-  className: undefined,
-  iconBefore: undefined,
-  iconAfter: undefined,
-  disabled: false
-};
 
-// We could just re-export 'ButtonGroup' and 'ButtonToolbar', but we currently
-// override them to add propTypes validation at runtime, since most Paragon
-// consumers aren't using TypeScript yet. We also force ButtonGroup's 'size'
-// prop to accept our custom values of 'md' and 'inline' which are used in
-// Paragon but not used in the base Bootstrap classes.
+/**
+ * This was added so these types could be added as a non-breaking change.
+ * @deprecated - remove in Paragon 24
+ */
+// Allow any other string value for now, even though it's invalid
+
+const Button = /*#__PURE__*/React.forwardRef(({
+  children,
+  iconAfter,
+  iconBefore,
+  size,
+  ...props
+}, ref) => /*#__PURE__*/React.createElement(BaseButton, {
+  size: size // Bootstrap's <Button> types do not allow 'md' or 'inline', but we do.
+  ,
+  ...props,
+  className: classNames(props.className),
+  ref: ref
+}, iconBefore && /*#__PURE__*/React.createElement(Icon, {
+  className: "btn-icon-before",
+  size: size,
+  src: iconBefore
+}), children, iconAfter && /*#__PURE__*/React.createElement(Icon, {
+  className: "btn-icon-after",
+  size: size,
+  src: iconAfter
+})));
+
+// We could just re-export 'ButtonGroup', but we currently override it to
+// force ButtonGroup's 'size' prop to accept our custom values of 'md' and
+// 'inline' which are used in Paragon but not used in the base Bootstrap classes.
+
+const ButtonGroup = /*#__PURE__*/React.forwardRef(({
+  size = 'md',
+  ...props
+}, ref) => /*#__PURE__*/React.createElement(BaseButtonGroup, {
+  size: size,
+  ...props,
+  ref: ref
+}));
+
+// We could just re-export 'ButtonToolbar', but we currently override it to
+// narrow the type of 'role' to valid roles and to document its properties.
 
-const ButtonGroup = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
-  let {
-    size,
-    ...props
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(BaseButtonGroup, {
-    size: size,
-    ...props,
-    ref: ref
-  });
-});
-ButtonGroup.propTypes = {
-  /** Specifies element type for this component. */
-  as: PropTypes.elementType,
-  /** An ARIA role describing the button group. */
-  role: PropTypes.string,
-  /** Specifies the size for all Buttons in the group. */
-  size: PropTypes.oneOf(['sm', 'md', 'lg', 'inline']),
-  /** Display as a button toggle group. */
-  toggle: PropTypes.bool,
-  /** Specifies if the set of Buttons should appear vertically stacked. */
-  vertical: PropTypes.bool,
-  /** Overrides underlying component base CSS class name */
-  bsPrefix: PropTypes.string
-};
-ButtonGroup.defaultProps = {
-  as: 'div',
-  role: 'group',
-  toggle: false,
-  vertical: false,
-  bsPrefix: 'btn-group',
-  size: 'md'
-};
 const ButtonToolbar = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(BaseButtonToolbar, {
   ...props,
   ref: ref
 }));
-ButtonToolbar.propTypes = {
-  /** An ARIA role describing the button group. */
-  role: PropTypes.string,
-  /** Overrides underlying component base CSS class name */
-  bsPrefix: PropTypes.string
-};
-ButtonToolbar.defaultProps = {
-  role: 'toolbar',
-  bsPrefix: 'btn-toolbar'
-};
 export default Button;
 export { ButtonGroup, ButtonToolbar };
 //# sourceMappingURL=index.js.map

package/dist/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseButton","BaseButtonGroup","BaseButtonToolbar","Icon","Button","forwardRef","_ref","ref","children","iconAfter","iconBefore","size","props","createElement","className","src","propTypes","string","disabled","bool","node","isRequired","onClick","func","onKeyDown","type","variant","elementType","defaultProps","undefined","ButtonGroup","_ref2","as","role","oneOf","toggle","vertical","bsPrefix","ButtonToolbar"],"sources":["../../src/Button/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes, { type Requireable } from 'prop-types';\nimport classNames from 'classnames';\nimport BaseButton, { type ButtonProps as BaseButtonProps } from 'react-bootstrap/Button';\nimport BaseButtonGroup, { type ButtonGroupProps as BaseButtonGroupProps } from 'react-bootstrap/ButtonGroup';\nimport BaseButtonToolbar, { type ButtonToolbarProps } from 'react-bootstrap/ButtonToolbar';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nimport Icon from '../Icon';\n\ninterface ButtonProps extends Omit<BaseButtonProps, 'size'> {\n  /**\n   * An icon component to render. Example:\n   * ```\n   * import { Close } from '@openedx/paragon/icons';\n   * <Button iconBefore={Close}>Close</Button>\n   * ```\n   */\n  iconBefore?: React.ComponentType;\n  /**\n   * An icon component to render. Example:\n   * ```\n   * import { Close } from '@openedx/paragon/icons';\n   * <Button iconAfter={Close}>Close</Button>\n   * ```\n   */\n  iconAfter?: React.ComponentType;\n  size?: 'sm' | 'md' | 'lg' | 'inline';\n}\n\ntype ButtonType = ComponentWithAsProp<'button', ButtonProps> & { Deprecated?: any };\n\nconst Button: ButtonType = React.forwardRef<HTMLButtonElement, ButtonProps>(({\n  children,\n  iconAfter,\n  iconBefore,\n  size,\n  ...props\n}, ref) => (\n  <BaseButton\n    size={size as 'sm' | 'lg' | undefined} // Bootstrap's <Button> types do not allow 'md' or 'inline', but we do.\n    {...props}\n    className={classNames(props.className)}\n    ref={ref}\n  >\n    {iconBefore && <Icon className=\"btn-icon-before\" size={size} src={iconBefore} />}\n    {children}\n    {iconAfter && <Icon className=\"btn-icon-after\" size={size} src={iconAfter} />}\n  </BaseButton>\n));\n\nButton.propTypes = {\n  /** Specifies class name to apply to the button */\n  className: PropTypes.string,\n  /** Disables the Button, preventing mouse events, even if the underlying component is an `<a>` element */\n  disabled: PropTypes.bool,\n  /** Specifies the text that is displayed within the button. */\n  children: PropTypes.node.isRequired,\n  /** A function that would specify what the button should do when the `onClick` event is triggered.\n   * For example, the button could launch a `Modal`. The default is an empty function. */\n  onClick: PropTypes.func,\n  /** A function that would specify what the button should do when the `onKeyDown` event is triggered.\n   * For example, this could handle using the `Escape` key to trigger the button's action.\n   * The default is an empty function. */\n  onKeyDown: PropTypes.func,\n  /** Used to set the `type` attribute on the `button` tag.  The default type is `button`. */\n  type: PropTypes.string,\n  /** Specifies variant to use.\n   * Can be on of the base variants: `primary`, `secondary`, `success`, `danger`, `warning`, `info`, `dark`,\n   * `light`, `link`\n   *\n   * as well as one of the customized variants (= base variant prefixed with `inverse-`, `outline-`\n   * or `inverse-outline-`)\n   * */\n  variant: PropTypes.string,\n  /** An icon component to render.\n  * Example import of a Paragon icon component: `import { Check } from '@openedx/paragon/icons';` */\n  iconBefore: PropTypes.elementType as Requireable<React.ComponentType>,\n  /** An icon component to render.\n  * Example import of a Paragon icon component: `import { Check } from '@openedx/paragon/icons';` */\n  iconAfter: PropTypes.elementType as Requireable<React.ComponentType>,\n  // The 'as' type casting above is required for TypeScript checking, because the 'PropTypes.elementType' type normally\n  // allows strings as a value (for use cases like 'div') but we don't support that for <Icon />/iconBefore/iconAfter.\n  // The React TypeScript type definitions are more specific (React.ComponentType vs React.ElementType).\n};\n\nButton.defaultProps = {\n  ...Button.defaultProps,\n  children: undefined,\n  className: undefined,\n  iconBefore: undefined,\n  iconAfter: undefined,\n  disabled: false,\n};\n\n// We could just re-export 'ButtonGroup' and 'ButtonToolbar', but we currently\n// override them to add propTypes validation at runtime, since most Paragon\n// consumers aren't using TypeScript yet. We also force ButtonGroup's 'size'\n// prop to accept our custom values of 'md' and 'inline' which are used in\n// Paragon but not used in the base Bootstrap classes.\n\ninterface ButtonGroupProps extends Omit<BaseButtonGroupProps, 'size'> {\n  size?: 'sm' | 'md' | 'lg' | 'inline';\n}\n\nconst ButtonGroup: ComponentWithAsProp<'div', ButtonGroupProps> = (\n  React.forwardRef<HTMLButtonElement, ButtonGroupProps>(({ size, ...props }, ref) => (\n    <BaseButtonGroup size={size as 'sm' | 'lg'} {...props} ref={ref} />\n  ))\n);\n\nButtonGroup.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** An ARIA role describing the button group. */\n  role: PropTypes.string,\n  /** Specifies the size for all Buttons in the group. */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'inline']),\n  /** Display as a button toggle group. */\n  toggle: PropTypes.bool,\n  /** Specifies if the set of Buttons should appear vertically stacked. */\n  vertical: PropTypes.bool,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nButtonGroup.defaultProps = {\n  as: 'div',\n  role: 'group',\n  toggle: false,\n  vertical: false,\n  bsPrefix: 'btn-group',\n  size: 'md',\n};\n\nconst ButtonToolbar: ComponentWithAsProp<'div', ButtonToolbarProps> = (\n  React.forwardRef<HTMLButtonElement, ButtonToolbarProps>((props, ref) => (\n    <BaseButtonToolbar {...props} ref={ref} />\n  ))\n);\n\nButtonToolbar.propTypes = {\n  /** An ARIA role describing the button group. */\n  role: PropTypes.string,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nButtonToolbar.defaultProps = {\n  role: 'toolbar',\n  bsPrefix: 'btn-toolbar',\n};\n\nexport default Button;\nexport { ButtonGroup, ButtonToolbar };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classNames","BaseButton","BaseButtonGroup","BaseButtonToolbar","Icon","Button","forwardRef","children","iconAfter","iconBefore","size","props","ref","createElement","className","src","ButtonGroup","ButtonToolbar"],"sources":["../../src/Button/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport BaseButton, { type ButtonProps as BaseButtonProps } from 'react-bootstrap/Button';\nimport BaseButtonGroup, { type ButtonGroupProps as BaseButtonGroupProps } from 'react-bootstrap/ButtonGroup';\nimport BaseButtonToolbar, { type ButtonToolbarProps as BaseButtonToolbarProps } from 'react-bootstrap/ButtonToolbar';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nimport Icon from '../Icon';\n\ntype BaseVariant = (\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'brand'\n  | 'success'\n  | 'danger'\n  | 'warning'\n  | 'info'\n  | 'dark'\n  | 'light'\n  | 'link'\n);\n\n/**\n * This was added so these types could be added as a non-breaking change.\n * @deprecated - remove in Paragon 24\n */\ntype OtherDeprecatedValue = string & {}; // Allow any other string value for now, even though it's invalid\n\nexport interface ButtonProps extends Omit<BaseButtonProps, 'size'> {\n  /** Set a custom element for this component (default: `button`, with `type=\"button\"`). */\n  as?: React.ElementType;\n  size?: 'sm' | 'md' | 'lg' | 'inline';\n  /**\n   * An icon component to render. Example:\n   * ```\n   * import { Close } from '@openedx/paragon/icons';\n   * <Button iconBefore={Close}>Close</Button>\n   * ```\n   */\n  iconBefore?: React.ComponentType;\n  /**\n   * An icon component to render. Example:\n   * ```\n   * import { Close } from '@openedx/paragon/icons';\n   * <Button iconAfter={Close}>Close</Button>\n   * ```\n   */\n  iconAfter?: React.ComponentType;\n\n  // The following are the same as in BaseButtonProps, but we re-define them to add documentation.\n  // The upstream type defintions do not have any comments/docs.\n\n  /** Disables the Button, preventing mouse events, even if the underlying component is an `<a>` element */\n  disabled?: boolean;\n  /** Optional: Specify additional class name(s) to apply to the button */\n  className?: string;\n  /** Specifies the text that is displayed within the button. */\n  children: React.ReactNode;\n  /** Specifies variant to use.\n   * Can be one of the base variants: `primary`, `secondary`, `tertiary`, `brand`, `success`, `danger`, `warning`,\n   * `info`, `dark`, `light`, `link`,\n   * as well as one of the customized variants (= base variant prefixed with `inverse-`, `outline-`\n   * or `inverse-outline-`)\n   * */\n  variant?: BaseVariant | `inverse-${BaseVariant}` | `outline-${BaseVariant}` | `inverse-outline-${BaseVariant}` | OtherDeprecatedValue;\n}\n\nconst Button: ComponentWithAsProp<'button', ButtonProps> = React.forwardRef(({\n  children,\n  iconAfter,\n  iconBefore,\n  size,\n  ...props\n}: ButtonProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n  <BaseButton\n    size={size as 'sm' | 'lg' | undefined} // Bootstrap's <Button> types do not allow 'md' or 'inline', but we do.\n    {...props}\n    className={classNames(props.className)}\n    ref={ref}\n  >\n    {iconBefore && <Icon className=\"btn-icon-before\" size={size} src={iconBefore} />}\n    {children}\n    {iconAfter && <Icon className=\"btn-icon-after\" size={size} src={iconAfter} />}\n  </BaseButton>\n));\n\n// We could just re-export 'ButtonGroup', but we currently override it to\n// force ButtonGroup's 'size' prop to accept our custom values of 'md' and\n// 'inline' which are used in Paragon but not used in the base Bootstrap classes.\n\ninterface ButtonGroupProps extends Omit<BaseButtonGroupProps, 'size'> {\n  /** Specifies element type for this component. */\n  as?: React.ElementType;\n  /** An ARIA role describing the button group (default: `group`). */\n  role?: React.AriaRole;\n  /** Specifies the size for all Buttons in the group (default: `md`). */\n  size?: 'sm' | 'md' | 'lg' | 'inline';\n  /** Display as a button toggle group (default: `false`). */\n  toggle?: boolean;\n  /** Specifies if the set of Buttons should appear vertically stacked (default: `false`). */\n  vertical?: boolean;\n  /** Overrides underlying component base CSS class name (default: `btn-group`). */\n  bsPrefix?: string;\n}\n\nconst ButtonGroup: ComponentWithAsProp<'div', ButtonGroupProps> = (\n  React.forwardRef(({ size = 'md', ...props }: ButtonGroupProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n    <BaseButtonGroup size={size as 'sm' | 'lg'} {...props} ref={ref} />\n  ))\n);\n\n// We could just re-export 'ButtonToolbar', but we currently override it to\n// narrow the type of 'role' to valid roles and to document its properties.\n\ninterface ButtonToolbarProps extends BaseButtonToolbarProps {\n  /** An ARIA role describing the button group (default: `toolbar`). */\n  role?: React.AriaRole;\n  /** Overrides underlying component base CSS class name (default: `btn-toolbar`) */\n  bsPrefix?: string;\n}\n\nconst ButtonToolbar: ComponentWithAsProp<'div', ButtonToolbarProps> = (\n  React.forwardRef((props: ButtonToolbarProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n    <BaseButtonToolbar {...props} ref={ref} />\n  ))\n);\n\nexport default Button;\nexport { ButtonGroup, ButtonToolbar };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAA+C,wBAAwB;AACxF,OAAOC,eAAe,MAAyD,6BAA6B;AAC5G,OAAOC,iBAAiB,MAA6D,+BAA+B;AAGpH,OAAOC,IAAI,MAAM,SAAS;;AAgB1B;AACA;AACA;AACA;AACyC;;AAyCzC,MAAMC,MAAkD,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAC;EAC3EC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,IAAI;EACJ,GAAGC;AACQ,CAAC,EAAEC,GAAuC,kBACrDb,KAAA,CAAAc,aAAA,CAACZ,UAAU;EACTS,IAAI,EAAEA,IAAgC,CAAC;EAAA;EAAA,GACnCC,KAAK;EACTG,SAAS,EAAEd,UAAU,CAACW,KAAK,CAACG,SAAS,CAAE;EACvCF,GAAG,EAAEA;AAAI,GAERH,UAAU,iBAAIV,KAAA,CAAAc,aAAA,CAACT,IAAI;EAACU,SAAS,EAAC,iBAAiB;EAACJ,IAAI,EAAEA,IAAK;EAACK,GAAG,EAAEN;AAAW,CAAE,CAAC,EAC/EF,QAAQ,EACRC,SAAS,iBAAIT,KAAA,CAAAc,aAAA,CAACT,IAAI;EAACU,SAAS,EAAC,gBAAgB;EAACJ,IAAI,EAAEA,IAAK;EAACK,GAAG,EAAEP;AAAU,CAAE,CAClE,CACb,CAAC;;AAEF;AACA;AACA;;AAiBA,MAAMQ,WAAyD,gBAC7DjB,KAAK,CAACO,UAAU,CAAC,CAAC;EAAEI,IAAI,GAAG,IAAI;EAAE,GAAGC;AAAwB,CAAC,EAAEC,GAAuC,kBACpGb,KAAA,CAAAc,aAAA,CAACX,eAAe;EAACQ,IAAI,EAAEA,IAAoB;EAAA,GAAKC,KAAK;EAAEC,GAAG,EAAEA;AAAI,CAAE,CACnE,CACF;;AAED;AACA;;AASA,MAAMK,aAA6D,gBACjElB,KAAK,CAACO,UAAU,CAAC,CAACK,KAAyB,EAAEC,GAAuC,kBAClFb,KAAA,CAAAc,aAAA,CAACV,iBAAiB;EAAA,GAAKQ,KAAK;EAAEC,GAAG,EAAEA;AAAI,CAAE,CAC1C,CACF;AAED,eAAeP,MAAM;AACrB,SAASW,WAAW,EAAEC,aAAa","ignoreList":[]}

package/dist/Card/BaseCard.js

@@ -6,18 +6,17 @@ import CardBody from './CardBody';
 const BASE_CARD_CLASSNAME = 'card';
 const colorVariants = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'];
 const textVariants = ['white', 'muted'];
-const BaseCard = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    prefix,
-    className,
-    bgColor,
-    textColor,
-    borderColor,
-    hasBody = false,
-    children,
-    as: Component = 'div',
-    ...props
-  } = _ref;
+const BaseCard = /*#__PURE__*/React.forwardRef(({
+  prefix,
+  className,
+  bgColor,
+  textColor,
+  borderColor,
+  hasBody = false,
+  children,
+  as: Component = 'div',
+  ...props
+}, ref) => {
   const classes = classNames(className, prefix ? `${prefix}-${BASE_CARD_CLASSNAME}` : BASE_CARD_CLASSNAME, bgColor && `bg-${bgColor}`, textColor && `text-${textColor}`, borderColor && `border-${borderColor}`);
   return /*#__PURE__*/React.createElement(Component, {
     ref: ref,

package/dist/Card/BaseCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCard.js","names":["React","PropTypes","classNames","CardBody","BASE_CARD_CLASSNAME","colorVariants","textVariants","BaseCard","forwardRef","_ref","ref","prefix","className","bgColor","textColor","borderColor","hasBody","children","as","Component","props","classes","createElement","propTypes","string","oneOf","bool","elementType","node"],"sources":["../../src/Card/BaseCard.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport type { ComponentWithAsProp, BsPropsWithAs } from '../utils/types/bootstrap';\n\n// @ts-ignore\nimport CardBody from './CardBody';\n\nconst BASE_CARD_CLASSNAME = 'card';\n\nconst colorVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'danger',\n  'warning',\n  'info',\n  'dark',\n  'light',\n] as const;\n\nconst textVariants = [\n  'white',\n  'muted',\n] as const;\n\ntype ColorVariant = typeof colorVariants[number];\ntype TextVariant = typeof textVariants[number];\ninterface Props extends BsPropsWithAs {\n  prefix?: string;\n  bgColor?: ColorVariant;\n  textColor?: ColorVariant | TextVariant;\n  borderColor?: ColorVariant;\n  hasBody?: boolean;\n  className?: string;\n  children: React.ReactNode;\n}\ntype BaseCardType = ComponentWithAsProp<'div', Props>;\n\nconst BaseCard : BaseCardType = React.forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      prefix,\n      className,\n      bgColor,\n      textColor,\n      borderColor,\n      hasBody = false,\n      children,\n      as: Component = 'div',\n      ...props\n    },\n    ref,\n  ) => {\n    const classes = classNames(\n      className,\n      prefix ? `${prefix}-${BASE_CARD_CLASSNAME}` : BASE_CARD_CLASSNAME,\n      bgColor && `bg-${bgColor}`,\n      textColor && `text-${textColor}`,\n      borderColor && `border-${borderColor}`,\n    );\n\n    return (\n      <Component ref={ref} {...props} className={classes}>\n        {hasBody ? <CardBody>{children}</CardBody> : children}\n      </Component>\n    );\n  },\n);\n\n/* eslint-disable react/require-default-props */\nBaseCard.propTypes = {\n  /** Prefix for component CSS classes. */\n  prefix: PropTypes.string,\n  /** Background color of the card. */\n  bgColor: PropTypes.oneOf(colorVariants),\n  /** Text color of the card. */\n  textColor: PropTypes.oneOf([...colorVariants, ...textVariants]),\n  /** Border color of the card. */\n  borderColor: PropTypes.oneOf(colorVariants),\n  /** Determines whether the card should render its children inside a `CardBody` wrapper. */\n  hasBody: PropTypes.bool,\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /** Additional CSS class names to apply to the card element. */\n  className: PropTypes.string,\n  /** The content to render inside the card. */\n  children: PropTypes.node,\n};\n\nexport default BaseCard;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAInC;AACA,OAAOC,QAAQ,MAAM,YAAY;AAEjC,MAAMC,mBAAmB,GAAG,MAAM;AAElC,MAAMC,aAAa,GAAG,CACpB,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,CACC;AAEV,MAAMC,YAAY,GAAG,CACnB,OAAO,EACP,OAAO,CACC;AAeV,MAAMC,QAAuB,gBAAGP,KAAK,CAACQ,UAAU,CAC9C,CAAAC,IAAA,EAYEC,GAAG,KACA;EAAA,IAZH;IACEC,MAAM;IACNC,SAAS;IACTC,OAAO;IACPC,SAAS;IACTC,WAAW;IACXC,OAAO,GAAG,KAAK;IACfC,QAAQ;IACRC,EAAE,EAAEC,SAAS,GAAG,KAAK;IACrB,GAAGC;EACL,CAAC,GAAAX,IAAA;EAGD,MAAMY,OAAO,GAAGnB,UAAU,CACxBU,SAAS,EACTD,MAAM,GAAG,GAAGA,MAAM,IAAIP,mBAAmB,EAAE,GAAGA,mBAAmB,EACjES,OAAO,IAAI,MAAMA,OAAO,EAAE,EAC1BC,SAAS,IAAI,QAAQA,SAAS,EAAE,EAChCC,WAAW,IAAI,UAAUA,WAAW,EACtC,CAAC;EAED,oBACEf,KAAA,CAAAsB,aAAA,CAACH,SAAS;IAACT,GAAG,EAAEA,GAAI;IAAA,GAAKU,KAAK;IAAER,SAAS,EAAES;EAAQ,GAChDL,OAAO,gBAAGhB,KAAA,CAAAsB,aAAA,CAACnB,QAAQ,QAAEc,QAAmB,CAAC,GAAGA,QACpC,CAAC;AAEhB,CACF,CAAC;;AAED;AACAV,QAAQ,CAACgB,SAAS,GAAG;EACnB;EACAZ,MAAM,EAAEV,SAAS,CAACuB,MAAM;EACxB;EACAX,OAAO,EAAEZ,SAAS,CAACwB,KAAK,CAACpB,aAAa,CAAC;EACvC;EACAS,SAAS,EAAEb,SAAS,CAACwB,KAAK,CAAC,CAAC,GAAGpB,aAAa,EAAE,GAAGC,YAAY,CAAC,CAAC;EAC/D;EACAS,WAAW,EAAEd,SAAS,CAACwB,KAAK,CAACpB,aAAa,CAAC;EAC3C;EACAW,OAAO,EAAEf,SAAS,CAACyB,IAAI;EACvB;EACAR,EAAE,EAAEjB,SAAS,CAAC0B,WAAW;EACzB;EACAf,SAAS,EAAEX,SAAS,CAACuB,MAAM;EAC3B;EACAP,QAAQ,EAAEhB,SAAS,CAAC2B;AACtB,CAAC;AAED,eAAerB,QAAQ","ignoreList":[]}
+{"version":3,"file":"BaseCard.js","names":["React","PropTypes","classNames","CardBody","BASE_CARD_CLASSNAME","colorVariants","textVariants","BaseCard","forwardRef","prefix","className","bgColor","textColor","borderColor","hasBody","children","as","Component","props","ref","classes","createElement","propTypes","string","oneOf","bool","elementType","node"],"sources":["../../src/Card/BaseCard.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport type { ComponentWithAsProp, BsPropsWithAs } from '../utils/types/bootstrap';\n\n// @ts-ignore\nimport CardBody from './CardBody';\n\nconst BASE_CARD_CLASSNAME = 'card';\n\nconst colorVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'danger',\n  'warning',\n  'info',\n  'dark',\n  'light',\n] as const;\n\nconst textVariants = [\n  'white',\n  'muted',\n] as const;\n\ntype ColorVariant = typeof colorVariants[number];\ntype TextVariant = typeof textVariants[number];\ninterface Props extends BsPropsWithAs {\n  prefix?: string;\n  bgColor?: ColorVariant;\n  textColor?: ColorVariant | TextVariant;\n  borderColor?: ColorVariant;\n  hasBody?: boolean;\n  className?: string;\n  children: React.ReactNode;\n}\ntype BaseCardType = ComponentWithAsProp<'div', Props>;\n\nconst BaseCard : BaseCardType = React.forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      prefix,\n      className,\n      bgColor,\n      textColor,\n      borderColor,\n      hasBody = false,\n      children,\n      as: Component = 'div',\n      ...props\n    },\n    ref,\n  ) => {\n    const classes = classNames(\n      className,\n      prefix ? `${prefix}-${BASE_CARD_CLASSNAME}` : BASE_CARD_CLASSNAME,\n      bgColor && `bg-${bgColor}`,\n      textColor && `text-${textColor}`,\n      borderColor && `border-${borderColor}`,\n    );\n\n    return (\n      <Component ref={ref} {...props} className={classes}>\n        {hasBody ? <CardBody>{children}</CardBody> : children}\n      </Component>\n    );\n  },\n);\n\n/* eslint-disable react/require-default-props */\nBaseCard.propTypes = {\n  /** Prefix for component CSS classes. */\n  prefix: PropTypes.string,\n  /** Background color of the card. */\n  bgColor: PropTypes.oneOf(colorVariants),\n  /** Text color of the card. */\n  textColor: PropTypes.oneOf([...colorVariants, ...textVariants]),\n  /** Border color of the card. */\n  borderColor: PropTypes.oneOf(colorVariants),\n  /** Determines whether the card should render its children inside a `CardBody` wrapper. */\n  hasBody: PropTypes.bool,\n  /** Set a custom element for this component. */\n  as: PropTypes.elementType,\n  /** Additional CSS class names to apply to the card element. */\n  className: PropTypes.string,\n  /** The content to render inside the card. */\n  children: PropTypes.node,\n};\n\nexport default BaseCard;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAInC;AACA,OAAOC,QAAQ,MAAM,YAAY;AAEjC,MAAMC,mBAAmB,GAAG,MAAM;AAElC,MAAMC,aAAa,GAAG,CACpB,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,CACC;AAEV,MAAMC,YAAY,GAAG,CACnB,OAAO,EACP,OAAO,CACC;AAeV,MAAMC,QAAuB,gBAAGP,KAAK,CAACQ,UAAU,CAC9C,CACE;EACEC,MAAM;EACNC,SAAS;EACTC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRC,EAAE,EAAEC,SAAS,GAAG,KAAK;EACrB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,OAAO,GAAGlB,UAAU,CACxBQ,SAAS,EACTD,MAAM,GAAG,GAAGA,MAAM,IAAIL,mBAAmB,EAAE,GAAGA,mBAAmB,EACjEO,OAAO,IAAI,MAAMA,OAAO,EAAE,EAC1BC,SAAS,IAAI,QAAQA,SAAS,EAAE,EAChCC,WAAW,IAAI,UAAUA,WAAW,EACtC,CAAC;EAED,oBACEb,KAAA,CAAAqB,aAAA,CAACJ,SAAS;IAACE,GAAG,EAAEA,GAAI;IAAA,GAAKD,KAAK;IAAER,SAAS,EAAEU;EAAQ,GAChDN,OAAO,gBAAGd,KAAA,CAAAqB,aAAA,CAAClB,QAAQ,QAAEY,QAAmB,CAAC,GAAGA,QACpC,CAAC;AAEhB,CACF,CAAC;;AAED;AACAR,QAAQ,CAACe,SAAS,GAAG;EACnB;EACAb,MAAM,EAAER,SAAS,CAACsB,MAAM;EACxB;EACAZ,OAAO,EAAEV,SAAS,CAACuB,KAAK,CAACnB,aAAa,CAAC;EACvC;EACAO,SAAS,EAAEX,SAAS,CAACuB,KAAK,CAAC,CAAC,GAAGnB,aAAa,EAAE,GAAGC,YAAY,CAAC,CAAC;EAC/D;EACAO,WAAW,EAAEZ,SAAS,CAACuB,KAAK,CAACnB,aAAa,CAAC;EAC3C;EACAS,OAAO,EAAEb,SAAS,CAACwB,IAAI;EACvB;EACAT,EAAE,EAAEf,SAAS,CAACyB,WAAW;EACzB;EACAhB,SAAS,EAAET,SAAS,CAACsB,MAAM;EAC3B;EACAR,QAAQ,EAAEd,SAAS,CAAC0B;AACtB,CAAC;AAED,eAAepB,QAAQ","ignoreList":[]}

package/dist/Card/CardBody.js

@@ -1,18 +1,15 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-const CardBody = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    className,
-    children,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pgn__card-body', className),
-    ref: ref,
-    ...rest
-  }, children);
-});
+const CardBody = /*#__PURE__*/React.forwardRef(({
+  className,
+  children,
+  ...rest
+}, ref) => /*#__PURE__*/React.createElement("div", {
+  className: classNames('pgn__card-body', className),
+  ref: ref,
+  ...rest
+}, children));
 CardBody.propTypes = {
   /** Specifies the content of the component. */
   children: PropTypes.node,

package/dist/Card/CardBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardBody.js","names":["React","PropTypes","classNames","CardBody","forwardRef","_ref","ref","className","children","rest","createElement","propTypes","node","string","defaultProps","undefined"],"sources":["../../src/Card/CardBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardBody = React.forwardRef(({ className, children, ...rest }, ref) => (\n  <div className={classNames('pgn__card-body', className)} ref={ref} {...rest}>\n    {children}\n  </div>\n));\n\nCardBody.propTypes = {\n  /** Specifies the content of the component. */\n  children: PropTypes.node,\n  /** The class to append to the base element. */\n  className: PropTypes.string,\n};\n\nCardBody.defaultProps = {\n  children: undefined,\n  className: undefined,\n};\n\nexport default CardBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,QAAQ,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAAAC,IAAA,EAAmCC,GAAG;EAAA,IAArC;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAAJ,IAAA;EAAA,oBACjEL,KAAA,CAAAU,aAAA;IAAKH,SAAS,EAAEL,UAAU,CAAC,gBAAgB,EAAEK,SAAS,CAAE;IAACD,GAAG,EAAEA,GAAI;IAAA,GAAKG;EAAI,GACxED,QACE,CAAC;AAAA,CACP,CAAC;AAEFL,QAAQ,CAACQ,SAAS,GAAG;EACnB;EACAH,QAAQ,EAAEP,SAAS,CAACW,IAAI;EACxB;EACAL,SAAS,EAAEN,SAAS,CAACY;AACvB,CAAC;AAEDV,QAAQ,CAACW,YAAY,GAAG;EACtBN,QAAQ,EAAEO,SAAS;EACnBR,SAAS,EAAEQ;AACb,CAAC;AAED,eAAeZ,QAAQ","ignoreList":[]}
+{"version":3,"file":"CardBody.js","names":["React","PropTypes","classNames","CardBody","forwardRef","className","children","rest","ref","createElement","propTypes","node","string","defaultProps","undefined"],"sources":["../../src/Card/CardBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardBody = React.forwardRef(({ className, children, ...rest }, ref) => (\n  <div className={classNames('pgn__card-body', className)} ref={ref} {...rest}>\n    {children}\n  </div>\n));\n\nCardBody.propTypes = {\n  /** Specifies the content of the component. */\n  children: PropTypes.node,\n  /** The class to append to the base element. */\n  className: PropTypes.string,\n};\n\nCardBody.defaultProps = {\n  children: undefined,\n  className: undefined,\n};\n\nexport default CardBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,QAAQ,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,kBACtER,KAAA,CAAAS,aAAA;EAAKJ,SAAS,EAAEH,UAAU,CAAC,gBAAgB,EAAEG,SAAS,CAAE;EAACG,GAAG,EAAEA,GAAI;EAAA,GAAKD;AAAI,GACxED,QACE,CACN,CAAC;AAEFH,QAAQ,CAACO,SAAS,GAAG;EACnB;EACAJ,QAAQ,EAAEL,SAAS,CAACU,IAAI;EACxB;EACAN,SAAS,EAAEJ,SAAS,CAACW;AACvB,CAAC;AAEDT,QAAQ,CAACU,YAAY,GAAG;EACtBP,QAAQ,EAAEQ,SAAS;EACnBT,SAAS,EAAES;AACb,CAAC;AAED,eAAeX,QAAQ","ignoreList":[]}

package/dist/Card/CardCarousel/CardCarousel.js

@@ -4,20 +4,19 @@ import { OverflowScroll } from '../../OverflowScroll';
 import CardCarouselProvider from './CardCarouselProvider';
 import CardCarouselHeader from './CardCarouselHeader';
 import CardCarouselItems from './CardCarouselItems';
-function CardCarousel(_ref) {
-  let {
-    ariaLabel,
-    children,
-    title,
-    subtitle,
-    columnSizes,
-    hasInteractiveChildren,
-    canScrollHorizontal,
-    disableOpacityMasks,
-    onScrollPrevious,
-    onScrollNext,
-    CardCarouselControls
-  } = _ref;
+function CardCarousel({
+  ariaLabel,
+  children,
+  title,
+  subtitle,
+  columnSizes,
+  hasInteractiveChildren,
+  canScrollHorizontal,
+  disableOpacityMasks,
+  onScrollPrevious,
+  onScrollNext,
+  CardCarouselControls
+}) {
   return /*#__PURE__*/React.createElement(OverflowScroll, {
     disableScroll: !canScrollHorizontal,
     hasInteractiveChildren: hasInteractiveChildren,