@openedx/paragon 23.14.4 → 23.14.5

package/dist/ChipCarousel/index.d.ts

@@ -7,15 +7,30 @@ export interface OverflowScrollContextProps {
     scrollToNext: () => void;
 }
 export interface ChipCarouselProps {
+    /** Specifies class name for the ChipCarousel. */
     className?: string;
+    /** Specifies array of `Chip` elements to be rendered inside the carousel. */
     items: Array<React.ReactElement>;
+    /** Text describing the ChipCarousel for screen readers. */
     ariaLabel: string;
+    /** Whether the default opacity masks should be shown at the start/end, if applicable. */
     disableOpacityMasks?: boolean;
+    /** Callback function for when the user scrolls to the previous element. */
     onScrollPrevious?: () => void;
+    /** Callback function for when the user scrolls to the next element. */
     onScrollNext?: () => void;
+    /** Whether users can scroll within the overflow container. */
     canScrollHorizontal?: boolean;
+    /** A value specifying the distance the scroll should move. */
     offset?: number | string;
+    /** Type of offset value (percentage or fixed). */
     offsetType?: 'percentage' | 'fixed';
+    /**
+     * Specifies inner space between children blocks.
+     *
+     * Valid values are based on `the spacing classes`:
+     * `0, 0.5, ... 6`.
+     */
     gap?: number;
 }
 declare const ChipCarousel: React.ForwardRefExoticComponent<ChipCarouselProps & React.RefAttributes<HTMLDivElement>>;

package/dist/ChipCarousel/index.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import classNames from 'classnames';
 // @ts-ignore
@@ -21,7 +20,7 @@ const ChipCarousel = /*#__PURE__*/React.forwardRef(({
   canScrollHorizontal = false,
   offset = 120,
   offsetType = 'fixed',
-  gap,
+  gap = 3,
   ...props
 }, ref) => {
   const intl = useIntl();
@@ -75,43 +74,5 @@ const ChipCarousel = /*#__PURE__*/React.forwardRef(({
     });
   })))))));
 });
-ChipCarousel.propTypes = {
-  /** Text describing the ChipCarousel for screen readers. */
-  ariaLabel: PropTypes.string.isRequired,
-  /** Specifies class name for the ChipCarousel. */
-  className: PropTypes.string,
-  /** Specifies array of `Chip` elements to be rendered inside the carousel. */
-  // @ts-ignore
-  items: PropTypes.arrayOf(PropTypes.element).isRequired,
-  /** Whether the default opacity masks should be shown at the start/end, if applicable. */
-  disableOpacityMasks: PropTypes.bool,
-  /** Callback function for when the user scrolls to the previous element. */
-  onScrollPrevious: PropTypes.func,
-  /** Callback function for when the user scrolls to the next element. */
-  onScrollNext: PropTypes.func,
-  /** Whether users can scroll within the overflow container. */
-  canScrollHorizontal: PropTypes.bool,
-  /** A value specifying the distance the scroll should move. */
-  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /** Type of offset value (percentage or fixed). */
-  offsetType: PropTypes.oneOf(['percentage', 'fixed']),
-  /**
-   * Specifies inner space between children blocks.
-   *
-   * Valid values are based on `the spacing classes`:
-   * `0, 0.5, ... 6`.
-   */
-  gap: PropTypes.number
-};
-ChipCarousel.defaultProps = {
-  className: undefined,
-  disableOpacityMasks: undefined,
-  onScrollPrevious: undefined,
-  onScrollNext: undefined,
-  canScrollHorizontal: false,
-  offset: 120,
-  offsetType: 'fixed',
-  gap: 3
-};
 export default ChipCarousel;
 //# sourceMappingURL=index.js.map

