@openedx/paragon 23.2.0 → 23.3.0

package/dist/Card/index.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 @import "card-bootstrap";
 
 a .pgn__card,
@@ -50,19 +51,19 @@ a.pgn__card {
 
 .pgn__card-carousel {
   .pgn__card-carousel-title {
-    margin-bottom: map-get($spacers, 2);
+    margin-bottom: map.get($spacers, 2);
   }
 
   .pgn__card-carousel-subtitle {
     font-size: var(--pgn-typography-font-size-sm);
-    margin-bottom: map-get($spacers, 2);
+    margin-bottom: map.get($spacers, 2);
   }
 
   .pgn__card-carousel-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    margin-bottom: map-get($spacers, 1);
+    margin-bottom: map.get($spacers, 1);
   }
 }
 
@@ -117,7 +118,7 @@ a.pgn__card {
     .pgn__card-header-content {
       display: flex;
       flex-direction: column;
-      margin-top: map_get($spacers, 4\.5);
+      margin-top: map.get($spacers, 4\.5);
       overflow: auto;
       text-align: start;
       width: 100%;
@@ -145,7 +146,7 @@ a.pgn__card {
 
     %header-subtitle {
       color: var(--pgn-color-gray-700);
-      margin-top: map_get($spacers, 1);
+      margin-top: map.get($spacers, 1);
     }
 
     .pgn__card-header-subtitle,
@@ -172,7 +173,7 @@ a.pgn__card {
       width: 100%;
 
       .react-loading-skeleton {
-        margin-top: map-get($spacers, 4);
+        margin-top: map.get($spacers, 4);
       }
     }
   }
@@ -356,7 +357,7 @@ a.pgn__card {
       object-position: center center;
       border-radius: var(--pgn-size-card-border-radius-logo);
       box-shadow: var(--pgn-elevation-box-shadow-level-1);
-      padding: map_get($spacers, 2);
+      padding: map.get($spacers, 2);
       background-color: var(--pgn-color-white);
       display: none;
 
@@ -390,7 +391,7 @@ a.pgn__card {
     }
 
     .pgn__card-status__actions {
-      margin-top: map-get($spacers, 3);
+      margin-top: map.get($spacers, 3);
     }
 
     .pgn__card-status__heading {

package/dist/Carousel/index.js

@@ -1,31 +1,22 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseCarousel from 'react-bootstrap/Carousel';
 import BaseCarouselItem from 'react-bootstrap/CarouselItem';
 import BaseCarouselCaption from 'react-bootstrap/CarouselCaption';
-export var CAROUSEL_NEXT_LABEL_TEXT = 'Next';
-export var CAROUSEL_PREV_LABEL_TEXT = 'Previous';
-var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(BaseCarousel, _objectSpread(_objectSpread({}, props), {}, {
-    ref: ref
-  }));
-});
-var CarouselItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(BaseCarouselItem, _objectSpread(_objectSpread({}, props), {}, {
-    ref: ref
-  }));
-});
-var CarouselCaption = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(BaseCarouselCaption, _objectSpread(_objectSpread({}, props), {}, {
-    ref: ref
-  }));
-});
+export const CAROUSEL_NEXT_LABEL_TEXT = 'Next';
+export const CAROUSEL_PREV_LABEL_TEXT = 'Previous';
+const Carousel = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(BaseCarousel, {
+  ...props,
+  ref: ref
+}));
+const CarouselItem = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(BaseCarouselItem, {
+  ...props,
+  ref: ref
+}));
+const CarouselCaption = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(BaseCarouselCaption, {
+  ...props,
+  ref: ref
+}));
 Carousel.propTypes = {
   /** Specifies element type for this component. */
   as: PropTypes.elementType,

package/dist/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","BaseCarousel","BaseCarouselItem","BaseCarouselCaption","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","Carousel","forwardRef","props","ref","createElement","_objectSpread","CarouselItem","CarouselCaption","propTypes","as","elementType","activeIndex","number","defaultActiveIndex","controls","bool","fade","indicators","interval","keyboard","nextIcon","node","nextLabel","string","onSelect","func","onSlid","onSlide","pause","oneOf","prevIcon","prevLabel","slide","touch","wrap","bsPrefix","defaultProps","undefined","className","Item","Caption"],"sources":["../../src/Carousel/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseCarousel from 'react-bootstrap/Carousel';\nimport BaseCarouselItem from 'react-bootstrap/CarouselItem';\nimport BaseCarouselCaption from 'react-bootstrap/CarouselCaption';\n\nexport const CAROUSEL_NEXT_LABEL_TEXT = 'Next';\nexport const CAROUSEL_PREV_LABEL_TEXT = 'Previous';\n\nconst Carousel = React.forwardRef((props, ref) => <BaseCarousel {...props} ref={ref} />);\n\nconst CarouselItem = React.forwardRef((props, ref) => <BaseCarouselItem {...props} ref={ref} />);\n\nconst CarouselCaption = React.forwardRef((props, ref) => <BaseCarouselCaption {...props} ref={ref} />);\n\nCarousel.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** Controls the current visible slide. Defaults to `defaultActiveIndex` prop */\n  activeIndex: PropTypes.number,\n  /** Specifies default active index prop */\n  defaultActiveIndex: PropTypes.number,\n  /** Show the `Carousel's` previous and next arrows for changing the current slide. */\n  controls: PropTypes.bool,\n  /** Animates slides with a crossfade animation instead of the default slide animation. */\n  fade: PropTypes.bool,\n  /** Show a set of slide position indicators. */\n  indicators: PropTypes.bool,\n  /** The amount of time to delay between automatically cycling an item. */\n  interval: PropTypes.number,\n  /** Specifies whether the `Carousel` should react to keyboard events. */\n  keyboard: PropTypes.bool,\n  /** Override the default button icon for the \"next\" control */\n  nextIcon: PropTypes.node,\n  /** Label shown to screen readers only, can be used to show the next element in the `Carousel` */\n  nextLabel: PropTypes.string,\n  /** Callback fired when the active item changes. */\n  onSelect: PropTypes.func,\n  /** Callback fired when a slide transition ends. */\n  onSlid: PropTypes.func,\n  /** Callback fired when a slide transition starts. */\n  onSlide: PropTypes.func,\n  /** If set to \"hover\", pauses the cycling of the `Carousel` on mouseenter and\n   * resumes the cycling of the carousel on mouseleave.\n   * If set to false, hovering over the `Carousel` won't pause it.\n   *\n   * On touch-enabled devices, when set to \"hover\", cycling will pause on touchend\n   * (once the user finished interacting with the `Carousel`) for two intervals,\n   * before automatically resuming. Note that this is in addition to the above mouse behavior.\n   */\n  pause: PropTypes.oneOf(['hover', false]),\n  /** Override the default button icon for the \"previous\" control */\n  prevIcon: PropTypes.node,\n  /** Label shown to screen readers only, can be used to show the\n   * previous element in the `Carousel`. Set to null to deactivate. */\n  prevLabel: PropTypes.string,\n  /** Enables animation on the Carousel as it transitions between slides. */\n  slide: PropTypes.bool,\n  /** Whether the `Carousel` should support left/right swipe interactions on touchscreen devices. */\n  touch: PropTypes.bool,\n  /** Whether the `Carousel` should cycle continuously or have hard stops */\n  wrap: PropTypes.bool,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarouselItem.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** The amount of time to delay between automatically cycling this specific item.\n   * Will default to the `Carousel's` interval prop value if none is specified.\n   */\n  interval: PropTypes.number,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarouselCaption.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarousel.defaultProps = {\n  as: 'div',\n  activeIndex: undefined,\n  defaultActiveIndex: 0,\n  controls: true,\n  fade: false,\n  indicators: true,\n  interval: 5000,\n  keyboard: true,\n  nextIcon: <span aria-hidden=\"true\" className=\"carousel-control-next-icon\" />,\n  nextLabel: CAROUSEL_NEXT_LABEL_TEXT,\n  onSelect: undefined,\n  onSlid: undefined,\n  onSlide: undefined,\n  pause: 'hover',\n  prevIcon: <span aria-hidden=\"true\" className=\"carousel-control-prev-icon\" />,\n  prevLabel: CAROUSEL_PREV_LABEL_TEXT,\n  slide: true,\n  touch: true,\n  wrap: true,\n  bsPrefix: 'carousel',\n};\n\nCarouselItem.defaultProps = {\n  as: 'div',\n  interval: undefined,\n  bsPrefix: 'carousel-item',\n};\n\nCarouselCaption.defaultProps = {\n  as: 'div',\n  bsPrefix: 'carousel-caption',\n};\n\nCarousel.Item = CarouselItem;\nCarousel.Caption = CarouselCaption;\n\nexport { CarouselItem };\nexport default Carousel;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,OAAOC,mBAAmB,MAAM,iCAAiC;AAEjE,OAAO,IAAMC,wBAAwB,GAAG,MAAM;AAC9C,OAAO,IAAMC,wBAAwB,GAAG,UAAU;AAElD,IAAMC,QAAQ,gBAAGP,KAAK,CAACQ,UAAU,CAAC,UAACC,KAAK,EAAEC,GAAG;EAAA,oBAAKV,KAAA,CAAAW,aAAA,CAACT,YAAY,EAAAU,aAAA,CAAAA,aAAA,KAAKH,KAAK;IAAEC,GAAG,EAAEA;EAAI,EAAE,CAAC;AAAA,EAAC;AAExF,IAAMG,YAAY,gBAAGb,KAAK,CAACQ,UAAU,CAAC,UAACC,KAAK,EAAEC,GAAG;EAAA,oBAAKV,KAAA,CAAAW,aAAA,CAACR,gBAAgB,EAAAS,aAAA,CAAAA,aAAA,KAAKH,KAAK;IAAEC,GAAG,EAAEA;EAAI,EAAE,CAAC;AAAA,EAAC;AAEhG,IAAMI,eAAe,gBAAGd,KAAK,CAACQ,UAAU,CAAC,UAACC,KAAK,EAAEC,GAAG;EAAA,oBAAKV,KAAA,CAAAW,aAAA,CAACP,mBAAmB,EAAAQ,aAAA,CAAAA,aAAA,KAAKH,KAAK;IAAEC,GAAG,EAAEA;EAAI,EAAE,CAAC;AAAA,EAAC;AAEtGH,QAAQ,CAACQ,SAAS,GAAG;EACnB;EACAC,EAAE,EAAEf,SAAS,CAACgB,WAAW;EACzB;EACAC,WAAW,EAAEjB,SAAS,CAACkB,MAAM;EAC7B;EACAC,kBAAkB,EAAEnB,SAAS,CAACkB,MAAM;EACpC;EACAE,QAAQ,EAAEpB,SAAS,CAACqB,IAAI;EACxB;EACAC,IAAI,EAAEtB,SAAS,CAACqB,IAAI;EACpB;EACAE,UAAU,EAAEvB,SAAS,CAACqB,IAAI;EAC1B;EACAG,QAAQ,EAAExB,SAAS,CAACkB,MAAM;EAC1B;EACAO,QAAQ,EAAEzB,SAAS,CAACqB,IAAI;EACxB;EACAK,QAAQ,EAAE1B,SAAS,CAAC2B,IAAI;EACxB;EACAC,SAAS,EAAE5B,SAAS,CAAC6B,MAAM;EAC3B;EACAC,QAAQ,EAAE9B,SAAS,CAAC+B,IAAI;EACxB;EACAC,MAAM,EAAEhC,SAAS,CAAC+B,IAAI;EACtB;EACAE,OAAO,EAAEjC,SAAS,CAAC+B,IAAI;EACvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEG,KAAK,EAAElC,SAAS,CAACmC,KAAK,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;EACxC;EACAC,QAAQ,EAAEpC,SAAS,CAAC2B,IAAI;EACxB;AACF;EACEU,SAAS,EAAErC,SAAS,CAAC6B,MAAM;EAC3B;EACAS,KAAK,EAAEtC,SAAS,CAACqB,IAAI;EACrB;EACAkB,KAAK,EAAEvC,SAAS,CAACqB,IAAI;EACrB;EACAmB,IAAI,EAAExC,SAAS,CAACqB,IAAI;EACpB;EACAoB,QAAQ,EAAEzC,SAAS,CAAC6B;AACtB,CAAC;AAEDjB,YAAY,CAACE,SAAS,GAAG;EACvB;EACAC,EAAE,EAAEf,SAAS,CAACgB,WAAW;EACzB;AACF;AACA;EACEQ,QAAQ,EAAExB,SAAS,CAACkB,MAAM;EAC1B;EACAuB,QAAQ,EAAEzC,SAAS,CAAC6B;AACtB,CAAC;AAEDhB,eAAe,CAACC,SAAS,GAAG;EAC1B;EACAC,EAAE,EAAEf,SAAS,CAACgB,WAAW;EACzB;EACAyB,QAAQ,EAAEzC,SAAS,CAAC6B;AACtB,CAAC;AAEDvB,QAAQ,CAACoC,YAAY,GAAG;EACtB3B,EAAE,EAAE,KAAK;EACTE,WAAW,EAAE0B,SAAS;EACtBxB,kBAAkB,EAAE,CAAC;EACrBC,QAAQ,EAAE,IAAI;EACdE,IAAI,EAAE,KAAK;EACXC,UAAU,EAAE,IAAI;EAChBC,QAAQ,EAAE,IAAI;EACdC,QAAQ,EAAE,IAAI;EACdC,QAAQ,eAAE3B,KAAA,CAAAW,aAAA;IAAM,eAAY,MAAM;IAACkC,SAAS,EAAC;EAA4B,CAAE,CAAC;EAC5EhB,SAAS,EAAExB,wBAAwB;EACnC0B,QAAQ,EAAEa,SAAS;EACnBX,MAAM,EAAEW,SAAS;EACjBV,OAAO,EAAEU,SAAS;EAClBT,KAAK,EAAE,OAAO;EACdE,QAAQ,eAAErC,KAAA,CAAAW,aAAA;IAAM,eAAY,MAAM;IAACkC,SAAS,EAAC;EAA4B,CAAE,CAAC;EAC5EP,SAAS,EAAEhC,wBAAwB;EACnCiC,KAAK,EAAE,IAAI;EACXC,KAAK,EAAE,IAAI;EACXC,IAAI,EAAE,IAAI;EACVC,QAAQ,EAAE;AACZ,CAAC;AAED7B,YAAY,CAAC8B,YAAY,GAAG;EAC1B3B,EAAE,EAAE,KAAK;EACTS,QAAQ,EAAEmB,SAAS;EACnBF,QAAQ,EAAE;AACZ,CAAC;AAED5B,eAAe,CAAC6B,YAAY,GAAG;EAC7B3B,EAAE,EAAE,KAAK;EACT0B,QAAQ,EAAE;AACZ,CAAC;AAEDnC,QAAQ,CAACuC,IAAI,GAAGjC,YAAY;AAC5BN,QAAQ,CAACwC,OAAO,GAAGjC,eAAe;AAElC,SAASD,YAAY;AACrB,eAAeN,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","BaseCarousel","BaseCarouselItem","BaseCarouselCaption","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","Carousel","forwardRef","props","ref","createElement","CarouselItem","CarouselCaption","propTypes","as","elementType","activeIndex","number","defaultActiveIndex","controls","bool","fade","indicators","interval","keyboard","nextIcon","node","nextLabel","string","onSelect","func","onSlid","onSlide","pause","oneOf","prevIcon","prevLabel","slide","touch","wrap","bsPrefix","defaultProps","undefined","className","Item","Caption"],"sources":["../../src/Carousel/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseCarousel from 'react-bootstrap/Carousel';\nimport BaseCarouselItem from 'react-bootstrap/CarouselItem';\nimport BaseCarouselCaption from 'react-bootstrap/CarouselCaption';\n\nexport const CAROUSEL_NEXT_LABEL_TEXT = 'Next';\nexport const CAROUSEL_PREV_LABEL_TEXT = 'Previous';\n\nconst Carousel = React.forwardRef((props, ref) => <BaseCarousel {...props} ref={ref} />);\n\nconst CarouselItem = React.forwardRef((props, ref) => <BaseCarouselItem {...props} ref={ref} />);\n\nconst CarouselCaption = React.forwardRef((props, ref) => <BaseCarouselCaption {...props} ref={ref} />);\n\nCarousel.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** Controls the current visible slide. Defaults to `defaultActiveIndex` prop */\n  activeIndex: PropTypes.number,\n  /** Specifies default active index prop */\n  defaultActiveIndex: PropTypes.number,\n  /** Show the `Carousel's` previous and next arrows for changing the current slide. */\n  controls: PropTypes.bool,\n  /** Animates slides with a crossfade animation instead of the default slide animation. */\n  fade: PropTypes.bool,\n  /** Show a set of slide position indicators. */\n  indicators: PropTypes.bool,\n  /** The amount of time to delay between automatically cycling an item. */\n  interval: PropTypes.number,\n  /** Specifies whether the `Carousel` should react to keyboard events. */\n  keyboard: PropTypes.bool,\n  /** Override the default button icon for the \"next\" control */\n  nextIcon: PropTypes.node,\n  /** Label shown to screen readers only, can be used to show the next element in the `Carousel` */\n  nextLabel: PropTypes.string,\n  /** Callback fired when the active item changes. */\n  onSelect: PropTypes.func,\n  /** Callback fired when a slide transition ends. */\n  onSlid: PropTypes.func,\n  /** Callback fired when a slide transition starts. */\n  onSlide: PropTypes.func,\n  /** If set to \"hover\", pauses the cycling of the `Carousel` on mouseenter and\n   * resumes the cycling of the carousel on mouseleave.\n   * If set to false, hovering over the `Carousel` won't pause it.\n   *\n   * On touch-enabled devices, when set to \"hover\", cycling will pause on touchend\n   * (once the user finished interacting with the `Carousel`) for two intervals,\n   * before automatically resuming. Note that this is in addition to the above mouse behavior.\n   */\n  pause: PropTypes.oneOf(['hover', false]),\n  /** Override the default button icon for the \"previous\" control */\n  prevIcon: PropTypes.node,\n  /** Label shown to screen readers only, can be used to show the\n   * previous element in the `Carousel`. Set to null to deactivate. */\n  prevLabel: PropTypes.string,\n  /** Enables animation on the Carousel as it transitions between slides. */\n  slide: PropTypes.bool,\n  /** Whether the `Carousel` should support left/right swipe interactions on touchscreen devices. */\n  touch: PropTypes.bool,\n  /** Whether the `Carousel` should cycle continuously or have hard stops */\n  wrap: PropTypes.bool,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarouselItem.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** The amount of time to delay between automatically cycling this specific item.\n   * Will default to the `Carousel's` interval prop value if none is specified.\n   */\n  interval: PropTypes.number,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarouselCaption.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarousel.defaultProps = {\n  as: 'div',\n  activeIndex: undefined,\n  defaultActiveIndex: 0,\n  controls: true,\n  fade: false,\n  indicators: true,\n  interval: 5000,\n  keyboard: true,\n  nextIcon: <span aria-hidden=\"true\" className=\"carousel-control-next-icon\" />,\n  nextLabel: CAROUSEL_NEXT_LABEL_TEXT,\n  onSelect: undefined,\n  onSlid: undefined,\n  onSlide: undefined,\n  pause: 'hover',\n  prevIcon: <span aria-hidden=\"true\" className=\"carousel-control-prev-icon\" />,\n  prevLabel: CAROUSEL_PREV_LABEL_TEXT,\n  slide: true,\n  touch: true,\n  wrap: true,\n  bsPrefix: 'carousel',\n};\n\nCarouselItem.defaultProps = {\n  as: 'div',\n  interval: undefined,\n  bsPrefix: 'carousel-item',\n};\n\nCarouselCaption.defaultProps = {\n  as: 'div',\n  bsPrefix: 'carousel-caption',\n};\n\nCarousel.Item = CarouselItem;\nCarousel.Caption = CarouselCaption;\n\nexport { CarouselItem };\nexport default Carousel;\n"],"mappings":"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","ignoreList":[]}

