@react-native-rethemed/tailwind-css-tokens 0.0.0-stage → 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,458 @@
1
+ // Generated by scripts/generate.ts from tailwindcss@4.3.3 (theme.css).
2
+ // Do not edit by hand: run `pnpm generate` instead.
3
+ /** Tailwind's palette (`--color-*`), converted from oklch to hex: `'<hue>.<shade>'`, plus `black` and `white`. */
4
+ export const colors = {
5
+ 'red.50': '#fef2f2',
6
+ 'red.100': '#ffe2e2',
7
+ 'red.200': '#ffc9c9',
8
+ 'red.300': '#ffa2a2',
9
+ 'red.400': '#ff6467',
10
+ 'red.500': '#fb2c36',
11
+ 'red.600': '#e7000b',
12
+ 'red.700': '#c10007',
13
+ 'red.800': '#9f0712',
14
+ 'red.900': '#82181a',
15
+ 'red.950': '#460809',
16
+ 'orange.50': '#fff7ed',
17
+ 'orange.100': '#ffedd4',
18
+ 'orange.200': '#ffd6a8',
19
+ 'orange.300': '#ffb86a',
20
+ 'orange.400': '#ff8904',
21
+ 'orange.500': '#ff6900',
22
+ 'orange.600': '#f54a00',
23
+ 'orange.700': '#ca3500',
24
+ 'orange.800': '#9f2d00',
25
+ 'orange.900': '#7e2a0c',
26
+ 'orange.950': '#441306',
27
+ 'amber.50': '#fffbeb',
28
+ 'amber.100': '#fef3c6',
29
+ 'amber.200': '#fee685',
30
+ 'amber.300': '#ffd230',
31
+ 'amber.400': '#ffba00',
32
+ 'amber.500': '#fd9a00',
33
+ 'amber.600': '#e17100',
34
+ 'amber.700': '#bb4d00',
35
+ 'amber.800': '#973c00',
36
+ 'amber.900': '#7b3306',
37
+ 'amber.950': '#461901',
38
+ 'yellow.50': '#fefce8',
39
+ 'yellow.100': '#fef9c2',
40
+ 'yellow.200': '#fff085',
41
+ 'yellow.300': '#ffdf20',
42
+ 'yellow.400': '#fcc800',
43
+ 'yellow.500': '#efb100',
44
+ 'yellow.600': '#d08700',
45
+ 'yellow.700': '#a65f00',
46
+ 'yellow.800': '#894b00',
47
+ 'yellow.900': '#733e0a',
48
+ 'yellow.950': '#432004',
49
+ 'lime.50': '#f7fee7',
50
+ 'lime.100': '#ecfcca',
51
+ 'lime.200': '#d8f999',
52
+ 'lime.300': '#bbf451',
53
+ 'lime.400': '#9ae600',
54
+ 'lime.500': '#7ccf00',
55
+ 'lime.600': '#5ea500',
56
+ 'lime.700': '#497d00',
57
+ 'lime.800': '#3d6300',
58
+ 'lime.900': '#35530e',
59
+ 'lime.950': '#192e03',
60
+ 'green.50': '#f0fdf4',
61
+ 'green.100': '#dcfce7',
62
+ 'green.200': '#b9f8cf',
63
+ 'green.300': '#7bf1a8',
64
+ 'green.400': '#05df72',
65
+ 'green.500': '#00c951',
66
+ 'green.600': '#00a63e',
67
+ 'green.700': '#008236',
68
+ 'green.800': '#016630',
69
+ 'green.900': '#0d542b',
70
+ 'green.950': '#032e15',
71
+ 'emerald.50': '#ecfdf5',
72
+ 'emerald.100': '#d0fae5',
73
+ 'emerald.200': '#a4f4cf',
74
+ 'emerald.300': '#5ee9b5',
75
+ 'emerald.400': '#00d492',
76
+ 'emerald.500': '#00bc7d',
77
+ 'emerald.600': '#009966',
78
+ 'emerald.700': '#007a55',
79
+ 'emerald.800': '#006045',
80
+ 'emerald.900': '#004f3b',
81
+ 'emerald.950': '#002c22',
82
+ 'teal.50': '#f0fdfa',
83
+ 'teal.100': '#cbfbf1',
84
+ 'teal.200': '#96f7e4',
85
+ 'teal.300': '#46ecd5',
86
+ 'teal.400': '#00d5be',
87
+ 'teal.500': '#00bba7',
88
+ 'teal.600': '#009689',
89
+ 'teal.700': '#00786f',
90
+ 'teal.800': '#005f5a',
91
+ 'teal.900': '#0b4f4a',
92
+ 'teal.950': '#022f2e',
93
+ 'cyan.50': '#ecfeff',
94
+ 'cyan.100': '#cefafe',
95
+ 'cyan.200': '#a2f4fd',
96
+ 'cyan.300': '#53eafd',
97
+ 'cyan.400': '#00d3f2',
98
+ 'cyan.500': '#00b8db',
99
+ 'cyan.600': '#0092b8',
100
+ 'cyan.700': '#007595',
101
+ 'cyan.800': '#005f78',
102
+ 'cyan.900': '#104e64',
103
+ 'cyan.950': '#053345',
104
+ 'sky.50': '#f0f9ff',
105
+ 'sky.100': '#dff2fe',
106
+ 'sky.200': '#b8e6fe',
107
+ 'sky.300': '#74d4ff',
108
+ 'sky.400': '#00bcff',
109
+ 'sky.500': '#00a6f4',
110
+ 'sky.600': '#0084d1',
111
+ 'sky.700': '#0069a8',
112
+ 'sky.800': '#00598a',
113
+ 'sky.900': '#024a70',
114
+ 'sky.950': '#052f4a',
115
+ 'blue.50': '#eff6ff',
116
+ 'blue.100': '#dbeafe',
117
+ 'blue.200': '#bedbff',
118
+ 'blue.300': '#8ec5ff',
119
+ 'blue.400': '#51a2ff',
120
+ 'blue.500': '#2b7fff',
121
+ 'blue.600': '#155dfc',
122
+ 'blue.700': '#1447e6',
123
+ 'blue.800': '#193cb8',
124
+ 'blue.900': '#1c398e',
125
+ 'blue.950': '#162456',
126
+ 'indigo.50': '#eef2ff',
127
+ 'indigo.100': '#e0e7ff',
128
+ 'indigo.200': '#c6d2ff',
129
+ 'indigo.300': '#a3b3ff',
130
+ 'indigo.400': '#7c86ff',
131
+ 'indigo.500': '#615fff',
132
+ 'indigo.600': '#4f39f6',
133
+ 'indigo.700': '#432dd7',
134
+ 'indigo.800': '#372aac',
135
+ 'indigo.900': '#312c85',
136
+ 'indigo.950': '#1e1a4d',
137
+ 'violet.50': '#f5f3ff',
138
+ 'violet.100': '#ede9fe',
139
+ 'violet.200': '#ddd6ff',
140
+ 'violet.300': '#c4b4ff',
141
+ 'violet.400': '#a684ff',
142
+ 'violet.500': '#8e51ff',
143
+ 'violet.600': '#7f22fe',
144
+ 'violet.700': '#7008e7',
145
+ 'violet.800': '#5d0ec0',
146
+ 'violet.900': '#4d179a',
147
+ 'violet.950': '#2f0d68',
148
+ 'purple.50': '#faf5ff',
149
+ 'purple.100': '#f3e8ff',
150
+ 'purple.200': '#e9d4ff',
151
+ 'purple.300': '#dab2ff',
152
+ 'purple.400': '#c27aff',
153
+ 'purple.500': '#ad46ff',
154
+ 'purple.600': '#9810fa',
155
+ 'purple.700': '#8200db',
156
+ 'purple.800': '#6e11b0',
157
+ 'purple.900': '#59168b',
158
+ 'purple.950': '#3c0366',
159
+ 'fuchsia.50': '#fdf4ff',
160
+ 'fuchsia.100': '#fae8ff',
161
+ 'fuchsia.200': '#f6cfff',
162
+ 'fuchsia.300': '#f4a8ff',
163
+ 'fuchsia.400': '#ed6bff',
164
+ 'fuchsia.500': '#e12afb',
165
+ 'fuchsia.600': '#c800de',
166
+ 'fuchsia.700': '#a800b7',
167
+ 'fuchsia.800': '#8a0194',
168
+ 'fuchsia.900': '#721378',
169
+ 'fuchsia.950': '#4b004f',
170
+ 'pink.50': '#fdf2f8',
171
+ 'pink.100': '#fce7f3',
172
+ 'pink.200': '#fccee8',
173
+ 'pink.300': '#fda5d5',
174
+ 'pink.400': '#fb64b6',
175
+ 'pink.500': '#f6339a',
176
+ 'pink.600': '#e60076',
177
+ 'pink.700': '#c6005c',
178
+ 'pink.800': '#a3004c',
179
+ 'pink.900': '#861043',
180
+ 'pink.950': '#510424',
181
+ 'rose.50': '#fff1f2',
182
+ 'rose.100': '#ffe4e6',
183
+ 'rose.200': '#ffccd3',
184
+ 'rose.300': '#ffa1ad',
185
+ 'rose.400': '#ff637e',
186
+ 'rose.500': '#ff2056',
187
+ 'rose.600': '#ec003f',
188
+ 'rose.700': '#c70036',
189
+ 'rose.800': '#a50036',
190
+ 'rose.900': '#8b0836',
191
+ 'rose.950': '#4d0218',
192
+ 'slate.50': '#f8fafc',
193
+ 'slate.100': '#f1f5f9',
194
+ 'slate.200': '#e2e8f0',
195
+ 'slate.300': '#cad5e2',
196
+ 'slate.400': '#90a1b9',
197
+ 'slate.500': '#62748e',
198
+ 'slate.600': '#45556c',
199
+ 'slate.700': '#314158',
200
+ 'slate.800': '#1d293d',
201
+ 'slate.900': '#0f172b',
202
+ 'slate.950': '#020618',
203
+ 'gray.50': '#f9fafb',
204
+ 'gray.100': '#f3f4f6',
205
+ 'gray.200': '#e5e7eb',
206
+ 'gray.300': '#d1d5dc',
207
+ 'gray.400': '#99a1af',
208
+ 'gray.500': '#6a7282',
209
+ 'gray.600': '#4a5565',
210
+ 'gray.700': '#364153',
211
+ 'gray.800': '#1e2939',
212
+ 'gray.900': '#101828',
213
+ 'gray.950': '#030712',
214
+ 'zinc.50': '#fafafa',
215
+ 'zinc.100': '#f4f4f5',
216
+ 'zinc.200': '#e4e4e7',
217
+ 'zinc.300': '#d4d4d8',
218
+ 'zinc.400': '#9f9fa9',
219
+ 'zinc.500': '#71717b',
220
+ 'zinc.600': '#52525c',
221
+ 'zinc.700': '#3f3f46',
222
+ 'zinc.800': '#27272a',
223
+ 'zinc.900': '#18181b',
224
+ 'zinc.950': '#09090b',
225
+ 'neutral.50': '#fafafa',
226
+ 'neutral.100': '#f5f5f5',
227
+ 'neutral.200': '#e5e5e5',
228
+ 'neutral.300': '#d4d4d4',
229
+ 'neutral.400': '#a1a1a1',
230
+ 'neutral.500': '#737373',
231
+ 'neutral.600': '#525252',
232
+ 'neutral.700': '#404040',
233
+ 'neutral.800': '#262626',
234
+ 'neutral.900': '#171717',
235
+ 'neutral.950': '#0a0a0a',
236
+ 'stone.50': '#fafaf9',
237
+ 'stone.100': '#f5f5f4',
238
+ 'stone.200': '#e7e5e4',
239
+ 'stone.300': '#d6d3d1',
240
+ 'stone.400': '#a6a09b',
241
+ 'stone.500': '#79716b',
242
+ 'stone.600': '#57534d',
243
+ 'stone.700': '#44403b',
244
+ 'stone.800': '#292524',
245
+ 'stone.900': '#1c1917',
246
+ 'stone.950': '#0c0a09',
247
+ 'mauve.50': '#fafafa',
248
+ 'mauve.100': '#f3f1f3',
249
+ 'mauve.200': '#e7e4e7',
250
+ 'mauve.300': '#d7d0d7',
251
+ 'mauve.400': '#a89ea9',
252
+ 'mauve.500': '#79697b',
253
+ 'mauve.600': '#594c5b',
254
+ 'mauve.700': '#463947',
255
+ 'mauve.800': '#2a212c',
256
+ 'mauve.900': '#1d161e',
257
+ 'mauve.950': '#0c090c',
258
+ 'olive.50': '#fbfbf9',
259
+ 'olive.100': '#f4f4f0',
260
+ 'olive.200': '#e8e8e3',
261
+ 'olive.300': '#d8d8d0',
262
+ 'olive.400': '#abab9c',
263
+ 'olive.500': '#7c7c67',
264
+ 'olive.600': '#5b5b4b',
265
+ 'olive.700': '#474739',
266
+ 'olive.800': '#2b2b22',
267
+ 'olive.900': '#1d1d16',
268
+ 'olive.950': '#0c0c09',
269
+ 'mist.50': '#f9fbfb',
270
+ 'mist.100': '#f1f3f3',
271
+ 'mist.200': '#e3e7e8',
272
+ 'mist.300': '#d0d6d8',
273
+ 'mist.400': '#9ca8ab',
274
+ 'mist.500': '#67787c',
275
+ 'mist.600': '#4b585b',
276
+ 'mist.700': '#394447',
277
+ 'mist.800': '#22292b',
278
+ 'mist.900': '#161b1d',
279
+ 'mist.950': '#090b0c',
280
+ 'taupe.50': '#fbfaf9',
281
+ 'taupe.100': '#f3f1f1',
282
+ 'taupe.200': '#e8e4e3',
283
+ 'taupe.300': '#d8d2d0',
284
+ 'taupe.400': '#aba09c',
285
+ 'taupe.500': '#7c6d67',
286
+ 'taupe.600': '#5b4f4b',
287
+ 'taupe.700': '#473c39',
288
+ 'taupe.800': '#2b2422',
289
+ 'taupe.900': '#1d1816',
290
+ 'taupe.950': '#0c0a09',
291
+ black: '#000000',
292
+ white: '#ffffff',
293
+ };
294
+ /** `--spacing` (0.25rem) × n for the steps in Tailwind's docs: `padding: 4` is `p-4` (16). `px` is 1. */
295
+ export const spacing = {
296
+ px: 1,
297
+ 0: 0,
298
+ 0.5: 2,
299
+ 1: 4,
300
+ 1.5: 6,
301
+ 2: 8,
302
+ 2.5: 10,
303
+ 3: 12,
304
+ 3.5: 14,
305
+ 4: 16,
306
+ 5: 20,
307
+ 6: 24,
308
+ 7: 28,
309
+ 8: 32,
310
+ 9: 36,
311
+ 10: 40,
312
+ 11: 44,
313
+ 12: 48,
314
+ 14: 56,
315
+ 16: 64,
316
+ 20: 80,
317
+ 24: 96,
318
+ 28: 112,
319
+ 32: 128,
320
+ 36: 144,
321
+ 40: 160,
322
+ 44: 176,
323
+ 48: 192,
324
+ 52: 208,
325
+ 56: 224,
326
+ 60: 240,
327
+ 64: 256,
328
+ 72: 288,
329
+ 80: 320,
330
+ 96: 384,
331
+ };
332
+ /** `--radius-*` in points, plus the `rounded-none` / `rounded-full` utilities. */
333
+ export const radii = {
334
+ none: 0,
335
+ xs: 2,
336
+ sm: 4,
337
+ md: 6,
338
+ lg: 8,
339
+ xl: 12,
340
+ '2xl': 16,
341
+ '3xl': 24,
342
+ '4xl': 32,
343
+ full: 9999,
344
+ };
345
+ /** `--text-*` sizes in points. */
346
+ export const fontSizes = {
347
+ xs: 12,
348
+ sm: 14,
349
+ base: 16,
350
+ lg: 18,
351
+ xl: 20,
352
+ '2xl': 24,
353
+ '3xl': 30,
354
+ '4xl': 36,
355
+ '5xl': 48,
356
+ '6xl': 60,
357
+ '7xl': 72,
358
+ '8xl': 96,
359
+ '9xl': 128,
360
+ };
361
+ /** `--font-weight-*`. */
362
+ export const fontWeights = {
363
+ thin: '100',
364
+ extralight: '200',
365
+ light: '300',
366
+ normal: '400',
367
+ medium: '500',
368
+ semibold: '600',
369
+ bold: '700',
370
+ extrabold: '800',
371
+ black: '900',
372
+ };
373
+ /** `--leading-*` as ratios of `fontSize`, plus the `leading-none` utility. */
374
+ export const lineHeights = {
375
+ none: 1,
376
+ tight: 1.25,
377
+ snug: 1.375,
378
+ normal: 1.5,
379
+ relaxed: 1.625,
380
+ loose: 2,
381
+ };
382
+ /** `--tracking-*`: em values converted to points at a 16px font size. */
383
+ export const letterSpacings = {
384
+ tighter: -0.8,
385
+ tight: -0.4,
386
+ normal: 0,
387
+ wide: 0.4,
388
+ wider: 0.8,
389
+ widest: 1.6,
390
+ };
391
+ /** `--shadow-*` as single-layer RN shadows (first layer). */
392
+ export const shadows = {
393
+ '2xs': {
394
+ shadowColor: '#000000',
395
+ shadowOffset: { width: 0, height: 1 },
396
+ shadowOpacity: 0.05,
397
+ shadowRadius: 0,
398
+ elevation: 1,
399
+ },
400
+ xs: {
401
+ shadowColor: '#000000',
402
+ shadowOffset: { width: 0, height: 1 },
403
+ shadowOpacity: 0.05,
404
+ shadowRadius: 1,
405
+ elevation: 1,
406
+ },
407
+ sm: {
408
+ shadowColor: '#000000',
409
+ shadowOffset: { width: 0, height: 1 },
410
+ shadowOpacity: 0.1,
411
+ shadowRadius: 1.5,
412
+ elevation: 2,
413
+ },
414
+ md: {
415
+ shadowColor: '#000000',
416
+ shadowOffset: { width: 0, height: 4 },
417
+ shadowOpacity: 0.1,
418
+ shadowRadius: 3,
419
+ elevation: 4,
420
+ },
421
+ lg: {
422
+ shadowColor: '#000000',
423
+ shadowOffset: { width: 0, height: 10 },
424
+ shadowOpacity: 0.1,
425
+ shadowRadius: 7.5,
426
+ elevation: 8,
427
+ },
428
+ xl: {
429
+ shadowColor: '#000000',
430
+ shadowOffset: { width: 0, height: 20 },
431
+ shadowOpacity: 0.1,
432
+ shadowRadius: 12.5,
433
+ elevation: 12,
434
+ },
435
+ '2xl': {
436
+ shadowColor: '#000000',
437
+ shadowOffset: { width: 0, height: 25 },
438
+ shadowOpacity: 0.25,
439
+ shadowRadius: 25,
440
+ elevation: 16,
441
+ },
442
+ };
443
+ /** `text-*` as presets: each size with its paired `--text-*--line-height`, made absolute. */
444
+ export const text = {
445
+ xs: { fontSize: 12, lineHeight: 16 },
446
+ sm: { fontSize: 14, lineHeight: 20 },
447
+ base: { fontSize: 16, lineHeight: 24 },
448
+ lg: { fontSize: 18, lineHeight: 28 },
449
+ xl: { fontSize: 20, lineHeight: 28 },
450
+ '2xl': { fontSize: 24, lineHeight: 32 },
451
+ '3xl': { fontSize: 30, lineHeight: 36 },
452
+ '4xl': { fontSize: 36, lineHeight: 40 },
453
+ '5xl': { fontSize: 48, lineHeight: 48 },
454
+ '6xl': { fontSize: 60, lineHeight: 60 },
455
+ '7xl': { fontSize: 72, lineHeight: 72 },
456
+ '8xl': { fontSize: 96, lineHeight: 96 },
457
+ '9xl': { fontSize: 128, lineHeight: 128 },
458
+ };
package/package.json CHANGED
@@ -1,6 +1,74 @@
1
1
  {
2
2
  "name": "@react-native-rethemed/tailwind-css-tokens",
3
- "version": "0.0.0-stage",
4
- "stub": true,
5
- "description": "Temporary package placeholder for staged publishing"
3
+ "version": "0.1.0",
4
+ "description": "Tailwind CSS's default theme (colors, spacing, text sizes, shadows) for React Native, ready for react-native-rethemed.",
5
+ "keywords": [
6
+ "react-native",
7
+ "react-native-rethemed",
8
+ "tailwindcss",
9
+ "tailwind",
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/tailwind-css#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/tailwind-css"
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
+ },
48
+ "devDependencies": {
49
+ "@biomejs/biome": "2.5.4",
50
+ "@react-native-rethemed/cli": "0.1.0",
51
+ "@react-native-rethemed/panda-css-tokens": "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
+ "tailwindcss": "4.3.3",
61
+ "typescript": "6.0.3",
62
+ "vitest": "4.1.10"
63
+ },
64
+ "scripts": {
65
+ "build": "node ../../../scripts/build-package.mjs",
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
+ }
6
74
  }