@razorpay/blade 9.0.2 → 9.1.0

package/build/components/index.d.ts

@@ -589,7 +589,7 @@ type Motion = Readonly<{
   easing: Easing;
 }>;
 
-type ElevationLevels = 'none' | 'lowRaised' | 'midRaised' | 'highRaised';
+type ElevationLevels$1 = 'none' | 'lowRaised' | 'midRaised' | 'highRaised';
 
 type ElevationStyles = Readonly<{
   elevation: number;
@@ -609,7 +609,7 @@ type ElevationStyles = Readonly<{
 }>;
 
 type Elevation = Record<
-  ElevationLevels,
+  ElevationLevels$1,
   Platform.Select<{
     web: string;
     native: ElevationStyles;
@@ -1369,6 +1369,8 @@ declare const validBoxAsValues$1 = [
 
 type BoxAsType$1 = typeof validBoxAsValues$1[number];
 
+type BrandColorString$1 = `brand.${DotNotationColorStringToken<Theme$1['colors']['brand']>}`;
+
 // Visual props that are common for both Box and BaseBox
 type CommonBoxVisualProps$1 = MakeObjectResponsive$1<
   {
@@ -1393,17 +1395,30 @@ type CommonBoxVisualProps$1 = MakeObjectResponsive$1<
     | 'backgroundPosition'
     | 'backgroundOrigin'
     | 'backgroundRepeat'
-  >
+  > & {
+      /**
+       * Sets the elevation for Box
+       *
+       * eg: `theme.elevation.midRaised`
+       *
+       * @default `theme.elevation.lowRaised`
+       *
+       * **Links:**
+       * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--page
+       */
+      elevation?: keyof Elevation;
+    }
 >;
 
 // Visual props that are specific BaseBox
 // This is used to ensure some of the more flexible BaseBox props are not passed to Box
-type BaseBoxVisualProps = MakeObjectResponsive$1<
+type BaseBoxVisualProps$1 = MakeObjectResponsive$1<
   {
     backgroundColor:
       | BackgroundColorString$1<'feedback'>
       | BackgroundColorString$1<'surface'>
       | BackgroundColorString$1<'action'>
+      | BrandColorString$1
       | (string & Record<never, never>);
     lineHeight: SpacingValueType$1;
     touchAction: CSSObject['touchAction'];
@@ -1421,14 +1436,14 @@ type BaseBoxVisualProps = MakeObjectResponsive$1<
 
 // Visual props that are specific to Box
 type BoxVisualProps$1 = MakeObjectResponsive$1<{
-  backgroundColor: BackgroundColorString$1<'surface'>;
+  backgroundColor: BackgroundColorString$1<'surface'> | BrandColorString$1;
 }> & {
   // Intentionally keeping this outside of MakeObjectResponsive since we only want as to be string and not responsive object
   // styled-components do not support passing `as` prop as an object
   as: BoxAsType$1;
 };
 
-type StyledPropsBlade = Partial<
+type StyledPropsBlade$1 = Partial<
   Omit<
     MarginProps$1 &
       Pick<FlexboxProps$1, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> &
@@ -1502,9 +1517,9 @@ type BoxProps$1 = Partial<
 // Visual props have different types for BaseBox and Box. BaseBox has more flexible types and more props exposed.
 // So first we Omit Visual props of Box
 // Then we append BaseBoxVisualProps and some other props for styled-components like class and id
-type BaseBoxProps = Omit<BoxProps$1, keyof BoxVisualProps$1> &
+type BaseBoxProps$1 = Omit<BoxProps$1, keyof BoxVisualProps$1> &
   Partial<
-    BaseBoxVisualProps & {
+    BaseBoxVisualProps$1 & {
       className?: string;
       id?: string;
       tabIndex?: number;
@@ -1860,7 +1875,7 @@ type IconProps$1 = {
     | BadgeIconColors$1
     | 'currentColor'; // currentColor is useful for letting the SVG inherit color property from its container
   size: IconSize$1;
-} & StyledPropsBlade;
+} & StyledPropsBlade$1;
 type IconComponent$1 = React.ComponentType<IconProps$1>;
 
 declare type ActionListItemProps = {
@@ -2015,7 +2030,7 @@ declare type AlertProps = {
          */
         secondary?: SecondaryAction;
     };
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const Alert: ({ description, title, isDismissible, onDismiss, contrast, isFullWidth, intent, actions, testID, ...styledProps }: AlertProps) => ReactElement | null;
 
 declare type BadgeProps = {
@@ -2054,7 +2069,7 @@ declare type BadgeProps = {
      * @default 'regular'
      */
     fontWeight?: 'regular' | 'bold';
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const Badge: ({ children, contrast, fontWeight, icon, size, variant, testID, ...styledProps }: BadgeProps) => ReactElement;
 
 declare type BladeProviderProps = {
@@ -2131,6 +2146,8 @@ declare type MakeObjectResponsive<T, K extends keyof T = Extract<keyof T, string
     [P in K]: MakeValueResponsive<T[P]>;
 };
 
+declare type ElevationLevels = 'none' | 'lowRaised' | 'midRaised' | 'highRaised';
+
 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})` | 'auto' | `min(${string})` | `max(${string})` | 'none' | 'initial' | 'fit-content' | 'max-content' | 'min-content';
@@ -2613,6 +2630,7 @@ declare type BackgroundColorString<T extends ColorObjects> = `${T}.background.${
 declare type BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationColorStringToken<Theme$1['colors'][T]['border']>}`;
 declare const validBoxAsValues: readonly ["div", "section", "footer", "header", "main", "aside", "nav", "span", "label"];
 declare type BoxAsType = typeof validBoxAsValues[number];
+declare type BrandColorString = `brand.${DotNotationColorStringToken<Theme$1['colors']['brand']>}`;
 declare type CommonBoxVisualProps = MakeObjectResponsive<{
     borderRadius: keyof Border['radius'];
     borderWidth: keyof Border['width'];
@@ -2629,12 +2647,31 @@ declare type CommonBoxVisualProps = MakeObjectResponsive<{
     borderTopRightRadius: keyof Border['radius'];
     borderBottomRightRadius: keyof Border['radius'];
     borderBottomLeftRadius: keyof Border['radius'];
-} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat'>>;
+} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat'> & {
+    /**
+     * Sets the elevation for Box
+     *
+     * eg: `theme.elevation.midRaised`
+     *
+     * @default `theme.elevation.lowRaised`
+     *
+     * **Links:**
+     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--page
+     */
+    elevation?: keyof Elevation;
+}>;
+declare type BaseBoxVisualProps = MakeObjectResponsive<{
+    backgroundColor: BackgroundColorString<'feedback'> | BackgroundColorString<'surface'> | BackgroundColorString<'action'> | BrandColorString | (string & Record<never, never>);
+    lineHeight: SpacingValueType;
+    touchAction: CSSObject['touchAction'];
+    userSelect: CSSObject['userSelect'];
+} & PickCSSByPlatform<'border' | 'borderLeft' | 'borderRight' | 'borderTop' | 'borderBottom' | 'opacity' | 'pointerEvents'>>;
 declare type BoxVisualProps = MakeObjectResponsive<{
-    backgroundColor: BackgroundColorString<'surface'>;
+    backgroundColor: BackgroundColorString<'surface'> | BrandColorString;
 }> & {
     as: BoxAsType;
 };
+declare type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> & PositionProps & Pick<GridProps, 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea'>, '__brand__'>>;
 declare type BoxCallbackProps = Omit<Platform.Select<{
     web: {
         /**
@@ -2672,6 +2709,11 @@ declare type BoxProps = Partial<PaddingProps & MarginProps & LayoutProps & Flexb
     children?: React.ReactNode | React.ReactNode[];
     tabIndex?: number;
 } & TestID$1>;
+declare type BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> & Partial<BaseBoxVisualProps & {
+    className?: string;
+    id?: string;
+    tabIndex?: number;
+}> & BladeCommonEvents$1;
 declare type BoxRefType = Platform.Select<{
     web: Omit<HTMLElement, 'style'>;
     native: View;
@@ -2774,152 +2816,7 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-} & {
-    alignContent?: csstype.Property.AlignContent | {
-        readonly base?: csstype.Property.AlignContent | undefined;
-        readonly xs?: csstype.Property.AlignContent | undefined;
-        readonly s?: csstype.Property.AlignContent | undefined;
-        readonly m?: csstype.Property.AlignContent | undefined;
-        readonly l?: csstype.Property.AlignContent | undefined;
-        readonly xl?: csstype.Property.AlignContent | undefined;
-    } | undefined;
-    alignItems?: csstype.Property.AlignItems | {
-        readonly base?: csstype.Property.AlignItems | undefined;
-        readonly xs?: csstype.Property.AlignItems | undefined;
-        readonly s?: csstype.Property.AlignItems | undefined;
-        readonly m?: csstype.Property.AlignItems | undefined;
-        readonly l?: csstype.Property.AlignItems | undefined;
-        readonly xl?: csstype.Property.AlignItems | undefined;
-    } | undefined;
-    alignSelf?: csstype.Property.AlignSelf | {
-        readonly base?: csstype.Property.AlignSelf | undefined;
-        readonly xs?: csstype.Property.AlignSelf | undefined;
-        readonly s?: csstype.Property.AlignSelf | undefined;
-        readonly m?: csstype.Property.AlignSelf | undefined;
-        readonly l?: csstype.Property.AlignSelf | undefined;
-        readonly xl?: csstype.Property.AlignSelf | undefined;
-    } | undefined;
-    columnGap: 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;
-    };
-    flexBasis?: csstype.Property.FlexBasis<string | number> | {
-        readonly base?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xs?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly s?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly m?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly l?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xl?: csstype.Property.FlexBasis<string | number> | undefined;
-    } | undefined;
-    flexDirection?: csstype.Property.FlexDirection | {
-        readonly base?: csstype.Property.FlexDirection | undefined;
-        readonly xs?: csstype.Property.FlexDirection | undefined;
-        readonly s?: csstype.Property.FlexDirection | undefined;
-        readonly m?: csstype.Property.FlexDirection | undefined;
-        readonly l?: csstype.Property.FlexDirection | undefined;
-        readonly xl?: csstype.Property.FlexDirection | undefined;
-    } | undefined;
-    flexGrow?: csstype.Property.FlexGrow | {
-        readonly base?: csstype.Property.FlexGrow | undefined;
-        readonly xs?: csstype.Property.FlexGrow | undefined;
-        readonly s?: csstype.Property.FlexGrow | undefined;
-        readonly m?: csstype.Property.FlexGrow | undefined;
-        readonly l?: csstype.Property.FlexGrow | undefined;
-        readonly xl?: csstype.Property.FlexGrow | undefined;
-    } | undefined;
-    flexShrink?: csstype.Property.FlexShrink | {
-        readonly base?: csstype.Property.FlexShrink | undefined;
-        readonly xs?: csstype.Property.FlexShrink | undefined;
-        readonly s?: csstype.Property.FlexShrink | undefined;
-        readonly m?: csstype.Property.FlexShrink | undefined;
-        readonly l?: csstype.Property.FlexShrink | undefined;
-        readonly xl?: csstype.Property.FlexShrink | undefined;
-    } | undefined;
-    flexWrap?: csstype.Property.FlexWrap | {
-        readonly base?: csstype.Property.FlexWrap | undefined;
-        readonly xs?: csstype.Property.FlexWrap | undefined;
-        readonly s?: csstype.Property.FlexWrap | undefined;
-        readonly m?: csstype.Property.FlexWrap | undefined;
-        readonly l?: csstype.Property.FlexWrap | undefined;
-        readonly xl?: csstype.Property.FlexWrap | undefined;
-    } | undefined;
-    justifyContent?: csstype.Property.JustifyContent | {
-        readonly base?: csstype.Property.JustifyContent | undefined;
-        readonly xs?: csstype.Property.JustifyContent | undefined;
-        readonly s?: csstype.Property.JustifyContent | undefined;
-        readonly m?: csstype.Property.JustifyContent | undefined;
-        readonly l?: csstype.Property.JustifyContent | undefined;
-        readonly xl?: csstype.Property.JustifyContent | undefined;
-    } | undefined;
-    justifyItems?: csstype.Property.JustifyItems | {
-        readonly base?: csstype.Property.JustifyItems | undefined;
-        readonly xs?: csstype.Property.JustifyItems | undefined;
-        readonly s?: csstype.Property.JustifyItems | undefined;
-        readonly m?: csstype.Property.JustifyItems | undefined;
-        readonly l?: csstype.Property.JustifyItems | undefined;
-        readonly xl?: csstype.Property.JustifyItems | undefined;
-    } | undefined;
-    justifySelf?: csstype.Property.JustifySelf | {
-        readonly base?: csstype.Property.JustifySelf | undefined;
-        readonly xs?: csstype.Property.JustifySelf | undefined;
-        readonly s?: csstype.Property.JustifySelf | undefined;
-        readonly m?: csstype.Property.JustifySelf | undefined;
-        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;
-        readonly s?: SpacingValueType | undefined;
-        readonly m?: SpacingValueType | undefined;
-        readonly l?: SpacingValueType | undefined;
-        readonly xl?: SpacingValueType | undefined;
-    };
-    flex: string | number | {
-        readonly base?: string | number | undefined;
-        readonly xs?: string | number | undefined;
-        readonly s?: string | number | undefined;
-        readonly m?: string | number | undefined;
-        readonly l?: string | number | undefined;
-        readonly xl?: string | number | undefined;
-    };
-    gap: 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;
-    };
-    placeSelf?: csstype.Property.PlaceSelf | {
-        readonly base?: csstype.Property.PlaceSelf | undefined;
-        readonly xs?: csstype.Property.PlaceSelf | undefined;
-        readonly s?: csstype.Property.PlaceSelf | undefined;
-        readonly m?: csstype.Property.PlaceSelf | undefined;
-        readonly l?: csstype.Property.PlaceSelf | undefined;
-        readonly xl?: csstype.Property.PlaceSelf | undefined;
-    } | undefined;
-    __brand__?: "platform-web" | {
-        readonly base?: "platform-web" | undefined;
-        readonly xs?: "platform-web" | undefined;
-        readonly s?: "platform-web" | undefined;
-        readonly m?: "platform-web" | undefined;
-        readonly l?: "platform-web" | undefined;
-        readonly xl?: "platform-web" | undefined;
-    } | undefined;
-} & {
+} & FlexboxProps & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -3111,6 +3008,14 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
     onMouseLeave: React__default.MouseEventHandler<HTMLElement>;
     onScroll: React__default.UIEventHandler<HTMLElement>;
 } & {
+    elevation?: ElevationLevels | {
+        readonly base?: ElevationLevels | undefined;
+        readonly xs?: ElevationLevels | undefined;
+        readonly s?: ElevationLevels | undefined;
+        readonly m?: ElevationLevels | undefined;
+        readonly l?: ElevationLevels | undefined;
+        readonly xl?: ElevationLevels | undefined;
+    } | undefined;
     backgroundImage?: csstype.Property.BackgroundImage | {
         readonly base?: csstype.Property.BackgroundImage | undefined;
         readonly xs?: csstype.Property.BackgroundImage | undefined;
@@ -3280,7 +3185,7 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly xl?: "platform-web" | undefined;
     } | undefined;
 } & MakeObjectResponsive<{
-    backgroundColor: "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast";
+    backgroundColor: "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.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";
 }, "backgroundColor"> & {
     as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
 } & {
@@ -3344,7 +3249,7 @@ declare type CardProps = {
      * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page
      */
     padding?: Extract<SpacingValueType$1, 'spacing.0' | 'spacing.3' | 'spacing.5' | 'spacing.7'>;
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const Card: ({ children, surfaceLevel, elevation, testID, padding, ...styledProps }: CardProps) => React__default.ReactElement;
 declare type CardBodyProps = {
     children: React__default.ReactNode;
@@ -3389,7 +3294,7 @@ declare type BaseLinkCommonProps = {
      * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.
      */
     htmlTitle?: string;
-} & TestID$1 & StyledPropsBlade & Omit<BladeCommonEvents$1, 'onBlur' | 'onMouseLeave'>;
+} & TestID$1 & StyledPropsBlade$1 & Omit<BladeCommonEvents$1, 'onBlur' | 'onMouseLeave'>;
 declare type BaseLinkWithoutIconProps = BaseLinkCommonProps & {
     icon?: undefined;
     children: StringChildrenType;
@@ -3430,7 +3335,7 @@ declare type LinkCommonProps = {
      * @default medium
      */
     size?: BaseLinkProps['size'];
-} & TestID$1 & StyledPropsBlade & BladeCommonEvents$1 & Platform.Select<{
+} & TestID$1 & StyledPropsBlade$1 & BladeCommonEvents$1 & Platform.Select<{
     native: {
         /**
          * Defines how far your touch can start away from the link
@@ -3505,7 +3410,7 @@ declare type BaseButtonCommonProps = {
     variant?: 'primary' | 'secondary' | 'tertiary';
     contrast?: 'low' | 'high';
     intent?: 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
-} & TestID$1 & StyledPropsBlade & BladeCommonEvents$1;
+} & TestID$1 & StyledPropsBlade$1 & BladeCommonEvents$1;
 declare type BaseButtonWithoutIconProps = BaseButtonCommonProps & {
     icon?: undefined;
     children: StringChildrenType;
@@ -3545,7 +3450,7 @@ declare type ButtonCommonProps = {
         native: (event: GestureResponderEvent) => void;
         web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
     }>;
-} & TestID$1 & StyledPropsBlade & BladeCommonEvents$1;
+} & TestID$1 & StyledPropsBlade$1 & BladeCommonEvents$1;
 declare type ButtonWithoutIconProps = ButtonCommonProps & {
     icon?: undefined;
     children: StringChildrenType;
@@ -3592,7 +3497,7 @@ declare type CounterProps = {
      * @default 'medium'
      */
     size?: 'small' | 'medium' | 'large';
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const Counter: ({ value, max, intent, variant, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
 
 type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
@@ -3609,6 +3514,8 @@ type BadgeTextColors$1 = `badge.text.${DotNotationColorStringToken<
   Theme$1['colors']['badge']['text']
 >}`;
 
+type BrandPrimaryColors$1 = `brand.primary.${keyof Theme$1['colors']['brand']['primary']}`;
+
 type As$1 =
   | 'code'
   | 'h1'
@@ -3626,7 +3533,13 @@ type As$1 =
   | 'div';
 type BaseTextProps$1 = {
   id?: string;
-  color?: ActionColors$1 | FeedbackColors$1 | SurfaceColors$1 | FeedbackActionColors$1 | BadgeTextColors$1;
+  color?:
+    | BrandPrimaryColors$1
+    | ActionColors$1
+    | FeedbackColors$1
+    | SurfaceColors$1
+    | FeedbackActionColors$1
+    | BadgeTextColors$1;
   fontFamily?: keyof Theme$1['typography']['fonts']['family'];
   fontSize?: keyof Theme$1['typography']['fonts']['size'];
   fontWeight?: keyof Theme$1['typography']['fonts']['weight'];
@@ -3649,7 +3562,7 @@ type BaseTextProps$1 = {
   numberOfLines?: number;
   componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code';
 } & TestID$1 &
-  StyledPropsBlade;
+  StyledPropsBlade$1;
 
 /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
 
@@ -3671,7 +3584,7 @@ type TextCommonProps$1 = {
   textAlign?: BaseTextProps$1['textAlign'];
   textDecorationLine?: BaseTextProps$1['textDecorationLine'];
 } & TestID$1 &
-  StyledPropsBlade;
+  StyledPropsBlade$1;
 
 type TextVariant$1 = 'body' | 'caption';
 
@@ -3893,7 +3806,7 @@ declare type CheckboxProps = {
      *
      */
     tabIndex?: number;
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const Checkbox: React__default.ForwardRefExoticComponent<{
     /**
      * If `true`, The checkbox will be checked. This also makes the checkbox controlled
@@ -3972,152 +3885,7 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
      *
      */
     tabIndex?: number | undefined;
-} & TestID$1 & Partial<Omit<MarginProps & Pick<{
-    alignContent?: csstype.Property.AlignContent | {
-        readonly base?: csstype.Property.AlignContent | undefined;
-        readonly xs?: csstype.Property.AlignContent | undefined;
-        readonly s?: csstype.Property.AlignContent | undefined;
-        readonly m?: csstype.Property.AlignContent | undefined;
-        readonly l?: csstype.Property.AlignContent | undefined;
-        readonly xl?: csstype.Property.AlignContent | undefined;
-    } | undefined;
-    alignItems?: csstype.Property.AlignItems | {
-        readonly base?: csstype.Property.AlignItems | undefined;
-        readonly xs?: csstype.Property.AlignItems | undefined;
-        readonly s?: csstype.Property.AlignItems | undefined;
-        readonly m?: csstype.Property.AlignItems | undefined;
-        readonly l?: csstype.Property.AlignItems | undefined;
-        readonly xl?: csstype.Property.AlignItems | undefined;
-    } | undefined;
-    alignSelf?: csstype.Property.AlignSelf | {
-        readonly base?: csstype.Property.AlignSelf | undefined;
-        readonly xs?: csstype.Property.AlignSelf | undefined;
-        readonly s?: csstype.Property.AlignSelf | undefined;
-        readonly m?: csstype.Property.AlignSelf | undefined;
-        readonly l?: csstype.Property.AlignSelf | undefined;
-        readonly xl?: csstype.Property.AlignSelf | undefined;
-    } | undefined;
-    columnGap: 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;
-    };
-    flexBasis?: csstype.Property.FlexBasis<string | number> | {
-        readonly base?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xs?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly s?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly m?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly l?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xl?: csstype.Property.FlexBasis<string | number> | undefined;
-    } | undefined;
-    flexDirection?: csstype.Property.FlexDirection | {
-        readonly base?: csstype.Property.FlexDirection | undefined;
-        readonly xs?: csstype.Property.FlexDirection | undefined;
-        readonly s?: csstype.Property.FlexDirection | undefined;
-        readonly m?: csstype.Property.FlexDirection | undefined;
-        readonly l?: csstype.Property.FlexDirection | undefined;
-        readonly xl?: csstype.Property.FlexDirection | undefined;
-    } | undefined;
-    flexGrow?: csstype.Property.FlexGrow | {
-        readonly base?: csstype.Property.FlexGrow | undefined;
-        readonly xs?: csstype.Property.FlexGrow | undefined;
-        readonly s?: csstype.Property.FlexGrow | undefined;
-        readonly m?: csstype.Property.FlexGrow | undefined;
-        readonly l?: csstype.Property.FlexGrow | undefined;
-        readonly xl?: csstype.Property.FlexGrow | undefined;
-    } | undefined;
-    flexShrink?: csstype.Property.FlexShrink | {
-        readonly base?: csstype.Property.FlexShrink | undefined;
-        readonly xs?: csstype.Property.FlexShrink | undefined;
-        readonly s?: csstype.Property.FlexShrink | undefined;
-        readonly m?: csstype.Property.FlexShrink | undefined;
-        readonly l?: csstype.Property.FlexShrink | undefined;
-        readonly xl?: csstype.Property.FlexShrink | undefined;
-    } | undefined;
-    flexWrap?: csstype.Property.FlexWrap | {
-        readonly base?: csstype.Property.FlexWrap | undefined;
-        readonly xs?: csstype.Property.FlexWrap | undefined;
-        readonly s?: csstype.Property.FlexWrap | undefined;
-        readonly m?: csstype.Property.FlexWrap | undefined;
-        readonly l?: csstype.Property.FlexWrap | undefined;
-        readonly xl?: csstype.Property.FlexWrap | undefined;
-    } | undefined;
-    justifyContent?: csstype.Property.JustifyContent | {
-        readonly base?: csstype.Property.JustifyContent | undefined;
-        readonly xs?: csstype.Property.JustifyContent | undefined;
-        readonly s?: csstype.Property.JustifyContent | undefined;
-        readonly m?: csstype.Property.JustifyContent | undefined;
-        readonly l?: csstype.Property.JustifyContent | undefined;
-        readonly xl?: csstype.Property.JustifyContent | undefined;
-    } | undefined;
-    justifyItems?: csstype.Property.JustifyItems | {
-        readonly base?: csstype.Property.JustifyItems | undefined;
-        readonly xs?: csstype.Property.JustifyItems | undefined;
-        readonly s?: csstype.Property.JustifyItems | undefined;
-        readonly m?: csstype.Property.JustifyItems | undefined;
-        readonly l?: csstype.Property.JustifyItems | undefined;
-        readonly xl?: csstype.Property.JustifyItems | undefined;
-    } | undefined;
-    justifySelf?: csstype.Property.JustifySelf | {
-        readonly base?: csstype.Property.JustifySelf | undefined;
-        readonly xs?: csstype.Property.JustifySelf | undefined;
-        readonly s?: csstype.Property.JustifySelf | undefined;
-        readonly m?: csstype.Property.JustifySelf | undefined;
-        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;
-        readonly s?: SpacingValueType | undefined;
-        readonly m?: SpacingValueType | undefined;
-        readonly l?: SpacingValueType | undefined;
-        readonly xl?: SpacingValueType | undefined;
-    };
-    flex: string | number | {
-        readonly base?: string | number | undefined;
-        readonly xs?: string | number | undefined;
-        readonly s?: string | number | undefined;
-        readonly m?: string | number | undefined;
-        readonly l?: string | number | undefined;
-        readonly xl?: string | number | undefined;
-    };
-    gap: 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;
-    };
-    placeSelf?: csstype.Property.PlaceSelf | {
-        readonly base?: csstype.Property.PlaceSelf | undefined;
-        readonly xs?: csstype.Property.PlaceSelf | undefined;
-        readonly s?: csstype.Property.PlaceSelf | undefined;
-        readonly m?: csstype.Property.PlaceSelf | undefined;
-        readonly l?: csstype.Property.PlaceSelf | undefined;
-        readonly xl?: csstype.Property.PlaceSelf | undefined;
-    } | undefined;
-    __brand__?: "platform-web" | {
-        readonly base?: "platform-web" | undefined;
-        readonly xs?: "platform-web" | undefined;
-        readonly s?: "platform-web" | undefined;
-        readonly m?: "platform-web" | undefined;
-        readonly l?: "platform-web" | undefined;
-        readonly xl?: "platform-web" | undefined;
-    } | undefined;
-}, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID$1 & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -4383,7 +4151,7 @@ declare type CheckboxGroupProps = {
      * @default "medium"
      */
     size?: 'small' | 'medium';
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const CheckboxGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: CheckboxGroupProps) => React__default.ReactElement;
 
 declare type DividerProps = {
@@ -4434,7 +4202,7 @@ declare type DropdownProps = {
     selectionType?: 'single' | 'multiple';
     onDismiss?: () => void;
     children: React.ReactNode[];
-} & StyledPropsBlade;
+} & StyledPropsBlade$1;
 declare type DropdownOverlayProps = {
     children: React.ReactElement[] | React.ReactElement;
 } & TestID$1;
@@ -5054,7 +4822,7 @@ declare type IconProps = {
      */
     color: ActionIconColors | SurfaceActionIconColors | FeedbackIconColors | FeedbackActionIconColors | TextIconColors | BadgeIconColors | 'currentColor';
     size: IconSize;
-} & StyledPropsBlade;
+} & StyledPropsBlade$1;
 declare type IconComponent = React.ComponentType<IconProps>;
 
 declare type FormInputLabelProps = {
@@ -5334,7 +5102,7 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
          */
         autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;
     };
-}> & StyledPropsBlade;
+}> & StyledPropsBlade$1;
 
 declare type Type = Exclude<BaseInputProps['type'], 'password'>;
 declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID'> & {
@@ -5368,7 +5136,7 @@ declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | '
      * @default text
      */
     type?: Type;
-} & StyledPropsBlade;
+} & StyledPropsBlade$1;
 declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "prefix" | "value" | "label" | "onBlur" | "onFocus" | "defaultValue" | "autoCapitalize" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & {
     /**
      * Decides whether to render a clear icon button
@@ -5400,152 +5168,7 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInput
      * @default text
      */
     type?: Type;
-} & Partial<Omit<MarginProps & Pick<{
-    alignContent?: csstype.Property.AlignContent | {
-        readonly base?: csstype.Property.AlignContent | undefined;
-        readonly xs?: csstype.Property.AlignContent | undefined;
-        readonly s?: csstype.Property.AlignContent | undefined;
-        readonly m?: csstype.Property.AlignContent | undefined;
-        readonly l?: csstype.Property.AlignContent | undefined;
-        readonly xl?: csstype.Property.AlignContent | undefined;
-    } | undefined;
-    alignItems?: csstype.Property.AlignItems | {
-        readonly base?: csstype.Property.AlignItems | undefined;
-        readonly xs?: csstype.Property.AlignItems | undefined;
-        readonly s?: csstype.Property.AlignItems | undefined;
-        readonly m?: csstype.Property.AlignItems | undefined;
-        readonly l?: csstype.Property.AlignItems | undefined;
-        readonly xl?: csstype.Property.AlignItems | undefined;
-    } | undefined;
-    alignSelf?: csstype.Property.AlignSelf | {
-        readonly base?: csstype.Property.AlignSelf | undefined;
-        readonly xs?: csstype.Property.AlignSelf | undefined;
-        readonly s?: csstype.Property.AlignSelf | undefined;
-        readonly m?: csstype.Property.AlignSelf | undefined;
-        readonly l?: csstype.Property.AlignSelf | undefined;
-        readonly xl?: csstype.Property.AlignSelf | undefined;
-    } | undefined;
-    columnGap: 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;
-    };
-    flexBasis?: csstype.Property.FlexBasis<string | number> | {
-        readonly base?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xs?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly s?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly m?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly l?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xl?: csstype.Property.FlexBasis<string | number> | undefined;
-    } | undefined;
-    flexDirection?: csstype.Property.FlexDirection | {
-        readonly base?: csstype.Property.FlexDirection | undefined;
-        readonly xs?: csstype.Property.FlexDirection | undefined;
-        readonly s?: csstype.Property.FlexDirection | undefined;
-        readonly m?: csstype.Property.FlexDirection | undefined;
-        readonly l?: csstype.Property.FlexDirection | undefined;
-        readonly xl?: csstype.Property.FlexDirection | undefined;
-    } | undefined;
-    flexGrow?: csstype.Property.FlexGrow | {
-        readonly base?: csstype.Property.FlexGrow | undefined;
-        readonly xs?: csstype.Property.FlexGrow | undefined;
-        readonly s?: csstype.Property.FlexGrow | undefined;
-        readonly m?: csstype.Property.FlexGrow | undefined;
-        readonly l?: csstype.Property.FlexGrow | undefined;
-        readonly xl?: csstype.Property.FlexGrow | undefined;
-    } | undefined;
-    flexShrink?: csstype.Property.FlexShrink | {
-        readonly base?: csstype.Property.FlexShrink | undefined;
-        readonly xs?: csstype.Property.FlexShrink | undefined;
-        readonly s?: csstype.Property.FlexShrink | undefined;
-        readonly m?: csstype.Property.FlexShrink | undefined;
-        readonly l?: csstype.Property.FlexShrink | undefined;
-        readonly xl?: csstype.Property.FlexShrink | undefined;
-    } | undefined;
-    flexWrap?: csstype.Property.FlexWrap | {
-        readonly base?: csstype.Property.FlexWrap | undefined;
-        readonly xs?: csstype.Property.FlexWrap | undefined;
-        readonly s?: csstype.Property.FlexWrap | undefined;
-        readonly m?: csstype.Property.FlexWrap | undefined;
-        readonly l?: csstype.Property.FlexWrap | undefined;
-        readonly xl?: csstype.Property.FlexWrap | undefined;
-    } | undefined;
-    justifyContent?: csstype.Property.JustifyContent | {
-        readonly base?: csstype.Property.JustifyContent | undefined;
-        readonly xs?: csstype.Property.JustifyContent | undefined;
-        readonly s?: csstype.Property.JustifyContent | undefined;
-        readonly m?: csstype.Property.JustifyContent | undefined;
-        readonly l?: csstype.Property.JustifyContent | undefined;
-        readonly xl?: csstype.Property.JustifyContent | undefined;
-    } | undefined;
-    justifyItems?: csstype.Property.JustifyItems | {
-        readonly base?: csstype.Property.JustifyItems | undefined;
-        readonly xs?: csstype.Property.JustifyItems | undefined;
-        readonly s?: csstype.Property.JustifyItems | undefined;
-        readonly m?: csstype.Property.JustifyItems | undefined;
-        readonly l?: csstype.Property.JustifyItems | undefined;
-        readonly xl?: csstype.Property.JustifyItems | undefined;
-    } | undefined;
-    justifySelf?: csstype.Property.JustifySelf | {
-        readonly base?: csstype.Property.JustifySelf | undefined;
-        readonly xs?: csstype.Property.JustifySelf | undefined;
-        readonly s?: csstype.Property.JustifySelf | undefined;
-        readonly m?: csstype.Property.JustifySelf | undefined;
-        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;
-        readonly s?: SpacingValueType | undefined;
-        readonly m?: SpacingValueType | undefined;
-        readonly l?: SpacingValueType | undefined;
-        readonly xl?: SpacingValueType | undefined;
-    };
-    flex: string | number | {
-        readonly base?: string | number | undefined;
-        readonly xs?: string | number | undefined;
-        readonly s?: string | number | undefined;
-        readonly m?: string | number | undefined;
-        readonly l?: string | number | undefined;
-        readonly xl?: string | number | undefined;
-    };
-    gap: 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;
-    };
-    placeSelf?: csstype.Property.PlaceSelf | {
-        readonly base?: csstype.Property.PlaceSelf | undefined;
-        readonly xs?: csstype.Property.PlaceSelf | undefined;
-        readonly s?: csstype.Property.PlaceSelf | undefined;
-        readonly m?: csstype.Property.PlaceSelf | undefined;
-        readonly l?: csstype.Property.PlaceSelf | undefined;
-        readonly xl?: csstype.Property.PlaceSelf | undefined;
-    } | undefined;
-    __brand__?: "platform-web" | {
-        readonly base?: "platform-web" | undefined;
-        readonly xs?: "platform-web" | undefined;
-        readonly s?: "platform-web" | undefined;
-        readonly m?: "platform-web" | undefined;
-        readonly l?: "platform-web" | undefined;
-        readonly xl?: "platform-web" | undefined;
-    } | undefined;
-}, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -5763,153 +5386,8 @@ declare type PasswordInputExtraProps = {
      */
     autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
 };
-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, "placeholder" | "name" | "testID" | "value" | "label" | "onBlur" | "onFocus" | "defaultValue" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "helpText" | "errorText" | "successText" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MarginProps & Pick<{
-    alignContent?: csstype.Property.AlignContent | {
-        readonly base?: csstype.Property.AlignContent | undefined;
-        readonly xs?: csstype.Property.AlignContent | undefined;
-        readonly s?: csstype.Property.AlignContent | undefined;
-        readonly m?: csstype.Property.AlignContent | undefined;
-        readonly l?: csstype.Property.AlignContent | undefined;
-        readonly xl?: csstype.Property.AlignContent | undefined;
-    } | undefined;
-    alignItems?: csstype.Property.AlignItems | {
-        readonly base?: csstype.Property.AlignItems | undefined;
-        readonly xs?: csstype.Property.AlignItems | undefined;
-        readonly s?: csstype.Property.AlignItems | undefined;
-        readonly m?: csstype.Property.AlignItems | undefined;
-        readonly l?: csstype.Property.AlignItems | undefined;
-        readonly xl?: csstype.Property.AlignItems | undefined;
-    } | undefined;
-    alignSelf?: csstype.Property.AlignSelf | {
-        readonly base?: csstype.Property.AlignSelf | undefined;
-        readonly xs?: csstype.Property.AlignSelf | undefined;
-        readonly s?: csstype.Property.AlignSelf | undefined;
-        readonly m?: csstype.Property.AlignSelf | undefined;
-        readonly l?: csstype.Property.AlignSelf | undefined;
-        readonly xl?: csstype.Property.AlignSelf | undefined;
-    } | undefined;
-    columnGap: 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;
-    };
-    flexBasis?: csstype.Property.FlexBasis<string | number> | {
-        readonly base?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xs?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly s?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly m?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly l?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xl?: csstype.Property.FlexBasis<string | number> | undefined;
-    } | undefined;
-    flexDirection?: csstype.Property.FlexDirection | {
-        readonly base?: csstype.Property.FlexDirection | undefined;
-        readonly xs?: csstype.Property.FlexDirection | undefined;
-        readonly s?: csstype.Property.FlexDirection | undefined;
-        readonly m?: csstype.Property.FlexDirection | undefined;
-        readonly l?: csstype.Property.FlexDirection | undefined;
-        readonly xl?: csstype.Property.FlexDirection | undefined;
-    } | undefined;
-    flexGrow?: csstype.Property.FlexGrow | {
-        readonly base?: csstype.Property.FlexGrow | undefined;
-        readonly xs?: csstype.Property.FlexGrow | undefined;
-        readonly s?: csstype.Property.FlexGrow | undefined;
-        readonly m?: csstype.Property.FlexGrow | undefined;
-        readonly l?: csstype.Property.FlexGrow | undefined;
-        readonly xl?: csstype.Property.FlexGrow | undefined;
-    } | undefined;
-    flexShrink?: csstype.Property.FlexShrink | {
-        readonly base?: csstype.Property.FlexShrink | undefined;
-        readonly xs?: csstype.Property.FlexShrink | undefined;
-        readonly s?: csstype.Property.FlexShrink | undefined;
-        readonly m?: csstype.Property.FlexShrink | undefined;
-        readonly l?: csstype.Property.FlexShrink | undefined;
-        readonly xl?: csstype.Property.FlexShrink | undefined;
-    } | undefined;
-    flexWrap?: csstype.Property.FlexWrap | {
-        readonly base?: csstype.Property.FlexWrap | undefined;
-        readonly xs?: csstype.Property.FlexWrap | undefined;
-        readonly s?: csstype.Property.FlexWrap | undefined;
-        readonly m?: csstype.Property.FlexWrap | undefined;
-        readonly l?: csstype.Property.FlexWrap | undefined;
-        readonly xl?: csstype.Property.FlexWrap | undefined;
-    } | undefined;
-    justifyContent?: csstype.Property.JustifyContent | {
-        readonly base?: csstype.Property.JustifyContent | undefined;
-        readonly xs?: csstype.Property.JustifyContent | undefined;
-        readonly s?: csstype.Property.JustifyContent | undefined;
-        readonly m?: csstype.Property.JustifyContent | undefined;
-        readonly l?: csstype.Property.JustifyContent | undefined;
-        readonly xl?: csstype.Property.JustifyContent | undefined;
-    } | undefined;
-    justifyItems?: csstype.Property.JustifyItems | {
-        readonly base?: csstype.Property.JustifyItems | undefined;
-        readonly xs?: csstype.Property.JustifyItems | undefined;
-        readonly s?: csstype.Property.JustifyItems | undefined;
-        readonly m?: csstype.Property.JustifyItems | undefined;
-        readonly l?: csstype.Property.JustifyItems | undefined;
-        readonly xl?: csstype.Property.JustifyItems | undefined;
-    } | undefined;
-    justifySelf?: csstype.Property.JustifySelf | {
-        readonly base?: csstype.Property.JustifySelf | undefined;
-        readonly xs?: csstype.Property.JustifySelf | undefined;
-        readonly s?: csstype.Property.JustifySelf | undefined;
-        readonly m?: csstype.Property.JustifySelf | undefined;
-        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;
-        readonly s?: SpacingValueType | undefined;
-        readonly m?: SpacingValueType | undefined;
-        readonly l?: SpacingValueType | undefined;
-        readonly xl?: SpacingValueType | undefined;
-    };
-    flex: string | number | {
-        readonly base?: string | number | undefined;
-        readonly xs?: string | number | undefined;
-        readonly s?: string | number | undefined;
-        readonly m?: string | number | undefined;
-        readonly l?: string | number | undefined;
-        readonly xl?: string | number | undefined;
-    };
-    gap: 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;
-    };
-    placeSelf?: csstype.Property.PlaceSelf | {
-        readonly base?: csstype.Property.PlaceSelf | undefined;
-        readonly xs?: csstype.Property.PlaceSelf | undefined;
-        readonly s?: csstype.Property.PlaceSelf | undefined;
-        readonly m?: csstype.Property.PlaceSelf | undefined;
-        readonly l?: csstype.Property.PlaceSelf | undefined;
-        readonly xl?: csstype.Property.PlaceSelf | undefined;
-    } | undefined;
-    __brand__?: "platform-web" | {
-        readonly base?: "platform-web" | undefined;
-        readonly xs?: "platform-web" | undefined;
-        readonly s?: "platform-web" | undefined;
-        readonly m?: "platform-web" | undefined;
-        readonly l?: "platform-web" | undefined;
-        readonly xl?: "platform-web" | undefined;
-    } | undefined;
-}, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+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$1;
+declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "value" | "label" | "onBlur" | "onFocus" | "defaultValue" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "helpText" | "errorText" | "successText" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -6106,7 +5584,7 @@ declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'n
      * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
      */
     onClearButtonClick?: () => void;
-} & StyledPropsBlade;
+} & StyledPropsBlade$1;
 declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "value" | "label" | "onBlur" | "onFocus" | "defaultValue" | "onChange" | "onSubmit" | "autoFocus" | "numberOfLines" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "maxCharacters"> & {
     /**
      * Decides whether to render a clear icon button
@@ -6116,152 +5594,7 @@ declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputP
      * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
      */
     onClearButtonClick?: (() => void) | undefined;
-} & Partial<Omit<MarginProps & Pick<{
-    alignContent?: csstype.Property.AlignContent | {
-        readonly base?: csstype.Property.AlignContent | undefined;
-        readonly xs?: csstype.Property.AlignContent | undefined;
-        readonly s?: csstype.Property.AlignContent | undefined;
-        readonly m?: csstype.Property.AlignContent | undefined;
-        readonly l?: csstype.Property.AlignContent | undefined;
-        readonly xl?: csstype.Property.AlignContent | undefined;
-    } | undefined;
-    alignItems?: csstype.Property.AlignItems | {
-        readonly base?: csstype.Property.AlignItems | undefined;
-        readonly xs?: csstype.Property.AlignItems | undefined;
-        readonly s?: csstype.Property.AlignItems | undefined;
-        readonly m?: csstype.Property.AlignItems | undefined;
-        readonly l?: csstype.Property.AlignItems | undefined;
-        readonly xl?: csstype.Property.AlignItems | undefined;
-    } | undefined;
-    alignSelf?: csstype.Property.AlignSelf | {
-        readonly base?: csstype.Property.AlignSelf | undefined;
-        readonly xs?: csstype.Property.AlignSelf | undefined;
-        readonly s?: csstype.Property.AlignSelf | undefined;
-        readonly m?: csstype.Property.AlignSelf | undefined;
-        readonly l?: csstype.Property.AlignSelf | undefined;
-        readonly xl?: csstype.Property.AlignSelf | undefined;
-    } | undefined;
-    columnGap: 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;
-    };
-    flexBasis?: csstype.Property.FlexBasis<string | number> | {
-        readonly base?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xs?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly s?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly m?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly l?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xl?: csstype.Property.FlexBasis<string | number> | undefined;
-    } | undefined;
-    flexDirection?: csstype.Property.FlexDirection | {
-        readonly base?: csstype.Property.FlexDirection | undefined;
-        readonly xs?: csstype.Property.FlexDirection | undefined;
-        readonly s?: csstype.Property.FlexDirection | undefined;
-        readonly m?: csstype.Property.FlexDirection | undefined;
-        readonly l?: csstype.Property.FlexDirection | undefined;
-        readonly xl?: csstype.Property.FlexDirection | undefined;
-    } | undefined;
-    flexGrow?: csstype.Property.FlexGrow | {
-        readonly base?: csstype.Property.FlexGrow | undefined;
-        readonly xs?: csstype.Property.FlexGrow | undefined;
-        readonly s?: csstype.Property.FlexGrow | undefined;
-        readonly m?: csstype.Property.FlexGrow | undefined;
-        readonly l?: csstype.Property.FlexGrow | undefined;
-        readonly xl?: csstype.Property.FlexGrow | undefined;
-    } | undefined;
-    flexShrink?: csstype.Property.FlexShrink | {
-        readonly base?: csstype.Property.FlexShrink | undefined;
-        readonly xs?: csstype.Property.FlexShrink | undefined;
-        readonly s?: csstype.Property.FlexShrink | undefined;
-        readonly m?: csstype.Property.FlexShrink | undefined;
-        readonly l?: csstype.Property.FlexShrink | undefined;
-        readonly xl?: csstype.Property.FlexShrink | undefined;
-    } | undefined;
-    flexWrap?: csstype.Property.FlexWrap | {
-        readonly base?: csstype.Property.FlexWrap | undefined;
-        readonly xs?: csstype.Property.FlexWrap | undefined;
-        readonly s?: csstype.Property.FlexWrap | undefined;
-        readonly m?: csstype.Property.FlexWrap | undefined;
-        readonly l?: csstype.Property.FlexWrap | undefined;
-        readonly xl?: csstype.Property.FlexWrap | undefined;
-    } | undefined;
-    justifyContent?: csstype.Property.JustifyContent | {
-        readonly base?: csstype.Property.JustifyContent | undefined;
-        readonly xs?: csstype.Property.JustifyContent | undefined;
-        readonly s?: csstype.Property.JustifyContent | undefined;
-        readonly m?: csstype.Property.JustifyContent | undefined;
-        readonly l?: csstype.Property.JustifyContent | undefined;
-        readonly xl?: csstype.Property.JustifyContent | undefined;
-    } | undefined;
-    justifyItems?: csstype.Property.JustifyItems | {
-        readonly base?: csstype.Property.JustifyItems | undefined;
-        readonly xs?: csstype.Property.JustifyItems | undefined;
-        readonly s?: csstype.Property.JustifyItems | undefined;
-        readonly m?: csstype.Property.JustifyItems | undefined;
-        readonly l?: csstype.Property.JustifyItems | undefined;
-        readonly xl?: csstype.Property.JustifyItems | undefined;
-    } | undefined;
-    justifySelf?: csstype.Property.JustifySelf | {
-        readonly base?: csstype.Property.JustifySelf | undefined;
-        readonly xs?: csstype.Property.JustifySelf | undefined;
-        readonly s?: csstype.Property.JustifySelf | undefined;
-        readonly m?: csstype.Property.JustifySelf | undefined;
-        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;
-        readonly s?: SpacingValueType | undefined;
-        readonly m?: SpacingValueType | undefined;
-        readonly l?: SpacingValueType | undefined;
-        readonly xl?: SpacingValueType | undefined;
-    };
-    flex: string | number | {
-        readonly base?: string | number | undefined;
-        readonly xs?: string | number | undefined;
-        readonly s?: string | number | undefined;
-        readonly m?: string | number | undefined;
-        readonly l?: string | number | undefined;
-        readonly xl?: string | number | undefined;
-    };
-    gap: 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;
-    };
-    placeSelf?: csstype.Property.PlaceSelf | {
-        readonly base?: csstype.Property.PlaceSelf | undefined;
-        readonly xs?: csstype.Property.PlaceSelf | undefined;
-        readonly s?: csstype.Property.PlaceSelf | undefined;
-        readonly m?: csstype.Property.PlaceSelf | undefined;
-        readonly l?: csstype.Property.PlaceSelf | undefined;
-        readonly xl?: csstype.Property.PlaceSelf | undefined;
-    } | undefined;
-    __brand__?: "platform-web" | {
-        readonly base?: "platform-web" | undefined;
-        readonly xs?: "platform-web" | undefined;
-        readonly s?: "platform-web" | undefined;
-        readonly m?: "platform-web" | undefined;
-        readonly l?: "platform-web" | undefined;
-        readonly xl?: "platform-web" | undefined;
-    } | undefined;
-}, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -6490,7 +5823,7 @@ declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'v
      * The callback function to be invoked when one of the input fields is blurred
      */
     onBlur?: FormInputOnEventWithIndex;
-} & StyledPropsBlade;
+} & StyledPropsBlade$1;
 /**
  * OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.
  *
@@ -6582,7 +5915,7 @@ declare type IndicatorCommonProps = {
      * @default medium
      */
     size?: 'small' | 'medium' | 'large';
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare type IndicatorWithoutA11yLabel = {
     /**
      * A text label to show alongside the indicator dot
@@ -6643,7 +5976,7 @@ declare type ListCommonProps = {
      * @default 'medium'
      */
     size?: 'small' | 'medium';
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare type ListWithIconProps = ListCommonProps & {
     variant?: 'unordered';
     icon?: IconComponent;
@@ -6663,10 +5996,11 @@ 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 BrandPrimaryColors = `brand.primary.${keyof Theme$1['colors']['brand']['primary']}`;
 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;
+    color?: BrandPrimaryColors | ActionColors | FeedbackColors | SurfaceColors | FeedbackActionColors | BadgeTextColors;
     fontFamily?: keyof Theme$1['typography']['fonts']['family'];
     fontSize?: keyof Theme$1['typography']['fonts']['size'];
     fontWeight?: keyof Theme$1['typography']['fonts']['weight'];
@@ -6688,7 +6022,7 @@ declare type BaseTextProps = {
      */
     numberOfLines?: number;
     componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code';
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 
 declare const validAsValues$2: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
 declare type TitleProps = {
@@ -6705,7 +6039,7 @@ declare type TitleProps = {
     children: React.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const Title: ({ as, size, type, contrast, color, children, testID, textAlign, textDecorationLine, ...styledProps }: TitleProps) => ReactElement;
 
 declare type HeadingVariant = 'regular' | 'subheading';
@@ -6724,7 +6058,7 @@ declare type HeadingCommonProps = {
     children: React.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare type HeadingNormalVariant = HeadingCommonProps & {
     variant?: Exclude<HeadingVariant, 'subheading'>;
     /**
@@ -6769,7 +6103,7 @@ declare type TextCommonProps = {
     color?: BaseTextProps['color'];
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare type TextVariant = 'body' | 'caption';
 declare type TextBodyVariant = TextCommonProps & {
     variant?: Extract<TextVariant, 'body'>;
@@ -6811,7 +6145,7 @@ declare type CodeCommonProps = {
     weight?: 'regular' | 'bold';
     isHighlighted?: boolean;
     color?: BaseTextProps['color'];
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare type CodeHighlightedProps = CodeCommonProps & {
     /**
      * Adds background color to highlight the text
@@ -6971,7 +6305,7 @@ declare type ProgressBarCommonProps = {
      * @default 100
      */
     max?: number;
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare type ProgressBarVariant = 'progress' | 'meter';
 declare type ProgressBarProgressProps = ProgressBarCommonProps & {
     /**
@@ -7036,7 +6370,7 @@ declare type RadioProps = {
      * @default "medium"
      */
     size?: 'small' | 'medium';
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const Radio: React__default.ForwardRefExoticComponent<{
     /**
      * Sets the label text of the Radio
@@ -7063,152 +6397,7 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
      * @default "medium"
      */
     size?: "small" | "medium" | undefined;
-} & TestID$1 & Partial<Omit<MarginProps & Pick<{
-    alignContent?: csstype.Property.AlignContent | {
-        readonly base?: csstype.Property.AlignContent | undefined;
-        readonly xs?: csstype.Property.AlignContent | undefined;
-        readonly s?: csstype.Property.AlignContent | undefined;
-        readonly m?: csstype.Property.AlignContent | undefined;
-        readonly l?: csstype.Property.AlignContent | undefined;
-        readonly xl?: csstype.Property.AlignContent | undefined;
-    } | undefined;
-    alignItems?: csstype.Property.AlignItems | {
-        readonly base?: csstype.Property.AlignItems | undefined;
-        readonly xs?: csstype.Property.AlignItems | undefined;
-        readonly s?: csstype.Property.AlignItems | undefined;
-        readonly m?: csstype.Property.AlignItems | undefined;
-        readonly l?: csstype.Property.AlignItems | undefined;
-        readonly xl?: csstype.Property.AlignItems | undefined;
-    } | undefined;
-    alignSelf?: csstype.Property.AlignSelf | {
-        readonly base?: csstype.Property.AlignSelf | undefined;
-        readonly xs?: csstype.Property.AlignSelf | undefined;
-        readonly s?: csstype.Property.AlignSelf | undefined;
-        readonly m?: csstype.Property.AlignSelf | undefined;
-        readonly l?: csstype.Property.AlignSelf | undefined;
-        readonly xl?: csstype.Property.AlignSelf | undefined;
-    } | undefined;
-    columnGap: 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;
-    };
-    flexBasis?: csstype.Property.FlexBasis<string | number> | {
-        readonly base?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xs?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly s?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly m?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly l?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xl?: csstype.Property.FlexBasis<string | number> | undefined;
-    } | undefined;
-    flexDirection?: csstype.Property.FlexDirection | {
-        readonly base?: csstype.Property.FlexDirection | undefined;
-        readonly xs?: csstype.Property.FlexDirection | undefined;
-        readonly s?: csstype.Property.FlexDirection | undefined;
-        readonly m?: csstype.Property.FlexDirection | undefined;
-        readonly l?: csstype.Property.FlexDirection | undefined;
-        readonly xl?: csstype.Property.FlexDirection | undefined;
-    } | undefined;
-    flexGrow?: csstype.Property.FlexGrow | {
-        readonly base?: csstype.Property.FlexGrow | undefined;
-        readonly xs?: csstype.Property.FlexGrow | undefined;
-        readonly s?: csstype.Property.FlexGrow | undefined;
-        readonly m?: csstype.Property.FlexGrow | undefined;
-        readonly l?: csstype.Property.FlexGrow | undefined;
-        readonly xl?: csstype.Property.FlexGrow | undefined;
-    } | undefined;
-    flexShrink?: csstype.Property.FlexShrink | {
-        readonly base?: csstype.Property.FlexShrink | undefined;
-        readonly xs?: csstype.Property.FlexShrink | undefined;
-        readonly s?: csstype.Property.FlexShrink | undefined;
-        readonly m?: csstype.Property.FlexShrink | undefined;
-        readonly l?: csstype.Property.FlexShrink | undefined;
-        readonly xl?: csstype.Property.FlexShrink | undefined;
-    } | undefined;
-    flexWrap?: csstype.Property.FlexWrap | {
-        readonly base?: csstype.Property.FlexWrap | undefined;
-        readonly xs?: csstype.Property.FlexWrap | undefined;
-        readonly s?: csstype.Property.FlexWrap | undefined;
-        readonly m?: csstype.Property.FlexWrap | undefined;
-        readonly l?: csstype.Property.FlexWrap | undefined;
-        readonly xl?: csstype.Property.FlexWrap | undefined;
-    } | undefined;
-    justifyContent?: csstype.Property.JustifyContent | {
-        readonly base?: csstype.Property.JustifyContent | undefined;
-        readonly xs?: csstype.Property.JustifyContent | undefined;
-        readonly s?: csstype.Property.JustifyContent | undefined;
-        readonly m?: csstype.Property.JustifyContent | undefined;
-        readonly l?: csstype.Property.JustifyContent | undefined;
-        readonly xl?: csstype.Property.JustifyContent | undefined;
-    } | undefined;
-    justifyItems?: csstype.Property.JustifyItems | {
-        readonly base?: csstype.Property.JustifyItems | undefined;
-        readonly xs?: csstype.Property.JustifyItems | undefined;
-        readonly s?: csstype.Property.JustifyItems | undefined;
-        readonly m?: csstype.Property.JustifyItems | undefined;
-        readonly l?: csstype.Property.JustifyItems | undefined;
-        readonly xl?: csstype.Property.JustifyItems | undefined;
-    } | undefined;
-    justifySelf?: csstype.Property.JustifySelf | {
-        readonly base?: csstype.Property.JustifySelf | undefined;
-        readonly xs?: csstype.Property.JustifySelf | undefined;
-        readonly s?: csstype.Property.JustifySelf | undefined;
-        readonly m?: csstype.Property.JustifySelf | undefined;
-        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;
-        readonly s?: SpacingValueType | undefined;
-        readonly m?: SpacingValueType | undefined;
-        readonly l?: SpacingValueType | undefined;
-        readonly xl?: SpacingValueType | undefined;
-    };
-    flex: string | number | {
-        readonly base?: string | number | undefined;
-        readonly xs?: string | number | undefined;
-        readonly s?: string | number | undefined;
-        readonly m?: string | number | undefined;
-        readonly l?: string | number | undefined;
-        readonly xl?: string | number | undefined;
-    };
-    gap: 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;
-    };
-    placeSelf?: csstype.Property.PlaceSelf | {
-        readonly base?: csstype.Property.PlaceSelf | undefined;
-        readonly xs?: csstype.Property.PlaceSelf | undefined;
-        readonly s?: csstype.Property.PlaceSelf | undefined;
-        readonly m?: csstype.Property.PlaceSelf | undefined;
-        readonly l?: csstype.Property.PlaceSelf | undefined;
-        readonly xl?: csstype.Property.PlaceSelf | undefined;
-    } | undefined;
-    __brand__?: "platform-web" | {
-        readonly base?: "platform-web" | undefined;
-        readonly xs?: "platform-web" | undefined;
-        readonly s?: "platform-web" | undefined;
-        readonly m?: "platform-web" | undefined;
-        readonly l?: "platform-web" | undefined;
-        readonly xl?: "platform-web" | undefined;
-    } | undefined;
-}, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID$1 & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -7474,7 +6663,7 @@ declare type RadioGroupProps = {
      * @default "medium"
      */
     size?: 'small' | 'medium';
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: RadioGroupProps) => React__default.ReactElement;
 
 declare type BaseSpinnerProps = {
@@ -7507,7 +6696,7 @@ declare type BaseSpinnerProps = {
      *
      */
     accessibilityLabel: string;
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 
 declare type SpinnerProps = Omit<BaseSpinnerProps, 'intent'>;
 declare const Spinner: ({ label, labelPosition, accessibilityLabel, contrast, size, testID, ...styledProps }: SpinnerProps) => React.ReactElement;
@@ -7580,6 +6769,52 @@ declare type SwitchProps = {
 
 declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<BladeElementRef>>;
 
+declare type BladeCommonEvents = {
+    onBlur?: Platform.Select<{
+        native: undefined | ((event: any) => void);
+        web: React.FocusEventHandler;
+    }>;
+    onFocus?: Platform.Select<{
+        native: undefined | ((event: any) => void);
+        web: React.FocusEventHandler;
+    }>;
+    onMouseLeave?: Platform.Select<{
+        web: React.MouseEventHandler;
+        native: undefined;
+    }>;
+    onMouseMove?: Platform.Select<{
+        web: React.MouseEventHandler;
+        native: undefined;
+    }>;
+    onPointerDown?: Platform.Select<{
+        web: React.PointerEventHandler;
+        native: undefined;
+    }>;
+    onPointerEnter?: Platform.Select<{
+        web: React.PointerEventHandler;
+        native: undefined;
+    }>;
+    onTouchStart?: Platform.Select<{
+        native: undefined | ((event: any) => void);
+        web: React.TouchEventHandler;
+    }>;
+    onTouchEnd?: Platform.Select<{
+        native: undefined | ((event: any) => void);
+        web: React.TouchEventHandler;
+    }>;
+};
+
+declare type TestID = {
+    testID?: string;
+};
+
+declare type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'borderRadius'> & Partial<FlexboxProps> & {
+    contrast?: 'low' | 'high';
+    testID?: string;
+};
+
+declare const Skeleton: ({ contrast, width, maxWidth, minWidth, height, maxHeight, minHeight, borderRadius, flexWrap, flexDirection, flexGrow, flexShrink, flexBasis, alignItems, alignContent, alignSelf, justifyItems, justifyContent, justifySelf, placeSelf, order, testID, ...props }: SkeletonProps) => React.ReactElement;
+
 declare type VisuallyHiddenProps = {
     children: React.ReactNode;
 } & TestID$1;
@@ -7635,7 +6870,7 @@ declare type AmountProps = {
      * @default 'INR'
      * */
     currency?: Currency;
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const Amount: ({ value, suffix, size, isAffixSubtle, intent, prefix, testID, currency, ...styledProps }: AmountProps) => ReactElement;
 
 declare type SnapPoints = [number, number, number];
@@ -7729,7 +6964,7 @@ declare type AccordionProps = {
      * Accepts `AccordionItem` child nodes
      */
     children: ReactElement | ReactElement[];
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const Accordion: ({ defaultExpandedIndex, expandedIndex, onExpandChange, showNumberPrefix, children, testID, ...styledProps }: AccordionProps) => ReactElement;
 
 declare type AccordionItemProps = {
@@ -7792,7 +7027,7 @@ declare type CollapsibleProps = {
      * **Internal**: used to override responsive width restrictions
      */
     _shouldApplyWidthRestrictions?: boolean;
-} & TestID$1 & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade$1;
 declare const Collapsible: ({ children, direction, defaultIsExpanded, isExpanded, onExpandChange, testID, _shouldApplyWidthRestrictions, ...styledProps }: CollapsibleProps) => ReactElement;
 
 declare type CollapsibleLinkProps = Pick<LinkProps, 'size' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'children'>;
@@ -7806,7 +7041,7 @@ declare type CollapsibleBodyProps = {
     /**
      * **Internal**: used for React Native specific workarounds. Collapsible automatically takes care of width, you shouldn't need to configure this
      */
-    _width?: BaseBoxProps['width'];
+    _width?: BaseBoxProps$1['width'];
 } & TestID$1;
 declare const CollapsibleBody: ({ children, testID, _width }: CollapsibleBodyProps) => ReactElement;
 
@@ -7829,45 +7064,6 @@ declare type TooltipProps = {
 
 declare const Tooltip: ({ content, children, placement, onOpenChange, }: TooltipProps) => React__default.ReactElement;
 
-declare type BladeCommonEvents = {
-    onBlur?: Platform.Select<{
-        native: undefined | ((event: any) => void);
-        web: React.FocusEventHandler;
-    }>;
-    onFocus?: Platform.Select<{
-        native: undefined | ((event: any) => void);
-        web: React.FocusEventHandler;
-    }>;
-    onMouseLeave?: Platform.Select<{
-        web: React.MouseEventHandler;
-        native: undefined;
-    }>;
-    onMouseMove?: Platform.Select<{
-        web: React.MouseEventHandler;
-        native: undefined;
-    }>;
-    onPointerDown?: Platform.Select<{
-        web: React.PointerEventHandler;
-        native: undefined;
-    }>;
-    onPointerEnter?: Platform.Select<{
-        web: React.PointerEventHandler;
-        native: undefined;
-    }>;
-    onTouchStart?: Platform.Select<{
-        native: undefined | ((event: any) => void);
-        web: React.TouchEventHandler;
-    }>;
-    onTouchEnd?: Platform.Select<{
-        native: undefined | ((event: any) => void);
-        web: React.TouchEventHandler;
-    }>;
-};
-
-declare type TestID = {
-    testID?: string;
-};
-
 declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Omit<Partial<PaddingProps & MarginProps & {
     width: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
@@ -7965,152 +7161,7 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-} & {
-    alignContent?: csstype.Property.AlignContent | {
-        readonly base?: csstype.Property.AlignContent | undefined;
-        readonly xs?: csstype.Property.AlignContent | undefined;
-        readonly s?: csstype.Property.AlignContent | undefined;
-        readonly m?: csstype.Property.AlignContent | undefined;
-        readonly l?: csstype.Property.AlignContent | undefined;
-        readonly xl?: csstype.Property.AlignContent | undefined;
-    } | undefined;
-    alignItems?: csstype.Property.AlignItems | {
-        readonly base?: csstype.Property.AlignItems | undefined;
-        readonly xs?: csstype.Property.AlignItems | undefined;
-        readonly s?: csstype.Property.AlignItems | undefined;
-        readonly m?: csstype.Property.AlignItems | undefined;
-        readonly l?: csstype.Property.AlignItems | undefined;
-        readonly xl?: csstype.Property.AlignItems | undefined;
-    } | undefined;
-    alignSelf?: csstype.Property.AlignSelf | {
-        readonly base?: csstype.Property.AlignSelf | undefined;
-        readonly xs?: csstype.Property.AlignSelf | undefined;
-        readonly s?: csstype.Property.AlignSelf | undefined;
-        readonly m?: csstype.Property.AlignSelf | undefined;
-        readonly l?: csstype.Property.AlignSelf | undefined;
-        readonly xl?: csstype.Property.AlignSelf | undefined;
-    } | undefined;
-    columnGap: 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;
-    };
-    flexBasis?: csstype.Property.FlexBasis<string | number> | {
-        readonly base?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xs?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly s?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly m?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly l?: csstype.Property.FlexBasis<string | number> | undefined;
-        readonly xl?: csstype.Property.FlexBasis<string | number> | undefined;
-    } | undefined;
-    flexDirection?: csstype.Property.FlexDirection | {
-        readonly base?: csstype.Property.FlexDirection | undefined;
-        readonly xs?: csstype.Property.FlexDirection | undefined;
-        readonly s?: csstype.Property.FlexDirection | undefined;
-        readonly m?: csstype.Property.FlexDirection | undefined;
-        readonly l?: csstype.Property.FlexDirection | undefined;
-        readonly xl?: csstype.Property.FlexDirection | undefined;
-    } | undefined;
-    flexGrow?: csstype.Property.FlexGrow | {
-        readonly base?: csstype.Property.FlexGrow | undefined;
-        readonly xs?: csstype.Property.FlexGrow | undefined;
-        readonly s?: csstype.Property.FlexGrow | undefined;
-        readonly m?: csstype.Property.FlexGrow | undefined;
-        readonly l?: csstype.Property.FlexGrow | undefined;
-        readonly xl?: csstype.Property.FlexGrow | undefined;
-    } | undefined;
-    flexShrink?: csstype.Property.FlexShrink | {
-        readonly base?: csstype.Property.FlexShrink | undefined;
-        readonly xs?: csstype.Property.FlexShrink | undefined;
-        readonly s?: csstype.Property.FlexShrink | undefined;
-        readonly m?: csstype.Property.FlexShrink | undefined;
-        readonly l?: csstype.Property.FlexShrink | undefined;
-        readonly xl?: csstype.Property.FlexShrink | undefined;
-    } | undefined;
-    flexWrap?: csstype.Property.FlexWrap | {
-        readonly base?: csstype.Property.FlexWrap | undefined;
-        readonly xs?: csstype.Property.FlexWrap | undefined;
-        readonly s?: csstype.Property.FlexWrap | undefined;
-        readonly m?: csstype.Property.FlexWrap | undefined;
-        readonly l?: csstype.Property.FlexWrap | undefined;
-        readonly xl?: csstype.Property.FlexWrap | undefined;
-    } | undefined;
-    justifyContent?: csstype.Property.JustifyContent | {
-        readonly base?: csstype.Property.JustifyContent | undefined;
-        readonly xs?: csstype.Property.JustifyContent | undefined;
-        readonly s?: csstype.Property.JustifyContent | undefined;
-        readonly m?: csstype.Property.JustifyContent | undefined;
-        readonly l?: csstype.Property.JustifyContent | undefined;
-        readonly xl?: csstype.Property.JustifyContent | undefined;
-    } | undefined;
-    justifyItems?: csstype.Property.JustifyItems | {
-        readonly base?: csstype.Property.JustifyItems | undefined;
-        readonly xs?: csstype.Property.JustifyItems | undefined;
-        readonly s?: csstype.Property.JustifyItems | undefined;
-        readonly m?: csstype.Property.JustifyItems | undefined;
-        readonly l?: csstype.Property.JustifyItems | undefined;
-        readonly xl?: csstype.Property.JustifyItems | undefined;
-    } | undefined;
-    justifySelf?: csstype.Property.JustifySelf | {
-        readonly base?: csstype.Property.JustifySelf | undefined;
-        readonly xs?: csstype.Property.JustifySelf | undefined;
-        readonly s?: csstype.Property.JustifySelf | undefined;
-        readonly m?: csstype.Property.JustifySelf | undefined;
-        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;
-        readonly s?: SpacingValueType | undefined;
-        readonly m?: SpacingValueType | undefined;
-        readonly l?: SpacingValueType | undefined;
-        readonly xl?: SpacingValueType | undefined;
-    };
-    flex: string | number | {
-        readonly base?: string | number | undefined;
-        readonly xs?: string | number | undefined;
-        readonly s?: string | number | undefined;
-        readonly m?: string | number | undefined;
-        readonly l?: string | number | undefined;
-        readonly xl?: string | number | undefined;
-    };
-    gap: 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;
-    };
-    placeSelf?: csstype.Property.PlaceSelf | {
-        readonly base?: csstype.Property.PlaceSelf | undefined;
-        readonly xs?: csstype.Property.PlaceSelf | undefined;
-        readonly s?: csstype.Property.PlaceSelf | undefined;
-        readonly m?: csstype.Property.PlaceSelf | undefined;
-        readonly l?: csstype.Property.PlaceSelf | undefined;
-        readonly xl?: csstype.Property.PlaceSelf | undefined;
-    } | undefined;
-    __brand__?: "platform-web" | {
-        readonly base?: "platform-web" | undefined;
-        readonly xs?: "platform-web" | undefined;
-        readonly s?: "platform-web" | undefined;
-        readonly m?: "platform-web" | undefined;
-        readonly l?: "platform-web" | undefined;
-        readonly xl?: "platform-web" | undefined;
-    } | undefined;
-} & {
+} & FlexboxProps & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -8302,6 +7353,14 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
     onMouseLeave: React$1.MouseEventHandler<HTMLElement>;
     onScroll: React$1.UIEventHandler<HTMLElement>;
 } & {
+    elevation?: ElevationLevels | {
+        readonly base?: ElevationLevels | undefined;
+        readonly xs?: ElevationLevels | undefined;
+        readonly s?: ElevationLevels | undefined;
+        readonly m?: ElevationLevels | undefined;
+        readonly l?: ElevationLevels | undefined;
+        readonly xl?: ElevationLevels | undefined;
+    } | undefined;
     backgroundImage?: csstype.Property.BackgroundImage | {
         readonly base?: csstype.Property.BackgroundImage | undefined;
         readonly xs?: csstype.Property.BackgroundImage | undefined;
@@ -8471,7 +7530,7 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly xl?: "platform-web" | undefined;
     } | undefined;
 } & MakeObjectResponsive<{
-    backgroundColor: "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast";
+    backgroundColor: "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.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";
 }, "backgroundColor"> & {
     as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
 } & {
@@ -8486,13 +7545,13 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
         readonly l?: csstype.Property.Border<string | number> | undefined;
         readonly xl?: csstype.Property.Border<string | number> | undefined;
     } | 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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | {
-        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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | 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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
-        readonly s?: (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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
-        readonly m?: (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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
-        readonly l?: (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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
-        readonly xl?: (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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
+    backgroundColor: (string & Record<never, never>) | "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.highContrast" | "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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | {
+        readonly base?: (string & Record<never, never>) | "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.highContrast" | "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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
+        readonly xs?: (string & Record<never, never>) | "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.highContrast" | "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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
+        readonly s?: (string & Record<never, never>) | "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.highContrast" | "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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
+        readonly m?: (string & Record<never, never>) | "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.highContrast" | "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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
+        readonly l?: (string & Record<never, never>) | "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.highContrast" | "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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
+        readonly xl?: (string & Record<never, never>) | "brand.primary.300" | "brand.primary.400" | "brand.primary.500" | "brand.primary.600" | "brand.primary.700" | "brand.primary.800" | "brand.secondary.500" | "brand.gray.200.lowContrast" | "brand.gray.200.highContrast" | "brand.gray.300.lowContrast" | "brand.gray.300.highContrast" | "brand.gray.400.lowContrast" | "brand.gray.400.highContrast" | "brand.gray.500.lowContrast" | "brand.gray.500.highContrast" | "brand.gray.600.lowContrast" | "brand.gray.600.highContrast" | "brand.gray.700.lowContrast" | "brand.gray.700.highContrast" | "brand.gray.a50.lowContrast" | "brand.gray.a50.highContrast" | "brand.gray.a100.lowContrast" | "brand.gray.a100.highContrast" | "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.focus" | "action.background.primary.hover" | "action.background.primary.active" | "action.background.primary.disabled" | "action.background.secondary.default" | "action.background.secondary.focus" | "action.background.secondary.hover" | "action.background.secondary.active" | "action.background.secondary.disabled" | "action.background.tertiary.default" | "action.background.tertiary.focus" | "action.background.tertiary.hover" | "action.background.tertiary.active" | "action.background.tertiary.disabled" | undefined;
     };
     lineHeight: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
@@ -8582,4 +7641,4 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
     tabIndex: -1;
 }, "tabIndex">;
 
-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 };
+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, Skeleton, SkeletonProps, 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 };