@razorpay/blade 8.13.0 → 8.15.0

package/build/components/index.d.ts

@@ -26,6 +26,8 @@ type BorderRadius = Readonly<{
 type BorderWidth = Readonly<{
   /** none: 0(px/rem/pt) */
   none: 0;
+  /** thinner: 0.5(px/rem/pt) */
+  thinner: 0.5;
   /** thin: 1(px/rem/pt) */
   thin: 1;
   /** thick: 1.5(px/rem/pt) */
@@ -1931,40 +1933,6 @@ declare const ActionListItemText: ({ children, }: {
 }) => React__default.ReactElement;
 declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => JSX.Element>;
 
-declare type ActionListHeaderProps = {
-    title: string;
-    /**
-     * Asset to be added on left side of Header.
-     *
-     * Valid children - `ActionListHeaderIcon`
-     */
-    leading?: React__default.ReactNode;
-} & TestID$1;
-declare const ActionListHeader: (props: ActionListHeaderProps) => JSX.Element;
-declare const ActionListHeaderIcon: ({ icon }: {
-    icon: IconComponent$1;
-}) => React__default.ReactElement;
-
-declare type ActionListFooterProps = {
-    title?: string;
-    /**
-     * Asset to be added on left side of Footer.
-     *
-     * Valid children - `ActionListFooterIcon`
-     */
-    leading?: React__default.ReactNode;
-    /**
-     * Elements to be added on right side of Footer.
-     *
-     * Anything can be passed here but maybe don't? Should ideally have Button or Tick Icon Buttons.
-     */
-    trailing?: React__default.ReactNode;
-} & TestID$1;
-declare const ActionListFooter: (props: ActionListFooterProps) => JSX.Element;
-declare const ActionListFooterIcon: ({ icon }: {
-    icon: IconComponent$1;
-}) => React__default.ReactElement;
-
 declare type ActionListItemAssetProps = {
     /**
      * Source of the image.
@@ -3199,13 +3167,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
         readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
     };
-    borderBottomWidth: "none" | "thin" | "thick" | {
-        readonly base?: "none" | "thin" | "thick" | undefined;
-        readonly xs?: "none" | "thin" | "thick" | undefined;
-        readonly s?: "none" | "thin" | "thick" | undefined;
-        readonly m?: "none" | "thin" | "thick" | undefined;
-        readonly l?: "none" | "thin" | "thick" | undefined;
-        readonly xl?: "none" | "thin" | "thick" | undefined;
+    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
     borderLeftColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
         readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
@@ -3215,13 +3183,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
         readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
     };
-    borderLeftWidth: "none" | "thin" | "thick" | {
-        readonly base?: "none" | "thin" | "thick" | undefined;
-        readonly xs?: "none" | "thin" | "thick" | undefined;
-        readonly s?: "none" | "thin" | "thick" | undefined;
-        readonly m?: "none" | "thin" | "thick" | undefined;
-        readonly l?: "none" | "thin" | "thick" | undefined;
-        readonly xl?: "none" | "thin" | "thick" | undefined;
+    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
     borderRightColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
         readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
@@ -3231,13 +3199,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
         readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
     };
-    borderRightWidth: "none" | "thin" | "thick" | {
-        readonly base?: "none" | "thin" | "thick" | undefined;
-        readonly xs?: "none" | "thin" | "thick" | undefined;
-        readonly s?: "none" | "thin" | "thick" | undefined;
-        readonly m?: "none" | "thin" | "thick" | undefined;
-        readonly l?: "none" | "thin" | "thick" | undefined;
-        readonly xl?: "none" | "thin" | "thick" | undefined;
+    borderRightWidth: "none" | "thinner" | "thin" | "thick" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
     borderTopColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
         readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
@@ -3263,13 +3231,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
         readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
     };
-    borderTopWidth: "none" | "thin" | "thick" | {
-        readonly base?: "none" | "thin" | "thick" | undefined;
-        readonly xs?: "none" | "thin" | "thick" | undefined;
-        readonly s?: "none" | "thin" | "thick" | undefined;
-        readonly m?: "none" | "thin" | "thick" | undefined;
-        readonly l?: "none" | "thin" | "thick" | undefined;
-        readonly xl?: "none" | "thin" | "thick" | undefined;
+    borderTopWidth: "none" | "thinner" | "thin" | "thick" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
     backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
         readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
@@ -3295,13 +3263,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
         readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
     };
-    borderWidth: "none" | "thin" | "thick" | {
-        readonly base?: "none" | "thin" | "thick" | undefined;
-        readonly xs?: "none" | "thin" | "thick" | undefined;
-        readonly s?: "none" | "thin" | "thick" | undefined;
-        readonly m?: "none" | "thin" | "thick" | undefined;
-        readonly l?: "none" | "thin" | "thick" | undefined;
-        readonly xl?: "none" | "thin" | "thick" | undefined;
+    borderWidth: "none" | "thinner" | "thin" | "thick" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
     __brand__?: "platform-web" | {
         readonly base?: "platform-web" | undefined;
@@ -4406,16 +4374,61 @@ declare type CheckboxGroupProps = {
 } & TestID$1 & StyledPropsBlade;
 declare const CheckboxGroup: ({ children, label, helpText, isDisabled, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: CheckboxGroupProps) => React__default.ReactElement;
 
+declare type DividerProps = {
+    /**
+     * Sets the orientation of divider
+     *
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Sets the style of divider
+     *
+     * @default 'solid'
+     */
+    dividerStyle?: 'solid' | 'dashed';
+    /**
+     * Sets the variant of divider
+     *
+     * @default 'normal'
+     */
+    variant?: 'normal' | 'subtle';
+    /**
+     * Sets the thickness of divider
+     *
+     * @default 'thin'
+     */
+    thickness?: 'thinner' | 'thin' | 'thick';
+    /**
+     * Sets the contrast of divider
+     *
+     * @default 'low'
+     */
+    contrast?: 'low' | 'high';
+    /**
+     * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.
+     *
+     */
+    height?: CSSObject['height'];
+    /**
+     * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.
+     *
+     */
+    width?: CSSObject['width'];
+};
+declare const Divider: ({ orientation, dividerStyle, variant, thickness, contrast, height, width, }: DividerProps) => React__default.ReactElement;
+
 declare type DropdownProps = {
     selectionType?: 'single' | 'multiple';
     onDismiss?: () => void;
-    children: React__default.ReactNode[];
+    children: React.ReactNode[];
 } & StyledPropsBlade;
-declare const Dropdown: ({ children, selectionType, onDismiss, ...styledProps }: DropdownProps) => JSX.Element;
-
 declare type DropdownOverlayProps = {
-    children: React__default.ReactElement;
+    children: React.ReactElement[] | React.ReactElement;
 } & TestID$1;
+
+declare const Dropdown: ({ children, selectionType, onDismiss, ...styledProps }: DropdownProps) => JSX.Element;
+
 declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => JSX.Element;
 
 declare type DropdownButtonProps = ButtonProps & {
@@ -4430,6 +4443,50 @@ declare type DropdownLinkProps = LinkButtonVariantProps & {
 };
 declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: DropdownLinkProps) => JSX.Element;
 
+declare type BaseHeaderProps = {
+    title?: string;
+    subtitle?: string;
+    /**
+     * Leading part of the header placed at the left most side of the header
+     */
+    leading?: React__default.ReactNode;
+    /**
+     * Trailing part of the header placed at the right most side of the header
+     */
+    trailing?: React__default.ReactNode;
+    /**
+     * Placed adjacent to the title text
+     */
+    titleSuffix?: React__default.ReactNode;
+    /**
+     * @default true
+     */
+    showDivider?: boolean;
+    /**
+     * @default false
+     */
+    showBackButton?: boolean;
+    /**
+     * @default true
+     */
+    showCloseButton?: boolean;
+    onCloseButtonClick?: () => void;
+    onBackButtonClick?: () => void;
+    closeButtonRef?: React__default.MutableRefObject<any>;
+    metaComponentName?: string;
+} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID$1;
+
+declare type BaseFooterProps = {
+    children: React__default.ReactNode;
+    metaComponentName?: string;
+    showDivider?: boolean;
+} & TestID$1;
+
+declare type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID'>;
+declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, }: DropdownHeaderProps) => React__default.ReactElement;
+declare type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
+declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
+
 declare const ArrowDownIcon: IconComponent;
 
 declare const ArrowLeftIcon: IconComponent;
