@factorialco/f0-react-native 0.23.0 → 0.23.1
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 +22 -0
- package/lib/module/styles/theme.css +36 -0
- package/package.json +1 -1
- package/src/styles/theme.css +36 -0
package/README.md
CHANGED
|
@@ -160,6 +160,28 @@ export default function App() {
|
|
|
160
160
|
|
|
161
161
|
This file is automatically generated by Uniwind when you run Metro. You can add it to your `.gitignore` if desired.
|
|
162
162
|
|
|
163
|
+
## 📱 Expo Go (Latest Update)
|
|
164
|
+
|
|
165
|
+
Use this section after each manual update so people can install the latest build in Expo Go.
|
|
166
|
+
|
|
167
|
+
### ✅ Latest Update
|
|
168
|
+
|
|
169
|
+
- **Branch / Channel:** `production`
|
|
170
|
+
- **Update message:** `Typography Scale`
|
|
171
|
+
- **Published at:** `Feb 6, 2026 1:19 PM`
|
|
172
|
+
|
|
173
|
+
### 🔗 Deep Link
|
|
174
|
+
|
|
175
|
+
- **[📱 Open in Expo Go](exp://u.expo.dev/354f5148-fa6f-45dd-8869-991a24b786e0/group/1b1c0f98-3681-420f-bfae-9e0d6a35bd91)**
|
|
176
|
+
|
|
177
|
+
### 📲 QR Code
|
|
178
|
+
|
|
179
|
+
<p align="center">
|
|
180
|
+
<img width="25%" src="./assets/images/expo-go-qr.svg" alt="Expo Go QR Code" />
|
|
181
|
+
</p>
|
|
182
|
+
|
|
183
|
+
> **Android note:** If scanning the QR code with your device camera opens a browser or shows a 404, open Expo Go and use its built-in QR scanner.
|
|
184
|
+
|
|
163
185
|
## 📦 Usage
|
|
164
186
|
|
|
165
187
|
### Basic Component Usage
|
|
@@ -40,6 +40,42 @@
|
|
|
40
40
|
--spacing-2_5: 10px;
|
|
41
41
|
--spacing-3_5: 14px;
|
|
42
42
|
|
|
43
|
+
/* Typography Scale (exact from f0 core) */
|
|
44
|
+
--text-xs: 0.625rem;
|
|
45
|
+
--leading-xs: 0.75rem;
|
|
46
|
+
|
|
47
|
+
--text-sm: 0.75rem;
|
|
48
|
+
--leading-sm: 1rem;
|
|
49
|
+
|
|
50
|
+
--text-base: 0.875rem;
|
|
51
|
+
--leading-base: 1.25rem;
|
|
52
|
+
--tracking-base: -0.005em;
|
|
53
|
+
|
|
54
|
+
/* text-md alias for legacy usage */
|
|
55
|
+
--text-md: var(--text-base);
|
|
56
|
+
--leading-md: var(--leading-base);
|
|
57
|
+
--tracking-md: var(--tracking-base);
|
|
58
|
+
|
|
59
|
+
--text-lg: 1rem;
|
|
60
|
+
--leading-lg: 1.5rem;
|
|
61
|
+
--tracking-lg: -0.01em;
|
|
62
|
+
|
|
63
|
+
--text-xl: 1.125rem;
|
|
64
|
+
--leading-xl: 1.75rem;
|
|
65
|
+
--tracking-xl: -0.01em;
|
|
66
|
+
|
|
67
|
+
--text-2xl: 1.375rem;
|
|
68
|
+
--leading-2xl: 1.75rem;
|
|
69
|
+
--tracking-2xl: -0.01em;
|
|
70
|
+
|
|
71
|
+
--text-3xl: 1.625rem;
|
|
72
|
+
--leading-3xl: 2rem;
|
|
73
|
+
--tracking-3xl: -0.01em;
|
|
74
|
+
|
|
75
|
+
--text-4xl: 2.25rem;
|
|
76
|
+
--leading-4xl: 2.5rem;
|
|
77
|
+
--tracking-4xl: -0.02em;
|
|
78
|
+
|
|
43
79
|
/* Base Colors - Static values that don't change between themes */
|
|
44
80
|
--color-white-3: hsla(0, 0%, 100%, 0.03);
|
|
45
81
|
--color-white-5: hsla(0, 0%, 100%, 0.05);
|
package/package.json
CHANGED
package/src/styles/theme.css
CHANGED
|
@@ -40,6 +40,42 @@
|
|
|
40
40
|
--spacing-2_5: 10px;
|
|
41
41
|
--spacing-3_5: 14px;
|
|
42
42
|
|
|
43
|
+
/* Typography Scale (exact from f0 core) */
|
|
44
|
+
--text-xs: 0.625rem;
|
|
45
|
+
--leading-xs: 0.75rem;
|
|
46
|
+
|
|
47
|
+
--text-sm: 0.75rem;
|
|
48
|
+
--leading-sm: 1rem;
|
|
49
|
+
|
|
50
|
+
--text-base: 0.875rem;
|
|
51
|
+
--leading-base: 1.25rem;
|
|
52
|
+
--tracking-base: -0.005em;
|
|
53
|
+
|
|
54
|
+
/* text-md alias for legacy usage */
|
|
55
|
+
--text-md: var(--text-base);
|
|
56
|
+
--leading-md: var(--leading-base);
|
|
57
|
+
--tracking-md: var(--tracking-base);
|
|
58
|
+
|
|
59
|
+
--text-lg: 1rem;
|
|
60
|
+
--leading-lg: 1.5rem;
|
|
61
|
+
--tracking-lg: -0.01em;
|
|
62
|
+
|
|
63
|
+
--text-xl: 1.125rem;
|
|
64
|
+
--leading-xl: 1.75rem;
|
|
65
|
+
--tracking-xl: -0.01em;
|
|
66
|
+
|
|
67
|
+
--text-2xl: 1.375rem;
|
|
68
|
+
--leading-2xl: 1.75rem;
|
|
69
|
+
--tracking-2xl: -0.01em;
|
|
70
|
+
|
|
71
|
+
--text-3xl: 1.625rem;
|
|
72
|
+
--leading-3xl: 2rem;
|
|
73
|
+
--tracking-3xl: -0.01em;
|
|
74
|
+
|
|
75
|
+
--text-4xl: 2.25rem;
|
|
76
|
+
--leading-4xl: 2.5rem;
|
|
77
|
+
--tracking-4xl: -0.02em;
|
|
78
|
+
|
|
43
79
|
/* Base Colors - Static values that don't change between themes */
|
|
44
80
|
--color-white-3: hsla(0, 0%, 100%, 0.03);
|
|
45
81
|
--color-white-5: hsla(0, 0%, 100%, 0.05);
|