@razorpay/blade 8.10.0 → 8.10.2

package/build/components/index.d.ts

@@ -2330,6 +2330,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 +2402,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 +2411,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 +2515,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;
@@ -3094,6 +3094,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 +3121,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 +3139,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 +3457,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 +3561,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 +3601,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 +4791,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 +4895,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 +4935,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 +5155,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 +5259,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 +5299,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 +5507,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 +5611,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 +5651,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 +6053,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 +6066,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 +6080,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 +6093,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 +6139,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 +6173,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 +6182,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 +6490,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 +6594,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 +6634,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 +7291,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 +7363,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 +7372,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 +7476,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 +7738,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 +7850,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;