@xleddyl/443-components-native 0.6.0 → 0.7.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/README.md +72 -25
- package/assets/fonts/geist/Geist-Bold.ttf +0 -0
- package/assets/fonts/geist/Geist-Medium.ttf +0 -0
- package/assets/fonts/geist/Geist-Regular.ttf +0 -0
- package/assets/fonts/geist/Geist-SemiBold.ttf +0 -0
- package/assets/fonts/geist/OFL.txt +92 -0
- package/assets/fonts/index.d.ts +10 -1
- package/assets/fonts/index.js +10 -1
- package/lib/module/components/core/BlurSurface.js +47 -0
- package/lib/module/components/core/BlurSurface.js.map +1 -0
- package/lib/module/components/core/DefaultIcon.js +13 -0
- package/lib/module/components/core/DefaultIcon.js.map +1 -1
- package/lib/module/components/core/IconButton.js +5 -2
- package/lib/module/components/core/IconButton.js.map +1 -1
- package/lib/module/components/core/Screen.js +110 -57
- package/lib/module/components/core/Screen.js.map +1 -1
- package/lib/module/components/core/TextField.js +3 -2
- package/lib/module/components/core/TextField.js.map +1 -1
- package/lib/module/components/core/buttonColors.js +2 -1
- package/lib/module/components/core/buttonColors.js.map +1 -1
- package/lib/module/components/core/gutter.js +6 -0
- package/lib/module/components/core/gutter.js.map +1 -0
- package/lib/module/components/core/index.js +2 -0
- package/lib/module/components/core/index.js.map +1 -1
- package/lib/module/components/core/useKeyboardReveal.js +95 -0
- package/lib/module/components/core/useKeyboardReveal.js.map +1 -0
- package/lib/module/components/display/Card.js +9 -2
- package/lib/module/components/display/Card.js.map +1 -1
- package/lib/module/components/display/List.js +6 -5
- package/lib/module/components/display/List.js.map +1 -1
- package/lib/module/components/forms/Checkbox.js +1 -1
- package/lib/module/components/forms/Checkbox.js.map +1 -1
- package/lib/module/components/forms/ChipInput.js +3 -2
- package/lib/module/components/forms/ChipInput.js.map +1 -1
- package/lib/module/components/forms/PinInput.js +18 -13
- package/lib/module/components/forms/PinInput.js.map +1 -1
- package/lib/module/components/forms/Radio.js +7 -2
- package/lib/module/components/forms/Radio.js.map +1 -1
- package/lib/module/components/forms/SegmentedControl.js +57 -42
- package/lib/module/components/forms/SegmentedControl.js.map +1 -1
- package/lib/module/components/navigation/BackButton.js +10 -6
- package/lib/module/components/navigation/BackButton.js.map +1 -1
- package/lib/module/components/navigation/Header.js +61 -49
- package/lib/module/components/navigation/Header.js.map +1 -1
- package/lib/module/components/navigation/TabBar.js +37 -20
- package/lib/module/components/navigation/TabBar.js.map +1 -1
- package/lib/module/components/navigation/TabBarItem.js +5 -6
- package/lib/module/components/navigation/TabBarItem.js.map +1 -1
- package/lib/module/components/navigation/Tabs.js +82 -58
- package/lib/module/components/navigation/Tabs.js.map +1 -1
- package/lib/module/components/navigation/index.js +1 -1
- package/lib/module/components/navigation/index.js.map +1 -1
- package/lib/module/components/navigation/tabBarUtils.js +7 -1
- package/lib/module/components/navigation/tabBarUtils.js.map +1 -1
- package/lib/module/components/overlays/Dialog.js +11 -9
- package/lib/module/components/overlays/Dialog.js.map +1 -1
- package/lib/module/components/overlays/OverlayHeader.js +30 -24
- package/lib/module/components/overlays/OverlayHeader.js.map +1 -1
- package/lib/module/components/overlays/Sheet.js +17 -3
- package/lib/module/components/overlays/Sheet.js.map +1 -1
- package/lib/module/components/overlays/Toast.js +69 -105
- package/lib/module/components/overlays/Toast.js.map +1 -1
- package/lib/module/components/overlays/ToastHost.js +0 -3
- package/lib/module/components/overlays/ToastHost.js.map +1 -1
- package/lib/module/components/overlays/toastStore.js +0 -2
- package/lib/module/components/overlays/toastStore.js.map +1 -1
- package/lib/module/hooks/useSlidingIndicator.js +146 -15
- package/lib/module/hooks/useSlidingIndicator.js.map +1 -1
- package/lib/module/icons/heroicons.js +1 -0
- package/lib/module/icons/heroicons.js.map +1 -1
- package/lib/module/presets/default.js +99 -148
- package/lib/module/presets/default.js.map +1 -1
- package/lib/module/presets/funnel.js +17 -51
- package/lib/module/presets/funnel.js.map +1 -1
- package/lib/module/presets/spotfish.js +38 -21
- package/lib/module/presets/spotfish.js.map +1 -1
- package/lib/module/presets/suedtirol.js +38 -19
- package/lib/module/presets/suedtirol.js.map +1 -1
- package/lib/module/theme/configureUi.js +4 -1
- package/lib/module/theme/configureUi.js.map +1 -1
- package/lib/module/theme/defaults.js +45 -21
- package/lib/module/theme/defaults.js.map +1 -1
- package/lib/module/theme/index.js +1 -1
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/theme/settings.js +3 -0
- package/lib/module/theme/settings.js.map +1 -1
- package/lib/module/utils/color.js +38 -0
- package/lib/module/utils/color.js.map +1 -0
- package/lib/module/utils/controlSize.js +17 -0
- package/lib/module/utils/controlSize.js.map +1 -0
- package/lib/typescript/components/core/BlurSurface.d.ts +12 -0
- package/lib/typescript/components/core/BlurSurface.d.ts.map +1 -0
- package/lib/typescript/components/core/DefaultIcon.d.ts.map +1 -1
- package/lib/typescript/components/core/IconButton.d.ts +3 -2
- package/lib/typescript/components/core/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/core/Screen.d.ts +3 -2
- package/lib/typescript/components/core/Screen.d.ts.map +1 -1
- package/lib/typescript/components/core/TextField.d.ts.map +1 -1
- package/lib/typescript/components/core/buttonColors.d.ts.map +1 -1
- package/lib/typescript/components/core/gutter.d.ts +3 -0
- package/lib/typescript/components/core/gutter.d.ts.map +1 -0
- package/lib/typescript/components/core/index.d.ts +3 -0
- package/lib/typescript/components/core/index.d.ts.map +1 -1
- package/lib/typescript/components/core/useKeyboardReveal.d.ts +21 -0
- package/lib/typescript/components/core/useKeyboardReveal.d.ts.map +1 -0
- package/lib/typescript/components/display/Card.d.ts.map +1 -1
- package/lib/typescript/components/display/List.d.ts.map +1 -1
- package/lib/typescript/components/forms/ChipInput.d.ts.map +1 -1
- package/lib/typescript/components/forms/PinInput.d.ts +2 -1
- package/lib/typescript/components/forms/PinInput.d.ts.map +1 -1
- package/lib/typescript/components/forms/Radio.d.ts.map +1 -1
- package/lib/typescript/components/forms/SegmentedControl.d.ts.map +1 -1
- package/lib/typescript/components/navigation/BackButton.d.ts +3 -2
- package/lib/typescript/components/navigation/BackButton.d.ts.map +1 -1
- package/lib/typescript/components/navigation/Header.d.ts +3 -0
- package/lib/typescript/components/navigation/Header.d.ts.map +1 -1
- package/lib/typescript/components/navigation/TabBar.d.ts +1 -0
- package/lib/typescript/components/navigation/TabBar.d.ts.map +1 -1
- package/lib/typescript/components/navigation/Tabs.d.ts +2 -1
- package/lib/typescript/components/navigation/Tabs.d.ts.map +1 -1
- package/lib/typescript/components/navigation/index.d.ts +1 -1
- package/lib/typescript/components/navigation/index.d.ts.map +1 -1
- package/lib/typescript/components/navigation/tabBarUtils.d.ts +2 -1
- package/lib/typescript/components/navigation/tabBarUtils.d.ts.map +1 -1
- package/lib/typescript/components/overlays/OverlayHeader.d.ts +2 -1
- package/lib/typescript/components/overlays/OverlayHeader.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Sheet.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Toast.d.ts +2 -7
- package/lib/typescript/components/overlays/Toast.d.ts.map +1 -1
- package/lib/typescript/components/overlays/ToastHost.d.ts +1 -2
- package/lib/typescript/components/overlays/ToastHost.d.ts.map +1 -1
- package/lib/typescript/components/overlays/index.d.ts +1 -1
- package/lib/typescript/components/overlays/index.d.ts.map +1 -1
- package/lib/typescript/components/overlays/toastStore.d.ts +0 -6
- package/lib/typescript/components/overlays/toastStore.d.ts.map +1 -1
- package/lib/typescript/hooks/useSlidingIndicator.d.ts +42 -7
- package/lib/typescript/hooks/useSlidingIndicator.d.ts.map +1 -1
- package/lib/typescript/icons/heroicons.d.ts.map +1 -1
- package/lib/typescript/native/fallbacks/dateFormat.d.ts +1 -1
- package/lib/typescript/presets/default.d.ts.map +1 -1
- package/lib/typescript/presets/funnel.d.ts +6 -1
- package/lib/typescript/presets/funnel.d.ts.map +1 -1
- package/lib/typescript/presets/spotfish.d.ts.map +1 -1
- package/lib/typescript/presets/suedtirol.d.ts.map +1 -1
- package/lib/typescript/theme/configureUi.d.ts +2 -1
- package/lib/typescript/theme/configureUi.d.ts.map +1 -1
- package/lib/typescript/theme/defaults.d.ts.map +1 -1
- package/lib/typescript/theme/index.d.ts +2 -2
- package/lib/typescript/theme/index.d.ts.map +1 -1
- package/lib/typescript/theme/settings.d.ts +11 -0
- package/lib/typescript/theme/settings.d.ts.map +1 -1
- package/lib/typescript/theme/types.d.ts +1 -2
- package/lib/typescript/theme/types.d.ts.map +1 -1
- package/lib/typescript/utils/color.d.ts +4 -0
- package/lib/typescript/utils/color.d.ts.map +1 -0
- package/lib/typescript/utils/controlSize.d.ts +7 -0
- package/lib/typescript/utils/controlSize.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FlatList","SectionList","View","StyleSheet","Text","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ListRow","first","last","inset","separators","separatorInset","rowStyle","separatorStyle","children","style","stylesheet","row","separator","defaultKeyExtractor","_item","index","String","List","ref","data","sections","renderItem","keyExtractor","header","footer","emptyState","scrollEnabled","refreshing","onRefresh","onEndReached","accessibilityLabel","styles","empty","listProps","ListHeaderComponent","undefined","ListFooterComponent","ListEmptyComponent","container","contentContainerStyle","content","rowProps","item","section","length","renderSectionHeader","title","variant","weight","tone","accessibilityRole","sectionTitle","stickySectionHeadersEnabled","items","
|
|
1
|
+
{"version":3,"names":["FlatList","SectionList","View","StyleSheet","Text","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ListRow","first","last","inset","separators","separatorInset","rowStyle","separatorStyle","children","style","stylesheet","row","separator","defaultKeyExtractor","_item","index","String","List","ref","data","sections","renderItem","keyExtractor","header","footer","emptyState","scrollEnabled","refreshing","onRefresh","onEndReached","accessibilityLabel","styles","empty","listProps","ListHeaderComponent","undefined","ListFooterComponent","ListEmptyComponent","container","contentContainerStyle","content","rowProps","item","section","length","renderSectionHeader","title","variant","weight","tone","accessibilityRole","sectionTitle","stickySectionHeadersEnabled","items","groupRadius","theme","components","card","radius","lg","create","alignSelf","paddingHorizontal","screen","paddingX","space","paddingVertical","backgroundColor","colors","surfaceRaised","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderLeftWidth","sizes","borderWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","border","overflow","height","marginLeft","paddingTop","paddingBottom","textTransform"],"sourceRoot":"../../../../src","sources":["components/display/List.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -102,7 +102,7 @@ const borderColorFor = (theme, active, invalid, tone) => {
|
|
|
102
102
|
if (invalid) {
|
|
103
103
|
return theme.colors.danger;
|
|
104
104
|
}
|
|
105
|
-
return active ? toneColors(theme, tone).solid : theme.colors.
|
|
105
|
+
return active ? toneColors(theme, tone).solid : theme.colors.textDimmed;
|
|
106
106
|
};
|
|
107
107
|
const stylesheet = StyleSheet.create(theme => ({
|
|
108
108
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Animated","useAnimatedStyle","StyleSheet","useUnistyles","useControllableState","useToggleProgress","toneColors","textLabel","hitSlopFor","absoluteFill","renderIcon","Touchable","useCheckboxGroup","ControlLabel","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","boxSize","theme","size","components","checkbox","sizes","icon","Checkbox","ref","checked","defaultChecked","onCheckedChange","value","label","description","accessibilityLabel","disabled","invalid","tone","style","styles","group","control","ownChecked","setOwnChecked","defaultValue","onChange","next","groupValue","undefined","values","includes","state","isActive","progress","dimension","indicatorStyle","opacity","transform","scale","toggle","feedback","haptic","accessibilityRole","accessibilityState","field","onPress","hitSlop","minTouchTarget","stylesheet","container","children","box","indicator","color","on","content","labelStyle","descriptionStyle","borderColorFor","active","colors","danger","solid","
|
|
1
|
+
{"version":3,"names":["View","Animated","useAnimatedStyle","StyleSheet","useUnistyles","useControllableState","useToggleProgress","toneColors","textLabel","hitSlopFor","absoluteFill","renderIcon","Touchable","useCheckboxGroup","ControlLabel","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","boxSize","theme","size","components","checkbox","sizes","icon","Checkbox","ref","checked","defaultChecked","onCheckedChange","value","label","description","accessibilityLabel","disabled","invalid","tone","style","styles","group","control","ownChecked","setOwnChecked","defaultValue","onChange","next","groupValue","undefined","values","includes","state","isActive","progress","dimension","indicatorStyle","opacity","transform","scale","toggle","feedback","haptic","accessibilityRole","accessibilityState","field","onPress","hitSlop","minTouchTarget","stylesheet","container","children","box","indicator","color","on","content","labelStyle","descriptionStyle","borderColorFor","active","colors","danger","solid","textDimmed","create","flexDirection","alignItems","gap","space","width","height","borderRadius","radius","xs","borderWidth","borderColor","backgroundColor","surface","overflow","justifyContent"],"sourceRoot":"../../../../src","sources":["components/forms/Checkbox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { useRef, useState } from 'react';
|
|
4
4
|
import { Pressable, TextInput } from 'react-native';
|
|
5
|
+
import { toneColors } from "../../theme/tones.js";
|
|
5
6
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
6
7
|
import { useControllableState } from "../../hooks/useControllableState.js";
|
|
7
8
|
import { variantFont } from "../../utils/fonts.js";
|
|
@@ -130,8 +131,8 @@ export const ChipInput = ({
|
|
|
130
131
|
autoCorrect: false,
|
|
131
132
|
placeholder: tokens.length === 0 ? placeholder : undefined,
|
|
132
133
|
placeholderTextColor: theme.colors.textDimmed,
|
|
133
|
-
selectionColor: theme.
|
|
134
|
-
cursorColor: theme.
|
|
134
|
+
selectionColor: toneColors(theme, 'primary').text,
|
|
135
|
+
cursorColor: toneColors(theme, 'primary').text,
|
|
135
136
|
accessibilityLabel: accessibilityLabel,
|
|
136
137
|
accessibilityState: {
|
|
137
138
|
disabled: control.disabled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","useState","Pressable","TextInput","StyleSheet","useUnistyles","useControllableState","variantFont","mergeRefs","inputHeight","inputState","inputSurface","Chip","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","ChipInput","ref","value","defaultValue","onValueChange","placeholder","separators","allowDuplicates","maxTokens","validate","tone","size","disabled","invalid","accessibilityLabel","removeLabel","style","styles","theme","control","localRef","draft","setDraft","focused","setFocused","tokens","setTokens","onChange","state","isFull","undefined","length","commit","raw","token","trim","includes","handleChangeText","text","separatorIndex","split","findIndex","char","parts","RegExp","map","item","join","remainder","pop","accepted","forEach","part","duplicate","exceeds","push","handleSubmit","current","focus","handleKeyPress","event","nativeEvent","key","slice","handleBlur","accessible","onPress","stylesheet","container","children","onRemove","filter","onChangeText","onSubmitEditing","onKeyPress","onFocus","onBlur","editable","blurOnSubmit","returnKeyType","autoCapitalize","autoCorrect","placeholderTextColor","colors","textDimmed","selectionColor","
|
|
1
|
+
{"version":3,"names":["useRef","useState","Pressable","TextInput","toneColors","StyleSheet","useUnistyles","useControllableState","variantFont","mergeRefs","inputHeight","inputState","inputSurface","Chip","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","ChipInput","ref","value","defaultValue","onValueChange","placeholder","separators","allowDuplicates","maxTokens","validate","tone","size","disabled","invalid","accessibilityLabel","removeLabel","style","styles","theme","control","localRef","draft","setDraft","focused","setFocused","tokens","setTokens","onChange","state","isFull","undefined","length","commit","raw","token","trim","includes","handleChangeText","text","separatorIndex","split","findIndex","char","parts","RegExp","map","item","join","remainder","pop","accepted","forEach","part","duplicate","exceeds","push","handleSubmit","current","focus","handleKeyPress","event","nativeEvent","key","slice","handleBlur","accessible","onPress","stylesheet","container","children","onRemove","filter","onChangeText","onSubmitEditing","onKeyPress","onFocus","onBlur","editable","blurOnSubmit","returnKeyType","autoCapitalize","autoCorrect","placeholderTextColor","colors","textDimmed","selectionColor","cursorColor","accessibilityState","field","input","create","flexDirection","flexWrap","alignItems","gap","space","minHeight","paddingHorizontal","paddingVertical","flexGrow","minWidth","height","sizes","sm","color","fontSize","typography","variants","label","body","TokenInput"],"sourceRoot":"../../../../src","sources":["components/forms/ChipInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ import Animated, { useAnimatedStyle, useReducedMotion } from 'react-native-reani
|
|
|
6
6
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
7
7
|
import { useControllableState } from "../../hooks/useControllableState.js";
|
|
8
8
|
import { useLoop } from "../../hooks/useLoop.js";
|
|
9
|
+
import { toneColors } from "../../theme/tones.js";
|
|
9
10
|
import { mergeRefs } from "../../utils/refs.js";
|
|
10
11
|
import { absoluteFill } from "../../utils/styles.js";
|
|
11
12
|
import { inputState, inputSurface } from "../core/field.js";
|
|
@@ -48,6 +49,7 @@ export const PinInput = ({
|
|
|
48
49
|
invalid = false,
|
|
49
50
|
autoFocus = false,
|
|
50
51
|
size = 'md',
|
|
52
|
+
fullWidth = false,
|
|
51
53
|
accessibilityLabel = 'Verification code',
|
|
52
54
|
style,
|
|
53
55
|
styles
|
|
@@ -81,9 +83,9 @@ export const PinInput = ({
|
|
|
81
83
|
accessible: false,
|
|
82
84
|
disabled: control.disabled,
|
|
83
85
|
onPress: () => localRef.current?.focus(),
|
|
84
|
-
style: [stylesheet.container, style, styles?.container],
|
|
86
|
+
style: [stylesheet.container(fullWidth), style, styles?.container],
|
|
85
87
|
children: [/*#__PURE__*/_jsx(View, {
|
|
86
|
-
style: stylesheet.cells,
|
|
88
|
+
style: stylesheet.cells(fullWidth),
|
|
87
89
|
pointerEvents: "none",
|
|
88
90
|
accessibilityElementsHidden: true,
|
|
89
91
|
importantForAccessibility: "no-hide-descendants",
|
|
@@ -95,7 +97,7 @@ export const PinInput = ({
|
|
|
95
97
|
focused: isActive
|
|
96
98
|
});
|
|
97
99
|
return /*#__PURE__*/_jsx(View, {
|
|
98
|
-
style: [stylesheet.cell(size, state), styles?.cell],
|
|
100
|
+
style: [stylesheet.cell(size, state, fullWidth), styles?.cell],
|
|
99
101
|
children: char ? /*#__PURE__*/_jsx(Text, {
|
|
100
102
|
variant: "heading",
|
|
101
103
|
style: [stylesheet.cellText, styles?.cellText],
|
|
@@ -121,7 +123,7 @@ export const PinInput = ({
|
|
|
121
123
|
autoCapitalize: "none",
|
|
122
124
|
autoCorrect: false,
|
|
123
125
|
secureTextEntry: secure,
|
|
124
|
-
selectionColor: theme.
|
|
126
|
+
selectionColor: toneColors(theme, 'primary').text,
|
|
125
127
|
accessibilityLabel: accessibilityLabel,
|
|
126
128
|
accessibilityValue: {
|
|
127
129
|
text: secure ? `${code.length} of ${length} entered` : code
|
|
@@ -136,15 +138,18 @@ export const PinInput = ({
|
|
|
136
138
|
});
|
|
137
139
|
};
|
|
138
140
|
const stylesheet = StyleSheet.create(theme => ({
|
|
139
|
-
container: {
|
|
140
|
-
alignSelf: 'flex-start'
|
|
141
|
-
},
|
|
142
|
-
cells: {
|
|
141
|
+
container: fullWidth => ({
|
|
142
|
+
alignSelf: fullWidth ? 'stretch' : 'flex-start'
|
|
143
|
+
}),
|
|
144
|
+
cells: fullWidth => ({
|
|
143
145
|
flexDirection: 'row',
|
|
144
|
-
gap: theme.space(1)
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
146
|
+
gap: theme.space(1),
|
|
147
|
+
justifyContent: fullWidth ? 'space-between' : 'flex-start'
|
|
148
|
+
}),
|
|
149
|
+
cell: (size, state, fullWidth) => ({
|
|
150
|
+
width: fullWidth ? undefined : cellWidth(theme, size),
|
|
151
|
+
flex: fullWidth ? 1 : undefined,
|
|
152
|
+
minWidth: fullWidth ? cellWidth(theme, size) : undefined,
|
|
148
153
|
height: theme.sizes.control[size] + 12,
|
|
149
154
|
alignItems: 'center',
|
|
150
155
|
justifyContent: 'center',
|
|
@@ -157,7 +162,7 @@ const stylesheet = StyleSheet.create(theme => ({
|
|
|
157
162
|
width: 2,
|
|
158
163
|
height: theme.typography.variants.heading.lineHeight,
|
|
159
164
|
borderRadius: 1,
|
|
160
|
-
backgroundColor: theme.
|
|
165
|
+
backgroundColor: toneColors(theme, 'primary').text
|
|
161
166
|
},
|
|
162
167
|
input: {
|
|
163
168
|
...absoluteFill,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","useState","Pressable","TextInput","View","Animated","useAnimatedStyle","useReducedMotion","StyleSheet","useUnistyles","useControllableState","useLoop","mergeRefs","absoluteFill","inputState","inputSurface","Text","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","CELL_SECURE_GLYPH","CURSOR_BLINK_MS","cellWidth","theme","size","components","pinInput","sizes","control","sanitize","text","numeric","length","replace","slice","Cursor","style","reducedMotion","opacity","enabled","duration","easing","reverse","from","to","animatedStyle","value","PinInput","ref","defaultValue","onValueChange","onComplete","secure","disabled","invalid","autoFocus","accessibilityLabel","styles","localRef","focused","setFocused","code","setCode","onChange","activeIndex","Math","min","handleChange","next","cells","Array","_","index","accessible","onPress","current","focus","stylesheet","container","children","pointerEvents","accessibilityElementsHidden","importantForAccessibility","map","char","isActive","state","cell","variant","cellText","cursor","onChangeText","onFocus","onBlur","editable","maxLength","caretHidden","keyboardType","textContentType","autoComplete","autoCapitalize","autoCorrect","secureTextEntry","selectionColor","
|
|
1
|
+
{"version":3,"names":["useRef","useState","Pressable","TextInput","View","Animated","useAnimatedStyle","useReducedMotion","StyleSheet","useUnistyles","useControllableState","useLoop","toneColors","mergeRefs","absoluteFill","inputState","inputSurface","Text","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","CELL_SECURE_GLYPH","CURSOR_BLINK_MS","cellWidth","theme","size","components","pinInput","sizes","control","sanitize","text","numeric","length","replace","slice","Cursor","style","reducedMotion","opacity","enabled","duration","easing","reverse","from","to","animatedStyle","value","PinInput","ref","defaultValue","onValueChange","onComplete","secure","disabled","invalid","autoFocus","fullWidth","accessibilityLabel","styles","localRef","focused","setFocused","code","setCode","onChange","activeIndex","Math","min","handleChange","next","cells","Array","_","index","accessible","onPress","current","focus","stylesheet","container","children","pointerEvents","accessibilityElementsHidden","importantForAccessibility","map","char","isActive","state","cell","variant","cellText","cursor","onChangeText","onFocus","onBlur","editable","maxLength","caretHidden","keyboardType","textContentType","autoComplete","autoCapitalize","autoCorrect","secureTextEntry","selectionColor","accessibilityValue","accessibilityState","field","input","create","alignSelf","flexDirection","gap","space","justifyContent","width","undefined","flex","minWidth","height","alignItems","borderRadius","radius","md","borderWidth","typography","variants","heading","lineHeight","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/forms/PinInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ import Animated, { useAnimatedStyle } from 'react-native-reanimated';
|
|
|
5
5
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
6
6
|
import { useToggleProgress } from "../../hooks/useToggleProgress.js";
|
|
7
7
|
import { toneColors } from "../../theme/tones.js";
|
|
8
|
+
import { readableOn } from "../../utils/color.js";
|
|
8
9
|
import { textLabel } from "../../utils/a11y.js";
|
|
9
10
|
import { hitSlopFor } from "../../utils/hitSlop.js";
|
|
10
11
|
import { Touchable } from "../core/Touchable.js";
|
|
@@ -69,6 +70,10 @@ export const Radio = ({
|
|
|
69
70
|
})]
|
|
70
71
|
});
|
|
71
72
|
};
|
|
73
|
+
const radioColor = (theme, tone) => {
|
|
74
|
+
const colors = toneColors(theme, tone);
|
|
75
|
+
return readableOn(colors.solid, colors.text, theme.colors.surface);
|
|
76
|
+
};
|
|
72
77
|
const stylesheet = StyleSheet.create(theme => ({
|
|
73
78
|
container: {
|
|
74
79
|
flexDirection: 'row',
|
|
@@ -80,7 +85,7 @@ const stylesheet = StyleSheet.create(theme => ({
|
|
|
80
85
|
height: circleSize(theme, size),
|
|
81
86
|
borderRadius: theme.radius.full,
|
|
82
87
|
borderWidth: theme.sizes.borderWidth * 1.5,
|
|
83
|
-
borderColor: selected ?
|
|
88
|
+
borderColor: selected ? radioColor(theme, tone) : theme.colors.textDimmed,
|
|
84
89
|
backgroundColor: theme.colors.surface,
|
|
85
90
|
alignItems: 'center',
|
|
86
91
|
justifyContent: 'center'
|
|
@@ -89,7 +94,7 @@ const stylesheet = StyleSheet.create(theme => ({
|
|
|
89
94
|
width: circleSize(theme, size) / 2,
|
|
90
95
|
height: circleSize(theme, size) / 2,
|
|
91
96
|
borderRadius: theme.radius.full,
|
|
92
|
-
backgroundColor:
|
|
97
|
+
backgroundColor: radioColor(theme, tone)
|
|
93
98
|
})
|
|
94
99
|
}));
|
|
95
100
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Animated","useAnimatedStyle","StyleSheet","useUnistyles","useToggleProgress","toneColors","textLabel","hitSlopFor","Touchable","ControlLabel","useRadioGroup","jsx","_jsx","jsxs","_jsxs","circleSize","theme","size","sizes","icon","Radio","ref","value","label","description","accessibilityLabel","disabled","sizeProp","tone","toneProp","style","styles","group","selected","isDisabled","progress","dimension","dotStyle","opacity","Math","min","transform","scale","max","feedback","haptic","accessibilityRole","accessibilityState","checked","onPress","select","hitSlop","minTouchTarget","stylesheet","container","children","circle","dot","content","labelStyle","descriptionStyle","create","flexDirection","alignItems","gap","space","width","height","borderRadius","radius","full","borderWidth","borderColor","
|
|
1
|
+
{"version":3,"names":["View","Animated","useAnimatedStyle","StyleSheet","useUnistyles","useToggleProgress","toneColors","readableOn","textLabel","hitSlopFor","Touchable","ControlLabel","useRadioGroup","jsx","_jsx","jsxs","_jsxs","circleSize","theme","size","sizes","icon","Radio","ref","value","label","description","accessibilityLabel","disabled","sizeProp","tone","toneProp","style","styles","group","selected","isDisabled","progress","dimension","dotStyle","opacity","Math","min","transform","scale","max","feedback","haptic","accessibilityRole","accessibilityState","checked","onPress","select","hitSlop","minTouchTarget","stylesheet","container","children","circle","dot","content","labelStyle","descriptionStyle","radioColor","colors","solid","text","surface","create","flexDirection","alignItems","gap","space","width","height","borderRadius","radius","full","borderWidth","borderColor","textDimmed","backgroundColor","justifyContent"],"sourceRoot":"../../../../src","sources":["components/forms/Radio.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { View } from 'react-native';
|
|
4
|
+
import { GestureDetector } from 'react-native-gesture-handler';
|
|
4
5
|
import Animated from 'react-native-reanimated';
|
|
5
6
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
6
7
|
import { useControllableState, whenPresent } from "../../hooks/useControllableState.js";
|
|
@@ -38,48 +39,62 @@ export const SegmentedControl = ({
|
|
|
38
39
|
onChange: whenPresent(onValueChange)
|
|
39
40
|
});
|
|
40
41
|
const [segments, handleSegmentLayout] = useItemLayouts();
|
|
41
|
-
const
|
|
42
|
-
const
|
|
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
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
42
|
+
const selectedIndex = Math.max(options.findIndex(option => option.value === selected), 0);
|
|
43
|
+
const indicatorDrag = useSlidingIndicator({
|
|
44
|
+
layouts: options.map(option => segments[option.value]),
|
|
45
|
+
index: options.length > 0 ? selectedIndex : -1,
|
|
46
|
+
offsetX: -PADDING,
|
|
47
|
+
draggable: !control.disabled,
|
|
48
|
+
selectable: options.map(option => !option.disabled),
|
|
49
|
+
onSelect: index => {
|
|
50
|
+
const option = options[index];
|
|
51
|
+
if (option) {
|
|
52
|
+
setSelected(option.value);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
return /*#__PURE__*/_jsx(GestureDetector, {
|
|
57
|
+
gesture: indicatorDrag.gesture,
|
|
58
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
59
|
+
ref: ref,
|
|
60
|
+
accessibilityRole: "radiogroup",
|
|
61
|
+
accessibilityLabel: accessibilityLabel,
|
|
62
|
+
...fieldAccessibility(control.field),
|
|
63
|
+
style: [stylesheet.container(size, fullWidth, control.disabled), style, styles?.container],
|
|
64
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
65
|
+
pointerEvents: "none",
|
|
66
|
+
style: [stylesheet.indicator(size), indicatorDrag.style, styles?.indicator]
|
|
67
|
+
}), options.map(option => {
|
|
68
|
+
const active = option.value === selected;
|
|
69
|
+
const optionDisabled = control.disabled || !!option.disabled;
|
|
70
|
+
const color = active ? theme.colors.text : theme.colors.textMuted;
|
|
71
|
+
return /*#__PURE__*/_jsxs(Touchable, {
|
|
72
|
+
feedback: control.disabled ? 'none' : 'opacity',
|
|
73
|
+
haptic: "selection",
|
|
74
|
+
accessibilityRole: "radio",
|
|
75
|
+
accessibilityLabel: option.label,
|
|
76
|
+
accessibilityState: {
|
|
77
|
+
checked: active,
|
|
78
|
+
selected: active,
|
|
79
|
+
disabled: optionDisabled
|
|
80
|
+
},
|
|
81
|
+
disabled: optionDisabled,
|
|
82
|
+
onPress: () => setSelected(option.value),
|
|
83
|
+
onLayout: event => handleSegmentLayout(option.value, event),
|
|
84
|
+
style: [stylesheet.segment(size, fullWidth), styles?.segment],
|
|
85
|
+
children: [renderIcon(option.icon, {
|
|
86
|
+
size: size === 'lg' ? 'md' : 'sm',
|
|
87
|
+
color
|
|
88
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
89
|
+
variant: "label",
|
|
90
|
+
weight: active ? 'semibold' : 'medium',
|
|
91
|
+
numberOfLines: 1,
|
|
92
|
+
style: [stylesheet.label(color), styles?.label],
|
|
93
|
+
children: option.label
|
|
94
|
+
})]
|
|
95
|
+
}, option.value);
|
|
96
|
+
})]
|
|
97
|
+
})
|
|
83
98
|
});
|
|
84
99
|
};
|
|
85
100
|
const stylesheet = StyleSheet.create(theme => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Animated","StyleSheet","useUnistyles","useControllableState","whenPresent","useItemLayouts","useSlidingIndicator","disabledOpacity","nativeShadow","renderIcon","Text","Touchable","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","PADDING","segmentHeight","theme","size","sizes","control","SegmentedControl","ref","options","value","defaultValue","onValueChange","fullWidth","disabled","accessibilityLabel","style","styles","selected","setSelected","onChange","segments","handleSegmentLayout","
|
|
1
|
+
{"version":3,"names":["View","GestureDetector","Animated","StyleSheet","useUnistyles","useControllableState","whenPresent","useItemLayouts","useSlidingIndicator","disabledOpacity","nativeShadow","renderIcon","Text","Touchable","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","PADDING","segmentHeight","theme","size","sizes","control","SegmentedControl","ref","options","value","defaultValue","onValueChange","fullWidth","disabled","accessibilityLabel","style","styles","selected","setSelected","onChange","segments","handleSegmentLayout","selectedIndex","Math","max","findIndex","option","indicatorDrag","layouts","map","index","length","offsetX","draggable","selectable","onSelect","gesture","children","accessibilityRole","field","stylesheet","container","pointerEvents","indicator","active","optionDisabled","color","colors","text","textMuted","feedback","haptic","label","accessibilityState","checked","onPress","onLayout","event","segment","icon","variant","weight","numberOfLines","create","flexDirection","alignSelf","height","padding","borderRadius","radius","md","backgroundColor","surfaceSunken","opacity","position","top","left","surfaceRaised","borderWidth","borderColor","border","elevation","flexGrow","flexShrink","flexBasis","alignItems","justifyContent","gap","space","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["components/forms/SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
5
|
+
import { controlMetrics } from "../../utils/controlSize.js";
|
|
5
6
|
import { toneColors } from "../../theme/tones.js";
|
|
6
7
|
import { hitSlopFor } from "../../utils/hitSlop.js";
|
|
7
8
|
import { renderIcon } from "../core/Icon.js";
|
|
@@ -22,18 +23,21 @@ export const BackButton = ({
|
|
|
22
23
|
const {
|
|
23
24
|
theme
|
|
24
25
|
} = useUnistyles();
|
|
25
|
-
const
|
|
26
|
+
const {
|
|
27
|
+
dimension: height,
|
|
28
|
+
iconSize
|
|
29
|
+
} = controlMetrics(theme, size);
|
|
26
30
|
const color = toneColors(theme, tone).text;
|
|
27
31
|
return /*#__PURE__*/_jsxs(Touchable, {
|
|
28
32
|
accessibilityRole: "button",
|
|
29
33
|
accessibilityLabel: label ?? accessibilityLabel,
|
|
30
34
|
hitSlop: hitSlopFor(height, height, theme.sizes.minTouchTarget),
|
|
31
35
|
...props,
|
|
32
|
-
style: [stylesheet.container(
|
|
36
|
+
style: [stylesheet.container(height, variant, !!label), style, styles?.container],
|
|
33
37
|
children: [/*#__PURE__*/_jsx(View, {
|
|
34
38
|
style: [stylesheet.icon, styles?.icon],
|
|
35
39
|
children: renderIcon(icon, {
|
|
36
|
-
size:
|
|
40
|
+
size: iconSize,
|
|
37
41
|
color
|
|
38
42
|
})
|
|
39
43
|
}), label ? /*#__PURE__*/_jsx(Text, {
|
|
@@ -46,13 +50,13 @@ export const BackButton = ({
|
|
|
46
50
|
});
|
|
47
51
|
};
|
|
48
52
|
const stylesheet = StyleSheet.create(theme => ({
|
|
49
|
-
container: (
|
|
53
|
+
container: (height, variant, withLabel) => ({
|
|
50
54
|
flexDirection: 'row',
|
|
51
55
|
alignItems: 'center',
|
|
52
56
|
alignSelf: 'flex-start',
|
|
53
57
|
gap: theme.space(0.5),
|
|
54
|
-
height
|
|
55
|
-
minWidth:
|
|
58
|
+
height,
|
|
59
|
+
minWidth: height,
|
|
56
60
|
paddingLeft: withLabel ? theme.space(1) : 0,
|
|
57
61
|
paddingRight: withLabel ? theme.space(1.5) : 0,
|
|
58
62
|
justifyContent: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","useUnistyles","toneColors","hitSlopFor","renderIcon","Text","Touchable","jsx","_jsx","jsxs","_jsxs","BackButton","label","icon","tone","size","variant","accessibilityLabel","style","styles","props","theme","
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","useUnistyles","controlMetrics","toneColors","hitSlopFor","renderIcon","Text","Touchable","jsx","_jsx","jsxs","_jsxs","BackButton","label","icon","tone","size","variant","accessibilityLabel","style","styles","props","theme","dimension","height","iconSize","color","text","accessibilityRole","hitSlop","sizes","minTouchTarget","stylesheet","container","children","weight","numberOfLines","create","withLabel","flexDirection","alignItems","alignSelf","gap","space","minWidth","paddingLeft","paddingRight","justifyContent","borderRadius","radius","full","backgroundColor","colors","neutralSoft"],"sourceRoot":"../../../../src","sources":["components/navigation/BackButton.tsx"],"mappings":"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","ignoreList":[]}
|