@ornikar/kitt-universal 31.3.0 → 31.3.2-canary.0ceb6a0ec79212a49e36324c71e86b68677389c7.0

package/dist/definitions/typography/Typography.d.ts

@@ -46,7 +46,7 @@ type TypographyComponent = React.ForwardRefExoticComponent<TypographyProps & Rea
 };
 export type TypographyTextProps = SetOptional<TypographyProps, 'accessibilityRole'>;
 declare const TypographyText: React.ForwardRefExoticComponent<{
-    type?: Partial<KittResponsiveProp<TypographyType>> | undefined;
+    type?: TypographyBreakpointType | undefined;
     variant?: TypographyVariant | undefined;
     color?: ExtendedTypographyColor | undefined;
     children: ReactNode;
@@ -55,7 +55,7 @@ declare const TypographyText: React.ForwardRefExoticComponent<{
     medium?: TypographyType | undefined;
     large?: TypographyType | undefined;
     wide?: TypographyType | undefined;
-    disabled?: boolean | undefined;
+    disabled?: boolean | undefined | undefined;
     alignItems?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.AlignItems | undefined>;
     alignContent?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.AlignContent | undefined>;
     justifyItems?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.JustifyItems | undefined>;
@@ -68,19 +68,19 @@ declare const TypographyText: React.ForwardRefExoticComponent<{
     flexBasis?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.FlexBasis<0 | (string & {})> | undefined>;
     alignSelf?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.AlignSelf | undefined>;
     hitSlop?: number | import("react-native").Insets | null | undefined;
-    id?: string | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined;
-    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
-    pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
-    removeClippedSubviews?: boolean | undefined;
+    id?: string | undefined | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+    removeClippedSubviews?: boolean | undefined | undefined;
     style?: import("react-native").StyleProp<TextStyle>;
-    testID?: string | undefined;
-    nativeID?: string | undefined;
+    testID?: string | undefined | undefined;
+    nativeID?: string | undefined | undefined;
     href?: string | undefined;
     hrefAttrs?: {
-        download?: boolean | undefined;
-        rel?: string | undefined;
-        target?: string | undefined;
+        download?: boolean;
+        rel?: string;
+        target?: string;
     } | undefined;
     onMouseDown?: React.MouseEventHandler<any> | undefined;
     onMouseEnter?: React.MouseEventHandler<any> | undefined;
@@ -89,94 +89,94 @@ declare const TypographyText: React.ForwardRefExoticComponent<{
     onMouseOver?: React.MouseEventHandler<any> | undefined;
     onMouseOut?: React.MouseEventHandler<any> | undefined;
     onMouseUp?: React.MouseEventHandler<any> | undefined;
-    collapsable?: boolean | undefined;
-    collapsableChildren?: boolean | undefined;
-    renderToHardwareTextureAndroid?: boolean | undefined;
-    focusable?: boolean | undefined;
-    tabIndex?: 0 | -1 | undefined;
-    shouldRasterizeIOS?: boolean | undefined;
-    isTVSelectable?: boolean | undefined;
-    hasTVPreferredFocus?: boolean | undefined;
-    tvParallaxShiftDistanceX?: number | undefined;
-    tvParallaxShiftDistanceY?: number | undefined;
-    tvParallaxTiltAngle?: number | undefined;
-    tvParallaxMagnification?: number | undefined;
-    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    accessible?: boolean | undefined;
+    collapsable?: boolean | undefined | undefined;
+    collapsableChildren?: boolean | undefined | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined | undefined;
+    focusable?: boolean | undefined | undefined;
+    tabIndex?: 0 | -1 | undefined | undefined;
+    shouldRasterizeIOS?: boolean | undefined | undefined;
+    isTVSelectable?: boolean | undefined | undefined;
+    hasTVPreferredFocus?: boolean | undefined | undefined;
+    tvParallaxShiftDistanceX?: number | undefined | undefined;
+    tvParallaxShiftDistanceY?: number | undefined | undefined;
+    tvParallaxTiltAngle?: number | undefined | undefined;
+    tvParallaxMagnification?: number | undefined | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    accessible?: boolean | undefined | undefined;
     accessibilityActions?: readonly Readonly<{
-        name: string;
+        name: import("react-native").AccessibilityActionName | string;
         label?: string | undefined;
     }>[] | undefined;
-    accessibilityLabel?: string | undefined;
-    'aria-label'?: string | undefined;
+    accessibilityLabel?: string | undefined | undefined;
+    'aria-label'?: string | undefined | undefined;
     accessibilityState?: import("react-native").AccessibilityState | undefined;
-    'aria-busy'?: boolean | undefined;
-    'aria-checked'?: boolean | "mixed" | undefined;
-    'aria-disabled'?: boolean | undefined;
-    'aria-expanded'?: boolean | undefined;
-    'aria-selected'?: boolean | undefined;
-    accessibilityHint?: string | undefined;
+    'aria-busy'?: boolean | undefined | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined | undefined;
+    'aria-disabled'?: boolean | undefined | undefined;
+    'aria-expanded'?: boolean | undefined | undefined;
+    'aria-selected'?: boolean | undefined | undefined;
+    accessibilityHint?: string | undefined | undefined;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
     'aria-valuemax'?: number | undefined;
     'aria-valuemin'?: number | undefined;
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
-    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
-    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'aria-modal'?: boolean | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined | undefined;
+    'aria-hidden'?: boolean | undefined | undefined;
+    'aria-modal'?: boolean | undefined | undefined;
     role?: import("react-native").Role | undefined;
     dataSet?: Record<string, string | number | boolean> | undefined;
-    'aria-activedescendant'?: string | undefined;
+    'aria-activedescendant'?: import("react-native").IdRef | undefined;
     'aria-atomic'?: boolean | undefined;
     'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
+    'aria-controls'?: import("react-native").IdRef | undefined;
     'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-haspopup'?: false | "menu" | "dialog" | "grid" | "tree" | "listbox" | undefined;
+    'aria-describedby'?: import("react-native").IdRef | undefined;
+    'aria-details'?: import("react-native").IdRef | undefined;
+    'aria-errormessage'?: import("react-native").IdRef | undefined;
+    'aria-flowto'?: import("react-native").IdRef | undefined;
+    'aria-haspopup'?: "dialog" | "grid" | "listbox" | "menu" | "tree" | false | undefined;
     'aria-invalid'?: boolean | undefined;
-    'aria-keyshortcuts'?: string[] | undefined;
-    'aria-labelledby'?: string | undefined;
+    'aria-keyshortcuts'?: Array<string> | undefined;
+    'aria-labelledby'?: import("react-native").IdRef | undefined;
     'aria-level'?: number | undefined;
-    'aria-live'?: "none" | "assertive" | "polite" | undefined;
+    'aria-live'?: "assertive" | "none" | "polite" | undefined;
     'aria-multiline'?: boolean | undefined;
     'aria-multiselectable'?: boolean | undefined;
     'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
+    'aria-owns'?: import("react-native").IdRef | undefined;
     'aria-placeholder'?: string | undefined;
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | undefined;
@@ -187,53 +187,53 @@ declare const TypographyText: React.ForwardRefExoticComponent<{
     'aria-rowindex'?: number | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    accessibilityLabelledBy?: string | string[] | undefined;
-    accessibilityLiveRegion?: "none" | "assertive" | "polite" | undefined;
-    accessibilityElementsHidden?: boolean | undefined;
-    accessibilityViewIsModal?: boolean | undefined;
-    onAccessibilityEscape?: (() => void) | undefined;
-    onAccessibilityTap?: (() => void) | undefined;
-    onMagicTap?: (() => void) | undefined;
-    accessibilityIgnoresInvertColors?: boolean | undefined;
-    accessibilityLanguage?: string | undefined;
-    accessibilityShowsLargeContentViewer?: boolean | undefined;
-    accessibilityLargeContentTitle?: string | undefined;
+    'aria-sort'?: "ascending" | "descending" | "none" | "other" | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined | undefined;
+    accessibilityElementsHidden?: boolean | undefined | undefined;
+    accessibilityViewIsModal?: boolean | undefined | undefined;
+    onAccessibilityEscape?: (() => void) | undefined | undefined;
+    onAccessibilityTap?: (() => void) | undefined | undefined;
+    onMagicTap?: (() => void) | undefined | undefined;
+    accessibilityIgnoresInvertColors?: boolean | undefined | undefined;
+    accessibilityLanguage?: string | undefined | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined | undefined;
+    accessibilityLargeContentTitle?: string | undefined | undefined;
     textAlign?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.TextAlign | undefined>;
     textTransform?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.TextTransform | undefined>;
-    onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
     underline?: boolean | undefined;
-    allowFontScaling?: boolean | undefined;
-    ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
-    lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
-    numberOfLines?: number | undefined;
-    onTextLayout?: ((event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined;
-    maxFontSizeMultiplier?: number | null | undefined;
-    minimumFontScale?: number | undefined;
-    adjustsFontSizeToFit?: boolean | undefined;
-    dynamicTypeRamp?: "body" | "caption2" | "caption1" | "footnote" | "subheadline" | "callout" | "headline" | "title3" | "title2" | "title1" | "largeTitle" | undefined;
-    suppressHighlighting?: boolean | undefined;
-    lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
-    selectable?: boolean | undefined;
+    allowFontScaling?: boolean | undefined | undefined;
+    ellipsizeMode?: "head" | "middle" | "tail" | "clip" | undefined | undefined;
+    lineBreakMode?: "head" | "middle" | "tail" | "clip" | undefined | undefined;
+    numberOfLines?: number | undefined | undefined;
+    onTextLayout?: ((event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined | undefined;
+    maxFontSizeMultiplier?: number | null | undefined | undefined;
+    minimumFontScale?: number | undefined | undefined;
+    adjustsFontSizeToFit?: boolean | undefined | undefined;
+    dynamicTypeRamp?: "caption2" | "caption1" | "footnote" | "subheadline" | "callout" | "body" | "headline" | "title3" | "title2" | "title1" | "largeTitle" | undefined | undefined;
+    suppressHighlighting?: boolean | undefined | undefined;
+    lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined | undefined;
+    selectable?: boolean | undefined | undefined;
     selectionColor?: import("react-native").ColorValue | undefined;
-    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
-    dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
-    android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
+    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined | undefined;
+    dataDetectorType?: null | "phoneNumber" | "link" | "email" | "none" | "all" | undefined | undefined;
+    android_hyphenationFrequency?: "normal" | "none" | "full" | undefined | undefined;
     strikeThrough?: boolean | undefined;
     cursor?: import("react-native/Libraries/StyleSheet/StyleSheetTypes").CursorValue | undefined;
-    transitionDuration?: string | string[] | undefined;
-    transitionProperty?: string | string[] | undefined;
-    transitionTimingFunction?: string | string[] | undefined;
+    transitionDuration?: (string | Array<string>) | undefined;
+    transitionProperty?: (string | Array<string>) | undefined;
+    transitionTimingFunction?: (string | Array<string>) | undefined;
     _web?: Partial<NativeBaseTextPropsAcceptedProps> | undefined;
     _ios?: Partial<NativeBaseTextPropsAcceptedProps> | undefined;
     _android?: Partial<NativeBaseTextPropsAcceptedProps> | undefined;
     accessibilityRole?: NonNullable<import("react-native").AccessibilityRole | undefined> | "paragraph" | null | undefined;
 } & React.RefAttributes<unknown>>;
 declare const TypographyParagraph: React.ForwardRefExoticComponent<{
-    type?: Partial<KittResponsiveProp<TypographyType>> | undefined;
+    type?: TypographyBreakpointType | undefined;
     variant?: TypographyVariant | undefined;
     color?: ExtendedTypographyColor | undefined;
     children: ReactNode;
@@ -242,7 +242,7 @@ declare const TypographyParagraph: React.ForwardRefExoticComponent<{
     medium?: TypographyType | undefined;
     large?: TypographyType | undefined;
     wide?: TypographyType | undefined;
-    disabled?: boolean | undefined;
+    disabled?: boolean | undefined | undefined;
     alignItems?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.AlignItems | undefined>;
     alignContent?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.AlignContent | undefined>;
     justifyItems?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.JustifyItems | undefined>;
@@ -255,19 +255,19 @@ declare const TypographyParagraph: React.ForwardRefExoticComponent<{
     flexBasis?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.FlexBasis<0 | (string & {})> | undefined>;
     alignSelf?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.AlignSelf | undefined>;
     hitSlop?: number | import("react-native").Insets | null | undefined;
-    id?: string | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined;
-    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
-    pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
-    removeClippedSubviews?: boolean | undefined;
+    id?: string | undefined | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+    removeClippedSubviews?: boolean | undefined | undefined;
     style?: import("react-native").StyleProp<TextStyle>;
-    testID?: string | undefined;
-    nativeID?: string | undefined;
+    testID?: string | undefined | undefined;
+    nativeID?: string | undefined | undefined;
     href?: string | undefined;
     hrefAttrs?: {
-        download?: boolean | undefined;
-        rel?: string | undefined;
-        target?: string | undefined;
+        download?: boolean;
+        rel?: string;
+        target?: string;
     } | undefined;
     onMouseDown?: React.MouseEventHandler<any> | undefined;
     onMouseEnter?: React.MouseEventHandler<any> | undefined;
@@ -276,94 +276,94 @@ declare const TypographyParagraph: React.ForwardRefExoticComponent<{
     onMouseOver?: React.MouseEventHandler<any> | undefined;
     onMouseOut?: React.MouseEventHandler<any> | undefined;
     onMouseUp?: React.MouseEventHandler<any> | undefined;
-    collapsable?: boolean | undefined;
-    collapsableChildren?: boolean | undefined;
-    renderToHardwareTextureAndroid?: boolean | undefined;
-    focusable?: boolean | undefined;
-    tabIndex?: 0 | -1 | undefined;
-    shouldRasterizeIOS?: boolean | undefined;
-    isTVSelectable?: boolean | undefined;
-    hasTVPreferredFocus?: boolean | undefined;
-    tvParallaxShiftDistanceX?: number | undefined;
-    tvParallaxShiftDistanceY?: number | undefined;
-    tvParallaxTiltAngle?: number | undefined;
-    tvParallaxMagnification?: number | undefined;
-    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    accessible?: boolean | undefined;
+    collapsable?: boolean | undefined | undefined;
+    collapsableChildren?: boolean | undefined | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined | undefined;
+    focusable?: boolean | undefined | undefined;
+    tabIndex?: 0 | -1 | undefined | undefined;
+    shouldRasterizeIOS?: boolean | undefined | undefined;
+    isTVSelectable?: boolean | undefined | undefined;
+    hasTVPreferredFocus?: boolean | undefined | undefined;
+    tvParallaxShiftDistanceX?: number | undefined | undefined;
+    tvParallaxShiftDistanceY?: number | undefined | undefined;
+    tvParallaxTiltAngle?: number | undefined | undefined;
+    tvParallaxMagnification?: number | undefined | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    accessible?: boolean | undefined | undefined;
     accessibilityActions?: readonly Readonly<{
-        name: string;
+        name: import("react-native").AccessibilityActionName | string;
         label?: string | undefined;
     }>[] | undefined;
-    accessibilityLabel?: string | undefined;
-    'aria-label'?: string | undefined;
+    accessibilityLabel?: string | undefined | undefined;
+    'aria-label'?: string | undefined | undefined;
     accessibilityState?: import("react-native").AccessibilityState | undefined;
-    'aria-busy'?: boolean | undefined;
-    'aria-checked'?: boolean | "mixed" | undefined;
-    'aria-disabled'?: boolean | undefined;
-    'aria-expanded'?: boolean | undefined;
-    'aria-selected'?: boolean | undefined;
-    accessibilityHint?: string | undefined;
+    'aria-busy'?: boolean | undefined | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined | undefined;
+    'aria-disabled'?: boolean | undefined | undefined;
+    'aria-expanded'?: boolean | undefined | undefined;
+    'aria-selected'?: boolean | undefined | undefined;
+    accessibilityHint?: string | undefined | undefined;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
     'aria-valuemax'?: number | undefined;
     'aria-valuemin'?: number | undefined;
     'aria-valuenow'?: number | undefined;
     'aria-valuetext'?: string | undefined;
-    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
-    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'aria-modal'?: boolean | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined | undefined;
+    'aria-hidden'?: boolean | undefined | undefined;
+    'aria-modal'?: boolean | undefined | undefined;
     role?: import("react-native").Role | undefined;
     dataSet?: Record<string, string | number | boolean> | undefined;
-    'aria-activedescendant'?: string | undefined;
+    'aria-activedescendant'?: import("react-native").IdRef | undefined;
     'aria-atomic'?: boolean | undefined;
     'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
+    'aria-controls'?: import("react-native").IdRef | undefined;
     'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-haspopup'?: false | "menu" | "dialog" | "grid" | "tree" | "listbox" | undefined;
+    'aria-describedby'?: import("react-native").IdRef | undefined;
+    'aria-details'?: import("react-native").IdRef | undefined;
+    'aria-errormessage'?: import("react-native").IdRef | undefined;
+    'aria-flowto'?: import("react-native").IdRef | undefined;
+    'aria-haspopup'?: "dialog" | "grid" | "listbox" | "menu" | "tree" | false | undefined;
     'aria-invalid'?: boolean | undefined;
-    'aria-keyshortcuts'?: string[] | undefined;
-    'aria-labelledby'?: string | undefined;
+    'aria-keyshortcuts'?: Array<string> | undefined;
+    'aria-labelledby'?: import("react-native").IdRef | undefined;
     'aria-level'?: number | undefined;
-    'aria-live'?: "none" | "assertive" | "polite" | undefined;
+    'aria-live'?: "assertive" | "none" | "polite" | undefined;
     'aria-multiline'?: boolean | undefined;
     'aria-multiselectable'?: boolean | undefined;
     'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
+    'aria-owns'?: import("react-native").IdRef | undefined;
     'aria-placeholder'?: string | undefined;
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | undefined;
@@ -374,53 +374,55 @@ declare const TypographyParagraph: React.ForwardRefExoticComponent<{
     'aria-rowindex'?: number | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    accessibilityLabelledBy?: string | string[] | undefined;
-    accessibilityLiveRegion?: "none" | "assertive" | "polite" | undefined;
-    accessibilityElementsHidden?: boolean | undefined;
-    accessibilityViewIsModal?: boolean | undefined;
-    onAccessibilityEscape?: (() => void) | undefined;
-    onAccessibilityTap?: (() => void) | undefined;
-    onMagicTap?: (() => void) | undefined;
-    accessibilityIgnoresInvertColors?: boolean | undefined;
-    accessibilityLanguage?: string | undefined;
-    accessibilityShowsLargeContentViewer?: boolean | undefined;
-    accessibilityLargeContentTitle?: string | undefined;
+    'aria-sort'?: "ascending" | "descending" | "none" | "other" | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined | undefined;
+    accessibilityElementsHidden?: boolean | undefined | undefined;
+    accessibilityViewIsModal?: boolean | undefined | undefined;
+    onAccessibilityEscape?: (() => void) | undefined | undefined;
+    onAccessibilityTap?: (() => void) | undefined | undefined;
+    onMagicTap?: (() => void) | undefined | undefined;
+    accessibilityIgnoresInvertColors?: boolean | undefined | undefined;
+    accessibilityLanguage?: string | undefined | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined | undefined;
+    accessibilityLargeContentTitle?: string | undefined | undefined;
     textAlign?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.TextAlign | undefined>;
     textTransform?: import("native-base/lib/typescript/components/types").ResponsiveValue<import("csstype").Property.TextTransform | undefined>;
-    onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
     underline?: boolean | undefined;
-    allowFontScaling?: boolean | undefined;
-    ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
-    lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
-    numberOfLines?: number | undefined;
-    onTextLayout?: ((event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined;
-    maxFontSizeMultiplier?: number | null | undefined;
-    minimumFontScale?: number | undefined;
-    adjustsFontSizeToFit?: boolean | undefined;
-    dynamicTypeRamp?: "body" | "caption2" | "caption1" | "footnote" | "subheadline" | "callout" | "headline" | "title3" | "title2" | "title1" | "largeTitle" | undefined;
-    suppressHighlighting?: boolean | undefined;
-    lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
-    selectable?: boolean | undefined;
+    allowFontScaling?: boolean | undefined | undefined;
+    ellipsizeMode?: "head" | "middle" | "tail" | "clip" | undefined | undefined;
+    lineBreakMode?: "head" | "middle" | "tail" | "clip" | undefined | undefined;
+    numberOfLines?: number | undefined | undefined;
+    onTextLayout?: ((event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined | undefined;
+    maxFontSizeMultiplier?: number | null | undefined | undefined;
+    minimumFontScale?: number | undefined | undefined;
+    adjustsFontSizeToFit?: boolean | undefined | undefined;
+    dynamicTypeRamp?: "caption2" | "caption1" | "footnote" | "subheadline" | "callout" | "body" | "headline" | "title3" | "title2" | "title1" | "largeTitle" | undefined | undefined;
+    suppressHighlighting?: boolean | undefined | undefined;
+    lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined | undefined;
+    selectable?: boolean | undefined | undefined;
     selectionColor?: import("react-native").ColorValue | undefined;
-    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
-    dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
-    android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
+    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined | undefined;
+    dataDetectorType?: null | "phoneNumber" | "link" | "email" | "none" | "all" | undefined | undefined;
+    android_hyphenationFrequency?: "normal" | "none" | "full" | undefined | undefined;
     strikeThrough?: boolean | undefined;
     cursor?: import("react-native/Libraries/StyleSheet/StyleSheetTypes").CursorValue | undefined;
-    transitionDuration?: string | string[] | undefined;
-    transitionProperty?: string | string[] | undefined;
-    transitionTimingFunction?: string | string[] | undefined;
+    transitionDuration?: (string | Array<string>) | undefined;
+    transitionProperty?: (string | Array<string>) | undefined;
+    transitionTimingFunction?: (string | Array<string>) | undefined;
     _web?: Partial<NativeBaseTextPropsAcceptedProps> | undefined;
     _ios?: Partial<NativeBaseTextPropsAcceptedProps> | undefined;
     _android?: Partial<NativeBaseTextPropsAcceptedProps> | undefined;
     accessibilityRole?: NonNullable<import("react-native").AccessibilityRole | undefined> | "paragraph" | null | undefined;
 } & React.RefAttributes<unknown>>;
 export type TypographyHeadingProps = TypographyPropsWithoutAccessibilityRole;
-declare const createHeading: (level: number, defaultBase?: TypographyHeadingProps['base']) => FC<TypographyHeadingProps>;
+declare const createHeading: (level: number, 
+/** @deprecated accessibility and design should be independent */
+defaultBase?: TypographyHeadingProps["base"]) => FC<TypographyHeadingProps>;
 declare const Typography: TypographyComponent;
 export { Typography };
 //# sourceMappingURL=Typography.d.ts.map