@@ -6814,49 +6871,10 @@ declare function clearAnnouncer(assertiveness: Assertiveness): void;
  */
 declare function destroyAnnouncer(): void;
 
-declare type BaseHeaderProps = {
-    title?: string;
-    subtitle?: string;
-    /**
-     * Leading part of the header placed at the left most side of the header
-     */
-    leading?: React__default.ReactNode;
-    /**
-     * Trailing part of the header placed at the right most side of the header
-     */
-    trailing?: React__default.ReactNode;
-    /**
-     * Placed adjacent to the title text
-     */
-    titleSuffix?: React__default.ReactNode;
-    /**
-     * @default true
-     */
-    showDivider?: boolean;
-    /**
-     * @default false
-     */
-    showBackButton?: boolean;
-    /**
-     * @default true
-     */
-    showCloseButton?: boolean;
-    onCloseButtonClick?: () => void;
-    onBackButtonClick?: () => void;
-    closeButtonRef: React__default.MutableRefObject<any>;
-    metaComponentName?: string;
-} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'>;
-
 declare type ModalHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'>;
 declare const ModalHeader: ({ leading, subtitle, title, titleSuffix, trailing, }: ModalHeaderProps) => React.ReactElement;
 
-declare type BaseFooterProps$1 = {
-    children: React__default.ReactNode;
-    metaComponentName?: string;
-    showDivider?: boolean;
-};
-
-declare type ModalFooterProps = Pick<BaseFooterProps$1, 'children'>;
+declare type ModalFooterProps = Pick<BaseFooterProps, 'children'>;
 declare const ModalFooter: (props: ModalFooterProps) => React__default.ReactElement;
 
 declare type ModalBodyProps = {
@@ -7647,7 +7665,7 @@ declare type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle'
      */
     titleSuffix?: BaseHeaderProps['titleSuffix'];
 };
