@rabbitio/ui-kit 1.0.0-beta.85 → 1.0.0-beta.86

package/dist/index.module.js

@@ -7579,7 +7579,7 @@ WaitlistSubscription.propTypes = {
   translations: PropTypes.object
 };
 
-var s = {"logo-carousel":"_CgRBd","logo-carousel-wrapper":"_cVsiX","slide":"_Gu7XN","logo-carousel-slide":"_hIh2D","clickable":"_VuuGX","easeIn":"_i56By"};
+var s = {"logo-carousel":"_CgRBd","logo-carousel-wrapper":"_cVsiX","slide":"_Gu7XN","logo-carousel-slide":"_hIh2D","clickable":"_VuuGX","grayscale":"_P9ByJ","easeIn":"_i56By"};
 
 /**
  * LogoCarousel component renders a set of logos in a sliding carousel.
@@ -7588,10 +7588,13 @@ var s = {"logo-carousel":"_CgRBd","logo-carousel-wrapper":"_cVsiX","slide":"_Gu7
  *
  * @param {Object} props - The props object for this component.
  * @param {Array<{logo: string, url: string}>} props.logos - Array of objects representing logos and their corresponding URLs.
+ * @param {boolean} props.grayscale - Enable the grayscale mode for the logos.
  */
 var LogoCarousel = function LogoCarousel(_ref) {
   var _wrapperRef$current;
-  var logos = _ref.logos;
+  var logos = _ref.logos,
+    _ref$grayscale = _ref.grayscale,
+    grayscale = _ref$grayscale === void 0 ? false : _ref$grayscale;
   var _useState = useState(),
     multiplier = _useState[0],
     setMultiplier = _useState[1];
@@ -7629,7 +7632,7 @@ var LogoCarousel = function LogoCarousel(_ref) {
     }, logos.map(function (item, index) {
       return /*#__PURE__*/React.createElement("a", {
         key: "logo-carousel-slide-" + i + "-" + index,
-        className: item != null && item.url ? s["clickable"] : null,
+        className: [item != null && item.url ? s["clickable"] : null, grayscale ? s["grayscale"] : null].join(" "),
         href: item == null ? void 0 : item.url,
         target: "_blank"
       }, /*#__PURE__*/React.createElement("img", {
@@ -7642,8 +7645,12 @@ var LogoCarousel = function LogoCarousel(_ref) {
 LogoCarousel.propTypes = {
   logos: PropTypes.arrayOf(PropTypes.shape({
     logo: PropTypes.string.isRequired,
-    url: PropTypes.string.isRequired
-  })).isRequired
+    url: PropTypes.string
+  })).isRequired,
+  grayscale: PropTypes.bool
+};
+LogoCarousel.defaultProps = {
+  grayscale: false
 };
 
 var PARAMETER_VALUES_SEPARATOR = "|*|"; // Sting that with high probability will not be in the user's data