@razorpay/blade 8.10.1 → 8.10.3

package/build/components/index.d.ts

@@ -1091,9 +1091,10 @@ type SpacingValueType$1 =
   | DotNotationSpacingStringToken
   | `${string}${SpaceUnits$1}`
   | `calc(${string})`
+  | 'auto'
   | `min(${string})`
   | `max(${string})`
-  | 'auto'
+  | 'max-content'
   | 'none';
 
 type MarginProps$1 = MakeObjectResponsive$1<{
@@ -1771,7 +1772,7 @@ declare type MakeObjectResponsive<T, K extends keyof T = Extract<keyof T, string
 
 declare type ArrayOfMaxLength4<T> = readonly [T?, T?, T?, T?];
 declare type SpaceUnits = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
-declare type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | `min(${string})` | `max(${string})` | 'auto' | 'none';
+declare type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | 'auto' | `min(${string})` | `max(${string})` | 'max-content' | 'none';
 /**
  * @IMPORTANT
  *
@@ -2330,6 +2331,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: csstype.Property.Display | undefined;
         readonly xl?: csstype.Property.Display | undefined;
     } | undefined;
+    overflow?: csstype.Property.Overflow | {
+        readonly base?: csstype.Property.Overflow | undefined;
+        readonly xs?: csstype.Property.Overflow | undefined;
+        readonly s?: csstype.Property.Overflow | undefined;
+        readonly m?: csstype.Property.Overflow | undefined;
+        readonly l?: csstype.Property.Overflow | undefined;
+        readonly xl?: csstype.Property.Overflow | undefined;
+    } | undefined;
     height: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -2394,14 +2403,6 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: csstype.Property.TextAlign | undefined;
         readonly xl?: csstype.Property.TextAlign | undefined;
     } | undefined;
-    overflow?: csstype.Property.Overflow | {
-        readonly base?: csstype.Property.Overflow | undefined;
-        readonly xs?: csstype.Property.Overflow | undefined;
-        readonly s?: csstype.Property.Overflow | undefined;
-        readonly m?: csstype.Property.Overflow | undefined;
-        readonly l?: csstype.Property.Overflow | undefined;
-        readonly xl?: csstype.Property.Overflow | undefined;
-    } | undefined;
     __brand__?: "platform-web" | {
         readonly base?: "platform-web" | undefined;
         readonly xs?: "platform-web" | undefined;
@@ -2411,6 +2412,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly xl?: "platform-web" | undefined;
     } | undefined;
 } & {
+    order?: csstype.Property.Order | {
+        readonly base?: csstype.Property.Order | undefined;
+        readonly xs?: csstype.Property.Order | undefined;
+        readonly s?: csstype.Property.Order | undefined;
+        readonly m?: csstype.Property.Order | undefined;
+        readonly l?: csstype.Property.Order | undefined;
+        readonly xl?: csstype.Property.Order | undefined;
+    } | undefined;
     alignContent?: csstype.Property.AlignContent | {
         readonly base?: csstype.Property.AlignContent | undefined;
         readonly xs?: csstype.Property.AlignContent | undefined;
@@ -2507,14 +2516,6 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: csstype.Property.JustifySelf | undefined;
         readonly xl?: csstype.Property.JustifySelf | undefined;
     } | undefined;
-    order?: csstype.Property.Order | {
-        readonly base?: csstype.Property.Order | undefined;
-        readonly xs?: csstype.Property.Order | undefined;
-        readonly s?: csstype.Property.Order | undefined;
-        readonly m?: csstype.Property.Order | undefined;
-        readonly l?: csstype.Property.Order | undefined;
-        readonly xl?: csstype.Property.Order | undefined;
-    } | undefined;
     rowGap: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -2838,7 +2839,7 @@ declare const CardBody: ({ children, testID }: CardBodyProps) => React__default.
 
 type BladeElementRef = Platform.Select<{
   web:
-    | Pick<HTMLElement, 'focus' | 'scrollIntoView' | 'getBoundingClientRect'>
+    | Pick<HTMLElement, 'focus' | 'scrollIntoView' | 'getBoundingClientRect' | 'clientHeight'>
     | Pick<View, 'focus'>;
   native: React.MutableRefObject<any>;
 }>;
@@ -3094,6 +3095,21 @@ type BadgeTextColors$1 = `badge.text.${DotNotationColorStringToken<
   Theme$1['colors']['badge']['text']
 >}`;
 
+type As$1 =
+  | 'code'
+  | 'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'h5'
+  | 'h6'
+  | 'p'
+  | 'span'
+  | 'abbr'
+  | 'q'
+  | 'cite'
+  | 'figcaption'
+  | 'div';
 type BaseTextProps$1 = {
   id?: string;
   color?: ActionColors$1 | FeedbackColors$1 | SurfaceColors$1 | FeedbackActionColors$1 | BadgeTextColors$1;
@@ -3106,7 +3122,7 @@ type BaseTextProps$1 = {
   /**
    * Web only
    */
-  as?: 'code' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+  as?: As$1;
   textAlign?: 'center' | 'justify' | 'left' | 'right';
   truncateAfterLines?: number;
   className?: string;
@@ -3124,11 +3140,13 @@ type BaseTextProps$1 = {
 /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
 
 
+declare const validAsValues$3 = ['p', 'span', 'div', 'abbr', 'figcaption', 'cite', 'q'] as const;
 type TextCommonProps$1 = {
+  as?: typeof validAsValues$3[number];
   type?: TextTypes;
   contrast?: ColorContrastTypes;
   truncateAfterLines?: number;
-  children: React.ReactNode;
+  children: React__default.ReactNode;
   weight?: keyof Theme$1['typography']['fonts']['weight'];
   /**
    * Overrides the color of the Text component.
@@ -3440,6 +3458,14 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
      */
     tabIndex?: number | undefined;
 } & TestID$1 & Partial<Omit<MarginProps & Pick<{
+    order?: csstype.Property.Order | {
+        readonly base?: csstype.Property.Order | undefined;
+        readonly xs?: csstype.Property.Order | undefined;
+        readonly s?: csstype.Property.Order | undefined;
+        readonly m?: csstype.Property.Order | undefined;
+        readonly l?: csstype.Property.Order | undefined;
+        readonly xl?: csstype.Property.Order | undefined;
+    } | undefined;
     alignContent?: csstype.Property.AlignContent | {
         readonly base?: csstype.Property.AlignContent | undefined;
         readonly xs?: csstype.Property.AlignContent | undefined;
@@ -3536,14 +3562,6 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
         readonly l?: csstype.Property.JustifySelf | undefined;
         readonly xl?: csstype.Property.JustifySelf | undefined;
     } | undefined;
-    order?: csstype.Property.Order | {
-        readonly base?: csstype.Property.Order | undefined;
-        readonly xs?: csstype.Property.Order | undefined;
-        readonly s?: csstype.Property.Order | undefined;
-        readonly m?: csstype.Property.Order | undefined;
-        readonly l?: csstype.Property.Order | undefined;
-        readonly xl?: csstype.Property.Order | undefined;
-    } | undefined;
     rowGap: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -3584,7 +3602,7 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+}, "order" | "alignSelf" | "justifySelf" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -4774,6 +4792,14 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInput
      */
     type?: Type;
 } & Partial<Omit<MarginProps & Pick<{
+    order?: csstype.Property.Order | {
+        readonly base?: csstype.Property.Order | undefined;
+        readonly xs?: csstype.Property.Order | undefined;
+        readonly s?: csstype.Property.Order | undefined;
+        readonly m?: csstype.Property.Order | undefined;
+        readonly l?: csstype.Property.Order | undefined;
+        readonly xl?: csstype.Property.Order | undefined;
+    } | undefined;
     alignContent?: csstype.Property.AlignContent | {
         readonly base?: csstype.Property.AlignContent | undefined;
         readonly xs?: csstype.Property.AlignContent | undefined;
@@ -4870,14 +4896,6 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInput
         readonly l?: csstype.Property.JustifySelf | undefined;
         readonly xl?: csstype.Property.JustifySelf | undefined;
     } | undefined;
-    order?: csstype.Property.Order | {
-        readonly base?: csstype.Property.Order | undefined;
-        readonly xs?: csstype.Property.Order | undefined;
-        readonly s?: csstype.Property.Order | undefined;
-        readonly m?: csstype.Property.Order | undefined;
-        readonly l?: csstype.Property.Order | undefined;
-        readonly xl?: csstype.Property.Order | undefined;
-    } | undefined;
     rowGap: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -4918,7 +4936,7 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInput
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+}, "order" | "alignSelf" | "justifySelf" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -5138,6 +5156,14 @@ declare type PasswordInputExtraProps = {
 };
 declare type PasswordInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID'> & PasswordInputExtraProps & StyledPropsBlade;
 declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "testID" | "placeholder" | "label" | "value" | "onBlur" | "onFocus" | "defaultValue" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "successText" | "isRequired" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MarginProps & Pick<{
+    order?: csstype.Property.Order | {
+        readonly base?: csstype.Property.Order | undefined;
+        readonly xs?: csstype.Property.Order | undefined;
+        readonly s?: csstype.Property.Order | undefined;
+        readonly m?: csstype.Property.Order | undefined;
+        readonly l?: csstype.Property.Order | undefined;
+        readonly xl?: csstype.Property.Order | undefined;
+    } | undefined;
     alignContent?: csstype.Property.AlignContent | {
         readonly base?: csstype.Property.AlignContent | undefined;
         readonly xs?: csstype.Property.AlignContent | undefined;
@@ -5234,14 +5260,6 @@ declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseI
         readonly l?: csstype.Property.JustifySelf | undefined;
         readonly xl?: csstype.Property.JustifySelf | undefined;
     } | undefined;
-    order?: csstype.Property.Order | {
-        readonly base?: csstype.Property.Order | undefined;
-        readonly xs?: csstype.Property.Order | undefined;
-        readonly s?: csstype.Property.Order | undefined;
-        readonly m?: csstype.Property.Order | undefined;
-        readonly l?: csstype.Property.Order | undefined;
-        readonly xl?: csstype.Property.Order | undefined;
-    } | undefined;
     rowGap: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -5282,7 +5300,7 @@ declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseI
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+}, "order" | "alignSelf" | "justifySelf" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -5490,6 +5508,14 @@ declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputP
      */
     onClearButtonClick?: (() => void) | undefined;
 } & Partial<Omit<MarginProps & Pick<{
+    order?: csstype.Property.Order | {
+        readonly base?: csstype.Property.Order | undefined;
+        readonly xs?: csstype.Property.Order | undefined;
+        readonly s?: csstype.Property.Order | undefined;
+        readonly m?: csstype.Property.Order | undefined;
+        readonly l?: csstype.Property.Order | undefined;
+        readonly xl?: csstype.Property.Order | undefined;
+    } | undefined;
     alignContent?: csstype.Property.AlignContent | {
         readonly base?: csstype.Property.AlignContent | undefined;
         readonly xs?: csstype.Property.AlignContent | undefined;
@@ -5586,14 +5612,6 @@ declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputP
         readonly l?: csstype.Property.JustifySelf | undefined;
         readonly xl?: csstype.Property.JustifySelf | undefined;
     } | undefined;
-    order?: csstype.Property.Order | {
-        readonly base?: csstype.Property.Order | undefined;
-        readonly xs?: csstype.Property.Order | undefined;
-        readonly s?: csstype.Property.Order | undefined;
-        readonly m?: csstype.Property.Order | undefined;
-        readonly l?: csstype.Property.Order | undefined;
-        readonly xl?: csstype.Property.Order | undefined;
-    } | undefined;
     rowGap: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -5634,7 +5652,7 @@ declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputP
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+}, "order" | "alignSelf" | "justifySelf" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -6036,6 +6054,7 @@ declare type FeedbackActionColors = `feedback.${Feedback}.action.text.${DotNotat
 declare type SurfaceColors = `surface.text.${DotNotationColorStringToken<Theme$1['colors']['surface']['text']>}`;
 declare type ActionColors = `action.text.${DotNotationColorStringToken<Theme$1['colors']['action']['text']>}`;
 declare type BadgeTextColors = `badge.text.${DotNotationColorStringToken<Theme$1['colors']['badge']['text']>}`;
+declare type As = 'code' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'abbr' | 'q' | 'cite' | 'figcaption' | 'div';
 declare type BaseTextProps = {
     id?: string;
     color?: ActionColors | FeedbackColors | SurfaceColors | FeedbackActionColors | BadgeTextColors;
@@ -6048,7 +6067,7 @@ declare type BaseTextProps = {
     /**
      * Web only
      */
-    as?: 'code' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+    as?: As;
     textAlign?: 'center' | 'justify' | 'left' | 'right';
     truncateAfterLines?: number;
     className?: string;
@@ -6062,7 +6081,9 @@ declare type BaseTextProps = {
     componentName?: 'text' | 'title' | 'heading' | 'code';
 } & TestID$1 & StyledPropsBlade;
 
+declare const validAsValues$2: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
 declare type TitleProps = {
+    as?: typeof validAsValues$2[number];
     /**
      * Overrides the color of the Title component.
      *
@@ -6073,12 +6094,15 @@ declare type TitleProps = {
     contrast?: ColorContrastTypes;
     type?: TextTypes;
     children: StringChildrenType;
+    textAlign?: BaseTextProps['textAlign'];
 } & TestID$1 & StyledPropsBlade;
-declare const Title: ({ size, type, contrast, color, children, testID, ...styledProps }: TitleProps) => ReactElement;
+declare const Title: ({ as, size, type, contrast, color, children, testID, textAlign, ...styledProps }: TitleProps) => ReactElement;
 
 declare type HeadingVariant = 'regular' | 'subheading';
 declare type HeadingSize = 'small' | 'medium' | 'large';
+declare const validAsValues$1: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
 declare type HeadingCommonProps = {
+    as?: typeof validAsValues$1[number];
     /**
      * Overrides the color of the Heading component.
      *
@@ -6116,13 +6140,15 @@ declare type HeadingProps<T> = T extends {
 } ? Variant extends Exclude<HeadingVariant, 'subheading'> ? HeadingNormalVariant : Variant extends 'subheading' ? HeadingSubHeadingVariant : T : T;
 declare const Heading: <T extends {
     variant: HeadingVariant;
-}>({ variant, size, type, weight, contrast, color, children, testID, textAlign, ...styledProps }: HeadingProps<T>) => ReactElement;
+}>({ as, variant, size, type, weight, contrast, color, children, testID, textAlign, ...styledProps }: HeadingProps<T>) => ReactElement;
 
+declare const validAsValues: readonly ["p", "span", "div", "abbr", "figcaption", "cite", "q"];
 declare type TextCommonProps = {
+    as?: typeof validAsValues[number];
     type?: TextTypes;
     contrast?: ColorContrastTypes;
     truncateAfterLines?: number;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     weight?: keyof Theme$1['typography']['fonts']['weight'];
     /**
      * Overrides the color of the Text component.
@@ -6148,10 +6174,7 @@ declare type TextCaptionVariant = TextCommonProps & {
 declare type TextProps<T> = T extends {
     variant: infer Variant;
 } ? Variant extends 'caption' ? TextCaptionVariant : Variant extends 'body' ? TextBodyVariant : T : T;
-declare type TextForwardedAs = {
-    forwardedAs?: BaseTextProps['as'];
-};
-declare type GetTextPropsReturn = Omit<BaseTextProps, 'children'> & TextForwardedAs;
+declare type GetTextPropsReturn = Omit<BaseTextProps, 'children'>;
 declare type GetTextProps<T extends {
     variant: TextVariant;
 }> = Pick<TextProps<T>, 'type' | 'variant' | 'weight' | 'size' | 'contrast' | 'color' | 'testID' | 'textAlign'>;
@@ -6160,7 +6183,7 @@ declare const getTextProps: <T extends {
 }>({ variant, type, weight, size, color, contrast, testID, textAlign, }: GetTextProps<T>) => GetTextPropsReturn;
 declare const Text: <T extends {
     variant: TextVariant;
-}>({ variant, weight, size, type, contrast, truncateAfterLines, children, color, testID, textAlign, ...styledProps }: TextProps<T>) => ReactElement;
+}>({ as, variant, weight, size, type, contrast, truncateAfterLines, children, color, testID, textAlign, ...styledProps }: TextProps<T>) => ReactElement;
 
 declare type CodeCommonProps = {
     /**
@@ -6468,6 +6491,14 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
      */
     size?: "small" | "medium" | undefined;
 } & TestID$1 & Partial<Omit<MarginProps & Pick<{
+    order?: csstype.Property.Order | {
+        readonly base?: csstype.Property.Order | undefined;
+        readonly xs?: csstype.Property.Order | undefined;
+        readonly s?: csstype.Property.Order | undefined;
+        readonly m?: csstype.Property.Order | undefined;
+        readonly l?: csstype.Property.Order | undefined;
+        readonly xl?: csstype.Property.Order | undefined;
+    } | undefined;
     alignContent?: csstype.Property.AlignContent | {
         readonly base?: csstype.Property.AlignContent | undefined;
         readonly xs?: csstype.Property.AlignContent | undefined;
@@ -6564,14 +6595,6 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
         readonly l?: csstype.Property.JustifySelf | undefined;
         readonly xl?: csstype.Property.JustifySelf | undefined;
     } | undefined;
-    order?: csstype.Property.Order | {
-        readonly base?: csstype.Property.Order | undefined;
-        readonly xs?: csstype.Property.Order | undefined;
-        readonly s?: csstype.Property.Order | undefined;
-        readonly m?: csstype.Property.Order | undefined;
-        readonly l?: csstype.Property.Order | undefined;
-        readonly xl?: csstype.Property.Order | undefined;
-    } | undefined;
     rowGap: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -6612,7 +6635,7 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+}, "order" | "alignSelf" | "justifySelf" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -7269,6 +7292,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: csstype.Property.Display | undefined;
         readonly xl?: csstype.Property.Display | undefined;
     } | undefined;
+    overflow?: csstype.Property.Overflow | {
+        readonly base?: csstype.Property.Overflow | undefined;
+        readonly xs?: csstype.Property.Overflow | undefined;
+        readonly s?: csstype.Property.Overflow | undefined;
+        readonly m?: csstype.Property.Overflow | undefined;
+        readonly l?: csstype.Property.Overflow | undefined;
+        readonly xl?: csstype.Property.Overflow | undefined;
+    } | undefined;
     height: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -7333,14 +7364,6 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: csstype.Property.TextAlign | undefined;
         readonly xl?: csstype.Property.TextAlign | undefined;
     } | undefined;
-    overflow?: csstype.Property.Overflow | {
-        readonly base?: csstype.Property.Overflow | undefined;
-        readonly xs?: csstype.Property.Overflow | undefined;
-        readonly s?: csstype.Property.Overflow | undefined;
-        readonly m?: csstype.Property.Overflow | undefined;
-        readonly l?: csstype.Property.Overflow | undefined;
-        readonly xl?: csstype.Property.Overflow | undefined;
-    } | undefined;
     __brand__?: "platform-web" | {
         readonly base?: "platform-web" | undefined;
         readonly xs?: "platform-web" | undefined;
@@ -7350,6 +7373,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly xl?: "platform-web" | undefined;
     } | undefined;
 } & {
+    order?: csstype.Property.Order | {
+        readonly base?: csstype.Property.Order | undefined;
+        readonly xs?: csstype.Property.Order | undefined;
+        readonly s?: csstype.Property.Order | undefined;
+        readonly m?: csstype.Property.Order | undefined;
+        readonly l?: csstype.Property.Order | undefined;
+        readonly xl?: csstype.Property.Order | undefined;
+    } | undefined;
     alignContent?: csstype.Property.AlignContent | {
         readonly base?: csstype.Property.AlignContent | undefined;
         readonly xs?: csstype.Property.AlignContent | undefined;
@@ -7446,14 +7477,6 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: csstype.Property.JustifySelf | undefined;
         readonly xl?: csstype.Property.JustifySelf | undefined;
     } | undefined;
-    order?: csstype.Property.Order | {
-        readonly base?: csstype.Property.Order | undefined;
-        readonly xs?: csstype.Property.Order | undefined;
-        readonly s?: csstype.Property.Order | undefined;
-        readonly m?: csstype.Property.Order | undefined;
-        readonly l?: csstype.Property.Order | undefined;
-        readonly xl?: csstype.Property.Order | undefined;
-    } | undefined;
     rowGap: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -7716,6 +7739,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: csstype.Property.Border<string | number> | undefined;
         readonly xl?: csstype.Property.Border<string | number> | undefined;
     } | undefined;
+    lineHeight: 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;
+    };
     backgroundColor: (string & Record<never, never>) | "feedback.background.neutral.lowContrast" | "feedback.background.neutral.highContrast" | "feedback.background.information.lowContrast" | "feedback.background.information.highContrast" | "feedback.background.negative.lowContrast" | "feedback.background.negative.highContrast" | "feedback.background.notice.lowContrast" | "feedback.background.notice.highContrast" | "feedback.background.positive.lowContrast" | "feedback.background.positive.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "action.background.primary.default" | "action.background.primary.disabled" | "action.background.primary.hover" | "action.background.primary.focus" | "action.background.primary.active" | "action.background.secondary.default" | "action.background.secondary.disabled" | "action.background.secondary.hover" | "action.background.secondary.focus" | "action.background.secondary.active" | "action.background.tertiary.default" | "action.background.tertiary.disabled" | "action.background.tertiary.hover" | "action.background.tertiary.focus" | "action.background.tertiary.active" | {
         readonly base?: (string & Record<never, never>) | "feedback.background.neutral.lowContrast" | "feedback.background.neutral.highContrast" | "feedback.background.information.lowContrast" | "feedback.background.information.highContrast" | "feedback.background.negative.lowContrast" | "feedback.background.negative.highContrast" | "feedback.background.notice.lowContrast" | "feedback.background.notice.highContrast" | "feedback.background.positive.lowContrast" | "feedback.background.positive.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "action.background.primary.default" | "action.background.primary.disabled" | "action.background.primary.hover" | "action.background.primary.focus" | "action.background.primary.active" | "action.background.secondary.default" | "action.background.secondary.disabled" | "action.background.secondary.hover" | "action.background.secondary.focus" | "action.background.secondary.active" | "action.background.tertiary.default" | "action.background.tertiary.disabled" | "action.background.tertiary.hover" | "action.background.tertiary.focus" | "action.background.tertiary.active" | undefined;
         readonly xs?: (string & Record<never, never>) | "feedback.background.neutral.lowContrast" | "feedback.background.neutral.highContrast" | "feedback.background.information.lowContrast" | "feedback.background.information.highContrast" | "feedback.background.negative.lowContrast" | "feedback.background.negative.highContrast" | "feedback.background.notice.lowContrast" | "feedback.background.notice.highContrast" | "feedback.background.positive.lowContrast" | "feedback.background.positive.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "action.background.primary.default" | "action.background.primary.disabled" | "action.background.primary.hover" | "action.background.primary.focus" | "action.background.primary.active" | "action.background.secondary.default" | "action.background.secondary.disabled" | "action.background.secondary.hover" | "action.background.secondary.focus" | "action.background.secondary.active" | "action.background.tertiary.default" | "action.background.tertiary.disabled" | "action.background.tertiary.hover" | "action.background.tertiary.focus" | "action.background.tertiary.active" | undefined;
@@ -7820,14 +7851,6 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "none" | "thin" | "thick" | undefined;
         readonly xl?: "none" | "thin" | "thick" | undefined;
     };
-    lineHeight: 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;
-    };
     opacity?: csstype.Property.Opacity | {
         readonly base?: csstype.Property.Opacity | undefined;
         readonly xs?: csstype.Property.Opacity | undefined;