@swan-io/lake 4.0.3 → 4.0.5

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 (11) hide show
  1. package/package.json +9 -9
  2. package/src/components/AutoWidthImage.d.ts +3 -3
  3. package/src/components/BorderedIcon.d.ts +6 -4
  4. package/src/components/BorderedIcon.js +9 -11
  5. package/src/components/Form.d.ts +3 -3
  6. package/src/components/Heading.d.ts +4 -4
  7. package/src/components/LakeHeading.d.ts +4 -4
  8. package/src/components/LakeTextInput.d.ts +6 -6
  9. package/src/components/Link.d.ts +4 -4
  10. package/src/components/Pressable.d.ts +10 -10
  11. package/src/components/SegmentedControl.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swan-io/lake",
3
- "version": "4.0.3",
3
+ "version": "4.0.5",
4
4
  "engines": {
5
5
  "node": ">=18.0.0",
6
6
  "yarn": "^1.22.0"
@@ -27,8 +27,8 @@
27
27
  "license": "MIT",
28
28
  "dependencies": {
29
29
  "@popperjs/core": "^2.11.8",
30
- "@react-three/drei": "^9.88.17",
31
- "@react-three/fiber": "^8.15.11",
30
+ "@react-three/drei": "^9.90.0",
31
+ "@react-three/fiber": "^8.15.12",
32
32
  "@swan-io/boxed": "^1.2.0",
33
33
  "@swan-io/chicane": "^1.4.1",
34
34
  "dayjs": "^1.11.10",
@@ -41,19 +41,19 @@
41
41
  "react-popper": "^2.3.0",
42
42
  "react-ux-form": "^1.5.0",
43
43
  "rifm": "^0.12.1",
44
- "three": "^0.158.0",
44
+ "three": "^0.159.0",
45
45
  "ts-dedent": "^2.2.0",
46
- "ts-pattern": "^5.0.5",
46
+ "ts-pattern": "^5.0.6",
47
47
  "urql": "^4.0.6",
48
48
  "uuid": "^9.0.1"
49
49
  },
50
50
  "devDependencies": {
51
- "@types/react": "^18.2.38",
51
+ "@types/react": "^18.2.42",
52
52
  "@types/react-dom": "^18.2.17",
53
- "@types/react-native": "^0.72.7",
54
- "@types/three": "^0.158.3",
53
+ "@types/react-native": "^0.72.8",
54
+ "@types/three": "^0.159.0",
55
55
  "@types/uuid": "^9.0.7",
56
56
  "jsdom": "^22.1.0",
57
- "type-fest": "^4.8.2"
57
+ "type-fest": "^4.8.3"
58
58
  }
59
59
  }
package/src/components/AutoWidthImage.d.ts CHANGED
@@ -57,9 +57,9 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
57
57
  "aria-valuenow"?: number | undefined;
58
58
  "aria-valuetext"?: string | undefined;
59
59
  onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
60
- importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
60
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
61
61
  "aria-hidden"?: boolean | undefined;
62
- "aria-live"?: "off" | "polite" | "assertive" | undefined;
62
+ "aria-live"?: "polite" | "assertive" | "off" | undefined;
63
63
  "aria-modal"?: boolean | undefined;
64
64
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
65
65
  accessibilityLabelledBy?: string | string[] | undefined;
@@ -78,7 +78,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
78
78
  "aria-colindex"?: number | undefined;
79
79
  "aria-colspan"?: number | undefined;
80
80
  "aria-controls"?: string | undefined;
81
- "aria-current"?: boolean | "time" | "page" | "date" | "step" | "location" | undefined;
81
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
82
82
  "aria-describedby"?: string | undefined;
83
83
  "aria-details"?: string | undefined;
84
84
  "aria-errormessage"?: string | undefined;
package/src/components/BorderedIcon.d.ts CHANGED
@@ -1,12 +1,14 @@
1
+ import { ViewProps } from "react-native";
1
2
  import { ColorVariants, Radii } from "../constants/design";
2
3
  import { IconName } from "./Icon";
3
4
  import { SpacingValue } from "./Space";
4
5
  type Props = {
5
6
  name: IconName;
6
- size?: number;
7
- padding?: SpacingValue | 0;
8
- color?: ColorVariants;
9
7
  borderRadius?: Radii;
8
+ color?: ColorVariants;
9
+ padding?: SpacingValue | 0;
10
+ size?: number;
11
+ style?: ViewProps["style"];
10
12
  };
11
- export declare const BorderedIcon: ({ name, size, padding, color, borderRadius, }: Props) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const BorderedIcon: ({ name, borderRadius, color, padding, size, style, }: Props) => import("react/jsx-runtime").JSX.Element;
12
14
  export {};
package/src/components/BorderedIcon.js CHANGED
@@ -10,16 +10,14 @@ const styles = StyleSheet.create({
10
10
  backgroundColor: colors.current[50],
11
11
  },
12
12
  });
