@frosted-ui/react-native 0.0.1-canary.91 → 0.0.1-canary.93
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 +59 -14
- package/dist/components/accordion.js +2 -2
- package/dist/components/accordion.js.map +1 -1
- package/dist/components/alert-dialog.js +2 -2
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/avatar.js +4 -20
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/badge.d.ts +2 -4
- package/dist/components/badge.d.ts.map +1 -1
- package/dist/components/badge.js +6 -22
- package/dist/components/badge.js.map +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/button.js +13 -17
- package/dist/components/button.js.map +1 -1
- package/dist/components/callout.d.ts +2 -4
- package/dist/components/callout.d.ts.map +1 -1
- package/dist/components/callout.js +6 -24
- package/dist/components/callout.js.map +1 -1
- package/dist/components/card.d.ts +1 -2
- package/dist/components/card.d.ts.map +1 -1
- package/dist/components/card.js +2 -3
- package/dist/components/card.js.map +1 -1
- package/dist/components/checkbox.d.ts +1 -2
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +5 -21
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/code.d.ts +6 -8
- package/dist/components/code.d.ts.map +1 -1
- package/dist/components/code.js +7 -7
- package/dist/components/code.js.map +1 -1
- package/dist/components/context-menu.js +9 -9
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/dialog.js +2 -2
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/dropdown-menu.js +9 -9
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/heading.d.ts +4 -4
- package/dist/components/heading.d.ts.map +1 -1
- package/dist/components/heading.js +2 -2
- package/dist/components/heading.js.map +1 -1
- package/dist/components/hover-card.js +2 -2
- package/dist/components/hover-card.js.map +1 -1
- package/dist/components/icon-button.d.ts +2 -2
- package/dist/components/icon-button.d.ts.map +1 -1
- package/dist/components/icon-button.js +13 -17
- package/dist/components/icon-button.js.map +1 -1
- package/dist/components/icon.d.ts +6 -7
- package/dist/components/icon.d.ts.map +1 -1
- package/dist/components/icon.js +9 -24
- package/dist/components/icon.js.map +1 -1
- package/dist/components/label.js +2 -2
- package/dist/components/label.js.map +1 -1
- package/dist/components/native-only-animated-view.d.ts +0 -4
- package/dist/components/native-only-animated-view.d.ts.map +1 -1
- package/dist/components/popover.js +2 -2
- package/dist/components/popover.js.map +1 -1
- package/dist/components/progress.d.ts +1 -2
- package/dist/components/progress.d.ts.map +1 -1
- package/dist/components/progress.js +5 -21
- package/dist/components/progress.js.map +1 -1
- package/dist/components/radio-group.d.ts +1 -2
- package/dist/components/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group.js +7 -23
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/segmented-control.js +3 -3
- package/dist/components/segmented-control.js.map +1 -1
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +10 -12
- package/dist/components/select.js.map +1 -1
- package/dist/components/separator.d.ts +1 -1
- package/dist/components/separator.d.ts.map +1 -1
- package/dist/components/separator.js +4 -20
- package/dist/components/separator.js.map +1 -1
- package/dist/components/skeleton.d.ts.map +1 -1
- package/dist/components/skeleton.js +10 -26
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/spinner.js +2 -2
- package/dist/components/spinner.js.map +1 -1
- package/dist/components/switch.d.ts +1 -2
- package/dist/components/switch.d.ts.map +1 -1
- package/dist/components/switch.js +5 -21
- package/dist/components/switch.js.map +1 -1
- package/dist/components/tabs.d.ts +4 -3
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/components/tabs.js +10 -9
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/text-area.d.ts.map +1 -1
- package/dist/components/text-area.js +13 -9
- package/dist/components/text-area.js.map +1 -1
- package/dist/components/text-field.d.ts.map +1 -1
- package/dist/components/text-field.js +22 -16
- package/dist/components/text-field.js.map +1 -1
- package/dist/components/text.d.ts +4 -4
- package/dist/components/text.d.ts.map +1 -1
- package/dist/components/text.js +12 -10
- package/dist/components/text.js.map +1 -1
- package/dist/components/tooltip.js +2 -2
- package/dist/components/tooltip.js.map +1 -1
- package/dist/index.d.ts +6 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +11 -1
- package/dist/index.js.map +1 -1
- package/dist/lib/button-styles.d.ts +6 -6
- package/dist/lib/button-styles.d.ts.map +1 -1
- package/dist/lib/button-styles.js +1 -17
- package/dist/lib/button-styles.js.map +1 -1
- package/dist/lib/color-utils.d.ts +19 -14
- package/dist/lib/color-utils.d.ts.map +1 -1
- package/dist/lib/color-utils.js +37 -73
- package/dist/lib/color-utils.js.map +1 -1
- package/dist/lib/full-window-overlay.d.ts +11 -0
- package/dist/lib/full-window-overlay.d.ts.map +1 -0
- package/dist/lib/full-window-overlay.js +16 -0
- package/dist/lib/full-window-overlay.js.map +1 -0
- package/dist/lib/text-input-styles.d.ts +9 -8
- package/dist/lib/text-input-styles.d.ts.map +1 -1
- package/dist/lib/text-input-styles.js +4 -23
- package/dist/lib/text-input-styles.js.map +1 -1
- package/dist/lib/theme-context.d.ts +80 -0
- package/dist/lib/theme-context.d.ts.map +1 -0
- package/dist/lib/theme-context.js +97 -0
- package/dist/lib/theme-context.js.map +1 -0
- package/dist/lib/{theme-vars.d.ts → theme-tokens.d.ts} +2 -2
- package/dist/lib/theme-tokens.d.ts.map +1 -0
- package/dist/lib/{theme-vars.js → theme-tokens.js} +4 -19
- package/dist/lib/theme-tokens.js.map +1 -0
- package/dist/lib/theme.d.ts +14 -54
- package/dist/lib/theme.d.ts.map +1 -1
- package/dist/lib/theme.js +98 -66
- package/dist/lib/theme.js.map +1 -1
- package/dist/lib/types.d.ts +6 -2
- package/dist/lib/types.d.ts.map +1 -1
- package/dist/lib/use-theme-tokens.d.ts +593 -0
- package/dist/lib/use-theme-tokens.d.ts.map +1 -0
- package/dist/lib/use-theme-tokens.js +44 -0
- package/dist/lib/use-theme-tokens.js.map +1 -0
- package/package.json +10 -23
- package/dist/lib/native-colors.d.ts +0 -8
- package/dist/lib/native-colors.d.ts.map +0 -1
- package/dist/lib/native-colors.js +0 -67
- package/dist/lib/native-colors.js.map +0 -1
- package/dist/lib/theme-vars.d.ts.map +0 -1
- package/dist/lib/theme-vars.js.map +0 -1
- package/dist/lib/use-theme-vars.d.ts +0 -325
- package/dist/lib/use-theme-vars.d.ts.map +0 -1
- package/dist/lib/use-theme-vars.js +0 -17
- package/dist/lib/use-theme-vars.js.map +0 -1
- package/dist/lib/utils.d.ts +0 -3
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/lib/utils.js +0 -17
- package/dist/lib/utils.js.map +0 -1
- package/global.css +0 -1813
- package/tailwind-preset.js +0 -310
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @frosted-ui/react-native
|
|
2
2
|
|
|
3
|
-
A beautiful, accessible component library for React Native
|
|
3
|
+
A beautiful, accessible component library for React Native with a built-in design system.
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
@@ -19,20 +19,18 @@ pnpm add @frosted-ui/react-native
|
|
|
19
19
|
2. Install peer dependencies:
|
|
20
20
|
|
|
21
21
|
```bash
|
|
22
|
-
npm install react react-native
|
|
22
|
+
npm install react react-native react-native-reanimated react-native-safe-area-context react-native-screens react-native-svg lucide-react-native
|
|
23
23
|
# or
|
|
24
|
-
yarn add react react-native
|
|
24
|
+
yarn add react react-native react-native-reanimated react-native-safe-area-context react-native-screens react-native-svg lucide-react-native
|
|
25
25
|
# or
|
|
26
|
-
pnpm add react react-native
|
|
26
|
+
pnpm add react react-native react-native-reanimated react-native-safe-area-context react-native-screens react-native-svg lucide-react-native
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
-
3. **Setup
|
|
29
|
+
3. **Setup React Native Reanimated**: Follow the [React Native Reanimated installation guide](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/).
|
|
30
30
|
|
|
31
|
-
4. **Setup React Native
|
|
31
|
+
4. **Setup React Native Screens**: Follow the [React Native Screens installation guide](https://github.com/software-mansion/react-native-screens#installation).
|
|
32
32
|
|
|
33
|
-
5. **Setup React Native
|
|
34
|
-
|
|
35
|
-
6. **Setup React Native SVG**: Follow the [React Native SVG installation guide](https://github.com/software-mansion/react-native-svg#installation).
|
|
33
|
+
5. **Setup React Native SVG**: Follow the [React Native SVG installation guide](https://github.com/software-mansion/react-native-svg#installation).
|
|
36
34
|
|
|
37
35
|
### For Expo Projects
|
|
38
36
|
|
|
@@ -41,22 +39,69 @@ The package works with Expo projects as well. Follow the same installation steps
|
|
|
41
39
|
## Usage
|
|
42
40
|
|
|
43
41
|
```tsx
|
|
44
|
-
import { Button, Text } from '@frosted-ui/react-native';
|
|
42
|
+
import { Button, Text, ThemeProvider } from '@frosted-ui/react-native';
|
|
45
43
|
|
|
46
44
|
export default function App() {
|
|
47
45
|
return (
|
|
48
|
-
<
|
|
49
|
-
<
|
|
46
|
+
<ThemeProvider>
|
|
47
|
+
<Button variant="surface" size="2">
|
|
48
|
+
<Text>Hello World</Text>
|
|
49
|
+
</Button>
|
|
50
|
+
</ThemeProvider>
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
### Theme Management
|
|
56
|
+
|
|
57
|
+
The library provides a `ThemeProvider` for managing light/dark mode:
|
|
58
|
+
|
|
59
|
+
```tsx
|
|
60
|
+
import { ThemeProvider, useTheme } from '@frosted-ui/react-native';
|
|
61
|
+
|
|
62
|
+
function MyComponent() {
|
|
63
|
+
const { colorScheme, toggleColorScheme } = useTheme();
|
|
64
|
+
|
|
65
|
+
return (
|
|
66
|
+
<Button onPress={toggleColorScheme}>
|
|
67
|
+
<Text>Current theme: {colorScheme}</Text>
|
|
50
68
|
</Button>
|
|
51
69
|
);
|
|
52
70
|
}
|
|
71
|
+
|
|
72
|
+
export default function App() {
|
|
73
|
+
return (
|
|
74
|
+
<ThemeProvider>
|
|
75
|
+
<MyComponent />
|
|
76
|
+
</ThemeProvider>
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
### Accessing Theme Colors
|
|
82
|
+
|
|
83
|
+
Use `useThemeTokens` to access the design system colors in your components:
|
|
84
|
+
|
|
85
|
+
```tsx
|
|
86
|
+
import { useThemeTokens } from '@frosted-ui/react-native';
|
|
87
|
+
|
|
88
|
+
function MyComponent() {
|
|
89
|
+
const { colors, isDark } = useThemeTokens();
|
|
90
|
+
|
|
91
|
+
return (
|
|
92
|
+
<View style={{ backgroundColor: colors.background }}>
|
|
93
|
+
<Text style={{ color: colors.palettes.gray['12'] }}>
|
|
94
|
+
Hello World
|
|
95
|
+
</Text>
|
|
96
|
+
</View>
|
|
97
|
+
);
|
|
98
|
+
}
|
|
53
99
|
```
|
|
54
100
|
|
|
55
101
|
## Requirements
|
|
56
102
|
|
|
57
103
|
- React >= 18.0.0
|
|
58
104
|
- React Native >= 0.70.0
|
|
59
|
-
- NativeWind >= 4.0.0
|
|
60
105
|
- React Native Reanimated >= 3.0.0
|
|
61
106
|
- React Native Safe Area Context >= 4.0.0
|
|
62
107
|
- React Native Screens >= 3.0.0
|
|
@@ -95,7 +140,7 @@ This library includes a comprehensive set of UI components:
|
|
|
95
140
|
|
|
96
141
|
## Styling
|
|
97
142
|
|
|
98
|
-
This library uses
|
|
143
|
+
This library uses React Native's built-in styling system with a comprehensive design system. All components support light and dark mode out of the box, and include multiple color palettes (28+ accent colors) and variants.
|
|
99
144
|
|
|
100
145
|
## License
|
|
101
146
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
2
2
|
import * as AccordionPrimitive from '@rn-primitives/accordion';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Platform, Pressable, View } from 'react-native';
|
|
@@ -23,7 +23,7 @@ function AccordionItem({ children, value, ...props }) {
|
|
|
23
23
|
const TriggerWrapper = Platform.OS === 'web' ? View : Pressable;
|
|
24
24
|
function AccordionTrigger({ children, ...props }) {
|
|
25
25
|
const { isExpanded } = AccordionPrimitive.useItemContext();
|
|
26
|
-
const { colors } =
|
|
26
|
+
const { colors } = useThemeTokens();
|
|
27
27
|
const gray = colors.palettes.gray;
|
|
28
28
|
// Trigger styles matching web CSS
|
|
29
29
|
const triggerStyle = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Heading } from '../components/heading';
|
|
2
2
|
import { Text } from '../components/text';
|
|
3
3
|
import { getDialogBackdropStyle, getDialogContentStyle, getDialogDescriptionSize, getDialogOverlayStyle, getDialogSizeStyles, getDialogTitleSize, } from '../lib/dialog-styles';
|
|
4
|
-
import {
|
|
4
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
5
5
|
import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
|
|
@@ -47,7 +47,7 @@ function AlertDialogOverlay({ children, ...props }) {
|
|
|
47
47
|
}
|
|
48
48
|
AlertDialogOverlay.displayName = 'AlertDialog.Overlay';
|
|
49
49
|
function AlertDialogContent({ size = '3', portalHost, children, style, ...props }) {
|
|
50
|
-
const { colors, isDark } =
|
|
50
|
+
const { colors, isDark } = useThemeTokens();
|
|
51
51
|
const { width: windowWidth } = useWindowDimensions();
|
|
52
52
|
const contentStyle = getDialogContentStyle(size, colors, isDark, windowWidth, style);
|
|
53
53
|
const contextValue = React.useMemo(() => ({ size }), [size]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,GAEnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,WAAW,6DAA8D,CAAC;AAChF,QAAA,MAAM,YAAY,+BAAgC,CAAC;AAEnD,KAAK,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAKjD,iBAAS,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAuB/C;AAiBD,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,MAAM,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAU,EAAE,KAAgB,EAAE,KAAK,EAAE,EAAE,WAAW,qBAoGlF;AAED,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,25 +1,9 @@
|
|
|
1
1
|
import { Text } from '../components/text';
|
|
2
|
-
import {
|
|
2
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Image, View } from 'react-native';
|
|
5
5
|
const avatarSizes = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
|
|
6
6
|
const avatarShapes = ['circle', 'square'];
|
|
7
|
-
function resolveAccentFromColor(color) {
|
|
8
|
-
if (!color)
|
|
9
|
-
return 'gray';
|
|
10
|
-
switch (color) {
|
|
11
|
-
case 'danger':
|
|
12
|
-
return 'red';
|
|
13
|
-
case 'warning':
|
|
14
|
-
return 'amber';
|
|
15
|
-
case 'success':
|
|
16
|
-
return 'green';
|
|
17
|
-
case 'info':
|
|
18
|
-
return 'blue';
|
|
19
|
-
default:
|
|
20
|
-
return color;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
7
|
// Size styles from CSS:
|
|
24
8
|
// Size 0: 16px, Size 1: 24px, Size 2: 32px, Size 3: 40px (default)
|
|
25
9
|
// Size 4: 48px, Size 5: 64px, Size 6: 80px, Size 7: 96px, Size 8: 128px, Size 9: 160px
|
|
@@ -61,10 +45,10 @@ function getInitials(name) {
|
|
|
61
45
|
return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
|
|
62
46
|
}
|
|
63
47
|
function Avatar({ src, fallback, size = '3', shape = 'circle', color }) {
|
|
64
|
-
const { colors } =
|
|
48
|
+
const { colors } = useThemeTokens();
|
|
65
49
|
const [imageStatus, setImageStatus] = React.useState('loading');
|
|
66
|
-
|
|
67
|
-
const palette = colors.palettes[
|
|
50
|
+
// Avatar defaults to gray instead of accent
|
|
51
|
+
const palette = colors.palettes[color ?? 'gray'];
|
|
68
52
|
const gray = colors.palettes.gray;
|
|
69
53
|
const avatarSize = getAvatarSize(size);
|
|
70
54
|
const borderRadius = shape === 'circle' ? avatarSize / 2 : Math.max(avatarSize * 0.25, 8);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,IAAI,EAAmD,MAAM,cAAc,CAAC;AAE5F,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAChF,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAKnD,wBAAwB;AACxB,mEAAmE;AACnE,uFAAuF;AACvF,SAAS,aAAa,CAAC,IAAgB;IACrC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,GAAG,CAAC;QACb,KAAK,GAAG;YACN,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC;AAED,2DAA2D;AAC3D,SAAS,mBAAmB,CAAC,UAAkB,EAAE,WAAkB;IACjE,0CAA0C;IAC1C,MAAM,UAAU,GAAG,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAClD,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,WAAW,CAAC,IAAY;IAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC;IACD,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AAChF,CAAC;AAeD,SAAS,MAAM,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,EAAe;IACjF,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAiC,SAAS,CAAC,CAAC;IAEhG,4CAA4C;IAC5C,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAElC,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;IAE1F,gDAAgD;IAChD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACzC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,OAAO,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,SAAS,GAAG,GAAG,IAAI,WAAW,KAAK,QAAQ,CAAC;IAClD,MAAM,YAAY,GAAG,CAAC,GAAG,IAAI,WAAW,KAAK,OAAO,IAAI,WAAW,KAAK,SAAS,CAAC;IAElF,aAAa;IACb,MAAM,SAAS,GAAc;QAC3B,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,UAAU;QAClB,YAAY;QACZ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,CAAC;KACd,CAAC;IAEF,qBAAqB;IACrB,IAAI,UAAqB,CAAC;IAC1B,IAAI,SAAS,EAAE,CAAC;QACd,6BAA6B;QAC7B,UAAU,GAAG;YACX,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,IAAI,CAAC,EAAE;SACrB,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,gDAAgD;QAChD,UAAU,GAAG;YACX,eAAe,EAAE,OAAO,CAAC,EAAE;YAC3B,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,OAAO,CAAC,EAAE;SACxB,CAAC;IACJ,CAAC;IAED,MAAM,aAAa,GAAc,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IAEjE,cAAc;IACd,MAAM,UAAU,GAAe;QAC7B,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,UAAU;QAClB,YAAY;KACb,CAAC;IAEF,kBAAkB;IAClB,MAAM,cAAc,GAAG,OAAO,eAAe,KAAK,QAAQ,CAAC;IAC3D,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,QAAQ,GAAG,mBAAmB,CAAC,UAAU,EAAE,WAAoB,CAAC,CAAC;IAEvE,MAAM,sBAAsB,GAAc;QACxC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,UAAU;KACrB,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ;QACR,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,OAAO,CAAC,GAAG;QAClB,aAAa,EAAE,WAAW;QAC1B,aAAa,EAAE,QAAQ,GAAG,IAAI;KAC/B,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CACzB;MAAA,CAAC,oEAAoE,CACrE;MAAA,CAAC,YAAY,IAAI,CACf,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAClC;UAAA,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,eAAe,CACtF;QAAA,EAAE,IAAI,CAAC,CACR,CAED;;MAAA,CAAC,sCAAsC,CACvC;MAAA,CAAC,GAAG,IAAI,CACN,CAAC,KAAK,CACJ,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CACrB,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CACvC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EACvC,CACH,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import type { Color } from '../lib/types';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
type BadgeSize = (typeof badgeSizes)[number];
|
|
7
|
-
type BadgeVariant = (typeof badgeVariants)[number];
|
|
4
|
+
type BadgeSize = '1' | '2';
|
|
5
|
+
type BadgeVariant = 'solid' | 'soft' | 'surface' | 'outline';
|
|
8
6
|
type BadgeProps = React.ComponentProps<typeof View> & {
|
|
9
7
|
asChild?: boolean;
|
|
10
8
|
size?: BadgeSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEpD,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC;AAC3B,KAAK,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,OAAgB,EAAE,IAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAiF3F;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/components/badge.js
CHANGED
|
@@ -1,31 +1,15 @@
|
|
|
1
1
|
import { TextStyleContext } from '../components/text';
|
|
2
|
-
import {
|
|
2
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
3
3
|
import * as Slot from '@rn-primitives/slot';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { View } from 'react-native';
|
|
6
|
-
const badgeSizes = ['1', '2'];
|
|
7
|
-
const badgeVariants = ['solid', 'soft', 'surface', 'outline'];
|
|
8
|
-
function resolveAccentFromColor(color) {
|
|
9
|
-
if (!color)
|
|
10
|
-
return 'blue';
|
|
11
|
-
switch (color) {
|
|
12
|
-
case 'danger':
|
|
13
|
-
return 'red';
|
|
14
|
-
case 'warning':
|
|
15
|
-
return 'amber';
|
|
16
|
-
case 'success':
|
|
17
|
-
return 'green';
|
|
18
|
-
case 'info':
|
|
19
|
-
return 'blue';
|
|
20
|
-
default:
|
|
21
|
-
return color;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
6
|
function Badge({ variant = 'soft', size = '1', color, style, asChild, ...props }) {
|
|
25
|
-
const { colors } =
|
|
7
|
+
const { colors } = useThemeTokens();
|
|
26
8
|
const Component = asChild ? Slot.View : View;
|
|
27
|
-
const
|
|
28
|
-
|
|
9
|
+
const gray = colors.palettes.gray;
|
|
10
|
+
// Semantic colors (accent, danger, etc.) are added by useThemeTokens
|
|
11
|
+
// Fallback to gray if palette key doesn't exist
|
|
12
|
+
const palette = colors.palettes[color ?? 'accent'] ?? gray;
|
|
29
13
|
// Base layout (same on all platforms)
|
|
30
14
|
const baseStyle = {
|
|
31
15
|
// layout
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ type ButtonProps = Omit<React.ComponentProps<typeof Pressable>, 'style'> & {
|
|
|
8
8
|
color?: Color;
|
|
9
9
|
style?: StyleProp<ViewStyle>;
|
|
10
10
|
};
|
|
11
|
-
declare function Button({
|
|
11
|
+
declare function Button({ variant, size, color, style, disabled, children, onPressIn, onPressOut, onFocus, onBlur, onHoverIn, onHoverOut, ...pressableProps }: ButtonProps): React.JSX.Element;
|
|
12
12
|
export { Button };
|
|
13
13
|
export type { ButtonProps };
|
|
14
14
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnF,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,OAAmB,EACnB,IAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,UAAU,EACV,GAAG,cAAc,EAClB,EAAE,WAAW,qBAgIb;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import { TextStyleContext } from '../components/text';
|
|
2
|
-
import { getButtonFocusStyle, getButtonPressedFilter, getButtonShadowStyle, getButtonSizeStyle, getButtonTextColor, getButtonVariantStyle,
|
|
3
|
-
import {
|
|
4
|
-
import { cn } from '../lib/utils';
|
|
2
|
+
import { getButtonFocusStyle, getButtonPressedFilter, getButtonShadowStyle, getButtonSizeStyle, getButtonTextColor, getButtonVariantStyle, } from '../lib/button-styles';
|
|
3
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
5
4
|
import * as React from 'react';
|
|
6
|
-
import { Platform, Pressable
|
|
7
|
-
function Button({
|
|
8
|
-
const { colors } =
|
|
5
|
+
import { Platform, Pressable } from 'react-native';
|
|
6
|
+
function Button({ variant = 'surface', size = '2', color, style, disabled, children, onPressIn, onPressOut, onFocus, onBlur, onHoverIn, onHoverOut, ...pressableProps }) {
|
|
7
|
+
const { colors } = useThemeTokens();
|
|
9
8
|
const [pressed, setPressed] = React.useState(false);
|
|
10
9
|
const [hovered, setHovered] = React.useState(false);
|
|
11
10
|
const [focused, setFocused] = React.useState(false);
|
|
12
|
-
const accentColor = resolveAccentFromColor(color);
|
|
13
11
|
const gray = colors.palettes.gray;
|
|
14
|
-
//
|
|
15
|
-
//
|
|
16
|
-
const palette = colors.palettes[
|
|
12
|
+
// Semantic colors (accent, danger, etc.) are added by useThemeTokens
|
|
13
|
+
// Fallback to gray if palette key doesn't exist
|
|
14
|
+
const palette = colors.palettes[color ?? 'accent'] ?? gray;
|
|
17
15
|
const textColor = getButtonTextColor(variant, palette, gray, disabled ?? false);
|
|
18
16
|
// Base layout
|
|
19
17
|
const baseStyle = {
|
|
@@ -69,17 +67,15 @@ function Button({ className, variant = 'surface', size = '2', color, style, disa
|
|
|
69
67
|
setFocused(false);
|
|
70
68
|
onBlur?.(e);
|
|
71
69
|
}, [onBlur]);
|
|
72
|
-
return (<
|
|
73
|
-
<TextStyleContext.Provider value={{
|
|
70
|
+
return (<TextStyleContext.Provider value={{
|
|
74
71
|
size: size,
|
|
75
72
|
weight: 'medium',
|
|
76
73
|
color: textColor,
|
|
77
74
|
}}>
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
</View>);
|
|
75
|
+
<Pressable style={[combinedStyle, style]} role="button" disabled={disabled} onPressIn={handlePressIn} onPressOut={handlePressOut} onHoverIn={handleHoverIn} onHoverOut={handleHoverOut} onFocus={handleFocus} onBlur={handleBlur} {...pressableProps}>
|
|
76
|
+
{children}
|
|
77
|
+
</Pressable>
|
|
78
|
+
</TextStyleContext.Provider>);
|
|
83
79
|
}
|
|
84
80
|
export { Button };
|
|
85
81
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import type { Color } from '../lib/types';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { type ViewProps } from 'react-native';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
type CalloutSize = (typeof calloutSizes)[number];
|
|
7
|
-
type CalloutVariant = (typeof calloutVariants)[number];
|
|
4
|
+
type CalloutSize = '1' | '2' | '3';
|
|
5
|
+
type CalloutVariant = 'soft' | 'surface' | 'outline';
|
|
8
6
|
type CalloutRootProps = ViewProps & {
|
|
9
7
|
size?: CalloutSize;
|
|
10
8
|
variant?: CalloutVariant;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../src/components/callout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../src/components/callout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEpE,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACnC,KAAK,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAmDrD,KAAK,gBAAgB,GAAG,SAAS,GAAG;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,IAAU,EACV,OAAgB,EAChB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,qBA4DlB;AAED,KAAK,gBAAgB,GAAG,SAAS,CAAC;AAElC,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAoBnE;AAED,KAAK,gBAAgB,GAAG,SAAS,CAAC;AAElC,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAUnE;AAED,QAAA,MAAM,OAAO;;;;CAIZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AAC1D,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,29 +1,10 @@
|
|
|
1
1
|
import { TextStyleContext } from '../components/text';
|
|
2
|
-
import {
|
|
2
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
|
-
const calloutSizes = ['1', '2', '3'];
|
|
6
|
-
const calloutVariants = ['soft', 'surface', 'outline'];
|
|
7
5
|
const CalloutContext = React.createContext({
|
|
8
6
|
size: '2',
|
|
9
|
-
color: 'gray',
|
|
10
7
|
});
|
|
11
|
-
function resolveAccentFromColor(color) {
|
|
12
|
-
if (!color)
|
|
13
|
-
return 'gray';
|
|
14
|
-
switch (color) {
|
|
15
|
-
case 'danger':
|
|
16
|
-
return 'red';
|
|
17
|
-
case 'warning':
|
|
18
|
-
return 'amber';
|
|
19
|
-
case 'success':
|
|
20
|
-
return 'green';
|
|
21
|
-
case 'info':
|
|
22
|
-
return 'blue';
|
|
23
|
-
default:
|
|
24
|
-
return color;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
8
|
// Size to text size mapping (matching web version)
|
|
28
9
|
function getTextSize(size) {
|
|
29
10
|
return size === '3' ? '3' : '2';
|
|
@@ -64,9 +45,10 @@ function getSizeStyle(size) {
|
|
|
64
45
|
}
|
|
65
46
|
}
|
|
66
47
|
function CalloutRoot({ size = '2', variant = 'soft', color, style, children, ...props }) {
|
|
67
|
-
const { colors } =
|
|
68
|
-
const
|
|
69
|
-
|
|
48
|
+
const { colors } = useThemeTokens();
|
|
49
|
+
const gray = colors.palettes.gray;
|
|
50
|
+
// Default to accent color, fallback to gray
|
|
51
|
+
const palette = colors.palettes[color ?? 'accent'] ?? gray;
|
|
70
52
|
const baseStyle = {
|
|
71
53
|
flexDirection: 'row',
|
|
72
54
|
alignItems: 'flex-start',
|
|
@@ -98,7 +80,7 @@ function CalloutRoot({ size = '2', variant = 'soft', color, style, children, ...
|
|
|
98
80
|
...sizeStyle,
|
|
99
81
|
...variantStyle,
|
|
100
82
|
};
|
|
101
|
-
const contextValue = React.useMemo(() => ({ size
|
|
83
|
+
const contextValue = React.useMemo(() => ({ size }), [size]);
|
|
102
84
|
// Text color for children
|
|
103
85
|
const textColor = palette.a11 || palette['11'];
|
|
104
86
|
return (<CalloutContext.Provider value={contextValue}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../src/components/callout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../src/components/callout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { View, type ViewProps } from 'react-native';
|
|
2
|
-
|
|
3
|
-
type CardVariant = (typeof cardVariants)[number];
|
|
2
|
+
type CardVariant = 'soft' | 'surface' | 'ghost';
|
|
4
3
|
type CardProps = ViewProps & React.RefAttributes<View> & {
|
|
5
4
|
variant?: CardVariant;
|
|
6
5
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEpE,
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEpE,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,KAAK,SAAS,GAAG,SAAS,GACxB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEJ,iBAAS,IAAI,CAAC,EAAE,OAAmB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAwChE;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/components/card.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
const cardVariants = ['soft', 'surface', 'ghost'];
|
|
4
3
|
function Card({ variant = 'surface', style, ...props }) {
|
|
5
|
-
const { colors } =
|
|
4
|
+
const { colors } = useThemeTokens();
|
|
6
5
|
const gray = colors.palettes.gray;
|
|
7
6
|
const baseStyle = {
|
|
8
7
|
padding: 16,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AASpE,SAAS,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAElC,MAAM,SAAS,GAAc;QAC3B,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;KACjB,CAAC;IAEF,IAAI,YAAY,GAAc,EAAE,CAAC;IAEjC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,YAAY,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,EAAE;aACzB,CAAC;YACF,MAAM;QACR,KAAK,SAAS;YACZ,YAAY,GAAG;gBACb,eAAe,EAAE,MAAM,CAAC,UAAU;gBAClC,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,IAAI;gBACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBACrC,YAAY,EAAE,CAAC;gBACf,SAAS,EAAE,CAAC;aACb,CAAC;YACF,MAAM;QACR,KAAK,OAAO;YACV,YAAY;YACZ,MAAM;IACV,CAAC;IAED,MAAM,aAAa,GAAc;QAC/B,GAAG,SAAS;QACZ,GAAG,YAAY;KAChB,CAAC;IAEF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5D,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import type { Color } from '../lib/types';
|
|
2
2
|
import * as CheckboxPrimitive from '@rn-primitives/checkbox';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
|
|
5
|
-
type CheckboxSize = (typeof checkboxSizes)[number];
|
|
4
|
+
type CheckboxSize = '1' | '2' | '3';
|
|
6
5
|
type CheckboxProps = Omit<CheckboxPrimitive.RootProps, 'children'> & {
|
|
7
6
|
size?: CheckboxSize;
|
|
8
7
|
color?: Color;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,iBAAiB,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAqBpC,KAAK,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,IAAU,EACV,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,aAAa,qBAyGf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|