package/dist/Chip/ChipIcon.js

@@ -4,12 +4,14 @@ import Icon from '../Icon';
 import IconButton from '../IconButton';
 import { STYLE_VARIANTS } from './constants';
 function ChipIcon(_ref) {
-  var className = _ref.className,
-    src = _ref.src,
-    onClick = _ref.onClick,
-    alt = _ref.alt,
-    variant = _ref.variant,
-    disabled = _ref.disabled;
+  let {
+    className,
+    src,
+    onClick,
+    alt,
+    variant,
+    disabled
+  } = _ref;
   if (onClick) {
     return /*#__PURE__*/React.createElement(IconButton, {
       className: className,

package/dist/Chip/ChipIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipIcon.js","names":["React","PropTypes","Icon","IconButton","STYLE_VARIANTS","ChipIcon","_ref","className","src","onClick","alt","variant","disabled","createElement","iconAs","invertColors","DARK","tabIndex","size","propTypes","string","isRequired","oneOfType","element","func","bool","defaultProps","undefined","LIGHT"],"sources":["../../src/Chip/ChipIcon.tsx"],"sourcesContent":["import React, { KeyboardEventHandler, MouseEventHandler } from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { STYLE_VARIANTS } from './constants';\n\nexport type ChipIconProps = {\n  className: string,\n  src: React.ComponentType,\n  variant: typeof STYLE_VARIANTS[keyof typeof STYLE_VARIANTS],\n  disabled?: boolean,\n} & (\n  // Either _both_ onClick and alt are provided, or neither is:\n  | { onClick: KeyboardEventHandler<HTMLButtonElement> & MouseEventHandler<HTMLButtonElement>, alt: string }\n  | { onClick?: undefined, alt?: undefined }\n);\n\nfunction ChipIcon({\n  className, src, onClick, alt, variant, disabled,\n}: ChipIconProps) {\n  if (onClick) {\n    return (\n      <IconButton\n        className={className}\n        src={src}\n        onClick={onClick}\n        iconAs={Icon}\n        alt={alt}\n        invertColors={variant === STYLE_VARIANTS.DARK}\n        tabIndex={disabled ? -1 : 0}\n      />\n    );\n  }\n\n  return <Icon src={src} className={className} size=\"sm\" />;\n}\n\nChipIcon.propTypes = {\n  className: PropTypes.string.isRequired,\n  src: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  onClick: PropTypes.func,\n  alt: PropTypes.string,\n  variant: PropTypes.string,\n  disabled: PropTypes.bool,\n};\n\nChipIcon.defaultProps = {\n  onClick: undefined,\n  alt: undefined,\n  variant: STYLE_VARIANTS.LIGHT,\n  disabled: false,\n};\n\nexport default ChipIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmD,OAAO;AACtE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,cAAc,QAAQ,aAAa;AAa5C,SAASC,QAAQA,CAAAC,IAAA,EAEC;EAAA,IADhBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;EAE/C,IAAIH,OAAO,EAAE;IACX,oBACET,KAAA,CAAAa,aAAA,CAACV,UAAU;MACTI,SAAS,EAAEA,SAAU;MACrBC,GAAG,EAAEA,GAAI;MACTC,OAAO,EAAEA,OAAQ;MACjBK,MAAM,EAAEZ,IAAK;MACbQ,GAAG,EAAEA,GAAI;MACTK,YAAY,EAAEJ,OAAO,KAAKP,cAAc,CAACY,IAAK;MAC9CC,QAAQ,EAAEL,QAAQ,GAAG,CAAC,CAAC,GAAG;IAAE,CAC7B,CAAC;EAEN;EAEA,oBAAOZ,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACM,GAAG,EAAEA,GAAI;IAACD,SAAS,EAAEA,SAAU;IAACW,IAAI,EAAC;EAAI,CAAE,CAAC;AAC3D;AAEAb,QAAQ,CAACc,SAAS,GAAG;EACnBZ,SAAS,EAAEN,SAAS,CAACmB,MAAM,CAACC,UAAU;EACtCb,GAAG,EAAEP,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,EAAEtB,SAAS,CAACuB,IAAI,CAAC,CAAC,CAACH,UAAU;EACxEZ,OAAO,EAAER,SAAS,CAACuB,IAAI;EACvBd,GAAG,EAAET,SAAS,CAACmB,MAAM;EACrBT,OAAO,EAAEV,SAAS,CAACmB,MAAM;EACzBR,QAAQ,EAAEX,SAAS,CAACwB;AACtB,CAAC;AAEDpB,QAAQ,CAACqB,YAAY,GAAG;EACtBjB,OAAO,EAAEkB,SAAS;EAClBjB,GAAG,EAAEiB,SAAS;EACdhB,OAAO,EAAEP,cAAc,CAACwB,KAAK;EAC7BhB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeP,QAAQ","ignoreList":[]}
+{"version":3,"file":"ChipIcon.js","names":["React","PropTypes","Icon","IconButton","STYLE_VARIANTS","ChipIcon","_ref","className","src","onClick","alt","variant","disabled","createElement","iconAs","invertColors","DARK","tabIndex","size","propTypes","string","isRequired","oneOfType","element","func","bool","defaultProps","undefined","LIGHT"],"sources":["../../src/Chip/ChipIcon.tsx"],"sourcesContent":["import React, { KeyboardEventHandler, MouseEventHandler } from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { STYLE_VARIANTS } from './constants';\n\nexport type ChipIconProps = {\n  className: string,\n  src: React.ComponentType,\n  variant: typeof STYLE_VARIANTS[keyof typeof STYLE_VARIANTS],\n  disabled?: boolean,\n} & (\n  // Either _both_ onClick and alt are provided, or neither is:\n  | { onClick: KeyboardEventHandler<HTMLButtonElement> & MouseEventHandler<HTMLButtonElement>, alt: string }\n  | { onClick?: undefined, alt?: undefined }\n);\n\nfunction ChipIcon({\n  className, src, onClick, alt, variant, disabled,\n}: ChipIconProps) {\n  if (onClick) {\n    return (\n      <IconButton\n        className={className}\n        src={src}\n        onClick={onClick}\n        iconAs={Icon}\n        alt={alt}\n        invertColors={variant === STYLE_VARIANTS.DARK}\n        tabIndex={disabled ? -1 : 0}\n      />\n    );\n  }\n\n  return <Icon src={src} className={className} size=\"sm\" />;\n}\n\nChipIcon.propTypes = {\n  className: PropTypes.string.isRequired,\n  src: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  onClick: PropTypes.func,\n  alt: PropTypes.string,\n  variant: PropTypes.string,\n  disabled: PropTypes.bool,\n};\n\nChipIcon.defaultProps = {\n  onClick: undefined,\n  alt: undefined,\n  variant: STYLE_VARIANTS.LIGHT,\n  disabled: false,\n};\n\nexport default ChipIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmD,OAAO;AACtE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,cAAc,QAAQ,aAAa;AAa5C,SAASC,QAAQA,CAAAC,IAAA,EAEC;EAAA,IAFA;IAChBC,SAAS;IAAEC,GAAG;IAAEC,OAAO;IAAEC,GAAG;IAAEC,OAAO;IAAEC;EAC1B,CAAC,GAAAN,IAAA;EACd,IAAIG,OAAO,EAAE;IACX,oBACET,KAAA,CAAAa,aAAA,CAACV,UAAU;MACTI,SAAS,EAAEA,SAAU;MACrBC,GAAG,EAAEA,GAAI;MACTC,OAAO,EAAEA,OAAQ;MACjBK,MAAM,EAAEZ,IAAK;MACbQ,GAAG,EAAEA,GAAI;MACTK,YAAY,EAAEJ,OAAO,KAAKP,cAAc,CAACY,IAAK;MAC9CC,QAAQ,EAAEL,QAAQ,GAAG,CAAC,CAAC,GAAG;IAAE,CAC7B,CAAC;EAEN;EAEA,oBAAOZ,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACM,GAAG,EAAEA,GAAI;IAACD,SAAS,EAAEA,SAAU;IAACW,IAAI,EAAC;EAAI,CAAE,CAAC;AAC3D;AAEAb,QAAQ,CAACc,SAAS,GAAG;EACnBZ,SAAS,EAAEN,SAAS,CAACmB,MAAM,CAACC,UAAU;EACtCb,GAAG,EAAEP,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,EAAEtB,SAAS,CAACuB,IAAI,CAAC,CAAC,CAACH,UAAU;EACxEZ,OAAO,EAAER,SAAS,CAACuB,IAAI;EACvBd,GAAG,EAAET,SAAS,CAACmB,MAAM;EACrBT,OAAO,EAAEV,SAAS,CAACmB,MAAM;EACzBR,QAAQ,EAAEX,SAAS,CAACwB;AACtB,CAAC;AAEDpB,QAAQ,CAACqB,YAAY,GAAG;EACtBjB,OAAO,EAAEkB,SAAS;EAClBjB,GAAG,EAAEiB,SAAS;EACdhB,OAAO,EAAEP,cAAc,CAACwB,KAAK;EAC7BhB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeP,QAAQ","ignoreList":[]}

package/dist/Chip/constants.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/prefer-default-export
-export var STYLE_VARIANTS = {
+export const STYLE_VARIANTS = {
   DARK: 'dark',
   LIGHT: 'light'
 };

package/dist/Chip/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["STYLE_VARIANTS","DARK","LIGHT"],"sources":["../../src/Chip/constants.ts"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const STYLE_VARIANTS = {\n  DARK: 'dark',\n  LIGHT: 'light',\n} as const;\n"],"mappings":"AAAA;AACA,OAAO,IAAMA,cAAc,GAAG;EAC5BC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["STYLE_VARIANTS","DARK","LIGHT"],"sources":["../../src/Chip/constants.ts"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const STYLE_VARIANTS = {\n  DARK: 'dark',\n  LIGHT: 'light',\n} as const;\n"],"mappings":"AAAA;AACA,OAAO,MAAMA,cAAc,GAAG;EAC5BC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}

package/dist/Chip/index.js

@@ -1,12 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "className", "variant", "iconBefore", "iconBeforeAlt", "iconAfter", "iconAfterAlt", "onIconBeforeClick", "onIconAfterClick", "disabled", "isSelected", "onClick"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,50 +5,54 @@ import classNames from 'classnames';
 import { requiredWhen } from '../utils/propTypes';
 import { STYLE_VARIANTS } from './constants';
 import ChipIcon from './ChipIcon';
-export var CHIP_PGN_CLASS = 'pgn__chip';
-var Chip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    variant = _ref.variant,
-    iconBefore = _ref.iconBefore,
-    iconBeforeAlt = _ref.iconBeforeAlt,
-    iconAfter = _ref.iconAfter,
-    iconAfterAlt = _ref.iconAfterAlt,
-    onIconBeforeClick = _ref.onIconBeforeClick,
-    onIconAfterClick = _ref.onIconAfterClick,
-    disabled = _ref.disabled,
-    isSelected = _ref.isSelected,
-    onClick = _ref.onClick,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var hasInteractiveIcons = !!(onIconBeforeClick || onIconAfterClick);
-  var isChipInteractive = !hasInteractiveIcons && !!onClick;
-  var interactionProps = isChipInteractive ? {
-    onClick: onClick,
+export const CHIP_PGN_CLASS = 'pgn__chip';
+const Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    variant,
+    iconBefore,
+    iconBeforeAlt,
+    iconAfter,
+    iconAfterAlt,
+    onIconBeforeClick,
+    onIconAfterClick,
+    disabled,
+    isSelected,
+    onClick,
+    ...props
+  } = _ref;
+  const hasInteractiveIcons = !!(onIconBeforeClick || onIconAfterClick);
+  const isChipInteractive = !hasInteractiveIcons && !!onClick;
+  const interactionProps = isChipInteractive ? {
+    onClick,
     onKeyPress: onClick,
     tabIndex: 0,
     role: 'button'
   } : {};
-  return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({
-    className: classNames(CHIP_PGN_CLASS, "pgn__chip-".concat(variant), className, {
-      disabled: disabled,
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(CHIP_PGN_CLASS, `pgn__chip-${variant}`, className, {
+      disabled,
       selected: isSelected,
       interactive: isChipInteractive
     }),
-    ref: ref
-  }, interactionProps), props), iconBefore && /*#__PURE__*/React.createElement(ChipIcon, {
-    className: "".concat(CHIP_PGN_CLASS, "__icon-before"),
+    ref: ref,
+    ...interactionProps,
+    ...props
+  }, iconBefore && /*#__PURE__*/React.createElement(ChipIcon, {
+    className: `${CHIP_PGN_CLASS}__icon-before`,
     src: iconBefore,
     onClick: onIconBeforeClick,
     alt: iconBeforeAlt,
     variant: variant,
     disabled: disabled
   }), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(CHIP_PGN_CLASS, "__label"), {
+    className: classNames(`${CHIP_PGN_CLASS}__label`, {
       'p-before': iconBefore,
       'p-after': iconAfter
     })
   }, children), iconAfter && /*#__PURE__*/React.createElement(ChipIcon, {
-    className: "".concat(CHIP_PGN_CLASS, "__icon-after"),
+    className: `${CHIP_PGN_CLASS}__icon-after`,
     src: iconAfter,
     onClick: onIconAfterClick,
     alt: iconAfterAlt,
@@ -67,6 +62,7 @@ var Chip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 Chip.propTypes = {
   /** Specifies the content of the `Chip`. */
+  // @ts-ignore
   children: PropTypes.node.isRequired,
   /** Specifies an additional `className` to add to the base element. */
   className: PropTypes.string,

package/dist/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","requiredWhen","STYLE_VARIANTS","ChipIcon","CHIP_PGN_CLASS","Chip","forwardRef","_ref","ref","children","className","variant","iconBefore","iconBeforeAlt","iconAfter","iconAfterAlt","onIconBeforeClick","onIconAfterClick","disabled","isSelected","onClick","props","_objectWithoutProperties","_excluded","hasInteractiveIcons","isChipInteractive","interactionProps","onKeyPress","tabIndex","role","createElement","_objectSpread","concat","selected","interactive","src","alt","propTypes","node","isRequired","string","oneOf","bool","func","elementType","defaultProps","undefined","LIGHT"],"sources":["../../src/Chip/index.tsx"],"sourcesContent":["import React, { ForwardedRef, KeyboardEventHandler, MouseEventHandler } from 'react';\nimport PropTypes, { type Requireable } from 'prop-types';\nimport classNames from 'classnames';\n// @ts-ignore\nimport { requiredWhen } from '../utils/propTypes';\nimport { STYLE_VARIANTS } from './constants';\nimport ChipIcon from './ChipIcon';\n\nexport const CHIP_PGN_CLASS = 'pgn__chip';\n\nexport interface IChip {\n  children: React.ReactNode,\n  onClick?: KeyboardEventHandler & MouseEventHandler,\n  className?: string,\n  variant?: typeof STYLE_VARIANTS[keyof typeof STYLE_VARIANTS],\n  iconBefore?: React.ComponentType,\n  iconBeforeAlt?: string,\n  iconAfter?: React.ComponentType,\n  iconAfterAlt?: string,\n  onIconBeforeClick?: KeyboardEventHandler & MouseEventHandler,\n  onIconAfterClick?: KeyboardEventHandler & MouseEventHandler,\n  disabled?: boolean,\n  isSelected?: boolean,\n}\n\nconst Chip = React.forwardRef(({\n  children,\n  className,\n  variant,\n  iconBefore,\n  iconBeforeAlt,\n  iconAfter,\n  iconAfterAlt,\n  onIconBeforeClick,\n  onIconAfterClick,\n  disabled,\n  isSelected,\n  onClick,\n  ...props\n}: IChip, ref: ForwardedRef<HTMLDivElement>) => {\n  const hasInteractiveIcons = !!(onIconBeforeClick || onIconAfterClick);\n  const isChipInteractive = !hasInteractiveIcons && !!onClick;\n\n  const interactionProps = isChipInteractive ? {\n    onClick,\n    onKeyPress: onClick,\n    tabIndex: 0,\n    role: 'button',\n  } : {};\n\n  return (\n    <div\n      className={classNames(\n        CHIP_PGN_CLASS,\n        `pgn__chip-${variant}`,\n        className,\n        { disabled, selected: isSelected, interactive: isChipInteractive },\n      )}\n      ref={ref}\n      {...interactionProps}\n      {...props}\n    >\n      {iconBefore && (\n        <ChipIcon\n          className={`${CHIP_PGN_CLASS}__icon-before`}\n          src={iconBefore}\n          onClick={onIconBeforeClick}\n          alt={iconBeforeAlt}\n          variant={variant}\n          disabled={disabled}\n        />\n      )}\n      <div\n        className={classNames(`${CHIP_PGN_CLASS}__label`, {\n          'p-before': iconBefore,\n          'p-after': iconAfter,\n        })}\n      >\n        {children}\n      </div>\n      {iconAfter && (\n        <ChipIcon\n          className={`${CHIP_PGN_CLASS}__icon-after`}\n          src={iconAfter}\n          onClick={onIconAfterClick}\n          alt={iconAfterAlt}\n          variant={variant}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n});\n\nChip.propTypes = {\n  /** Specifies the content of the `Chip`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n  /** The `Chip` style variant to use. */\n  variant: PropTypes.oneOf(['light', 'dark']),\n  /** Disables the `Chip`. */\n  disabled: PropTypes.bool,\n  /** Click handler for the whole Chip, has effect only when Chip does not have any interactive icons. */\n  onClick: PropTypes.func,\n  /**\n   * An icon component to render before the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@openedx/paragon/icons';`\n   */\n  iconBefore: PropTypes.elementType as Requireable<React.ComponentType>,\n  /** Specifies icon alt text. */\n  iconBeforeAlt: requiredWhen(PropTypes.string, ['iconBefore', 'onIconBeforeClick']),\n  /** A click handler for the `Chip` icon before. */\n  onIconBeforeClick: PropTypes.func,\n  /**\n   * An icon component to render before after the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@openedx/paragon/icons';`\n   */\n  iconAfter: PropTypes.elementType as Requireable<React.ComponentType>,\n  /** Specifies icon alt text. */\n  iconAfterAlt: requiredWhen(PropTypes.string, ['iconAfter', 'onIconAfterClick']),\n  /** A click handler for the `Chip` icon after. */\n  onIconAfterClick: PropTypes.func,\n  /** Indicates if `Chip` has been selected. */\n  isSelected: PropTypes.bool,\n};\n\nChip.defaultProps = {\n  className: undefined,\n  variant: STYLE_VARIANTS.LIGHT,\n  disabled: false,\n  onClick: undefined,\n  iconBefore: undefined,\n  iconAfter: undefined,\n  onIconBeforeClick: undefined,\n  onIconAfterClick: undefined,\n  isSelected: false,\n  iconAfterAlt: undefined,\n  iconBeforeAlt: undefined,\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","requiredWhen","STYLE_VARIANTS","ChipIcon","CHIP_PGN_CLASS","Chip","forwardRef","_ref","ref","children","className","variant","iconBefore","iconBeforeAlt","iconAfter","iconAfterAlt","onIconBeforeClick","onIconAfterClick","disabled","isSelected","onClick","props","hasInteractiveIcons","isChipInteractive","interactionProps","onKeyPress","tabIndex","role","createElement","selected","interactive","src","alt","propTypes","node","isRequired","string","oneOf","bool","func","elementType","defaultProps","undefined","LIGHT"],"sources":["../../src/Chip/index.tsx"],"sourcesContent":["import React, { ForwardedRef, KeyboardEventHandler, MouseEventHandler } from 'react';\nimport PropTypes, { type Requireable } from 'prop-types';\nimport classNames from 'classnames';\n// @ts-ignore\nimport { requiredWhen } from '../utils/propTypes';\nimport { STYLE_VARIANTS } from './constants';\nimport ChipIcon from './ChipIcon';\n\nexport const CHIP_PGN_CLASS = 'pgn__chip';\n\nexport interface IChip {\n  children: React.ReactNode,\n  onClick?: KeyboardEventHandler & MouseEventHandler,\n  className?: string,\n  variant?: typeof STYLE_VARIANTS[keyof typeof STYLE_VARIANTS],\n  iconBefore?: React.ComponentType,\n  iconBeforeAlt?: string,\n  iconAfter?: React.ComponentType,\n  iconAfterAlt?: string,\n  onIconBeforeClick?: KeyboardEventHandler & MouseEventHandler,\n  onIconAfterClick?: KeyboardEventHandler & MouseEventHandler,\n  disabled?: boolean,\n  isSelected?: boolean,\n}\n\nconst Chip = React.forwardRef(({\n  children,\n  className,\n  variant,\n  iconBefore,\n  iconBeforeAlt,\n  iconAfter,\n  iconAfterAlt,\n  onIconBeforeClick,\n  onIconAfterClick,\n  disabled,\n  isSelected,\n  onClick,\n  ...props\n}: IChip, ref: ForwardedRef<HTMLDivElement>) => {\n  const hasInteractiveIcons = !!(onIconBeforeClick || onIconAfterClick);\n  const isChipInteractive = !hasInteractiveIcons && !!onClick;\n\n  const interactionProps = isChipInteractive ? {\n    onClick,\n    onKeyPress: onClick,\n    tabIndex: 0,\n    role: 'button',\n  } : {};\n\n  return (\n    <div\n      className={classNames(\n        CHIP_PGN_CLASS,\n        `pgn__chip-${variant}`,\n        className,\n        { disabled, selected: isSelected, interactive: isChipInteractive },\n      )}\n      ref={ref}\n      {...interactionProps}\n      {...props}\n    >\n      {iconBefore && (\n        <ChipIcon\n          className={`${CHIP_PGN_CLASS}__icon-before`}\n          src={iconBefore}\n          onClick={onIconBeforeClick}\n          alt={iconBeforeAlt}\n          variant={variant}\n          disabled={disabled}\n        />\n      )}\n      <div\n        className={classNames(`${CHIP_PGN_CLASS}__label`, {\n          'p-before': iconBefore,\n          'p-after': iconAfter,\n        })}\n      >\n        {children}\n      </div>\n      {iconAfter && (\n        <ChipIcon\n          className={`${CHIP_PGN_CLASS}__icon-after`}\n          src={iconAfter}\n          onClick={onIconAfterClick}\n          alt={iconAfterAlt}\n          variant={variant}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n});\n\nChip.propTypes = {\n  /** Specifies the content of the `Chip`. */\n  // @ts-ignore\n  children: PropTypes.node.isRequired,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n  /** The `Chip` style variant to use. */\n  variant: PropTypes.oneOf(['light', 'dark']),\n  /** Disables the `Chip`. */\n  disabled: PropTypes.bool,\n  /** Click handler for the whole Chip, has effect only when Chip does not have any interactive icons. */\n  onClick: PropTypes.func,\n  /**\n   * An icon component to render before the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@openedx/paragon/icons';`\n   */\n  iconBefore: PropTypes.elementType as Requireable<React.ComponentType>,\n  /** Specifies icon alt text. */\n  iconBeforeAlt: requiredWhen(PropTypes.string, ['iconBefore', 'onIconBeforeClick']),\n  /** A click handler for the `Chip` icon before. */\n  onIconBeforeClick: PropTypes.func,\n  /**\n   * An icon component to render before after the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@openedx/paragon/icons';`\n   */\n  iconAfter: PropTypes.elementType as Requireable<React.ComponentType>,\n  /** Specifies icon alt text. */\n  iconAfterAlt: requiredWhen(PropTypes.string, ['iconAfter', 'onIconAfterClick']),\n  /** A click handler for the `Chip` icon after. */\n  onIconAfterClick: PropTypes.func,\n  /** Indicates if `Chip` has been selected. */\n  isSelected: PropTypes.bool,\n};\n\nChip.defaultProps = {\n  className: undefined,\n  variant: STYLE_VARIANTS.LIGHT,\n  disabled: false,\n  onClick: undefined,\n  iconBefore: undefined,\n  iconAfter: undefined,\n  onIconBeforeClick: undefined,\n  onIconAfterClick: undefined,\n  isSelected: false,\n  iconAfterAlt: undefined,\n  iconBeforeAlt: undefined,\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}

package/dist/ChipCarousel/index.js

@@ -1,12 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "items", "ariaLabel", "disableOpacityMasks", "onScrollPrevious", "onScrollNext", "canScrollHorizontal", "offset", "offsetType", "gap"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
@@ -20,27 +11,26 @@ import { ArrowForward, ArrowBack } from '../../icons';
 // @ts-ignore
 import messages from './messages';
 import Chip from '../Chip';
-var ChipCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    items = _ref.items,
-    ariaLabel = _ref.ariaLabel,
-    disableOpacityMasks = _ref.disableOpacityMasks,
-    onScrollPrevious = _ref.onScrollPrevious,
-    onScrollNext = _ref.onScrollNext,
-    _ref$canScrollHorizon = _ref.canScrollHorizontal,
-    canScrollHorizontal = _ref$canScrollHorizon === void 0 ? false : _ref$canScrollHorizon,
-    _ref$offset = _ref.offset,
-    offset = _ref$offset === void 0 ? 120 : _ref$offset,
-    _ref$offsetType = _ref.offsetType,
-    offsetType = _ref$offsetType === void 0 ? 'fixed' : _ref$offsetType,
-    gap = _ref.gap,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var intl = useIntl();
-  return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({
-    className: classNames('pgn__chip-carousel', className, gap ? "pgn__chip-carousel-gap__".concat(gap) : '')
-  }, props), {}, {
+const ChipCarousel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    className,
+    items,
+    ariaLabel,
+    disableOpacityMasks,
+    onScrollPrevious,
+    onScrollNext,
+    canScrollHorizontal = false,
+    offset = 120,
+    offsetType = 'fixed',
+    gap,
+    ...props
+  } = _ref;
+  const intl = useIntl();
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pgn__chip-carousel', className, gap ? `pgn__chip-carousel-gap__${gap}` : ''),
+    ...props,
     ref: ref
-  }), /*#__PURE__*/React.createElement(OverflowScroll, {
+  }, /*#__PURE__*/React.createElement(OverflowScroll, {
     ariaLabel: ariaLabel,
     hasInteractiveChildren: true,
     disableScroll: !canScrollHorizontal,
@@ -49,12 +39,14 @@ var ChipCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onScrollNext: onScrollNext,
     offset: offset,
     offsetType: offsetType
-  }, /*#__PURE__*/React.createElement(OverflowScrollContext.Consumer, null, function (_ref2) {
-    var setOverflowRef = _ref2.setOverflowRef,
-      isScrolledToStart = _ref2.isScrolledToStart,
-      isScrolledToEnd = _ref2.isScrolledToEnd,
-      scrollToPrevious = _ref2.scrollToPrevious,
-      scrollToNext = _ref2.scrollToNext;
+  }, /*#__PURE__*/React.createElement(OverflowScrollContext.Consumer, null, _ref2 => {
+    let {
+      setOverflowRef,
+      isScrolledToStart,
+      isScrolledToEnd,
+      scrollToPrevious,
+      scrollToNext
+    } = _ref2;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(React.Fragment, null, !isScrolledToStart && /*#__PURE__*/React.createElement(IconButton, {
       size: "sm",
       className: "pgn__chip-carousel__left-control",
@@ -72,16 +64,18 @@ var ChipCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     })), /*#__PURE__*/React.createElement("div", {
       ref: setOverflowRef,
       className: "d-flex"
-    }, /*#__PURE__*/React.createElement(OverflowScroll.Items, null, items === null || items === void 0 ? void 0 : items.map(function (item, id) {
-      var _ref3 = (item === null || item === void 0 ? void 0 : item.props) || {},
-        children = _ref3.children;
+    }, /*#__PURE__*/React.createElement(OverflowScroll.Items, null, items?.map((item, id) => {
+      const {
+        children
+      } = item?.props || {};
       if (!children) {
         return null;
       }
       // eslint-disable-next-line react/no-array-index-key
-      return /*#__PURE__*/React.createElement(Chip, _objectSpread(_objectSpread({}, item.props), {}, {
+      return /*#__PURE__*/React.createElement(Chip, {
+        ...item.props,
         key: id
-      }));
+      });
     }))));
   })));
 });

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","_ref","ref","className","items","ariaLabel","disableOpacityMasks","onScrollPrevious","onScrollNext","_ref$canScrollHorizon","canScrollHorizontal","_ref$offset","offset","_ref$offsetType","offsetType","gap","props","_objectWithoutProperties","_excluded","intl","createElement","_objectSpread","concat","hasInteractiveChildren","disableScroll","Consumer","_ref2","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","Fragment","size","src","iconAs","alt","formatMessage","onClick","Items","map","item","id","_ref3","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","PropTypes","useIntl","classNames","OverflowScroll","OverflowScrollContext","IconButton","Icon","ArrowForward","ArrowBack","messages","Chip","ChipCarousel","forwardRef","_ref","ref","className","items","ariaLabel","disableOpacityMasks","onScrollPrevious","onScrollNext","canScrollHorizontal","offset","offsetType","gap","props","intl","createElement","hasInteractiveChildren","disableScroll","Consumer","_ref2","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":[]}

package/dist/CloseButton/index.scss

@@ -21,7 +21,7 @@
     text-decoration: none;
   }
 
-  &:not(:disabled):not(.disabled) {
+  &:not(:disabled, .disabled) {
     @include hover-focus() {
       opacity: .75;
     }