@razorpay/blade 12.35.0 → 12.37.0

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import * as react_native_types from 'react-native/types';
 import * as React$1 from 'react';
-import React__default, { ReactNode, ReactElement, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, ReactChild, KeyboardEvent } from 'react';
+import React__default, { ReactNode, ReactElement, CSSProperties, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, ReactChild, KeyboardEvent } from 'react';
 import * as react_native from 'react-native';
 import { View, ViewStyle, AccessibilityRole, GestureResponderEvent, TouchableOpacity, ImageSourcePropType, PressableProps } from 'react-native';
 import { CSSObject } from 'styled-components';
@@ -1323,7 +1323,7 @@ type BoxVisualProps = MakeObjectResponsive<{
 }> & {
     as: BoxAsType;
 };
-type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> & PositionProps & Pick<GridProps, 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea'> & Pick<LayoutProps, 'display'> & Pick<CommonBoxVisualProps, 'visibility'>, '__brand__'>>;
+type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order' | 'flexWrap'> & PositionProps & Pick<GridProps, 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea'> & Pick<LayoutProps, 'display'> & Pick<CommonBoxVisualProps, 'visibility'>, '__brand__'>>;
 type BoxCallbackProps = Omit<Platform.Select<{
     web: {
         /**
@@ -2598,7 +2598,7 @@ declare const Accordion: React__default.ForwardRefExoticComponent<{
         readonly xl?: SpacingValueType | undefined;
     } | undefined;
     children: ReactElement<any, string | React__default.JSXElementConstructor<any>> | ReactElement<any, string | React__default.JSXElementConstructor<any>>[];
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -3010,7 +3010,7 @@ declare const Divider: React__default.ForwardRefExoticComponent<{
      *
      */
     width?: CSSObject['width'];
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -3565,7 +3565,7 @@ declare const Badge: React__default.ForwardRefExoticComponent<{
      *
      */
     icon?: IconComponent | undefined;
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -4146,6 +4146,7 @@ type BaseTextProps = {
     fontWeight?: keyof Theme['typography']['fonts']['weight'];
     fontStyle?: 'italic' | 'normal';
     textDecorationLine?: 'line-through' | 'none' | 'underline';
+    textTransform?: CSSProperties['textTransform'];
     lineHeight?: keyof Theme['typography']['lineHeights'];
     letterSpacing?: keyof Theme['typography']['letterSpacings'];
     wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word';
@@ -4688,7 +4689,7 @@ declare const Alert: React__default.ForwardRefExoticComponent<{
          */
         secondary?: SecondaryAction | undefined;
     } | undefined;
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -5634,7 +5635,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
      * Sets tabindex property on button element
      */
     _tabIndex?: number | undefined;
-} & DataAnalyticsAttribute & BladeCommonEvents & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & DataAnalyticsAttribute & BladeCommonEvents & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -6299,7 +6300,7 @@ declare const Card: React__default.ForwardRefExoticComponent<{
      * @default undefined
      */
     as?: "label" | undefined;
-} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -6698,7 +6699,7 @@ declare const Counter: React__default.ForwardRefExoticComponent<{
      * @default 'medium'
      */
     size?: "small" | "medium" | "large" | undefined;
-} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -7053,6 +7054,7 @@ type HeadingProps = {
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
     size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
+    textTransform?: BaseTextProps['textTransform'];
     wordBreak?: BaseTextProps['wordBreak'];
 } & TestID & StyledPropsBlade;
 declare const getHeadingProps: ({ as, size, weight, color, testID, }: Pick<HeadingProps, 'as' | 'size' | 'weight' | 'color' | 'testID'>) => Omit<BaseTextProps, 'children'>;
@@ -7069,8 +7071,9 @@ declare const Heading: React__default.ForwardRefExoticComponent<{
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
     size?: "small" | "medium" | "large" | "xlarge" | "2xlarge" | undefined;
+    textTransform?: BaseTextProps['textTransform'];
     wordBreak?: BaseTextProps['wordBreak'];
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -7424,6 +7427,7 @@ type TextCommonProps = {
      */
     color?: BaseTextProps['color'];
     textAlign?: BaseTextProps['textAlign'];
+    textTransform?: BaseTextProps['textTransform'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
     wordBreak?: BaseTextProps['wordBreak'];
 } & TestID & StyledPropsBlade;
@@ -7442,7 +7446,7 @@ type TextProps<T> = T extends {
 type GetTextPropsReturn = Omit<BaseTextProps, 'children'>;
 type GetTextProps<T extends {
     variant: TextVariant;
-}> = Pick<TextProps<T>, 'variant' | 'weight' | 'size' | 'color' | 'testID' | 'textAlign' | 'textDecorationLine'>;
+}> = Pick<TextProps<T>, 'variant' | 'weight' | 'size' | 'color' | 'testID' | 'textAlign' | 'textDecorationLine' | 'textTransform'>;
 declare const getTextProps: <T extends {
     variant: TextVariant;
 }>({ variant, weight, size, color, testID, textAlign, textDecorationLine, }: GetTextProps<T>) => GetTextPropsReturn;
@@ -7461,6 +7465,7 @@ type CodeCommonProps = {
     size?: Extract<BaseTextSizes, 'small' | 'medium'>;
     weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'bold'>;
     isHighlighted?: boolean;
+    textTransform?: BaseTextProps['textTransform'];
     color?: BaseTextProps['color'];
 } & TestID & StyledPropsBlade;
 type CodeHighlightedProps = CodeCommonProps & {
@@ -7530,6 +7535,7 @@ type DisplayProps = {
     children: React__default.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
+    textTransform?: BaseTextProps['textTransform'];
 } & TestID & StyledPropsBlade;
 declare const Display: React__default.ForwardRefExoticComponent<{
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | undefined;
@@ -7544,7 +7550,8 @@ declare const Display: React__default.ForwardRefExoticComponent<{
     children: React__default.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+    textTransform?: BaseTextProps['textTransform'];
+} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -8016,7 +8023,7 @@ declare const Carousel: React__default.ForwardRefExoticComponent<{
         readonly xl?: SpacingValueType | undefined;
     } | undefined;
     showNavigationButtons?: boolean | undefined;
-} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -8638,7 +8645,7 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
      *
      */
     tabIndex?: number | undefined;
-} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -9064,7 +9071,7 @@ type CheckboxGroupProps = {
      */
     orientation?: 'vertical' | 'horizontal';
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
-declare const CheckboxGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, orientation, ...rest }: CheckboxGroupProps) => React__default.ReactElement;
+declare const CheckboxGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, orientation, flexWrap, ...rest }: CheckboxGroupProps) => React__default.ReactElement;
 
 type CommonChatMessageProps = {
     /**
@@ -9389,7 +9396,7 @@ declare const Collapsible: React$1.ForwardRefExoticComponent<{
      * **Internal**: used to override responsive width restrictions
      */
     _shouldApplyWidthRestrictions?: boolean | undefined;
-} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -10503,7 +10510,7 @@ declare const Dropdown: React__default.ForwardRefExoticComponent<{
         readonly l?: SpacingValueType | undefined;
         readonly xl?: SpacingValueType | undefined;
     } | undefined;
-} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -11302,7 +11309,7 @@ declare const Indicator: React__default.ForwardRefExoticComponent<{
      * a11y label for screen readers
      */
     accessibilityLabel?: string | undefined;
-} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -12736,7 +12743,7 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
      * @default "medium"
      */
     size?: "small" | "medium" | "large" | undefined;
-} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -13163,7 +13170,7 @@ type RadioGroupProps = {
      */
     orientation?: 'vertical' | 'horizontal';
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
-declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, orientation, testID, ...rest }: RadioGroupProps) => React__default.ReactElement;
+declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, orientation, testID, flexWrap, ...rest }: RadioGroupProps) => React__default.ReactElement;
 
 type ScaleProps = Pick<BaseMotionBoxProps, 'type' | 'motionTriggers' | 'children'> & {
     /**
@@ -13434,7 +13441,7 @@ type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'maxWidth'
     testID?: string;
 };
 
-declare const Skeleton: React__default.ForwardRefExoticComponent<Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+declare const Skeleton: React__default.ForwardRefExoticComponent<Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -13829,7 +13836,7 @@ declare const Spinner: React__default.ForwardRefExoticComponent<{
     labelPosition?: "bottom" | "right" | undefined;
     size?: "medium" | "large" | "xlarge" | undefined;
     accessibilityLabel: string;
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -14513,7 +14520,7 @@ declare const Switch: React__default.ForwardRefExoticComponent<{
     size?: "small" | "medium" | undefined;
     accessibilityLabel: string;
     id?: string | undefined;
-} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -15463,7 +15470,7 @@ declare const Tag: React__default.ForwardRefExoticComponent<{
     isDisabled?: boolean | undefined;
     _isVirtuallyFocused?: boolean | undefined;
     _isTagInsideInput?: boolean | undefined;
-} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;

package/package.json

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