@xleddyl/443-components-native 0.6.2 → 0.8.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 +90 -29
- 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/Button.js +14 -4
- package/lib/module/components/core/Button.js.map +1 -1
- 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/Stack.js.map +1 -1
- package/lib/module/components/core/Text.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/Touchable.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/Avatar.js.map +1 -1
- package/lib/module/components/display/AvatarGroup.js.map +1 -1
- package/lib/module/components/display/Badge.js.map +1 -1
- package/lib/module/components/display/Banner.js.map +1 -1
- package/lib/module/components/display/Card.js +9 -2
- package/lib/module/components/display/Card.js.map +1 -1
- package/lib/module/components/display/Chip.js.map +1 -1
- package/lib/module/components/display/DescriptionList.js.map +1 -1
- package/lib/module/components/display/Divider.js.map +1 -1
- package/lib/module/components/display/EmptyState.js.map +1 -1
- package/lib/module/components/display/KeyValue.js.map +1 -1
- package/lib/module/components/display/List.js +7 -6
- package/lib/module/components/display/List.js.map +1 -1
- package/lib/module/components/display/ListItem.js.map +1 -1
- package/lib/module/components/display/ProgressBar.js.map +1 -1
- package/lib/module/components/display/ProgressRing.js.map +1 -1
- package/lib/module/components/display/Skeleton.js.map +1 -1
- package/lib/module/components/display/Stat.js.map +1 -1
- package/lib/module/components/forms/Calendar.js.map +1 -1
- package/lib/module/components/forms/Checkbox.js +37 -32
- package/lib/module/components/forms/Checkbox.js.map +1 -1
- package/lib/module/components/forms/CheckboxGroup.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/DateField.js.map +1 -1
- package/lib/module/components/forms/Field.js.map +1 -1
- package/lib/module/components/forms/MonthPicker.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/PinPad.js.map +1 -1
- package/lib/module/components/forms/Radio.js +43 -20
- package/lib/module/components/forms/Radio.js.map +1 -1
- package/lib/module/components/forms/RadioGroup.js.map +1 -1
- package/lib/module/components/forms/SegmentedControl.js +59 -44
- package/lib/module/components/forms/SegmentedControl.js.map +1 -1
- package/lib/module/components/forms/Slider.js.map +1 -1
- package/lib/module/components/forms/Stepper.js.map +1 -1
- package/lib/module/components/forms/Switch.js +1 -1
- package/lib/module/components/forms/Switch.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 +50 -23
- 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/MenuItem.js.map +1 -1
- package/lib/module/components/overlays/Overlay.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/Popover.js.map +1 -1
- package/lib/module/components/overlays/Select.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/anchorPosition.js.map +1 -1
- package/lib/module/components/overlays/overlayA11y.js +3 -1
- package/lib/module/components/overlays/overlayA11y.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/useChoiceMotion.js +52 -0
- package/lib/module/hooks/useChoiceMotion.js.map +1 -0
- 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/native/GlassGroup.js.map +1 -1
- package/lib/module/native/GlassSurface.js.map +1 -1
- package/lib/module/presets/default.js +5 -166
- package/lib/module/presets/default.js.map +1 -1
- package/lib/module/presets/definePreset.js +21 -4
- package/lib/module/presets/definePreset.js.map +1 -1
- package/lib/module/presets/funnel.js +32 -42
- package/lib/module/presets/funnel.js.map +1 -1
- package/lib/module/presets/spotfish.js +60 -22
- package/lib/module/presets/spotfish.js.map +1 -1
- package/lib/module/presets/suedtirol.js +67 -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 +126 -88
- 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/module/utils/refs.js.map +1 -1
- 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/Button.d.ts +2 -2
- package/lib/typescript/components/core/Button.d.ts.map +1 -1
- package/lib/typescript/components/core/DefaultIcon.d.ts.map +1 -1
- package/lib/typescript/components/core/IconButton.d.ts +6 -4
- package/lib/typescript/components/core/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/core/Screen.d.ts +4 -3
- package/lib/typescript/components/core/Screen.d.ts.map +1 -1
- package/lib/typescript/components/core/Stack.d.ts +2 -2
- package/lib/typescript/components/core/Stack.d.ts.map +1 -1
- package/lib/typescript/components/core/Text.d.ts +2 -2
- package/lib/typescript/components/core/Text.d.ts.map +1 -1
- package/lib/typescript/components/core/TextField.d.ts +2 -2
- package/lib/typescript/components/core/TextField.d.ts.map +1 -1
- package/lib/typescript/components/core/Touchable.d.ts +2 -2
- package/lib/typescript/components/core/Touchable.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/Avatar.d.ts +2 -2
- package/lib/typescript/components/display/Avatar.d.ts.map +1 -1
- package/lib/typescript/components/display/AvatarGroup.d.ts +2 -2
- package/lib/typescript/components/display/AvatarGroup.d.ts.map +1 -1
- package/lib/typescript/components/display/Badge.d.ts +2 -2
- package/lib/typescript/components/display/Badge.d.ts.map +1 -1
- package/lib/typescript/components/display/Banner.d.ts +2 -2
- package/lib/typescript/components/display/Banner.d.ts.map +1 -1
- package/lib/typescript/components/display/Card.d.ts +2 -2
- package/lib/typescript/components/display/Card.d.ts.map +1 -1
- package/lib/typescript/components/display/Chip.d.ts +2 -2
- package/lib/typescript/components/display/Chip.d.ts.map +1 -1
- package/lib/typescript/components/display/DescriptionList.d.ts +2 -2
- package/lib/typescript/components/display/DescriptionList.d.ts.map +1 -1
- package/lib/typescript/components/display/Divider.d.ts +2 -2
- package/lib/typescript/components/display/Divider.d.ts.map +1 -1
- package/lib/typescript/components/display/EmptyState.d.ts +2 -2
- package/lib/typescript/components/display/EmptyState.d.ts.map +1 -1
- package/lib/typescript/components/display/KeyValue.d.ts +2 -2
- package/lib/typescript/components/display/KeyValue.d.ts.map +1 -1
- package/lib/typescript/components/display/List.d.ts.map +1 -1
- package/lib/typescript/components/display/ListItem.d.ts +2 -2
- package/lib/typescript/components/display/ListItem.d.ts.map +1 -1
- package/lib/typescript/components/display/ProgressBar.d.ts +2 -2
- package/lib/typescript/components/display/ProgressBar.d.ts.map +1 -1
- package/lib/typescript/components/display/ProgressRing.d.ts +2 -2
- package/lib/typescript/components/display/ProgressRing.d.ts.map +1 -1
- package/lib/typescript/components/display/Skeleton.d.ts +2 -2
- package/lib/typescript/components/display/Skeleton.d.ts.map +1 -1
- package/lib/typescript/components/display/Stat.d.ts +2 -2
- package/lib/typescript/components/display/Stat.d.ts.map +1 -1
- package/lib/typescript/components/forms/Calendar.d.ts +2 -2
- package/lib/typescript/components/forms/Calendar.d.ts.map +1 -1
- package/lib/typescript/components/forms/Checkbox.d.ts +4 -3
- package/lib/typescript/components/forms/Checkbox.d.ts.map +1 -1
- package/lib/typescript/components/forms/CheckboxGroup.d.ts +2 -2
- package/lib/typescript/components/forms/CheckboxGroup.d.ts.map +1 -1
- package/lib/typescript/components/forms/ChipInput.d.ts +2 -2
- package/lib/typescript/components/forms/ChipInput.d.ts.map +1 -1
- package/lib/typescript/components/forms/DateField.d.ts +2 -2
- package/lib/typescript/components/forms/DateField.d.ts.map +1 -1
- package/lib/typescript/components/forms/Field.d.ts +2 -2
- package/lib/typescript/components/forms/Field.d.ts.map +1 -1
- package/lib/typescript/components/forms/MonthPicker.d.ts +2 -2
- package/lib/typescript/components/forms/MonthPicker.d.ts.map +1 -1
- package/lib/typescript/components/forms/PinInput.d.ts +4 -3
- package/lib/typescript/components/forms/PinInput.d.ts.map +1 -1
- package/lib/typescript/components/forms/PinPad.d.ts +2 -2
- package/lib/typescript/components/forms/PinPad.d.ts.map +1 -1
- package/lib/typescript/components/forms/Radio.d.ts +2 -2
- package/lib/typescript/components/forms/Radio.d.ts.map +1 -1
- package/lib/typescript/components/forms/RadioGroup.d.ts +2 -2
- package/lib/typescript/components/forms/RadioGroup.d.ts.map +1 -1
- package/lib/typescript/components/forms/SegmentedControl.d.ts +2 -2
- package/lib/typescript/components/forms/SegmentedControl.d.ts.map +1 -1
- package/lib/typescript/components/forms/Slider.d.ts +2 -2
- package/lib/typescript/components/forms/Slider.d.ts.map +1 -1
- package/lib/typescript/components/forms/Stepper.d.ts +2 -2
- package/lib/typescript/components/forms/Stepper.d.ts.map +1 -1
- package/lib/typescript/components/forms/Switch.d.ts +3 -2
- package/lib/typescript/components/forms/Switch.d.ts.map +1 -1
- package/lib/typescript/components/navigation/BackButton.d.ts +5 -4
- package/lib/typescript/components/navigation/BackButton.d.ts.map +1 -1
- package/lib/typescript/components/navigation/Header.d.ts +5 -2
- package/lib/typescript/components/navigation/Header.d.ts.map +1 -1
- package/lib/typescript/components/navigation/TabBar.d.ts +23 -11
- package/lib/typescript/components/navigation/TabBar.d.ts.map +1 -1
- package/lib/typescript/components/navigation/Tabs.d.ts +4 -3
- package/lib/typescript/components/navigation/Tabs.d.ts.map +1 -1
- package/lib/typescript/components/navigation/index.d.ts +2 -2
- 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/MenuItem.d.ts +2 -2
- package/lib/typescript/components/overlays/MenuItem.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Overlay.d.ts +3 -3
- package/lib/typescript/components/overlays/Overlay.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/Popover.d.ts +2 -2
- package/lib/typescript/components/overlays/Popover.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Select.d.ts +2 -2
- package/lib/typescript/components/overlays/Select.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Sheet.d.ts +2 -2
- package/lib/typescript/components/overlays/Sheet.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Toast.d.ts +4 -9
- 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/anchorPosition.d.ts +2 -2
- package/lib/typescript/components/overlays/anchorPosition.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/overlayA11y.d.ts +6 -6
- package/lib/typescript/components/overlays/overlayA11y.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/useChoiceMotion.d.ts +6 -0
- package/lib/typescript/hooks/useChoiceMotion.d.ts.map +1 -0
- 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/GlassGroup.d.ts +2 -2
- package/lib/typescript/native/GlassGroup.d.ts.map +1 -1
- package/lib/typescript/native/GlassSurface.d.ts +2 -2
- package/lib/typescript/native/GlassSurface.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/definePreset.d.ts.map +1 -1
- package/lib/typescript/presets/funnel.d.ts +7 -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 +8 -2
- package/lib/typescript/theme/types.d.ts.map +1 -1
- package/lib/typescript/utils/a11y.d.ts +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/lib/typescript/utils/index.d.ts +1 -0
- package/lib/typescript/utils/index.d.ts.map +1 -1
- package/lib/typescript/utils/refs.d.ts +6 -1
- package/lib/typescript/utils/refs.d.ts.map +1 -1
- package/package.json +15 -15
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import Animated, { useAnimatedStyle } from 'react-native-reanimated';
|
|
3
|
+
import Animated, { interpolateColor, useAnimatedStyle } from 'react-native-reanimated';
|
|
5
4
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
5
|
+
import { useChoiceMotion } from "../../hooks/useChoiceMotion.js";
|
|
6
6
|
import { useControllableState } from "../../hooks/useControllableState.js";
|
|
7
|
-
import {
|
|
7
|
+
import { usePressFeedback } from "../../hooks/usePressFeedback.js";
|
|
8
8
|
import { toneColors } from "../../theme/tones.js";
|
|
9
9
|
import { textLabel } from "../../utils/a11y.js";
|
|
10
10
|
import { hitSlopFor } from "../../utils/hitSlop.js";
|
|
11
|
-
import {
|
|
11
|
+
import { disabledOpacity } from "../../utils/styles.js";
|
|
12
12
|
import { renderIcon } from "../core/Icon.js";
|
|
13
13
|
import { Touchable } from "../core/Touchable.js";
|
|
14
14
|
import { useCheckboxGroup } from "./checkboxGroupContext.js";
|
|
@@ -28,13 +28,14 @@ export const Checkbox = ({
|
|
|
28
28
|
disabled = false,
|
|
29
29
|
invalid = false,
|
|
30
30
|
size = 'md',
|
|
31
|
-
tone
|
|
31
|
+
tone: toneProp,
|
|
32
32
|
style,
|
|
33
33
|
styles
|
|
34
34
|
}) => {
|
|
35
35
|
const {
|
|
36
36
|
theme
|
|
37
37
|
} = useUnistyles();
|
|
38
|
+
const tone = toneProp ?? theme.components.checkbox?.tone ?? 'primary';
|
|
38
39
|
const group = useCheckboxGroup();
|
|
39
40
|
const control = useFieldControl({
|
|
40
41
|
disabled: disabled || !!group?.disabled,
|
|
@@ -48,12 +49,23 @@ export const Checkbox = ({
|
|
|
48
49
|
const groupValue = group && value !== undefined ? group.values.includes(value) : undefined;
|
|
49
50
|
const state = groupValue ?? ownChecked;
|
|
50
51
|
const isActive = state !== false;
|
|
51
|
-
const
|
|
52
|
+
const {
|
|
53
|
+
fill,
|
|
54
|
+
markScale
|
|
55
|
+
} = useChoiceMotion(isActive, 'pop');
|
|
56
|
+
const press = usePressFeedback('scale', pressedBoxScale, control.disabled);
|
|
52
57
|
const dimension = boxSize(theme, size);
|
|
58
|
+
const solid = toneColors(theme, tone).solid;
|
|
59
|
+
const idleBackground = theme.colors.surface;
|
|
60
|
+
const idleBorder = control.invalid ? theme.colors.danger : theme.colors.textDimmed;
|
|
61
|
+
const boxStyle = useAnimatedStyle(() => ({
|
|
62
|
+
backgroundColor: interpolateColor(fill.value, [0, 1], [idleBackground, solid]),
|
|
63
|
+
borderColor: interpolateColor(fill.value, [0, 1], [idleBorder, solid])
|
|
64
|
+
}));
|
|
53
65
|
const indicatorStyle = useAnimatedStyle(() => ({
|
|
54
|
-
opacity:
|
|
66
|
+
opacity: markScale.value > 0 ? 1 : 0,
|
|
55
67
|
transform: [{
|
|
56
|
-
scale:
|
|
68
|
+
scale: markScale.value
|
|
57
69
|
}]
|
|
58
70
|
}));
|
|
59
71
|
const toggle = () => {
|
|
@@ -66,7 +78,7 @@ export const Checkbox = ({
|
|
|
66
78
|
};
|
|
67
79
|
return /*#__PURE__*/_jsxs(Touchable, {
|
|
68
80
|
ref: ref,
|
|
69
|
-
feedback: "
|
|
81
|
+
feedback: "none",
|
|
70
82
|
haptic: "selection",
|
|
71
83
|
accessibilityRole: "checkbox",
|
|
72
84
|
accessibilityLabel: accessibilityLabel ?? textLabel(label),
|
|
@@ -78,14 +90,16 @@ export const Checkbox = ({
|
|
|
78
90
|
"aria-invalid": control.invalid,
|
|
79
91
|
disabled: control.disabled,
|
|
80
92
|
onPress: toggle,
|
|
93
|
+
onPressIn: press.pressIn,
|
|
94
|
+
onPressOut: press.pressOut,
|
|
81
95
|
hitSlop: hitSlopFor(dimension, dimension, theme.sizes.minTouchTarget),
|
|
82
|
-
style: [stylesheet.container, style, styles?.container],
|
|
83
|
-
children: [/*#__PURE__*/_jsx(View, {
|
|
84
|
-
style: [stylesheet.box(size,
|
|
96
|
+
style: [stylesheet.container(control.disabled), style, styles?.container],
|
|
97
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
98
|
+
style: [stylesheet.box(size), styles?.box, boxStyle, press.animatedStyle],
|
|
85
99
|
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
86
|
-
style: [stylesheet.indicator
|
|
100
|
+
style: [stylesheet.indicator, styles?.indicator, indicatorStyle],
|
|
87
101
|
children: renderIcon(state === 'indeterminate' ? 'minus' : 'check', {
|
|
88
|
-
size: dimension
|
|
102
|
+
size: Math.round(dimension * 0.75),
|
|
89
103
|
color: toneColors(theme, tone).on
|
|
90
104
|
})
|
|
91
105
|
})
|
|
@@ -98,34 +112,25 @@ export const Checkbox = ({
|
|
|
98
112
|
})]
|
|
99
113
|
});
|
|
100
114
|
};
|
|
101
|
-
const
|
|
102
|
-
if (invalid) {
|
|
103
|
-
return theme.colors.danger;
|
|
104
|
-
}
|
|
105
|
-
return active ? toneColors(theme, tone).solid : theme.colors.borderStrong;
|
|
106
|
-
};
|
|
115
|
+
const pressedBoxScale = 0.9;
|
|
107
116
|
const stylesheet = StyleSheet.create(theme => ({
|
|
108
|
-
container: {
|
|
117
|
+
container: disabled => ({
|
|
109
118
|
flexDirection: 'row',
|
|
110
119
|
alignItems: 'flex-start',
|
|
111
|
-
gap: theme.space(1.25)
|
|
112
|
-
|
|
113
|
-
|
|
120
|
+
gap: theme.space(1.25),
|
|
121
|
+
opacity: disabledOpacity(theme, disabled)
|
|
122
|
+
}),
|
|
123
|
+
box: size => ({
|
|
114
124
|
width: boxSize(theme, size),
|
|
115
125
|
height: boxSize(theme, size),
|
|
116
126
|
borderRadius: theme.components.checkbox?.radius ?? theme.radius.xs,
|
|
117
127
|
borderWidth: theme.sizes.borderWidth * 1.5,
|
|
118
|
-
borderColor: borderColorFor(theme, active, invalid, tone),
|
|
119
|
-
backgroundColor: theme.colors.surface,
|
|
120
|
-
overflow: 'hidden',
|
|
121
128
|
alignItems: 'center',
|
|
122
129
|
justifyContent: 'center'
|
|
123
130
|
}),
|
|
124
|
-
indicator:
|
|
125
|
-
...absoluteFill,
|
|
131
|
+
indicator: {
|
|
126
132
|
alignItems: 'center',
|
|
127
|
-
justifyContent: 'center'
|
|
128
|
-
|
|
129
|
-
})
|
|
133
|
+
justifyContent: 'center'
|
|
134
|
+
}
|
|
130
135
|
}));
|
|
131
136
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Animated","interpolateColor","useAnimatedStyle","StyleSheet","useUnistyles","useChoiceMotion","useControllableState","usePressFeedback","toneColors","textLabel","hitSlopFor","disabledOpacity","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","toneProp","style","styles","group","control","ownChecked","setOwnChecked","defaultValue","onChange","next","groupValue","undefined","values","includes","state","isActive","fill","markScale","press","pressedBoxScale","dimension","solid","idleBackground","colors","surface","idleBorder","danger","textDimmed","boxStyle","backgroundColor","borderColor","indicatorStyle","opacity","transform","scale","toggle","feedback","haptic","accessibilityRole","accessibilityState","field","onPress","onPressIn","pressIn","onPressOut","pressOut","hitSlop","minTouchTarget","stylesheet","container","children","View","box","animatedStyle","indicator","Math","round","color","on","content","labelStyle","descriptionStyle","create","flexDirection","alignItems","gap","space","width","height","borderRadius","radius","xs","borderWidth","justifyContent"],"sourceRoot":"../../../../src","sources":["components/forms/Checkbox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","useControllableState","groupLayout","Checkbox","CheckboxGroupContext","jsx","_jsx","CheckboxGroup","ref","value","defaultValue","onValueChange","options","children","orientation","disabled","size","tone","accessibilityLabel","style","values","setValues","onChange","toggle","item","checked","filter","existing","role","stylesheet","container","map","option","label","description","create","theme"],"sourceRoot":"../../../../src","sources":["components/forms/CheckboxGroup.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,oBAAoB,QAAQ,qCAAkC;
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","useControllableState","groupLayout","Checkbox","CheckboxGroupContext","jsx","_jsx","CheckboxGroup","ref","value","defaultValue","onValueChange","options","children","orientation","disabled","size","tone","accessibilityLabel","style","values","setValues","onChange","toggle","item","checked","filter","existing","role","stylesheet","container","map","option","label","description","create","theme"],"sourceRoot":"../../../../src","sources":["components/forms/CheckboxGroup.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,oBAAoB,QAAQ,qCAAkC;AAGvE,SAASC,WAAW,QAAQ,kBAAe;AAE3C,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,oBAAoB,QAAQ,2BAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAwB7D,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC3BC,GAAG;EACHC,KAAK;EACLC,YAAY,GAAG,EAAE;EACjBC,aAAa;EACbC,OAAO;EACPC,QAAQ;EACRC,WAAW,GAAG,UAAU;EACxBC,QAAQ,GAAG,KAAK;EAChBC,IAAI;EACJC,IAAI;EACJC,kBAAkB;EAClBC;AACiB,CAAC,KAAK;EACvB,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGpB,oBAAoB,CAAW;IACxDQ,KAAK;IACLC,YAAY;IACZY,QAAQ,EAAEX;EACb,CAAC,CAAC;EAEF,MAAMY,MAAM,GAAGA,CAACC,IAAY,EAAEC,OAAgB,KAAK;IAChDJ,SAAS,CAACI,OAAO,GAAG,CAAC,GAAGL,MAAM,EAAEI,IAAI,CAAC,GAAGJ,MAAM,CAACM,MAAM,CAAEC,QAAQ,IAAKA,QAAQ,KAAKH,IAAI,CAAC,CAAC;EAC1F,CAAC;EAED,oBACGlB,IAAA,CAACF,oBAAoB;IAACK,KAAK,EAAE;MAAEW,MAAM;MAAEG,MAAM;MAAER;IAAS,CAAE;IAAAF,QAAA,eACvDP,IAAA,CAACP,IAAI;MACFS,GAAG,EAAEA,GAAI;MACToB,IAAI,EAAC,OAAO;MACZV,kBAAkB,EAAEA,kBAAmB;MACvCC,KAAK,EAAE,CAACU,UAAU,CAACC,SAAS,CAAChB,WAAW,CAAC,EAAEK,KAAK,CAAE;MAAAN,QAAA,EAEjDD,OAAO,GACHA,OAAO,CAACmB,GAAG,CAAEC,MAAM,iBAChB1B,IAAA,CAACH,QAAQ;QAENM,KAAK,EAAEuB,MAAM,CAACvB,KAAM;QACpBwB,KAAK,EAAED,MAAM,CAACC,KAAM;QACpBC,WAAW,EAAEF,MAAM,CAACE,WAAY;QAChCnB,QAAQ,EAAEiB,MAAM,CAACjB,QAAS;QAC1BC,IAAI,EAAEA,IAAK;QACXC,IAAI,EAAEA;MAAK,GANNe,MAAM,CAACvB,KAOd,CACH,CAAC,GACFI;IAAQ,CACV;EAAC,CACY,CAAC;AAE7B,CAAC;AAED,MAAMgB,UAAU,GAAG7B,UAAU,CAACmC,MAAM,CAAEC,KAAK,KAAM;EAC9CN,SAAS,EAAGhB,WAA6B,KAAM;IAC5C,GAAGZ,WAAW,CAACkC,KAAK,EAAEtB,WAAW;EACpC,CAAC;AACJ,CAAC,CAAC,CAAC","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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","View","StyleSheet","useUnistyles","useControllableState","whenPresent","inputHeight","inputState","inputSurface","renderIcon","Text","Touchable","Overlay","Calendar","formatDate","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DateField","ref","value","defaultValue","onValueChange","placeholder","minDate","maxDate","isDateDisabled","locale","weekStartsOn","formatOptions","size","disabled","invalid","closeLabel","accessibilityLabel","style","styles","theme","control","open","setOpen","selected","setSelected","onChange","state","focused","text","undefined","children","feedback","accessibilityRole","accessibilityValue","accessibilityState","expanded","field","onPress","stylesheet","variant","tone","numberOfLines","color","colors","textMuted","onOpenChange","portal","backdrop","DateFieldPopover","popover","next","create","flexDirection","alignItems","justifyContent","gap","space","minHeight","paddingHorizontal","flex","width","maxWidth","padding","borderRadius","radius","xl","backgroundColor","surfaceRaised","borderWidth","sizes","borderColor","border"],"sourceRoot":"../../../../src","sources":["components/forms/DateField.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AACjE,SAASC,oBAAoB,EAAEC,WAAW,QAAQ,qCAAkC;
|
|
1
|
+
{"version":3,"names":["useState","View","StyleSheet","useUnistyles","useControllableState","whenPresent","inputHeight","inputState","inputSurface","renderIcon","Text","Touchable","Overlay","Calendar","formatDate","fieldAccessibility","useFieldControl","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DateField","ref","value","defaultValue","onValueChange","placeholder","minDate","maxDate","isDateDisabled","locale","weekStartsOn","formatOptions","size","disabled","invalid","closeLabel","accessibilityLabel","style","styles","theme","control","open","setOpen","selected","setSelected","onChange","state","focused","text","undefined","children","feedback","accessibilityRole","accessibilityValue","accessibilityState","expanded","field","onPress","stylesheet","variant","tone","numberOfLines","color","colors","textMuted","onOpenChange","portal","backdrop","DateFieldPopover","popover","next","create","flexDirection","alignItems","justifyContent","gap","space","minHeight","paddingHorizontal","flex","width","maxWidth","padding","borderRadius","radius","xl","backgroundColor","surfaceRaised","borderWidth","sizes","borderColor","border"],"sourceRoot":"../../../../src","sources":["components/forms/DateField.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AACjE,SAASC,oBAAoB,EAAEC,WAAW,QAAQ,qCAAkC;AAIpF,SAASC,WAAW,EAAEC,UAAU,EAAEC,YAAY,QAAQ,kBAAe;AAErE,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,IAAI,QAAQ,iBAAc;AACnC,SAASC,SAAS,QAAQ,sBAAmB;AAC7C,SAASC,OAAO,QAAQ,wBAAqB;AAC7C,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,UAAU,QAAQ,gBAAa;AACxC,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AA+BpE,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACvBC,GAAG;EACHC,KAAK;EACLC,YAAY,GAAG,IAAI;EACnBC,aAAa;EACbC,WAAW,GAAG,eAAe;EAC7BC,OAAO;EACPC,OAAO;EACPC,cAAc;EACdC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,IAAI,GAAG,IAAI;EACXC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfC,UAAU,GAAG,gBAAgB;EAC7BC,kBAAkB;EAClBC,KAAK;EACLC;AACa,CAAC,KAAK;EACnB,MAAM;IAAEC;EAAM,CAAC,GAAGvC,YAAY,CAAC,CAAC;EAChC,MAAMwC,OAAO,GAAG3B,eAAe,CAAC;IAAEoB,QAAQ;IAAEC;EAAQ,CAAC,CAAC;EACtD,MAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAG7C,QAAQ,CAAC,KAAK,CAAC;EACvC,MAAM,CAAC8C,QAAQ,EAAEC,WAAW,CAAC,GAAG3C,oBAAoB,CAAc;IAC/DqB,KAAK;IACLC,YAAY;IACZsB,QAAQ,EAAE3C,WAAW,CAACsB,aAAa;EACtC,CAAC,CAAC;EACF,MAAMsB,KAAK,GAAG1C,UAAU,CAAC;IAAE,GAAGoC,OAAO;IAAEO,OAAO,EAAEN;EAAK,CAAC,CAAC;EACvD,MAAMO,IAAI,GAAGL,QAAQ,GAAGhC,UAAU,CAACgC,QAAQ,EAAEd,MAAM,EAAEE,aAAa,CAAC,GAAGkB,SAAS;EAE/E,oBACGhC,KAAA,CAAAE,SAAA;IAAA+B,QAAA,gBACGjC,KAAA,CAACT,SAAS;MACPa,GAAG,EAAEA,GAAI;MACT8B,QAAQ,EAAC,SAAS;MAClBC,iBAAiB,EAAC,QAAQ;MAC1BhB,kBAAkB,EAAEA,kBAAmB;MACvCiB,kBAAkB,EAAE;QAAEL,IAAI,EAAEA,IAAI,IAAIvB;MAAY,CAAE;MAClD6B,kBAAkB,EAAE;QAAErB,QAAQ,EAAEO,OAAO,CAACP,QAAQ;QAAEsB,QAAQ,EAAEd;MAAK,CAAE;MAAA,GAC/D7B,kBAAkB,CAAC4B,OAAO,CAACgB,KAAK,CAAC;MACrCvB,QAAQ,EAAEO,OAAO,CAACP,QAAS;MAC3BwB,OAAO,EAAEA,CAAA,KAAMf,OAAO,CAAC,IAAI,CAAE;MAC7BL,KAAK,EAAE,CAACqB,UAAU,CAAClB,OAAO,CAACR,IAAI,EAAEc,KAAK,CAAC,EAAET,KAAK,EAAEC,MAAM,EAAEE,OAAO,CAAE;MAAAU,QAAA,gBAEjEnC,IAAA,CAACR,IAAI;QACFoD,OAAO,EAAC,MAAM;QACdC,IAAI,EAAEZ,IAAI,GAAG,SAAS,GAAG,QAAS;QAClCa,aAAa,EAAE,CAAE;QACjBxB,KAAK,EAAE,CAACqB,UAAU,CAACpC,KAAK,EAAE0B,IAAI,GAAGV,MAAM,EAAEhB,KAAK,GAAGgB,MAAM,EAAEb,WAAW,CAAE;QAAAyB,QAAA,EAErEF,IAAI,IAAIvB;MAAW,CACjB,CAAC,EACNnB,UAAU,CAAC,cAAc,EAAE;QAAE0B,IAAI,EAAE,IAAI;QAAE8B,KAAK,EAAEvB,KAAK,CAACwB,MAAM,CAACC;MAAU,CAAC,CAAC;IAAA,CAClE,CAAC,eACZjD,IAAA,CAACN,OAAO;MACLgC,IAAI,EAAEA,IAAK;MACXwB,YAAY,EAAEvB,OAAQ;MACtBwB,MAAM,EAAE,KAAM;MACd/B,UAAU,EAAEA,UAAW;MACvBC,kBAAkB,EAAEA,kBAAmB;MACvCE,MAAM,EAAE;QAAE6B,QAAQ,EAAE7B,MAAM,EAAE6B;MAAS,CAAE;MAAAjB,QAAA,eAEvCnC,IAAA,CAACqD,gBAAgB;QAAC/B,KAAK,EAAEC,MAAM,EAAE+B,OAAQ;QAAAnB,QAAA,eACtCnC,IAAA,CAACL,QAAQ;UACNY,KAAK,EAAEqB,QAAS;UAChBnB,aAAa,EAAG8C,IAAI,IAAK;YACtB1B,WAAW,CAAC0B,IAAI,CAAC;YACjB5B,OAAO,CAAC,KAAK,CAAC;UACjB,CAAE;UACFhB,OAAO,EAAEA,OAAQ;UACjBC,OAAO,EAAEA,OAAQ;UACjBC,cAAc,EAAEA,cAAe;UAC/BC,MAAM,EAAEA,MAAO;UACfC,YAAY,EAAEA;QAAa,CAC7B;MAAC,CACa;IAAC,CACb,CAAC;EAAA,CACX,CAAC;AAET,CAAC;AAED,MAAMsC,gBAAgB,GAAGA,CAAC;EACvBlB,QAAQ;EACRb;AAIH,CAAC,kBAAKtB,IAAA,CAACjB,IAAI;EAACuC,KAAK,EAAE,CAACqB,UAAU,CAACW,OAAO,EAAEhC,KAAK,CAAE;EAAAa,QAAA,EAAEA;AAAQ,CAAO,CAAC;AAEjE,MAAMQ,UAAU,GAAG3D,UAAU,CAACwE,MAAM,CAAEhC,KAAK,KAAM;EAC9CC,OAAO,EAAEA,CAACR,IAAiB,EAAEc,KAAiB,MAAM;IACjD0B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,GAAG,EAAEpC,KAAK,CAACqC,KAAK,CAAC,CAAC,CAAC;IACnBC,SAAS,EAAE1E,WAAW,CAACoC,KAAK,EAAEP,IAAI,CAAC;IACnC8C,iBAAiB,EAAEvC,KAAK,CAACqC,KAAK,CAAC,GAAG,CAAC;IACnC,GAAGvE,YAAY,CAACkC,KAAK,EAAEO,KAAK;EAC/B,CAAC,CAAC;EACFxB,KAAK,EAAE;IACJyD,IAAI,EAAE;EACT,CAAC;EACDV,OAAO,EAAE;IACNW,KAAK,EAAE,GAAG;IACVC,QAAQ,EAAE,MAAM;IAChBC,OAAO,EAAE3C,KAAK,CAACqC,KAAK,CAAC,CAAC,CAAC;IACvBO,YAAY,EAAE5C,KAAK,CAAC6C,MAAM,CAACC,EAAE;IAC7BC,eAAe,EAAE/C,KAAK,CAACwB,MAAM,CAACwB,aAAa;IAC3CC,WAAW,EAAEjD,KAAK,CAACkD,KAAK,CAACD,WAAW;IACpCE,WAAW,EAAEnD,KAAK,CAACwB,MAAM,CAAC4B;EAC7B;AACH,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","fieldErrorMessage","useFieldIds","FieldLabel","FieldMessage","FieldContext","jsx","_jsx","jsxs","_jsxs","Field","ref","children","label","description","error","required","disabled","style","styles","labelId","messageId","errorMessage","value","message","invalid","stylesheet","root","nativeID","control","errorStyle","descriptionStyle","create","theme","gap","space"],"sourceRoot":"../../../../src","sources":["components/forms/Field.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,iBAAiB,EAAEC,WAAW,QAAQ,kBAAe;AAC9D,SAASC,UAAU,EAAEC,YAAY,QAAQ,uBAAoB;AAC7D,SAASC,YAAY,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","fieldErrorMessage","useFieldIds","FieldLabel","FieldMessage","FieldContext","jsx","_jsx","jsxs","_jsxs","Field","ref","children","label","description","error","required","disabled","style","styles","labelId","messageId","errorMessage","value","message","invalid","stylesheet","root","nativeID","control","errorStyle","descriptionStyle","create","theme","gap","space"],"sourceRoot":"../../../../src","sources":["components/forms/Field.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,iBAAiB,EAAEC,WAAW,QAAQ,kBAAe;AAC9D,SAASC,UAAU,EAAEC,YAAY,QAAQ,uBAAoB;AAC7D,SAASC,YAAY,QAAQ,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuB7C,OAAO,MAAMC,KAAK,GAAGA,CAAC;EACnBC,GAAG;EACHC,QAAQ;EACRC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC;AACS,CAAC,KAAK;EACf,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAGnB,WAAW,CAAC,CAAC;EAC5C,MAAMoB,YAAY,GAAGrB,iBAAiB,CAACc,KAAK,CAAC;EAE7C,oBACGR,IAAA,CAACF,YAAY;IACVkB,KAAK,EAAE;MACJH,OAAO;MACPC,SAAS;MACTG,OAAO,EAAEF,YAAY,IAAIR,WAAW;MACpCW,OAAO,EAAE,CAAC,CAACV,KAAK;MAChBE,QAAQ;MACRD;IACH,CAAE;IAAAJ,QAAA,eAEFH,KAAA,CAACV,IAAI;MAACY,GAAG,EAAEA,GAAI;MAACO,KAAK,EAAE,CAACQ,UAAU,CAACC,IAAI,EAAET,KAAK,EAAEC,MAAM,EAAEQ,IAAI,CAAE;MAAAf,QAAA,GAC1DC,KAAK,gBACHN,IAAA,CAACJ,UAAU;QACRyB,QAAQ,EAAER,OAAQ;QAClBJ,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA,QAAS;QACnBC,KAAK,EAAEC,MAAM,EAAEN,KAAM;QAAAD,QAAA,EAEpBC;MAAK,CACG,CAAC,GACZ,IAAI,eACRN,IAAA,CAACR,IAAI;QAACmB,KAAK,EAAEC,MAAM,EAAEU,OAAQ;QAAAjB,QAAA,EAAEA;MAAQ,CAAO,CAAC,eAC/CL,IAAA,CAACH,YAAY;QACVwB,QAAQ,EAAEP,SAAU;QACpBN,KAAK,EAAEO,YAAa;QACpBR,WAAW,EAAEA,WAAY;QACzBgB,UAAU,EAAEX,MAAM,EAAEJ,KAAM;QAC1BgB,gBAAgB,EAAEZ,MAAM,EAAEL;MAAY,CACxC,CAAC;IAAA,CACC;EAAC,CACI,CAAC;AAErB,CAAC;AAED,MAAMY,UAAU,GAAG1B,UAAU,CAACgC,MAAM,CAAEC,KAAK,KAAM;EAC9CN,IAAI,EAAE;IACHO,GAAG,EAAED,KAAK,CAACE,KAAK,CAAC,IAAI;EACxB;AACH,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","useControllableState","whenPresent","toneColors","Text","Touchable","formatDate","PeriodHeader","jsx","_jsx","jsxs","_jsxs","monthIndexes","Array","from","length","_","index","monthKey","year","month","MonthPicker","ref","value","defaultValue","onValueChange","defaultYear","onYearChange","minDate","maxDate","locale","tone","previousYearLabel","nextYearLabel","style","styles","selected","setSelected","onChange","visibleYear","setVisibleYear","Date","getFullYear","today","minKey","getMonth","undefined","maxKey","stylesheet","container","children","previousLabel","nextLabel","previousDisabled","nextDisabled","onPrevious","onNext","header","titleStyle","title","grid","map","date","key","disabled","isSelected","isCurrent","cell","feedback","accessibilityRole","accessibilityLabel","accessibilityState","onPress","variant","weight","monthLabel","create","theme","alignSelf","gap","space","flexDirection","flexWrap","width","padding","current","height","sizes","control","md","alignItems","justifyContent","borderRadius","radius","backgroundColor","solid","colors","surfaceSunken","borderWidth","borderColor","color","on","text","textTransform"],"sourceRoot":"../../../../src","sources":["components/forms/MonthPicker.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,oBAAoB,EAAEC,WAAW,QAAQ,qCAAkC;AACpF,SAASC,UAAU,QAAQ,sBAAmB;
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","useControllableState","whenPresent","toneColors","Text","Touchable","formatDate","PeriodHeader","jsx","_jsx","jsxs","_jsxs","monthIndexes","Array","from","length","_","index","monthKey","year","month","MonthPicker","ref","value","defaultValue","onValueChange","defaultYear","onYearChange","minDate","maxDate","locale","tone","previousYearLabel","nextYearLabel","style","styles","selected","setSelected","onChange","visibleYear","setVisibleYear","Date","getFullYear","today","minKey","getMonth","undefined","maxKey","stylesheet","container","children","previousLabel","nextLabel","previousDisabled","nextDisabled","onPrevious","onNext","header","titleStyle","title","grid","map","date","key","disabled","isSelected","isCurrent","cell","feedback","accessibilityRole","accessibilityLabel","accessibilityState","onPress","variant","weight","monthLabel","create","theme","alignSelf","gap","space","flexDirection","flexWrap","width","padding","current","height","sizes","control","md","alignItems","justifyContent","borderRadius","radius","backgroundColor","solid","colors","surfaceSunken","borderWidth","borderColor","color","on","text","textTransform"],"sourceRoot":"../../../../src","sources":["components/forms/MonthPicker.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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","useUnistyles","useControllableState","disabledOpacity","renderIcon","Text","Touchable","jsx","_jsx","jsxs","_jsxs","keyOffset","sm","md","lg","keySize","theme","size","components","pinPad","sizes","control","keyIconSize","Math","round","DIGIT_ROWS","PinPadKey","children","icon","disabled","style","labelStyle","accessibilityRole","props","haptic","stylesheet","key","color","colors","text","variant","PinPad","ref","value","defaultValue","onValueChange","onComplete","maxLength","leftKey","rightKey","deleteLabel","styles","entered","setEntered","onChange","append","digit","undefined","length","next","removeLast","slice","container","map","row","accessibilityLabel","onPress","keyLabel","join","spacer","ghostKey","create","alignSelf","gap","space","flexDirection","justifyContent","width","height","borderRadius","radius","full","alignItems","backgroundColor","surfaceSunken","opacity"],"sourceRoot":"../../../../src","sources":["components/forms/PinPad.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AACjE,SAASC,oBAAoB,QAAQ,qCAAkC;
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","useUnistyles","useControllableState","disabledOpacity","renderIcon","Text","Touchable","jsx","_jsx","jsxs","_jsxs","keyOffset","sm","md","lg","keySize","theme","size","components","pinPad","sizes","control","keyIconSize","Math","round","DIGIT_ROWS","PinPadKey","children","icon","disabled","style","labelStyle","accessibilityRole","props","haptic","stylesheet","key","color","colors","text","variant","PinPad","ref","value","defaultValue","onValueChange","onComplete","maxLength","leftKey","rightKey","deleteLabel","styles","entered","setEntered","onChange","append","digit","undefined","length","next","removeLast","slice","container","map","row","accessibilityLabel","onPress","keyLabel","join","spacer","ghostKey","create","alignSelf","gap","space","flexDirection","justifyContent","width","height","borderRadius","radius","full","alignItems","backgroundColor","surfaceSunken","opacity"],"sourceRoot":"../../../../src","sources":["components/forms/PinPad.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import Animated, { useAnimatedStyle } from 'react-native-reanimated';
|
|
3
|
+
import Animated, { interpolateColor, useAnimatedStyle } from 'react-native-reanimated';
|
|
5
4
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
6
|
-
import {
|
|
5
|
+
import { useChoiceMotion } from "../../hooks/useChoiceMotion.js";
|
|
6
|
+
import { usePressFeedback } from "../../hooks/usePressFeedback.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";
|
|
11
|
+
import { disabledOpacity } from "../../utils/styles.js";
|
|
10
12
|
import { Touchable } from "../core/Touchable.js";
|
|
11
13
|
import { ControlLabel } from "./ControlLabel.js";
|
|
12
14
|
import { useRadioGroup } from "./radioGroupContext.js";
|
|
@@ -32,17 +34,27 @@ export const Radio = ({
|
|
|
32
34
|
const tone = toneProp ?? group?.tone ?? 'primary';
|
|
33
35
|
const selected = group?.value === value;
|
|
34
36
|
const isDisabled = disabled || !!group?.disabled;
|
|
35
|
-
const
|
|
37
|
+
const {
|
|
38
|
+
fill,
|
|
39
|
+
markScale
|
|
40
|
+
} = useChoiceMotion(selected, 'grow');
|
|
41
|
+
const press = usePressFeedback('scale', pressedCircleScale, isDisabled);
|
|
36
42
|
const dimension = circleSize(theme, size);
|
|
43
|
+
const selectedFill = radioColor(theme, tone);
|
|
44
|
+
const idleBackground = theme.colors.surface;
|
|
45
|
+
const idleBorder = theme.colors.textDimmed;
|
|
46
|
+
const circleStyle = useAnimatedStyle(() => ({
|
|
47
|
+
backgroundColor: interpolateColor(fill.value, [0, 1], [idleBackground, selectedFill]),
|
|
48
|
+
borderColor: interpolateColor(fill.value, [0, 1], [idleBorder, selectedFill])
|
|
49
|
+
}));
|
|
37
50
|
const dotStyle = useAnimatedStyle(() => ({
|
|
38
|
-
opacity: Math.min(1, progress.value),
|
|
39
51
|
transform: [{
|
|
40
|
-
scale: Math.max(0,
|
|
52
|
+
scale: Math.max(0, markScale.value)
|
|
41
53
|
}]
|
|
42
54
|
}));
|
|
43
55
|
return /*#__PURE__*/_jsxs(Touchable, {
|
|
44
56
|
ref: ref,
|
|
45
|
-
feedback: "
|
|
57
|
+
feedback: "none",
|
|
46
58
|
haptic: "selection",
|
|
47
59
|
accessibilityRole: "radio",
|
|
48
60
|
accessibilityLabel: accessibilityLabel ?? textLabel(label),
|
|
@@ -53,12 +65,14 @@ export const Radio = ({
|
|
|
53
65
|
},
|
|
54
66
|
disabled: isDisabled,
|
|
55
67
|
onPress: () => group?.select(value),
|
|
68
|
+
onPressIn: press.pressIn,
|
|
69
|
+
onPressOut: press.pressOut,
|
|
56
70
|
hitSlop: hitSlopFor(dimension, dimension, theme.sizes.minTouchTarget),
|
|
57
|
-
style: [stylesheet.container, style, styles?.container],
|
|
58
|
-
children: [/*#__PURE__*/_jsx(View, {
|
|
59
|
-
style: [stylesheet.circle(size,
|
|
71
|
+
style: [stylesheet.container(isDisabled), style, styles?.container],
|
|
72
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
73
|
+
style: [stylesheet.circle(size), styles?.circle, circleStyle, press.animatedStyle],
|
|
60
74
|
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
61
|
-
style: [stylesheet.dot(size, tone),
|
|
75
|
+
style: [stylesheet.dot(size, tone), styles?.dot, dotStyle]
|
|
62
76
|
})
|
|
63
77
|
}), /*#__PURE__*/_jsx(ControlLabel, {
|
|
64
78
|
label: label,
|
|
@@ -69,27 +83,36 @@ export const Radio = ({
|
|
|
69
83
|
})]
|
|
70
84
|
});
|
|
71
85
|
};
|
|
86
|
+
const radioColor = (theme, tone) => {
|
|
87
|
+
const colors = toneColors(theme, tone);
|
|
88
|
+
return readableOn(colors.solid, colors.text, theme.colors.surface);
|
|
89
|
+
};
|
|
90
|
+
const dotColor = (theme, tone) => {
|
|
91
|
+
const colors = toneColors(theme, tone);
|
|
92
|
+
return radioColor(theme, tone) === colors.solid ? colors.on : theme.colors.surface;
|
|
93
|
+
};
|
|
94
|
+
const pressedCircleScale = 0.9;
|
|
95
|
+
const dotRatio = 0.4;
|
|
72
96
|
const stylesheet = StyleSheet.create(theme => ({
|
|
73
|
-
container: {
|
|
97
|
+
container: disabled => ({
|
|
74
98
|
flexDirection: 'row',
|
|
75
99
|
alignItems: 'flex-start',
|
|
76
|
-
gap: theme.space(1.25)
|
|
77
|
-
|
|
78
|
-
|
|
100
|
+
gap: theme.space(1.25),
|
|
101
|
+
opacity: disabledOpacity(theme, disabled)
|
|
102
|
+
}),
|
|
103
|
+
circle: size => ({
|
|
79
104
|
width: circleSize(theme, size),
|
|
80
105
|
height: circleSize(theme, size),
|
|
81
106
|
borderRadius: theme.radius.full,
|
|
82
107
|
borderWidth: theme.sizes.borderWidth * 1.5,
|
|
83
|
-
borderColor: selected ? toneColors(theme, tone).solid : theme.colors.borderStrong,
|
|
84
|
-
backgroundColor: theme.colors.surface,
|
|
85
108
|
alignItems: 'center',
|
|
86
109
|
justifyContent: 'center'
|
|
87
110
|
}),
|
|
88
111
|
dot: (size, tone) => ({
|
|
89
|
-
width: circleSize(theme, size)
|
|
90
|
-
height: circleSize(theme, size)
|
|
112
|
+
width: circleSize(theme, size) * dotRatio,
|
|
113
|
+
height: circleSize(theme, size) * dotRatio,
|
|
91
114
|
borderRadius: theme.radius.full,
|
|
92
|
-
backgroundColor:
|
|
115
|
+
backgroundColor: dotColor(theme, tone)
|
|
93
116
|
})
|
|
94
117
|
}));
|
|
95
118
|
//# sourceMappingURL=Radio.js.map
|