@swan-io/lake 1.7.0 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/package.json +7 -8
  2. package/src/assets/main.css +2 -2
  3. package/src/components/AutoWidthImage.d.ts +95 -3
  4. package/src/components/BottomPanel.js +68 -6
  5. package/src/components/Breadcrumbs.js +3 -3
  6. package/src/components/ChoicePicker.js +99 -8
  7. package/src/components/Form.d.ts +122 -3
  8. package/src/components/Heading.d.ts +96 -3
  9. package/src/components/LakeButton.js +1 -1
  10. package/src/components/LakeHeading.d.ts +96 -3
  11. package/src/components/LakeTextInput.d.ts +189 -2
  12. package/src/components/Link.d.ts +44 -48
  13. package/src/components/Pressable.d.ts +118 -122
  14. package/src/utils/math.d.ts +13 -0
  15. package/src/utils/math.js +9 -1
  16. package/src/utils/viewport.d.ts +2 -0
  17. package/src/utils/viewport.js +33 -0
package/src/components/Heading.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import { ReactNode } from "react";
2
- import { Text, TextProps } from "react-native";
3
- import { Except } from "type-fest";
2
+ import { Text } from "react-native";
4
3
  declare const sizes: {
5
4
  40: {
6
5
  fontSize: number;
@@ -52,7 +51,101 @@ declare const sizes: {
52
51
  };
53
52
  };
54
53
  type HeadingSize = keyof typeof sizes;
55
- export declare const Heading: import("react").ForwardRefExoticComponent<Except<TextProps, "role"> & {
54
+ export declare const Heading: import("react").ForwardRefExoticComponent<{
55
+ allowFontScaling?: boolean | undefined;
56
+ children?: ReactNode;
57
+ ellipsizeMode?: "clip" | "middle" | "head" | "tail" | undefined;
58
+ id?: string | undefined;
59
+ lineBreakMode?: "clip" | "middle" | "head" | "tail" | undefined;
60
+ numberOfLines?: number | undefined;
61
+ onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
62
+ onTextLayout?: ((event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined;
63
+ onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
64
+ onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
65
+ onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
66
+ onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
67
+ style?: import("react-native").StyleProp<import("react-native").TextStyle>;
68
+ testID?: string | undefined;
69
+ nativeID?: string | undefined;
70
+ maxFontSizeMultiplier?: number | null | undefined;
71
+ href?: string | undefined;
72
+ hrefAttrs?: import("react-native").HrefAttrs | undefined;
73
+ lang?: string | undefined;
74
+ adjustsFontSizeToFit?: boolean | undefined;
75
+ minimumFontScale?: number | undefined;
76
+ suppressHighlighting?: boolean | undefined;
77
+ disabled?: boolean | undefined;
78
+ selectable?: boolean | undefined;
79
+ selectionColor?: import("react-native").ColorValue | undefined;
80
+ textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
81
+ dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
82
+ android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
83
+ accessible?: boolean | undefined;
84
+ accessibilityActions?: readonly Readonly<{
85
+ name: string;
86
+ label?: string | undefined;
87
+ }>[] | undefined;
88
+ accessibilityLabel?: string | undefined;
89
+ 'aria-label'?: string | undefined;
90
+ accessibilityRole?: import("react-native").AccessibilityRole | undefined;
91
+ accessibilityState?: import("react-native").AccessibilityState | undefined;
92
+ 'aria-busy'?: boolean | undefined;
93
+ 'aria-checked'?: boolean | "mixed" | undefined;
94
+ 'aria-disabled'?: boolean | undefined;
95
+ 'aria-expanded'?: boolean | undefined;
96
+ 'aria-selected'?: boolean | undefined;
97
+ 'aria-labelledby'?: string | undefined;
98
+ accessibilityHint?: string | undefined;
99
+ accessibilityValue?: import("react-native").AccessibilityValue | undefined;
100
+ 'aria-valuemax'?: number | undefined;
101
+ 'aria-valuemin'?: number | undefined;
102
+ 'aria-valuenow'?: number | undefined;
103
+ 'aria-valuetext'?: string | undefined;
104
+ onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
105
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
106
+ 'aria-hidden'?: boolean | undefined;
107
+ 'aria-live'?: "polite" | "assertive" | "off" | undefined;
108
+ 'aria-modal'?: boolean | undefined;
109
+ accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
110
+ accessibilityElementsHidden?: boolean | undefined;
111
+ accessibilityViewIsModal?: boolean | undefined;
112
+ onAccessibilityEscape?: (() => void) | undefined;
113
+ onAccessibilityTap?: (() => void) | undefined;
114
+ onMagicTap?: (() => void) | undefined;
115
+ accessibilityIgnoresInvertColors?: boolean | undefined;
116
+ tabIndex?: 0 | -1 | undefined;
117
+ "aria-activedescendant"?: string | undefined;
118
+ "aria-atomic"?: boolean | undefined;
119
+ "aria-autocomplete"?: string | undefined;
120
+ "aria-colcount"?: number | undefined;
121
+ "aria-colindex"?: number | undefined;
122
+ "aria-colspan"?: number | undefined;
123
+ "aria-controls"?: string | undefined;
124
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
125
+ "aria-describedby"?: string | undefined;
126
+ "aria-details"?: string | undefined;
127
+ "aria-errormessage"?: string | undefined;
128
+ "aria-flowto"?: string | undefined;
129
+ "aria-haspopup"?: string | undefined;
130
+ "aria-invalid"?: boolean | undefined;
131
+ "aria-keyshortcuts"?: string | undefined;
132
+ "aria-level"?: number | undefined;
133
+ "aria-multiline"?: boolean | undefined;
134
+ "aria-multiselectable"?: boolean | undefined;
135
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
136
+ "aria-owns"?: string | undefined;
137
+ "aria-placeholder"?: string | undefined;
138
+ "aria-posinset"?: number | undefined;
139
+ "aria-pressed"?: boolean | undefined;
140
+ "aria-readonly"?: boolean | undefined;
141
+ "aria-required"?: boolean | undefined;
142
+ "aria-roledescription"?: string | undefined;
143
+ "aria-rowcount"?: number | undefined;
144
+ "aria-rowindex"?: number | undefined;
145
+ "aria-rowspan"?: number | undefined;
146
+ "aria-setsize"?: number | undefined;
147
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
148
+ } & {
56
149
  level: 1 | 2 | 3 | 4 | 5 | 6;
57
150
  align?: "left" | "right" | "center" | undefined;
58
151
  size: HeadingSize;
package/src/components/LakeButton.js CHANGED
@@ -119,7 +119,6 @@ export const LakeButton = memo(forwardRef(({ ariaControls, ariaExpanded, ariaLab
119
119
  disabled && styles.disabled,
120
120
  disabled && forceBackground && styles.resetOpacity,
121
121
  grow && styles.grow,
122
- typeof style == "function" ? style({ hovered, pressed, focused }) : style,
123
122
  match(mode)
124
123
  .with("primary", () => ({
125
124
  backgroundColor: color === "warning"
@@ -153,6 +152,7 @@ export const LakeButton = memo(forwardRef(({ ariaControls, ariaExpanded, ariaLab
153
152
  : invariantColors.transparent,
154
153
  }))
155
154
  .exhaustive(),
155
+ typeof style == "function" ? style({ hovered, pressed, focused }) : style,
156
156
  ], children: ({ pressed, hovered }) => {
157
157
  const textColor = mode === "secondary" || mode === "tertiary"
158
158
  ? disabled && forceBackground
package/src/components/LakeHeading.d.ts CHANGED
@@ -1,7 +1,100 @@
1
1
  import { ReactNode } from "react";
2
- import { Text, TextProps, TextStyle } from "react-native";
3
- import { Except } from "type-fest";
4
- export declare const LakeHeading: import("react").ForwardRefExoticComponent<Except<TextProps, "role"> & {
2
+ import { Text, TextStyle } from "react-native";
3
+ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
4
+ allowFontScaling?: boolean | undefined;
5
+ children?: ReactNode;
6
+ ellipsizeMode?: "clip" | "middle" | "head" | "tail" | undefined;
7
+ id?: string | undefined;
8
+ lineBreakMode?: "clip" | "middle" | "head" | "tail" | undefined;
9
+ numberOfLines?: number | undefined;
10
+ onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
11
+ onTextLayout?: ((event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined;
12
+ onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
13
+ onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
14
+ onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
15
+ onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
16
+ style?: import("react-native").StyleProp<TextStyle>;
17
+ testID?: string | undefined;
18
+ nativeID?: string | undefined;
19
+ maxFontSizeMultiplier?: number | null | undefined;
20
+ href?: string | undefined;
21
+ hrefAttrs?: import("react-native").HrefAttrs | undefined;
22
+ lang?: string | undefined;
23
+ adjustsFontSizeToFit?: boolean | undefined;
24
+ minimumFontScale?: number | undefined;
25
+ suppressHighlighting?: boolean | undefined;
26
+ disabled?: boolean | undefined;
27
+ selectable?: boolean | undefined;
28
+ selectionColor?: import("react-native").ColorValue | undefined;
29
+ textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
30
+ dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
31
+ android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
32
+ accessible?: boolean | undefined;
33
+ accessibilityActions?: readonly Readonly<{
34
+ name: string;
35
+ label?: string | undefined;
36
+ }>[] | undefined;
37
+ accessibilityLabel?: string | undefined;
38
+ 'aria-label'?: string | undefined;
39
+ accessibilityRole?: import("react-native").AccessibilityRole | undefined;
40
+ accessibilityState?: import("react-native").AccessibilityState | undefined;
41
+ 'aria-busy'?: boolean | undefined;
42
+ 'aria-checked'?: boolean | "mixed" | undefined;
43
+ 'aria-disabled'?: boolean | undefined;
44
+ 'aria-expanded'?: boolean | undefined;
45
+ 'aria-selected'?: boolean | undefined;
46
+ 'aria-labelledby'?: string | undefined;
47
+ accessibilityHint?: string | undefined;
48
+ accessibilityValue?: import("react-native").AccessibilityValue | undefined;
49
+ 'aria-valuemax'?: number | undefined;
50
+ 'aria-valuemin'?: number | undefined;
51
+ 'aria-valuenow'?: number | undefined;
52
+ 'aria-valuetext'?: string | undefined;
53
+ onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
54
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
55
+ 'aria-hidden'?: boolean | undefined;
56
+ 'aria-live'?: "polite" | "assertive" | "off" | undefined;
57
+ 'aria-modal'?: boolean | undefined;
58
+ accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
59
+ accessibilityElementsHidden?: boolean | undefined;
60
+ accessibilityViewIsModal?: boolean | undefined;
61
+ onAccessibilityEscape?: (() => void) | undefined;
62
+ onAccessibilityTap?: (() => void) | undefined;
63
+ onMagicTap?: (() => void) | undefined;
64
+ accessibilityIgnoresInvertColors?: boolean | undefined;
65
+ tabIndex?: 0 | -1 | undefined;
66
+ "aria-activedescendant"?: string | undefined;
67
+ "aria-atomic"?: boolean | undefined;
68
+ "aria-autocomplete"?: string | undefined;
69
+ "aria-colcount"?: number | undefined;
70
+ "aria-colindex"?: number | undefined;
71
+ "aria-colspan"?: number | undefined;
72
+ "aria-controls"?: string | undefined;
73
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
74
+ "aria-describedby"?: string | undefined;
75
+ "aria-details"?: string | undefined;
76
+ "aria-errormessage"?: string | undefined;
77
+ "aria-flowto"?: string | undefined;
78
+ "aria-haspopup"?: string | undefined;
79
+ "aria-invalid"?: boolean | undefined;
80
+ "aria-keyshortcuts"?: string | undefined;
81
+ "aria-level"?: number | undefined;
82
+ "aria-multiline"?: boolean | undefined;
83
+ "aria-multiselectable"?: boolean | undefined;
84
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
85
+ "aria-owns"?: string | undefined;
86
+ "aria-placeholder"?: string | undefined;
87
+ "aria-posinset"?: number | undefined;
88
+ "aria-pressed"?: boolean | undefined;
89
+ "aria-readonly"?: boolean | undefined;
90
+ "aria-required"?: boolean | undefined;
91
+ "aria-roledescription"?: string | undefined;
92
+ "aria-rowcount"?: number | undefined;
93
+ "aria-rowindex"?: number | undefined;
94
+ "aria-rowspan"?: number | undefined;
95
+ "aria-setsize"?: number | undefined;
96
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
97
+ } & {
5
98
  align?: "left" | "right" | "center" | undefined;
6
99
  children: ReactNode;
7
100
  color?: string | undefined;
package/src/components/LakeTextInput.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ChangeEventHandler, ReactNode } from "react";
2
- import { TextInput, TextInputProps } from "react-native";
2
+ import { NativeSyntheticEvent, TextInput, TextInputFocusEventData, TextInputProps } from "react-native";
3
3
  import { Except } from "type-fest";
4
4
  import { ColorVariants } from "../constants/design";
5
5
  import { IconName } from "./Icon";
@@ -24,7 +24,194 @@ export type LakeTextInputProps = Except<TextInputProps, "editable" | "keyboardTy
24
24
  maxCharCount?: number;
25
25
  help?: string;
26
26
  };
27
- export declare const LakeTextInput: import("react").ForwardRefExoticComponent<Except<TextInputProps, "editable" | "keyboardType" | "onChange"> & {
27
+ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
28
+ allowFontScaling?: boolean | undefined;
29
+ autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
30
+ autoCorrect?: boolean | undefined;
31
+ autoFocus?: boolean | undefined;
32
+ blurOnSubmit?: boolean | undefined;
33
+ caretHidden?: boolean | undefined;
34
+ contextMenuHidden?: boolean | undefined;
35
+ defaultValue?: string | undefined;
36
+ inputMode?: import("react-native").InputModeOptions | undefined;
37
+ maxLength?: number | undefined;
38
+ multiline?: boolean | undefined;
39
+ onBlur?: ((e: NativeSyntheticEvent<TextInputFocusEventData>) => void) | undefined;
40
+ onChangeText?: ((text: string) => void) | undefined;
41
+ onContentSizeChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
42
+ onEndEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
43
+ onPressIn?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
44
+ onPressOut?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
45
+ onFocus?: ((e: NativeSyntheticEvent<TextInputFocusEventData>) => void) | undefined;
46
+ onSelectionChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
47
+ onSubmitEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputSubmitEditingEventData>) => void) | undefined;
48
+ onTextInput?: ((e: NativeSyntheticEvent<import("react-native").TextInputTextInputEventData>) => void) | undefined;
49
+ onScroll?: ((e: NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
50
+ onKeyPress?: ((e: NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
51
+ placeholder?: string | undefined;
52
+ placeholderTextColor?: import("react-native").ColorValue | undefined;
53
+ returnKeyType?: import("react-native").ReturnKeyTypeOptions | undefined;
54
+ secureTextEntry?: boolean | undefined;
55
+ selectTextOnFocus?: boolean | undefined;
56
+ selection?: {
57
+ start: number;
58
+ end?: number | undefined;
59
+ } | undefined;
60
+ selectionColor?: import("react-native").ColorValue | undefined;
61
+ style?: import("react-native").StyleProp<import("react-native").TextStyle>;
62
+ textAlign?: "left" | "right" | "center" | undefined;
63
+ testID?: string | undefined;
64
+ inputAccessoryViewID?: string | undefined;
65
+ value?: string | undefined;
66
+ maxFontSizeMultiplier?: number | null | undefined;
67
+ role?: import("react-native").WebRole | undefined;
68
+ lang?: string | undefined;
69
+ initialValue?: string | undefined;
70
+ autoComplete?: "off" | "name" | "email" | "tel" | "url" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "new-password" | "nickname" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "username" | undefined;
71
+ enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
72
+ rows?: number | undefined;
73
+ readOnly?: boolean | undefined;
74
+ children?: ReactNode;
75
+ hitSlop?: import("react-native").Insets | undefined;
76
+ id?: string | undefined;
77
+ onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
78
+ pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
79
+ removeClippedSubviews?: boolean | undefined;
80
+ nativeID?: string | undefined;
81
+ onKeyDown?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
82
+ onKeyDownCapture?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
83
+ onKeyUp?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
84
+ onKeyUpCapture?: ((event: NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
85
+ collapsable?: boolean | undefined;
86
+ needsOffscreenAlphaCompositing?: boolean | undefined;
87
+ renderToHardwareTextureAndroid?: boolean | undefined;
88
+ focusable?: boolean | undefined;
89
+ shouldRasterizeIOS?: boolean | undefined;
90
+ isTVSelectable?: boolean | undefined;
91
+ hasTVPreferredFocus?: boolean | undefined;
92
+ tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
93
+ tvParallaxShiftDistanceX?: number | undefined;
94
+ tvParallaxShiftDistanceY?: number | undefined;
95
+ tvParallaxTiltAngle?: number | undefined;
96
+ tvParallaxMagnification?: number | undefined;
97
+ onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
98
+ onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
99
+ onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
100
+ onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
101
+ onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
102
+ onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
103
+ onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
104
+ onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
105
+ onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
106
+ onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
107
+ onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
108
+ onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
109
+ onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
110
+ onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
111
+ onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
112
+ onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
113
+ onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
114
+ onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
115
+ onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
116
+ onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
117
+ onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
118
+ onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
119
+ onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
120
+ onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
121
+ onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
122
+ onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
123
+ onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
124
+ onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
125
+ onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
126
+ accessible?: boolean | undefined;
127
+ accessibilityActions?: readonly Readonly<{
128
+ name: string;
129
+ label?: string | undefined;
130
+ }>[] | undefined;
131
+ accessibilityLabel?: string | undefined;
132
+ 'aria-label'?: string | undefined;
133
+ accessibilityRole?: import("react-native").AccessibilityRole | undefined;
134
+ accessibilityState?: import("react-native").AccessibilityState | undefined;
135
+ 'aria-busy'?: boolean | undefined;
136
+ 'aria-checked'?: boolean | "mixed" | undefined;
137
+ 'aria-disabled'?: boolean | undefined;
138
+ 'aria-expanded'?: boolean | undefined;
139
+ 'aria-selected'?: boolean | undefined;
140
+ 'aria-labelledby'?: string | undefined;
141
+ accessibilityHint?: string | undefined;
142
+ accessibilityValue?: import("react-native").AccessibilityValue | undefined;
143
+ 'aria-valuemax'?: number | undefined;
144
+ 'aria-valuemin'?: number | undefined;
145
+ 'aria-valuenow'?: number | undefined;
146
+ 'aria-valuetext'?: string | undefined;
147
+ onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
148
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
149
+ 'aria-hidden'?: boolean | undefined;
150
+ 'aria-live'?: "polite" | "assertive" | "off" | undefined;
151
+ 'aria-modal'?: boolean | undefined;
152
+ accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
153
+ accessibilityElementsHidden?: boolean | undefined;
154
+ accessibilityViewIsModal?: boolean | undefined;
155
+ onAccessibilityEscape?: (() => void) | undefined;
156
+ onAccessibilityTap?: (() => void) | undefined;
157
+ onMagicTap?: (() => void) | undefined;
158
+ accessibilityIgnoresInvertColors?: boolean | undefined;
159
+ tabIndex?: 0 | -1 | undefined;
160
+ "aria-activedescendant"?: string | undefined;
161
+ "aria-atomic"?: boolean | undefined;
162
+ "aria-autocomplete"?: string | undefined;
163
+ "aria-colcount"?: number | undefined;
164
+ "aria-colindex"?: number | undefined;
165
+ "aria-colspan"?: number | undefined;
166
+ "aria-controls"?: string | undefined;
167
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
168
+ "aria-describedby"?: string | undefined;
169
+ "aria-details"?: string | undefined;
170
+ "aria-errormessage"?: string | undefined;
171
+ "aria-flowto"?: string | undefined;
172
+ "aria-haspopup"?: string | undefined;
173
+ "aria-invalid"?: boolean | undefined;
174
+ "aria-keyshortcuts"?: string | undefined;
175
+ "aria-level"?: number | undefined;
176
+ "aria-multiline"?: boolean | undefined;
177
+ "aria-multiselectable"?: boolean | undefined;
178
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
179
+ "aria-owns"?: string | undefined;
180
+ "aria-placeholder"?: string | undefined;
181
+ "aria-posinset"?: number | undefined;
182
+ "aria-pressed"?: boolean | undefined;
183
+ "aria-readonly"?: boolean | undefined;
184
+ "aria-required"?: boolean | undefined;
185
+ "aria-roledescription"?: string | undefined;
186
+ "aria-rowcount"?: number | undefined;
187
+ "aria-rowindex"?: number | undefined;
188
+ "aria-rowspan"?: number | undefined;
189
+ "aria-setsize"?: number | undefined;
190
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
191
+ clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
192
+ clearTextOnFocus?: boolean | undefined;
193
+ dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
194
+ enablesReturnKeyAutomatically?: boolean | undefined;
195
+ keyboardAppearance?: "default" | "light" | "dark" | undefined;
196
+ passwordRules?: string | null | undefined;
197
+ rejectResponderTermination?: boolean | null | undefined;
198
+ selectionState?: import("react-native").DocumentSelectionState | undefined;
199
+ spellCheck?: boolean | undefined;
200
+ textContentType?: "none" | "location" | "name" | "nickname" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "password" | "newPassword" | "oneTimeCode" | undefined;
201
+ scrollEnabled?: boolean | undefined;
202
+ cursorColor?: import("react-native").ColorValue | null | undefined;
203
+ importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
204
+ disableFullscreenUI?: boolean | undefined;
205
+ inlineImageLeft?: string | undefined;
206
+ inlineImagePadding?: number | undefined;
207
+ numberOfLines?: number | undefined;
208
+ returnKeyLabel?: string | undefined;
209
+ textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
210
+ underlineColorAndroid?: import("react-native").ColorValue | undefined;
211
+ textAlignVertical?: "bottom" | "top" | "auto" | "center" | undefined;
212
+ showSoftInputOnFocus?: boolean | undefined;
213
+ verticalAlign?: "bottom" | "top" | "auto" | "middle" | undefined;
214
+ } & {
28
215
  ariaExpanded?: boolean | undefined;
29
216
  ariaControls?: string | undefined;
30
217
  error?: string | undefined;
package/src/components/Link.d.ts CHANGED
@@ -17,42 +17,53 @@ export type LinkProps = Except<PressableTextProps, "hrefAttrs" | "style" | "onPr
17
17
  active: boolean;
18
18
  }) => TextProps["children"]);
19
19
  };
20
- export declare const Link: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Except<{
21
- testID?: string | undefined;
20
+ export declare const Link: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
21
+ allowFontScaling?: boolean | undefined;
22
+ ellipsizeMode?: "clip" | "middle" | "head" | "tail" | undefined;
22
23
  id?: string | undefined;
23
- role?: import("react-native").WebRole | undefined;
24
- style?: false | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").TextStyle>> | ((state: PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").TextStyle>) | null | undefined;
25
- tabIndex?: 0 | -1 | undefined;
26
- children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | ((state: PressableStateCallbackType) => import("react").ReactNode) | null | undefined;
27
- onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
24
+ lineBreakMode?: "clip" | "middle" | "head" | "tail" | undefined;
25
+ numberOfLines?: number | undefined;
26
+ onTextLayout?: ((event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined;
27
+ testID?: string | undefined;
28
28
  nativeID?: string | undefined;
29
- onKeyDown?: ((event: import("react-native").NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
29
+ maxFontSizeMultiplier?: number | null | undefined;
30
+ role?: import("react-native").WebRole | undefined;
31
+ href?: string | undefined;
32
+ lang?: string | undefined;
33
+ adjustsFontSizeToFit?: boolean | undefined;
34
+ minimumFontScale?: number | undefined;
35
+ suppressHighlighting?: boolean | undefined;
36
+ selectable?: boolean | undefined;
37
+ selectionColor?: import("react-native").ColorValue | undefined;
38
+ textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
39
+ dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
40
+ android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
30
41
  accessible?: boolean | undefined;
31
42
  accessibilityActions?: readonly Readonly<{
32
43
  name: string;
33
44
  label?: string | undefined;
34
45
  }>[] | undefined;
35
46
  accessibilityLabel?: string | undefined;
36
- "aria-label"?: string | undefined;
47
+ 'aria-label'?: string | undefined;
37
48
  accessibilityRole?: import("react-native").AccessibilityRole | undefined;
38
49
  accessibilityState?: import("react-native").AccessibilityState | undefined;
39
- "aria-busy"?: boolean | undefined;
40
- "aria-checked"?: boolean | "mixed" | undefined;
41
- "aria-disabled"?: boolean | undefined;
42
- "aria-expanded"?: boolean | undefined;
43
- "aria-selected"?: boolean | undefined;
44
- "aria-labelledby"?: string | undefined;
50
+ 'aria-busy'?: boolean | undefined;
51
+ 'aria-checked'?: boolean | "mixed" | undefined;
52
+ 'aria-disabled'?: boolean | undefined;
53
+ 'aria-expanded'?: boolean | undefined;
54
+ 'aria-selected'?: boolean | undefined;
55
+ 'aria-labelledby'?: string | undefined;
45
56
  accessibilityHint?: string | undefined;
46
57
  accessibilityValue?: import("react-native").AccessibilityValue | undefined;
47
- "aria-valuemax"?: number | undefined;
48
- "aria-valuemin"?: number | undefined;
49
- "aria-valuenow"?: number | undefined;
50
- "aria-valuetext"?: string | undefined;
58
+ 'aria-valuemax'?: number | undefined;
59
+ 'aria-valuemin'?: number | undefined;
60
+ 'aria-valuenow'?: number | undefined;
61
+ 'aria-valuetext'?: string | undefined;
51
62
  onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
52
63
  importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
53
- "aria-hidden"?: boolean | undefined;
54
- "aria-live"?: "polite" | "assertive" | "off" | undefined;
55
- "aria-modal"?: boolean | undefined;
64
+ 'aria-hidden'?: boolean | undefined;
65
+ 'aria-live'?: "polite" | "assertive" | "off" | undefined;
66
+ 'aria-modal'?: boolean | undefined;
56
67
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
57
68
  accessibilityElementsHidden?: boolean | undefined;
58
69
  accessibilityViewIsModal?: boolean | undefined;
@@ -60,6 +71,7 @@ export declare const Link: import("react").MemoExoticComponent<import("react").F
60
71
  onAccessibilityTap?: (() => void) | undefined;
61
72
  onMagicTap?: (() => void) | undefined;
62
73
  accessibilityIgnoresInvertColors?: boolean | undefined;
74
+ tabIndex?: 0 | -1 | undefined;
63
75
  "aria-activedescendant"?: string | undefined;
64
76
  "aria-atomic"?: boolean | undefined;
65
77
  "aria-autocomplete"?: string | undefined;
@@ -91,40 +103,24 @@ export declare const Link: import("react").MemoExoticComponent<import("react").F
91
103
  "aria-rowspan"?: number | undefined;
92
104
  "aria-setsize"?: number | undefined;
93
105
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
94
- allowFontScaling?: boolean | undefined;
95
- ellipsizeMode?: "clip" | "middle" | "head" | "tail" | undefined;
96
- lineBreakMode?: "clip" | "middle" | "head" | "tail" | undefined;
97
- numberOfLines?: number | undefined;
98
- onTextLayout?: ((event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined;
99
- onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
100
- onPressIn?: ((event: unknown) => void) | undefined;
101
- onPressOut?: ((event: unknown) => void) | undefined;
102
- onLongPress?: ((event: unknown) => void) | undefined;
103
- maxFontSizeMultiplier?: number | null | undefined;
104
- href?: string | undefined;
105
- hrefAttrs?: HrefAttrs | undefined;
106
- lang?: string | undefined;
107
- adjustsFontSizeToFit?: boolean | undefined;
108
- minimumFontScale?: number | undefined;
109
- suppressHighlighting?: boolean | undefined;
110
- disabled?: boolean | undefined;
111
- selectable?: boolean | undefined;
112
- selectionColor?: import("react-native").ColorValue | undefined;
113
- textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
114
- dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
115
- android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
116
- onBlur?: ((event: import("react-native").NativeSyntheticEvent<import("react").FocusEvent<Element, Element>>) => void) | undefined;
117
- onFocus?: ((event: import("react-native").NativeSyntheticEvent<import("react").FocusEvent<Element, Element>>) => void) | undefined;
118
- onPressMove?: ((event: unknown) => void) | undefined;
119
106
  delayLongPress?: number | undefined;
120
107
  delayPressIn?: number | undefined;
121
108
  delayPressOut?: number | undefined;
109
+ disabled?: boolean | undefined;
110
+ onBlur?: ((event: import("react-native").NativeSyntheticEvent<import("react").FocusEvent<Element, Element>>) => void) | undefined;
122
111
  onContextMenu?: ((event: import("react-native").NativeSyntheticEvent<import("react").SyntheticEvent<Element, Event>>) => void) | undefined;
112
+ onFocus?: ((event: import("react-native").NativeSyntheticEvent<import("react").FocusEvent<Element, Element>>) => void) | undefined;
123
113
  onHoverIn?: ((event: unknown) => void) | undefined;
124
114
  onHoverOut?: ((event: unknown) => void) | undefined;
115
+ onKeyDown?: ((event: import("react-native").NativeSyntheticEvent<import("react").KeyboardEvent<Element>>) => void) | undefined;
116
+ onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
117
+ onLongPress?: ((event: unknown) => void) | undefined;
118
+ onPressIn?: ((event: unknown) => void) | undefined;
119
+ onPressMove?: ((event: unknown) => void) | undefined;
120
+ onPressOut?: ((event: unknown) => void) | undefined;
125
121
  testOnly_hovered?: boolean | undefined;
126
122
  testOnly_pressed?: boolean | undefined;
127
- }, "style" | "children" | "onPress" | "hrefAttrs"> & {
123
+ } & {
128
124
  to: string;
129
125
  replace?: boolean | undefined;
130
126
  disabled?: boolean | undefined;