@razorpay/blade 9.1.2 → 9.2.0

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

@@ -1455,7 +1455,8 @@ type StyledPropsBlade$1 = Partial<
         | 'gridColumnStart'
         | 'gridColumnEnd'
         | 'gridArea'
-      >,
+      > &
+      Pick<LayoutProps$1, 'display'>,
     '__brand__'
   >
 >;
@@ -2671,7 +2672,7 @@ declare type BoxVisualProps = MakeObjectResponsive<{
 }> & {
     as: BoxAsType;
 };
-declare type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> & PositionProps & Pick<GridProps, 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea'>, '__brand__'>>;
+declare type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> & PositionProps & Pick<GridProps, 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea'> & Pick<LayoutProps, 'display'>, '__brand__'>>;
 declare type BoxCallbackProps = Omit<Platform.Select<{
     web: {
         /**
@@ -3805,7 +3806,83 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "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;
+    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">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
 
 declare type CheckboxGroupProps = {
     /**
@@ -3929,19 +4006,19 @@ declare type DividerProps = {
      *
      */
     width?: CSSObject['width'];
-};
-declare const Divider: ({ orientation, dividerStyle, variant, thickness, contrast, height, width, }: DividerProps) => React__default.ReactElement;
+} & TestID & StyledPropsBlade$1;
+declare const Divider: ({ orientation, dividerStyle, variant, thickness, contrast, height, width, testID, ...styledProps }: DividerProps) => React__default.ReactElement;
 
 declare type DropdownProps = {
     selectionType?: 'single' | 'multiple';
     onDismiss?: () => void;
     children: React.ReactNode[];
-} & StyledPropsBlade$1;
+} & TestID & StyledPropsBlade$1;
 declare type DropdownOverlayProps = {
     children: React.ReactElement[] | React.ReactElement;
 } & TestID;
 
-declare const Dropdown: ({ children, selectionType, onDismiss, ...styledProps }: DropdownProps) => JSX.Element;
+declare const Dropdown: ({ children, selectionType, onDismiss, testID, ...styledProps }: DropdownProps) => JSX.Element;
 
 declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => JSX.Element;
 
@@ -4983,7 +5060,83 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInput
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "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;
+    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">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
 
 declare type PasswordInputExtraProps = {
     /**
@@ -5097,7 +5250,83 @@ declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseI
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "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;
+    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">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
 
 declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID'> & {
     /**
@@ -5199,34 +5428,110 @@ declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputP
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
-
-declare type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
-    name?: string;
-    value?: string;
-    inputIndex: number;
-}) => void;
-declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID'> & {
-    /**
-     * Determines the number of input fields to show for the OTP
-     * @default 6
-     */
-    otpLength?: 4 | 6;
-    /**
-     * The callback function to be invoked when all the values of the OTPInput are filled
-     */
-    onOTPFilled?: FormInputOnEvent;
-    /**
-     * Masks input characters in all the fields
-     */
-    isMasked?: boolean;
-    /**
-     * Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.
-     *
-     * It's not recommended to turn this off in favor of otp input practices.
-     *
-     *
-     * Internally it'll render platform specific attributes:
+}, "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;
+    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">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+
+declare type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
+    name?: string;
+    value?: string;
+    inputIndex: number;
+}) => void;
+declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID'> & {
+    /**
+     * Determines the number of input fields to show for the OTP
+     * @default 6
+     */
+    otpLength?: 4 | 6;
+    /**
+     * The callback function to be invoked when all the values of the OTPInput are filled
+     */
+    onOTPFilled?: FormInputOnEvent;
+    /**
+     * Masks input characters in all the fields
+     */
+    isMasked?: boolean;
+    /**
+     * Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.
+     *
+     * It's not recommended to turn this off in favor of otp input practices.
+     *
+     *
+     * Internally it'll render platform specific attributes:
      *
      * - web: `autocomplete`
      * - iOS: `textContentType`
@@ -5865,7 +6170,83 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "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;
+    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">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
 
 declare type RadioGroupProps = {
     /**
@@ -6043,10 +6424,176 @@ declare type SwitchProps = {
      * The id of the input field in a switch, useful for associating a label element with the input via htmlFor prop
      */
     id?: string;
-    testID?: string;
-};
+} & TestID & StyledPropsBlade$1;
 
-declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<BladeElementRef>>;
+declare const Switch: React__default.ForwardRefExoticComponent<{
+    isChecked?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    onChange?: OnChange | undefined;
+    name?: string | undefined;
+    value?: string | undefined;
+    isDisabled?: boolean | undefined;
+    size?: "small" | "medium" | undefined;
+    accessibilityLabel: string;
+    id?: string | undefined;
+} & TestID & 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;
+    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">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
 
 declare type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'borderRadius'> & Partial<FlexboxProps> & {
     contrast?: 'low' | 'high';