package/dist/ChipCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","useIntl","classNames","OverflowScroll","OverflowScrollContext","IconButton","Icon","ArrowForward","ArrowBack","messages","Chip","ChipCarousel","forwardRef","className","items","ariaLabel","disableOpacityMasks","onScrollPrevious","onScrollNext","canScrollHorizontal","offset","offsetType","gap","props","ref","intl","createElement","hasInteractiveChildren","disableScroll","Consumer","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","Fragment","size","src","iconAs","alt","formatMessage","onClick","Items","map","item","id","children","key","propTypes","string","isRequired","arrayOf","element","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/ChipCarousel/index.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport classNames from 'classnames';\n// @ts-ignore\nimport { OverflowScroll, OverflowScrollContext } from '../OverflowScroll';\nimport IconButton from '../IconButton';\nimport Icon from '../Icon';\n// @ts-ignore\nimport { ArrowForward, ArrowBack } from '../../icons';\n// @ts-ignore\nimport messages from './messages';\nimport Chip from '../Chip';\n\nexport interface OverflowScrollContextProps {\n  setOverflowRef: () => void,\n  isScrolledToStart: boolean,\n  isScrolledToEnd: boolean,\n  scrollToPrevious: () => void,\n  scrollToNext: () => void,\n}\n\nexport interface ChipCarouselProps {\n  className?: string;\n  items: Array<React.ReactElement>;\n  ariaLabel: string;\n  disableOpacityMasks?: boolean;\n  onScrollPrevious?: () => void;\n  onScrollNext?: () => void;\n  canScrollHorizontal?: boolean;\n  offset?: number | string;\n  offsetType?: 'percentage' | 'fixed';\n  gap?: number;\n}\n\nconst ChipCarousel = React.forwardRef(({\n  className,\n  items,\n  ariaLabel,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  canScrollHorizontal = false,\n  offset = 120,\n  offsetType = 'fixed',\n  gap,\n  ...props\n}: ChipCarouselProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const intl = useIntl();\n\n  return (\n    <div\n      className={classNames('pgn__chip-carousel', className, gap ? `pgn__chip-carousel-gap__${gap}` : '')}\n      {...props}\n      ref={ref}\n    >\n      <OverflowScroll\n        ariaLabel={ariaLabel}\n        hasInteractiveChildren\n        disableScroll={!canScrollHorizontal}\n        disableOpacityMasks={disableOpacityMasks}\n        onScrollPrevious={onScrollPrevious}\n        onScrollNext={onScrollNext}\n        offset={offset}\n        offsetType={offsetType}\n      >\n        <OverflowScrollContext.Consumer>\n          {({\n            setOverflowRef,\n            isScrolledToStart,\n            isScrolledToEnd,\n            scrollToPrevious,\n            scrollToNext,\n          }: OverflowScrollContextProps) => (\n            <>\n              <>\n                {!isScrolledToStart && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__left-control\"\n                    src={ArrowBack}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToPrevious)}\n                    onClick={scrollToPrevious}\n                  />\n                )}\n                {!isScrolledToEnd && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__right-control\"\n                    src={ArrowForward}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToNext)}\n                    onClick={scrollToNext}\n                  />\n                )}\n              </>\n              <div ref={setOverflowRef} className=\"d-flex\">\n                <OverflowScroll.Items>\n                  {items?.map((item, id) => {\n                    const { children } = item?.props || {};\n                    if (!children) {\n                      return null;\n                    }\n                    // eslint-disable-next-line react/no-array-index-key\n                    return React.createElement(Chip, { ...item.props, key: id });\n                  })}\n                </OverflowScroll.Items>\n              </div>\n            </>\n          )}\n        </OverflowScrollContext.Consumer>\n      </OverflowScroll>\n    </div>\n  );\n});\n\nChipCarousel.propTypes = {\n  /** Text describing the ChipCarousel for screen readers. */\n  ariaLabel: PropTypes.string.isRequired,\n  /** Specifies class name for the ChipCarousel. */\n  className: PropTypes.string,\n  /** Specifies array of `Chip` elements to be rendered inside the carousel. */\n  // @ts-ignore\n  items: PropTypes.arrayOf(PropTypes.element).isRequired,\n  /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n  disableOpacityMasks: PropTypes.bool,\n  /** Callback function for when the user scrolls to the previous element. */\n  onScrollPrevious: PropTypes.func,\n  /** Callback function for when the user scrolls to the next element. */\n  onScrollNext: PropTypes.func,\n  /** Whether users can scroll within the overflow container. */\n  canScrollHorizontal: PropTypes.bool,\n  /** A value specifying the distance the scroll should move. */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Type of offset value (percentage or fixed). */\n  offsetType: PropTypes.oneOf(['percentage', 'fixed']),\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap: PropTypes.number,\n};\n\nChipCarousel.defaultProps = {\n  className: undefined,\n  disableOpacityMasks: undefined,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  canScrollHorizontal: false,\n  offset: 120,\n  offsetType: 'fixed',\n  gap: 3,\n};\n\nexport default ChipCarousel;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useIntl","classNames","OverflowScroll","OverflowScrollContext","IconButton","Icon","ArrowForward","ArrowBack","messages","Chip","ChipCarousel","forwardRef","className","items","ariaLabel","disableOpacityMasks","onScrollPrevious","onScrollNext","canScrollHorizontal","offset","offsetType","gap","props","ref","intl","createElement","hasInteractiveChildren","disableScroll","Consumer","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","Fragment","size","src","iconAs","alt","formatMessage","onClick","Items","map","item","id","children","key"],"sources":["../../src/ChipCarousel/index.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport { useIntl } from 'react-intl';\nimport classNames from 'classnames';\n// @ts-ignore\nimport { OverflowScroll, OverflowScrollContext } from '../OverflowScroll';\nimport IconButton from '../IconButton';\nimport Icon from '../Icon';\n// @ts-ignore\nimport { ArrowForward, ArrowBack } from '../../icons';\n// @ts-ignore\nimport messages from './messages';\nimport Chip from '../Chip';\n\nexport interface OverflowScrollContextProps {\n  setOverflowRef: () => void,\n  isScrolledToStart: boolean,\n  isScrolledToEnd: boolean,\n  scrollToPrevious: () => void,\n  scrollToNext: () => void,\n}\n\nexport interface ChipCarouselProps {\n  /** Specifies class name for the ChipCarousel. */\n  className?: string;\n  /** Specifies array of `Chip` elements to be rendered inside the carousel. */\n  items: Array<React.ReactElement>;\n  /** Text describing the ChipCarousel for screen readers. */\n  ariaLabel: string;\n  /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n  disableOpacityMasks?: boolean;\n  /** Callback function for when the user scrolls to the previous element. */\n  onScrollPrevious?: () => void;\n  /** Callback function for when the user scrolls to the next element. */\n  onScrollNext?: () => void;\n  /** Whether users can scroll within the overflow container. */\n  canScrollHorizontal?: boolean;\n  /** A value specifying the distance the scroll should move. */\n  offset?: number | string;\n  /** Type of offset value (percentage or fixed). */\n  offsetType?: 'percentage' | 'fixed';\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap?: number;\n}\n\nconst ChipCarousel = React.forwardRef(({\n  className,\n  items,\n  ariaLabel,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  canScrollHorizontal = false,\n  offset = 120,\n  offsetType = 'fixed',\n  gap = 3,\n  ...props\n}: ChipCarouselProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const intl = useIntl();\n\n  return (\n    <div\n      className={classNames('pgn__chip-carousel', className, gap ? `pgn__chip-carousel-gap__${gap}` : '')}\n      {...props}\n      ref={ref}\n    >\n      <OverflowScroll\n        ariaLabel={ariaLabel}\n        hasInteractiveChildren\n        disableScroll={!canScrollHorizontal}\n        disableOpacityMasks={disableOpacityMasks}\n        onScrollPrevious={onScrollPrevious}\n        onScrollNext={onScrollNext}\n        offset={offset}\n        offsetType={offsetType}\n      >\n        <OverflowScrollContext.Consumer>\n          {({\n            setOverflowRef,\n            isScrolledToStart,\n            isScrolledToEnd,\n            scrollToPrevious,\n            scrollToNext,\n          }: OverflowScrollContextProps) => (\n            <>\n              <>\n                {!isScrolledToStart && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__left-control\"\n                    src={ArrowBack}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToPrevious)}\n                    onClick={scrollToPrevious}\n                  />\n                )}\n                {!isScrolledToEnd && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__right-control\"\n                    src={ArrowForward}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToNext)}\n                    onClick={scrollToNext}\n                  />\n                )}\n              </>\n              <div ref={setOverflowRef} className=\"d-flex\">\n                <OverflowScroll.Items>\n                  {items?.map((item, id) => {\n                    const { children } = item?.props || {};\n                    if (!children) {\n                      return null;\n                    }\n                    // eslint-disable-next-line react/no-array-index-key\n                    return React.createElement(Chip, { ...item.props, key: id });\n                  })}\n                </OverflowScroll.Items>\n              </div>\n            </>\n          )}\n        </OverflowScrollContext.Consumer>\n      </OverflowScroll>\n    </div>\n  );\n});\n\nexport default ChipCarousel;\n"],"mappings":"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","ignoreList":[]}

