@openedx/paragon 23.18.1 → 23.19.0

package/dist/Badge/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ComponentWithAsProp } from '../utils/types/bootstrap';
+declare const STYLE_VARIANTS: string[];
+interface BadgeProps {
+    /** Specifies element type for this component */
+    as?: React.ElementType;
+    /** Visual style of the badge. The full type definition can be seen [here](https://github.com/openedx/paragon/blob/release-23.x/src/Badge/index.tsx) */
+    variant?: typeof STYLE_VARIANTS[number];
+    /** Add the `pill` modifier to make badges more rounded with some additional horizontal padding */
+    pill?: boolean;
+    /** Overrides underlying component base CSS class name */
+    bsPrefix?: string;
+}
+declare const Badge: ComponentWithAsProp<'span', BadgeProps>;
+export default Badge;

package/dist/Badge/index.js

@@ -1,26 +1,19 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import BaseBadge from 'react-bootstrap/Badge';
-const Badge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(BaseBadge, {
+const STYLE_VARIANTS = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'];
+const Badge = /*#__PURE__*/React.forwardRef(({
+  as = 'span',
+  variant = 'primary',
+  pill = false,
+  bsPrefix = 'badge',
+  ...props
+}, ref) => /*#__PURE__*/React.createElement(BaseBadge, {
+  as: as,
+  variant: variant,
+  pill: pill,
+  bsPrefix: bsPrefix,
   ...props,
   ref: ref
 }));
-const STYLE_VARIANTS = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'];
-Badge.propTypes = {
-  /** Specifies element type for this component */
-  as: PropTypes.elementType,
-  /** Visual style of the badge */
-  variant: PropTypes.oneOf(STYLE_VARIANTS),
-  /** Add the `pill` modifier to make badges more rounded with some additional horizontal padding */
-  pill: PropTypes.bool,
-  /** Overrides underlying component base CSS class name */
-  bsPrefix: PropTypes.string
-};
-Badge.defaultProps = {
-  as: 'span',
-  variant: 'primary',
-  pill: false,
-  bsPrefix: 'badge'
-};
 export default Badge;
 //# sourceMappingURL=index.js.map

package/dist/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","BaseBadge","Badge","forwardRef","props","ref","createElement","STYLE_VARIANTS","propTypes","as","elementType","variant","oneOf","pill","bool","bsPrefix","string","defaultProps"],"sources":["../../src/Badge/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseBadge from 'react-bootstrap/Badge';\n\nconst Badge = React.forwardRef((props, ref) => <BaseBadge {...props} ref={ref} />);\n\nconst STYLE_VARIANTS = [\n  'primary',\n  'secondary',\n  'success',\n  'danger',\n  'warning',\n  'info',\n  'light',\n  'dark',\n];\n\nBadge.propTypes = {\n  /** Specifies element type for this component */\n  as: PropTypes.elementType,\n  /** Visual style of the badge */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\n  /** Add the `pill` modifier to make badges more rounded with some additional horizontal padding */\n  pill: PropTypes.bool,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nBadge.defaultProps = {\n  as: 'span',\n  variant: 'primary',\n  pill: false,\n  bsPrefix: 'badge',\n};\n\nexport default Badge;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,uBAAuB;AAE7C,MAAMC,KAAK,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,kBAAKN,KAAA,CAAAO,aAAA,CAACL,SAAS;EAAA,GAAKG,KAAK;EAAEC,GAAG,EAAEA;AAAI,CAAE,CAAC,CAAC;AAElF,MAAME,cAAc,GAAG,CACrB,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,CACP;AAEDL,KAAK,CAACM,SAAS,GAAG;EAChB;EACAC,EAAE,EAAET,SAAS,CAACU,WAAW;EACzB;EACAC,OAAO,EAAEX,SAAS,CAACY,KAAK,CAACL,cAAc,CAAC;EACxC;EACAM,IAAI,EAAEb,SAAS,CAACc,IAAI;EACpB;EACAC,QAAQ,EAAEf,SAAS,CAACgB;AACtB,CAAC;AAEDd,KAAK,CAACe,YAAY,GAAG;EACnBR,EAAE,EAAE,MAAM;EACVE,OAAO,EAAE,SAAS;EAClBE,IAAI,EAAE,KAAK;EACXE,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeb,KAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","BaseBadge","STYLE_VARIANTS","Badge","forwardRef","as","variant","pill","bsPrefix","props","ref","createElement"],"sources":["../../src/Badge/index.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport BaseBadge from 'react-bootstrap/Badge';\nimport { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nconst STYLE_VARIANTS = [\n  'primary',\n  'secondary',\n  'success',\n  'danger',\n  'warning',\n  'info',\n  'light',\n  'dark',\n];\n\ninterface BadgeProps {\n  /** Specifies element type for this component */\n  as?: React.ElementType;\n  /** Visual style of the badge. The full type definition can be seen [here](https://github.com/openedx/paragon/blob/release-23.x/src/Badge/index.tsx) */\n  variant?: typeof STYLE_VARIANTS[number];\n  /** Add the `pill` modifier to make badges more rounded with some additional horizontal padding */\n  pill?: boolean;\n  /** Overrides underlying component base CSS class name */\n  bsPrefix?: string;\n}\n\nconst Badge: ComponentWithAsProp<'span', BadgeProps> = React.forwardRef(({\n  as = 'span', variant = 'primary', pill = false, bsPrefix = 'badge', ...props\n}: BadgeProps, ref: ForwardedRef<HTMLSpanElement>) => (\n  <BaseBadge as={as} variant={variant} pill={pill} bsPrefix={bsPrefix} {...props} ref={ref} />\n));\n\nexport default Badge;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAC3C,OAAOC,SAAS,MAAM,uBAAuB;AAG7C,MAAMC,cAAc,GAAG,CACrB,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,CACP;AAaD,MAAMC,KAA8C,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAAC;EACvEC,EAAE,GAAG,MAAM;EAAEC,OAAO,GAAG,SAAS;EAAEC,IAAI,GAAG,KAAK;EAAEC,QAAQ,GAAG,OAAO;EAAE,GAAGC;AAC7D,CAAC,EAAEC,GAAkC,kBAC/CV,KAAA,CAAAW,aAAA,CAACV,SAAS;EAACI,EAAE,EAAEA,EAAG;EAACC,OAAO,EAAEA,OAAQ;EAACC,IAAI,EAAEA,IAAK;EAACC,QAAQ,EAAEA,QAAS;EAAA,GAAKC,KAAK;EAAEC,GAAG,EAAEA;AAAI,CAAE,CAC5F,CAAC;AAEF,eAAeP,KAAK","ignoreList":[]}

package/dist/Breadcrumb/BreadcrumbLink.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface BreadcrumbLinkProps {
+    as: React.ElementType;
+    clickHandler?: (event: React.MouseEvent, link: any) => void;
+    linkProps: {
+        label: string;
+        url?: string;
+        className?: string;
+        [key: string]: any;
+    };
+}
+export default function BreadcrumbLink({ as, clickHandler, linkProps }: BreadcrumbLinkProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};

package/dist/Breadcrumb/BreadcrumbLink.js

@@ -1,9 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 export default function BreadcrumbLink({
   as,
-  clickHandler,
+  clickHandler = undefined,
   linkProps
 }) {
   const {
@@ -27,16 +26,4 @@ export default function BreadcrumbLink({
     className: classNames('link-muted', className)
   }, label);
 }
-BreadcrumbLink.propTypes = {
-  as: PropTypes.elementType.isRequired,
-  clickHandler: PropTypes.func,
-  linkProps: PropTypes.shape({
-    label: PropTypes.string.isRequired,
-    url: PropTypes.string,
-    className: PropTypes.string
-  }).isRequired
-};
-BreadcrumbLink.defaultProps = {
-  clickHandler: undefined
-};
 //# sourceMappingURL=BreadcrumbLink.js.map

package/dist/Breadcrumb/BreadcrumbLink.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"BreadcrumbLink.js","names":["React","classNames","BreadcrumbLink","as","clickHandler","undefined","linkProps","label","url","className","props","addtlProps","console","warn","href","onClick","createElement"],"sources":["../../src/Breadcrumb/BreadcrumbLink.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\ninterface BreadcrumbLinkProps {\n  as: React.ElementType;\n  clickHandler?: (event: React.MouseEvent, link: any) => void;\n  linkProps: {\n    label: string;\n    url?: string; // deprecated, use href instead when rendering as 'a'\n    className?: string;\n    [key: string]: any;\n  };\n}\n\ninterface AdditionalProps {\n  href?: string;\n  onClick?: (event: React.MouseEvent, link: any) => void;\n}\n\nexport default function BreadcrumbLink({ as, clickHandler = undefined, linkProps }: BreadcrumbLinkProps) {\n  const {\n    label,\n    url,\n    className,\n    ...props\n  } = linkProps;\n  const addtlProps: AdditionalProps = {};\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAkBnC,eAAe,SAASC,cAAcA,CAAC;EAAEC,EAAE;EAAEC,YAAY,GAAGC,SAAS;EAAEC;AAA+B,CAAC,EAAE;EACvG,MAAM;IACJC,KAAK;IACLC,GAAG;IACHC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGJ,SAAS;EACb,MAAMK,UAA2B,GAAG,CAAC,CAAC;EAEtC,IAAIR,EAAE,KAAK,GAAG,IAAIK,GAAG,EAAE;IACrB;IACAI,OAAO,CAACC,IAAI,CACV,gGAAgG,GAC9F,2EACJ,CAAC;IACDF,UAAU,CAACG,IAAI,GAAGN,GAAG;EACvB;EAEA,IAAIJ,YAAY,EAAE;IAChBO,UAAU,CAACI,OAAO,GAAGX,YAAY;EACnC;EAEA,oBAAOJ,KAAK,CAACgB,aAAa,CACxBb,EAAE,EACF;IACE,GAAGO,KAAK;IACR,GAAGC,UAAU;IACbF,SAAS,EAAER,UAAU,CAAC,YAAY,EAAEQ,SAAS;EAC/C,CAAC,EACDF,KACF,CAAC;AACH","ignoreList":[]}

package/dist/Breadcrumb/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+interface BreadcrumbProps {
+    /** An array of objects describing links to be rendered. The contents of an object depend on the value of `linkAs`
+     * prop as these objects will get passed down as props to the underlying component defined by `linkAs` prop.
+     */
+    links: Array<{
+        label: string;
+        [key: string]: any;
+    }>;
+    /** allows to add a label that is not a link to the end of the breadcrumb. */
+    activeLabel?: string;
+    /** label of the element */
+    ariaLabel?: string;
+    /** allows to add a custom element between the breadcrumb items.
+     * Defaults to `>` rendered using the `Icon` component. */
+    spacer?: React.ReactElement;
+    /** allows to add a custom function to be called `onClick` of a breadcrumb link.
+     * The use case for this is for adding custom analytics to the component. */
+    clickHandler?: (event: React.MouseEvent<HTMLAnchorElement>, link: any) => void;
+    /** The `Breadcrumbs` style variant to use. */
+    variant?: 'light' | 'dark';
+    /** The `Breadcrumbs` mobile variant view. */
+    isMobile?: boolean;
+    /** Specifies the base element to use when rendering links, you should generally use either plain 'a' or
+     * [react-router's Link](https://reactrouter.com/en/main/components/link).
+     */
+    linkAs?: React.ElementType;
+    /** Optional class name(s) to append to the base `<nav>` element. */
+    className?: string;
+}
+declare function Breadcrumb({ links, activeLabel, spacer, clickHandler, className, variant, isMobile, ariaLabel, linkAs, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export default Breadcrumb;

package/dist/Breadcrumb/index.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import BreadcrumbLink from './BreadcrumbLink';
 import { ChevronRight } from '../../icons';
@@ -9,18 +8,17 @@ function Breadcrumb({
   activeLabel,
   spacer,
   clickHandler,
-  variant,
-  isMobile,
-  ariaLabel,
-  linkAs,
-  ...props
+  className,
+  variant = 'light',
+  isMobile = false,
+  ariaLabel = 'breadcrumb',
+  linkAs = 'a'
 }) {
   const linkCount = links.length;
   const displayLinks = isMobile ? [links[linkCount - 1]] : links;
   return /*#__PURE__*/React.createElement("nav", {
     "aria-label": ariaLabel,
-    className: classNames('pgn__breadcrumb', `pgn__breadcrumb-${variant}`),
-    ...props
+    className: classNames('pgn__breadcrumb', `pgn__breadcrumb-${variant}`, className)
   }, /*#__PURE__*/React.createElement("ol", {
     className: classNames('list-inline', {
       'is-mobile': isMobile
@@ -45,40 +43,5 @@ function Breadcrumb({
     "aria-current": "page"
   }, activeLabel)));
 }
-Breadcrumb.propTypes = {
-  /** An array of objects describing links to be rendered. The contents of an object depend on the value of `linkAs`
-   * prop as these objects will get passed down as props to the underlying component defined by `linkAs` prop.
-   */
-  links: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.string
-  })).isRequired,
-  /** allows to add a label that is not a link to the end of the breadcrumb. */
-  activeLabel: PropTypes.string,
-  /** label of the element */
-  ariaLabel: PropTypes.string,
-  /** allows to add a custom element between the breadcrumb items.
-   * Defaults to `>` rendered using the `Icon` component. */
-  spacer: PropTypes.element,
-  /** allows to add a custom function to be called `onClick` of a breadcrumb link.
-   * The use case for this is for adding custom analytics to the component. */
-  clickHandler: PropTypes.func,
-  /** The `Breadcrumbs` style variant to use. */
-  variant: PropTypes.oneOf(['light', 'dark']),
-  /** The `Breadcrumbs` mobile variant view. */
-  isMobile: PropTypes.bool,
-  /** Specifies the base element to use when rendering links, you should generally use either plain 'a' or
-   * [react-router's Link](https://reactrouter.com/en/main/components/link).
-   */
-  linkAs: PropTypes.elementType
-};
-Breadcrumb.defaultProps = {
-  activeLabel: undefined,
-  ariaLabel: 'breadcrumb',
-  spacer: undefined,
-  clickHandler: undefined,
-  variant: 'light',
-  isMobile: false,
-  linkAs: 'a'
-};
 export default Breadcrumb;
 //# sourceMappingURL=index.js.map

package/dist/Breadcrumb/index.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["React","classNames","BreadcrumbLink","ChevronRight","Icon","Breadcrumb","links","activeLabel","spacer","clickHandler","className","variant","isMobile","ariaLabel","linkAs","linkCount","length","displayLinks","createElement","map","link","i","Fragment","key","label","as","linkProps","role","src","id"],"sources":["../../src/Breadcrumb/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nimport BreadcrumbLink from './BreadcrumbLink';\nimport { ChevronRight } from '../../icons';\nimport Icon from '../Icon';\n\ninterface BreadcrumbProps {\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: Array<{ label: string, [key: string]: any }>;\n  /** allows to add a label that is not a link to the end of the breadcrumb. */\n  activeLabel?: string;\n  /** label of the element */\n  ariaLabel?: string;\n  /** allows to add a custom element between the breadcrumb items.\n   * Defaults to `>` rendered using the `Icon` component. */\n  spacer?: React.ReactElement;\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?: (event: React.MouseEvent<HTMLAnchorElement>, link: any) => void;\n  /** The `Breadcrumbs` style variant to use. */\n  variant?: 'light' | 'dark';\n  /** The `Breadcrumbs` mobile variant view. */\n  isMobile?: boolean;\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?: React.ElementType;\n  /** Optional class name(s) to append to the base `<nav>` element. */\n  className?: string;\n}\n\nfunction Breadcrumb({\n  links, activeLabel, spacer, clickHandler, className,\n  variant = 'light', isMobile = false, ariaLabel = 'breadcrumb', linkAs = 'a',\n}: BreadcrumbProps) {\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}`, className)}\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\nexport default Breadcrumb;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,aAAa;AAC1C,OAAOC,IAAI,MAAM,SAAS;AA6B1B,SAASC,UAAUA,CAAC;EAClBC,KAAK;EAAEC,WAAW;EAAEC,MAAM;EAAEC,YAAY;EAAEC,SAAS;EACnDC,OAAO,GAAG,OAAO;EAAEC,QAAQ,GAAG,KAAK;EAAEC,SAAS,GAAG,YAAY;EAAEC,MAAM,GAAG;AACzD,CAAC,EAAE;EAClB,MAAMC,SAAS,GAAGT,KAAK,CAACU,MAAM;EAC9B,MAAMC,YAAY,GAAGL,QAAQ,GAAG,CAACN,KAAK,CAACS,SAAS,GAAG,CAAC,CAAC,CAAC,GAAGT,KAAK;EAE9D,oBACEN,KAAA,CAAAkB,aAAA;IACE,cAAYL,SAAU;IACtBH,SAAS,EAAET,UAAU,CAAC,iBAAiB,EAAE,mBAAmBU,OAAO,EAAE,EAAED,SAAS;EAAE,gBAElFV,KAAA,CAAAkB,aAAA;IAAIR,SAAS,EAAET,UAAU,CAAC,aAAa,EAAE;MAAE,WAAW,EAAEW;IAAS,CAAC;EAAE,GACjEK,YAAY,CAACE,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,kBACxBrB,KAAA,CAAAkB,aAAA,CAAClB,KAAK,CAACsB,QAAQ;IAACC,GAAG,EAAEH,IAAI,CAACI;EAAM,gBAC9BxB,KAAA,CAAAkB,aAAA;IAAIR,SAAS,EAAET,UAAU,CAAC,kBAAkB;EAAE,gBAC5CD,KAAA,CAAAkB,aAAA,CAAChB,cAAc;IAACuB,EAAE,EAAEX,MAAO;IAACL,YAAY,EAAEA,YAAa;IAACiB,SAAS,EAAEN;EAAK,CAAE,CACxE,CAAC,EACJ,CAACb,WAAW,IAAMc,CAAC,GAAG,CAAC,GAAIN,SAAU,kBAEpCf,KAAA,CAAAkB,aAAA;IAAIR,SAAS,EAAC,kBAAkB;IAACiB,IAAI,EAAC;EAAc,GACjDnB,MAAM,iBAAIR,KAAA,CAAAkB,aAAA,CAACd,IAAI;IAACwB,GAAG,EAAEzB,YAAa;IAAC0B,EAAE,EAAE,UAAUR,CAAC;EAAG,CAAE,CACtD,CAEQ,CACjB,CAAC,EACD,CAACT,QAAQ,IAAIL,WAAW,iBAAIP,KAAA,CAAAkB,aAAA;IAAIR,SAAS,EAAC,yBAAyB;IAACa,GAAG,EAAC,QAAQ;IAAC,gBAAa;EAAM,GAAEhB,WAAgB,CACrH,CACD,CAAC;AAEV;AAEA,eAAeF,UAAU","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface CardCarouselSubtitleProps {
+    /** Specifies contents of the component. */
+    children: React.ReactNode;
+    /** Specifies the base element */
+    as?: React.ElementType;
+    /** A class name to append to the base element. */
+    className?: string;
+}
+declare function CardCarouselSubtitle({ children, as, className }: CardCarouselSubtitleProps): import("react/jsx-runtime").JSX.Element;
+export default CardCarouselSubtitle;

package/dist/Card/CardCarousel/CardCarouselSubtitle.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 function CardCarouselSubtitle({
   children,
@@ -11,17 +10,5 @@ function CardCarouselSubtitle({
     className: classNames('pgn__card-carousel-subtitle', className)
   }, children);
 }
-CardCarouselSubtitle.propTypes = {
-  /** Specifies contents of the component. */
-  children: PropTypes.node.isRequired,
-  /** Specifies the base element */
-  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  /** A class name to append to the base element. */
-  className: PropTypes.string
-};
-CardCarouselSubtitle.defaultProps = {
-  as: undefined,
-  className: undefined
-};
 export default CardCarouselSubtitle;
 //# sourceMappingURL=CardCarouselSubtitle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardCarouselSubtitle.js","names":["React","PropTypes","classNames","CardCarouselSubtitle","children","as","className","Component","createElement","propTypes","node","isRequired","oneOfType","string","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselSubtitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction CardCarouselSubtitle({ children, as, className }) {\n  const Component = as || 'p';\n  return (\n    <Component className={classNames('pgn__card-carousel-subtitle', className)}>\n      {children}\n    </Component>\n  );\n}\n\nCardCarouselSubtitle.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies the base element */\n  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n};\n\nCardCarouselSubtitle.defaultProps = {\n  as: undefined,\n  className: undefined,\n};\n\nexport default CardCarouselSubtitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoBA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC;AAAU,CAAC,EAAE;EACzD,MAAMC,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,oBACEL,KAAA,CAAAQ,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEJ,UAAU,CAAC,6BAA6B,EAAEI,SAAS;EAAE,GACxEF,QACQ,CAAC;AAEhB;AAEAD,oBAAoB,CAACM,SAAS,GAAG;EAC/B;EACAL,QAAQ,EAAEH,SAAS,CAACS,IAAI,CAACC,UAAU;EACnC;EACAN,EAAE,EAAEJ,SAAS,CAACW,SAAS,CAAC,CAACX,SAAS,CAACY,MAAM,EAAEZ,SAAS,CAACa,WAAW,CAAC,CAAC;EAClE;EACAR,SAAS,EAAEL,SAAS,CAACY;AACvB,CAAC;AAEDV,oBAAoB,CAACY,YAAY,GAAG;EAClCV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAeb,oBAAoB","ignoreList":[]}
+{"version":3,"file":"CardCarouselSubtitle.js","names":["React","classNames","CardCarouselSubtitle","children","as","className","Component","createElement"],"sources":["../../../src/Card/CardCarousel/CardCarouselSubtitle.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\ninterface CardCarouselSubtitleProps {\n  /** Specifies contents of the component. */\n  children: React.ReactNode;\n  /** Specifies the base element */\n  as?: React.ElementType;\n  /** A class name to append to the base element. */\n  className?: string;\n}\n\nfunction CardCarouselSubtitle({ children, as, className }: CardCarouselSubtitleProps) {\n  const Component = as || 'p';\n  return (\n    <Component className={classNames('pgn__card-carousel-subtitle', className)}>\n      {children}\n    </Component>\n  );\n}\n\nexport default CardCarouselSubtitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAWnC,SAASC,oBAAoBA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC;AAAqC,CAAC,EAAE;EACpF,MAAMC,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,oBACEJ,KAAA,CAAAO,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEJ,UAAU,CAAC,6BAA6B,EAAEI,SAAS;EAAE,GACxEF,QACQ,CAAC;AAEhB;AAEA,eAAeD,oBAAoB","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CardCarouselTitleProps {
+    children: React.ReactNode;
+    as?: React.ElementType;
+    className?: string;
+}
+declare function CardCarouselTitle({ children, as, className }: CardCarouselTitleProps): import("react/jsx-runtime").JSX.Element;
+export default CardCarouselTitle;

package/dist/Card/CardCarousel/CardCarouselTitle.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 function CardCarouselTitle({
   children,
@@ -11,14 +10,5 @@ function CardCarouselTitle({
     className: classNames('pgn__card-carousel-title', className)
   }, children);
 }
-CardCarouselTitle.propTypes = {
-  children: PropTypes.node.isRequired,
-  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  className: PropTypes.string
-};
-CardCarouselTitle.defaultProps = {
-  as: undefined,
-  className: undefined
-};
 export default CardCarouselTitle;
 //# sourceMappingURL=CardCarouselTitle.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"CardCarouselTitle.js","names":["React","classNames","CardCarouselTitle","children","as","className","Component","createElement"],"sources":["../../../src/Card/CardCarousel/CardCarouselTitle.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\ninterface CardCarouselTitleProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  className?: string;\n}\n\nfunction CardCarouselTitle({ children, as, className }: CardCarouselTitleProps) {\n  const Component = as || 'h2';\n  return (\n    <Component className={classNames('pgn__card-carousel-title', className)}>\n      {children}\n    </Component>\n  );\n}\n\nexport default CardCarouselTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAQnC,SAASC,iBAAiBA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC;AAAkC,CAAC,EAAE;EAC9E,MAAMC,SAAS,GAAGF,EAAE,IAAI,IAAI;EAC5B,oBACEJ,KAAA,CAAAO,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEJ,UAAU,CAAC,0BAA0B,EAAEI,SAAS;EAAE,GACrEF,QACQ,CAAC;AAEhB;AAEA,eAAeD,iBAAiB","ignoreList":[]}

package/dist/IconButton/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type Placement } from 'react-bootstrap/Overlay';
-interface Props extends React.HTMLAttributes<HTMLButtonElement> {
+interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Component that renders the icon, currently defaults to `Icon` */
     iconAs?: React.ComponentType<any>;
     /** Additional CSS class[es] to apply to this button */

package/dist/IconButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classNames","OverlayTrigger","Tooltip","Icon","IconButton","forwardRef","className","alt","invertColors","icon","src","iconClassNames","onClick","size","variant","iconAs","isActive","children","attrs","ref","invert","activeStyle","IconComponent","createElement","type","IconButtonWithTooltip","tooltipPlacement","tooltipContent","props","placement","overlay","id","undefined"],"sources":["../../src/IconButton/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { type Placement } from 'react-bootstrap/Overlay';\nimport { OverlayTrigger } from '../Overlay';\nimport Tooltip from '../Tooltip';\nimport Icon from '../Icon';\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  /** Component that renders the icon, currently defaults to `Icon` */\n  iconAs?: React.ComponentType<any>,\n  /** Additional CSS class[es] to apply to this button */\n  className?: string;\n  /** Alt text for your icon. For best practice, avoid using alt text to describe\n   * the image in the `IconButton`. Instead, we recommend describing the function\n   * of the button. */\n  alt: string;\n  /** Changes icon styles for dark background */\n  invertColors?: boolean;\n  /** An icon component to render. Example import of a Paragon icon component:\n   * `import { Check } from '@openedx/paragon/icons';`\n   * */\n  // Note: React.ComponentType is what we want here. React.ElementType would allow some element type strings like \"div\",\n  // but we only want to allow components like 'Add' (a specific icon component function/class)\n  src?: React.ComponentType;\n  /** Extra class names that will be added to the icon */\n  iconClassNames?: string;\n  /** Click handler for the button */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Whether to show the `IconButton` in an active state, whose styling is distinct from default state */\n  isActive?: boolean;\n  /** @deprecated Using FontAwesome icons is deprecated. Instead, pass iconAs={Icon} src={...} */\n  icon?: { prefix?: string; iconName?: string, icon?: any[] },\n  /** Type of button (uses Bootstrap options). */\n  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'black' | 'brand';\n  /** Size of button to render */\n  size?: 'sm' | 'md' | 'inline';\n  /** No children */\n  children?: never;\n}\n\nconst IconButton = React.forwardRef(({\n  className,\n  alt,\n  invertColors = false,\n  icon,\n  src,\n  iconClassNames,\n  onClick = () => {},\n  size = 'md',\n  variant = 'primary',\n  iconAs = Icon,\n  isActive = false,\n  children, // unused, just here because we don't want it to be part of 'attrs'\n  ...attrs\n} : Props, ref: React.ForwardedRef<HTMLButtonElement>) => {\n  const invert = invertColors ? 'inverse-' : '';\n  const activeStyle = isActive ? `${variant}-` : '';\n  const IconComponent = iconAs;\n\n  return (\n    <button\n      aria-label={alt}\n      className={classNames(\n        'btn-icon',\n        `btn-icon-${invert}${variant}`,\n        `btn-icon-${size}`,\n        {\n          [`btn-icon-${invert}${activeStyle}active`]: isActive,\n        },\n        className,\n      )}\n      onClick={onClick}\n      type=\"button\"\n      ref={ref}\n      {...attrs}\n    >\n      <span className=\"btn-icon__icon-container\">\n        {IconComponent && (\n          <IconComponent\n            className={classNames('btn-icon__icon', iconClassNames)}\n            icon={icon as any}\n            src={src}\n          />\n        )}\n      </span>\n    </button>\n  );\n});\n\ninterface PropsWithTooltip extends Props {\n  /** Tooltip placement can be top, left, right etc, choose from https://popper.js.org/docs/v2/constructors/#options */\n  tooltipPlacement?: Placement,\n  /** Any content to pass to tooltip content area */\n  tooltipContent: React.ReactNode,\n}\n\n/**\n * An icon button wrapped in overlaytrigger to display a tooltip.\n */\nfunction IconButtonWithTooltip({\n  tooltipPlacement = 'top', tooltipContent, ...props\n}: PropsWithTooltip) {\n  const invert = props.invertColors ? 'inverse-' : '';\n  return (\n    <OverlayTrigger\n      placement={tooltipPlacement}\n      overlay={(\n        <Tooltip\n          id={`iconbutton-tooltip-${tooltipPlacement}`}\n          variant={invert ? 'light' : undefined}\n        >\n          {tooltipContent}\n        </Tooltip>\n      )}\n    >\n      <IconButton {...props} />\n    </OverlayTrigger>\n  );\n}\n\n(IconButton as any).IconButtonWithTooltip = IconButtonWithTooltip;\n\nexport default IconButton as typeof IconButton & {\n  IconButtonWithTooltip: typeof IconButtonWithTooltip,\n};\nexport { IconButtonWithTooltip };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,YAAY;AAC3C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,IAAI,MAAM,SAAS;AAmC1B,MAAMC,UAAU,gBAAGL,KAAK,CAACM,UAAU,CAAC,CAAC;EACnCC,SAAS;EACTC,GAAG;EACHC,YAAY,GAAG,KAAK;EACpBC,IAAI;EACJC,GAAG;EACHC,cAAc;EACdC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,IAAI,GAAG,IAAI;EACXC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAGZ,IAAI;EACba,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EAAE;EACV,GAAGC;AACG,CAAC,EAAEC,GAA0C,KAAK;EACxD,MAAMC,MAAM,GAAGZ,YAAY,GAAG,UAAU,GAAG,EAAE;EAC7C,MAAMa,WAAW,GAAGL,QAAQ,GAAG,GAAGF,OAAO,GAAG,GAAG,EAAE;EACjD,MAAMQ,aAAa,GAAGP,MAAM;EAE5B,oBACEhB,KAAA,CAAAwB,aAAA;IACE,cAAYhB,GAAI;IAChBD,SAAS,EAAEN,UAAU,CACnB,UAAU,EACV,YAAYoB,MAAM,GAAGN,OAAO,EAAE,EAC9B,YAAYD,IAAI,EAAE,EAClB;MACE,CAAC,YAAYO,MAAM,GAAGC,WAAW,QAAQ,GAAGL;IAC9C,CAAC,EACDV,SACF,CAAE;IACFM,OAAO,EAAEA,OAAQ;IACjBY,IAAI,EAAC,QAAQ;IACbL,GAAG,EAAEA,GAAI;IAAA,GACLD;EAAK,gBAETnB,KAAA,CAAAwB,aAAA;IAAMjB,SAAS,EAAC;EAA0B,GACvCgB,aAAa,iBACZvB,KAAA,CAAAwB,aAAA,CAACD,aAAa;IACZhB,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEW,cAAc,CAAE;IACxDF,IAAI,EAAEA,IAAY;IAClBC,GAAG,EAAEA;EAAI,CACV,CAEC,CACA,CAAC;AAEb,CAAC,CAAC;AASF;AACA;AACA;AACA,SAASe,qBAAqBA,CAAC;EAC7BC,gBAAgB,GAAG,KAAK;EAAEC,cAAc;EAAE,GAAGC;AAC7B,CAAC,EAAE;EACnB,MAAMR,MAAM,GAAGQ,KAAK,CAACpB,YAAY,GAAG,UAAU,GAAG,EAAE;EACnD,oBACET,KAAA,CAAAwB,aAAA,CAACtB,cAAc;IACb4B,SAAS,EAAEH,gBAAiB;IAC5BI,OAAO,eACL/B,KAAA,CAAAwB,aAAA,CAACrB,OAAO;MACN6B,EAAE,EAAE,sBAAsBL,gBAAgB,EAAG;MAC7CZ,OAAO,EAAEM,MAAM,GAAG,OAAO,GAAGY;IAAU,GAErCL,cACM;EACT,gBAEF5B,KAAA,CAAAwB,aAAA,CAACnB,UAAU;IAAA,GAAKwB;EAAK,CAAG,CACV,CAAC;AAErB;AAECxB,UAAU,CAASqB,qBAAqB,GAAGA,qBAAqB;AAEjE,eAAerB,UAAU;AAGzB,SAASqB,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classNames","OverlayTrigger","Tooltip","Icon","IconButton","forwardRef","className","alt","invertColors","icon","src","iconClassNames","onClick","size","variant","iconAs","isActive","children","attrs","ref","invert","activeStyle","IconComponent","createElement","type","IconButtonWithTooltip","tooltipPlacement","tooltipContent","props","placement","overlay","id","undefined"],"sources":["../../src/IconButton/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { type Placement } from 'react-bootstrap/Overlay';\nimport { OverlayTrigger } from '../Overlay';\nimport Tooltip from '../Tooltip';\nimport Icon from '../Icon';\n\ninterface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Component that renders the icon, currently defaults to `Icon` */\n  iconAs?: React.ComponentType<any>,\n  /** Additional CSS class[es] to apply to this button */\n  className?: string;\n  /** Alt text for your icon. For best practice, avoid using alt text to describe\n   * the image in the `IconButton`. Instead, we recommend describing the function\n   * of the button. */\n  alt: string;\n  /** Changes icon styles for dark background */\n  invertColors?: boolean;\n  /** An icon component to render. Example import of a Paragon icon component:\n   * `import { Check } from '@openedx/paragon/icons';`\n   * */\n  // Note: React.ComponentType is what we want here. React.ElementType would allow some element type strings like \"div\",\n  // but we only want to allow components like 'Add' (a specific icon component function/class)\n  src?: React.ComponentType;\n  /** Extra class names that will be added to the icon */\n  iconClassNames?: string;\n  /** Click handler for the button */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Whether to show the `IconButton` in an active state, whose styling is distinct from default state */\n  isActive?: boolean;\n  /** @deprecated Using FontAwesome icons is deprecated. Instead, pass iconAs={Icon} src={...} */\n  icon?: { prefix?: string; iconName?: string, icon?: any[] },\n  /** Type of button (uses Bootstrap options). */\n  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'black' | 'brand';\n  /** Size of button to render */\n  size?: 'sm' | 'md' | 'inline';\n  /** No children */\n  children?: never;\n}\n\nconst IconButton = React.forwardRef(({\n  className,\n  alt,\n  invertColors = false,\n  icon,\n  src,\n  iconClassNames,\n  onClick = () => {},\n  size = 'md',\n  variant = 'primary',\n  iconAs = Icon,\n  isActive = false,\n  children, // unused, just here because we don't want it to be part of 'attrs'\n  ...attrs\n} : Props, ref: React.ForwardedRef<HTMLButtonElement>) => {\n  const invert = invertColors ? 'inverse-' : '';\n  const activeStyle = isActive ? `${variant}-` : '';\n  const IconComponent = iconAs;\n\n  return (\n    <button\n      aria-label={alt}\n      className={classNames(\n        'btn-icon',\n        `btn-icon-${invert}${variant}`,\n        `btn-icon-${size}`,\n        {\n          [`btn-icon-${invert}${activeStyle}active`]: isActive,\n        },\n        className,\n      )}\n      onClick={onClick}\n      type=\"button\"\n      ref={ref}\n      {...attrs}\n    >\n      <span className=\"btn-icon__icon-container\">\n        {IconComponent && (\n          <IconComponent\n            className={classNames('btn-icon__icon', iconClassNames)}\n            icon={icon as any}\n            src={src}\n          />\n        )}\n      </span>\n    </button>\n  );\n});\n\ninterface PropsWithTooltip extends Props {\n  /** Tooltip placement can be top, left, right etc, choose from https://popper.js.org/docs/v2/constructors/#options */\n  tooltipPlacement?: Placement,\n  /** Any content to pass to tooltip content area */\n  tooltipContent: React.ReactNode,\n}\n\n/**\n * An icon button wrapped in overlaytrigger to display a tooltip.\n */\nfunction IconButtonWithTooltip({\n  tooltipPlacement = 'top', tooltipContent, ...props\n}: PropsWithTooltip) {\n  const invert = props.invertColors ? 'inverse-' : '';\n  return (\n    <OverlayTrigger\n      placement={tooltipPlacement}\n      overlay={(\n        <Tooltip\n          id={`iconbutton-tooltip-${tooltipPlacement}`}\n          variant={invert ? 'light' : undefined}\n        >\n          {tooltipContent}\n        </Tooltip>\n      )}\n    >\n      <IconButton {...props} />\n    </OverlayTrigger>\n  );\n}\n\n(IconButton as any).IconButtonWithTooltip = IconButtonWithTooltip;\n\nexport default IconButton as typeof IconButton & {\n  IconButtonWithTooltip: typeof IconButtonWithTooltip,\n};\nexport { IconButtonWithTooltip };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,YAAY;AAC3C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,IAAI,MAAM,SAAS;AAmC1B,MAAMC,UAAU,gBAAGL,KAAK,CAACM,UAAU,CAAC,CAAC;EACnCC,SAAS;EACTC,GAAG;EACHC,YAAY,GAAG,KAAK;EACpBC,IAAI;EACJC,GAAG;EACHC,cAAc;EACdC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,IAAI,GAAG,IAAI;EACXC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAGZ,IAAI;EACba,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EAAE;EACV,GAAGC;AACG,CAAC,EAAEC,GAA0C,KAAK;EACxD,MAAMC,MAAM,GAAGZ,YAAY,GAAG,UAAU,GAAG,EAAE;EAC7C,MAAMa,WAAW,GAAGL,QAAQ,GAAG,GAAGF,OAAO,GAAG,GAAG,EAAE;EACjD,MAAMQ,aAAa,GAAGP,MAAM;EAE5B,oBACEhB,KAAA,CAAAwB,aAAA;IACE,cAAYhB,GAAI;IAChBD,SAAS,EAAEN,UAAU,CACnB,UAAU,EACV,YAAYoB,MAAM,GAAGN,OAAO,EAAE,EAC9B,YAAYD,IAAI,EAAE,EAClB;MACE,CAAC,YAAYO,MAAM,GAAGC,WAAW,QAAQ,GAAGL;IAC9C,CAAC,EACDV,SACF,CAAE;IACFM,OAAO,EAAEA,OAAQ;IACjBY,IAAI,EAAC,QAAQ;IACbL,GAAG,EAAEA,GAAI;IAAA,GACLD;EAAK,gBAETnB,KAAA,CAAAwB,aAAA;IAAMjB,SAAS,EAAC;EAA0B,GACvCgB,aAAa,iBACZvB,KAAA,CAAAwB,aAAA,CAACD,aAAa;IACZhB,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEW,cAAc,CAAE;IACxDF,IAAI,EAAEA,IAAY;IAClBC,GAAG,EAAEA;EAAI,CACV,CAEC,CACA,CAAC;AAEb,CAAC,CAAC;AASF;AACA;AACA;AACA,SAASe,qBAAqBA,CAAC;EAC7BC,gBAAgB,GAAG,KAAK;EAAEC,cAAc;EAAE,GAAGC;AAC7B,CAAC,EAAE;EACnB,MAAMR,MAAM,GAAGQ,KAAK,CAACpB,YAAY,GAAG,UAAU,GAAG,EAAE;EACnD,oBACET,KAAA,CAAAwB,aAAA,CAACtB,cAAc;IACb4B,SAAS,EAAEH,gBAAiB;IAC5BI,OAAO,eACL/B,KAAA,CAAAwB,aAAA,CAACrB,OAAO;MACN6B,EAAE,EAAE,sBAAsBL,gBAAgB,EAAG;MAC7CZ,OAAO,EAAEM,MAAM,GAAG,OAAO,GAAGY;IAAU,GAErCL,cACM;EACT,gBAEF5B,KAAA,CAAAwB,aAAA,CAACnB,UAAU;IAAA,GAAKwB;EAAK,CAAG,CACV,CAAC;AAErB;AAECxB,UAAU,CAASqB,qBAAqB,GAAGA,qBAAqB;AAEjE,eAAerB,UAAU;AAGzB,SAASqB,qBAAqB","ignoreList":[]}

package/dist/IconButtonToggle/index.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 /**
  *
  * @param {object} args arguments
- * @param {boolean} args.activeValue the current value of the active/selected iconButton.
+ * @param {string} args.activeValue the current value of the active/selected iconButton.
  *                                   if not provided, none of the iconButtons will initially be active
  * @param {Function} args.onChange callback to call when toggle value changes.
  *                                 Receives value of the selected toggle button.

package/dist/IconButtonToggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","IconButtonToggle","activeValue","onChange","children","iconButtons","Children","map","iconButton","isActive","props","value","cloneElement","onClick","createElement","className","defaultProps","undefined","propTypes","string","func","node","isRequired"],"sources":["../../src/IconButtonToggle/index.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n *\n * @param {object} args arguments\n * @param {boolean} args.activeValue the current value of the active/selected iconButton.\n *                                   if not provided, none of the iconButtons will initially be active\n * @param {Function} args.onChange callback to call when toggle value changes.\n *                                 Receives value of the selected toggle button.\n * @param {Array<IconButton>} args.children children components expected to be IconButton\n * @returns {React.Component} A React component\n */\nfunction IconButtonToggle({ activeValue, onChange, children }) {\n  const iconButtons = useMemo(\n    () => React.Children.map(children, iconButton => {\n      const isActive = iconButton.props.value === activeValue;\n      return React.cloneElement(iconButton, {\n        onClick: () => { onChange(iconButton.props.value); },\n        isActive,\n        'aria-selected': isActive,\n        'data-testid': `icon-btn-val-${iconButton.props.value}`,\n      });\n    }),\n    [children, activeValue, onChange],\n  );\n  return <div className=\"pgn__icon-button-toggle__container\">{iconButtons}</div>;\n}\n\nIconButtonToggle.defaultProps = {\n  onChange: () => {},\n  activeValue: undefined,\n};\n\nIconButtonToggle.propTypes = {\n  /** value to use to check which button to set to active */\n  activeValue: PropTypes.string,\n  /** handler that is passed the currently active button's value when a button is selected */\n  onChange: PropTypes.func,\n  /** child nodes of type `IconButton` (or its subcomponents) to be rendered within toggle group */\n  children: PropTypes.node.isRequired,\n};\n\nexport default IconButtonToggle;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAAC;EAAEC,WAAW;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAE;EAC7D,MAAMC,WAAW,GAAGN,OAAO,CACzB,MAAMD,KAAK,CAACQ,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAAEI,UAAU,IAAI;IAC/C,MAAMC,QAAQ,GAAGD,UAAU,CAACE,KAAK,CAACC,KAAK,KAAKT,WAAW;IACvD,oBAAOJ,KAAK,CAACc,YAAY,CAACJ,UAAU,EAAE;MACpCK,OAAO,EAAEA,CAAA,KAAM;QAAEV,QAAQ,CAACK,UAAU,CAACE,KAAK,CAACC,KAAK,CAAC;MAAE,CAAC;MACpDF,QAAQ;MACR,eAAe,EAAEA,QAAQ;MACzB,aAAa,EAAE,gBAAgBD,UAAU,CAACE,KAAK,CAACC,KAAK;IACvD,CAAC,CAAC;EACJ,CAAC,CAAC,EACF,CAACP,QAAQ,EAAEF,WAAW,EAAEC,QAAQ,CAClC,CAAC;EACD,oBAAOL,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC;EAAoC,GAAEV,WAAiB,CAAC;AAChF;AAEAJ,gBAAgB,CAACe,YAAY,GAAG;EAC9Bb,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBD,WAAW,EAAEe;AACf,CAAC;AAEDhB,gBAAgB,CAACiB,SAAS,GAAG;EAC3B;EACAhB,WAAW,EAAEF,SAAS,CAACmB,MAAM;EAC7B;EACAhB,QAAQ,EAAEH,SAAS,CAACoB,IAAI;EACxB;EACAhB,QAAQ,EAAEJ,SAAS,CAACqB,IAAI,CAACC;AAC3B,CAAC;AAED,eAAerB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","IconButtonToggle","activeValue","onChange","children","iconButtons","Children","map","iconButton","isActive","props","value","cloneElement","onClick","createElement","className","defaultProps","undefined","propTypes","string","func","node","isRequired"],"sources":["../../src/IconButtonToggle/index.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n *\n * @param {object} args arguments\n * @param {string} args.activeValue the current value of the active/selected iconButton.\n *                                   if not provided, none of the iconButtons will initially be active\n * @param {Function} args.onChange callback to call when toggle value changes.\n *                                 Receives value of the selected toggle button.\n * @param {Array<IconButton>} args.children children components expected to be IconButton\n * @returns {React.Component} A React component\n */\nfunction IconButtonToggle({ activeValue, onChange, children }) {\n  const iconButtons = useMemo(\n    () => React.Children.map(children, iconButton => {\n      const isActive = iconButton.props.value === activeValue;\n      return React.cloneElement(iconButton, {\n        onClick: () => { onChange(iconButton.props.value); },\n        isActive,\n        'aria-selected': isActive,\n        'data-testid': `icon-btn-val-${iconButton.props.value}`,\n      });\n    }),\n    [children, activeValue, onChange],\n  );\n  return <div className=\"pgn__icon-button-toggle__container\">{iconButtons}</div>;\n}\n\nIconButtonToggle.defaultProps = {\n  onChange: () => {},\n  activeValue: undefined,\n};\n\nIconButtonToggle.propTypes = {\n  /** value to use to check which button to set to active */\n  activeValue: PropTypes.string,\n  /** handler that is passed the currently active button's value when a button is selected */\n  onChange: PropTypes.func,\n  /** child nodes of type `IconButton` (or its subcomponents) to be rendered within toggle group */\n  children: PropTypes.node.isRequired,\n};\n\nexport default IconButtonToggle;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAAC;EAAEC,WAAW;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAE;EAC7D,MAAMC,WAAW,GAAGN,OAAO,CACzB,MAAMD,KAAK,CAACQ,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAAEI,UAAU,IAAI;IAC/C,MAAMC,QAAQ,GAAGD,UAAU,CAACE,KAAK,CAACC,KAAK,KAAKT,WAAW;IACvD,oBAAOJ,KAAK,CAACc,YAAY,CAACJ,UAAU,EAAE;MACpCK,OAAO,EAAEA,CAAA,KAAM;QAAEV,QAAQ,CAACK,UAAU,CAACE,KAAK,CAACC,KAAK,CAAC;MAAE,CAAC;MACpDF,QAAQ;MACR,eAAe,EAAEA,QAAQ;MACzB,aAAa,EAAE,gBAAgBD,UAAU,CAACE,KAAK,CAACC,KAAK;IACvD,CAAC,CAAC;EACJ,CAAC,CAAC,EACF,CAACP,QAAQ,EAAEF,WAAW,EAAEC,QAAQ,CAClC,CAAC;EACD,oBAAOL,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC;EAAoC,GAAEV,WAAiB,CAAC;AAChF;AAEAJ,gBAAgB,CAACe,YAAY,GAAG;EAC9Bb,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBD,WAAW,EAAEe;AACf,CAAC;AAEDhB,gBAAgB,CAACiB,SAAS,GAAG;EAC3B;EACAhB,WAAW,EAAEF,SAAS,CAACmB,MAAM;EAC7B;EACAhB,QAAQ,EAAEH,SAAS,CAACoB,IAAI;EACxB;EACAhB,QAAQ,EAAEJ,SAAS,CAACqB,IAAI,CAACC;AAC3B,CAAC;AAED,eAAerB,gBAAgB","ignoreList":[]}

package/dist/index.d.ts

@@ -3,6 +3,8 @@ export { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';
 export { default as Annotation } from './Annotation';
 export { default as Avatar } from './Avatar';
 export { default as AvatarButton } from './AvatarButton';
+export { default as Badge } from './Badge';
+export { default as Breadcrumb } from './Breadcrumb';
 export { default as Bubble } from './Bubble';
 export { default as Button, ButtonGroup, ButtonToolbar } from './Button';
 export { default as Chip, CHIP_PGN_CLASS } from './Chip';
@@ -28,8 +30,6 @@ export { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVis
 export { default as useIsVisible } from './hooks/useIsVisibleHook';
 export { default as breakpoints } from './utils/breakpoints';
 export { default as asInput } from './asInput';
-export { default as Badge } from './Badge';
-export { default as Breadcrumb } from './Breadcrumb';
 export { default as Card, CardColumns, CardDeck, CardImg, CardGroup, CardGrid, CardCarousel, CARD_VARIANTS, } from './Card';
 export { default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT, } from './Carousel';
 export { default as CloseButton } from './CloseButton';

package/dist/index.js

@@ -6,6 +6,8 @@ export { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';
 export { default as Annotation } from './Annotation';
 export { default as Avatar } from './Avatar';
 export { default as AvatarButton } from './AvatarButton';
+export { default as Badge } from './Badge';
+export { default as Breadcrumb } from './Breadcrumb';
 export { default as Bubble } from './Bubble';
 export { default as Button, ButtonGroup, ButtonToolbar } from './Button';
 export { default as Chip, CHIP_PGN_CLASS } from './Chip';
@@ -36,10 +38,6 @@ export { default as breakpoints } from './utils/breakpoints';
 // // // // // // // // // // // // // // // // // // // // // // // // // // //
 // @ts-ignore: has yet to be converted to TypeScript
 export { default as asInput } from './asInput';
-// @ts-ignore: has yet to be converted to TypeScript
-export { default as Badge } from './Badge';
-// @ts-ignore: has yet to be converted to TypeScript
-export { default as Breadcrumb } from './Breadcrumb';
 export { default as Card, CardColumns, CardDeck, CardImg, CardGroup, CardGrid, CardCarousel, CARD_VARIANTS
 // @ts-ignore: has yet to be converted to TypeScript
 } from './Card';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","ActionRow","Alert","ALERT_CLOSE_LABEL_TEXT","Annotation","Avatar","AvatarButton","Bubble","Button","ButtonGroup","ButtonToolbar","Chip","CHIP_PGN_CLASS","ChipCarousel","Container","Form","RadioControl","CheckboxControl","SwitchControl","FormSwitchSet","FormControl","FormControlDecoratorGroup","FormControlFeedback","FormCheck","FormFile","FormRadio","FormRadioSet","FormRadioSetContext","FormGroup","FormLabel","useCheckboxSetValues","FormText","FormAutosuggest","FormAutosuggestOption","InputGroup","Hyperlink","Icon","IconButton","IconButtonWithTooltip","ModalContext","ModalDialog","ModalLayer","Overlay","OverlayTrigger","Portal","Spinner","Stack","Toast","TOAST_CLOSE_LABEL_TEXT","TOAST_DELAY","Tooltip","useWindowSize","useToggle","useArrowKeyNavigation","useIndexOfLastVisibleChild","useIsVisible","breakpoints","asInput","Badge","Breadcrumb","Card","CardColumns","CardDeck","CardImg","CardGroup","CardGrid","CardCarousel","CARD_VARIANTS","Carousel","CarouselItem","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","CloseButton","Layout","Col","Row","Collapse","Collapsible","Scrollable","Dropdown","DropdownToggle","DropdownButton","SplitButton","Fade","IconButtonToggle","Image","Figure","MailtoLink","MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT","MAIL_TO_LINK_EXTERNAL_LINK_TITLE","Media","Menu","MenuItem","SelectMenu","SELECT_MENU_DEFAULT_MESSAGE","ModalCloseButton","FullscreenModal","FULLSCREEN_MODAL_CLOSE_LABEL","MarketingModal","StandardModal","STANDARD_MODAL_CLOSE_LABEL","AlertModal","ModalPopup","PopperElement","Nav","NavDropdown","NavItem","NavLink","Navbar","NavbarBrand","NAVBAR_LABEL","PageBanner","PAGE_BANNER_DISMISS_ALT_TEXT","Pagination","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","Popover","PopoverTitle","PopoverContent","ProgressBar","ProductTour","ResponsiveEmbed","SearchField","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_BUTTON_TEXT","Sheet","Stepper","StatefulButton","Tabs","Tab","TabContainer","TabContent","TabPane","TransitionReplace","ValidationMessage","DataTable","TextFilter","CheckboxFilter","DropdownFilter","MultiSelectDropdownFilter","TableHeaderCell","TableCell","TableFilters","TABLE_FILTERS_BUTTON_TEXT","TableHeader","TableRow","TablePagination","TablePaginationMinimal","DataTableContext","BulkActions","TableControlBar","TableFooter","CardView","Skeleton","SkeletonTheme","ToggleButton","ToggleButtonGroup","Sticky","SelectableBox","Variant","OverflowScrollContext","OverflowScroll","useOverflowScroll","useOverflowScrollItems","Dropzone","messages","Truncate","ColorPicker","MediaQuery","useMediaQuery","Context","ResponsiveContext","useTable","useFilters","useGlobalFilter","useSortBy","useGroupBy","useExpanded","usePagination","useRowSelect","useRowState","useColumnOrder","useResizeColumns","useBlockLayout","useAbsoluteLayout","useFlexLayout"],"sources":["../src/index.ts"],"sourcesContent":["// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport { default as ActionRow } from './ActionRow';\nexport { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';\nexport { default as Annotation } from './Annotation';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarButton } from './AvatarButton';\nexport { default as Bubble } from './Bubble';\nexport { default as Button, ButtonGroup, ButtonToolbar } from './Button';\nexport { default as Chip, CHIP_PGN_CLASS } from './Chip';\nexport { default as ChipCarousel } from './ChipCarousel';\nexport { default as Container, type ContainerSize } from './Container';\nexport {\n  default as Form,\n  RadioControl,\n  CheckboxControl,\n  SwitchControl,\n  FormSwitchSet,\n  FormControl,\n  FormControlDecoratorGroup,\n  FormControlFeedback,\n  FormCheck,\n  FormFile,\n  FormRadio,\n  FormRadioSet,\n  FormRadioSetContext,\n  FormGroup,\n  FormLabel,\n  useCheckboxSetValues,\n  FormText,\n  FormAutosuggest,\n  FormAutosuggestOption,\n  InputGroup,\n} from './Form';\nexport { default as Hyperlink } from './Hyperlink';\nexport { default as Icon } from './Icon';\nexport { default as IconButton, IconButtonWithTooltip } from './IconButton';\nexport { default as ModalContext } from './Modal/ModalContext';\nexport { default as ModalDialog } from './Modal/ModalDialog';\nexport { default as ModalLayer } from './Modal/ModalLayer';\nexport { default as Overlay, OverlayTrigger } from './Overlay';\nexport { default as Portal } from './Modal/Portal';\nexport { default as Spinner } from './Spinner';\nexport { default as Stack } from './Stack';\nexport { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';\nexport { default as Tooltip } from './Tooltip';\nexport { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';\nexport { default as useToggle, type Toggler, type ToggleHandlers } from './hooks/useToggleHook';\nexport { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';\nexport { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';\nexport { default as useIsVisible } from './hooks/useIsVisibleHook';\nexport { default as breakpoints } from './utils/breakpoints';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that don't have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as asInput } from './asInput';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Badge } from './Badge';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Breadcrumb } from './Breadcrumb';\n\nexport {\n  default as Card,\n  CardColumns,\n  CardDeck,\n  CardImg,\n  CardGroup,\n  CardGrid,\n  CardCarousel,\n  CARD_VARIANTS,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Card';\nexport {\n  default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Carousel';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CloseButton } from './CloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Layout, Col, Row } from './Layout';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapse } from './Collapse';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapsible } from './Collapsible';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Scrollable } from './Scrollable';\nexport {\n  default as Dropdown,\n  DropdownToggle,\n  DropdownButton,\n  SplitButton,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Dropdown';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Fade } from './Fade';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as IconButtonToggle } from './IconButtonToggle';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Image, Figure } from './Image';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MailtoLink, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT, MAIL_TO_LINK_EXTERNAL_LINK_TITLE } from './MailtoLink';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Media } from './Media';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Menu } from './Menu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MenuItem } from './Menu/MenuItem';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectMenu, SELECT_MENU_DEFAULT_MESSAGE } from './Menu/SelectMenu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalCloseButton } from './Modal/ModalCloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as FullscreenModal, FULLSCREEN_MODAL_CLOSE_LABEL } from './Modal/FullscreenModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MarketingModal } from './Modal/MarketingModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StandardModal, STANDARD_MODAL_CLOSE_LABEL } from './Modal/StandardModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as AlertModal } from './Modal/AlertModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalPopup } from './Modal/ModalPopup';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PopperElement } from './Modal/PopperElement';\n\nexport {\n  default as Nav,\n  NavDropdown,\n  NavItem,\n  NavLink,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Nav';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Navbar, NavbarBrand, NAVBAR_LABEL } from './Navbar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PageBanner, PAGE_BANNER_DISMISS_ALT_TEXT } from './PageBanner';\nexport {\n  default as Pagination,\n  PAGINATION_BUTTON_LABEL_PREV,\n  PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT,\n  PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT,\n  PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n  PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n  PAGINATION_BUTTON_LABEL_NEXT,\n  PAGINATION_BUTTON_LABEL_PAGE,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Pagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Popover, PopoverTitle, PopoverContent } from './Popover';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProgressBar } from './ProgressBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProductTour } from './ProductTour';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ResponsiveEmbed } from './ResponsiveEmbed';\nexport {\n  default as SearchField,\n  SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n  SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n  SEARCH_FIELD_BUTTON_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './SearchField';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sheet } from './Sheet';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Stepper } from './Stepper';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StatefulButton } from './StatefulButton';\nexport {\n  default as Tabs,\n  Tab,\n  TabContainer,\n  TabContent,\n  TabPane,\n// @ts-ignore: has yet to be converted to TypeScript\n} from './Tabs';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TransitionReplace } from './TransitionReplace';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ValidationMessage } from './ValidationMessage';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTable } from './DataTable';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TextFilter } from './DataTable/filters/TextFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CheckboxFilter } from './DataTable/filters/CheckboxFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DropdownFilter } from './DataTable/filters/DropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MultiSelectDropdownFilter } from './DataTable/filters/MultiSelectDropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeaderCell } from './DataTable/TableHeaderCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableCell } from './DataTable/TableCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFilters, TABLE_FILTERS_BUTTON_TEXT } from './DataTable/TableFilters';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeader } from './DataTable/TableHeaderRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableRow } from './DataTable/TableRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePagination } from './DataTable/TablePagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePaginationMinimal } from './DataTable/TablePaginationMinimal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTableContext } from './DataTable/DataTableContext';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as BulkActions } from './DataTable/BulkActions';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableControlBar } from './DataTable/TableControlBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFooter } from './DataTable/TableFooter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CardView } from './DataTable/CardView';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Skeleton, SkeletonTheme } from './Skeleton/index';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sticky } from './Sticky';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectableBox } from './SelectableBox';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Variant } from './utils/constants';\nexport {\n  OverflowScrollContext,\n  OverflowScroll,\n  useOverflowScroll,\n  useOverflowScrollItems,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './OverflowScroll';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Dropzone } from './Dropzone';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as messages } from './i18n';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Truncate } from './Truncate';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ColorPicker } from './ColorPicker';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Pass through any needed whole third-party library functionality\n// useTable for example is needed to use the DataTable component seamlessly\n// rather than setting a peer dependency in this project, we opt to tightly\n// couple these dependencies by passing through needed functionality.\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport {\n  default as MediaQuery,\n  useMediaQuery,\n  Context as ResponsiveContext,\n} from 'react-responsive';\nexport {\n  useTable,\n  useFilters,\n  useGlobalFilter,\n  useSortBy,\n  useGroupBy,\n  useExpanded,\n  usePagination,\n  useRowSelect,\n  useRowState,\n  useColumnOrder,\n  useResizeColumns,\n  useBlockLayout,\n  useAbsoluteLayout,\n  useFlexLayout,\n} from 'react-table';\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa;AAClD,SAASD,OAAO,IAAIE,KAAK,EAAEC,sBAAsB,QAAQ,SAAS;AAClE,SAASH,OAAO,IAAII,UAAU,QAAQ,cAAc;AACpD,SAASJ,OAAO,IAAIK,MAAM,QAAQ,UAAU;AAC5C,SAASL,OAAO,IAAIM,YAAY,QAAQ,gBAAgB;AACxD,SAASN,OAAO,IAAIO,MAAM,QAAQ,UAAU;AAC5C,SAASP,OAAO,IAAIQ,MAAM,EAAEC,WAAW,EAAEC,aAAa,QAAQ,UAAU;AACxE,SAASV,OAAO,IAAIW,IAAI,EAAEC,cAAc,QAAQ,QAAQ;AACxD,SAASZ,OAAO,IAAIa,YAAY,QAAQ,gBAAgB;AACxD,SAASb,OAAO,IAAIc,SAAS,QAA4B,aAAa;AACtE,SACEd,OAAO,IAAIe,IAAI,EACfC,YAAY,EACZC,eAAe,EACfC,aAAa,EACbC,aAAa,EACbC,WAAW,EACXC,yBAAyB,EACzBC,mBAAmB,EACnBC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,mBAAmB,EACnBC,SAAS,EACTC,SAAS,EACTC,oBAAoB,EACpBC,QAAQ,EACRC,eAAe,EACfC,qBAAqB,EACrBC,UAAU,QACL,QAAQ;AACf,SAASlC,OAAO,IAAImC,SAAS,QAAQ,aAAa;AAClD,SAASnC,OAAO,IAAIoC,IAAI,QAAQ,QAAQ;AACxC,SAASpC,OAAO,IAAIqC,UAAU,EAAEC,qBAAqB,QAAQ,cAAc;AAC3E,SAAStC,OAAO,IAAIuC,YAAY,QAAQ,sBAAsB;AAC9D,SAASvC,OAAO,IAAIwC,WAAW,QAAQ,qBAAqB;AAC5D,SAASxC,OAAO,IAAIyC,UAAU,QAAQ,oBAAoB;AAC1D,SAASzC,OAAO,IAAI0C,OAAO,EAAEC,cAAc,QAAQ,WAAW;AAC9D,SAAS3C,OAAO,IAAI4C,MAAM,QAAQ,gBAAgB;AAClD,SAAS5C,OAAO,IAAI6C,OAAO,QAAQ,WAAW;AAC9C,SAAS7C,OAAO,IAAI8C,KAAK,QAAQ,SAAS;AAC1C,SAAS9C,OAAO,IAAI+C,KAAK,EAAEC,sBAAsB,EAAEC,WAAW,QAAQ,SAAS;AAC/E,SAASjD,OAAO,IAAIkD,OAAO,QAAQ,WAAW;AAC9C,SAASlD,OAAO,IAAImD,aAAa,QAA6B,2BAA2B;AACzF,SAASnD,OAAO,IAAIoD,SAAS,QAA2C,uBAAuB;AAC/F,SAASpD,OAAO,IAAIqD,qBAAqB,QAA+B,mCAAmC;AAC3G,SAASrD,OAAO,IAAIsD,0BAA0B,QAAQ,wCAAwC;AAC9F,SAAStD,OAAO,IAAIuD,YAAY,QAAQ,0BAA0B;AAClE,SAASvD,OAAO,IAAIwD,WAAW,QAAQ,qBAAqB;;AAE5D;AACA;AACA;AACA;AACA,SAASxD,OAAO,IAAIyD,OAAO,QAAQ,WAAW;AAC9C;AACA,SAASzD,OAAO,IAAI0D,KAAK,QAAQ,SAAS;AAC1C;AACA,SAAS1D,OAAO,IAAI2D,UAAU,QAAQ,cAAc;AAEpD,SACE3D,OAAO,IAAI4D,IAAI,EACfC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,YAAY,EACZC;AACA;AAAA,OACK,QAAQ;AACf,SACEnE,OAAO,IAAIoE,QAAQ,EAAEC,YAAY,EAAEC,wBAAwB,EAAEC;AAC7D;AAAA,OACK,YAAY;AACnB;AACA,SAASvE,OAAO,IAAIwE,WAAW,QAAQ,eAAe;AACtD;AACA,SAASxE,OAAO,IAAIyE,MAAM,EAAEC,GAAG,EAAEC,GAAG,QAAQ,UAAU;AACtD;AACA,SAAS3E,OAAO,IAAI4E,QAAQ,QAAQ,YAAY;AAChD;AACA,SAAS5E,OAAO,IAAI6E,WAAW,QAAQ,eAAe;AACtD;AACA,SAAS7E,OAAO,IAAI8E,UAAU,QAAQ,cAAc;AACpD,SACE9E,OAAO,IAAI+E,QAAQ,EACnBC,cAAc,EACdC,cAAc,EACdC;AACA;AAAA,OACK,YAAY;AACnB;AACA,SAASlF,OAAO,IAAImF,IAAI,QAAQ,QAAQ;AACxC;AACA,SAASnF,OAAO,IAAIoF,gBAAgB,QAAQ,oBAAoB;AAChE;AACA,SAASpF,OAAO,IAAIqF,KAAK,EAAEC,MAAM,QAAQ,SAAS;AAClD;AACA,SAAStF,OAAO,IAAIuF,UAAU,EAAEC,2CAA2C,EAAEC,gCAAgC,QAAQ,cAAc;AACnI;AACA,SAASzF,OAAO,IAAI0F,KAAK,QAAQ,SAAS;AAC1C;AACA,SAAS1F,OAAO,IAAI2F,IAAI,QAAQ,QAAQ;AACxC;AACA,SAAS3F,OAAO,IAAI4F,QAAQ,QAAQ,iBAAiB;AACrD;AACA,SAAS5F,OAAO,IAAI6F,UAAU,EAAEC,2BAA2B,QAAQ,mBAAmB;AACtF;AACA,SAAS9F,OAAO,IAAI+F,gBAAgB,QAAQ,0BAA0B;AACtE;AACA,SAAS/F,OAAO,IAAIgG,eAAe,EAAEC,4BAA4B,QAAQ,yBAAyB;AAClG;AACA,SAASjG,OAAO,IAAIkG,cAAc,QAAQ,wBAAwB;AAClE;AACA,SAASlG,OAAO,IAAImG,aAAa,EAAEC,0BAA0B,QAAQ,uBAAuB;AAC5F;AACA,SAASpG,OAAO,IAAIqG,UAAU,QAAQ,oBAAoB;AAC1D;AACA,SAASrG,OAAO,IAAIsG,UAAU,QAAQ,oBAAoB;AAC1D;AACA,SAAStG,OAAO,IAAIuG,aAAa,QAAQ,uBAAuB;AAEhE,SACEvG,OAAO,IAAIwG,GAAG,EACdC,WAAW,EACXC,OAAO,EACPC;AACA;AAAA,OACK,OAAO;AACd;AACA,SAAS3G,OAAO,IAAI4G,MAAM,EAAEC,WAAW,EAAEC,YAAY,QAAQ,UAAU;AACvE;AACA,SAAS9G,OAAO,IAAI+G,UAAU,EAAEC,4BAA4B,QAAQ,cAAc;AAClF,SACEhH,OAAO,IAAIiH,UAAU,EACrBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,sCAAsC,EACtCC,qCAAqC,EACrCC,oCAAoC,EACpCC,4BAA4B,EAC5BC;AACA;AAAA,OACK,cAAc;AACrB;AACA,SAASxH,OAAO,IAAIyH,OAAO,EAAEC,YAAY,EAAEC,cAAc,QAAQ,WAAW;AAC5E;AACA,SAAS3H,OAAO,IAAI4H,WAAW,QAAQ,eAAe;AACtD;AACA,SAAS5H,OAAO,IAAI6H,WAAW,QAAQ,eAAe;AACtD;AACA,SAAS7H,OAAO,IAAI8H,eAAe,QAAQ,mBAAmB;AAC9D,SACE9H,OAAO,IAAI+H,WAAW,EACtBC,qCAAqC,EACrCC,4CAA4C,EAC5CC,6CAA6C,EAC7CC;AACA;AAAA,OACK,eAAe;AACtB;AACA,SAASnI,OAAO,IAAIoI,KAAK,QAAQ,SAAS;AAC1C;AACA,SAASpI,OAAO,IAAIqI,OAAO,QAAQ,WAAW;AAC9C;AACA,SAASrI,OAAO,IAAIsI,cAAc,QAAQ,kBAAkB;AAC5D,SACEtI,OAAO,IAAIuI,IAAI,EACfC,GAAG,EACHC,YAAY,EACZC,UAAU,EACVC;AACF;AAAA,OACO,QAAQ;AACf;AACA,SAAS3I,OAAO,IAAI4I,iBAAiB,QAAQ,qBAAqB;AAClE;AACA,SAAS5I,OAAO,IAAI6I,iBAAiB,QAAQ,qBAAqB;AAClE;AACA,SAAS7I,OAAO,IAAI8I,SAAS,QAAQ,aAAa;AAClD;AACA,SAAS9I,OAAO,IAAI+I,UAAU,QAAQ,gCAAgC;AACtE;AACA,SAAS/I,OAAO,IAAIgJ,cAAc,QAAQ,oCAAoC;AAC9E;AACA,SAAShJ,OAAO,IAAIiJ,cAAc,QAAQ,oCAAoC;AAC9E;AACA,SAASjJ,OAAO,IAAIkJ,yBAAyB,QAAQ,+CAA+C;AACpG;AACA,SAASlJ,OAAO,IAAImJ,eAAe,QAAQ,6BAA6B;AACxE;AACA,SAASnJ,OAAO,IAAIoJ,SAAS,QAAQ,uBAAuB;AAC5D;AACA,SAASpJ,OAAO,IAAIqJ,YAAY,EAAEC,yBAAyB,QAAQ,0BAA0B;AAC7F;AACA,SAAStJ,OAAO,IAAIuJ,WAAW,QAAQ,4BAA4B;AACnE;AACA,SAASvJ,OAAO,IAAIwJ,QAAQ,QAAQ,sBAAsB;AAC1D;AACA,SAASxJ,OAAO,IAAIyJ,eAAe,QAAQ,6BAA6B;AACxE;AACA,SAASzJ,OAAO,IAAI0J,sBAAsB,QAAQ,oCAAoC;AACtF;AACA,SAAS1J,OAAO,IAAI2J,gBAAgB,QAAQ,8BAA8B;AAC1E;AACA,SAAS3J,OAAO,IAAI4J,WAAW,QAAQ,yBAAyB;AAChE;AACA,SAAS5J,OAAO,IAAI6J,eAAe,QAAQ,6BAA6B;AACxE;AACA,SAAS7J,OAAO,IAAI8J,WAAW,QAAQ,yBAAyB;AAChE;AACA,SAAS9J,OAAO,IAAI+J,QAAQ,QAAQ,sBAAsB;AAC1D;AACA,SAAS/J,OAAO,IAAIgK,QAAQ,EAAEC,aAAa,QAAQ,kBAAkB;AACrE;AACA,SAASjK,OAAO,IAAIkK,YAAY,EAAEC,iBAAiB,QAAQ,gBAAgB;AAC3E;AACA,SAASnK,OAAO,IAAIoK,MAAM,QAAQ,UAAU;AAC5C;AACA,SAASpK,OAAO,IAAIqK,aAAa,QAAQ,iBAAiB;AAC1D;AACA,SAASrK,OAAO,IAAIsK,OAAO,QAAQ,mBAAmB;AACtD,SACEC,qBAAqB,EACrBC,cAAc,EACdC,iBAAiB,EACjBC;AACA;AAAA,OACK,kBAAkB;AACzB;AACA,SAAS1K,OAAO,IAAI2K,QAAQ,QAAQ,YAAY;AAChD;AACA,SAAS3K,OAAO,IAAI4K,QAAQ,QAAQ,QAAQ;AAC5C;AACA,SAAS5K,OAAO,IAAI6K,QAAQ,QAAQ,YAAY;AAChD;AACA,SAAS7K,OAAO,IAAI8K,WAAW,QAAQ,eAAe;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA,SACE9K,OAAO,IAAI+K,UAAU,EACrBC,aAAa,EACbC,OAAO,IAAIC,iBAAiB,QACvB,kBAAkB;AACzB,SACEC,QAAQ,EACRC,UAAU,EACVC,eAAe,EACfC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,aAAa,EACbC,YAAY,EACZC,WAAW,EACXC,cAAc,EACdC,gBAAgB,EAChBC,cAAc,EACdC,iBAAiB,EACjBC,aAAa,QACR,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","ActionRow","Alert","ALERT_CLOSE_LABEL_TEXT","Annotation","Avatar","AvatarButton","Badge","Breadcrumb","Bubble","Button","ButtonGroup","ButtonToolbar","Chip","CHIP_PGN_CLASS","ChipCarousel","Container","Form","RadioControl","CheckboxControl","SwitchControl","FormSwitchSet","FormControl","FormControlDecoratorGroup","FormControlFeedback","FormCheck","FormFile","FormRadio","FormRadioSet","FormRadioSetContext","FormGroup","FormLabel","useCheckboxSetValues","FormText","FormAutosuggest","FormAutosuggestOption","InputGroup","Hyperlink","Icon","IconButton","IconButtonWithTooltip","ModalContext","ModalDialog","ModalLayer","Overlay","OverlayTrigger","Portal","Spinner","Stack","Toast","TOAST_CLOSE_LABEL_TEXT","TOAST_DELAY","Tooltip","useWindowSize","useToggle","useArrowKeyNavigation","useIndexOfLastVisibleChild","useIsVisible","breakpoints","asInput","Card","CardColumns","CardDeck","CardImg","CardGroup","CardGrid","CardCarousel","CARD_VARIANTS","Carousel","CarouselItem","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","CloseButton","Layout","Col","Row","Collapse","Collapsible","Scrollable","Dropdown","DropdownToggle","DropdownButton","SplitButton","Fade","IconButtonToggle","Image","Figure","MailtoLink","MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT","MAIL_TO_LINK_EXTERNAL_LINK_TITLE","Media","Menu","MenuItem","SelectMenu","SELECT_MENU_DEFAULT_MESSAGE","ModalCloseButton","FullscreenModal","FULLSCREEN_MODAL_CLOSE_LABEL","MarketingModal","StandardModal","STANDARD_MODAL_CLOSE_LABEL","AlertModal","ModalPopup","PopperElement","Nav","NavDropdown","NavItem","NavLink","Navbar","NavbarBrand","NAVBAR_LABEL","PageBanner","PAGE_BANNER_DISMISS_ALT_TEXT","Pagination","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","Popover","PopoverTitle","PopoverContent","ProgressBar","ProductTour","ResponsiveEmbed","SearchField","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_BUTTON_TEXT","Sheet","Stepper","StatefulButton","Tabs","Tab","TabContainer","TabContent","TabPane","TransitionReplace","ValidationMessage","DataTable","TextFilter","CheckboxFilter","DropdownFilter","MultiSelectDropdownFilter","TableHeaderCell","TableCell","TableFilters","TABLE_FILTERS_BUTTON_TEXT","TableHeader","TableRow","TablePagination","TablePaginationMinimal","DataTableContext","BulkActions","TableControlBar","TableFooter","CardView","Skeleton","SkeletonTheme","ToggleButton","ToggleButtonGroup","Sticky","SelectableBox","Variant","OverflowScrollContext","OverflowScroll","useOverflowScroll","useOverflowScrollItems","Dropzone","messages","Truncate","ColorPicker","MediaQuery","useMediaQuery","Context","ResponsiveContext","useTable","useFilters","useGlobalFilter","useSortBy","useGroupBy","useExpanded","usePagination","useRowSelect","useRowState","useColumnOrder","useResizeColumns","useBlockLayout","useAbsoluteLayout","useFlexLayout"],"sources":["../src/index.ts"],"sourcesContent":["// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport { default as ActionRow } from './ActionRow';\nexport { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';\nexport { default as Annotation } from './Annotation';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarButton } from './AvatarButton';\nexport { default as Badge } from './Badge';\nexport { default as Breadcrumb } from './Breadcrumb';\nexport { default as Bubble } from './Bubble';\nexport { default as Button, ButtonGroup, ButtonToolbar } from './Button';\nexport { default as Chip, CHIP_PGN_CLASS } from './Chip';\nexport { default as ChipCarousel } from './ChipCarousel';\nexport { default as Container, type ContainerSize } from './Container';\nexport {\n  default as Form,\n  RadioControl,\n  CheckboxControl,\n  SwitchControl,\n  FormSwitchSet,\n  FormControl,\n  FormControlDecoratorGroup,\n  FormControlFeedback,\n  FormCheck,\n  FormFile,\n  FormRadio,\n  FormRadioSet,\n  FormRadioSetContext,\n  FormGroup,\n  FormLabel,\n  useCheckboxSetValues,\n  FormText,\n  FormAutosuggest,\n  FormAutosuggestOption,\n  InputGroup,\n} from './Form';\nexport { default as Hyperlink } from './Hyperlink';\nexport { default as Icon } from './Icon';\nexport { default as IconButton, IconButtonWithTooltip } from './IconButton';\nexport { default as ModalContext } from './Modal/ModalContext';\nexport { default as ModalDialog } from './Modal/ModalDialog';\nexport { default as ModalLayer } from './Modal/ModalLayer';\nexport { default as Overlay, OverlayTrigger } from './Overlay';\nexport { default as Portal } from './Modal/Portal';\nexport { default as Spinner } from './Spinner';\nexport { default as Stack } from './Stack';\nexport { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';\nexport { default as Tooltip } from './Tooltip';\nexport { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';\nexport { default as useToggle, type Toggler, type ToggleHandlers } from './hooks/useToggleHook';\nexport { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';\nexport { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';\nexport { default as useIsVisible } from './hooks/useIsVisibleHook';\nexport { default as breakpoints } from './utils/breakpoints';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that don't have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as asInput } from './asInput';\n\nexport {\n  default as Card,\n  CardColumns,\n  CardDeck,\n  CardImg,\n  CardGroup,\n  CardGrid,\n  CardCarousel,\n  CARD_VARIANTS,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Card';\nexport {\n  default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Carousel';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CloseButton } from './CloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Layout, Col, Row } from './Layout';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapse } from './Collapse';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapsible } from './Collapsible';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Scrollable } from './Scrollable';\nexport {\n  default as Dropdown,\n  DropdownToggle,\n  DropdownButton,\n  SplitButton,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Dropdown';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Fade } from './Fade';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as IconButtonToggle } from './IconButtonToggle';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Image, Figure } from './Image';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MailtoLink, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT, MAIL_TO_LINK_EXTERNAL_LINK_TITLE } from './MailtoLink';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Media } from './Media';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Menu } from './Menu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MenuItem } from './Menu/MenuItem';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectMenu, SELECT_MENU_DEFAULT_MESSAGE } from './Menu/SelectMenu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalCloseButton } from './Modal/ModalCloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as FullscreenModal, FULLSCREEN_MODAL_CLOSE_LABEL } from './Modal/FullscreenModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MarketingModal } from './Modal/MarketingModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StandardModal, STANDARD_MODAL_CLOSE_LABEL } from './Modal/StandardModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as AlertModal } from './Modal/AlertModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalPopup } from './Modal/ModalPopup';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PopperElement } from './Modal/PopperElement';\n\nexport {\n  default as Nav,\n  NavDropdown,\n  NavItem,\n  NavLink,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Nav';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Navbar, NavbarBrand, NAVBAR_LABEL } from './Navbar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PageBanner, PAGE_BANNER_DISMISS_ALT_TEXT } from './PageBanner';\nexport {\n  default as Pagination,\n  PAGINATION_BUTTON_LABEL_PREV,\n  PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT,\n  PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT,\n  PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n  PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n  PAGINATION_BUTTON_LABEL_NEXT,\n  PAGINATION_BUTTON_LABEL_PAGE,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Pagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Popover, PopoverTitle, PopoverContent } from './Popover';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProgressBar } from './ProgressBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProductTour } from './ProductTour';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ResponsiveEmbed } from './ResponsiveEmbed';\nexport {\n  default as SearchField,\n  SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n  SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n  SEARCH_FIELD_BUTTON_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './SearchField';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sheet } from './Sheet';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Stepper } from './Stepper';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StatefulButton } from './StatefulButton';\nexport {\n  default as Tabs,\n  Tab,\n  TabContainer,\n  TabContent,\n  TabPane,\n// @ts-ignore: has yet to be converted to TypeScript\n} from './Tabs';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TransitionReplace } from './TransitionReplace';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ValidationMessage } from './ValidationMessage';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTable } from './DataTable';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TextFilter } from './DataTable/filters/TextFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CheckboxFilter } from './DataTable/filters/CheckboxFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DropdownFilter } from './DataTable/filters/DropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MultiSelectDropdownFilter } from './DataTable/filters/MultiSelectDropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeaderCell } from './DataTable/TableHeaderCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableCell } from './DataTable/TableCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFilters, TABLE_FILTERS_BUTTON_TEXT } from './DataTable/TableFilters';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeader } from './DataTable/TableHeaderRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableRow } from './DataTable/TableRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePagination } from './DataTable/TablePagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePaginationMinimal } from './DataTable/TablePaginationMinimal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTableContext } from './DataTable/DataTableContext';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as BulkActions } from './DataTable/BulkActions';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableControlBar } from './DataTable/TableControlBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFooter } from './DataTable/TableFooter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CardView } from './DataTable/CardView';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Skeleton, SkeletonTheme } from './Skeleton/index';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sticky } from './Sticky';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectableBox } from './SelectableBox';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Variant } from './utils/constants';\nexport {\n  OverflowScrollContext,\n  OverflowScroll,\n  useOverflowScroll,\n  useOverflowScrollItems,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './OverflowScroll';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Dropzone } from './Dropzone';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as messages } from './i18n';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Truncate } from './Truncate';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ColorPicker } from './ColorPicker';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Pass through any needed whole third-party library functionality\n// useTable for example is needed to use the DataTable component seamlessly\n// rather than setting a peer dependency in this project, we opt to tightly\n// couple these dependencies by passing through needed functionality.\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport {\n  default as MediaQuery,\n  useMediaQuery,\n  Context as ResponsiveContext,\n} from 'react-responsive';\nexport {\n  useTable,\n  useFilters,\n  useGlobalFilter,\n  useSortBy,\n  useGroupBy,\n  useExpanded,\n  usePagination,\n  useRowSelect,\n  useRowState,\n  useColumnOrder,\n  useResizeColumns,\n  useBlockLayout,\n  useAbsoluteLayout,\n  useFlexLayout,\n} from 'react-table';\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/paragon",
-  "version": "23.18.1",
+  "version": "23.19.0",
   "description": "Accessible, responsive UI component library based on Bootstrap.",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/Badge/index.tsx

@@ -0,0 +1,33 @@
+import React, { ForwardedRef } from 'react';
+import BaseBadge from 'react-bootstrap/Badge';
+import { ComponentWithAsProp } from '../utils/types/bootstrap';
+
+const STYLE_VARIANTS = [
+  'primary',
+  'secondary',
+  'success',
+  'danger',
+  'warning',
+  'info',
+  'light',
+  'dark',
+];
+
+interface BadgeProps {
+  /** Specifies element type for this component */
+  as?: React.ElementType;
+  /** Visual style of the badge. The full type definition can be seen [here](https://github.com/openedx/paragon/blob/release-23.x/src/Badge/index.tsx) */
+  variant?: typeof STYLE_VARIANTS[number];
+  /** Add the `pill` modifier to make badges more rounded with some additional horizontal padding */
+  pill?: boolean;
+  /** Overrides underlying component base CSS class name */
+  bsPrefix?: string;
+}
+
+const Badge: ComponentWithAsProp<'span', BadgeProps> = React.forwardRef(({
+  as = 'span', variant = 'primary', pill = false, bsPrefix = 'badge', ...props
+}: BadgeProps, ref: ForwardedRef<HTMLSpanElement>) => (
+  <BaseBadge as={as} variant={variant} pill={pill} bsPrefix={bsPrefix} {...props} ref={ref} />
+));
+
+export default Badge;

package/src/Breadcrumb/{Breadcrumb.test.jsx → Breadcrumb.test.tsx}

@@ -95,4 +95,29 @@ describe('<Breadcrumb />', () => {
     expect(links.getAttribute('target')).toBe('_blank');
     expect(links.getAttribute('href')).toBe('/link-1');
   });
+
+  it('renders with a custom CSS class', () => {
+    render(<Breadcrumb {...baseProps} ariaLabel="Breadcrumbs" className="foobar" />);
+    const nav = screen.getByLabelText('Breadcrumbs');
+    expect(nav.classList).toContain('foobar');
+    expect(nav.classList).toContain('pgn__breadcrumb');
+    expect(nav.classList).toContain('pgn__breadcrumb-light');
+  });
+
+  it('can access data-xxxxx attributes on the links in clickHandler', async () => {
+    const user = userEvent.setup();
+    const clickHandler = jest.fn();
+    render(
+      <Breadcrumb
+        ariaLabel="Location"
+        links={[
+          { label: 'Link1', href: '/link1', 'data-parent-index': 17 },
+        ]}
+        clickHandler={({ currentTarget }) => clickHandler(currentTarget.dataset.parentIndex)}
+      />,
+    );
+    const link = screen.getByRole('link', { name: 'Link1' });
+    await user.click(link);
+    expect(clickHandler).toHaveBeenCalledWith('17');
+  });
 });

package/src/Breadcrumb/{BreadcrumbLink.jsx → BreadcrumbLink.tsx}

@@ -1,15 +1,30 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-export default function BreadcrumbLink({ as, clickHandler, linkProps }) {
+interface BreadcrumbLinkProps {
+  as: React.ElementType;
+  clickHandler?: (event: React.MouseEvent, link: any) => void;
+  linkProps: {
+    label: string;
+    url?: string; // deprecated, use href instead when rendering as 'a'
+    className?: string;
+    [key: string]: any;
+  };
+}
+
+interface AdditionalProps {
+  href?: string;
+  onClick?: (event: React.MouseEvent, link: any) => void;
+}
+
+export default function BreadcrumbLink({ as, clickHandler = undefined, linkProps }: BreadcrumbLinkProps) {
   const {
     label,
     url,
     className,
     ...props
   } = linkProps;
-  const addtlProps = {};
+  const addtlProps: AdditionalProps = {};
 
   if (as === 'a' && url) {
     // eslint-disable-next-line no-console
@@ -34,17 +49,3 @@ export default function BreadcrumbLink({ as, clickHandler, linkProps }) {
     label,
   );
 }
-
-BreadcrumbLink.propTypes = {
-  as: PropTypes.elementType.isRequired,
-  clickHandler: PropTypes.func,
-  linkProps: PropTypes.shape({
-    label: PropTypes.string.isRequired,
-    url: PropTypes.string,
-    className: PropTypes.string,
-  }).isRequired,
-};
-
-BreadcrumbLink.defaultProps = {
-  clickHandler: undefined,
-};

package/src/Breadcrumb/{index.jsx → index.tsx}

@@ -1,23 +1,48 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 import BreadcrumbLink from './BreadcrumbLink';
 import { ChevronRight } from '../../icons';
 import Icon from '../Icon';
 
+interface BreadcrumbProps {
+  /** An array of objects describing links to be rendered. The contents of an object depend on the value of `linkAs`
+   * prop as these objects will get passed down as props to the underlying component defined by `linkAs` prop.
+   */
+  links: Array<{ label: string, [key: string]: any }>;
+  /** allows to add a label that is not a link to the end of the breadcrumb. */
+  activeLabel?: string;
+  /** label of the element */
+  ariaLabel?: string;
+  /** allows to add a custom element between the breadcrumb items.
+   * Defaults to `>` rendered using the `Icon` component. */
+  spacer?: React.ReactElement;
+  /** allows to add a custom function to be called `onClick` of a breadcrumb link.
+   * The use case for this is for adding custom analytics to the component. */
+  clickHandler?: (event: React.MouseEvent<HTMLAnchorElement>, link: any) => void;
+  /** The `Breadcrumbs` style variant to use. */
+  variant?: 'light' | 'dark';
+  /** The `Breadcrumbs` mobile variant view. */
+  isMobile?: boolean;
+  /** Specifies the base element to use when rendering links, you should generally use either plain 'a' or
+   * [react-router's Link](https://reactrouter.com/en/main/components/link).
+   */
+  linkAs?: React.ElementType;
+  /** Optional class name(s) to append to the base `<nav>` element. */
+  className?: string;
+}
+
 function Breadcrumb({
-  links, activeLabel, spacer, clickHandler,
-  variant, isMobile, ariaLabel, linkAs, ...props
-}) {
+  links, activeLabel, spacer, clickHandler, className,
+  variant = 'light', isMobile = false, ariaLabel = 'breadcrumb', linkAs = 'a',
+}: BreadcrumbProps) {
   const linkCount = links.length;
   const displayLinks = isMobile ? [links[linkCount - 1]] : links;
 
   return (
     <nav
       aria-label={ariaLabel}
-      className={classNames('pgn__breadcrumb', `pgn__breadcrumb-${variant}`)}
-      {...props}
+      className={classNames('pgn__breadcrumb', `pgn__breadcrumb-${variant}`, className)}
     >
       <ol className={classNames('list-inline', { 'is-mobile': isMobile })}>
         {displayLinks.map((link, i) => (
@@ -39,41 +64,4 @@ function Breadcrumb({
   );
 }
 
-Breadcrumb.propTypes = {
-  /** An array of objects describing links to be rendered. The contents of an object depend on the value of `linkAs`
-   * prop as these objects will get passed down as props to the underlying component defined by `linkAs` prop.
-   */
-  links: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.string,
-  })).isRequired,
-  /** allows to add a label that is not a link to the end of the breadcrumb. */
-  activeLabel: PropTypes.string,
-  /** label of the element */
-  ariaLabel: PropTypes.string,
-  /** allows to add a custom element between the breadcrumb items.
-   * Defaults to `>` rendered using the `Icon` component. */
-  spacer: PropTypes.element,
-  /** allows to add a custom function to be called `onClick` of a breadcrumb link.
-   * The use case for this is for adding custom analytics to the component. */
-  clickHandler: PropTypes.func,
-  /** The `Breadcrumbs` style variant to use. */
-  variant: PropTypes.oneOf(['light', 'dark']),
-  /** The `Breadcrumbs` mobile variant view. */
-  isMobile: PropTypes.bool,
-  /** Specifies the base element to use when rendering links, you should generally use either plain 'a' or
-   * [react-router's Link](https://reactrouter.com/en/main/components/link).
-   */
-  linkAs: PropTypes.elementType,
-};
-
-Breadcrumb.defaultProps = {
-  activeLabel: undefined,
-  ariaLabel: 'breadcrumb',
-  spacer: undefined,
-  clickHandler: undefined,
-  variant: 'light',
-  isMobile: false,
-  linkAs: 'a',
-};
-
 export default Breadcrumb;

package/src/Card/CardCarousel/{CardCarouselSubtitle.jsx → CardCarouselSubtitle.tsx}

@@ -1,8 +1,16 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-function CardCarouselSubtitle({ children, as, className }) {
+interface CardCarouselSubtitleProps {
+  /** Specifies contents of the component. */
+  children: React.ReactNode;
+  /** Specifies the base element */
+  as?: React.ElementType;
+  /** A class name to append to the base element. */
+  className?: string;
+}
+
+function CardCarouselSubtitle({ children, as, className }: CardCarouselSubtitleProps) {
   const Component = as || 'p';
   return (
     <Component className={classNames('pgn__card-carousel-subtitle', className)}>
@@ -11,18 +19,4 @@ function CardCarouselSubtitle({ children, as, className }) {
   );
 }
 
-CardCarouselSubtitle.propTypes = {
-  /** Specifies contents of the component. */
-  children: PropTypes.node.isRequired,
-  /** Specifies the base element */
-  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  /** A class name to append to the base element. */
-  className: PropTypes.string,
-};
-
-CardCarouselSubtitle.defaultProps = {
-  as: undefined,
-  className: undefined,
-};
-
 export default CardCarouselSubtitle;

package/src/Card/CardCarousel/CardCarouselTitle.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import classNames from 'classnames';
+
+interface CardCarouselTitleProps {
+  children: React.ReactNode;
+  as?: React.ElementType;
+  className?: string;
+}
+
+function CardCarouselTitle({ children, as, className }: CardCarouselTitleProps) {
+  const Component = as || 'h2';
+  return (
+    <Component className={classNames('pgn__card-carousel-title', className)}>
+      {children}
+    </Component>
+  );
+}
+
+export default CardCarouselTitle;

package/src/IconButton/index.tsx

@@ -5,7 +5,7 @@ import { OverlayTrigger } from '../Overlay';
 import Tooltip from '../Tooltip';
 import Icon from '../Icon';
 
-interface Props extends React.HTMLAttributes<HTMLButtonElement> {
+interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /** Component that renders the icon, currently defaults to `Icon` */
   iconAs?: React.ComponentType<any>,
   /** Additional CSS class[es] to apply to this button */

package/src/IconButtonToggle/index.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 /**
  *
  * @param {object} args arguments
- * @param {boolean} args.activeValue the current value of the active/selected iconButton.
+ * @param {string} args.activeValue the current value of the active/selected iconButton.
  *                                   if not provided, none of the iconButtons will initially be active
  * @param {Function} args.onChange callback to call when toggle value changes.
  *                                 Receives value of the selected toggle button.

package/src/index.ts

@@ -6,6 +6,8 @@ export { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';
 export { default as Annotation } from './Annotation';
 export { default as Avatar } from './Avatar';
 export { default as AvatarButton } from './AvatarButton';
+export { default as Badge } from './Badge';
+export { default as Breadcrumb } from './Breadcrumb';
 export { default as Bubble } from './Bubble';
 export { default as Button, ButtonGroup, ButtonToolbar } from './Button';
 export { default as Chip, CHIP_PGN_CLASS } from './Chip';
@@ -57,10 +59,6 @@ export { default as breakpoints } from './utils/breakpoints';
 // // // // // // // // // // // // // // // // // // // // // // // // // // //
 // @ts-ignore: has yet to be converted to TypeScript
 export { default as asInput } from './asInput';
-// @ts-ignore: has yet to be converted to TypeScript
-export { default as Badge } from './Badge';
-// @ts-ignore: has yet to be converted to TypeScript
-export { default as Breadcrumb } from './Breadcrumb';
 
 export {
   default as Card,

package/src/Badge/index.jsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import BaseBadge from 'react-bootstrap/Badge';
-
-const Badge = React.forwardRef((props, ref) => <BaseBadge {...props} ref={ref} />);
-
-const STYLE_VARIANTS = [
-  'primary',
-  'secondary',
-  'success',
-  'danger',
-  'warning',
-  'info',
-  'light',
-  'dark',
-];
-
-Badge.propTypes = {
-  /** Specifies element type for this component */
-  as: PropTypes.elementType,
-  /** Visual style of the badge */
-  variant: PropTypes.oneOf(STYLE_VARIANTS),
-  /** Add the `pill` modifier to make badges more rounded with some additional horizontal padding */
-  pill: PropTypes.bool,
-  /** Overrides underlying component base CSS class name */
-  bsPrefix: PropTypes.string,
-};
-
-Badge.defaultProps = {
-  as: 'span',
-  variant: 'primary',
-  pill: false,
-  bsPrefix: 'badge',
-};
-
-export default Badge;

package/src/Card/CardCarousel/CardCarouselTitle.jsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-function CardCarouselTitle({ children, as, className }) {
-  const Component = as || 'h2';
-  return (
-    <Component className={classNames('pgn__card-carousel-title', className)}>
-      {children}
-    </Component>
-  );
-}
-
-CardCarouselTitle.propTypes = {
-  children: PropTypes.node.isRequired,
-  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  className: PropTypes.string,
-};
-
-CardCarouselTitle.defaultProps = {
-  as: undefined,
-  className: undefined,
-};
-
-export default CardCarouselTitle;