@razorpay/blade 11.34.1 → 11.35.0

package/build/types/components/index.d.ts

@@ -5186,6 +5186,14 @@ type SurfaceTokens = DotNotationToken<Theme['colors']['surface']['background']>;
 type OverlayTokens = DotNotationToken<Theme['colors']['overlay']>;
 type OverlayColor = `interactive.background.${InteractiveTokens}` | `feedback.background.${FeedbackTokens}` | `surface.background.${SurfaceTokens}` | `overlay.${OverlayTokens}`;
 type CarouselProps = {
+    /**
+     * Sets the initial active slide index
+     */
+    defaultActiveSlide?: number;
+    /**
+     * Active slide index, if provided the carousel will be controlled
+     */
+    activeSlide?: number;
     /**
      * Accepts CarouselItem
      */
@@ -5260,7 +5268,7 @@ type CarouselProps = {
      */
     carouselItemAlignment?: BoxProps['alignItems'];
     /**
-     * Callback which gets fired everytime a slide changes, useful for analytic events (only runs on user interaction not on autoPlay)
+     * Callback which gets fired everytime a slide changes, can be used to to make the carousel controlled
      *
      * @default undefined
      */
@@ -5271,10 +5279,13 @@ type CarouselProps = {
      * @default undefined
      */
     accessibilityLabel?: string;
+    /**
+     * Sets the height of the carousel
+     */
     height?: BoxProps['height'];
 } & StyledPropsBlade;
 
-declare const Carousel: ({ autoPlay, visibleItems, showIndicators, navigationButtonPosition, children, shouldAddStartEndSpacing, carouselItemWidth, scrollOverlayColor, accessibilityLabel, onChange, indicatorVariant, navigationButtonVariant, carouselItemAlignment, height, ...props }: CarouselProps) => React__default.ReactElement;
+declare const Carousel: ({ autoPlay, visibleItems, showIndicators, navigationButtonPosition, children, shouldAddStartEndSpacing, carouselItemWidth, scrollOverlayColor, accessibilityLabel, onChange, indicatorVariant, navigationButtonVariant, carouselItemAlignment, height, defaultActiveSlide, activeSlide: activeSlideProp, ...props }: CarouselProps) => React__default.ReactElement;
 
 type CarouselItemProps = {
     id?: string;

package/build/types/components/index.native.d.ts

@@ -4277,6 +4277,14 @@ type SurfaceTokens = DotNotationToken<Theme['colors']['surface']['background']>;
 type OverlayTokens = DotNotationToken<Theme['colors']['overlay']>;
 type OverlayColor = `interactive.background.${InteractiveTokens}` | `feedback.background.${FeedbackTokens}` | `surface.background.${SurfaceTokens}` | `overlay.${OverlayTokens}`;
 type CarouselProps = {
+    /**
+     * Sets the initial active slide index
+     */
+    defaultActiveSlide?: number;
+    /**
+     * Active slide index, if provided the carousel will be controlled
+     */
+    activeSlide?: number;
     /**
      * Accepts CarouselItem
      */
@@ -4351,7 +4359,7 @@ type CarouselProps = {
      */
     carouselItemAlignment?: BoxProps['alignItems'];
     /**
-     * Callback which gets fired everytime a slide changes, useful for analytic events (only runs on user interaction not on autoPlay)
+     * Callback which gets fired everytime a slide changes, can be used to to make the carousel controlled
      *
      * @default undefined
      */
@@ -4362,6 +4370,9 @@ type CarouselProps = {
      * @default undefined
      */
     accessibilityLabel?: string;
+    /**
+     * Sets the height of the carousel
+     */
     height?: BoxProps['height'];
 } & StyledPropsBlade;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "11.34.1",
+  "version": "11.35.0",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"