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