@openedx/paragon 23.14.2 → 23.14.4

package/dist/Button/index.d.ts

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

package/dist/Button/index.js

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

package/dist/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseButton","BaseButtonGroup","BaseButtonToolbar","Icon","Button","forwardRef","_ref","ref","children","iconAfter","iconBefore","size","props","createElement","className","src","propTypes","string","disabled","bool","node","isRequired","onClick","func","onKeyDown","type","variant","elementType","defaultProps","undefined","ButtonGroup","_ref2","as","role","oneOf","toggle","vertical","bsPrefix","ButtonToolbar"],"sources":["../../src/Button/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes, { type Requireable } from 'prop-types';\nimport classNames from 'classnames';\nimport BaseButton, { type ButtonProps as BaseButtonProps } from 'react-bootstrap/Button';\nimport BaseButtonGroup, { type ButtonGroupProps as BaseButtonGroupProps } from 'react-bootstrap/ButtonGroup';\nimport BaseButtonToolbar, { type ButtonToolbarProps } from 'react-bootstrap/ButtonToolbar';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nimport Icon from '../Icon';\n\ninterface ButtonProps extends Omit<BaseButtonProps, 'size'> {\n  /**\n   * An icon component to render. Example:\n   * ```\n   * import { Close } from '@openedx/paragon/icons';\n   * <Button iconBefore={Close}>Close</Button>\n   * ```\n   */\n  iconBefore?: React.ComponentType;\n  /**\n   * An icon component to render. Example:\n   * ```\n   * import { Close } from '@openedx/paragon/icons';\n   * <Button iconAfter={Close}>Close</Button>\n   * ```\n   */\n  iconAfter?: React.ComponentType;\n  size?: 'sm' | 'md' | 'lg' | 'inline';\n}\n\ntype ButtonType = ComponentWithAsProp<'button', ButtonProps> & { Deprecated?: any };\n\nconst Button: ButtonType = React.forwardRef<HTMLButtonElement, ButtonProps>(({\n  children,\n  iconAfter,\n  iconBefore,\n  size,\n  ...props\n}, ref) => (\n  <BaseButton\n    size={size as 'sm' | 'lg' | undefined} // Bootstrap's <Button> types do not allow 'md' or 'inline', but we do.\n    {...props}\n    className={classNames(props.className)}\n    ref={ref}\n  >\n    {iconBefore && <Icon className=\"btn-icon-before\" size={size} src={iconBefore} />}\n    {children}\n    {iconAfter && <Icon className=\"btn-icon-after\" size={size} src={iconAfter} />}\n  </BaseButton>\n));\n\nButton.propTypes = {\n  /** Specifies class name to apply to the button */\n  className: PropTypes.string,\n  /** Disables the Button, preventing mouse events, even if the underlying component is an `<a>` element */\n  disabled: PropTypes.bool,\n  /** Specifies the text that is displayed within the button. */\n  children: PropTypes.node.isRequired,\n  /** A function that would specify what the button should do when the `onClick` event is triggered.\n   * For example, the button could launch a `Modal`. The default is an empty function. */\n  onClick: PropTypes.func,\n  /** A function that would specify what the button should do when the `onKeyDown` event is triggered.\n   * For example, this could handle using the `Escape` key to trigger the button's action.\n   * The default is an empty function. */\n  onKeyDown: PropTypes.func,\n  /** Used to set the `type` attribute on the `button` tag.  The default type is `button`. */\n  type: PropTypes.string,\n  /** Specifies variant to use.\n   * Can be on of the base variants: `primary`, `secondary`, `success`, `danger`, `warning`, `info`, `dark`,\n   * `light`, `link`\n   *\n   * as well as one of the customized variants (= base variant prefixed with `inverse-`, `outline-`\n   * or `inverse-outline-`)\n   * */\n  variant: PropTypes.string,\n  /** An icon component to render.\n  * Example import of a Paragon icon component: `import { Check } from '@openedx/paragon/icons';` */\n  iconBefore: PropTypes.elementType as Requireable<React.ComponentType>,\n  /** An icon component to render.\n  * Example import of a Paragon icon component: `import { Check } from '@openedx/paragon/icons';` */\n  iconAfter: PropTypes.elementType as Requireable<React.ComponentType>,\n  // The 'as' type casting above is required for TypeScript checking, because the 'PropTypes.elementType' type normally\n  // allows strings as a value (for use cases like 'div') but we don't support that for <Icon />/iconBefore/iconAfter.\n  // The React TypeScript type definitions are more specific (React.ComponentType vs React.ElementType).\n};\n\nButton.defaultProps = {\n  ...Button.defaultProps,\n  children: undefined,\n  className: undefined,\n  iconBefore: undefined,\n  iconAfter: undefined,\n  disabled: false,\n};\n\n// We could just re-export 'ButtonGroup' and 'ButtonToolbar', but we currently\n// override them to add propTypes validation at runtime, since most Paragon\n// consumers aren't using TypeScript yet. We also force ButtonGroup's 'size'\n// prop to accept our custom values of 'md' and 'inline' which are used in\n// Paragon but not used in the base Bootstrap classes.\n\ninterface ButtonGroupProps extends Omit<BaseButtonGroupProps, 'size'> {\n  size?: 'sm' | 'md' | 'lg' | 'inline';\n}\n\nconst ButtonGroup: ComponentWithAsProp<'div', ButtonGroupProps> = (\n  React.forwardRef<HTMLButtonElement, ButtonGroupProps>(({ size, ...props }, ref) => (\n    <BaseButtonGroup size={size as 'sm' | 'lg'} {...props} ref={ref} />\n  ))\n);\n\nButtonGroup.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** An ARIA role describing the button group. */\n  role: PropTypes.string,\n  /** Specifies the size for all Buttons in the group. */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'inline']),\n  /** Display as a button toggle group. */\n  toggle: PropTypes.bool,\n  /** Specifies if the set of Buttons should appear vertically stacked. */\n  vertical: PropTypes.bool,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nButtonGroup.defaultProps = {\n  as: 'div',\n  role: 'group',\n  toggle: false,\n  vertical: false,\n  bsPrefix: 'btn-group',\n  size: 'md',\n};\n\nconst ButtonToolbar: ComponentWithAsProp<'div', ButtonToolbarProps> = (\n  React.forwardRef<HTMLButtonElement, ButtonToolbarProps>((props, ref) => (\n    <BaseButtonToolbar {...props} ref={ref} />\n  ))\n);\n\nButtonToolbar.propTypes = {\n  /** An ARIA role describing the button group. */\n  role: PropTypes.string,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nButtonToolbar.defaultProps = {\n  role: 'toolbar',\n  bsPrefix: 'btn-toolbar',\n};\n\nexport default Button;\nexport { ButtonGroup, ButtonToolbar };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAA4B,YAAY;AACxD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAA+C,wBAAwB;AACxF,OAAOC,eAAe,MAAyD,6BAA6B;AAC5G,OAAOC,iBAAiB,MAAmC,+BAA+B;AAG1F,OAAOC,IAAI,MAAM,SAAS;AAwB1B,MAAMC,MAAkB,gBAAGP,KAAK,CAACQ,UAAU,CAAiC,CAAAC,IAAA,EAMzEC,GAAG;EAAA,IANuE;IAC3EC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,IAAI;IACJ,GAAGC;EACL,CAAC,GAAAN,IAAA;EAAA,oBACCT,KAAA,CAAAgB,aAAA,CAACb,UAAU;IACTW,IAAI,EAAEA,IAAgC,CAAC;IAAA;IAAA,GACnCC,KAAK;IACTE,SAAS,EAAEf,UAAU,CAACa,KAAK,CAACE,SAAS,CAAE;IACvCP,GAAG,EAAEA;EAAI,GAERG,UAAU,iBAAIb,KAAA,CAAAgB,aAAA,CAACV,IAAI;IAACW,SAAS,EAAC,iBAAiB;IAACH,IAAI,EAAEA,IAAK;IAACI,GAAG,EAAEL;EAAW,CAAE,CAAC,EAC/EF,QAAQ,EACRC,SAAS,iBAAIZ,KAAA,CAAAgB,aAAA,CAACV,IAAI;IAACW,SAAS,EAAC,gBAAgB;IAACH,IAAI,EAAEA,IAAK;IAACI,GAAG,EAAEN;EAAU,CAAE,CAClE,CAAC;AAAA,CACd,CAAC;AAEFL,MAAM,CAACY,SAAS,GAAG;EACjB;EACAF,SAAS,EAAEhB,SAAS,CAACmB,MAAM;EAC3B;EACAC,QAAQ,EAAEpB,SAAS,CAACqB,IAAI;EACxB;EACAX,QAAQ,EAAEV,SAAS,CAACsB,IAAI,CAACC,UAAU;EACnC;AACF;EACEC,OAAO,EAAExB,SAAS,CAACyB,IAAI;EACvB;AACF;AACA;EACEC,SAAS,EAAE1B,SAAS,CAACyB,IAAI;EACzB;EACAE,IAAI,EAAE3B,SAAS,CAACmB,MAAM;EACtB;AACF;AACA;AACA;AACA;AACA;AACA;EACES,OAAO,EAAE5B,SAAS,CAACmB,MAAM;EACzB;AACF;EACEP,UAAU,EAAEZ,SAAS,CAAC6B,WAA+C;EACrE;AACF;EACElB,SAAS,EAAEX,SAAS,CAAC6B;EACrB;EACA;EACA;AACF,CAAC;AAEDvB,MAAM,CAACwB,YAAY,GAAG;EACpB,GAAGxB,MAAM,CAACwB,YAAY;EACtBpB,QAAQ,EAAEqB,SAAS;EACnBf,SAAS,EAAEe,SAAS;EACpBnB,UAAU,EAAEmB,SAAS;EACrBpB,SAAS,EAAEoB,SAAS;EACpBX,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACA;;AAMA,MAAMY,WAAyD,gBAC7DjC,KAAK,CAACQ,UAAU,CAAsC,CAAA0B,KAAA,EAAqBxB,GAAG;EAAA,IAAvB;IAAEI,IAAI;IAAE,GAAGC;EAAM,CAAC,GAAAmB,KAAA;EAAA,oBACvElC,KAAA,CAAAgB,aAAA,CAACZ,eAAe;IAACU,IAAI,EAAEA,IAAoB;IAAA,GAAKC,KAAK;IAAEL,GAAG,EAAEA;EAAI,CAAE,CAAC;AAAA,CACpE,CACF;AAEDuB,WAAW,CAACd,SAAS,GAAG;EACtB;EACAgB,EAAE,EAAElC,SAAS,CAAC6B,WAAW;EACzB;EACAM,IAAI,EAAEnC,SAAS,CAACmB,MAAM;EACtB;EACAN,IAAI,EAAEb,SAAS,CAACoC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;EACnD;EACAC,MAAM,EAAErC,SAAS,CAACqB,IAAI;EACtB;EACAiB,QAAQ,EAAEtC,SAAS,CAACqB,IAAI;EACxB;EACAkB,QAAQ,EAAEvC,SAAS,CAACmB;AACtB,CAAC;AAEDa,WAAW,CAACF,YAAY,GAAG;EACzBI,EAAE,EAAE,KAAK;EACTC,IAAI,EAAE,OAAO;EACbE,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,WAAW;EACrB1B,IAAI,EAAE;AACR,CAAC;AAED,MAAM2B,aAA6D,gBACjEzC,KAAK,CAACQ,UAAU,CAAwC,CAACO,KAAK,EAAEL,GAAG,kBACjEV,KAAA,CAAAgB,aAAA,CAACX,iBAAiB;EAAA,GAAKU,KAAK;EAAEL,GAAG,EAAEA;AAAI,CAAE,CAC1C,CACF;AAED+B,aAAa,CAACtB,SAAS,GAAG;EACxB;EACAiB,IAAI,EAAEnC,SAAS,CAACmB,MAAM;EACtB;EACAoB,QAAQ,EAAEvC,SAAS,CAACmB;AACtB,CAAC;AAEDqB,aAAa,CAACV,YAAY,GAAG;EAC3BK,IAAI,EAAE,SAAS;EACfI,QAAQ,EAAE;AACZ,CAAC;AAED,eAAejC,MAAM;AACrB,SAAS0B,WAAW,EAAEQ,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classNames","BaseButton","BaseButtonGroup","BaseButtonToolbar","Icon","Button","forwardRef","children","iconAfter","iconBefore","size","props","ref","createElement","className","src","ButtonGroup","ButtonToolbar"],"sources":["../../src/Button/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport BaseButton, { type ButtonProps as BaseButtonProps } from 'react-bootstrap/Button';\nimport BaseButtonGroup, { type ButtonGroupProps as BaseButtonGroupProps } from 'react-bootstrap/ButtonGroup';\nimport BaseButtonToolbar, { type ButtonToolbarProps as BaseButtonToolbarProps } from 'react-bootstrap/ButtonToolbar';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nimport Icon from '../Icon';\n\ntype BaseVariant = (\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'brand'\n  | 'success'\n  | 'danger'\n  | 'warning'\n  | 'info'\n  | 'dark'\n  | 'light'\n  | 'link'\n);\n\n/**\n * This was added so these types could be added as a non-breaking change.\n * @deprecated - remove in Paragon 24\n */\ntype OtherDeprecatedValue = string & {}; // Allow any other string value for now, even though it's invalid\n\nexport interface ButtonProps extends Omit<BaseButtonProps, 'size'> {\n  /** Set a custom element for this component (default: `button`, with `type=\"button\"`). */\n  as?: React.ElementType;\n  size?: 'sm' | 'md' | 'lg' | 'inline';\n  /**\n   * An icon component to render. Example:\n   * ```\n   * import { Close } from '@openedx/paragon/icons';\n   * <Button iconBefore={Close}>Close</Button>\n   * ```\n   */\n  iconBefore?: React.ComponentType;\n  /**\n   * An icon component to render. Example:\n   * ```\n   * import { Close } from '@openedx/paragon/icons';\n   * <Button iconAfter={Close}>Close</Button>\n   * ```\n   */\n  iconAfter?: React.ComponentType;\n\n  // The following are the same as in BaseButtonProps, but we re-define them to add documentation.\n  // The upstream type defintions do not have any comments/docs.\n\n  /** Disables the Button, preventing mouse events, even if the underlying component is an `<a>` element */\n  disabled?: boolean;\n  /** Optional: Specify additional class name(s) to apply to the button */\n  className?: string;\n  /** Specifies the text that is displayed within the button. */\n  children: React.ReactNode;\n  /** Specifies variant to use.\n   * Can be one of the base variants: `primary`, `secondary`, `tertiary`, `brand`, `success`, `danger`, `warning`,\n   * `info`, `dark`, `light`, `link`,\n   * as well as one of the customized variants (= base variant prefixed with `inverse-`, `outline-`\n   * or `inverse-outline-`)\n   * */\n  variant?: BaseVariant | `inverse-${BaseVariant}` | `outline-${BaseVariant}` | `inverse-outline-${BaseVariant}` | OtherDeprecatedValue;\n}\n\nconst Button: ComponentWithAsProp<'button', ButtonProps> = React.forwardRef(({\n  children,\n  iconAfter,\n  iconBefore,\n  size,\n  ...props\n}: ButtonProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n  <BaseButton\n    size={size as 'sm' | 'lg' | undefined} // Bootstrap's <Button> types do not allow 'md' or 'inline', but we do.\n    {...props}\n    className={classNames(props.className)}\n    ref={ref}\n  >\n    {iconBefore && <Icon className=\"btn-icon-before\" size={size} src={iconBefore} />}\n    {children}\n    {iconAfter && <Icon className=\"btn-icon-after\" size={size} src={iconAfter} />}\n  </BaseButton>\n));\n\n// We could just re-export 'ButtonGroup', but we currently override it to\n// force ButtonGroup's 'size' prop to accept our custom values of 'md' and\n// 'inline' which are used in Paragon but not used in the base Bootstrap classes.\n\ninterface ButtonGroupProps extends Omit<BaseButtonGroupProps, 'size'> {\n  /** Specifies element type for this component. */\n  as?: React.ElementType;\n  /** An ARIA role describing the button group (default: `group`). */\n  role?: React.AriaRole;\n  /** Specifies the size for all Buttons in the group (default: `md`). */\n  size?: 'sm' | 'md' | 'lg' | 'inline';\n  /** Display as a button toggle group (default: `false`). */\n  toggle?: boolean;\n  /** Specifies if the set of Buttons should appear vertically stacked (default: `false`). */\n  vertical?: boolean;\n  /** Overrides underlying component base CSS class name (default: `btn-group`). */\n  bsPrefix?: string;\n}\n\nconst ButtonGroup: ComponentWithAsProp<'div', ButtonGroupProps> = (\n  React.forwardRef(({ size = 'md', ...props }: ButtonGroupProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n    <BaseButtonGroup size={size as 'sm' | 'lg'} {...props} ref={ref} />\n  ))\n);\n\n// We could just re-export 'ButtonToolbar', but we currently override it to\n// narrow the type of 'role' to valid roles and to document its properties.\n\ninterface ButtonToolbarProps extends BaseButtonToolbarProps {\n  /** An ARIA role describing the button group (default: `toolbar`). */\n  role?: React.AriaRole;\n  /** Overrides underlying component base CSS class name (default: `btn-toolbar`) */\n  bsPrefix?: string;\n}\n\nconst ButtonToolbar: ComponentWithAsProp<'div', ButtonToolbarProps> = (\n  React.forwardRef((props: ButtonToolbarProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n    <BaseButtonToolbar {...props} ref={ref} />\n  ))\n);\n\nexport default Button;\nexport { ButtonGroup, ButtonToolbar };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAA+C,wBAAwB;AACxF,OAAOC,eAAe,MAAyD,6BAA6B;AAC5G,OAAOC,iBAAiB,MAA6D,+BAA+B;AAGpH,OAAOC,IAAI,MAAM,SAAS;;AAgB1B;AACA;AACA;AACA;AACyC;;AAyCzC,MAAMC,MAAkD,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAC;EAC3EC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,IAAI;EACJ,GAAGC;AACQ,CAAC,EAAEC,GAAuC,kBACrDb,KAAA,CAAAc,aAAA,CAACZ,UAAU;EACTS,IAAI,EAAEA,IAAgC,CAAC;EAAA;EAAA,GACnCC,KAAK;EACTG,SAAS,EAAEd,UAAU,CAACW,KAAK,CAACG,SAAS,CAAE;EACvCF,GAAG,EAAEA;AAAI,GAERH,UAAU,iBAAIV,KAAA,CAAAc,aAAA,CAACT,IAAI;EAACU,SAAS,EAAC,iBAAiB;EAACJ,IAAI,EAAEA,IAAK;EAACK,GAAG,EAAEN;AAAW,CAAE,CAAC,EAC/EF,QAAQ,EACRC,SAAS,iBAAIT,KAAA,CAAAc,aAAA,CAACT,IAAI;EAACU,SAAS,EAAC,gBAAgB;EAACJ,IAAI,EAAEA,IAAK;EAACK,GAAG,EAAEP;AAAU,CAAE,CAClE,CACb,CAAC;;AAEF;AACA;AACA;;AAiBA,MAAMQ,WAAyD,gBAC7DjB,KAAK,CAACO,UAAU,CAAC,CAAC;EAAEI,IAAI,GAAG,IAAI;EAAE,GAAGC;AAAwB,CAAC,EAAEC,GAAuC,kBACpGb,KAAA,CAAAc,aAAA,CAACX,eAAe;EAACQ,IAAI,EAAEA,IAAoB;EAAA,GAAKC,KAAK;EAAEC,GAAG,EAAEA;AAAI,CAAE,CACnE,CACF;;AAED;AACA;;AASA,MAAMK,aAA6D,gBACjElB,KAAK,CAACO,UAAU,CAAC,CAACK,KAAyB,EAAEC,GAAuC,kBAClFb,KAAA,CAAAc,aAAA,CAACV,iBAAiB;EAAA,GAAKQ,KAAK;EAAEC,GAAG,EAAEA;AAAI,CAAE,CAC1C,CACF;AAED,eAAeP,MAAM;AACrB,SAASW,WAAW,EAAEC,aAAa","ignoreList":[]}

package/dist/Card/BaseCard.js

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

package/dist/Card/BaseCard.js.map

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

package/dist/Card/CardBody.js

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

package/dist/Card/CardBody.js.map

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

package/dist/Card/CardCarousel/CardCarousel.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"CardCarousel.js","names":["React","PropTypes","OverflowScroll","CardCarouselProvider","CardCarouselHeader","CardCarouselItems","CardCarousel","_ref","ariaLabel","children","title","subtitle","columnSizes","hasInteractiveChildren","canScrollHorizontal","disableOpacityMasks","onScrollPrevious","onScrollNext","CardCarouselControls","createElement","disableScroll","className","propTypes","node","isRequired","string","shape","xs","number","sm","md","lg","xl","bool","func","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarousel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScroll } from '../../OverflowScroll';\nimport CardCarouselProvider from './CardCarouselProvider';\nimport CardCarouselHeader from './CardCarouselHeader';\nimport CardCarouselItems from './CardCarouselItems';\n\nfunction CardCarousel({\n  ariaLabel,\n  children,\n  title,\n  subtitle,\n  columnSizes,\n  hasInteractiveChildren,\n  canScrollHorizontal,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  CardCarouselControls,\n}) {\n  return (\n    <OverflowScroll\n      disableScroll={!canScrollHorizontal}\n      hasInteractiveChildren={hasInteractiveChildren}\n      disableOpacityMasks={disableOpacityMasks}\n      onScrollPrevious={onScrollPrevious}\n      onScrollNext={onScrollNext}\n      ariaLabel={ariaLabel}\n    >\n      <CardCarouselProvider\n        columnSizes={columnSizes}\n        hasInteractiveChildren={hasInteractiveChildren}\n        canScrollHorizontal={canScrollHorizontal}\n        CardCarouselControls={CardCarouselControls}\n      >\n        <div className=\"pgn__card-carousel\">\n          <CardCarouselHeader\n            title={title}\n            subtitle={subtitle}\n          />\n          <CardCarouselItems>{children}</CardCarouselItems>\n        </div>\n      </CardCarouselProvider>\n    </OverflowScroll>\n  );\n}\n\nCardCarousel.propTypes = {\n  /** The `Card` items for the `CardCarousel`. */\n  children: PropTypes.node.isRequired,\n  /** Text describing the CardCarousel for screen readers */\n  ariaLabel: PropTypes.string.isRequired,\n  /** An optional title. */\n  title: PropTypes.node,\n  /** An optional subtitle. */\n  subtitle: PropTypes.node,\n  /** Customize the responsive columnSizes used by the carousel. */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Whether the carousel has interactive children (e.g., clickable cards). */\n  hasInteractiveChildren: PropTypes.bool,\n  /** Whether the carousel can be scrolled manually by users. */\n  canScrollHorizontal: PropTypes.bool,\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  /** Optional override for the default `CardCarouselControls` */\n  CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarousel.defaultProps = {\n  title: undefined,\n  subtitle: undefined,\n  columnSizes: {\n    sm: 12,\n    lg: 6,\n    xl: 4,\n  },\n  hasInteractiveChildren: false,\n  canScrollHorizontal: true,\n  disableOpacityMasks: false,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  CardCarouselControls: undefined,\n};\n\nexport default CardCarousel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,SAASC,YAAYA,CAAAC,IAAA,EAYlB;EAAA,IAZmB;IACpBC,SAAS;IACTC,QAAQ;IACRC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBC,mBAAmB;IACnBC,gBAAgB;IAChBC,YAAY;IACZC;EACF,CAAC,GAAAX,IAAA;EACC,oBACEP,KAAA,CAAAmB,aAAA,CAACjB,cAAc;IACbkB,aAAa,EAAE,CAACN,mBAAoB;IACpCD,sBAAsB,EAAEA,sBAAuB;IAC/CE,mBAAmB,EAAEA,mBAAoB;IACzCC,gBAAgB,EAAEA,gBAAiB;IACnCC,YAAY,EAAEA,YAAa;IAC3BT,SAAS,EAAEA;EAAU,gBAErBR,KAAA,CAAAmB,aAAA,CAAChB,oBAAoB;IACnBS,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,oBAAoB,EAAEA;EAAqB,gBAE3ClB,KAAA,CAAAmB,aAAA;IAAKE,SAAS,EAAC;EAAoB,gBACjCrB,KAAA,CAAAmB,aAAA,CAACf,kBAAkB;IACjBM,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA;EAAS,CACpB,CAAC,eACFX,KAAA,CAAAmB,aAAA,CAACd,iBAAiB,QAAEI,QAA4B,CAC7C,CACe,CACR,CAAC;AAErB;AAEAH,YAAY,CAACgB,SAAS,GAAG;EACvB;EACAb,QAAQ,EAAER,SAAS,CAACsB,IAAI,CAACC,UAAU;EACnC;EACAhB,SAAS,EAAEP,SAAS,CAACwB,MAAM,CAACD,UAAU;EACtC;EACAd,KAAK,EAAET,SAAS,CAACsB,IAAI;EACrB;EACAZ,QAAQ,EAAEV,SAAS,CAACsB,IAAI;EACxB;EACAX,WAAW,EAAEX,SAAS,CAACyB,KAAK,CAAC;IAC3BC,EAAE,EAAE1B,SAAS,CAAC2B,MAAM;IACpBC,EAAE,EAAE5B,SAAS,CAAC2B,MAAM;IACpBE,EAAE,EAAE7B,SAAS,CAAC2B,MAAM;IACpBG,EAAE,EAAE9B,SAAS,CAAC2B,MAAM;IACpBI,EAAE,EAAE/B,SAAS,CAAC2B;EAChB,CAAC,CAAC;EACF;EACAf,sBAAsB,EAAEZ,SAAS,CAACgC,IAAI;EACtC;EACAnB,mBAAmB,EAAEb,SAAS,CAACgC,IAAI;EACnC;EACAlB,mBAAmB,EAAEd,SAAS,CAACgC,IAAI;EACnC;EACAjB,gBAAgB,EAAEf,SAAS,CAACiC,IAAI;EAChC;EACAjB,YAAY,EAAEhB,SAAS,CAACiC,IAAI;EAC5B;EACAhB,oBAAoB,EAAEjB,SAAS,CAACkC;AAClC,CAAC;AAED7B,YAAY,CAAC8B,YAAY,GAAG;EAC1B1B,KAAK,EAAE2B,SAAS;EAChB1B,QAAQ,EAAE0B,SAAS;EACnBzB,WAAW,EAAE;IACXiB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDnB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,mBAAmB,EAAE,KAAK;EAC1BC,gBAAgB,EAAEqB,SAAS;EAC3BpB,YAAY,EAAEoB,SAAS;EACvBnB,oBAAoB,EAAEmB;AACxB,CAAC;AAED,eAAe/B,YAAY","ignoreList":[]}
+{"version":3,"file":"CardCarousel.js","names":["React","PropTypes","OverflowScroll","CardCarouselProvider","CardCarouselHeader","CardCarouselItems","CardCarousel","ariaLabel","children","title","subtitle","columnSizes","hasInteractiveChildren","canScrollHorizontal","disableOpacityMasks","onScrollPrevious","onScrollNext","CardCarouselControls","createElement","disableScroll","className","propTypes","node","isRequired","string","shape","xs","number","sm","md","lg","xl","bool","func","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarousel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScroll } from '../../OverflowScroll';\nimport CardCarouselProvider from './CardCarouselProvider';\nimport CardCarouselHeader from './CardCarouselHeader';\nimport CardCarouselItems from './CardCarouselItems';\n\nfunction CardCarousel({\n  ariaLabel,\n  children,\n  title,\n  subtitle,\n  columnSizes,\n  hasInteractiveChildren,\n  canScrollHorizontal,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  CardCarouselControls,\n}) {\n  return (\n    <OverflowScroll\n      disableScroll={!canScrollHorizontal}\n      hasInteractiveChildren={hasInteractiveChildren}\n      disableOpacityMasks={disableOpacityMasks}\n      onScrollPrevious={onScrollPrevious}\n      onScrollNext={onScrollNext}\n      ariaLabel={ariaLabel}\n    >\n      <CardCarouselProvider\n        columnSizes={columnSizes}\n        hasInteractiveChildren={hasInteractiveChildren}\n        canScrollHorizontal={canScrollHorizontal}\n        CardCarouselControls={CardCarouselControls}\n      >\n        <div className=\"pgn__card-carousel\">\n          <CardCarouselHeader\n            title={title}\n            subtitle={subtitle}\n          />\n          <CardCarouselItems>{children}</CardCarouselItems>\n        </div>\n      </CardCarouselProvider>\n    </OverflowScroll>\n  );\n}\n\nCardCarousel.propTypes = {\n  /** The `Card` items for the `CardCarousel`. */\n  children: PropTypes.node.isRequired,\n  /** Text describing the CardCarousel for screen readers */\n  ariaLabel: PropTypes.string.isRequired,\n  /** An optional title. */\n  title: PropTypes.node,\n  /** An optional subtitle. */\n  subtitle: PropTypes.node,\n  /** Customize the responsive columnSizes used by the carousel. */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Whether the carousel has interactive children (e.g., clickable cards). */\n  hasInteractiveChildren: PropTypes.bool,\n  /** Whether the carousel can be scrolled manually by users. */\n  canScrollHorizontal: PropTypes.bool,\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  /** Optional override for the default `CardCarouselControls` */\n  CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarousel.defaultProps = {\n  title: undefined,\n  subtitle: undefined,\n  columnSizes: {\n    sm: 12,\n    lg: 6,\n    xl: 4,\n  },\n  hasInteractiveChildren: false,\n  canScrollHorizontal: true,\n  disableOpacityMasks: false,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  CardCarouselControls: undefined,\n};\n\nexport default CardCarousel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,SAASC,YAAYA,CAAC;EACpBC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,sBAAsB;EACtBC,mBAAmB;EACnBC,mBAAmB;EACnBC,gBAAgB;EAChBC,YAAY;EACZC;AACF,CAAC,EAAE;EACD,oBACEjB,KAAA,CAAAkB,aAAA,CAAChB,cAAc;IACbiB,aAAa,EAAE,CAACN,mBAAoB;IACpCD,sBAAsB,EAAEA,sBAAuB;IAC/CE,mBAAmB,EAAEA,mBAAoB;IACzCC,gBAAgB,EAAEA,gBAAiB;IACnCC,YAAY,EAAEA,YAAa;IAC3BT,SAAS,EAAEA;EAAU,gBAErBP,KAAA,CAAAkB,aAAA,CAACf,oBAAoB;IACnBQ,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,oBAAoB,EAAEA;EAAqB,gBAE3CjB,KAAA,CAAAkB,aAAA;IAAKE,SAAS,EAAC;EAAoB,gBACjCpB,KAAA,CAAAkB,aAAA,CAACd,kBAAkB;IACjBK,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA;EAAS,CACpB,CAAC,eACFV,KAAA,CAAAkB,aAAA,CAACb,iBAAiB,QAAEG,QAA4B,CAC7C,CACe,CACR,CAAC;AAErB;AAEAF,YAAY,CAACe,SAAS,GAAG;EACvB;EACAb,QAAQ,EAAEP,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAhB,SAAS,EAAEN,SAAS,CAACuB,MAAM,CAACD,UAAU;EACtC;EACAd,KAAK,EAAER,SAAS,CAACqB,IAAI;EACrB;EACAZ,QAAQ,EAAET,SAAS,CAACqB,IAAI;EACxB;EACAX,WAAW,EAAEV,SAAS,CAACwB,KAAK,CAAC;IAC3BC,EAAE,EAAEzB,SAAS,CAAC0B,MAAM;IACpBC,EAAE,EAAE3B,SAAS,CAAC0B,MAAM;IACpBE,EAAE,EAAE5B,SAAS,CAAC0B,MAAM;IACpBG,EAAE,EAAE7B,SAAS,CAAC0B,MAAM;IACpBI,EAAE,EAAE9B,SAAS,CAAC0B;EAChB,CAAC,CAAC;EACF;EACAf,sBAAsB,EAAEX,SAAS,CAAC+B,IAAI;EACtC;EACAnB,mBAAmB,EAAEZ,SAAS,CAAC+B,IAAI;EACnC;EACAlB,mBAAmB,EAAEb,SAAS,CAAC+B,IAAI;EACnC;EACAjB,gBAAgB,EAAEd,SAAS,CAACgC,IAAI;EAChC;EACAjB,YAAY,EAAEf,SAAS,CAACgC,IAAI;EAC5B;EACAhB,oBAAoB,EAAEhB,SAAS,CAACiC;AAClC,CAAC;AAED5B,YAAY,CAAC6B,YAAY,GAAG;EAC1B1B,KAAK,EAAE2B,SAAS;EAChB1B,QAAQ,EAAE0B,SAAS;EACnBzB,WAAW,EAAE;IACXiB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDnB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBC,mBAAmB,EAAE,KAAK;EAC1BC,gBAAgB,EAAEqB,SAAS;EAC3BpB,YAAY,EAAEoB,SAAS;EACvBnB,oBAAoB,EAAEmB;AACxB,CAAC;AAED,eAAe9B,YAAY","ignoreList":[]}

package/dist/Card/CardCarousel/CardCarouselHeader.js

@@ -22,11 +22,10 @@ const getFormattedSubtitle = subtitle => {
   }
   return /*#__PURE__*/React.createElement(CardCarouselSubtitle, null, subtitle);
 };
-function CardCarouselHeader(_ref) {
-  let {
-    title,
-    subtitle
-  } = _ref;
+function CardCarouselHeader({
+  title,
+  subtitle
+}) {
   const {
     CardCarouselControls: customCardCarouselControls
   } = useContext(CardCarouselContext);

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

@@ -1 +1 @@
-{"version":3,"file":"CardCarouselHeader.js","names":["React","useContext","isValidElement","PropTypes","CardCarouselTitle","CardCarouselSubtitle","DefaultCardCarouselControls","CardCarouselContext","getFormattedTitle","title","createElement","getFormattedSubtitle","subtitle","CardCarouselHeader","_ref","CardCarouselControls","customCardCarouselControls","carouselTitle","carouselSubtitle","className","propTypes","node","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselHeader.jsx"],"sourcesContent":["import React, { useContext, isValidElement } from 'react';\nimport PropTypes from 'prop-types';\nimport CardCarouselTitle from './CardCarouselTitle';\nimport CardCarouselSubtitle from './CardCarouselSubtitle';\nimport DefaultCardCarouselControls from './CardCarouselControls';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nconst getFormattedTitle = (title) => {\n  if (!title) {\n    return null;\n  }\n  if (isValidElement(title)) {\n    return title;\n  }\n  return <CardCarouselTitle>{title}</CardCarouselTitle>;\n};\n\nconst getFormattedSubtitle = (subtitle) => {\n  if (!subtitle) {\n    return null;\n  }\n  if (isValidElement(subtitle)) {\n    return subtitle;\n  }\n  return <CardCarouselSubtitle>{subtitle}</CardCarouselSubtitle>;\n};\n\nfunction CardCarouselHeader({ title, subtitle }) {\n  const { CardCarouselControls: customCardCarouselControls } = useContext(CardCarouselContext);\n  const CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;\n\n  const carouselTitle = getFormattedTitle(title);\n  const carouselSubtitle = getFormattedSubtitle(subtitle);\n\n  return (\n    <div className=\"pgn__card-carousel-header\">\n      <div>\n        {carouselTitle}\n        {carouselSubtitle}\n      </div>\n      <CardCarouselControls />\n    </div>\n  );\n}\n\nCardCarouselHeader.propTypes = {\n  title: PropTypes.node,\n  subtitle: PropTypes.node,\n};\n\nCardCarouselHeader.defaultProps = {\n  title: undefined,\n  subtitle: undefined,\n};\n\nexport default CardCarouselHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,cAAc,QAAQ,OAAO;AACzD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,2BAA2B,MAAM,wBAAwB;AAChE,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,MAAMC,iBAAiB,GAAIC,KAAK,IAAK;EACnC,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,iBAAIP,cAAc,CAACO,KAAK,CAAC,EAAE;IACzB,OAAOA,KAAK;EACd;EACA,oBAAOT,KAAA,CAAAU,aAAA,CAACN,iBAAiB,QAAEK,KAAyB,CAAC;AACvD,CAAC;AAED,MAAME,oBAAoB,GAAIC,QAAQ,IAAK;EACzC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,iBAAIV,cAAc,CAACU,QAAQ,CAAC,EAAE;IAC5B,OAAOA,QAAQ;EACjB;EACA,oBAAOZ,KAAA,CAAAU,aAAA,CAACL,oBAAoB,QAAEO,QAA+B,CAAC;AAChE,CAAC;AAED,SAASC,kBAAkBA,CAAAC,IAAA,EAAsB;EAAA,IAArB;IAAEL,KAAK;IAAEG;EAAS,CAAC,GAAAE,IAAA;EAC7C,MAAM;IAAEC,oBAAoB,EAAEC;EAA2B,CAAC,GAAGf,UAAU,CAACM,mBAAmB,CAAC;EAC5F,MAAMQ,oBAAoB,GAAGC,0BAA0B,IAAIV,2BAA2B;EAEtF,MAAMW,aAAa,GAAGT,iBAAiB,CAACC,KAAK,CAAC;EAC9C,MAAMS,gBAAgB,GAAGP,oBAAoB,CAACC,QAAQ,CAAC;EAEvD,oBACEZ,KAAA,CAAAU,aAAA;IAAKS,SAAS,EAAC;EAA2B,gBACxCnB,KAAA,CAAAU,aAAA,cACGO,aAAa,EACbC,gBACE,CAAC,eACNlB,KAAA,CAAAU,aAAA,CAACK,oBAAoB,MAAE,CACpB,CAAC;AAEV;AAEAF,kBAAkB,CAACO,SAAS,GAAG;EAC7BX,KAAK,EAAEN,SAAS,CAACkB,IAAI;EACrBT,QAAQ,EAAET,SAAS,CAACkB;AACtB,CAAC;AAEDR,kBAAkB,CAACS,YAAY,GAAG;EAChCb,KAAK,EAAEc,SAAS;EAChBX,QAAQ,EAAEW;AACZ,CAAC;AAED,eAAeV,kBAAkB","ignoreList":[]}
+{"version":3,"file":"CardCarouselHeader.js","names":["React","useContext","isValidElement","PropTypes","CardCarouselTitle","CardCarouselSubtitle","DefaultCardCarouselControls","CardCarouselContext","getFormattedTitle","title","createElement","getFormattedSubtitle","subtitle","CardCarouselHeader","CardCarouselControls","customCardCarouselControls","carouselTitle","carouselSubtitle","className","propTypes","node","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselHeader.jsx"],"sourcesContent":["import React, { useContext, isValidElement } from 'react';\nimport PropTypes from 'prop-types';\nimport CardCarouselTitle from './CardCarouselTitle';\nimport CardCarouselSubtitle from './CardCarouselSubtitle';\nimport DefaultCardCarouselControls from './CardCarouselControls';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nconst getFormattedTitle = (title) => {\n  if (!title) {\n    return null;\n  }\n  if (isValidElement(title)) {\n    return title;\n  }\n  return <CardCarouselTitle>{title}</CardCarouselTitle>;\n};\n\nconst getFormattedSubtitle = (subtitle) => {\n  if (!subtitle) {\n    return null;\n  }\n  if (isValidElement(subtitle)) {\n    return subtitle;\n  }\n  return <CardCarouselSubtitle>{subtitle}</CardCarouselSubtitle>;\n};\n\nfunction CardCarouselHeader({ title, subtitle }) {\n  const { CardCarouselControls: customCardCarouselControls } = useContext(CardCarouselContext);\n  const CardCarouselControls = customCardCarouselControls || DefaultCardCarouselControls;\n\n  const carouselTitle = getFormattedTitle(title);\n  const carouselSubtitle = getFormattedSubtitle(subtitle);\n\n  return (\n    <div className=\"pgn__card-carousel-header\">\n      <div>\n        {carouselTitle}\n        {carouselSubtitle}\n      </div>\n      <CardCarouselControls />\n    </div>\n  );\n}\n\nCardCarouselHeader.propTypes = {\n  title: PropTypes.node,\n  subtitle: PropTypes.node,\n};\n\nCardCarouselHeader.defaultProps = {\n  title: undefined,\n  subtitle: undefined,\n};\n\nexport default CardCarouselHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,cAAc,QAAQ,OAAO;AACzD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,2BAA2B,MAAM,wBAAwB;AAChE,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,MAAMC,iBAAiB,GAAIC,KAAK,IAAK;EACnC,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,iBAAIP,cAAc,CAACO,KAAK,CAAC,EAAE;IACzB,OAAOA,KAAK;EACd;EACA,oBAAOT,KAAA,CAAAU,aAAA,CAACN,iBAAiB,QAAEK,KAAyB,CAAC;AACvD,CAAC;AAED,MAAME,oBAAoB,GAAIC,QAAQ,IAAK;EACzC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,iBAAIV,cAAc,CAACU,QAAQ,CAAC,EAAE;IAC5B,OAAOA,QAAQ;EACjB;EACA,oBAAOZ,KAAA,CAAAU,aAAA,CAACL,oBAAoB,QAAEO,QAA+B,CAAC;AAChE,CAAC;AAED,SAASC,kBAAkBA,CAAC;EAAEJ,KAAK;EAAEG;AAAS,CAAC,EAAE;EAC/C,MAAM;IAAEE,oBAAoB,EAAEC;EAA2B,CAAC,GAAGd,UAAU,CAACM,mBAAmB,CAAC;EAC5F,MAAMO,oBAAoB,GAAGC,0BAA0B,IAAIT,2BAA2B;EAEtF,MAAMU,aAAa,GAAGR,iBAAiB,CAACC,KAAK,CAAC;EAC9C,MAAMQ,gBAAgB,GAAGN,oBAAoB,CAACC,QAAQ,CAAC;EAEvD,oBACEZ,KAAA,CAAAU,aAAA;IAAKQ,SAAS,EAAC;EAA2B,gBACxClB,KAAA,CAAAU,aAAA,cACGM,aAAa,EACbC,gBACE,CAAC,eACNjB,KAAA,CAAAU,aAAA,CAACI,oBAAoB,MAAE,CACpB,CAAC;AAEV;AAEAD,kBAAkB,CAACM,SAAS,GAAG;EAC7BV,KAAK,EAAEN,SAAS,CAACiB,IAAI;EACrBR,QAAQ,EAAET,SAAS,CAACiB;AACtB,CAAC;AAEDP,kBAAkB,CAACQ,YAAY,GAAG;EAChCZ,KAAK,EAAEa,SAAS;EAChBV,QAAQ,EAAEU;AACZ,CAAC;AAED,eAAeT,kBAAkB","ignoreList":[]}

package/dist/Card/CardCarousel/CardCarouselItems.js

@@ -2,10 +2,9 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import CardDeck from '../CardDeck';
 import { CardCarouselContext } from './CardCarouselProvider';
-function CardCarouselItems(_ref) {
-  let {
-    children
-  } = _ref;
+function CardCarouselItems({
+  children
+}) {
   const {
     columnSizes,
     hasInteractiveChildren,

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

@@ -1 +1 @@
-{"version":3,"file":"CardCarouselItems.js","names":["React","useContext","PropTypes","CardDeck","CardCarouselContext","CardCarouselItems","_ref","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","setOverflowRef","createElement","ref","hasOverflowScrollItems","propTypes","node","isRequired"],"sources":["../../../src/Card/CardCarousel/CardCarouselItems.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport CardDeck from '../CardDeck';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nfunction CardCarouselItems({ children }) {\n  const {\n    columnSizes,\n    hasInteractiveChildren,\n    canScrollHorizontal,\n    setOverflowRef,\n  } = useContext(CardCarouselContext);\n\n  return (\n    <CardDeck\n      ref={setOverflowRef}\n      columnSizes={columnSizes}\n      hasInteractiveChildren={hasInteractiveChildren}\n      canScrollHorizontal={canScrollHorizontal}\n      hasOverflowScrollItems\n    >\n      {children}\n    </CardDeck>\n  );\n}\n\nCardCarouselItems.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default CardCarouselItems;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,SAASC,iBAAiBA,CAAAC,IAAA,EAAe;EAAA,IAAd;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACrC,MAAM;IACJE,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBC;EACF,CAAC,GAAGV,UAAU,CAACG,mBAAmB,CAAC;EAEnC,oBACEJ,KAAA,CAAAY,aAAA,CAACT,QAAQ;IACPU,GAAG,EAAEF,cAAe;IACpBH,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,sBAAsB;EAAA,GAErBP,QACO,CAAC;AAEf;AAEAF,iBAAiB,CAACU,SAAS,GAAG;EAC5BR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeZ,iBAAiB","ignoreList":[]}
+{"version":3,"file":"CardCarouselItems.js","names":["React","useContext","PropTypes","CardDeck","CardCarouselContext","CardCarouselItems","children","columnSizes","hasInteractiveChildren","canScrollHorizontal","setOverflowRef","createElement","ref","hasOverflowScrollItems","propTypes","node","isRequired"],"sources":["../../../src/Card/CardCarousel/CardCarouselItems.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport CardDeck from '../CardDeck';\nimport { CardCarouselContext } from './CardCarouselProvider';\n\nfunction CardCarouselItems({ children }) {\n  const {\n    columnSizes,\n    hasInteractiveChildren,\n    canScrollHorizontal,\n    setOverflowRef,\n  } = useContext(CardCarouselContext);\n\n  return (\n    <CardDeck\n      ref={setOverflowRef}\n      columnSizes={columnSizes}\n      hasInteractiveChildren={hasInteractiveChildren}\n      canScrollHorizontal={canScrollHorizontal}\n      hasOverflowScrollItems\n    >\n      {children}\n    </CardDeck>\n  );\n}\n\nCardCarouselItems.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default CardCarouselItems;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,SAASC,iBAAiBA,CAAC;EAAEC;AAAS,CAAC,EAAE;EACvC,MAAM;IACJC,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBC;EACF,CAAC,GAAGT,UAAU,CAACG,mBAAmB,CAAC;EAEnC,oBACEJ,KAAA,CAAAW,aAAA,CAACR,QAAQ;IACPS,GAAG,EAAEF,cAAe;IACpBH,WAAW,EAAEA,WAAY;IACzBC,sBAAsB,EAAEA,sBAAuB;IAC/CC,mBAAmB,EAAEA,mBAAoB;IACzCI,sBAAsB;EAAA,GAErBP,QACO,CAAC;AAEf;AAEAD,iBAAiB,CAACS,SAAS,GAAG;EAC5BR,QAAQ,EAAEJ,SAAS,CAACa,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeX,iBAAiB","ignoreList":[]}

package/dist/Card/CardCarousel/CardCarouselProvider.js

@@ -2,14 +2,13 @@ import React, { createContext, useContext, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { OverflowScrollContext } from '../../OverflowScroll';
 export const CardCarouselContext = /*#__PURE__*/createContext();
-function CardCarouselProvider(_ref) {
-  let {
-    columnSizes,
-    hasInteractiveChildren,
-    canScrollHorizontal,
-    children,
-    CardCarouselControls
-  } = _ref;
+function CardCarouselProvider({
+  columnSizes,
+  hasInteractiveChildren,
+  canScrollHorizontal,
+  children,
+  CardCarouselControls
+}) {
   const {
     overflowRef,
     setOverflowRef,

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

@@ -1 +1 @@
-{"version":3,"file":"CardCarouselProvider.js","names":["React","createContext","useContext","useMemo","PropTypes","OverflowScrollContext","CardCarouselContext","CardCarouselProvider","_ref","columnSizes","hasInteractiveChildren","canScrollHorizontal","children","CardCarouselControls","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","cardCarouselContextValue","createElement","Provider","value","propTypes","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselProvider.jsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScrollContext } from '../../OverflowScroll';\n\nexport const CardCarouselContext = createContext();\n\nfunction CardCarouselProvider({\n  columnSizes,\n  hasInteractiveChildren,\n  canScrollHorizontal,\n  children,\n  CardCarouselControls,\n}) {\n  const {\n    overflowRef,\n    setOverflowRef,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  } = useContext(OverflowScrollContext);\n\n  const cardCarouselContextValue = useMemo(() => ({\n    overflowRef,\n    setOverflowRef,\n    columnSizes,\n    hasInteractiveChildren,\n    canScrollHorizontal,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n    CardCarouselControls,\n  }), [\n    overflowRef,\n    setOverflowRef,\n    columnSizes,\n    hasInteractiveChildren,\n    canScrollHorizontal,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n    CardCarouselControls,\n  ]);\n\n  return (\n    <CardCarouselContext.Provider value={cardCarouselContextValue}>\n      {children}\n    </CardCarouselContext.Provider>\n  );\n}\n\nCardCarouselProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n   * added to be a11y-compliant */\n  hasInteractiveChildren: PropTypes.bool,\n  /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n  canScrollHorizontal: PropTypes.bool,\n  /** Optional override for the default `CardCarouselControls` */\n  CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarouselProvider.defaultProps = {\n  columnSizes: {\n    sm: 12,\n    lg: 6,\n    xl: 4,\n  },\n  hasInteractiveChildren: false,\n  canScrollHorizontal: true,\n  CardCarouselControls: undefined,\n};\n\nexport default CardCarouselProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACjE,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,sBAAsB;AAE5D,OAAO,MAAMC,mBAAmB,gBAAGL,aAAa,CAAC,CAAC;AAElD,SAASM,oBAAoBA,CAAAC,IAAA,EAM1B;EAAA,IAN2B;IAC5BC,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBC,QAAQ;IACRC;EACF,CAAC,GAAAL,IAAA;EACC,MAAM;IACJM,WAAW;IACXC,cAAc;IACdC,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGjB,UAAU,CAACG,qBAAqB,CAAC;EAErC,MAAMe,wBAAwB,GAAGjB,OAAO,CAAC,OAAO;IAC9CW,WAAW;IACXC,cAAc;IACdN,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBK,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC,YAAY;IACZN;EACF,CAAC,CAAC,EAAE,CACFC,WAAW,EACXC,cAAc,EACdN,WAAW,EACXC,sBAAsB,EACtBC,mBAAmB,EACnBK,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,EACZN,oBAAoB,CACrB,CAAC;EAEF,oBACEb,KAAA,CAAAqB,aAAA,CAACf,mBAAmB,CAACgB,QAAQ;IAACC,KAAK,EAAEH;EAAyB,GAC3DR,QAC2B,CAAC;AAEnC;AAEAL,oBAAoB,CAACiB,SAAS,GAAG;EAC/BZ,QAAQ,EAAER,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEjB,WAAW,EAAEL,SAAS,CAACuB,KAAK,CAAC;IAC3BC,EAAE,EAAExB,SAAS,CAACyB,MAAM;IACpBC,EAAE,EAAE1B,SAAS,CAACyB,MAAM;IACpBE,EAAE,EAAE3B,SAAS,CAACyB,MAAM;IACpBG,EAAE,EAAE5B,SAAS,CAACyB,MAAM;IACpBI,EAAE,EAAE7B,SAAS,CAACyB;EAChB,CAAC,CAAC;EACF;AACF;EACEnB,sBAAsB,EAAEN,SAAS,CAAC8B,IAAI;EACtC;EACAvB,mBAAmB,EAAEP,SAAS,CAAC8B,IAAI;EACnC;EACArB,oBAAoB,EAAET,SAAS,CAAC+B;AAClC,CAAC;AAED5B,oBAAoB,CAAC6B,YAAY,GAAG;EAClC3B,WAAW,EAAE;IACXqB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDvB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBE,oBAAoB,EAAEwB;AACxB,CAAC;AAED,eAAe9B,oBAAoB","ignoreList":[]}
+{"version":3,"file":"CardCarouselProvider.js","names":["React","createContext","useContext","useMemo","PropTypes","OverflowScrollContext","CardCarouselContext","CardCarouselProvider","columnSizes","hasInteractiveChildren","canScrollHorizontal","children","CardCarouselControls","overflowRef","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","cardCarouselContextValue","createElement","Provider","value","propTypes","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","elementType","defaultProps","undefined"],"sources":["../../../src/Card/CardCarousel/CardCarouselProvider.jsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { OverflowScrollContext } from '../../OverflowScroll';\n\nexport const CardCarouselContext = createContext();\n\nfunction CardCarouselProvider({\n  columnSizes,\n  hasInteractiveChildren,\n  canScrollHorizontal,\n  children,\n  CardCarouselControls,\n}) {\n  const {\n    overflowRef,\n    setOverflowRef,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n  } = useContext(OverflowScrollContext);\n\n  const cardCarouselContextValue = useMemo(() => ({\n    overflowRef,\n    setOverflowRef,\n    columnSizes,\n    hasInteractiveChildren,\n    canScrollHorizontal,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n    CardCarouselControls,\n  }), [\n    overflowRef,\n    setOverflowRef,\n    columnSizes,\n    hasInteractiveChildren,\n    canScrollHorizontal,\n    isScrolledToStart,\n    isScrolledToEnd,\n    scrollToPrevious,\n    scrollToNext,\n    CardCarouselControls,\n  ]);\n\n  return (\n    <CardCarouselContext.Provider value={cardCarouselContextValue}>\n      {children}\n    </CardCarouselContext.Provider>\n  );\n}\n\nCardCarouselProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Whether the child `Card` components are interactive/focusable. If not, a `tabindex=\"0\"` is\n   * added to be a11y-compliant */\n  hasInteractiveChildren: PropTypes.bool,\n  /** Whether the `CardDeck` supports horizontal scrolling when there are overflow children */\n  canScrollHorizontal: PropTypes.bool,\n  /** Optional override for the default `CardCarouselControls` */\n  CardCarouselControls: PropTypes.elementType,\n};\n\nCardCarouselProvider.defaultProps = {\n  columnSizes: {\n    sm: 12,\n    lg: 6,\n    xl: 4,\n  },\n  hasInteractiveChildren: false,\n  canScrollHorizontal: true,\n  CardCarouselControls: undefined,\n};\n\nexport default CardCarouselProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACjE,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,sBAAsB;AAE5D,OAAO,MAAMC,mBAAmB,gBAAGL,aAAa,CAAC,CAAC;AAElD,SAASM,oBAAoBA,CAAC;EAC5BC,WAAW;EACXC,sBAAsB;EACtBC,mBAAmB;EACnBC,QAAQ;EACRC;AACF,CAAC,EAAE;EACD,MAAM;IACJC,WAAW;IACXC,cAAc;IACdC,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGhB,UAAU,CAACG,qBAAqB,CAAC;EAErC,MAAMc,wBAAwB,GAAGhB,OAAO,CAAC,OAAO;IAC9CU,WAAW;IACXC,cAAc;IACdN,WAAW;IACXC,sBAAsB;IACtBC,mBAAmB;IACnBK,iBAAiB;IACjBC,eAAe;IACfC,gBAAgB;IAChBC,YAAY;IACZN;EACF,CAAC,CAAC,EAAE,CACFC,WAAW,EACXC,cAAc,EACdN,WAAW,EACXC,sBAAsB,EACtBC,mBAAmB,EACnBK,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,EACZN,oBAAoB,CACrB,CAAC;EAEF,oBACEZ,KAAA,CAAAoB,aAAA,CAACd,mBAAmB,CAACe,QAAQ;IAACC,KAAK,EAAEH;EAAyB,GAC3DR,QAC2B,CAAC;AAEnC;AAEAJ,oBAAoB,CAACgB,SAAS,GAAG;EAC/BZ,QAAQ,EAAEP,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEjB,WAAW,EAAEJ,SAAS,CAACsB,KAAK,CAAC;IAC3BC,EAAE,EAAEvB,SAAS,CAACwB,MAAM;IACpBC,EAAE,EAAEzB,SAAS,CAACwB,MAAM;IACpBE,EAAE,EAAE1B,SAAS,CAACwB,MAAM;IACpBG,EAAE,EAAE3B,SAAS,CAACwB,MAAM;IACpBI,EAAE,EAAE5B,SAAS,CAACwB;EAChB,CAAC,CAAC;EACF;AACF;EACEnB,sBAAsB,EAAEL,SAAS,CAAC6B,IAAI;EACtC;EACAvB,mBAAmB,EAAEN,SAAS,CAAC6B,IAAI;EACnC;EACArB,oBAAoB,EAAER,SAAS,CAAC8B;AAClC,CAAC;AAED3B,oBAAoB,CAAC4B,YAAY,GAAG;EAClC3B,WAAW,EAAE;IACXqB,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDvB,sBAAsB,EAAE,KAAK;EAC7BC,mBAAmB,EAAE,IAAI;EACzBE,oBAAoB,EAAEwB;AACxB,CAAC;AAED,eAAe7B,oBAAoB","ignoreList":[]}

package/dist/Card/CardCarousel/CardCarouselSubtitle.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"CardCarouselSubtitle.js","names":["React","PropTypes","classNames","CardCarouselSubtitle","_ref","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,CAAAC,IAAA,EAA8B;EAAA,IAA7B;IAAEC,QAAQ;IAAEC,EAAE;IAAEC;EAAU,CAAC,GAAAH,IAAA;EACvD,MAAMI,SAAS,GAAGF,EAAE,IAAI,GAAG;EAC3B,oBACEN,KAAA,CAAAS,aAAA,CAACD,SAAS;IAACD,SAAS,EAAEL,UAAU,CAAC,6BAA6B,EAAEK,SAAS;EAAE,GACxEF,QACQ,CAAC;AAEhB;AAEAF,oBAAoB,CAACO,SAAS,GAAG;EAC/B;EACAL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnC;EACAN,EAAE,EAAEL,SAAS,CAACY,SAAS,CAAC,CAACZ,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACc,WAAW,CAAC,CAAC;EAClE;EACAR,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,oBAAoB,CAACa,YAAY,GAAG;EAClCV,EAAE,EAAEW,SAAS;EACbV,SAAS,EAAEU;AACb,CAAC;AAED,eAAed,oBAAoB","ignoreList":[]}
+{"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":[]}