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