@masumdev/rn-ui 0.1.7 → 0.2.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/lib/commonjs/components/Accordion.js +28 -13
- package/lib/commonjs/components/Accordion.js.map +1 -1
- package/lib/commonjs/components/Alert.js +229 -73
- package/lib/commonjs/components/Alert.js.map +1 -1
- package/lib/commonjs/components/AlertDialog.js +143 -87
- package/lib/commonjs/components/AlertDialog.js.map +1 -1
- package/lib/commonjs/components/Avatar.js +31 -28
- package/lib/commonjs/components/Avatar.js.map +1 -1
- package/lib/commonjs/components/Badge.js +18 -7
- package/lib/commonjs/components/Badge.js.map +1 -1
- package/lib/commonjs/components/BottomSheet.js +63 -8
- package/lib/commonjs/components/BottomSheet.js.map +1 -1
- package/lib/commonjs/components/Breadcrumb.js +31 -9
- package/lib/commonjs/components/Breadcrumb.js.map +1 -1
- package/lib/commonjs/components/Button.js +22 -6
- package/lib/commonjs/components/Button.js.map +1 -1
- package/lib/commonjs/components/Calendar.js +113 -31
- package/lib/commonjs/components/Calendar.js.map +1 -1
- package/lib/commonjs/components/Card.js +8 -3
- package/lib/commonjs/components/Card.js.map +1 -1
- package/lib/commonjs/components/Carousel.js +67 -21
- package/lib/commonjs/components/Carousel.js.map +1 -1
- package/lib/commonjs/components/Checkbox.js +12 -7
- package/lib/commonjs/components/Checkbox.js.map +1 -1
- package/lib/commonjs/components/Collapsible.js +47 -36
- package/lib/commonjs/components/Collapsible.js.map +1 -1
- package/lib/commonjs/components/Combobox.js +110 -48
- package/lib/commonjs/components/Combobox.js.map +1 -1
- package/lib/commonjs/components/Command.js +121 -77
- package/lib/commonjs/components/Command.js.map +1 -1
- package/lib/commonjs/components/DropdownMenu.js +78 -25
- package/lib/commonjs/components/DropdownMenu.js.map +1 -1
- package/lib/commonjs/components/Empty.js +24 -10
- package/lib/commonjs/components/Empty.js.map +1 -1
- package/lib/commonjs/components/FormField.js +63 -13
- package/lib/commonjs/components/FormField.js.map +1 -1
- package/lib/commonjs/components/IconButton.js +22 -6
- package/lib/commonjs/components/IconButton.js.map +1 -1
- package/lib/commonjs/components/Input.js +11 -13
- package/lib/commonjs/components/Input.js.map +1 -1
- package/lib/commonjs/components/InputGroup.js +19 -10
- package/lib/commonjs/components/InputGroup.js.map +1 -1
- package/lib/commonjs/components/InputOTP.js +46 -15
- package/lib/commonjs/components/InputOTP.js.map +1 -1
- package/lib/commonjs/components/Popover.js +90 -23
- package/lib/commonjs/components/Popover.js.map +1 -1
- package/lib/commonjs/components/Progress.js +105 -6
- package/lib/commonjs/components/Progress.js.map +1 -1
- package/lib/commonjs/components/RadioGroup.js +109 -51
- package/lib/commonjs/components/RadioGroup.js.map +1 -1
- package/lib/commonjs/components/Rating.js +109 -95
- package/lib/commonjs/components/Rating.js.map +1 -1
- package/lib/commonjs/components/Select.js +109 -43
- package/lib/commonjs/components/Select.js.map +1 -1
- package/lib/commonjs/components/Sheet.js +217 -29
- package/lib/commonjs/components/Sheet.js.map +1 -1
- package/lib/commonjs/components/Stepper.js +119 -24
- package/lib/commonjs/components/Stepper.js.map +1 -1
- package/lib/commonjs/components/Switch.js +21 -11
- package/lib/commonjs/components/Switch.js.map +1 -1
- package/lib/commonjs/components/Tabs.js +159 -28
- package/lib/commonjs/components/Tabs.js.map +1 -1
- package/lib/commonjs/components/Timeline.js +35 -12
- package/lib/commonjs/components/Timeline.js.map +1 -1
- package/lib/commonjs/components/Toast.js +163 -38
- package/lib/commonjs/components/Toast.js.map +1 -1
- package/lib/commonjs/components/index.js +12 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/types.js +16 -0
- package/lib/commonjs/components/types.js.map +1 -1
- package/lib/commonjs/theme/tokens.js +7 -7
- package/lib/commonjs/theme/tokens.js.map +1 -1
- package/lib/commonjs/utils/haptics.js +42 -0
- package/lib/commonjs/utils/haptics.js.map +1 -0
- package/lib/commonjs/utils/index.js +7 -0
- package/lib/commonjs/utils/index.js.map +1 -1
- package/lib/module/components/Accordion.js +28 -13
- package/lib/module/components/Accordion.js.map +1 -1
- package/lib/module/components/Alert.js +229 -73
- package/lib/module/components/Alert.js.map +1 -1
- package/lib/module/components/AlertDialog.js +144 -88
- package/lib/module/components/AlertDialog.js.map +1 -1
- package/lib/module/components/Avatar.js +31 -28
- package/lib/module/components/Avatar.js.map +1 -1
- package/lib/module/components/Badge.js +18 -7
- package/lib/module/components/Badge.js.map +1 -1
- package/lib/module/components/BottomSheet.js +64 -4
- package/lib/module/components/BottomSheet.js.map +1 -1
- package/lib/module/components/Breadcrumb.js +31 -9
- package/lib/module/components/Breadcrumb.js.map +1 -1
- package/lib/module/components/Button.js +22 -6
- package/lib/module/components/Button.js.map +1 -1
- package/lib/module/components/Calendar.js +114 -32
- package/lib/module/components/Calendar.js.map +1 -1
- package/lib/module/components/Card.js +8 -3
- package/lib/module/components/Card.js.map +1 -1
- package/lib/module/components/Carousel.js +67 -21
- package/lib/module/components/Carousel.js.map +1 -1
- package/lib/module/components/Checkbox.js +12 -7
- package/lib/module/components/Checkbox.js.map +1 -1
- package/lib/module/components/Collapsible.js +49 -38
- package/lib/module/components/Collapsible.js.map +1 -1
- package/lib/module/components/Combobox.js +110 -48
- package/lib/module/components/Combobox.js.map +1 -1
- package/lib/module/components/Command.js +121 -77
- package/lib/module/components/Command.js.map +1 -1
- package/lib/module/components/DropdownMenu.js +79 -26
- package/lib/module/components/DropdownMenu.js.map +1 -1
- package/lib/module/components/Empty.js +24 -10
- package/lib/module/components/Empty.js.map +1 -1
- package/lib/module/components/FormField.js +63 -14
- package/lib/module/components/FormField.js.map +1 -1
- package/lib/module/components/IconButton.js +22 -6
- package/lib/module/components/IconButton.js.map +1 -1
- package/lib/module/components/Input.js +12 -14
- package/lib/module/components/Input.js.map +1 -1
- package/lib/module/components/InputGroup.js +19 -10
- package/lib/module/components/InputGroup.js.map +1 -1
- package/lib/module/components/InputOTP.js +46 -15
- package/lib/module/components/InputOTP.js.map +1 -1
- package/lib/module/components/Popover.js +90 -24
- package/lib/module/components/Popover.js.map +1 -1
- package/lib/module/components/Progress.js +106 -8
- package/lib/module/components/Progress.js.map +1 -1
- package/lib/module/components/RadioGroup.js +108 -51
- package/lib/module/components/RadioGroup.js.map +1 -1
- package/lib/module/components/Rating.js +109 -95
- package/lib/module/components/Rating.js.map +1 -1
- package/lib/module/components/Select.js +111 -45
- package/lib/module/components/Select.js.map +1 -1
- package/lib/module/components/Sheet.js +216 -24
- package/lib/module/components/Sheet.js.map +1 -1
- package/lib/module/components/Stepper.js +120 -25
- package/lib/module/components/Stepper.js.map +1 -1
- package/lib/module/components/Switch.js +21 -11
- package/lib/module/components/Switch.js.map +1 -1
- package/lib/module/components/Tabs.js +158 -29
- package/lib/module/components/Tabs.js.map +1 -1
- package/lib/module/components/Timeline.js +35 -12
- package/lib/module/components/Timeline.js.map +1 -1
- package/lib/module/components/Toast.js +164 -38
- package/lib/module/components/Toast.js.map +1 -1
- package/lib/module/components/index.js +2 -2
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/types.js +16 -0
- package/lib/module/components/types.js.map +1 -1
- package/lib/module/theme/tokens.js +7 -7
- package/lib/module/theme/tokens.js.map +1 -1
- package/lib/module/utils/haptics.js +38 -0
- package/lib/module/utils/haptics.js.map +1 -0
- package/lib/module/utils/index.js +1 -0
- package/lib/module/utils/index.js.map +1 -1
- package/lib/typescript/commonjs/components/Accordion.d.ts +6 -3
- package/lib/typescript/commonjs/components/Accordion.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Alert.d.ts +4 -4
- package/lib/typescript/commonjs/components/Alert.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/AlertDialog.d.ts +5 -3
- package/lib/typescript/commonjs/components/AlertDialog.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Avatar.d.ts +9 -4
- package/lib/typescript/commonjs/components/Avatar.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Badge.d.ts +4 -4
- package/lib/typescript/commonjs/components/Badge.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BottomSheet.d.ts +13 -4
- package/lib/typescript/commonjs/components/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Breadcrumb.d.ts +6 -5
- package/lib/typescript/commonjs/components/Breadcrumb.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Button.d.ts +3 -3
- package/lib/typescript/commonjs/components/Button.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Calendar.d.ts +9 -1
- package/lib/typescript/commonjs/components/Calendar.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Card.d.ts +3 -2
- package/lib/typescript/commonjs/components/Card.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Carousel.d.ts +4 -1
- package/lib/typescript/commonjs/components/Carousel.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Checkbox.d.ts +3 -3
- package/lib/typescript/commonjs/components/Checkbox.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Collapsible.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Combobox.d.ts +11 -6
- package/lib/typescript/commonjs/components/Combobox.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Command.d.ts +3 -0
- package/lib/typescript/commonjs/components/Command.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/DropdownMenu.d.ts +4 -2
- package/lib/typescript/commonjs/components/DropdownMenu.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Empty.d.ts +7 -4
- package/lib/typescript/commonjs/components/Empty.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/FormField.d.ts +12 -4
- package/lib/typescript/commonjs/components/FormField.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/IconButton.d.ts +3 -3
- package/lib/typescript/commonjs/components/IconButton.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Input.d.ts +2 -1
- package/lib/typescript/commonjs/components/Input.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/InputGroup.d.ts +3 -2
- package/lib/typescript/commonjs/components/InputGroup.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/InputOTP.d.ts +9 -4
- package/lib/typescript/commonjs/components/InputOTP.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Popover.d.ts +1 -1
- package/lib/typescript/commonjs/components/Popover.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Progress.d.ts +13 -1
- package/lib/typescript/commonjs/components/Progress.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/RadioGroup.d.ts +3 -2
- package/lib/typescript/commonjs/components/RadioGroup.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Rating.d.ts +3 -23
- package/lib/typescript/commonjs/components/Rating.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Select.d.ts +5 -4
- package/lib/typescript/commonjs/components/Select.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Sheet.d.ts +25 -6
- package/lib/typescript/commonjs/components/Sheet.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Stepper.d.ts +5 -3
- package/lib/typescript/commonjs/components/Stepper.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Switch.d.ts +3 -3
- package/lib/typescript/commonjs/components/Switch.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Tabs.d.ts +21 -4
- package/lib/typescript/commonjs/components/Tabs.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Timeline.d.ts +9 -3
- package/lib/typescript/commonjs/components/Timeline.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Toast.d.ts +3 -0
- package/lib/typescript/commonjs/components/Toast.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/index.d.ts +5 -5
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/types.d.ts +35 -0
- package/lib/typescript/commonjs/components/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/utils/haptics.d.ts +6 -0
- package/lib/typescript/commonjs/utils/haptics.d.ts.map +1 -0
- package/lib/typescript/commonjs/utils/index.d.ts +1 -0
- package/lib/typescript/commonjs/utils/index.d.ts.map +1 -1
- package/lib/typescript/module/components/Accordion.d.ts +6 -3
- package/lib/typescript/module/components/Accordion.d.ts.map +1 -1
- package/lib/typescript/module/components/Alert.d.ts +4 -4
- package/lib/typescript/module/components/Alert.d.ts.map +1 -1
- package/lib/typescript/module/components/AlertDialog.d.ts +5 -3
- package/lib/typescript/module/components/AlertDialog.d.ts.map +1 -1
- package/lib/typescript/module/components/Avatar.d.ts +9 -4
- package/lib/typescript/module/components/Avatar.d.ts.map +1 -1
- package/lib/typescript/module/components/Badge.d.ts +4 -4
- package/lib/typescript/module/components/Badge.d.ts.map +1 -1
- package/lib/typescript/module/components/BottomSheet.d.ts +13 -4
- package/lib/typescript/module/components/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/module/components/Breadcrumb.d.ts +6 -5
- package/lib/typescript/module/components/Breadcrumb.d.ts.map +1 -1
- package/lib/typescript/module/components/Button.d.ts +3 -3
- package/lib/typescript/module/components/Button.d.ts.map +1 -1
- package/lib/typescript/module/components/Calendar.d.ts +9 -1
- package/lib/typescript/module/components/Calendar.d.ts.map +1 -1
- package/lib/typescript/module/components/Card.d.ts +3 -2
- package/lib/typescript/module/components/Card.d.ts.map +1 -1
- package/lib/typescript/module/components/Carousel.d.ts +4 -1
- package/lib/typescript/module/components/Carousel.d.ts.map +1 -1
- package/lib/typescript/module/components/Checkbox.d.ts +3 -3
- package/lib/typescript/module/components/Checkbox.d.ts.map +1 -1
- package/lib/typescript/module/components/Collapsible.d.ts.map +1 -1
- package/lib/typescript/module/components/Combobox.d.ts +11 -6
- package/lib/typescript/module/components/Combobox.d.ts.map +1 -1
- package/lib/typescript/module/components/Command.d.ts +3 -0
- package/lib/typescript/module/components/Command.d.ts.map +1 -1
- package/lib/typescript/module/components/DropdownMenu.d.ts +4 -2
- package/lib/typescript/module/components/DropdownMenu.d.ts.map +1 -1
- package/lib/typescript/module/components/Empty.d.ts +7 -4
- package/lib/typescript/module/components/Empty.d.ts.map +1 -1
- package/lib/typescript/module/components/FormField.d.ts +12 -4
- package/lib/typescript/module/components/FormField.d.ts.map +1 -1
- package/lib/typescript/module/components/IconButton.d.ts +3 -3
- package/lib/typescript/module/components/IconButton.d.ts.map +1 -1
- package/lib/typescript/module/components/Input.d.ts +2 -1
- package/lib/typescript/module/components/Input.d.ts.map +1 -1
- package/lib/typescript/module/components/InputGroup.d.ts +3 -2
- package/lib/typescript/module/components/InputGroup.d.ts.map +1 -1
- package/lib/typescript/module/components/InputOTP.d.ts +9 -4
- package/lib/typescript/module/components/InputOTP.d.ts.map +1 -1
- package/lib/typescript/module/components/Popover.d.ts +1 -1
- package/lib/typescript/module/components/Popover.d.ts.map +1 -1
- package/lib/typescript/module/components/Progress.d.ts +13 -1
- package/lib/typescript/module/components/Progress.d.ts.map +1 -1
- package/lib/typescript/module/components/RadioGroup.d.ts +3 -2
- package/lib/typescript/module/components/RadioGroup.d.ts.map +1 -1
- package/lib/typescript/module/components/Rating.d.ts +3 -23
- package/lib/typescript/module/components/Rating.d.ts.map +1 -1
- package/lib/typescript/module/components/Select.d.ts +5 -4
- package/lib/typescript/module/components/Select.d.ts.map +1 -1
- package/lib/typescript/module/components/Sheet.d.ts +25 -6
- package/lib/typescript/module/components/Sheet.d.ts.map +1 -1
- package/lib/typescript/module/components/Stepper.d.ts +5 -3
- package/lib/typescript/module/components/Stepper.d.ts.map +1 -1
- package/lib/typescript/module/components/Switch.d.ts +3 -3
- package/lib/typescript/module/components/Switch.d.ts.map +1 -1
- package/lib/typescript/module/components/Tabs.d.ts +21 -4
- package/lib/typescript/module/components/Tabs.d.ts.map +1 -1
- package/lib/typescript/module/components/Timeline.d.ts +9 -3
- package/lib/typescript/module/components/Timeline.d.ts.map +1 -1
- package/lib/typescript/module/components/Toast.d.ts +3 -0
- package/lib/typescript/module/components/Toast.d.ts.map +1 -1
- package/lib/typescript/module/components/index.d.ts +5 -5
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/lib/typescript/module/components/types.d.ts +35 -0
- package/lib/typescript/module/components/types.d.ts.map +1 -1
- package/lib/typescript/module/utils/haptics.d.ts +6 -0
- package/lib/typescript/module/utils/haptics.d.ts.map +1 -0
- package/lib/typescript/module/utils/index.d.ts +1 -0
- package/lib/typescript/module/utils/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext","useContext","useState","useEffect","Image","StyleSheet","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","AvatarContext","useAvatarContext","context","Error","GroupContext","Avatar","size","style","children","props","colors","components","radii","hasLoaded","setHasLoaded","hasError","setHasError","group","finalSize","inGroup","dimension","
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useState","useEffect","Image","StyleSheet","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","AvatarContext","useAvatarContext","context","Error","GroupContext","Avatar","size","shape","style","children","props","colors","components","radii","hasLoaded","setHasLoaded","hasError","setHasError","group","finalSize","finalShape","inGroup","dimension","borderRadius","full","xs","md","rootStyle","position","width","height","backgroundColor","backgroundMuted","alignItems","justifyContent","overflow","borderWidth","ring","borderColor","background","Provider","value","AvatarImage","source","onLoad","onError","handleLoad","e","handleError","absoluteFill","AvatarFallback","textStyle","fallbackStyle","fontSize","color","textMuted","fontWeight","AvatarBadge","bg","status","statusColor","success","danger","warning","badgeSize","offset","badgeStyle","right","bottom","focus","zIndex","AvatarGroup","groupStyle","flexDirection","spacing","Children","map","child","index","isValidElement","cloneElement","marginLeft","AvatarGroupCount","count","countStyle"],"sourceRoot":"../../../src","sources":["components/Avatar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -56,6 +56,7 @@ export function Badge({
|
|
|
56
56
|
tone = "primary",
|
|
57
57
|
variant = "soft",
|
|
58
58
|
size = "md",
|
|
59
|
+
glass = false,
|
|
59
60
|
icon,
|
|
60
61
|
style
|
|
61
62
|
}) {
|
|
@@ -63,11 +64,21 @@ export function Badge({
|
|
|
63
64
|
colors,
|
|
64
65
|
components,
|
|
65
66
|
radii,
|
|
66
|
-
spacing
|
|
67
|
+
spacing,
|
|
68
|
+
isDark
|
|
67
69
|
} = useTheme();
|
|
68
70
|
const toneColors = getBadgeColors(tone, colors);
|
|
69
71
|
const isSolid = variant === "solid";
|
|
72
|
+
const isSoft = variant === "soft";
|
|
73
|
+
const isSubtle = variant === "subtle";
|
|
74
|
+
const isGhost = variant === "ghost";
|
|
75
|
+
const isOutline = variant === "outline";
|
|
70
76
|
const iconSize = size === "lg" ? 14 : size === "sm" ? 10 : 12;
|
|
77
|
+
const glassBg = isDark ? "rgba(15, 27, 45, 0.60)" : "rgba(255, 255, 255, 0.75)";
|
|
78
|
+
const backgroundColor = glass ? glassBg : isSolid ? toneColors.solid : isSoft || isSubtle ? toneColors.soft : colors.transparent;
|
|
79
|
+
const borderWidth = glass || isOutline || isSubtle ? components.borderWidth.default : 0;
|
|
80
|
+
const borderColor = glass ? isDark ? "rgba(248, 250, 252, 0.20)" : "rgba(15, 23, 42, 0.14)" : isOutline ? colors.border : isSubtle ? toneColors.solid : colors.transparent;
|
|
81
|
+
const textColor = isSolid && !glass ? toneColors.on : toneColors.solid;
|
|
71
82
|
return /*#__PURE__*/_jsxs(View, {
|
|
72
83
|
style: [{
|
|
73
84
|
alignSelf: "flex-start",
|
|
@@ -77,15 +88,15 @@ export function Badge({
|
|
|
77
88
|
paddingHorizontal: size === "lg" ? spacing.md : spacing.sm,
|
|
78
89
|
paddingVertical: size === "lg" ? spacing.xs : spacing.xxs,
|
|
79
90
|
borderRadius: radii.full,
|
|
80
|
-
backgroundColor
|
|
81
|
-
borderWidth
|
|
82
|
-
borderColor
|
|
91
|
+
backgroundColor,
|
|
92
|
+
borderWidth,
|
|
93
|
+
borderColor
|
|
83
94
|
}, style],
|
|
84
|
-
children: [renderIcon(icon,
|
|
95
|
+
children: [renderIcon(icon, textColor, iconSize), /*#__PURE__*/_jsx(Text, {
|
|
85
96
|
variant: "labelSmall",
|
|
86
|
-
color: isSolid ? "textInverse" : "text",
|
|
97
|
+
color: isSolid && !glass ? "textInverse" : "text",
|
|
87
98
|
style: {
|
|
88
|
-
color:
|
|
99
|
+
color: textColor
|
|
89
100
|
},
|
|
90
101
|
children: children
|
|
91
102
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","useTheme","Text","renderIcon","jsx","_jsx","jsxs","_jsxs","getBadgeColors","tone","colors","map","primary","solid","soft","primarySoft","on","onPrimary","secondary","secondarySoft","onSecondary","accent","accentSoft","onAccent","success","successSoft","onSuccess","warning","warningSoft","onWarning","danger","dangerSoft","onDanger","info","infoSoft","onInfo","default","Badge","children","variant","size","icon","style","components","radii","spacing","toneColors","isSolid","iconSize","
|
|
1
|
+
{"version":3,"names":["React","View","useTheme","Text","renderIcon","jsx","_jsx","jsxs","_jsxs","getBadgeColors","tone","colors","map","primary","solid","soft","primarySoft","on","onPrimary","secondary","secondarySoft","onSecondary","accent","accentSoft","onAccent","success","successSoft","onSuccess","warning","warningSoft","onWarning","danger","dangerSoft","onDanger","info","infoSoft","onInfo","default","Badge","children","variant","size","glass","icon","style","components","radii","spacing","isDark","toneColors","isSolid","isSoft","isSubtle","isGhost","isOutline","iconSize","glassBg","backgroundColor","transparent","borderWidth","borderColor","border","textColor","alignSelf","flexDirection","alignItems","gap","xs","paddingHorizontal","md","sm","paddingVertical","xxs","borderRadius","full","color"],"sourceRoot":"../../../src","sources":["components/Badge.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import GorhomBottomSheet, { BottomSheetBackdrop as GorhomBottomSheetBackdrop, BottomSheetFlatList, BottomSheetModal, BottomSheetModalProvider, BottomSheetScrollView, BottomSheetSectionList, BottomSheetTextInput, BottomSheetView, useBottomSheet, useBottomSheetModal } from "@gorhom/bottom-sheet";
|
|
4
|
+
import GorhomBottomSheet, { BottomSheetBackdrop as GorhomBottomSheetBackdrop, BottomSheetFlatList, BottomSheetModal as GorhomBottomSheetModal, BottomSheetModalProvider, BottomSheetScrollView, BottomSheetSectionList, BottomSheetTextInput, BottomSheetView, useBottomSheet, useBottomSheetModal } from "@gorhom/bottom-sheet";
|
|
5
5
|
import { useTheme } from "../theme/index.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export const BottomSheet = /*#__PURE__*/React.forwardRef(function BottomSheet({
|
|
@@ -62,13 +62,73 @@ export const BottomSheet = /*#__PURE__*/React.forwardRef(function BottomSheet({
|
|
|
62
62
|
backgroundColor: colors.border
|
|
63
63
|
}, handleIndicatorStyle],
|
|
64
64
|
style: [{
|
|
65
|
-
shadowOpacity: 0,
|
|
66
|
-
shadowRadius: 0,
|
|
67
65
|
elevation: 0
|
|
68
66
|
}, style],
|
|
69
67
|
...props,
|
|
70
68
|
children: children
|
|
71
69
|
});
|
|
72
70
|
});
|
|
73
|
-
export
|
|
71
|
+
export const BottomSheetModal = /*#__PURE__*/React.forwardRef(function BottomSheetModal({
|
|
72
|
+
snapPoints = ["45%"],
|
|
73
|
+
enablePanDownToClose = true,
|
|
74
|
+
withBackdrop = true,
|
|
75
|
+
backdropOpacity = 0.5,
|
|
76
|
+
backdropAppearsOnIndex = 0,
|
|
77
|
+
backdropDisappearsOnIndex = -1,
|
|
78
|
+
backdropPressBehavior = "close",
|
|
79
|
+
backdropStyle,
|
|
80
|
+
backdropComponent,
|
|
81
|
+
backgroundStyle,
|
|
82
|
+
handleStyle,
|
|
83
|
+
handleIndicatorStyle,
|
|
84
|
+
style,
|
|
85
|
+
children,
|
|
86
|
+
...props
|
|
87
|
+
}, ref) {
|
|
88
|
+
const {
|
|
89
|
+
colors,
|
|
90
|
+
components,
|
|
91
|
+
radii,
|
|
92
|
+
spacing
|
|
93
|
+
} = useTheme();
|
|
94
|
+
const themedBackdrop = React.useCallback(backdropProps => /*#__PURE__*/_jsx(GorhomBottomSheetBackdrop, {
|
|
95
|
+
...backdropProps,
|
|
96
|
+
appearsOnIndex: backdropAppearsOnIndex,
|
|
97
|
+
disappearsOnIndex: backdropDisappearsOnIndex,
|
|
98
|
+
opacity: backdropOpacity,
|
|
99
|
+
pressBehavior: backdropPressBehavior,
|
|
100
|
+
style: [{
|
|
101
|
+
backgroundColor: colors.overlay
|
|
102
|
+
}, backdropProps.style, backdropStyle]
|
|
103
|
+
}), [backdropAppearsOnIndex, backdropDisappearsOnIndex, backdropOpacity, backdropPressBehavior, backdropStyle, colors.overlay]);
|
|
104
|
+
return /*#__PURE__*/_jsx(GorhomBottomSheetModal, {
|
|
105
|
+
ref: ref,
|
|
106
|
+
snapPoints: snapPoints,
|
|
107
|
+
enablePanDownToClose: enablePanDownToClose,
|
|
108
|
+
backdropComponent: backdropComponent ?? (withBackdrop ? themedBackdrop : undefined),
|
|
109
|
+
backgroundStyle: [{
|
|
110
|
+
backgroundColor: colors.surface,
|
|
111
|
+
borderTopLeftRadius: radii.xxl,
|
|
112
|
+
borderTopRightRadius: radii.xxl,
|
|
113
|
+
borderWidth: components.borderWidth.strong,
|
|
114
|
+
borderColor: colors.border
|
|
115
|
+
}, backgroundStyle],
|
|
116
|
+
handleStyle: [{
|
|
117
|
+
paddingTop: spacing.md,
|
|
118
|
+
paddingBottom: spacing.sm
|
|
119
|
+
}, handleStyle],
|
|
120
|
+
handleIndicatorStyle: [{
|
|
121
|
+
width: 40,
|
|
122
|
+
height: 4,
|
|
123
|
+
borderRadius: radii.full,
|
|
124
|
+
backgroundColor: colors.border
|
|
125
|
+
}, handleIndicatorStyle],
|
|
126
|
+
style: [{
|
|
127
|
+
elevation: 0
|
|
128
|
+
}, style],
|
|
129
|
+
...props,
|
|
130
|
+
children: children
|
|
131
|
+
});
|
|
132
|
+
});
|
|
133
|
+
export { BottomSheetFlatList, BottomSheetModalProvider, BottomSheetScrollView, BottomSheetSectionList, BottomSheetTextInput, BottomSheetView, useBottomSheet, useBottomSheetModal };
|
|
74
134
|
//# sourceMappingURL=BottomSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","GorhomBottomSheet","BottomSheetBackdrop","GorhomBottomSheetBackdrop","BottomSheetFlatList","BottomSheetModal","BottomSheetModalProvider","BottomSheetScrollView","BottomSheetSectionList","BottomSheetTextInput","BottomSheetView","useBottomSheet","useBottomSheetModal","useTheme","jsx","_jsx","BottomSheet","forwardRef","index","animateOnMount","enablePanDownToClose","withBackdrop","backdropOpacity","backdropAppearsOnIndex","backdropDisappearsOnIndex","backdropPressBehavior","backdropStyle","backdropComponent","backgroundStyle","handleStyle","handleIndicatorStyle","style","children","props","ref","colors","components","radii","spacing","themedBackdrop","useCallback","backdropProps","appearsOnIndex","disappearsOnIndex","opacity","pressBehavior","backgroundColor","overlay","undefined","surface","borderTopLeftRadius","xxl","borderTopRightRadius","borderWidth","strong","borderColor","border","paddingTop","md","paddingBottom","sm","width","height","borderRadius","full","
|
|
1
|
+
{"version":3,"names":["React","GorhomBottomSheet","BottomSheetBackdrop","GorhomBottomSheetBackdrop","BottomSheetFlatList","BottomSheetModal","GorhomBottomSheetModal","BottomSheetModalProvider","BottomSheetScrollView","BottomSheetSectionList","BottomSheetTextInput","BottomSheetView","useBottomSheet","useBottomSheetModal","useTheme","jsx","_jsx","BottomSheet","forwardRef","index","animateOnMount","enablePanDownToClose","withBackdrop","backdropOpacity","backdropAppearsOnIndex","backdropDisappearsOnIndex","backdropPressBehavior","backdropStyle","backdropComponent","backgroundStyle","handleStyle","handleIndicatorStyle","style","children","props","ref","colors","components","radii","spacing","themedBackdrop","useCallback","backdropProps","appearsOnIndex","disappearsOnIndex","opacity","pressBehavior","backgroundColor","overlay","undefined","surface","borderTopLeftRadius","xxl","borderTopRightRadius","borderWidth","strong","borderColor","border","paddingTop","md","paddingBottom","sm","width","height","borderRadius","full","elevation","snapPoints"],"sourceRoot":"../../../src","sources":["components/BottomSheet.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ import React from "react";
|
|
|
4
4
|
import { Pressable, View } from "react-native";
|
|
5
5
|
import { useTheme } from "../theme/index.js";
|
|
6
6
|
import { Text } from "./Text.js";
|
|
7
|
+
import { renderIcon } from "./types.js";
|
|
7
8
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
9
|
export function Breadcrumb({
|
|
9
10
|
style,
|
|
@@ -30,7 +31,8 @@ export function BreadcrumbItem({
|
|
|
30
31
|
return /*#__PURE__*/_jsx(View, {
|
|
31
32
|
style: [{
|
|
32
33
|
flexDirection: "row",
|
|
33
|
-
alignItems: "center"
|
|
34
|
+
alignItems: "center",
|
|
35
|
+
gap: 4
|
|
34
36
|
}, style],
|
|
35
37
|
...props
|
|
36
38
|
});
|
|
@@ -40,35 +42,55 @@ export function BreadcrumbLink({
|
|
|
40
42
|
disabled,
|
|
41
43
|
...props
|
|
42
44
|
}) {
|
|
45
|
+
const {
|
|
46
|
+
colors
|
|
47
|
+
} = useTheme();
|
|
43
48
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
44
49
|
disabled: disabled,
|
|
50
|
+
hitSlop: 4,
|
|
45
51
|
...props,
|
|
46
52
|
children: typeof children === "string" ? /*#__PURE__*/_jsx(Text, {
|
|
47
53
|
variant: "bodySmall",
|
|
48
|
-
color: disabled ? "
|
|
54
|
+
color: disabled ? "textMuted" : "primary",
|
|
55
|
+
weight: "600",
|
|
49
56
|
children: children
|
|
50
|
-
}) : children
|
|
57
|
+
}) : typeof children === "function" ? renderIcon(children, disabled ? colors.textMuted : colors.primary, 14) : children
|
|
51
58
|
});
|
|
52
59
|
}
|
|
53
60
|
export function BreadcrumbPage({
|
|
54
61
|
children
|
|
55
62
|
}) {
|
|
63
|
+
const {
|
|
64
|
+
colors
|
|
65
|
+
} = useTheme();
|
|
56
66
|
return typeof children === "string" ? /*#__PURE__*/_jsx(Text, {
|
|
57
67
|
variant: "bodySmall",
|
|
58
68
|
color: "text",
|
|
69
|
+
weight: "600",
|
|
59
70
|
children: children
|
|
60
|
-
}) : /*#__PURE__*/_jsx(_Fragment, {
|
|
71
|
+
}) : typeof children === "function" ? renderIcon(children, colors.text, 14) : /*#__PURE__*/_jsx(_Fragment, {
|
|
61
72
|
children: children
|
|
62
73
|
});
|
|
63
74
|
}
|
|
64
75
|
export function BreadcrumbSeparator({
|
|
65
76
|
children = "/"
|
|
66
77
|
}) {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
78
|
+
const {
|
|
79
|
+
colors
|
|
80
|
+
} = useTheme();
|
|
81
|
+
if (typeof children === "string") {
|
|
82
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
83
|
+
variant: "bodySmall",
|
|
84
|
+
color: "textSubtle",
|
|
85
|
+
children: children
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
if (typeof children === "function") {
|
|
89
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
90
|
+
children: renderIcon(children, colors.textMuted, 14)
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
72
94
|
children: children
|
|
73
95
|
});
|
|
74
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","View","useTheme","Text","jsx","_jsx","Fragment","_Fragment","Breadcrumb","style","props","spacing","accessibilityRole","flexDirection","alignItems","flexWrap","gap","xs","BreadcrumbItem","BreadcrumbLink","children","disabled","variant","color","BreadcrumbPage","BreadcrumbSeparator"],"sourceRoot":"../../../src","sources":["components/Breadcrumb.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EACTC,IAAI,QAKC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;
|
|
1
|
+
{"version":3,"names":["React","Pressable","View","useTheme","Text","renderIcon","jsx","_jsx","Fragment","_Fragment","Breadcrumb","style","props","spacing","accessibilityRole","flexDirection","alignItems","flexWrap","gap","xs","BreadcrumbItem","BreadcrumbLink","children","disabled","colors","hitSlop","variant","color","weight","textMuted","primary","BreadcrumbPage","text","BreadcrumbSeparator"],"sourceRoot":"../../../src","sources":["components/Breadcrumb.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EACTC,IAAI,QAKC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,UAAU,QAAyB,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAMtD,OAAO,SAASC,UAAUA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAuB,CAAC,EAAE;EAC/D,MAAM;IAAEC;EAAQ,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAC9B,oBACEI,IAAA,CAACL,IAAI;IACHY,iBAAiB,EAAC,MAAM;IACxBH,KAAK,EAAE,CACL;MACEI,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,MAAM;MAChBC,GAAG,EAAEL,OAAO,CAACM;IACf,CAAC,EACDR,KAAK,CACL;IAAA,GACEC;EAAK,CACV,CAAC;AAEN;AAMA,OAAO,SAASQ,cAAcA,CAAC;EAAET,KAAK;EAAE,GAAGC;AAA2B,CAAC,EAAE;EACvE,oBACEL,IAAA,CAACL,IAAI;IACHS,KAAK,EAAE,CAAC;MAAEI,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEE,GAAG,EAAE;IAAE,CAAC,EAAEP,KAAK,CAAE;IAAA,GACnEC;EAAK,CACV,CAAC;AAEN;AAcA,OAAO,SAASS,cAAcA,CAAC;EAC7BC,QAAQ;EACRC,QAAQ;EACR,GAAGX;AACgB,CAAC,EAAE;EACtB,MAAM;IAAEY;EAAO,CAAC,GAAGrB,QAAQ,CAAC,CAAC;EAE7B,oBACEI,IAAA,CAACN,SAAS;IAACsB,QAAQ,EAAEA,QAAS;IAACE,OAAO,EAAE,CAAE;IAAA,GAAKb,KAAK;IAAAU,QAAA,EACjD,OAAOA,QAAQ,KAAK,QAAQ,gBAC3Bf,IAAA,CAACH,IAAI;MAACsB,OAAO,EAAC,WAAW;MAACC,KAAK,EAAEJ,QAAQ,GAAG,WAAW,GAAG,SAAU;MAACK,MAAM,EAAC,KAAK;MAAAN,QAAA,EAC9EA;IAAQ,CACL,CAAC,GACL,OAAOA,QAAQ,KAAK,UAAU,GAChCjB,UAAU,CAACiB,QAAQ,EAAgBC,QAAQ,GAAGC,MAAM,CAACK,SAAS,GAAGL,MAAM,CAACM,OAAO,EAAE,EAAE,CAAC,GAEpFR;EACD,CACQ,CAAC;AAEhB;AAEA,OAAO,SAASS,cAAcA,CAAC;EAAET;AAA8B,CAAC,EAAE;EAChE,MAAM;IAAEE;EAAO,CAAC,GAAGrB,QAAQ,CAAC,CAAC;EAE7B,OAAO,OAAOmB,QAAQ,KAAK,QAAQ,gBACjCf,IAAA,CAACH,IAAI;IAACsB,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,KAAK;IAAAN,QAAA,EAChDA;EAAQ,CACL,CAAC,GACL,OAAOA,QAAQ,KAAK,UAAU,GAChCjB,UAAU,CAACiB,QAAQ,EAAgBE,MAAM,CAACQ,IAAI,EAAE,EAAE,CAAC,gBAEnDzB,IAAA,CAAAE,SAAA;IAAAa,QAAA,EAAGA;EAAQ,CAAG,CACf;AACH;AAEA,OAAO,SAASW,mBAAmBA,CAAC;EAClCX,QAAQ,GAAG;AACa,CAAC,EAAE;EAC3B,MAAM;IAAEE;EAAO,CAAC,GAAGrB,QAAQ,CAAC,CAAC;EAE7B,IAAI,OAAOmB,QAAQ,KAAK,QAAQ,EAAE;IAChC,oBACEf,IAAA,CAACH,IAAI;MAACsB,OAAO,EAAC,WAAW;MAACC,KAAK,EAAC,YAAY;MAAAL,QAAA,EACzCA;IAAQ,CACL,CAAC;EAEX;EAEA,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;IAClC,oBAAOf,IAAA,CAAAE,SAAA;MAAAa,QAAA,EAAGjB,UAAU,CAACiB,QAAQ,EAAgBE,MAAM,CAACK,SAAS,EAAE,EAAE;IAAC,CAAG,CAAC;EACxE;EAEA,oBAAOtB,IAAA,CAAAE,SAAA;IAAAa,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ import React from "react";
|
|
|
4
4
|
import { ActivityIndicator, Pressable, Text } from "react-native";
|
|
5
5
|
import { useTheme } from "../theme/index.js";
|
|
6
6
|
import { withAlpha } from "../utils/index.js";
|
|
7
|
+
import { triggerHaptic } from "../utils/haptics.js";
|
|
7
8
|
import { renderIcon } from "./types.js";
|
|
8
9
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
10
|
function getToneColors(tone, colors) {
|
|
@@ -52,8 +53,12 @@ export function Button({
|
|
|
52
53
|
leftIcon,
|
|
53
54
|
rightIcon,
|
|
54
55
|
loading = false,
|
|
56
|
+
glass = false,
|
|
57
|
+
haptic = true,
|
|
58
|
+
animated = true,
|
|
55
59
|
fullWidth,
|
|
56
60
|
disabled,
|
|
61
|
+
onPress,
|
|
57
62
|
style,
|
|
58
63
|
textStyle,
|
|
59
64
|
...props
|
|
@@ -63,21 +68,29 @@ export function Button({
|
|
|
63
68
|
typography,
|
|
64
69
|
radii,
|
|
65
70
|
components,
|
|
66
|
-
spacing
|
|
71
|
+
spacing,
|
|
72
|
+
isDark
|
|
67
73
|
} = useTheme();
|
|
68
74
|
const isDisabled = disabled || loading;
|
|
69
75
|
const visualVariant = variant === "danger" ? "filled" : variant;
|
|
70
76
|
const resolvedTone = variant === "danger" ? "danger" : tone;
|
|
71
77
|
const toneColors = getToneColors(resolvedTone, colors);
|
|
72
|
-
const
|
|
73
|
-
const
|
|
74
|
-
const
|
|
78
|
+
const glassBg = isDark ? "rgba(15, 27, 45, 0.65)" : "rgba(255, 255, 255, 0.78)";
|
|
79
|
+
const backgroundColor = isDisabled ? colors.disabled : glass ? glassBg : visualVariant === "filled" ? toneColors.base : visualVariant === "soft" ? toneColors.soft : colors.transparent;
|
|
80
|
+
const foregroundColor = isDisabled ? colors.disabledText : glass ? toneColors.base : visualVariant === "filled" ? toneColors.on : toneColors.base;
|
|
81
|
+
const borderColor = isDisabled ? colors.disabled : glass ? isDark ? "rgba(248, 250, 252, 0.20)" : "rgba(15, 23, 42, 0.14)" : visualVariant === "outline" ? withAlpha(toneColors.base, 0.42) : colors.transparent;
|
|
75
82
|
const height = components.button.height[size];
|
|
76
83
|
const iconSize = components.button.iconSize[size];
|
|
77
84
|
const borderRadius = shape === "pill" ? radii.full : shape === "square" ? radii.sm : radii.lg;
|
|
85
|
+
const handlePress = e => {
|
|
86
|
+
if (isDisabled) return;
|
|
87
|
+
if (haptic) triggerHaptic("light");
|
|
88
|
+
onPress?.(e);
|
|
89
|
+
};
|
|
78
90
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
79
91
|
accessibilityRole: "button",
|
|
80
92
|
disabled: isDisabled,
|
|
93
|
+
onPress: handlePress,
|
|
81
94
|
style: ({
|
|
82
95
|
pressed
|
|
83
96
|
}) => [{
|
|
@@ -86,12 +99,15 @@ export function Button({
|
|
|
86
99
|
borderRadius,
|
|
87
100
|
backgroundColor,
|
|
88
101
|
borderColor,
|
|
89
|
-
borderWidth: visualVariant === "outline" ? components.borderWidth.strong : 0,
|
|
102
|
+
borderWidth: glass || visualVariant === "outline" ? components.borderWidth.strong : 0,
|
|
90
103
|
alignItems: "center",
|
|
91
104
|
justifyContent: "center",
|
|
92
105
|
flexDirection: "row",
|
|
93
106
|
gap: spacing.sm,
|
|
94
|
-
opacity: pressed && !isDisabled ? 0.
|
|
107
|
+
opacity: pressed && !isDisabled ? 0.82 : 1,
|
|
108
|
+
transform: [{
|
|
109
|
+
scale: pressed && animated && !isDisabled ? 0.97 : 1
|
|
110
|
+
}],
|
|
95
111
|
width: fullWidth ? "100%" : undefined
|
|
96
112
|
}, style],
|
|
97
113
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","ActivityIndicator","Pressable","Text","useTheme","withAlpha","renderIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","getToneColors","tone","colors","base","primary","soft","primarySoft","on","onPrimary","secondary","secondarySoft","onSecondary","accent","accentSoft","onAccent","success","successSoft","onSuccess","warning","warningSoft","onWarning","danger","dangerSoft","onDanger","info","infoSoft","onInfo","Button","children","variant","size","shape","leftIcon","rightIcon","loading","fullWidth","disabled","style","textStyle","props","typography","radii","components","spacing","isDisabled","visualVariant","resolvedTone","toneColors","backgroundColor","transparent","foregroundColor","disabledText","borderColor","height","button","iconSize","borderRadius","full","sm","lg","accessibilityRole","pressed","minHeight","paddingHorizontal","paddingX","borderWidth","strong","alignItems","justifyContent","flexDirection","gap","opacity","width","undefined","color","label","textAlign"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,QAKC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAQ,mBAAU;AACpC,SACEC,UAAU,
|
|
1
|
+
{"version":3,"names":["React","ActivityIndicator","Pressable","Text","useTheme","withAlpha","triggerHaptic","renderIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","getToneColors","tone","colors","base","primary","soft","primarySoft","on","onPrimary","secondary","secondarySoft","onSecondary","accent","accentSoft","onAccent","success","successSoft","onSuccess","warning","warningSoft","onWarning","danger","dangerSoft","onDanger","info","infoSoft","onInfo","Button","children","variant","size","shape","leftIcon","rightIcon","loading","glass","haptic","animated","fullWidth","disabled","onPress","style","textStyle","props","typography","radii","components","spacing","isDark","isDisabled","visualVariant","resolvedTone","toneColors","glassBg","backgroundColor","transparent","foregroundColor","disabledText","borderColor","height","button","iconSize","borderRadius","full","sm","lg","handlePress","e","accessibilityRole","pressed","minHeight","paddingHorizontal","paddingX","borderWidth","strong","alignItems","justifyContent","flexDirection","gap","opacity","transform","scale","width","undefined","color","label","textAlign"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,QAKC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAQ,mBAAU;AACpC,SAASC,aAAa,QAAQ,qBAAkB;AAChD,SACEC,UAAU,QAYL,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAwBjB,SAASC,aAAaA,CACpBC,IAAgB,EAChBC,MAA6C,EAC7C;EACA,IAAID,IAAI,KAAK,SAAS,EACpB,OAAO;IACLE,IAAI,EAAED,MAAM,CAACE,OAAO;IACpBC,IAAI,EAAEH,MAAM,CAACI,WAAW;IACxBC,EAAE,EAAEL,MAAM,CAACM;EACb,CAAC;EACH,IAAIP,IAAI,KAAK,WAAW,EACtB,OAAO;IACLE,IAAI,EAAED,MAAM,CAACO,SAAS;IACtBJ,IAAI,EAAEH,MAAM,CAACQ,aAAa;IAC1BH,EAAE,EAAEL,MAAM,CAACS;EACb,CAAC;EACH,IAAIV,IAAI,KAAK,QAAQ,EACnB,OAAO;IACLE,IAAI,EAAED,MAAM,CAACU,MAAM;IACnBP,IAAI,EAAEH,MAAM,CAACW,UAAU;IACvBN,EAAE,EAAEL,MAAM,CAACY;EACb,CAAC;EACH,IAAIb,IAAI,KAAK,SAAS,EACpB,OAAO;IACLE,IAAI,EAAED,MAAM,CAACa,OAAO;IACpBV,IAAI,EAAEH,MAAM,CAACc,WAAW;IACxBT,EAAE,EAAEL,MAAM,CAACe;EACb,CAAC;EACH,IAAIhB,IAAI,KAAK,SAAS,EACpB,OAAO;IACLE,IAAI,EAAED,MAAM,CAACgB,OAAO;IACpBb,IAAI,EAAEH,MAAM,CAACiB,WAAW;IACxBZ,EAAE,EAAEL,MAAM,CAACkB;EACb,CAAC;EACH,IAAInB,IAAI,KAAK,QAAQ,EACnB,OAAO;IACLE,IAAI,EAAED,MAAM,CAACmB,MAAM;IACnBhB,IAAI,EAAEH,MAAM,CAACoB,UAAU;IACvBf,EAAE,EAAEL,MAAM,CAACqB;EACb,CAAC;EACH,OAAO;IAAEpB,IAAI,EAAED,MAAM,CAACsB,IAAI;IAAEnB,IAAI,EAAEH,MAAM,CAACuB,QAAQ;IAAElB,EAAE,EAAEL,MAAM,CAACwB;EAAO,CAAC;AACxE;AAEA,OAAO,SAASC,MAAMA,CAAC;EACrBC,QAAQ;EACRC,OAAO,GAAG,QAAQ;EAClBC,IAAI,GAAG,IAAI;EACX7B,IAAI,GAAG,SAAS;EAChB8B,KAAK,GAAG,SAAS;EACjBC,QAAQ;EACRC,SAAS;EACTC,OAAO,GAAG,KAAK;EACfC,KAAK,GAAG,KAAK;EACbC,MAAM,GAAG,IAAI;EACbC,QAAQ,GAAG,IAAI;EACfC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,SAAS;EACT,GAAGC;AACQ,CAAC,EAAE;EACd,MAAM;IAAEzC,MAAM;IAAE0C,UAAU;IAAEC,KAAK;IAAEC,UAAU;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG1D,QAAQ,CAAC,CAAC;EAC7E,MAAM2D,UAAU,GAAGV,QAAQ,IAAIL,OAAO;EACtC,MAAMgB,aAAa,GAAGrB,OAAO,KAAK,QAAQ,GAAG,QAAQ,GAAGA,OAAO;EAC/D,MAAMsB,YAAY,GAAGtB,OAAO,KAAK,QAAQ,GAAG,QAAQ,GAAG5B,IAAI;EAC3D,MAAMmD,UAAU,GAAGpD,aAAa,CAACmD,YAAY,EAAEjD,MAAM,CAAC;EAEtD,MAAMmD,OAAO,GAAGL,MAAM,GAClB,wBAAwB,GACxB,2BAA2B;EAE/B,MAAMM,eAAe,GAAGL,UAAU,GAC9B/C,MAAM,CAACqC,QAAQ,GACfJ,KAAK,GACHkB,OAAO,GACPH,aAAa,KAAK,QAAQ,GACxBE,UAAU,CAACjD,IAAI,GACf+C,aAAa,KAAK,MAAM,GACtBE,UAAU,CAAC/C,IAAI,GACfH,MAAM,CAACqD,WAAW;EAE5B,MAAMC,eAAe,GAAGP,UAAU,GAC9B/C,MAAM,CAACuD,YAAY,GACnBtB,KAAK,GACHiB,UAAU,CAACjD,IAAI,GACf+C,aAAa,KAAK,QAAQ,GACxBE,UAAU,CAAC7C,EAAE,GACb6C,UAAU,CAACjD,IAAI;EAEvB,MAAMuD,WAAW,GAAGT,UAAU,GAC1B/C,MAAM,CAACqC,QAAQ,GACfJ,KAAK,GACHa,MAAM,GACJ,2BAA2B,GAC3B,wBAAwB,GAC1BE,aAAa,KAAK,SAAS,GACzB3D,SAAS,CAAC6D,UAAU,CAACjD,IAAI,EAAE,IAAI,CAAC,GAChCD,MAAM,CAACqD,WAAW;EAE1B,MAAMI,MAAM,GAAGb,UAAU,CAACc,MAAM,CAACD,MAAM,CAAC7B,IAAI,CAAC;EAC7C,MAAM+B,QAAQ,GAAGf,UAAU,CAACc,MAAM,CAACC,QAAQ,CAAC/B,IAAI,CAAC;EACjD,MAAMgC,YAAY,GAChB/B,KAAK,KAAK,MAAM,GAAGc,KAAK,CAACkB,IAAI,GAAGhC,KAAK,KAAK,QAAQ,GAAGc,KAAK,CAACmB,EAAE,GAAGnB,KAAK,CAACoB,EAAE;EAE1E,MAAMC,WAAW,GAAIC,CAAM,IAAK;IAC9B,IAAIlB,UAAU,EAAE;IAChB,IAAIb,MAAM,EAAE5C,aAAa,CAAC,OAAO,CAAC;IAClCgD,OAAO,GAAG2B,CAAC,CAAC;EACd,CAAC;EAED,oBACExE,IAAA,CAACP,SAAS;IACRgF,iBAAiB,EAAC,QAAQ;IAC1B7B,QAAQ,EAAEU,UAAW;IACrBT,OAAO,EAAE0B,WAAY;IACrBzB,KAAK,EAAEA,CAAC;MAAE4B;IAAQ,CAAC,KAAK,CACtB;MACEC,SAAS,EAAEX,MAAM;MACjBY,iBAAiB,EAAEzB,UAAU,CAACc,MAAM,CAACY,QAAQ,CAAC1C,IAAI,CAAC;MACnDgC,YAAY;MACZR,eAAe;MACfI,WAAW;MACXe,WAAW,EACTtC,KAAK,IAAIe,aAAa,KAAK,SAAS,GAChCJ,UAAU,CAAC2B,WAAW,CAACC,MAAM,GAC7B,CAAC;MACPC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAE/B,OAAO,CAACiB,EAAE;MACfe,OAAO,EAAEV,OAAO,IAAI,CAACpB,UAAU,GAAG,IAAI,GAAG,CAAC;MAC1C+B,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAEZ,OAAO,IAAIhC,QAAQ,IAAI,CAACY,UAAU,GAAG,IAAI,GAAG;MAAE,CAAC,CAAC;MACrEiC,KAAK,EAAE5C,SAAS,GAAG,MAAM,GAAG6C;IAC9B,CAAC,EACD1C,KAAK,CACL;IAAA,GACEE,KAAK;IAAAf,QAAA,EAERM,OAAO,gBACNvC,IAAA,CAACR,iBAAiB;MAAC2C,IAAI,EAAC,OAAO;MAACsD,KAAK,EAAE5B;IAAgB,CAAE,CAAC,gBAE1DzD,KAAA,CAAAF,SAAA;MAAA+B,QAAA,GACGnC,UAAU,CAACuC,QAAQ,EAAEwB,eAAe,EAAEK,QAAQ,CAAC,EAC/C,OAAOjC,QAAQ,KAAK,QAAQ,gBAC3BjC,IAAA,CAACN,IAAI;QACHoD,KAAK,EAAE,CACLG,UAAU,CAACyC,KAAK,EAChB;UACED,KAAK,EAAE5B,eAAe;UACtB8B,SAAS,EAAE;QACb,CAAC,EACD5C,SAAS,CACT;QAAAd,QAAA,EAEDA;MAAQ,CACL,CAAC,GAEPA,QACD,EACAnC,UAAU,CAACwC,SAAS,EAAEuB,eAAe,EAAEK,QAAQ,CAAC;IAAA,CACjD;EACH,CACQ,CAAC;AAEhB","ignoreList":[]}
|