-declare type BottomSheetFooterProps = Pick<BaseFooterProps$1, 'children'>;
+declare type BottomSheetFooterProps = Pick<BaseFooterProps, 'children'>;
 declare type BottomSheetBodyProps = {
     children: React.ReactNode;
     /**
@@ -7662,12 +7680,6 @@ declare type BottomSheetBodyProps = {
 
 declare const BottomSheetHeader: ({ title, subtitle, leading, titleSuffix, trailing, showBackButton, onBackButtonClick, }: BottomSheetHeaderProps) => React__default.ReactElement;
 
-type BaseFooterProps = {
-  children: React__default.ReactNode;
-  metaComponentName?: string;
-  showDivider?: boolean;
-};
-
 declare const BottomSheetFooter: ({ children }: BaseFooterProps) => React__default.ReactElement;
 
 declare const BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) => React__default.ReactElement;
@@ -8321,13 +8333,13 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
         readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
     };
-    borderBottomWidth: "none" | "thin" | "thick" | {
-        readonly base?: "none" | "thin" | "thick" | undefined;
-        readonly xs?: "none" | "thin" | "thick" | undefined;
-        readonly s?: "none" | "thin" | "thick" | undefined;
-        readonly m?: "none" | "thin" | "thick" | undefined;
-        readonly l?: "none" | "thin" | "thick" | undefined;
-        readonly xl?: "none" | "thin" | "thick" | undefined;
+    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
     borderLeftColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
         readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
@@ -8337,13 +8349,13 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
         readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
     };
-    borderLeftWidth: "none" | "thin" | "thick" | {
-        readonly base?: "none" | "thin" | "thick" | undefined;
-        readonly xs?: "none" | "thin" | "thick" | undefined;
-        readonly s?: "none" | "thin" | "thick" | undefined;
-        readonly m?: "none" | "thin" | "thick" | undefined;
-        readonly l?: "none" | "thin" | "thick" | undefined;
-        readonly xl?: "none" | "thin" | "thick" | undefined;
+    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
     borderRightColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
         readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
@@ -8353,13 +8365,13 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
         readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
     };
-    borderRightWidth: "none" | "thin" | "thick" | {
-        readonly base?: "none" | "thin" | "thick" | undefined;
-        readonly xs?: "none" | "thin" | "thick" | undefined;
-        readonly s?: "none" | "thin" | "thick" | undefined;
-        readonly m?: "none" | "thin" | "thick" | undefined;
-        readonly l?: "none" | "thin" | "thick" | undefined;
-        readonly xl?: "none" | "thin" | "thick" | undefined;
+    borderRightWidth: "none" | "thinner" | "thin" | "thick" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
     borderTopColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
         readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
@@ -8385,13 +8397,13 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
         readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
     };
-    borderTopWidth: "none" | "thin" | "thick" | {
-        readonly base?: "none" | "thin" | "thick" | undefined;
-        readonly xs?: "none" | "thin" | "thick" | undefined;
-        readonly s?: "none" | "thin" | "thick" | undefined;
-        readonly m?: "none" | "thin" | "thick" | undefined;
-        readonly l?: "none" | "thin" | "thick" | undefined;
-        readonly xl?: "none" | "thin" | "thick" | undefined;
+    borderTopWidth: "none" | "thinner" | "thin" | "thick" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
     backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
         readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
@@ -8417,13 +8429,13 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
         readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
     };
-    borderWidth: "none" | "thin" | "thick" | {
-        readonly base?: "none" | "thin" | "thick" | undefined;
-        readonly xs?: "none" | "thin" | "thick" | undefined;
-        readonly s?: "none" | "thin" | "thick" | undefined;
-        readonly m?: "none" | "thin" | "thick" | undefined;
-        readonly l?: "none" | "thin" | "thick" | undefined;
-        readonly xl?: "none" | "thin" | "thick" | undefined;
+    borderWidth: "none" | "thinner" | "thin" | "thick" | {
+        readonly base?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thinner" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thinner" | "thin" | "thick" | undefined;
     };
     __brand__?: "platform-web" | {
         readonly base?: "platform-web" | undefined;
@@ -8545,4 +8557,4 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
     tabIndex: -1;
 }, "tabIndex">;
 
-export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListFooter, ActionListFooterIcon, ActionListFooterProps, ActionListHeader, ActionListHeaderIcon, ActionListHeaderProps, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, TagIcon, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };
+export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, TagIcon, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };