@razorpay/blade 12.0.3 → 12.1.0

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

@@ -5101,7 +5101,7 @@ type IconButtonProps = {
      * Sets tabindex property on button element
      */
     _tabIndex?: number;
-} & DataAnalyticsAttribute & BladeCommonEvents & Platform.Select<{
+} & DataAnalyticsAttribute & BladeCommonEvents & StyledPropsBlade & Platform.Select<{
     web: {
         onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
         /**
@@ -5145,7 +5145,346 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
      * Sets tabindex property on button element
      */
     _tabIndex?: number | undefined;
-} & DataAnalyticsAttribute & BladeCommonEvents & {
+} & DataAnalyticsAttribute & BladeCommonEvents & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+    bottom: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    left: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    position?: "absolute" | "relative" | {
+        readonly base?: "absolute" | "relative" | undefined;
+        readonly xs?: "absolute" | "relative" | undefined;
+        readonly s?: "absolute" | "relative" | undefined;
+        readonly m?: "absolute" | "relative" | undefined;
+        readonly l?: "absolute" | "relative" | undefined;
+        readonly xl?: "absolute" | "relative" | undefined;
+    } | undefined;
+    right: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    top: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    zIndex?: number | {
+        readonly base?: number | undefined;
+        readonly xs?: number | undefined;
+        readonly s?: number | undefined;
+        readonly m?: number | undefined;
+        readonly l?: number | undefined;
+        readonly xl?: number | undefined;
+    } | undefined;
+    __brand__?: "platform-native" | {
+        readonly base?: "platform-native" | undefined;
+        readonly xs?: "platform-native" | undefined;
+        readonly s?: "platform-native" | undefined;
+        readonly m?: "platform-native" | undefined;
+        readonly l?: "platform-native" | undefined;
+        readonly xl?: "platform-native" | undefined;
+    } | undefined;
+} & Pick<{
+    gridAutoColumns: never;
+    gridAutoFlow: never;
+    gridAutoRows: never;
+    gridColumnEnd: never;
+    gridColumnStart: never;
+    gridRowEnd: never;
+    gridRowStart: never;
+    gridTemplateAreas: never;
+    gridTemplateColumns: never;
+    gridTemplateRows: never;
+    grid: never;
+    gridArea: never;
+    gridColumn: never;
+    gridRow: never;
+    gridTemplate: never;
+    __brand__?: "platform-native" | {
+        readonly base?: "platform-native" | undefined;
+        readonly xs?: "platform-native" | undefined;
+        readonly s?: "platform-native" | undefined;
+        readonly m?: "platform-native" | undefined;
+        readonly l?: "platform-native" | undefined;
+        readonly xl?: "platform-native" | undefined;
+    } | undefined;
+}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
+    width: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    display?: "none" | "flex" | {
+        readonly base?: "none" | "flex" | undefined;
+        readonly xs?: "none" | "flex" | undefined;
+        readonly s?: "none" | "flex" | undefined;
+        readonly m?: "none" | "flex" | undefined;
+        readonly l?: "none" | "flex" | undefined;
+        readonly xl?: "none" | "flex" | undefined;
+    } | undefined;
+    height: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    maxHeight: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    maxWidth: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    minHeight: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    minWidth: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    overflowX: never;
+    overflowY: never;
+    textAlign: never;
+    whiteSpace: never;
+    overflow?: "hidden" | "scroll" | "visible" | {
+        readonly base?: "hidden" | "scroll" | "visible" | undefined;
+        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
+        readonly s?: "hidden" | "scroll" | "visible" | undefined;
+        readonly m?: "hidden" | "scroll" | "visible" | undefined;
+        readonly l?: "hidden" | "scroll" | "visible" | undefined;
+        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
+    } | undefined;
+    __brand__?: "platform-native" | {
+        readonly base?: "platform-native" | undefined;
+        readonly xs?: "platform-native" | undefined;
+        readonly s?: "platform-native" | undefined;
+        readonly m?: "platform-native" | undefined;
+        readonly l?: "platform-native" | undefined;
+        readonly xl?: "platform-native" | undefined;
+    } | undefined;
+}, "display"> & Pick<{
+    elevation?: ElevationLevels | {
+        readonly base?: ElevationLevels | undefined;
+        readonly xs?: ElevationLevels | undefined;
+        readonly s?: ElevationLevels | undefined;
+        readonly m?: ElevationLevels | undefined;
+        readonly l?: ElevationLevels | undefined;
+        readonly xl?: ElevationLevels | undefined;
+    } | undefined;
+    backgroundImage: never;
+    backgroundOrigin: never;
+    backgroundRepeat: never;
+    backgroundSize: never;
+    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderBottomStyle: never;
+    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderLeftStyle: never;
+    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRightStyle: never;
+    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderTopStyle: never;
+    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    clipPath: never;
+    opacity?: react_native.AnimatableNumericValue | {
+        readonly base?: react_native.AnimatableNumericValue | undefined;
+        readonly xs?: react_native.AnimatableNumericValue | undefined;
+        readonly s?: react_native.AnimatableNumericValue | undefined;
+        readonly m?: react_native.AnimatableNumericValue | undefined;
+        readonly l?: react_native.AnimatableNumericValue | undefined;
+        readonly xl?: react_native.AnimatableNumericValue | undefined;
+    } | undefined;
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
+        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
+        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
+    } | undefined;
+    transform?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | {
+        readonly base?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
+        readonly xs?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
+        readonly s?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
+        readonly m?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
+        readonly l?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
+        readonly xl?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
+    } | undefined;
+    transformOrigin: never;
+    visibility: never;
+    backgroundPosition: never;
+    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
+        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
+    };
+    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
+        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
+    };
+    borderStyle?: "dashed" | "dotted" | "solid" | {
+        readonly base?: "dashed" | "dotted" | "solid" | undefined;
+        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
+        readonly s?: "dashed" | "dotted" | "solid" | undefined;
+        readonly m?: "dashed" | "dotted" | "solid" | undefined;
+        readonly l?: "dashed" | "dotted" | "solid" | undefined;
+        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
+    } | undefined;
+    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
+    };
+    __brand__?: "platform-native" | {
+        readonly base?: "platform-native" | undefined;
+        readonly xs?: "platform-native" | undefined;
+        readonly s?: "platform-native" | undefined;
+        readonly m?: "platform-native" | undefined;
+        readonly l?: "platform-native" | undefined;
+        readonly xl?: "platform-native" | undefined;
+    } | undefined;
+}, "visibility">, "__brand__">> & {
     onClick: (event: GestureResponderEvent) => void;
     isHighlighted?: undefined;
 } & {
@@ -5189,7 +5528,7 @@ type ButtonGroupProps = {
      * Test ID for automation
      */
     testID?: string;
-} & DataAnalyticsAttribute;
+} & DataAnalyticsAttribute & StyledPropsBlade;
 
 declare const ButtonGroup: (_props: ButtonGroupProps) => React.ReactElement;
 
@@ -12589,9 +12928,10 @@ type RadioGroupProps = {
     /**
      * The callback invoked when any of the radio's state changes
      */
-    onChange?: ({ name, value }: {
+    onChange?: ({ name, value, event, }: {
         name: string | undefined;
         value: string;
+        event: React__default.ChangeEvent<HTMLInputElement>;
     }) => void;
     /**
      * The name of the input field in a radio
@@ -12752,6 +13092,7 @@ type SideNavLinkProps = {
      * ```
      */
     tooltip?: Pick<TooltipProps, 'title' | 'content' | 'onOpenChange'>;
+    onClick?: (event: React__default.MouseEvent) => void;
 } & DataAnalyticsAttribute;
 type SideNavSectionProps = {
     title?: string;

package/package.json

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