react-native-terra-ui 0.12.0 → 0.13.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.
- package/CHANGELOG.md +23 -0
- package/lib/module/components/accordion/Accordion.js +14 -33
- package/lib/module/components/accordion/Accordion.js.map +1 -1
- package/lib/module/components/accordion/parts/AccordionContent.js +11 -15
- package/lib/module/components/accordion/parts/AccordionContent.js.map +1 -1
- package/lib/module/components/accordion/parts/AccordionTrigger.js +5 -5
- package/lib/module/components/accordion/parts/AccordionTrigger.js.map +1 -1
- package/lib/module/components/avatar/Avatar.js +15 -3
- package/lib/module/components/avatar/Avatar.js.map +1 -1
- package/lib/module/components/badge/Badge.js +31 -22
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/badge/utils.js +12 -3
- package/lib/module/components/badge/utils.js.map +1 -1
- package/lib/module/components/chip/Chip.js +1 -0
- package/lib/module/components/chip/Chip.js.map +1 -1
- package/lib/module/components/header/parts/HeaderBar.js +91 -82
- package/lib/module/components/header/parts/HeaderBar.js.map +1 -1
- package/lib/module/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.js +50 -33
- package/lib/module/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.js.map +1 -1
- package/lib/module/components/input/parts/InputField.js +96 -82
- package/lib/module/components/input/parts/InputField.js.map +1 -1
- package/lib/module/components/text/Text.js +10 -6
- package/lib/module/components/text/Text.js.map +1 -1
- package/lib/module/theme/tokens/dark.js +2 -2
- package/lib/module/theme/tokens/dark.js.map +1 -1
- package/lib/module/theme/tokens/light.js +2 -2
- package/lib/module/theme/tokens/light.js.map +1 -1
- package/lib/module/theme/tokens/primitives.js +24 -4
- package/lib/module/theme/tokens/primitives.js.map +1 -1
- package/lib/typescript/src/components/accordion/Accordion.d.ts.map +1 -1
- package/lib/typescript/src/components/accordion/index.d.ts +1 -1
- package/lib/typescript/src/components/accordion/index.d.ts.map +1 -1
- package/lib/typescript/src/components/accordion/parts/AccordionContent.d.ts.map +1 -1
- package/lib/typescript/src/components/accordion/types.d.ts +0 -7
- package/lib/typescript/src/components/accordion/types.d.ts.map +1 -1
- package/lib/typescript/src/components/avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/src/components/badge/Badge.d.ts.map +1 -1
- package/lib/typescript/src/components/badge/utils.d.ts +6 -0
- package/lib/typescript/src/components/badge/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/input/parts/InputField.d.ts.map +1 -1
- package/lib/typescript/src/theme/tokens/primitives.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/accordion/Accordion.tsx +5 -19
- package/src/components/accordion/index.ts +0 -1
- package/src/components/accordion/parts/AccordionContent.tsx +14 -12
- package/src/components/accordion/parts/AccordionTrigger.tsx +3 -3
- package/src/components/accordion/types.ts +0 -8
- package/src/components/avatar/Avatar.tsx +12 -2
- package/src/components/badge/Badge.tsx +25 -15
- package/src/components/badge/utils.ts +12 -3
- package/src/components/chip/Chip.tsx +1 -0
- package/src/components/header/parts/HeaderBar.tsx +80 -70
- package/src/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.tsx +47 -29
- package/src/components/input/parts/InputField.tsx +63 -55
- package/src/components/text/Text.tsx +10 -6
- package/src/theme/tokens/dark.ts +2 -2
- package/src/theme/tokens/light.ts +2 -2
- package/src/theme/tokens/primitives.ts +24 -4
|
@@ -6,7 +6,7 @@ import { useState } from "react";
|
|
|
6
6
|
import Animated from "react-native-reanimated";
|
|
7
7
|
import { ScrollToTopGuard } from "react-native-screens/experimental";
|
|
8
8
|
import { StyleSheet, useUnistyles } from "react-native-unistyles";
|
|
9
|
-
import { FONT_WEIGHT_VALUE } from "../../../utils/typography.js";
|
|
9
|
+
import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../../utils/typography.js";
|
|
10
10
|
import { resolveScreenPadding } from "../../../theme/screen-padding.js";
|
|
11
11
|
import { Toolbar } from "../../toolbar/index.js";
|
|
12
12
|
import { HeaderDismissButton } from "../header-buttons.js";
|
|
@@ -96,91 +96,100 @@ export function HeaderBar({
|
|
|
96
96
|
);
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
|
-
const styles = StyleSheet.create((theme, runtime) =>
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
// instead of running underneath it. A left-aligned title is in the flex row
|
|
110
|
-
// already and needs none of this.
|
|
111
|
-
titleInsets: (left, right, leadingWidth, trailingWidth, alignment) => {
|
|
112
|
-
if (alignment !== "center") return {
|
|
99
|
+
const styles = StyleSheet.create((theme, runtime) => {
|
|
100
|
+
// Resolved inline: the unistyles Babel plugin rewrites this factory, so an
|
|
101
|
+
// imported helper called from inside it is not in scope at runtime.
|
|
102
|
+
const titleWeight = theme.typography.variants["title-md"].fontWeight;
|
|
103
|
+
const titleFont = theme.typography.fonts[titleWeight];
|
|
104
|
+
const isSystemTitleFont = titleFont === SYSTEM_FONT;
|
|
105
|
+
return {
|
|
106
|
+
windowInsets: (left, right) => ({
|
|
107
|
+
paddingLeft: Math.max(resolveScreenPadding(theme, runtime.breakpoint).x, left),
|
|
108
|
+
paddingRight: Math.max(resolveScreenPadding(theme, runtime.breakpoint).x, right),
|
|
113
109
|
uni__dependencies: [0, 3]
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
},
|
|
145
|
-
left: {}
|
|
146
|
-
}
|
|
110
|
+
}),
|
|
111
|
+
// A centered title spans the region between the window controls and is inset
|
|
112
|
+
// by the same amount from both of its edges, so it stays centered in that
|
|
113
|
+
// region. The inset is whichever side reaches further in — bar padding plus
|
|
114
|
+
// that side's toolbar — so a long title truncates before either toolbar
|
|
115
|
+
// instead of running underneath it. A left-aligned title is in the flex row
|
|
116
|
+
// already and needs none of this.
|
|
117
|
+
titleInsets: (left, right, leadingWidth, trailingWidth, alignment) => {
|
|
118
|
+
if (alignment !== "center") return {
|
|
119
|
+
uni__dependencies: [0, 3]
|
|
120
|
+
};
|
|
121
|
+
const padding = resolveScreenPadding(theme, runtime.breakpoint).x;
|
|
122
|
+
const gap = theme.spacing["3"];
|
|
123
|
+
const reachLeft = Math.max(padding, left) + (leadingWidth > 0 ? leadingWidth + gap : 0) - left;
|
|
124
|
+
const reachRight = Math.max(padding, right) + (trailingWidth > 0 ? trailingWidth + gap : 0) - right;
|
|
125
|
+
const inset = Math.max(reachLeft, reachRight);
|
|
126
|
+
return {
|
|
127
|
+
left: left + inset,
|
|
128
|
+
right: right + inset,
|
|
129
|
+
uni__dependencies: [0, 3]
|
|
130
|
+
};
|
|
131
|
+
},
|
|
132
|
+
bar: {
|
|
133
|
+
height: theme.layout.header.height,
|
|
134
|
+
flexDirection: "row",
|
|
135
|
+
alignItems: "center",
|
|
136
|
+
paddingHorizontal: theme.layout.screen.padding.x,
|
|
137
|
+
gap: theme.spacing["3"],
|
|
138
|
+
justifyContent: "space-between",
|
|
139
|
+
uni__dependencies: [0]
|
|
147
140
|
},
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
left: {
|
|
160
|
-
flex: 1,
|
|
161
|
-
alignItems: "flex-start"
|
|
141
|
+
// A centered title is absolutely positioned, so it leaves the flex row. With
|
|
142
|
+
// no leading slot the trailing toolbar would be the only in-flow child and
|
|
143
|
+
// `space-between` would park it on the left — the auto margin pins it right.
|
|
144
|
+
trailing: {
|
|
145
|
+
justifyContent: "flex-end",
|
|
146
|
+
variants: {
|
|
147
|
+
titleAlignment: {
|
|
148
|
+
center: {
|
|
149
|
+
marginLeft: "auto"
|
|
150
|
+
},
|
|
151
|
+
left: {}
|
|
162
152
|
}
|
|
163
|
-
}
|
|
153
|
+
},
|
|
154
|
+
uni__dependencies: [4]
|
|
164
155
|
},
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
left: {
|
|
179
|
-
textAlign: "left"
|
|
156
|
+
titleContainer: {
|
|
157
|
+
variants: {
|
|
158
|
+
titleAlignment: {
|
|
159
|
+
center: {
|
|
160
|
+
position: "absolute",
|
|
161
|
+
left: 0,
|
|
162
|
+
right: 0,
|
|
163
|
+
alignItems: "center"
|
|
164
|
+
},
|
|
165
|
+
left: {
|
|
166
|
+
flex: 1,
|
|
167
|
+
alignItems: "flex-start"
|
|
168
|
+
}
|
|
180
169
|
}
|
|
181
|
-
}
|
|
170
|
+
},
|
|
171
|
+
uni__dependencies: [4]
|
|
182
172
|
},
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
173
|
+
title: {
|
|
174
|
+
fontSize: theme.typography.variants["title-md"].fontSize,
|
|
175
|
+
lineHeight: theme.typography.variants["title-md"].lineHeight,
|
|
176
|
+
letterSpacing: theme.typography.variants["title-md"].letterSpacing,
|
|
177
|
+
fontFamily: isSystemTitleFont ? undefined : titleFont,
|
|
178
|
+
fontWeight: isSystemTitleFont ? FONT_WEIGHT_VALUE[titleWeight] : undefined,
|
|
179
|
+
includeFontPadding: false,
|
|
180
|
+
color: theme.color["text.primary"] ?? "",
|
|
181
|
+
variants: {
|
|
182
|
+
titleAlignment: {
|
|
183
|
+
center: {
|
|
184
|
+
textAlign: "center"
|
|
185
|
+
},
|
|
186
|
+
left: {
|
|
187
|
+
textAlign: "left"
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
},
|
|
191
|
+
uni__dependencies: [0, 4]
|
|
192
|
+
}
|
|
193
|
+
};
|
|
194
|
+
});
|
|
186
195
|
//# sourceMappingURL=HeaderBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","Animated","ScrollToTopGuard","StyleSheet","useUnistyles","FONT_WEIGHT_VALUE","resolveScreenPadding","Toolbar","HeaderDismissButton","isCustomTitle","isTextTitle","HeaderSurface","HeaderWindowInsets","jsx","_jsx","jsxs","_jsxs","HeaderBar","title","leading","trailing","titleAlignment","color","surfaceStyle","titleStyle","dismissAction","navigation","onDismiss","theme","windowInsets","setWindowInsets","left","right","leadingWidth","setLeadingWidth","trailingWidth","setTrailingWidth","onLeadingLayout","event","nativeEvent","layout","width","onTrailingLayout","hasLeading","hasTrailing","_styles","styles","useVariants","dismiss","children","View","style","bar","animatedStyle","onInsetsChange","onLayout","titleContainer","titleInsets","pointerEvents","String","trim","length","Text","numberOfLines","maxFontSizeMultiplier","typography","variants","create","runtime","paddingLeft","Math","max","breakpoint","x","paddingRight","uni__dependencies","alignment","padding","gap","spacing","reachLeft","reachRight","inset","height","header","flexDirection","alignItems","paddingHorizontal","screen","justifyContent","center","marginLeft","position","flex","fontSize","lineHeight","letterSpacing","
|
|
1
|
+
{"version":3,"names":["useState","Animated","ScrollToTopGuard","StyleSheet","useUnistyles","FONT_WEIGHT_VALUE","SYSTEM_FONT","resolveScreenPadding","Toolbar","HeaderDismissButton","isCustomTitle","isTextTitle","HeaderSurface","HeaderWindowInsets","jsx","_jsx","jsxs","_jsxs","HeaderBar","title","leading","trailing","titleAlignment","color","surfaceStyle","titleStyle","dismissAction","navigation","onDismiss","theme","windowInsets","setWindowInsets","left","right","leadingWidth","setLeadingWidth","trailingWidth","setTrailingWidth","onLeadingLayout","event","nativeEvent","layout","width","onTrailingLayout","hasLeading","hasTrailing","_styles","styles","useVariants","dismiss","children","View","style","bar","animatedStyle","onInsetsChange","onLayout","titleContainer","titleInsets","pointerEvents","String","trim","length","Text","numberOfLines","maxFontSizeMultiplier","typography","variants","create","runtime","titleWeight","fontWeight","titleFont","fonts","isSystemTitleFont","paddingLeft","Math","max","breakpoint","x","paddingRight","uni__dependencies","alignment","padding","gap","spacing","reachLeft","reachRight","inset","height","header","flexDirection","alignItems","paddingHorizontal","screen","justifyContent","center","marginLeft","position","flex","fontSize","lineHeight","letterSpacing","fontFamily","undefined","includeFontPadding","textAlign"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { Text } from "react-native-unistyles/components/native/Text";
|
|
4
4
|
import Animated from "react-native-reanimated";
|
|
5
5
|
import { StyleSheet, useUnistyles } from "react-native-unistyles";
|
|
6
|
-
import { FONT_WEIGHT_VALUE } from "../../../../../utils/typography.js";
|
|
6
|
+
import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../../../../utils/typography.js";
|
|
7
7
|
import { isTextTitle } from "../../../utils.js";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
export function LargeTitleContent({
|
|
@@ -37,36 +37,53 @@ export function LargeTitleContent({
|
|
|
37
37
|
})]
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
|
-
const styles = StyleSheet.create(theme =>
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
40
|
+
const styles = StyleSheet.create(theme => {
|
|
41
|
+
// Resolved inline: the unistyles Babel plugin rewrites this factory, so an
|
|
42
|
+
// imported helper called from inside it is not in scope at runtime.
|
|
43
|
+
const overlineWeight = theme.typography.variants["label-sm"].fontWeight;
|
|
44
|
+
const overlineFont = theme.typography.fonts[overlineWeight];
|
|
45
|
+
const isSystemOverlineFont = overlineFont === SYSTEM_FONT;
|
|
46
|
+
const titleWeight = theme.typography.variants["headline-lg"].fontWeight;
|
|
47
|
+
const titleFont = theme.typography.fonts[titleWeight];
|
|
48
|
+
const isSystemTitleFont = titleFont === SYSTEM_FONT;
|
|
49
|
+
const subtitleWeight = theme.typography.variants["body-lg"].fontWeight;
|
|
50
|
+
const subtitleFont = theme.typography.fonts[subtitleWeight];
|
|
51
|
+
const isSystemSubtitleFont = subtitleFont === SYSTEM_FONT;
|
|
52
|
+
return {
|
|
53
|
+
portalContent: hasAccessoryBelow => ({
|
|
54
|
+
gap: theme.spacing["1"] / 2,
|
|
55
|
+
// Include the gap in the measured height used to position the accessory.
|
|
56
|
+
paddingBottom: hasAccessoryBelow ? theme.spacing["2"] : 0,
|
|
57
|
+
paddingHorizontal: theme.layout.screen.padding.x,
|
|
58
|
+
uni__dependencies: [0]
|
|
59
|
+
}),
|
|
60
|
+
overline: {
|
|
61
|
+
fontSize: theme.typography.variants["label-sm"].fontSize,
|
|
62
|
+
lineHeight: theme.typography.variants["label-sm"].lineHeight,
|
|
63
|
+
letterSpacing: theme.typography.variants["label-sm"].letterSpacing,
|
|
64
|
+
fontFamily: isSystemOverlineFont ? undefined : overlineFont,
|
|
65
|
+
fontWeight: isSystemOverlineFont ? FONT_WEIGHT_VALUE[overlineWeight] : undefined,
|
|
66
|
+
color: theme.color["text.tertiary"] ?? "",
|
|
67
|
+
uni__dependencies: [0]
|
|
68
|
+
},
|
|
69
|
+
largeTitle: {
|
|
70
|
+
fontSize: theme.typography.variants["headline-lg"].fontSize,
|
|
71
|
+
lineHeight: theme.typography.variants["headline-lg"].lineHeight,
|
|
72
|
+
letterSpacing: theme.typography.variants["headline-lg"].letterSpacing,
|
|
73
|
+
fontFamily: isSystemTitleFont ? undefined : titleFont,
|
|
74
|
+
fontWeight: isSystemTitleFont ? FONT_WEIGHT_VALUE[titleWeight] : undefined,
|
|
75
|
+
color: theme.color["text.primary"] ?? "",
|
|
76
|
+
uni__dependencies: [0]
|
|
77
|
+
},
|
|
78
|
+
subtitle: {
|
|
79
|
+
fontSize: theme.typography.variants["body-lg"].fontSize,
|
|
80
|
+
lineHeight: theme.typography.variants["body-lg"].lineHeight,
|
|
81
|
+
letterSpacing: theme.typography.variants["body-lg"].letterSpacing,
|
|
82
|
+
fontFamily: isSystemSubtitleFont ? undefined : subtitleFont,
|
|
83
|
+
fontWeight: isSystemSubtitleFont ? FONT_WEIGHT_VALUE[subtitleWeight] : undefined,
|
|
84
|
+
color: theme.color["text.tertiary"] ?? "",
|
|
85
|
+
uni__dependencies: [0]
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
});
|
|
72
89
|
//# sourceMappingURL=LargeTitleContent.js.map
|
package/lib/module/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","StyleSheet","useUnistyles","FONT_WEIGHT_VALUE","isTextTitle","jsx","_jsx","jsxs","_jsxs","LargeTitleContent","title","overline","subtitle","hasAccessoryBelow","onHeightChange","animatedStyle","theme","handleLayout","event","nativeEvent","layout","height","View","style","styles","portalContent","onLayout","children","Text","maxFontSizeMultiplier","typography","variants","largeTitle","create","gap","spacing","paddingBottom","paddingHorizontal","screen","padding","x","uni__dependencies","fontSize","lineHeight","letterSpacing","
|
|
1
|
+
{"version":3,"names":["Animated","StyleSheet","useUnistyles","FONT_WEIGHT_VALUE","SYSTEM_FONT","isTextTitle","jsx","_jsx","jsxs","_jsxs","LargeTitleContent","title","overline","subtitle","hasAccessoryBelow","onHeightChange","animatedStyle","theme","handleLayout","event","nativeEvent","layout","height","View","style","styles","portalContent","onLayout","children","Text","maxFontSizeMultiplier","typography","variants","largeTitle","create","overlineWeight","fontWeight","overlineFont","fonts","isSystemOverlineFont","titleWeight","titleFont","isSystemTitleFont","subtitleWeight","subtitleFont","isSystemSubtitleFont","gap","spacing","paddingBottom","paddingHorizontal","screen","padding","x","uni__dependencies","fontSize","lineHeight","letterSpacing","fontFamily","undefined","color"],"sourceRoot":"../../../../../../../src","sources":["components/header/variants/LargeTitleHeader/parts/LargeTitleContent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ import { TextInput } from "react-native-unistyles/components/native/TextInput";
|
|
|
5
5
|
import { forwardRef, useCallback, useState } from "react";
|
|
6
6
|
import { StyleSheet, useUnistyles } from "react-native-unistyles";
|
|
7
7
|
import { resolveThemeColor } from "../../../utils/resolve-theme-color.js";
|
|
8
|
-
import { FONT_WEIGHT_VALUE } from "../../../utils/typography.js";
|
|
8
|
+
import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../../utils/typography.js";
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
/** Typographic role of the text, per size. */
|
|
11
11
|
const TEXT_VARIANT = {
|
|
@@ -61,7 +61,11 @@ export const InputField = /*#__PURE__*/forwardRef(function InputField({
|
|
|
61
61
|
ref: ref,
|
|
62
62
|
editable: !isDisabled,
|
|
63
63
|
placeholderTextColor: theme.color["text.tertiary"],
|
|
64
|
-
style: styles.input
|
|
64
|
+
style: styles.input
|
|
65
|
+
// The container height is fixed per size, so scaling stops where the
|
|
66
|
+
// body role does rather than growing past the box.
|
|
67
|
+
,
|
|
68
|
+
maxFontSizeMultiplier: theme.typography.variants[TEXT_VARIANT[size]].maxFontSizeMultiplier,
|
|
65
69
|
onFocus: handleFocus,
|
|
66
70
|
onBlur: handleBlur,
|
|
67
71
|
...rest
|
|
@@ -69,93 +73,103 @@ export const InputField = /*#__PURE__*/forwardRef(function InputField({
|
|
|
69
73
|
});
|
|
70
74
|
}
|
|
71
75
|
});
|
|
72
|
-
const styles = StyleSheet.create(theme =>
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
76
|
+
const styles = StyleSheet.create(theme => {
|
|
77
|
+
// Resolved inline rather than through a helper: the unistyles Babel plugin
|
|
78
|
+
// rewrites this factory, and an imported function called from inside it is
|
|
79
|
+
// not in scope at runtime. Every body role shares one weight, so one lookup
|
|
80
|
+
// covers all three sizes.
|
|
81
|
+
const bodyWeight = theme.typography.variants[TEXT_VARIANT.md].fontWeight;
|
|
82
|
+
const bodyFont = theme.typography.fonts[bodyWeight];
|
|
83
|
+
const isSystemBodyFont = bodyFont === SYSTEM_FONT;
|
|
84
|
+
return {
|
|
85
|
+
container: {
|
|
86
|
+
flexDirection: "row",
|
|
87
|
+
alignItems: "center",
|
|
88
|
+
borderWidth: StyleSheet.hairlineWidth,
|
|
89
|
+
borderColor: theme.color["border.subtle"],
|
|
90
|
+
variants: {
|
|
91
|
+
size: {
|
|
92
|
+
sm: {
|
|
93
|
+
height: 36,
|
|
94
|
+
paddingHorizontal: theme.spacing["4"],
|
|
95
|
+
gap: 6
|
|
96
|
+
},
|
|
97
|
+
md: {
|
|
98
|
+
height: 44,
|
|
99
|
+
paddingHorizontal: theme.spacing["4"],
|
|
100
|
+
gap: 6
|
|
101
|
+
},
|
|
102
|
+
lg: {
|
|
103
|
+
height: 52,
|
|
104
|
+
paddingHorizontal: theme.spacing["4"],
|
|
105
|
+
gap: 6
|
|
106
|
+
}
|
|
84
107
|
},
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
108
|
+
focused: {
|
|
109
|
+
true: {
|
|
110
|
+
borderColor: theme.color["accent.border"]
|
|
111
|
+
},
|
|
112
|
+
false: {}
|
|
89
113
|
},
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
},
|
|
96
|
-
focused: {
|
|
97
|
-
true: {
|
|
98
|
-
borderColor: theme.color["accent.border"]
|
|
99
|
-
},
|
|
100
|
-
false: {}
|
|
101
|
-
},
|
|
102
|
-
invalid: {
|
|
103
|
-
true: {
|
|
104
|
-
borderColor: theme.color["danger.text"]
|
|
114
|
+
invalid: {
|
|
115
|
+
true: {
|
|
116
|
+
borderColor: theme.color["danger.text"]
|
|
117
|
+
},
|
|
118
|
+
false: {}
|
|
105
119
|
},
|
|
106
|
-
|
|
120
|
+
disabled: {
|
|
121
|
+
true: {
|
|
122
|
+
opacity: theme.opacity.disabled
|
|
123
|
+
},
|
|
124
|
+
false: {}
|
|
125
|
+
}
|
|
107
126
|
},
|
|
108
|
-
|
|
109
|
-
true: {
|
|
110
|
-
opacity: theme.opacity.disabled
|
|
111
|
-
},
|
|
112
|
-
false: {}
|
|
113
|
-
}
|
|
127
|
+
uni__dependencies: [0, 4]
|
|
114
128
|
},
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
129
|
+
// `background` is an open `ColorToken` and `radius` an eight-step scale, so
|
|
130
|
+
// both resolve in a dynamic function rather than enumerating as variants.
|
|
131
|
+
fill: (background, radius) => ({
|
|
132
|
+
backgroundColor: resolveThemeColor(background, theme),
|
|
133
|
+
borderRadius: theme.radius[radius],
|
|
134
|
+
uni__dependencies: [0]
|
|
135
|
+
}),
|
|
136
|
+
input: {
|
|
137
|
+
flex: 1,
|
|
138
|
+
// Android centres text in a taller box by default; zeroing the padding lets
|
|
139
|
+
// the container's own height own the geometry on both platforms.
|
|
140
|
+
paddingVertical: 0,
|
|
141
|
+
color: theme.color["text.primary"],
|
|
142
|
+
// Custom fonts encode weight in the family name; the system font takes a
|
|
143
|
+
// numeric weight instead.
|
|
144
|
+
fontFamily: isSystemBodyFont ? undefined : bodyFont,
|
|
145
|
+
fontWeight: isSystemBodyFont ? FONT_WEIGHT_VALUE[bodyWeight] : undefined,
|
|
146
|
+
variants: {
|
|
147
|
+
size: {
|
|
148
|
+
sm: {
|
|
149
|
+
fontSize: theme.typography.variants[TEXT_VARIANT.sm].fontSize
|
|
150
|
+
},
|
|
151
|
+
md: {
|
|
152
|
+
fontSize: theme.typography.variants[TEXT_VARIANT.md].fontSize
|
|
153
|
+
},
|
|
154
|
+
lg: {
|
|
155
|
+
fontSize: theme.typography.variants[TEXT_VARIANT.lg].fontSize
|
|
156
|
+
}
|
|
135
157
|
},
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
158
|
+
focused: {
|
|
159
|
+
true: {},
|
|
160
|
+
false: {}
|
|
139
161
|
},
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
162
|
+
invalid: {
|
|
163
|
+
true: {},
|
|
164
|
+
false: {}
|
|
165
|
+
},
|
|
166
|
+
disabled: {
|
|
167
|
+
true: {},
|
|
168
|
+
false: {}
|
|
143
169
|
}
|
|
144
170
|
},
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
invalid: {
|
|
150
|
-
true: {},
|
|
151
|
-
false: {}
|
|
152
|
-
},
|
|
153
|
-
disabled: {
|
|
154
|
-
true: {},
|
|
155
|
-
false: {}
|
|
156
|
-
}
|
|
157
|
-
},
|
|
158
|
-
uni__dependencies: [0, 4]
|
|
159
|
-
}
|
|
160
|
-
}));
|
|
171
|
+
uni__dependencies: [0, 4]
|
|
172
|
+
}
|
|
173
|
+
};
|
|
174
|
+
});
|
|
161
175
|
//# sourceMappingURL=InputField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useState","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","jsx","_jsx","jsxs","_jsxs","TEXT_VARIANT","sm","md","lg","InputField","size","isDisabled","isInvalid","leading","trailing","background","radius","style","onFocus","onBlur","rest","ref","isFocused","setIsFocused","theme","handleFocus","event","handleBlur","_styles","styles","useVariants","disabled","invalid","focused","View","container","fill","children","TextInput","editable","placeholderTextColor","color","input","create","flexDirection","alignItems","borderWidth","hairlineWidth","borderColor","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useState","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","SYSTEM_FONT","jsx","_jsx","jsxs","_jsxs","TEXT_VARIANT","sm","md","lg","InputField","size","isDisabled","isInvalid","leading","trailing","background","radius","style","onFocus","onBlur","rest","ref","isFocused","setIsFocused","theme","handleFocus","event","handleBlur","_styles","styles","useVariants","disabled","invalid","focused","View","container","fill","children","TextInput","editable","placeholderTextColor","color","input","maxFontSizeMultiplier","typography","variants","create","bodyWeight","fontWeight","bodyFont","fonts","isSystemBodyFont","flexDirection","alignItems","borderWidth","hairlineWidth","borderColor","height","paddingHorizontal","spacing","gap","true","false","opacity","uni__dependencies","backgroundColor","borderRadius","flex","paddingVertical","fontFamily","undefined","fontSize"],"sourceRoot":"../../../../../src","sources":["components/input/parts/InputField.tsx"],"mappings":"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","ignoreList":[]}
|