@bcc-code/design-tokens 1.0.21 → 2.0.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.
@@ -1,339 +0,0 @@
1
- // Generated PrimeVue preset
2
- import { definePreset } from "@primeuix/themes";
3
- import Aura from "@primeuix/themes/aura";
4
-
5
- export const BCCPrimeVuePreset = definePreset(Aura, {
6
- primitive: {
7
- "border-radius": {
8
- none: "0",
9
- xs: "0.125rem",
10
- sm: "0.25rem",
11
- md: "0.5rem",
12
- lg: "1rem",
13
- xl: "2rem",
14
- "2xl": "3rem",
15
- full: "999px"
16
- },
17
- "border-width": {
18
- md: "2px",
19
- sm: "1px"
20
- },
21
- color: {
22
- bcc: {
23
- 100: "#e6f2f1",
24
- 200: "#d0e3e1",
25
- 300: "#accbc8",
26
- 400: "#73b2ac",
27
- 500: "#2e9087",
28
- 600: "#187b73",
29
- 700: "#0e6962",
30
- 800: "#004e48",
31
- 900: "#003d39",
32
- 1000: "#002320"
33
- },
34
- blue: {
35
- 100: "#f1f7fd",
36
- 200: "#dfedfa",
37
- 300: "#c6e0f7",
38
- 400: "#a0cdf0",
39
- 500: "#72b1e8",
40
- 600: "#5294e0",
41
- 700: "#3c79d4",
42
- 800: "#3365c2",
43
- 900: "#2f529e",
44
- 1000: "#25385f"
45
- },
46
- "dark-neutral": {
47
- 0: "#161a1d",
48
- 100: "#1d2125",
49
- 200: "#22272b",
50
- 300: "#2c333a",
51
- 400: "#454f59",
52
- 500: "#596773",
53
- 600: "#738496",
54
- 700: "#8c9bab",
55
- 800: "#9fadbc",
56
- 900: "#b6c2cf",
57
- 1000: "#c7d1db",
58
- 1100: "#dee4ea"
59
- },
60
- "dark-neutral-alpha": {
61
- "100A": "rgba(188, 214, 240, 0.04)",
62
- "200A": "rgba(161, 189, 217, 0.08)",
63
- "300A": "rgba(166, 197, 226, 0.16)",
64
- "400A": "rgba(166, 197, 226, 0.28)",
65
- "500A": "rgba(166, 197, 226, 0.5)"
66
- },
67
- green: {
68
- 100: "#f2fbf6",
69
- 200: "#e2f6ea",
70
- 300: "#c6ecd6",
71
- 400: "#9adbb5",
72
- 500: "#66c28d",
73
- 600: "#40a56c",
74
- 700: "#308957",
75
- 800: "#296c47",
76
- 900: "#25563b",
77
- 1000: "#133925"
78
- },
79
- magenta: {
80
- 100: "#faf5f9",
81
- 200: "#f7ecf5",
82
- 300: "#f0daec",
83
- 400: "#e4bddd",
84
- 500: "#d294c5",
85
- 600: "#c377b1",
86
- 700: "#ac5693",
87
- 800: "#93437a",
88
- 900: "#7a3a65",
89
- 1000: "#592648"
90
- },
91
- neutral: {
92
- 0: "#ffffff",
93
- 100: "#f7f8f9",
94
- 200: "#f1f2f4",
95
- 300: "#dcdfe4",
96
- 400: "#b3b9c4",
97
- 500: "#8590a2",
98
- 600: "#758195",
99
- 700: "#626f86",
100
- 800: "#4b5668",
101
- 900: "#374152",
102
- 1000: "#282f3c",
103
- 1100: "#1e242d"
104
- },
105
- "neutral-alpha": {
106
- "100A": "rgba(9, 30, 77, 0.03)",
107
- "200A": "rgba(9, 30, 77, 0.06)",
108
- "300A": "rgba(9, 30, 77, 0.14)",
109
- "400A": "rgba(9, 30, 77, 0.31)",
110
- "500A": "rgba(9, 30, 77, 0.5)"
111
- },
112
- purple: {
113
- 100: "#f1f1fc",
114
- 200: "#e5e7fa",
115
- 300: "#d0d1f5",
116
- 400: "#b3b3ee",
117
- 500: "#9b95e4",
118
- 600: "#8678d9",
119
- 700: "#7860cb",
120
- 800: "#6750b2",
121
- 900: "#554390",
122
- 1000: "#352c54"
123
- },
124
- red: {
125
- 100: "#fcf4f4",
126
- 200: "#fae7e6",
127
- 300: "#f6d3d2",
128
- 400: "#efb4b2",
129
- 500: "#e38986",
130
- 600: "#d5625e",
131
- 700: "#c04642",
132
- 800: "#ad3c38",
133
- 900: "#86312e",
134
- 1000: "#461716"
135
- },
136
- rust: {
137
- 100: "#fcf6f4",
138
- 200: "#f9ece7",
139
- 300: "#f6dcd2",
140
- 400: "#e9b29e",
141
- 500: "#e29f87",
142
- 600: "#d37f60",
143
- 700: "#be6544",
144
- 800: "#9f5236",
145
- 900: "#844630",
146
- 1000: "#4c271a"
147
- },
148
- sand: {
149
- 100: "#f7f3ee",
150
- 200: "#ede5da",
151
- 300: "#dccfba",
152
- 400: "#c5b191",
153
- 500: "#ae966d",
154
- 600: "#937b4f",
155
- 700: "#74613c",
156
- 800: "#5a4d31",
157
- 900: "#49402b",
158
- 1000: "#3c3420"
159
- },
160
- teal: {
161
- 100: "#f1f9fa",
162
- 200: "#dceff1",
163
- 300: "#bde0e4",
164
- 400: "#8fc9d1",
165
- 500: "#5cabb7",
166
- 600: "#3e8e9c",
167
- 700: "#377483",
168
- 800: "#32606c",
169
- 900: "#2f505b",
170
- 1000: "#1d353f"
171
- }
172
- },
173
- dimension: {
174
- "space-0": "0 rem",
175
- "space-25": "0.125rem",
176
- "space-50": "0.25rem",
177
- "space-75": "0.375rem",
178
- "space-100": "0.5rem",
179
- "space-150": "0.75rem",
180
- "space-200": "1rem",
181
- "space-250": "1.25rem",
182
- "space-300": "1.5rem",
183
- "space-400": "2rem",
184
- "space-500": "2.5rem",
185
- "space-600": "3rem",
186
- "space-800": "4rem",
187
- "space-1000": "80px"
188
- },
189
- "font-size": {
190
- "text-2xl": "2rem",
191
- "text-3xl": "2.25rem",
192
- "text-4xl": "3rem",
193
- "text-lg": "1.25rem",
194
- "text-md": "1rem",
195
- "text-sm": "0.875rem",
196
- "text-xl": "1.5rem",
197
- "text-xs": "0.75rem"
198
- },
199
- "font-weight": {
200
- "bold-700": "{fontweights.archivo-bold}",
201
- "medium-500": "{fontweights.archivo-medium}",
202
- "regular-400": "{fontweights.archivo-regular}"
203
- },
204
- fontFamilies: {
205
- archivo: "Archivo"
206
- },
207
- fontWeights: {
208
- "archivo-black": 900,
209
- "archivo-bold": 700,
210
- "archivo-extrabold": 800,
211
- "archivo-extralight": 200,
212
- "archivo-light": 300,
213
- "archivo-medium": 500,
214
- "archivo-regular": 400,
215
- "archivo-semibold": 600,
216
- "archivo-thin": 100
217
- },
218
- "icon-size": {
219
- lg: "2rem",
220
- md: "1.5rem",
221
- sm: "1.25rem",
222
- xl: "3rem",
223
- xs: "1rem"
224
- },
225
- "line-height": {
226
- "text-2xl": {
227
- "leading-none": "2rem",
228
- "leading-tight": "2.25rem"
229
- },
230
- "text-3xl": {
231
- "leading-none": "2.25rem",
232
- "leading-tight": "2.5rem"
233
- },
234
- "text-4xl": {
235
- "leading-none": "3rem",
236
- "leading-tight": "3.25rem"
237
- },
238
- "text-lg": {
239
- "leading-none": "1.25rem",
240
- "leading-tight": "1.5rem"
241
- },
242
- "text-md": {
243
- "leading-none": "1rem",
244
- "leading-normal": "1.5rem",
245
- "leading-tight": "1.25"
246
- },
247
- "text-sm": {
248
- "leading-none": "0.875rem",
249
- "leading-normal": "1.25rem"
250
- },
251
- "text-xl": {
252
- "leading-none": "1.5rem",
253
- "leading-tight": "1.75"
254
- },
255
- "text-xs": {
256
- "leading-none": "0.75rem",
257
- "leading-normal": "1.25rem"
258
- }
259
- },
260
- opacity: {
261
- opacity: "#ffffff"
262
- },
263
- "space-between": {
264
- 0: "{dimension.space-0}"
265
- },
266
- "text-decoration": {
267
- none: "none",
268
- "line-through": "line-through",
269
- underline: "underline"
270
- },
271
- "text-indent": {
272
- 0: "{dimension.space-0}"
273
- },
274
- "text-transform": {
275
- none: "none",
276
- " capitalize": "capitalize",
277
- " lowercase": "lowercase",
278
- uppercase: "uppercase"
279
- },
280
- tracking: {
281
- normal: "0em",
282
- tight: "-0.02em",
283
- tighter: "-0.04em",
284
- wide: "0.04em"
285
- }
286
- },
287
- semantic: {
288
- colorScheme: {
289
- dark: {
290
- content: {
291
- background: "{color.dark-neutral.0}"
292
- },
293
- surface: {
294
- 0: "{color.dark-neutral.0}",
295
- 100: "{color.dark-neutral.100}",
296
- 200: "{color.dark-neutral.200}",
297
- 300: "{color.dark-neutral.300}",
298
- 400: "{color.dark-neutral.400}",
299
- 500: "{color.dark-neutral.500}",
300
- 600: "{color.dark-neutral.600}",
301
- 700: "{color.dark-neutral.700}",
302
- 800: "{color.dark-neutral.800}",
303
- 900: "{color.dark-neutral.900}",
304
- 950: "{color.dark-neutral.1000}"
305
- }
306
- },
307
- light: {
308
- content: {
309
- background: "{color.neutral.0}"
310
- },
311
- surface: {
312
- 0: "{color.neutral.0}",
313
- 100: "{color.neutral.100}",
314
- 200: "{color.neutral.200}",
315
- 300: "{color.neutral.300}",
316
- 400: "{color.neutral.400}",
317
- 500: "{color.neutral.500}",
318
- 600: "{color.neutral.600}",
319
- 700: "{color.neutral.700}",
320
- 800: "{color.neutral.800}",
321
- 900: "{color.neutral.900}",
322
- 950: "{color.neutral.1000}"
323
- }
324
- }
325
- },
326
- primary: {
327
- 50: "{color.bcc.100}",
328
- 100: "{color.bcc.200}",
329
- 200: "{color.bcc.300}",
330
- 300: "{color.bcc.400}",
331
- 400: "{color.bcc.500}",
332
- 500: "{color.bcc.600}",
333
- 600: "{color.bcc.700}",
334
- 700: "{color.bcc.800}",
335
- 800: "{color.bcc.900}",
336
- 900: "{color.bcc.1000}"
337
- }
338
- }
339
- });