@react-native-rethemed/shadcn-ui-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.
- package/README.md +2 -0
- package/dist/index.cjs +35 -0
- package/dist/index.d.cts +153 -0
- package/dist/index.d.mts +153 -0
- package/dist/index.mjs +31 -0
- package/dist/tokens.gen.cjs +899 -0
- package/dist/tokens.gen.d.cts +897 -0
- package/dist/tokens.gen.d.mts +897 -0
- package/dist/tokens.gen.mjs +898 -0
- package/package.json +14 -16
- package/dist/cjs/index.d.ts +0 -151
- package/dist/cjs/index.js +0 -33
- package/dist/cjs/package.json +0 -1
- package/dist/cjs/tokens.gen.d.ts +0 -895
- package/dist/cjs/tokens.gen.js +0 -249
- package/dist/esm/index.d.ts +0 -151
- package/dist/esm/index.js +0 -29
- package/dist/esm/package.json +0 -1
- package/dist/esm/tokens.gen.d.ts +0 -895
- package/dist/esm/tokens.gen.js +0 -246
package/dist/esm/tokens.gen.js
DELETED
|
@@ -1,246 +0,0 @@
|
|
|
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
|
-
};
|