@react-native-rethemed/shadcn-ui-tokens 0.1.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.
@@ -0,0 +1,246 @@
1
+ // Generated by scripts/generate.ts from the shadcn/ui registry (shadcn-ui/ui@0e3abd6, synced 2026-10-06).
2
+ // Do not edit by hand: run `pnpm sync` and `pnpm generate` instead.
3
+ /** Each base color's `cssVarsV4` as top-level semantic colors with shadcn/ui's names (`primary`, `primary-foreground`, `chart-1`, `sidebar-ring`), oklch converted to hex. */
4
+ export const baseColors = {
5
+ neutral: {
6
+ background: { light: '#ffffff', dark: '#0a0a0a' },
7
+ foreground: { light: '#0a0a0a', dark: '#fafafa' },
8
+ card: { light: '#ffffff', dark: '#171717' },
9
+ 'card-foreground': { light: '#0a0a0a', dark: '#fafafa' },
10
+ popover: { light: '#ffffff', dark: '#171717' },
11
+ 'popover-foreground': { light: '#0a0a0a', dark: '#fafafa' },
12
+ primary: { light: '#171717', dark: '#e5e5e5' },
13
+ 'primary-foreground': { light: '#fafafa', dark: '#171717' },
14
+ secondary: { light: '#f5f5f5', dark: '#262626' },
15
+ 'secondary-foreground': { light: '#171717', dark: '#fafafa' },
16
+ muted: { light: '#f5f5f5', dark: '#262626' },
17
+ 'muted-foreground': { light: '#737373', dark: '#a1a1a1' },
18
+ accent: { light: '#f5f5f5', dark: '#262626' },
19
+ 'accent-foreground': { light: '#171717', dark: '#fafafa' },
20
+ destructive: { light: '#e7000b', dark: '#ff6467' },
21
+ border: { light: '#e5e5e5', dark: '#ffffff1a' },
22
+ input: { light: '#e5e5e5', dark: '#ffffff26' },
23
+ ring: { light: '#a1a1a1', dark: '#737373' },
24
+ 'chart-1': { light: '#d4d4d4', dark: '#d4d4d4' },
25
+ 'chart-2': { light: '#737373', dark: '#737373' },
26
+ 'chart-3': { light: '#525252', dark: '#525252' },
27
+ 'chart-4': { light: '#404040', dark: '#404040' },
28
+ 'chart-5': { light: '#262626', dark: '#262626' },
29
+ sidebar: { light: '#fafafa', dark: '#171717' },
30
+ 'sidebar-foreground': { light: '#0a0a0a', dark: '#fafafa' },
31
+ 'sidebar-primary': { light: '#171717', dark: '#1447e6' },
32
+ 'sidebar-primary-foreground': { light: '#fafafa', dark: '#fafafa' },
33
+ 'sidebar-accent': { light: '#f5f5f5', dark: '#262626' },
34
+ 'sidebar-accent-foreground': { light: '#171717', dark: '#fafafa' },
35
+ 'sidebar-border': { light: '#e5e5e5', dark: '#ffffff1a' },
36
+ 'sidebar-ring': { light: '#a1a1a1', dark: '#737373' },
37
+ },
38
+ stone: {
39
+ background: { light: '#ffffff', dark: '#0c0a09' },
40
+ foreground: { light: '#0c0a09', dark: '#fafaf9' },
41
+ card: { light: '#ffffff', dark: '#1c1917' },
42
+ 'card-foreground': { light: '#0c0a09', dark: '#fafaf9' },
43
+ popover: { light: '#ffffff', dark: '#1c1917' },
44
+ 'popover-foreground': { light: '#0c0a09', dark: '#fafaf9' },
45
+ primary: { light: '#1c1917', dark: '#e7e5e4' },
46
+ 'primary-foreground': { light: '#fafaf9', dark: '#1c1917' },
47
+ secondary: { light: '#f5f5f4', dark: '#292524' },
48
+ 'secondary-foreground': { light: '#1c1917', dark: '#fafaf9' },
49
+ muted: { light: '#f5f5f4', dark: '#292524' },
50
+ 'muted-foreground': { light: '#79716b', dark: '#a6a09b' },
51
+ accent: { light: '#f5f5f4', dark: '#292524' },
52
+ 'accent-foreground': { light: '#1c1917', dark: '#fafaf9' },
53
+ destructive: { light: '#e7000b', dark: '#ff6467' },
54
+ border: { light: '#e7e5e4', dark: '#ffffff1a' },
55
+ input: { light: '#e7e5e4', dark: '#ffffff26' },
56
+ ring: { light: '#a6a09b', dark: '#79716b' },
57
+ 'chart-1': { light: '#d6d3d1', dark: '#d6d3d1' },
58
+ 'chart-2': { light: '#79716b', dark: '#79716b' },
59
+ 'chart-3': { light: '#57534d', dark: '#57534d' },
60
+ 'chart-4': { light: '#44403b', dark: '#44403b' },
61
+ 'chart-5': { light: '#292524', dark: '#292524' },
62
+ sidebar: { light: '#fafaf9', dark: '#1c1917' },
63
+ 'sidebar-foreground': { light: '#0c0a09', dark: '#fafaf9' },
64
+ 'sidebar-primary': { light: '#1c1917', dark: '#1447e6' },
65
+ 'sidebar-primary-foreground': { light: '#fafaf9', dark: '#fafaf9' },
66
+ 'sidebar-accent': { light: '#f5f5f4', dark: '#292524' },
67
+ 'sidebar-accent-foreground': { light: '#1c1917', dark: '#fafaf9' },
68
+ 'sidebar-border': { light: '#e7e5e4', dark: '#ffffff1a' },
69
+ 'sidebar-ring': { light: '#a6a09b', dark: '#79716b' },
70
+ },
71
+ zinc: {
72
+ background: { light: '#ffffff', dark: '#09090b' },
73
+ foreground: { light: '#09090b', dark: '#fafafa' },
74
+ card: { light: '#ffffff', dark: '#18181b' },
75
+ 'card-foreground': { light: '#09090b', dark: '#fafafa' },
76
+ popover: { light: '#ffffff', dark: '#18181b' },
77
+ 'popover-foreground': { light: '#09090b', dark: '#fafafa' },
78
+ primary: { light: '#18181b', dark: '#e4e4e7' },
79
+ 'primary-foreground': { light: '#fafafa', dark: '#18181b' },
80
+ secondary: { light: '#f4f4f5', dark: '#27272a' },
81
+ 'secondary-foreground': { light: '#18181b', dark: '#fafafa' },
82
+ muted: { light: '#f4f4f5', dark: '#27272a' },
83
+ 'muted-foreground': { light: '#71717b', dark: '#9f9fa9' },
84
+ accent: { light: '#f4f4f5', dark: '#27272a' },
85
+ 'accent-foreground': { light: '#18181b', dark: '#fafafa' },
86
+ destructive: { light: '#e7000b', dark: '#ff6467' },
87
+ border: { light: '#e4e4e7', dark: '#ffffff1a' },
88
+ input: { light: '#e4e4e7', dark: '#ffffff26' },
89
+ ring: { light: '#9f9fa9', dark: '#71717b' },
90
+ 'chart-1': { light: '#d4d4d8', dark: '#d4d4d8' },
91
+ 'chart-2': { light: '#71717b', dark: '#71717b' },
92
+ 'chart-3': { light: '#52525c', dark: '#52525c' },
93
+ 'chart-4': { light: '#3f3f46', dark: '#3f3f46' },
94
+ 'chart-5': { light: '#27272a', dark: '#27272a' },
95
+ sidebar: { light: '#fafafa', dark: '#18181b' },
96
+ 'sidebar-foreground': { light: '#09090b', dark: '#fafafa' },
97
+ 'sidebar-primary': { light: '#18181b', dark: '#1447e6' },
98
+ 'sidebar-primary-foreground': { light: '#fafafa', dark: '#fafafa' },
99
+ 'sidebar-accent': { light: '#f4f4f5', dark: '#27272a' },
100
+ 'sidebar-accent-foreground': { light: '#18181b', dark: '#fafafa' },
101
+ 'sidebar-border': { light: '#e4e4e7', dark: '#ffffff1a' },
102
+ 'sidebar-ring': { light: '#9f9fa9', dark: '#71717b' },
103
+ },
104
+ mauve: {
105
+ background: { light: '#ffffff', dark: '#0c090c' },
106
+ foreground: { light: '#0c090c', dark: '#fafafa' },
107
+ card: { light: '#ffffff', dark: '#1d161e' },
108
+ 'card-foreground': { light: '#0c090c', dark: '#fafafa' },
109
+ popover: { light: '#ffffff', dark: '#1d161e' },
110
+ 'popover-foreground': { light: '#0c090c', dark: '#fafafa' },
111
+ primary: { light: '#1d161e', dark: '#e7e4e7' },
112
+ 'primary-foreground': { light: '#fafafa', dark: '#1d161e' },
113
+ secondary: { light: '#f3f1f3', dark: '#2a212c' },
114
+ 'secondary-foreground': { light: '#1d161e', dark: '#fafafa' },
115
+ muted: { light: '#f3f1f3', dark: '#2a212c' },
116
+ 'muted-foreground': { light: '#79697b', dark: '#a89ea9' },
117
+ accent: { light: '#f3f1f3', dark: '#2a212c' },
118
+ 'accent-foreground': { light: '#1d161e', dark: '#fafafa' },
119
+ destructive: { light: '#e7000b', dark: '#ff6467' },
120
+ border: { light: '#e7e4e7', dark: '#ffffff1a' },
121
+ input: { light: '#e7e4e7', dark: '#ffffff26' },
122
+ ring: { light: '#a89ea9', dark: '#79697b' },
123
+ 'chart-1': { light: '#d7d0d7', dark: '#d7d0d7' },
124
+ 'chart-2': { light: '#79697b', dark: '#79697b' },
125
+ 'chart-3': { light: '#594c5b', dark: '#594c5b' },
126
+ 'chart-4': { light: '#463947', dark: '#463947' },
127
+ 'chart-5': { light: '#2a212c', dark: '#2a212c' },
128
+ sidebar: { light: '#fafafa', dark: '#1d161e' },
129
+ 'sidebar-foreground': { light: '#0c090c', dark: '#fafafa' },
130
+ 'sidebar-primary': { light: '#1d161e', dark: '#1447e6' },
131
+ 'sidebar-primary-foreground': { light: '#fafafa', dark: '#fafafa' },
132
+ 'sidebar-accent': { light: '#f3f1f3', dark: '#2a212c' },
133
+ 'sidebar-accent-foreground': { light: '#1d161e', dark: '#fafafa' },
134
+ 'sidebar-border': { light: '#e7e4e7', dark: '#ffffff1a' },
135
+ 'sidebar-ring': { light: '#a89ea9', dark: '#79697b' },
136
+ },
137
+ olive: {
138
+ background: { light: '#ffffff', dark: '#0c0c09' },
139
+ foreground: { light: '#0c0c09', dark: '#fbfbf9' },
140
+ card: { light: '#ffffff', dark: '#1d1d16' },
141
+ 'card-foreground': { light: '#0c0c09', dark: '#fbfbf9' },
142
+ popover: { light: '#ffffff', dark: '#1d1d16' },
143
+ 'popover-foreground': { light: '#0c0c09', dark: '#fbfbf9' },
144
+ primary: { light: '#1d1d16', dark: '#e8e8e3' },
145
+ 'primary-foreground': { light: '#fbfbf9', dark: '#1d1d16' },
146
+ secondary: { light: '#f4f4f0', dark: '#2b2b22' },
147
+ 'secondary-foreground': { light: '#1d1d16', dark: '#fbfbf9' },
148
+ muted: { light: '#f4f4f0', dark: '#2b2b22' },
149
+ 'muted-foreground': { light: '#7c7c67', dark: '#abab9c' },
150
+ accent: { light: '#f4f4f0', dark: '#2b2b22' },
151
+ 'accent-foreground': { light: '#1d1d16', dark: '#fbfbf9' },
152
+ destructive: { light: '#e7000b', dark: '#ff6467' },
153
+ border: { light: '#e8e8e3', dark: '#ffffff1a' },
154
+ input: { light: '#e8e8e3', dark: '#ffffff26' },
155
+ ring: { light: '#abab9c', dark: '#7c7c67' },
156
+ 'chart-1': { light: '#d8d8d0', dark: '#d8d8d0' },
157
+ 'chart-2': { light: '#7c7c67', dark: '#7c7c67' },
158
+ 'chart-3': { light: '#5b5b4b', dark: '#5b5b4b' },
159
+ 'chart-4': { light: '#474739', dark: '#474739' },
160
+ 'chart-5': { light: '#2b2b22', dark: '#2b2b22' },
161
+ sidebar: { light: '#fbfbf9', dark: '#1d1d16' },
162
+ 'sidebar-foreground': { light: '#0c0c09', dark: '#fbfbf9' },
163
+ 'sidebar-primary': { light: '#1d1d16', dark: '#1447e6' },
164
+ 'sidebar-primary-foreground': { light: '#fbfbf9', dark: '#fbfbf9' },
165
+ 'sidebar-accent': { light: '#f4f4f0', dark: '#2b2b22' },
166
+ 'sidebar-accent-foreground': { light: '#1d1d16', dark: '#fbfbf9' },
167
+ 'sidebar-border': { light: '#e8e8e3', dark: '#ffffff1a' },
168
+ 'sidebar-ring': { light: '#abab9c', dark: '#7c7c67' },
169
+ },
170
+ mist: {
171
+ background: { light: '#ffffff', dark: '#090b0c' },
172
+ foreground: { light: '#090b0c', dark: '#f9fbfb' },
173
+ card: { light: '#ffffff', dark: '#161b1d' },
174
+ 'card-foreground': { light: '#090b0c', dark: '#f9fbfb' },
175
+ popover: { light: '#ffffff', dark: '#161b1d' },
176
+ 'popover-foreground': { light: '#090b0c', dark: '#f9fbfb' },
177
+ primary: { light: '#161b1d', dark: '#e3e7e8' },
178
+ 'primary-foreground': { light: '#f9fbfb', dark: '#161b1d' },
179
+ secondary: { light: '#f1f3f3', dark: '#22292b' },
180
+ 'secondary-foreground': { light: '#161b1d', dark: '#f9fbfb' },
181
+ muted: { light: '#f1f3f3', dark: '#22292b' },
182
+ 'muted-foreground': { light: '#67787c', dark: '#9ca8ab' },
183
+ accent: { light: '#f1f3f3', dark: '#22292b' },
184
+ 'accent-foreground': { light: '#161b1d', dark: '#f9fbfb' },
185
+ destructive: { light: '#e7000b', dark: '#ff6467' },
186
+ border: { light: '#e3e7e8', dark: '#ffffff1a' },
187
+ input: { light: '#e3e7e8', dark: '#ffffff26' },
188
+ ring: { light: '#9ca8ab', dark: '#67787c' },
189
+ 'chart-1': { light: '#d0d6d8', dark: '#d0d6d8' },
190
+ 'chart-2': { light: '#67787c', dark: '#67787c' },
191
+ 'chart-3': { light: '#4b585b', dark: '#4b585b' },
192
+ 'chart-4': { light: '#394447', dark: '#394447' },
193
+ 'chart-5': { light: '#22292b', dark: '#22292b' },
194
+ sidebar: { light: '#f9fbfb', dark: '#161b1d' },
195
+ 'sidebar-foreground': { light: '#090b0c', dark: '#f9fbfb' },
196
+ 'sidebar-primary': { light: '#161b1d', dark: '#1447e6' },
197
+ 'sidebar-primary-foreground': { light: '#f9fbfb', dark: '#f9fbfb' },
198
+ 'sidebar-accent': { light: '#f1f3f3', dark: '#22292b' },
199
+ 'sidebar-accent-foreground': { light: '#161b1d', dark: '#f9fbfb' },
200
+ 'sidebar-border': { light: '#e3e7e8', dark: '#ffffff1a' },
201
+ 'sidebar-ring': { light: '#9ca8ab', dark: '#67787c' },
202
+ },
203
+ taupe: {
204
+ background: { light: '#ffffff', dark: '#0c0a09' },
205
+ foreground: { light: '#0c0a09', dark: '#fbfaf9' },
206
+ card: { light: '#ffffff', dark: '#1d1816' },
207
+ 'card-foreground': { light: '#0c0a09', dark: '#fbfaf9' },
208
+ popover: { light: '#ffffff', dark: '#1d1816' },
209
+ 'popover-foreground': { light: '#0c0a09', dark: '#fbfaf9' },
210
+ primary: { light: '#1d1816', dark: '#e8e4e3' },
211
+ 'primary-foreground': { light: '#fbfaf9', dark: '#1d1816' },
212
+ secondary: { light: '#f3f1f1', dark: '#2b2422' },
213
+ 'secondary-foreground': { light: '#1d1816', dark: '#fbfaf9' },
214
+ muted: { light: '#f3f1f1', dark: '#2b2422' },
215
+ 'muted-foreground': { light: '#7c6d67', dark: '#aba09c' },
216
+ accent: { light: '#f3f1f1', dark: '#2b2422' },
217
+ 'accent-foreground': { light: '#1d1816', dark: '#fbfaf9' },
218
+ destructive: { light: '#e7000b', dark: '#ff6467' },
219
+ border: { light: '#e8e4e3', dark: '#ffffff1a' },
220
+ input: { light: '#e8e4e3', dark: '#ffffff26' },
221
+ ring: { light: '#aba09c', dark: '#7c6d67' },
222
+ 'chart-1': { light: '#d8d2d0', dark: '#d8d2d0' },
223
+ 'chart-2': { light: '#7c6d67', dark: '#7c6d67' },
224
+ 'chart-3': { light: '#5b4f4b', dark: '#5b4f4b' },
225
+ 'chart-4': { light: '#473c39', dark: '#473c39' },
226
+ 'chart-5': { light: '#2b2422', dark: '#2b2422' },
227
+ sidebar: { light: '#fbfaf9', dark: '#1d1816' },
228
+ 'sidebar-foreground': { light: '#0c0a09', dark: '#fbfaf9' },
229
+ 'sidebar-primary': { light: '#1d1816', dark: '#1447e6' },
230
+ 'sidebar-primary-foreground': { light: '#fbfaf9', dark: '#fbfaf9' },
231
+ 'sidebar-accent': { light: '#f3f1f1', dark: '#2b2422' },
232
+ 'sidebar-accent-foreground': { light: '#1d1816', dark: '#fbfaf9' },
233
+ 'sidebar-border': { light: '#e8e4e3', dark: '#ffffff1a' },
234
+ 'sidebar-ring': { light: '#aba09c', dark: '#7c6d67' },
235
+ },
236
+ };
237
+ /** `--radius` (0.625rem) and the `radius-*` scale shadcn/ui derives from it, in points. */
238
+ export const radii = {
239
+ sm: 6,
240
+ md: 8,
241
+ lg: 10,
242
+ xl: 14,
243
+ '2xl': 18,
244
+ '3xl': 22,
245
+ '4xl': 26,
246
+ };
package/package.json ADDED
@@ -0,0 +1,74 @@
1
+ {
2
+ "name": "@react-native-rethemed/shadcn-ui-tokens",
3
+ "version": "0.1.0",
4
+ "description": "shadcn/ui's theme (semantic colors, radii, all base colors) for React Native, ready for react-native-rethemed.",
5
+ "keywords": [
6
+ "react-native",
7
+ "react-native-rethemed",
8
+ "shadcn",
9
+ "shadcn-ui",
10
+ "design-tokens"
11
+ ],
12
+ "license": "MIT",
13
+ "author": "manakuro",
14
+ "homepage": "https://github.com/manakuro/react-native-rethemed/tree/main/packages/react-native-rethemed/shadcn-ui#readme",
15
+ "bugs": {
16
+ "url": "https://github.com/manakuro/react-native-rethemed/issues"
17
+ },
18
+ "repository": {
19
+ "type": "git",
20
+ "url": "git+https://github.com/manakuro/react-native-rethemed.git",
21
+ "directory": "packages/react-native-rethemed/shadcn-ui"
22
+ },
23
+ "sideEffects": false,
24
+ "main": "./dist/cjs/index.js",
25
+ "types": "./dist/cjs/index.d.ts",
26
+ "exports": {
27
+ ".": {
28
+ "import": {
29
+ "types": "./dist/esm/index.d.ts",
30
+ "default": "./dist/esm/index.js"
31
+ },
32
+ "require": {
33
+ "types": "./dist/cjs/index.d.ts",
34
+ "default": "./dist/cjs/index.js"
35
+ }
36
+ },
37
+ "./package.json": "./package.json"
38
+ },
39
+ "files": [
40
+ "dist"
41
+ ],
42
+ "publishConfig": {
43
+ "access": "public"
44
+ },
45
+ "dependencies": {
46
+ "@react-native-rethemed/core": "^0.1.0",
47
+ "@react-native-rethemed/tailwind-css-tokens": "^0.1.0"
48
+ },
49
+ "devDependencies": {
50
+ "@biomejs/biome": "2.5.4",
51
+ "@react-native-rethemed/cli": "0.1.0",
52
+ "@types/culori": "4.0.1",
53
+ "@types/node": "24.10.4",
54
+ "@types/react": "19.2.17",
55
+ "biome-config": "0.0.0",
56
+ "culori": "4.0.2",
57
+ "jiti": "2.7.0",
58
+ "react": "19.2.3",
59
+ "react-native": "0.86.2",
60
+ "typescript": "6.0.3",
61
+ "vitest": "4.1.10"
62
+ },
63
+ "scripts": {
64
+ "build": "node ../../../scripts/build-package.mjs",
65
+ "sync": "jiti scripts/sync.ts",
66
+ "generate": "jiti scripts/generate.ts",
67
+ "example:codegen": "react-native-rethemed codegen example/theme.ts --docs example/themed.md",
68
+ "lint": "biome check src scripts example",
69
+ "lint:fix": "biome check --write --unsafe src scripts example",
70
+ "tsc": "tsc --noEmit",
71
+ "test": "vitest",
72
+ "test:ci": "vitest run"
73
+ }
74
+ }