@orangesys/tokens 0.0.0-stage → 0.5.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,547 @@
1
+ {
2
+ "color": {
3
+ "$type": "color",
4
+ "bg": {
5
+ "$value": "{color.paper.50}",
6
+ "$extensions": {
7
+ "orange.cssVar": "--or-color-bg"
8
+ }
9
+ },
10
+ "bg-subtle": {
11
+ "$value": "{color.paper.100}",
12
+ "$extensions": {
13
+ "orange.cssVar": "--or-color-bg-subtle"
14
+ }
15
+ },
16
+ "surface": {
17
+ "$value": "{color.paper.0}",
18
+ "$extensions": {
19
+ "orange.cssVar": "--or-color-surface"
20
+ }
21
+ },
22
+ "surface-raised": {
23
+ "$value": "{color.paper.0}",
24
+ "$extensions": {
25
+ "orange.cssVar": "--or-color-surface-raised"
26
+ }
27
+ },
28
+ "surface-hover": {
29
+ "$value": "{color.paper.200}",
30
+ "$extensions": {
31
+ "orange.cssVar": "--or-color-surface-hover"
32
+ }
33
+ },
34
+ "surface-active": {
35
+ "$value": "{color.paper.300}",
36
+ "$extensions": {
37
+ "orange.cssVar": "--or-color-surface-active"
38
+ }
39
+ },
40
+ "surface-inverse": {
41
+ "$value": "{color.paper.950}",
42
+ "$extensions": {
43
+ "orange.cssVar": "--or-color-surface-inverse"
44
+ }
45
+ },
46
+ "overlay": {
47
+ "$value": {
48
+ "colorSpace": "srgb",
49
+ "components": [
50
+ 0.0588,
51
+ 0.0588,
52
+ 0.0706
53
+ ],
54
+ "hex": "#0f0f12",
55
+ "alpha": 0.48
56
+ },
57
+ "$extensions": {
58
+ "orange.cssVar": "--or-color-overlay"
59
+ }
60
+ },
61
+ "shadow": {
62
+ "$value": {
63
+ "colorSpace": "srgb",
64
+ "components": [
65
+ 0.0588,
66
+ 0.0588,
67
+ 0.0706
68
+ ],
69
+ "hex": "#0f0f12",
70
+ "alpha": 0.14
71
+ },
72
+ "$extensions": {
73
+ "orange.cssVar": "--or-color-shadow"
74
+ }
75
+ },
76
+ "text": {
77
+ "$value": "{color.paper.950}",
78
+ "$extensions": {
79
+ "orange.cssVar": "--or-color-text"
80
+ }
81
+ },
82
+ "text-muted": {
83
+ "$value": "{color.paper.800}",
84
+ "$extensions": {
85
+ "orange.cssVar": "--or-color-text-muted"
86
+ }
87
+ },
88
+ "text-subtle": {
89
+ "$value": "{color.paper.700}",
90
+ "$extensions": {
91
+ "orange.cssVar": "--or-color-text-subtle"
92
+ }
93
+ },
94
+ "text-disabled": {
95
+ "$value": "{color.paper.600}",
96
+ "$extensions": {
97
+ "orange.cssVar": "--or-color-text-disabled"
98
+ }
99
+ },
100
+ "text-inverse": {
101
+ "$value": "{color.paper.50}",
102
+ "$extensions": {
103
+ "orange.cssVar": "--or-color-text-inverse"
104
+ }
105
+ },
106
+ "text-on-accent": {
107
+ "$value": "{color.paper.950}",
108
+ "$extensions": {
109
+ "orange.cssVar": "--or-color-text-on-accent"
110
+ }
111
+ },
112
+ "border": {
113
+ "$value": "{color.paper.400}",
114
+ "$extensions": {
115
+ "orange.cssVar": "--or-color-border"
116
+ }
117
+ },
118
+ "border-subtle": {
119
+ "$value": "{color.paper.300}",
120
+ "$extensions": {
121
+ "orange.cssVar": "--or-color-border-subtle"
122
+ }
123
+ },
124
+ "border-strong": {
125
+ "$value": "{color.paper.500}",
126
+ "$extensions": {
127
+ "orange.cssVar": "--or-color-border-strong"
128
+ }
129
+ },
130
+ "border-control": {
131
+ "$value": {
132
+ "colorSpace": "srgb",
133
+ "components": [
134
+ 0.4784,
135
+ 0.4549,
136
+ 0.4078
137
+ ],
138
+ "hex": "#7a7468"
139
+ },
140
+ "$extensions": {
141
+ "orange.cssVar": "--or-color-border-control"
142
+ }
143
+ },
144
+ "accent": {
145
+ "$value": "{color.orange.600}",
146
+ "$extensions": {
147
+ "orange.cssVar": "--or-color-accent"
148
+ }
149
+ },
150
+ "accent-hover": {
151
+ "$value": "{color.orange.550}",
152
+ "$extensions": {
153
+ "orange.cssVar": "--or-color-accent-hover"
154
+ }
155
+ },
156
+ "accent-active": {
157
+ "$value": "{color.orange.700}",
158
+ "$extensions": {
159
+ "orange.cssVar": "--or-color-accent-active"
160
+ }
161
+ },
162
+ "accent-subtle": {
163
+ "$value": {
164
+ "colorSpace": "srgb",
165
+ "components": [
166
+ 0.8314,
167
+ 0.3843,
168
+ 0.1647
169
+ ],
170
+ "hex": "#d4622a",
171
+ "alpha": 0.12
172
+ },
173
+ "$extensions": {
174
+ "orange.cssVar": "--or-color-accent-subtle"
175
+ }
176
+ },
177
+ "accent-text": {
178
+ "$value": "{color.orange.800}",
179
+ "$extensions": {
180
+ "orange.cssVar": "--or-color-accent-text"
181
+ }
182
+ },
183
+ "accent-border": {
184
+ "$value": {
185
+ "colorSpace": "srgb",
186
+ "components": [
187
+ 0.7216,
188
+ 0.3529,
189
+ 0.1412
190
+ ],
191
+ "hex": "#b85a24",
192
+ "alpha": 0.5
193
+ },
194
+ "$extensions": {
195
+ "orange.cssVar": "--or-color-accent-border"
196
+ }
197
+ },
198
+ "neutral": {
199
+ "$value": "{color.paper.950}",
200
+ "$extensions": {
201
+ "orange.cssVar": "--or-color-neutral"
202
+ }
203
+ },
204
+ "neutral-hover": {
205
+ "$value": {
206
+ "colorSpace": "srgb",
207
+ "components": [
208
+ 0.1686,
209
+ 0.1686,
210
+ 0.1725
211
+ ],
212
+ "hex": "#2b2b2c"
213
+ },
214
+ "$extensions": {
215
+ "orange.cssVar": "--or-color-neutral-hover"
216
+ }
217
+ },
218
+ "text-on-neutral": {
219
+ "$value": "{color.paper.50}",
220
+ "$extensions": {
221
+ "orange.cssVar": "--or-color-text-on-neutral"
222
+ }
223
+ },
224
+ "success": {
225
+ "$value": "{color.green.500}",
226
+ "$extensions": {
227
+ "orange.cssVar": "--or-color-success"
228
+ }
229
+ },
230
+ "success-subtle": {
231
+ "$value": {
232
+ "colorSpace": "srgb",
233
+ "components": [
234
+ 0.498,
235
+ 0.698,
236
+ 0.2118
237
+ ],
238
+ "hex": "#7fb236",
239
+ "alpha": 0.16
240
+ },
241
+ "$extensions": {
242
+ "orange.cssVar": "--or-color-success-subtle"
243
+ }
244
+ },
245
+ "success-text": {
246
+ "$value": "{color.green.700}",
247
+ "$extensions": {
248
+ "orange.cssVar": "--or-color-success-text"
249
+ }
250
+ },
251
+ "warning": {
252
+ "$value": "{color.amber.500}",
253
+ "$extensions": {
254
+ "orange.cssVar": "--or-color-warning"
255
+ }
256
+ },
257
+ "warning-subtle": {
258
+ "$value": {
259
+ "colorSpace": "srgb",
260
+ "components": [
261
+ 0.9098,
262
+ 0.7569,
263
+ 0.3529
264
+ ],
265
+ "hex": "#e8c15a",
266
+ "alpha": 0.22
267
+ },
268
+ "$extensions": {
269
+ "orange.cssVar": "--or-color-warning-subtle"
270
+ }
271
+ },
272
+ "warning-text": {
273
+ "$value": "{color.amber.700}",
274
+ "$extensions": {
275
+ "orange.cssVar": "--or-color-warning-text"
276
+ }
277
+ },
278
+ "danger": {
279
+ "$value": "{color.red.700}",
280
+ "$extensions": {
281
+ "orange.cssVar": "--or-color-danger"
282
+ }
283
+ },
284
+ "danger-hover": {
285
+ "$value": {
286
+ "colorSpace": "srgb",
287
+ "components": [
288
+ 0.7882,
289
+ 0.1882,
290
+ 0.1216
291
+ ],
292
+ "hex": "#c9301f"
293
+ },
294
+ "$extensions": {
295
+ "orange.cssVar": "--or-color-danger-hover"
296
+ }
297
+ },
298
+ "danger-subtle": {
299
+ "$value": {
300
+ "colorSpace": "srgb",
301
+ "components": [
302
+ 0.7059,
303
+ 0.1373,
304
+ 0.0941
305
+ ],
306
+ "hex": "#b42318",
307
+ "alpha": 0.1
308
+ },
309
+ "$extensions": {
310
+ "orange.cssVar": "--or-color-danger-subtle"
311
+ }
312
+ },
313
+ "danger-text": {
314
+ "$value": "{color.red.700}",
315
+ "$extensions": {
316
+ "orange.cssVar": "--or-color-danger-text"
317
+ }
318
+ },
319
+ "text-on-danger": {
320
+ "$value": {
321
+ "colorSpace": "srgb",
322
+ "components": [
323
+ 1,
324
+ 1,
325
+ 1
326
+ ],
327
+ "hex": "#ffffff"
328
+ },
329
+ "$extensions": {
330
+ "orange.cssVar": "--or-color-text-on-danger"
331
+ }
332
+ },
333
+ "text-on-success": {
334
+ "$value": "{color.carbon.50}",
335
+ "$extensions": {
336
+ "orange.cssVar": "--or-color-text-on-success"
337
+ }
338
+ },
339
+ "text-on-warning": {
340
+ "$value": "{color.carbon.50}",
341
+ "$extensions": {
342
+ "orange.cssVar": "--or-color-text-on-warning"
343
+ }
344
+ },
345
+ "text-on-info": {
346
+ "$value": "{color.paper.0}",
347
+ "$extensions": {
348
+ "orange.cssVar": "--or-color-text-on-info"
349
+ }
350
+ },
351
+ "info": {
352
+ "$value": "{color.blue.700}",
353
+ "$extensions": {
354
+ "orange.cssVar": "--or-color-info"
355
+ }
356
+ },
357
+ "info-subtle": {
358
+ "$value": {
359
+ "colorSpace": "srgb",
360
+ "components": [
361
+ 0.1647,
362
+ 0.2667,
363
+ 0.5804
364
+ ],
365
+ "hex": "#2a4494",
366
+ "alpha": 0.1
367
+ },
368
+ "$extensions": {
369
+ "orange.cssVar": "--or-color-info-subtle"
370
+ }
371
+ },
372
+ "info-text": {
373
+ "$value": "{color.blue.700}",
374
+ "$extensions": {
375
+ "orange.cssVar": "--or-color-info-text"
376
+ }
377
+ },
378
+ "focus": {
379
+ "$value": "{color.orange.700}",
380
+ "$extensions": {
381
+ "orange.cssVar": "--or-color-focus"
382
+ }
383
+ },
384
+ "grid-line": {
385
+ "$value": {
386
+ "colorSpace": "srgb",
387
+ "components": [
388
+ 0.0588,
389
+ 0.0588,
390
+ 0.0706
391
+ ],
392
+ "hex": "#0f0f12",
393
+ "alpha": 0.05
394
+ },
395
+ "$extensions": {
396
+ "orange.cssVar": "--or-color-grid-line"
397
+ }
398
+ },
399
+ "code-bg": {
400
+ "$value": "{color.carbon.50}",
401
+ "$extensions": {
402
+ "orange.cssVar": "--or-color-code-bg"
403
+ }
404
+ },
405
+ "code-text": {
406
+ "$value": "{color.carbon.800}",
407
+ "$extensions": {
408
+ "orange.cssVar": "--or-color-code-text"
409
+ }
410
+ },
411
+ "selection": {
412
+ "$value": {
413
+ "colorSpace": "srgb",
414
+ "components": [
415
+ 0.9608,
416
+ 0.5216,
417
+ 0.2863
418
+ ],
419
+ "hex": "#f58549",
420
+ "alpha": 0.28
421
+ },
422
+ "$extensions": {
423
+ "orange.cssVar": "--or-color-selection"
424
+ }
425
+ },
426
+ "viz-1": {
427
+ "$value": "{color.green.700}",
428
+ "$extensions": {
429
+ "orange.cssVar": "--or-color-viz-1"
430
+ }
431
+ },
432
+ "viz-2": {
433
+ "$value": "{color.blue.500}",
434
+ "$extensions": {
435
+ "orange.cssVar": "--or-color-viz-2"
436
+ }
437
+ },
438
+ "viz-3": {
439
+ "$value": "{color.amber.700}",
440
+ "$extensions": {
441
+ "orange.cssVar": "--or-color-viz-3"
442
+ }
443
+ },
444
+ "viz-4": {
445
+ "$value": "{color.orange.550}",
446
+ "$extensions": {
447
+ "orange.cssVar": "--or-color-viz-4"
448
+ }
449
+ },
450
+ "viz-5": {
451
+ "$value": "{color.red.700}",
452
+ "$extensions": {
453
+ "orange.cssVar": "--or-color-viz-5"
454
+ }
455
+ },
456
+ "viz-other": {
457
+ "$value": "{color.paper.600}",
458
+ "$extensions": {
459
+ "orange.cssVar": "--or-color-viz-other"
460
+ }
461
+ },
462
+ "viz-seq-1": {
463
+ "$value": "{color.orange.100}",
464
+ "$extensions": {
465
+ "orange.cssVar": "--or-color-viz-seq-1"
466
+ }
467
+ },
468
+ "viz-seq-2": {
469
+ "$value": "{color.orange.200}",
470
+ "$extensions": {
471
+ "orange.cssVar": "--or-color-viz-seq-2"
472
+ }
473
+ },
474
+ "viz-seq-3": {
475
+ "$value": "{color.orange.300}",
476
+ "$extensions": {
477
+ "orange.cssVar": "--or-color-viz-seq-3"
478
+ }
479
+ },
480
+ "viz-seq-4": {
481
+ "$value": "{color.orange.500}",
482
+ "$extensions": {
483
+ "orange.cssVar": "--or-color-viz-seq-4"
484
+ }
485
+ },
486
+ "viz-seq-5": {
487
+ "$value": "{color.orange.600}",
488
+ "$extensions": {
489
+ "orange.cssVar": "--or-color-viz-seq-5"
490
+ }
491
+ },
492
+ "viz-seq-6": {
493
+ "$value": "{color.orange.800}",
494
+ "$extensions": {
495
+ "orange.cssVar": "--or-color-viz-seq-6"
496
+ }
497
+ },
498
+ "viz-seq-7": {
499
+ "$value": "{color.orange.900}",
500
+ "$extensions": {
501
+ "orange.cssVar": "--or-color-viz-seq-7"
502
+ }
503
+ },
504
+ "viz-div-1": {
505
+ "$value": "{color.blue.700}",
506
+ "$extensions": {
507
+ "orange.cssVar": "--or-color-viz-div-1"
508
+ }
509
+ },
510
+ "viz-div-2": {
511
+ "$value": "{color.blue.500}",
512
+ "$extensions": {
513
+ "orange.cssVar": "--or-color-viz-div-2"
514
+ }
515
+ },
516
+ "viz-div-3": {
517
+ "$value": "{color.blue.300}",
518
+ "$extensions": {
519
+ "orange.cssVar": "--or-color-viz-div-3"
520
+ }
521
+ },
522
+ "viz-div-4": {
523
+ "$value": "{color.paper.400}",
524
+ "$extensions": {
525
+ "orange.cssVar": "--or-color-viz-div-4"
526
+ }
527
+ },
528
+ "viz-div-5": {
529
+ "$value": "{color.orange.300}",
530
+ "$extensions": {
531
+ "orange.cssVar": "--or-color-viz-div-5"
532
+ }
533
+ },
534
+ "viz-div-6": {
535
+ "$value": "{color.orange.550}",
536
+ "$extensions": {
537
+ "orange.cssVar": "--or-color-viz-div-6"
538
+ }
539
+ },
540
+ "viz-div-7": {
541
+ "$value": "{color.orange.800}",
542
+ "$extensions": {
543
+ "orange.cssVar": "--or-color-viz-div-7"
544
+ }
545
+ }
546
+ }
547
+ }