package/dist/Container/index.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode, ElementType } from 'react';
 import { type ContainerProps as RBContainerProps } from 'react-bootstrap/Container';
 import type { ComponentWithAsProp } from '../utils/types/bootstrap';
 declare enum ContainerSizeClass {
@@ -9,7 +10,16 @@ declare enum ContainerSizeClass {
 }
 export type ContainerSize = keyof typeof ContainerSizeClass;
 interface ContainerProps extends RBContainerProps {
-    size?: ContainerSize;
+    /** Override the base element */
+    as?: ElementType;
+    /** Specifies the contents of the container */
+    children: ReactNode;
+    /** Fill all available space at any breakpoint */
+    fluid?: boolean;
+    /** Overrides underlying component base CSS class name */
+    bsPrefix?: string;
+    /** Set the maximum width for the container. Omiting the prop will remove the max-width */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 type ContainerType = ComponentWithAsProp<'div', ContainerProps>;
 declare const Container: ContainerType;

package/dist/Container/index.js

@@ -1,7 +1,6 @@
 /* eslint-disable react/require-default-props */
-import React from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import RBContainer from 'react-bootstrap/Container';
 var ContainerSizeClass = /*#__PURE__*/function (ContainerSizeClass) {
   ContainerSizeClass["xs"] = "container-mw-xs";
@@ -11,34 +10,20 @@ var ContainerSizeClass = /*#__PURE__*/function (ContainerSizeClass) {
   ContainerSizeClass["xl"] = "container-mw-xl";
   return ContainerSizeClass;
 }(ContainerSizeClass || {});
-const Container = /*#__PURE__*/React.forwardRef(({
+const Container = /*#__PURE__*/forwardRef(({
   size,
   children,
+  as = 'div',
+  bsPrefix = 'container',
+  fluid = true,
   ...props
 }, ref) => /*#__PURE__*/React.createElement(RBContainer, {
   ...props,
+  as: as,
+  bsPrefix: bsPrefix,
+  fluid: fluid,
   ref: ref,
   className: classNames(props.className, size && ContainerSizeClass[size])
 }, children));
-Container.propTypes = {
-  ...RBContainer.propTypes,
-  /** Override the base element */
-  as: PropTypes.elementType,
-  /** Specifies the contents of the container */
-  children: PropTypes.node,
-  /** Fill all available space at any breakpoint */
-  fluid: PropTypes.bool,
-  /** Set the maximum width for the container. Omiting the prop will remove the max-width */
-  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-  /** Overrides underlying component base CSS class name */
-  bsPrefix: PropTypes.string
-};
-Container.defaultProps = {
-  as: 'div',
-  children: undefined,
-  fluid: true,
-  size: undefined,
-  bsPrefix: 'container'
-};
 export default Container;
 //# sourceMappingURL=index.js.map

package/dist/Container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classNames","PropTypes","RBContainer","ContainerSizeClass","Container","forwardRef","size","children","props","ref","createElement","className","propTypes","as","elementType","node","fluid","bool","oneOf","bsPrefix","string","defaultProps","undefined"],"sources":["../../src/Container/index.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport RBContainer, { type ContainerProps as RBContainerProps } from 'react-bootstrap/Container';\n\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nenum ContainerSizeClass {\n  xs = 'container-mw-xs',\n  sm = 'container-mw-sm',\n  md = 'container-mw-md',\n  lg = 'container-mw-lg',\n  xl = 'container-mw-xl',\n}\n\nexport type ContainerSize = keyof typeof ContainerSizeClass;\n\ninterface ContainerProps extends RBContainerProps {\n  size?: ContainerSize;\n}\n\ntype ContainerType = ComponentWithAsProp<'div', ContainerProps>;\n\nconst Container: ContainerType = React.forwardRef<Element, ContainerProps>(({\n  size,\n  children,\n  ...props\n}, ref) => (\n  <RBContainer\n    {...props}\n    ref={ref}\n    className={classNames(\n      props.className,\n      size && ContainerSizeClass[size],\n    )}\n  >\n    {children}\n  </RBContainer>\n));\n\nContainer.propTypes = {\n  ...RBContainer.propTypes,\n  /** Override the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the container */\n  children: PropTypes.node,\n  /** Fill all available space at any breakpoint */\n  fluid: PropTypes.bool,\n  /** Set the maximum width for the container. Omiting the prop will remove the max-width */\n  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nContainer.defaultProps = {\n  as: 'div',\n  children: undefined,\n  fluid: true,\n  size: undefined,\n  bsPrefix: 'container',\n};\n\nexport default Container;\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAmD,2BAA2B;AAAC,IAI5FC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA,EAAlBA,kBAAkB;AAgBvB,MAAMC,SAAwB,gBAAGL,KAAK,CAACM,UAAU,CAA0B,CAAC;EAC1EC,IAAI;EACJC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAEC,GAAG,kBACJV,KAAA,CAAAW,aAAA,CAACR,WAAW;EAAA,GACNM,KAAK;EACTC,GAAG,EAAEA,GAAI;EACTE,SAAS,EAAEX,UAAU,CACnBQ,KAAK,CAACG,SAAS,EACfL,IAAI,IAAIH,kBAAkB,CAACG,IAAI,CACjC;AAAE,GAEDC,QACU,CACd,CAAC;AAEFH,SAAS,CAACQ,SAAS,GAAG;EACpB,GAAGV,WAAW,CAACU,SAAS;EACxB;EACAC,EAAE,EAAEZ,SAAS,CAACa,WAAW;EACzB;EACAP,QAAQ,EAAEN,SAAS,CAACc,IAAI;EACxB;EACAC,KAAK,EAAEf,SAAS,CAACgB,IAAI;EACrB;EACAX,IAAI,EAAEL,SAAS,CAACiB,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EACrD;EACAC,QAAQ,EAAElB,SAAS,CAACmB;AACtB,CAAC;AAEDhB,SAAS,CAACiB,YAAY,GAAG;EACvBR,EAAE,EAAE,KAAK;EACTN,QAAQ,EAAEe,SAAS;EACnBN,KAAK,EAAE,IAAI;EACXV,IAAI,EAAEgB,SAAS;EACfH,QAAQ,EAAE;AACZ,CAAC;AAED,eAAef,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","classNames","RBContainer","ContainerSizeClass","Container","size","children","as","bsPrefix","fluid","props","ref","createElement","className"],"sources":["../../src/Container/index.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React, {\n  ForwardedRef, ReactNode, ElementType, forwardRef,\n} from 'react';\nimport classNames from 'classnames';\nimport RBContainer, { type ContainerProps as RBContainerProps } from 'react-bootstrap/Container';\n\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nenum ContainerSizeClass {\n  xs = 'container-mw-xs',\n  sm = 'container-mw-sm',\n  md = 'container-mw-md',\n  lg = 'container-mw-lg',\n  xl = 'container-mw-xl',\n}\n\nexport type ContainerSize = keyof typeof ContainerSizeClass;\n\ninterface ContainerProps extends RBContainerProps {\n  /** Override the base element */\n  as?: ElementType,\n  /** Specifies the contents of the container */\n  children: ReactNode,\n  /** Fill all available space at any breakpoint */\n  fluid?: boolean,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix?: string,\n  /** Set the maximum width for the container. Omiting the prop will remove the max-width */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n}\n\ntype ContainerType = ComponentWithAsProp<'div', ContainerProps>;\n\nconst Container: ContainerType = forwardRef(({\n  size,\n  children,\n  as = 'div',\n  bsPrefix = 'container',\n  fluid = true,\n  ...props\n}: ContainerProps, ref: ForwardedRef<Element>) => (\n  <RBContainer\n    {...props}\n    as={as}\n    bsPrefix={bsPrefix}\n    fluid={fluid}\n    ref={ref}\n    className={classNames(\n      props.className,\n      size && ContainerSizeClass[size],\n    )}\n  >\n    {children}\n  </RBContainer>\n));\n\nexport default Container;\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAC4BC,UAAU,QAC3C,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAmD,2BAA2B;AAAC,IAI5FC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA,EAAlBA,kBAAkB;AAyBvB,MAAMC,SAAwB,gBAAGJ,UAAU,CAAC,CAAC;EAC3CK,IAAI;EACJC,QAAQ;EACRC,EAAE,GAAG,KAAK;EACVC,QAAQ,GAAG,WAAW;EACtBC,KAAK,GAAG,IAAI;EACZ,GAAGC;AACW,CAAC,EAAEC,GAA0B,kBAC3CZ,KAAA,CAAAa,aAAA,CAACV,WAAW;EAAA,GACNQ,KAAK;EACTH,EAAE,EAAEA,EAAG;EACPC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbE,GAAG,EAAEA,GAAI;EACTE,SAAS,EAAEZ,UAAU,CACnBS,KAAK,CAACG,SAAS,EACfR,IAAI,IAAIF,kBAAkB,CAACE,IAAI,CACjC;AAAE,GAEDC,QACU,CACd,CAAC;AAEF,eAAeF,SAAS","ignoreList":[]}

package/dist/Form/FormGroup.d.ts

@@ -1,13 +1,12 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { ElementType, ReactNode } from 'react';
 import { FORM_CONTROL_SIZES } from './constants';
-interface Props<As extends React.ElementType> {
+interface Props {
     /** Specifies contents of the component. */
-    children: React.ReactNode;
+    children: ReactNode;
     /** Specifies class name to append to the base element. */
     className?: string;
     /** Specifies base element for the component. */
-    as?: As;
+    as?: ElementType;
     /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.
      *  Will be autogenerated if none is supplied. */
     controlId?: string;
@@ -15,27 +14,10 @@ interface Props<As extends React.ElementType> {
     isInvalid?: boolean;
     /** Specifies whether to display components in valid state, this affects styling. */
     isValid?: boolean;
-    /** Specifies size for the component. */
+    /** Specifies size for the component. Either `'sm'` or `'lg'`. */
     size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;
 }
-declare function FormGroup<As extends React.ElementType = 'div'>({ children, controlId, isInvalid, isValid, size, as, ...props }: Props<As> & React.ComponentPropsWithoutRef<As>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-declare namespace FormGroup {
-    var propTypes: {
-        /** Specifies contents of the component. */
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        /** Specifies class name to append to the base element. */
-        className: PropTypes.Requireable<string>;
-        /** Specifies base element for the component. */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.
-         *  Will be autogenerated if none is supplied. */
-        controlId: PropTypes.Requireable<string>;
-        /** Specifies whether to display components in invalid state, this affects styling. */
-        isInvalid: PropTypes.Requireable<boolean>;
-        /** Specifies whether to display components in valid state, this affects styling. */
-        isValid: PropTypes.Requireable<boolean>;
-        /** Specifies size for the component. */
-        size: PropTypes.Requireable<string>;
-    };
-}
+declare function FormGroup<As extends React.ElementType = 'div'>({ children, controlId, isInvalid, isValid, size, as, ...props }: {
+    as?: As;
+} & Props & React.ComponentPropsWithoutRef<As>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default FormGroup;

package/dist/Form/FormGroup.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { FormGroupContextProvider } from './FormGroupContext';
 function FormGroup({
@@ -21,23 +20,5 @@ function FormGroup({
     size: size
   }, children));
 }
-const SIZE_CHOICES = ['sm', 'lg'];
-FormGroup.propTypes = {
-  /** Specifies contents of the component. */
-  children: PropTypes.node.isRequired,
-  /** Specifies class name to append to the base element. */
-  className: PropTypes.string,
-  /** Specifies base element for the component. */
-  as: PropTypes.elementType,
-  /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.
-   *  Will be autogenerated if none is supplied. */
-  controlId: PropTypes.string,
-  /** Specifies whether to display components in invalid state, this affects styling. */
-  isInvalid: PropTypes.bool,
-  /** Specifies whether to display components in valid state, this affects styling. */
-  isValid: PropTypes.bool,
-  /** Specifies size for the component. */
-  size: PropTypes.oneOf(SIZE_CHOICES)
-};
 export default FormGroup;
 //# sourceMappingURL=FormGroup.js.map

package/dist/Form/FormGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","children","controlId","isInvalid","isValid","size","as","props","createElement","className","SIZE_CHOICES","propTypes","node","isRequired","string","elementType","bool","oneOf"],"sources":["../../src/Form/FormGroup.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FormGroupContextProvider } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\ninterface Props<As extends React.ElementType> {\n  /** Specifies contents of the component. */\n  children: React.ReactNode;\n  /** Specifies class name to append to the base element. */\n  className?: string;\n  /** Specifies base element for the component. */\n  as?: As;\n  /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n   *  Will be autogenerated if none is supplied. */\n  controlId?: string;\n  /** Specifies whether to display components in invalid state, this affects styling. */\n  isInvalid?: boolean;\n  /** Specifies whether to display components in valid state, this affects styling. */\n  isValid?: boolean;\n  /** Specifies size for the component. */\n  size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;\n}\n\nfunction FormGroup<As extends React.ElementType = 'div'>({\n  children,\n  controlId,\n  isInvalid = false,\n  isValid = false,\n  size,\n  as,\n  ...props\n}: Props<As> & React.ComponentPropsWithoutRef<As>) {\n  return React.createElement(\n    as ?? 'div',\n    {\n      ...props,\n      className: classNames('pgn__form-group', props.className),\n    }, (\n      <FormGroupContextProvider\n        controlId={controlId}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        size={size}\n      >\n        {children}\n      </FormGroupContextProvider>\n    ),\n  );\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormGroup.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies base element for the component. */\n  as: PropTypes.elementType,\n  /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n   *  Will be autogenerated if none is supplied. */\n  controlId: PropTypes.string,\n  /** Specifies whether to display components in invalid state, this affects styling. */\n  isInvalid: PropTypes.bool,\n  /** Specifies whether to display components in valid state, this affects styling. */\n  isValid: PropTypes.bool,\n  /** Specifies size for the component. */\n  size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nexport default FormGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,wBAAwB,QAAQ,oBAAoB;AAqB7D,SAASC,SAASA,CAAuC;EACvDC,QAAQ;EACRC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,OAAO,GAAG,KAAK;EACfC,IAAI;EACJC,EAAE;EACF,GAAGC;AAC2C,CAAC,EAAE;EACjD,oBAAOX,KAAK,CAACY,aAAa,CACxBF,EAAE,IAAI,KAAK,EACX;IACE,GAAGC,KAAK;IACRE,SAAS,EAAEX,UAAU,CAAC,iBAAiB,EAAES,KAAK,CAACE,SAAS;EAC1D,CAAC,eACCb,KAAA,CAAAY,aAAA,CAACT,wBAAwB;IACvBG,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA;EAAK,GAEVJ,QACuB,CAE9B,CAAC;AACH;AAEA,MAAMS,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjCV,SAAS,CAACW,SAAS,GAAG;EACpB;EACAV,QAAQ,EAAEJ,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEZ,SAAS,CAACiB,MAAM;EAC3B;EACAR,EAAE,EAAET,SAAS,CAACkB,WAAW;EACzB;AACF;EACEb,SAAS,EAAEL,SAAS,CAACiB,MAAM;EAC3B;EACAX,SAAS,EAAEN,SAAS,CAACmB,IAAI;EACzB;EACAZ,OAAO,EAAEP,SAAS,CAACmB,IAAI;EACvB;EACAX,IAAI,EAAER,SAAS,CAACoB,KAAK,CAACP,YAAY;AACpC,CAAC;AAED,eAAeV,SAAS","ignoreList":[]}
+{"version":3,"file":"FormGroup.js","names":["React","classNames","FormGroupContextProvider","FormGroup","children","controlId","isInvalid","isValid","size","as","props","createElement","className"],"sources":["../../src/Form/FormGroup.tsx"],"sourcesContent":["import React, { ElementType, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { FormGroupContextProvider } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\ninterface Props {\n  /** Specifies contents of the component. */\n  children: ReactNode;\n  /** Specifies class name to append to the base element. */\n  className?: string;\n  /** Specifies base element for the component. */\n  as?: ElementType;\n  /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n   *  Will be autogenerated if none is supplied. */\n  controlId?: string;\n  /** Specifies whether to display components in invalid state, this affects styling. */\n  isInvalid?: boolean;\n  /** Specifies whether to display components in valid state, this affects styling. */\n  isValid?: boolean;\n  /** Specifies size for the component. Either `'sm'` or `'lg'`. */\n  size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;\n}\n\nfunction FormGroup<As extends React.ElementType = 'div'>({\n  children,\n  controlId,\n  isInvalid = false,\n  isValid = false,\n  size,\n  as,\n  ...props\n}: { as?: As } & Props & React.ComponentPropsWithoutRef<As>) {\n  return React.createElement(\n    as ?? 'div',\n    {\n      ...props,\n      className: classNames('pgn__form-group', props.className),\n    }, (\n      <FormGroupContextProvider\n        controlId={controlId}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        size={size}\n      >\n        {children}\n      </FormGroupContextProvider>\n    ),\n  );\n}\n\nexport default FormGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAkC,OAAO;AACrD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,wBAAwB,QAAQ,oBAAoB;AAqB7D,SAASC,SAASA,CAAuC;EACvDC,QAAQ;EACRC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,OAAO,GAAG,KAAK;EACfC,IAAI;EACJC,EAAE;EACF,GAAGC;AACqD,CAAC,EAAE;EAC3D,oBAAOV,KAAK,CAACW,aAAa,CACxBF,EAAE,IAAI,KAAK,EACX;IACE,GAAGC,KAAK;IACRE,SAAS,EAAEX,UAAU,CAAC,iBAAiB,EAAES,KAAK,CAACE,SAAS;EAC1D,CAAC,eACCZ,KAAA,CAAAW,aAAA,CAACT,wBAAwB;IACvBG,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA;EAAK,GAEVJ,QACuB,CAE9B,CAAC;AACH;AAEA,eAAeD,SAAS","ignoreList":[]}

package/dist/Hyperlink/index.d.ts

@@ -1,10 +1,12 @@
-import React from 'react';
+import React, { ElementType, ReactNode } from 'react';
 import { type BsPrefixRefForwardingComponent as ComponentWithAsProp, type BsPrefixProps } from 'react-bootstrap/esm/helpers';
 export interface HyperlinkProps extends BsPrefixProps, Omit<React.ComponentPropsWithRef<'a'>, 'href' | 'target'> {
-    /** specifies the URL */
+    /** specifies the component element type to render for the hyperlink. */
+    as?: ElementType;
+    /** specifies the URL; required if `as` prop is a standard anchor tag */
     destination?: string;
     /** Content of the hyperlink */
-    children: React.ReactNode;
+    children: ReactNode;
     /** Custom class names for the hyperlink */
     className?: string;
     /** Alt text for the icon indicating that this link opens in a new tab, if target="_blank". e.g. _("in a new tab") */

package/dist/Hyperlink/index.js

@@ -1,11 +1,8 @@
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { defineMessages, useIntl } from 'react-intl';
 import { Launch } from '../../icons';
 import Icon from '../Icon';
-// @ts-ignore
-import { customPropTypeRequirement } from '../utils/propTypes/utils';
 const messages = defineMessages({
   externalLinkAltText: {
     id: 'Hyperlink.externalLinkAltText',
@@ -83,52 +80,6 @@ const Hyperlink = /*#__PURE__*/forwardRef(({
     ...additionalProps
   }, children, externalLinkIcon);
 });
-Hyperlink.propTypes = {
-  /** specifies the component element type to render for the hyperlink */
-  // @ts-ignore
-  as: PropTypes.elementType,
-  /** specifies the URL; required iff `as` prop is a standard anchor tag */
-  destination: customPropTypeRequirement(PropTypes.string, ({
-    as
-  }) => as && as === 'a',
-  // "[`destination` is required when]..."
-  'the `as` prop is a standard anchor element (i.e., "a")'),
-  /** Content of the hyperlink */
-  // @ts-ignore
-  children: PropTypes.node.isRequired,
-  /** Custom class names for the hyperlink */
-  className: PropTypes.string,
-  /** specifies where the link should open. The default behavior is `_self`, which means that the URL will be
-   * loaded into the same browsing context as the current one.
-   * If the target is `_blank` (opening a new window) `rel='noopener'` will be added to the anchor tag to prevent
-   * any potential [reverse tabnabbing attack](https://www.owasp.org/index.php/Reverse_Tabnabbing).
-   */
-  target: PropTypes.oneOf(['_blank', '_self']),
-  /** specifies the callback function when the link is clicked */
-  onClick: PropTypes.func,
-  /** Alt text for the icon indicating that this link opens in a new tab, if target="_blank". e.g. _("in a new tab") */
-  externalLinkAlternativeText: PropTypes.string,
-  /** Tooltip text for the "opens in new tab" icon, if target="_blank". e.g. _("Opens in a new tab"). */
-  externalLinkTitle: PropTypes.string,
-  /** type of hyperlink */
-  variant: PropTypes.oneOf(['default', 'muted', 'brand']),
-  /** Display the link with an underline. By default, it is only underlined on hover. */
-  isInline: PropTypes.bool,
-  /** specify if we need to show launch Icon. By default, it will be visible. */
-  showLaunchIcon: PropTypes.bool
-};
-Hyperlink.defaultProps = {
-  as: 'a',
-  className: undefined,
-  destination: undefined,
-  externalLinkAlternativeText: undefined,
-  externalLinkTitle: undefined,
-  isInline: false,
-  onClick: undefined,
-  showLaunchIcon: true,
-  target: '_self',
-  variant: 'default'
-};
 Hyperlink.displayName = 'Hyperlink';
 export default Hyperlink;
 //# sourceMappingURL=index.js.map

package/dist/Hyperlink/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","PropTypes","classNames","defineMessages","useIntl","Launch","Icon","customPropTypeRequirement","messages","externalLinkAltText","id","defaultMessage","externalLinkTitle","Hyperlink","as","Component","className","destination","children","target","onClick","externalLinkAlternativeText","variant","isInline","showLaunchIcon","attrs","ref","intl","externalLinkIcon","generateRel","rel","includes","createElement","title","formatMessage","src","screenReaderText","style","height","width","additionalProps","href","propTypes","elementType","string","node","isRequired","oneOf","func","bool","defaultProps","undefined","displayName"],"sources":["../../src/Hyperlink/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n  type BsPrefixRefForwardingComponent as ComponentWithAsProp,\n  type BsPrefixProps,\n} from 'react-bootstrap/esm/helpers';\nimport { defineMessages, useIntl } from 'react-intl';\nimport { Launch } from '../../icons';\nimport Icon from '../Icon';\n// @ts-ignore\nimport { customPropTypeRequirement } from '../utils/propTypes/utils';\n\nexport interface HyperlinkProps extends BsPrefixProps, Omit<React.ComponentPropsWithRef<'a'>, 'href' | 'target'> {\n  /** specifies the URL */\n  destination?: string;\n  /** Content of the hyperlink */\n  children: React.ReactNode;\n  /** Custom class names for the hyperlink */\n  className?: string;\n  /** Alt text for the icon indicating that this link opens in a new tab, if target=\"_blank\". e.g. _(\"in a new tab\") */\n  externalLinkAlternativeText?: string;\n  /** Tooltip text for the \"opens in new tab\" icon, if target=\"_blank\". e.g. _(\"Opens in a new tab\"). */\n  externalLinkTitle?: string;\n  /** type of hyperlink */\n  variant?: 'default' | 'muted' | 'brand';\n  /** Display the link with an underline. By default, it is only underlined on hover. */\n  isInline?: boolean;\n  /** specify if we need to show launch Icon. By default, it will be visible. */\n  showLaunchIcon?: boolean;\n  /** specifies where the link should open. The default behavior is `_self`, which means that the URL will be\n   * loaded into the same browsing context as the current one.\n   * If the target is `_blank` (opening a new window) `rel='noopener'` will be added to the anchor tag to prevent\n   * any potential [reverse tabnabbing attack](https://www.owasp.org/index.php/Reverse_Tabnabbing).\n   */\n  target?: '_blank' | '_self';\n}\n\nexport type HyperlinkType = ComponentWithAsProp<'a', HyperlinkProps>;\n\nconst messages = defineMessages({\n  externalLinkAltText: {\n    id: 'Hyperlink.externalLinkAltText',\n    defaultMessage: 'in a new tab',\n  },\n  externalLinkTitle: {\n    id: 'Hyperlink.externalLinkTitle',\n    defaultMessage: 'Opens in a new tab',\n  },\n});\n\nconst Hyperlink = forwardRef<HTMLAnchorElement, HyperlinkProps>(({\n  as: Component = 'a',\n  className,\n  destination,\n  children,\n  target = '_self',\n  onClick,\n  externalLinkAlternativeText,\n  externalLinkTitle,\n  variant = 'default',\n  isInline = false,\n  showLaunchIcon = true,\n  ...attrs\n}, ref) => {\n  const intl = useIntl();\n  let externalLinkIcon;\n\n  if (target === '_blank') {\n    const generateRel = () => {\n      let { rel } = attrs;\n      if (!rel) {\n        return 'noopener noreferrer';\n      }\n      if (!rel.includes('noopener')) {\n        rel += ' noopener';\n      }\n      if (!rel.includes('noreferrer')) {\n        rel += ' noreferrer';\n      }\n      return rel;\n    };\n\n    // Add this rel attribute to prevent Reverse Tabnabbing\n    attrs.rel = generateRel();\n    if (showLaunchIcon) {\n      externalLinkIcon = (\n        <span\n          className=\"pgn__hyperlink__external-icon\"\n          title={externalLinkTitle || intl.formatMessage(messages.externalLinkTitle)}\n        >\n          <Icon\n            src={Launch}\n            screenReaderText={externalLinkAlternativeText || intl.formatMessage(messages.externalLinkAltText)}\n            style={{ height: '1em', width: '1em' }}\n            data-testid=\"hyperlink-icon\"\n          />\n        </span>\n      );\n    }\n  }\n\n  const additionalProps: Record<string, any> = { ...attrs };\n  if (destination) {\n    additionalProps.href = destination;\n  }\n\n  return (\n    <Component\n      ref={ref}\n      className={classNames(\n        'pgn__hyperlink',\n        `${variant}-link`,\n        {\n          'standalone-link': !isInline,\n          'inline-link': isInline,\n        },\n        className,\n      )}\n      target={target}\n      onClick={onClick}\n      {...additionalProps}\n    >\n      {children}\n      {externalLinkIcon}\n    </Component>\n  );\n});\n\nHyperlink.propTypes = {\n  /** specifies the component element type to render for the hyperlink */\n  // @ts-ignore\n  as: PropTypes.elementType,\n  /** specifies the URL; required iff `as` prop is a standard anchor tag */\n  destination: customPropTypeRequirement(\n    PropTypes.string,\n    ({ as }: { as: React.ElementType }) => as && as === 'a',\n    // \"[`destination` is required when]...\"\n    'the `as` prop is a standard anchor element (i.e., \"a\")',\n  ),\n  /** Content of the hyperlink */\n  // @ts-ignore\n  children: PropTypes.node.isRequired,\n  /** Custom class names for the hyperlink */\n  className: PropTypes.string,\n  /** specifies where the link should open. The default behavior is `_self`, which means that the URL will be\n   * loaded into the same browsing context as the current one.\n   * If the target is `_blank` (opening a new window) `rel='noopener'` will be added to the anchor tag to prevent\n   * any potential [reverse tabnabbing attack](https://www.owasp.org/index.php/Reverse_Tabnabbing).\n   */\n  target: PropTypes.oneOf(['_blank', '_self']),\n  /** specifies the callback function when the link is clicked */\n  onClick: PropTypes.func,\n  /** Alt text for the icon indicating that this link opens in a new tab, if target=\"_blank\". e.g. _(\"in a new tab\") */\n  externalLinkAlternativeText: PropTypes.string,\n  /** Tooltip text for the \"opens in new tab\" icon, if target=\"_blank\". e.g. _(\"Opens in a new tab\"). */\n  externalLinkTitle: PropTypes.string,\n  /** type of hyperlink */\n  variant: PropTypes.oneOf(['default', 'muted', 'brand']),\n  /** Display the link with an underline. By default, it is only underlined on hover. */\n  isInline: PropTypes.bool,\n  /** specify if we need to show launch Icon. By default, it will be visible. */\n  showLaunchIcon: PropTypes.bool,\n};\n\nHyperlink.defaultProps = {\n  as: 'a',\n  className: undefined,\n  destination: undefined,\n  externalLinkAlternativeText: undefined,\n  externalLinkTitle: undefined,\n  isInline: false,\n  onClick: undefined,\n  showLaunchIcon: true,\n  target: '_self',\n  variant: 'default',\n};\n\nHyperlink.displayName = 'Hyperlink';\n\nexport default Hyperlink;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","classNames","defineMessages","useIntl","Launch","Icon","messages","externalLinkAltText","id","defaultMessage","externalLinkTitle","Hyperlink","as","Component","className","destination","children","target","onClick","externalLinkAlternativeText","variant","isInline","showLaunchIcon","attrs","ref","intl","externalLinkIcon","generateRel","rel","includes","createElement","title","formatMessage","src","screenReaderText","style","height","width","additionalProps","href","displayName"],"sources":["../../src/Hyperlink/index.tsx"],"sourcesContent":["import React, {\n  forwardRef, ForwardedRef, ElementType, ReactNode,\n} from 'react';\nimport classNames from 'classnames';\nimport {\n  type BsPrefixRefForwardingComponent as ComponentWithAsProp,\n  type BsPrefixProps,\n} from 'react-bootstrap/esm/helpers';\nimport { defineMessages, useIntl } from 'react-intl';\nimport { Launch } from '../../icons';\nimport Icon from '../Icon';\n\nexport interface HyperlinkProps extends BsPrefixProps, Omit<React.ComponentPropsWithRef<'a'>, 'href' | 'target'> {\n  /** specifies the component element type to render for the hyperlink. */\n  as?: ElementType;\n  /** specifies the URL; required if `as` prop is a standard anchor tag */\n  destination?: string;\n  /** Content of the hyperlink */\n  children: ReactNode;\n  /** Custom class names for the hyperlink */\n  className?: string;\n  /** Alt text for the icon indicating that this link opens in a new tab, if target=\"_blank\". e.g. _(\"in a new tab\") */\n  externalLinkAlternativeText?: string;\n  /** Tooltip text for the \"opens in new tab\" icon, if target=\"_blank\". e.g. _(\"Opens in a new tab\"). */\n  externalLinkTitle?: string;\n  /** type of hyperlink */\n  variant?: 'default' | 'muted' | 'brand';\n  /** Display the link with an underline. By default, it is only underlined on hover. */\n  isInline?: boolean;\n  /** specify if we need to show launch Icon. By default, it will be visible. */\n  showLaunchIcon?: boolean;\n  /** specifies where the link should open. The default behavior is `_self`, which means that the URL will be\n   * loaded into the same browsing context as the current one.\n   * If the target is `_blank` (opening a new window) `rel='noopener'` will be added to the anchor tag to prevent\n   * any potential [reverse tabnabbing attack](https://www.owasp.org/index.php/Reverse_Tabnabbing).\n   */\n  target?: '_blank' | '_self';\n}\n\nexport type HyperlinkType = ComponentWithAsProp<'a', HyperlinkProps>;\n\nconst messages = defineMessages({\n  externalLinkAltText: {\n    id: 'Hyperlink.externalLinkAltText',\n    defaultMessage: 'in a new tab',\n  },\n  externalLinkTitle: {\n    id: 'Hyperlink.externalLinkTitle',\n    defaultMessage: 'Opens in a new tab',\n  },\n});\n\nconst Hyperlink = forwardRef(({\n  as: Component = 'a',\n  className,\n  destination,\n  children,\n  target = '_self',\n  onClick,\n  externalLinkAlternativeText,\n  externalLinkTitle,\n  variant = 'default',\n  isInline = false,\n  showLaunchIcon = true,\n  ...attrs\n}: HyperlinkProps, ref: ForwardedRef<HTMLAnchorElement>) => {\n  const intl = useIntl();\n  let externalLinkIcon;\n\n  if (target === '_blank') {\n    const generateRel = () => {\n      let { rel } = attrs;\n      if (!rel) {\n        return 'noopener noreferrer';\n      }\n      if (!rel.includes('noopener')) {\n        rel += ' noopener';\n      }\n      if (!rel.includes('noreferrer')) {\n        rel += ' noreferrer';\n      }\n      return rel;\n    };\n\n    // Add this rel attribute to prevent Reverse Tabnabbing\n    attrs.rel = generateRel();\n    if (showLaunchIcon) {\n      externalLinkIcon = (\n        <span\n          className=\"pgn__hyperlink__external-icon\"\n          title={externalLinkTitle || intl.formatMessage(messages.externalLinkTitle)}\n        >\n          <Icon\n            src={Launch}\n            screenReaderText={externalLinkAlternativeText || intl.formatMessage(messages.externalLinkAltText)}\n            style={{ height: '1em', width: '1em' }}\n            data-testid=\"hyperlink-icon\"\n          />\n        </span>\n      );\n    }\n  }\n\n  const additionalProps: Record<string, any> = { ...attrs };\n  if (destination) {\n    additionalProps.href = destination;\n  }\n\n  return (\n    <Component\n      ref={ref}\n      className={classNames(\n        'pgn__hyperlink',\n        `${variant}-link`,\n        {\n          'standalone-link': !isInline,\n          'inline-link': isInline,\n        },\n        className,\n      )}\n      target={target}\n      onClick={onClick}\n      {...additionalProps}\n    >\n      {children}\n      {externalLinkIcon}\n    </Component>\n  );\n});\n\nHyperlink.displayName = 'Hyperlink';\n\nexport default Hyperlink;\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,UAAU,QACL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AAKnC,SAASC,cAAc,EAAEC,OAAO,QAAQ,YAAY;AACpD,SAASC,MAAM,QAAQ,aAAa;AACpC,OAAOC,IAAI,MAAM,SAAS;AA+B1B,MAAMC,QAAQ,GAAGJ,cAAc,CAAC;EAC9BK,mBAAmB,EAAE;IACnBC,EAAE,EAAE,+BAA+B;IACnCC,cAAc,EAAE;EAClB,CAAC;EACDC,iBAAiB,EAAE;IACjBF,EAAE,EAAE,6BAA6B;IACjCC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,MAAME,SAAS,gBAAGX,UAAU,CAAC,CAAC;EAC5BY,EAAE,EAAEC,SAAS,GAAG,GAAG;EACnBC,SAAS;EACTC,WAAW;EACXC,QAAQ;EACRC,MAAM,GAAG,OAAO;EAChBC,OAAO;EACPC,2BAA2B;EAC3BT,iBAAiB;EACjBU,OAAO,GAAG,SAAS;EACnBC,QAAQ,GAAG,KAAK;EAChBC,cAAc,GAAG,IAAI;EACrB,GAAGC;AACW,CAAC,EAAEC,GAAoC,KAAK;EAC1D,MAAMC,IAAI,GAAGtB,OAAO,CAAC,CAAC;EACtB,IAAIuB,gBAAgB;EAEpB,IAAIT,MAAM,KAAK,QAAQ,EAAE;IACvB,MAAMU,WAAW,GAAGA,CAAA,KAAM;MACxB,IAAI;QAAEC;MAAI,CAAC,GAAGL,KAAK;MACnB,IAAI,CAACK,GAAG,EAAE;QACR,OAAO,qBAAqB;MAC9B;MACA,IAAI,CAACA,GAAG,CAACC,QAAQ,CAAC,UAAU,CAAC,EAAE;QAC7BD,GAAG,IAAI,WAAW;MACpB;MACA,IAAI,CAACA,GAAG,CAACC,QAAQ,CAAC,YAAY,CAAC,EAAE;QAC/BD,GAAG,IAAI,aAAa;MACtB;MACA,OAAOA,GAAG;IACZ,CAAC;;IAED;IACAL,KAAK,CAACK,GAAG,GAAGD,WAAW,CAAC,CAAC;IACzB,IAAIL,cAAc,EAAE;MAClBI,gBAAgB,gBACd3B,KAAA,CAAA+B,aAAA;QACEhB,SAAS,EAAC,+BAA+B;QACzCiB,KAAK,EAAErB,iBAAiB,IAAIe,IAAI,CAACO,aAAa,CAAC1B,QAAQ,CAACI,iBAAiB;MAAE,gBAE3EX,KAAA,CAAA+B,aAAA,CAACzB,IAAI;QACH4B,GAAG,EAAE7B,MAAO;QACZ8B,gBAAgB,EAAEf,2BAA2B,IAAIM,IAAI,CAACO,aAAa,CAAC1B,QAAQ,CAACC,mBAAmB,CAAE;QAClG4B,KAAK,EAAE;UAAEC,MAAM,EAAE,KAAK;UAAEC,KAAK,EAAE;QAAM,CAAE;QACvC,eAAY;MAAgB,CAC7B,CACG,CACP;IACH;EACF;EAEA,MAAMC,eAAoC,GAAG;IAAE,GAAGf;EAAM,CAAC;EACzD,IAAIR,WAAW,EAAE;IACfuB,eAAe,CAACC,IAAI,GAAGxB,WAAW;EACpC;EAEA,oBACEhB,KAAA,CAAA+B,aAAA,CAACjB,SAAS;IACRW,GAAG,EAAEA,GAAI;IACTV,SAAS,EAAEb,UAAU,CACnB,gBAAgB,EAChB,GAAGmB,OAAO,OAAO,EACjB;MACE,iBAAiB,EAAE,CAACC,QAAQ;MAC5B,aAAa,EAAEA;IACjB,CAAC,EACDP,SACF,CAAE;IACFG,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IAAA,GACboB;EAAe,GAElBtB,QAAQ,EACRU,gBACQ,CAAC;AAEhB,CAAC,CAAC;AAEFf,SAAS,CAAC6B,WAAW,GAAG,WAAW;AAEnC,eAAe7B,SAAS","ignoreList":[]}

package/dist/ProductTour/Checkpoint.scss

@@ -64,7 +64,7 @@
   }
 
   .pgn__checkpoint-page-index {
-    font-size: $small-font-size;
+    font-size: var(--pgn-typography-font-size-sm);
   }
 }
 

package/dist/theme-urls.json

@@ -1,5 +1,11 @@
 {
   "themeUrls": {
+    "core": {
+      "paths": {
+        "default": "./core.css",
+        "minified": "./core.min.css"
+      }
+    },
     "defaults": {
       "light": "light"
     },
@@ -10,12 +16,6 @@
           "minified": "./light.min.css"
         }
       }
-    },
-    "core": {
-      "paths": {
-        "default": "./core.css",
-        "minified": "./core.min.css"
-      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/paragon",
-  "version": "23.14.4",
+  "version": "23.14.5",
   "description": "Accessible, responsive UI component library based on Bootstrap.",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -27,11 +27,12 @@
   "sideEffects": false,
   "scripts": {
     "build": "make build",
-    "build-docs": "npm run build --workspace=www",
+    "build-docs": "make build-docs",
     "commit": "commit",
     "debug-test": "node --inspect-brk node_modules/.bin/jest --runInBand --coverage",
     "stylelint": "stylelint \"src/**/*.scss\" \"scss/**/*.scss\" \"www/src/**/*.scss\" --config .stylelintrc.json",
-    "lint": "npm run stylelint && eslint --ext .js --ext .jsx --ext .ts --ext .tsx --ext .json . && npm run lint --workspaces --if-present",
+    "eslint": "eslint --ext .js --ext .jsx --ext .ts --ext .tsx --ext .json .",
+    "lint": "make lint",
     "lint:fix": "npm run stylelint && eslint --fix --ext .js --ext .jsx --ext .ts --ext .tsx --ext .json . && npm run lint --workspaces --if-present",
     "prepublishOnly": "npm run build",
     "semantic-release": "semantic-release",
@@ -100,7 +101,7 @@
     "react-table": "^7.7.0",
     "react-transition-group": "^4.4.2",
     "sass": "^1.58.3",
-    "style-dictionary": "^4.3.2",
+    "style-dictionary": "^4.4.0",
     "tabbable": "^5.3.3",
     "uncontrollable": "^7.2.1",
     "uuid": "^9.0.0"

package/src/ChipCarousel/index.tsx

@@ -1,5 +1,4 @@
 import React, { ForwardedRef } from 'react';
-import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import classNames from 'classnames';
 // @ts-ignore
@@ -21,15 +20,30 @@ export interface OverflowScrollContextProps {
 }
 
 export interface ChipCarouselProps {
+  /** Specifies class name for the ChipCarousel. */
   className?: string;
+  /** Specifies array of `Chip` elements to be rendered inside the carousel. */
   items: Array<React.ReactElement>;
+  /** Text describing the ChipCarousel for screen readers. */
   ariaLabel: string;
+  /** Whether the default opacity masks should be shown at the start/end, if applicable. */
   disableOpacityMasks?: boolean;
+  /** Callback function for when the user scrolls to the previous element. */
   onScrollPrevious?: () => void;
+  /** Callback function for when the user scrolls to the next element. */
   onScrollNext?: () => void;
+  /** Whether users can scroll within the overflow container. */
   canScrollHorizontal?: boolean;
+  /** A value specifying the distance the scroll should move. */
   offset?: number | string;
+  /** Type of offset value (percentage or fixed). */
   offsetType?: 'percentage' | 'fixed';
+  /**
+   * Specifies inner space between children blocks.
+   *
+   * Valid values are based on `the spacing classes`:
+   * `0, 0.5, ... 6`.
+   */
   gap?: number;
 }
 
@@ -43,7 +57,7 @@ const ChipCarousel = React.forwardRef(({
   canScrollHorizontal = false,
   offset = 120,
   offsetType = 'fixed',
-  gap,
+  gap = 3,
   ...props
 }: ChipCarouselProps, ref: ForwardedRef<HTMLDivElement>) => {
   const intl = useIntl();
@@ -115,44 +129,4 @@ const ChipCarousel = React.forwardRef(({
   );
 });
 
-ChipCarousel.propTypes = {
-  /** Text describing the ChipCarousel for screen readers. */
-  ariaLabel: PropTypes.string.isRequired,
-  /** Specifies class name for the ChipCarousel. */
-  className: PropTypes.string,
-  /** Specifies array of `Chip` elements to be rendered inside the carousel. */
-  // @ts-ignore
-  items: PropTypes.arrayOf(PropTypes.element).isRequired,
-  /** Whether the default opacity masks should be shown at the start/end, if applicable. */
-  disableOpacityMasks: PropTypes.bool,
-  /** Callback function for when the user scrolls to the previous element. */
-  onScrollPrevious: PropTypes.func,
-  /** Callback function for when the user scrolls to the next element. */
-  onScrollNext: PropTypes.func,
-  /** Whether users can scroll within the overflow container. */
-  canScrollHorizontal: PropTypes.bool,
-  /** A value specifying the distance the scroll should move. */
-  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /** Type of offset value (percentage or fixed). */
-  offsetType: PropTypes.oneOf(['percentage', 'fixed']),
-  /**
-   * Specifies inner space between children blocks.
-   *
-   * Valid values are based on `the spacing classes`:
-   * `0, 0.5, ... 6`.
-   */
-  gap: PropTypes.number,
-};
-
-ChipCarousel.defaultProps = {
-  className: undefined,
-  disableOpacityMasks: undefined,
-  onScrollPrevious: undefined,
-  onScrollNext: undefined,
-  canScrollHorizontal: false,
-  offset: 120,
-  offsetType: 'fixed',
-  gap: 3,
-};
-
 export default ChipCarousel;