13
- export const BorderedIcon = ({ name, size = 96, padding = 0, color = "current", borderRadius = 8, }) => {
13
+ export const BorderedIcon = ({ name, borderRadius = 8, color = "current", padding = 0, size = 96, style, }) => {
14
14
  const iconSize = size - padding * 2;
15
- return (_jsx(Box, { alignItems: "center", justifyContent: "center", style: [
16
- styles.base,
17
- {
18
- width: size,
19
- height: size,
20
- borderColor: colors[color][100],
21
- backgroundColor: colors[color][50],
22
- borderRadius: radii[borderRadius],
23
- },
24
- ], children: _jsx(Icon, { name: name, size: iconSize, color: colors[color][500] }) }));
15
+ const dynamicStyle = {
16
+ backgroundColor: colors[color][50],
17
+ borderColor: colors[color][100],
18
+ borderRadius: radii[borderRadius],
19
+ width: size,
20
+ height: size,
21
+ };
22
+ return (_jsx(Box, { alignItems: "center", justifyContent: "center", style: [styles.base, dynamicStyle, style], children: _jsx(Icon, { name: name, size: iconSize, color: colors[color][500] }) }));
25
23
  };
package/src/components/Form.d.ts CHANGED
@@ -77,9 +77,9 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
77
77
  "aria-valuenow"?: number | undefined;
78
78
  "aria-valuetext"?: string | undefined;
79
79
  onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
80
- importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
80
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
81
81
  "aria-hidden"?: boolean | undefined;
82
- "aria-live"?: "off" | "polite" | "assertive" | undefined;
82
+ "aria-live"?: "polite" | "assertive" | "off" | undefined;
83
83
  "aria-modal"?: boolean | undefined;
84
84
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
85
85
  accessibilityLabelledBy?: string | string[] | undefined;
@@ -98,7 +98,7 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
98
98
  "aria-colindex"?: number | undefined;
99
99
  "aria-colspan"?: number | undefined;
100
100
  "aria-controls"?: string | undefined;
101
- "aria-current"?: boolean | "time" | "page" | "date" | "step" | "location" | undefined;
101
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
102
102
  "aria-describedby"?: string | undefined;
103
103
  "aria-details"?: string | undefined;
104
104
  "aria-errormessage"?: string | undefined;
package/src/components/Heading.d.ts CHANGED
@@ -80,7 +80,7 @@ export declare const Heading: import("react").ForwardRefExoticComponent<{
80
80
  selectable?: boolean | undefined;
81
81
  selectionColor?: import("react-native").ColorValue | undefined;
82
82
  textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
83
- dataDetectorType?: "none" | "all" | "link" | "email" | "phoneNumber" | null | undefined;
83
+ dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
84
84
  android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
85
85
  accessible?: boolean | undefined;
86
86
  accessibilityActions?: readonly Readonly<{
@@ -104,9 +104,9 @@ export declare const Heading: import("react").ForwardRefExoticComponent<{
104
104
  "aria-valuenow"?: number | undefined;
105
105
  "aria-valuetext"?: string | undefined;
106
106
  onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
107
- importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
107
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
108
108
  "aria-hidden"?: boolean | undefined;
109
- "aria-live"?: "off" | "polite" | "assertive" | undefined;
109
+ "aria-live"?: "polite" | "assertive" | "off" | undefined;
110
110
  "aria-modal"?: boolean | undefined;
111
111
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
112
112
  accessibilityLabelledBy?: string | string[] | undefined;
@@ -125,7 +125,7 @@ export declare const Heading: import("react").ForwardRefExoticComponent<{
125
125
  "aria-colindex"?: number | undefined;
126
126
  "aria-colspan"?: number | undefined;
127
127
  "aria-controls"?: string | undefined;
128
- "aria-current"?: boolean | "time" | "page" | "date" | "step" | "location" | undefined;
128
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
129
129
  "aria-describedby"?: string | undefined;
130
130
  "aria-details"?: string | undefined;
131
131
  "aria-errormessage"?: string | undefined;
package/src/components/LakeHeading.d.ts CHANGED
@@ -29,7 +29,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
29
29
  selectable?: boolean | undefined;
30
30
  selectionColor?: import("react-native").ColorValue | undefined;
31
31
  textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
32
- dataDetectorType?: "none" | "all" | "link" | "email" | "phoneNumber" | null | undefined;
32
+ dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
33
33
  android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
34
34
  accessible?: boolean | undefined;
35
35
  accessibilityActions?: readonly Readonly<{
@@ -53,9 +53,9 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
53
53
  "aria-valuenow"?: number | undefined;
54
54
  "aria-valuetext"?: string | undefined;
55
55
  onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
56
- importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
56
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
57
57
  "aria-hidden"?: boolean | undefined;
58
- "aria-live"?: "off" | "polite" | "assertive" | undefined;
58
+ "aria-live"?: "polite" | "assertive" | "off" | undefined;
59
59
  "aria-modal"?: boolean | undefined;
60
60
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
61
61
  accessibilityLabelledBy?: string | string[] | undefined;
@@ -74,7 +74,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
74
74
  "aria-colindex"?: number | undefined;
75
75
  "aria-colspan"?: number | undefined;
76
76
  "aria-controls"?: string | undefined;
77
- "aria-current"?: boolean | "time" | "page" | "date" | "step" | "location" | undefined;
77
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
78
78
  "aria-describedby"?: string | undefined;
79
79
  "aria-details"?: string | undefined;
80
80
  "aria-errormessage"?: string | undefined;
package/src/components/LakeTextInput.d.ts CHANGED
@@ -72,7 +72,7 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
72
72
  role?: import("react-native").WebRole | undefined;
73
73
  lang?: string | undefined;
74
74
  initialValue?: string | undefined;
75
- autoComplete?: "name" | "email" | "tel" | "url" | "on" | "off" | "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" | "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;
75
+ autoComplete?: "name" | "email" | "off" | "url" | "tel" | "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;
76
76
  enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
77
77
  rows?: number | undefined;
78
78
  readOnly?: boolean | undefined;
@@ -150,9 +150,9 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
150
150
  "aria-valuenow"?: number | undefined;
151
151
  "aria-valuetext"?: string | undefined;
152
152
  onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
153
- importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
153
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
154
154
  "aria-hidden"?: boolean | undefined;
155
- "aria-live"?: "off" | "polite" | "assertive" | undefined;
155
+ "aria-live"?: "polite" | "assertive" | "off" | undefined;
156
156
  "aria-modal"?: boolean | undefined;
157
157
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
158
158
  accessibilityLabelledBy?: string | string[] | undefined;
@@ -171,7 +171,7 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
171
171
  "aria-colindex"?: number | undefined;
172
172
  "aria-colspan"?: number | undefined;
173
173
  "aria-controls"?: string | undefined;
174
- "aria-current"?: boolean | "time" | "page" | "date" | "step" | "location" | undefined;
174
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
175
175
  "aria-describedby"?: string | undefined;
176
176
  "aria-details"?: string | undefined;
177
177
  "aria-errormessage"?: string | undefined;
@@ -204,11 +204,11 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
204
204
  rejectResponderTermination?: boolean | null | undefined;
205
205
  selectionState?: import("react-native").DocumentSelectionState | undefined;
206
206
  spellCheck?: boolean | undefined;
207
- textContentType?: "none" | "name" | "password" | "location" | "nickname" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | undefined;
207
+ textContentType?: "none" | "name" | "location" | "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;
208
208
  scrollEnabled?: boolean | undefined;
209
209
  lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
210
210
  cursorColor?: import("react-native").ColorValue | null | undefined;
211
- importantForAutofill?: "auto" | "no" | "yes" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
211
+ importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
212
212
  disableFullscreenUI?: boolean | undefined;
213
213
  inlineImageLeft?: string | undefined;
214
214
  inlineImagePadding?: number | undefined;
package/src/components/Link.d.ts CHANGED
@@ -38,7 +38,7 @@ export declare const Link: import("react").MemoExoticComponent<import("react").F
38
38
  selectable?: boolean | undefined;
39
39
  selectionColor?: import("react-native").ColorValue | undefined;
40
40
  textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
41
- dataDetectorType?: "none" | "all" | "link" | "email" | "phoneNumber" | null | undefined;
41
+ dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
42
42
  android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
43
43
  accessible?: boolean | undefined;
44
44
  accessibilityActions?: readonly Readonly<{
@@ -62,9 +62,9 @@ export declare const Link: import("react").MemoExoticComponent<import("react").F
62
62
  "aria-valuenow"?: number | undefined;
63
63
  "aria-valuetext"?: string | undefined;
64
64
  onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
65
- importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
65
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
66
66
  "aria-hidden"?: boolean | undefined;
67
- "aria-live"?: "off" | "polite" | "assertive" | undefined;
67
+ "aria-live"?: "polite" | "assertive" | "off" | undefined;
68
68
  "aria-modal"?: boolean | undefined;
69
69
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
70
70
  accessibilityLabelledBy?: string | string[] | undefined;
@@ -83,7 +83,7 @@ export declare const Link: import("react").MemoExoticComponent<import("react").F
83
83
  "aria-colindex"?: number | undefined;
84
84
  "aria-colspan"?: number | undefined;
85
85
  "aria-controls"?: string | undefined;
86
- "aria-current"?: boolean | "time" | "page" | "date" | "step" | "location" | undefined;
86
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
87
87
  "aria-describedby"?: string | undefined;
88
88
  "aria-details"?: string | undefined;
89
89
  "aria-errormessage"?: string | undefined;
package/src/components/Pressable.d.ts CHANGED
@@ -59,7 +59,7 @@ export declare const PressableText: FC<{
59
59
  selectable?: boolean | undefined;
60
60
  selectionColor?: import("react-native").ColorValue | undefined;
61
61
  textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
62
- dataDetectorType?: "none" | "all" | "link" | "email" | "phoneNumber" | null | undefined;
62
+ dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
63
63
  android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
64
64
  accessible?: boolean | undefined;
65
65
  accessibilityActions?: readonly Readonly<{
@@ -83,9 +83,9 @@ export declare const PressableText: FC<{
83
83
  "aria-valuenow"?: number | undefined;
84
84
  "aria-valuetext"?: string | undefined;
85
85
  onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
86
- importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
86
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
87
87
  "aria-hidden"?: boolean | undefined;
88
- "aria-live"?: "off" | "polite" | "assertive" | undefined;
88
+ "aria-live"?: "polite" | "assertive" | "off" | undefined;
89
89
  "aria-modal"?: boolean | undefined;
90
90
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
91
91
  accessibilityLabelledBy?: string | string[] | undefined;
@@ -104,7 +104,7 @@ export declare const PressableText: FC<{
104
104
  "aria-colindex"?: number | undefined;
105
105
  "aria-colspan"?: number | undefined;
106
106
  "aria-controls"?: string | undefined;
107
- "aria-current"?: boolean | "time" | "page" | "date" | "step" | "location" | undefined;
107
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
108
108
  "aria-describedby"?: string | undefined;
109
109
  "aria-details"?: string | undefined;
110
110
  "aria-errormessage"?: string | undefined;
@@ -190,7 +190,7 @@ export declare const PressableTextInput: FC<{
190
190
  role?: import("react-native").WebRole | undefined;
191
191
  lang?: string | undefined;
192
192
  initialValue?: string | undefined;
193
- autoComplete?: "name" | "email" | "tel" | "url" | "on" | "off" | "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" | "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;
193
+ autoComplete?: "name" | "email" | "off" | "url" | "tel" | "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;
194
194
  enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "send" | "previous" | undefined;
195
195
  rows?: number | undefined;
196
196
  readOnly?: boolean | undefined;
@@ -265,9 +265,9 @@ export declare const PressableTextInput: FC<{
265
265
  "aria-valuenow"?: number | undefined;
266
266
  "aria-valuetext"?: string | undefined;
267
267
  onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
268
- importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
268
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
269
269
  "aria-hidden"?: boolean | undefined;
270
- "aria-live"?: "off" | "polite" | "assertive" | undefined;
270
+ "aria-live"?: "polite" | "assertive" | "off" | undefined;
271
271
  "aria-modal"?: boolean | undefined;
272
272
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
273
273
  accessibilityLabelledBy?: string | string[] | undefined;
@@ -286,7 +286,7 @@ export declare const PressableTextInput: FC<{
286
286
  "aria-colindex"?: number | undefined;
287
287
  "aria-colspan"?: number | undefined;
288
288
  "aria-controls"?: string | undefined;
289
- "aria-current"?: boolean | "time" | "page" | "date" | "step" | "location" | undefined;
289
+ "aria-current"?: boolean | "time" | "page" | "step" | "location" | "date" | undefined;
290
290
  "aria-describedby"?: string | undefined;
291
291
  "aria-details"?: string | undefined;
292
292
  "aria-errormessage"?: string | undefined;
@@ -319,11 +319,11 @@ export declare const PressableTextInput: FC<{
319
319
  rejectResponderTermination?: boolean | null | undefined;
320
320
  selectionState?: import("react-native").DocumentSelectionState | undefined;
321
321
  spellCheck?: boolean | undefined;
322
- textContentType?: "none" | "name" | "password" | "location" | "nickname" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | undefined;
322
+ textContentType?: "none" | "name" | "location" | "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;
323
323
  scrollEnabled?: boolean | undefined;
324
324
  lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
325
325
  cursorColor?: import("react-native").ColorValue | null | undefined;
326
- importantForAutofill?: "auto" | "no" | "yes" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
326
+ importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
327
327
  disableFullscreenUI?: boolean | undefined;
328
328
  inlineImageLeft?: string | undefined;
329
329
  inlineImagePadding?: number | undefined;
package/src/components/SegmentedControl.js CHANGED
@@ -30,7 +30,7 @@ const styles = StyleSheet.create({
30
30
  flexGrow: 1,
31
31
  flexShrink: 1,
32
32
  alignItems: "center",
33
- padding: spacings[12],
33
+ padding: spacings[16],
34
34
  flexDirection: "column",
35
35
  },
36
36
  itemDesktop: {