@atlaskit/tokens 1.18.0 → 1.20.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.
Files changed (96) hide show
  1. package/CHANGELOG.md +102 -0
  2. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  3. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  7. package/dist/cjs/artifacts/token-default-values.js +81 -1
  8. package/dist/cjs/artifacts/token-names.js +81 -1
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +2037 -277
  13. package/dist/cjs/get-theme-html-attrs.js +2 -13
  14. package/dist/cjs/get-token-value.js +1 -1
  15. package/dist/cjs/get-token.js +1 -1
  16. package/dist/cjs/tokens/atlassian-dark/color/accent.js +360 -40
  17. package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  18. package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +396 -52
  19. package/dist/cjs/tokens/atlassian-light/color/accent.js +360 -40
  20. package/dist/cjs/tokens/default/color/accent.js +920 -200
  21. package/dist/cjs/utils/get-theme-preferences.js +3 -5
  22. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  23. package/dist/es2019/artifacts/themes/atlassian-dark.js +81 -1
  24. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +85 -5
  25. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +86 -6
  26. package/dist/es2019/artifacts/themes/atlassian-light.js +81 -1
  27. package/dist/es2019/artifacts/token-default-values.js +81 -1
  28. package/dist/es2019/artifacts/token-names.js +81 -1
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  31. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  32. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +2037 -277
  33. package/dist/es2019/get-theme-html-attrs.js +2 -13
  34. package/dist/es2019/get-token-value.js +1 -1
  35. package/dist/es2019/get-token.js +1 -1
  36. package/dist/es2019/tokens/atlassian-dark/color/accent.js +360 -40
  37. package/dist/es2019/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  38. package/dist/es2019/tokens/atlassian-legacy-light/color/accent.js +396 -52
  39. package/dist/es2019/tokens/atlassian-light/color/accent.js +360 -40
  40. package/dist/es2019/tokens/default/color/accent.js +920 -200
  41. package/dist/es2019/utils/get-theme-preferences.js +3 -5
  42. package/dist/esm/artifacts/generated-pairs.js +2 -2
  43. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  44. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  45. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  46. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  47. package/dist/esm/artifacts/token-default-values.js +81 -1
  48. package/dist/esm/artifacts/token-names.js +81 -1
  49. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  50. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  51. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  52. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +2037 -277
  53. package/dist/esm/get-theme-html-attrs.js +2 -13
  54. package/dist/esm/get-token-value.js +1 -1
  55. package/dist/esm/get-token.js +1 -1
  56. package/dist/esm/tokens/atlassian-dark/color/accent.js +360 -40
  57. package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  58. package/dist/esm/tokens/atlassian-legacy-light/color/accent.js +396 -52
  59. package/dist/esm/tokens/atlassian-light/color/accent.js +360 -40
  60. package/dist/esm/tokens/default/color/accent.js +920 -200
  61. package/dist/esm/utils/get-theme-preferences.js +3 -5
  62. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  63. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  64. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  65. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  66. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  67. package/dist/types/artifacts/token-default-values.d.ts +81 -1
  68. package/dist/types/artifacts/token-names.d.ts +161 -1
  69. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  70. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  71. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  72. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  73. package/dist/types/artifacts/types-internal.d.ts +2 -2
  74. package/dist/types/artifacts/types.d.ts +2 -2
  75. package/dist/types/types.d.ts +200 -40
  76. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  77. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  78. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  79. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  80. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  81. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +81 -1
  82. package/dist/types-ts4.5/artifacts/token-names.d.ts +161 -1
  83. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  84. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  85. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  86. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  87. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  88. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  89. package/dist/types-ts4.5/types.d.ts +200 -40
  90. package/figma/atlassian-dark.json +720 -0
  91. package/figma/atlassian-legacy-dark.json +724 -4
  92. package/figma/atlassian-legacy-light.json +724 -4
  93. package/figma/atlassian-light.json +720 -0
  94. package/package.json +1 -4
  95. package/report.api.md +360 -40
  96. package/tmp/api-report-tmp.d.ts +162 -2
@@ -168,154 +168,498 @@ const color = {
168
168
  accent: {
169
169
  blue: {
170
170
  subtlest: {
171
- value: 'B500'
171
+ '[default]': {
172
+ value: 'B500'
173
+ },
174
+ hovered: {
175
+ value: 'B400'
176
+ },
177
+ pressed: {
178
+ value: 'B300'
179
+ }
172
180
  },
173
181
  subtler: {
174
- value: 'B400'
182
+ '[default]': {
183
+ value: 'B400'
184
+ },
185
+ hovered: {
186
+ value: 'B300'
187
+ },
188
+ pressed: {
189
+ value: 'B200'
190
+ }
175
191
  },
176
192
  subtle: {
177
- value: 'B300'
193
+ '[default]': {
194
+ value: 'B300'
195
+ },
196
+ hovered: {
197
+ value: 'B400'
198
+ },
199
+ pressed: {
200
+ value: 'B500'
201
+ }
178
202
  },
179
203
  bolder: {
180
- value: 'B100'
204
+ '[default]': {
205
+ value: 'B100'
206
+ },
207
+ hovered: {
208
+ value: 'B75'
209
+ },
210
+ pressed: {
211
+ value: 'B50'
212
+ }
181
213
  }
182
214
  },
183
215
  red: {
184
216
  subtlest: {
185
- value: 'R500'
217
+ '[default]': {
218
+ value: 'R500'
219
+ },
220
+ hovered: {
221
+ value: 'R400'
222
+ },
223
+ pressed: {
224
+ value: 'R300'
225
+ }
186
226
  },
187
227
  subtler: {
188
- value: 'R400'
228
+ '[default]': {
229
+ value: 'R400'
230
+ },
231
+ hovered: {
232
+ value: 'R300'
233
+ },
234
+ pressed: {
235
+ value: 'R200'
236
+ }
189
237
  },
190
238
  subtle: {
191
- value: 'R300'
239
+ '[default]': {
240
+ value: 'R300'
241
+ },
242
+ hovered: {
243
+ value: 'R400'
244
+ },
245
+ pressed: {
246
+ value: 'R500'
247
+ }
192
248
  },
193
249
  bolder: {
194
- value: 'R100'
250
+ '[default]': {
251
+ value: 'R100'
252
+ },
253
+ hovered: {
254
+ value: 'R75'
255
+ },
256
+ pressed: {
257
+ value: 'R50'
258
+ }
195
259
  }
196
260
  },
197
261
  orange: {
198
- // @ts-expect-error
199
262
  subtlest: {
200
- value: '#43290F'
263
+ // @ts-expect-error
264
+ '[default]': {
265
+ value: '#43290F'
266
+ },
267
+ hovered: {
268
+ // @ts-expect-error
269
+ value: '#5F3811'
270
+ },
271
+ pressed: {
272
+ // @ts-expect-error
273
+ value: '#974F0C'
274
+ }
201
275
  },
202
- // @ts-expect-error
203
276
  subtler: {
204
- value: '#5F3811'
277
+ // @ts-expect-error
278
+ '[default]': {
279
+ value: '#5F3811'
280
+ },
281
+ hovered: {
282
+ // @ts-expect-error
283
+ value: '#974F0C'
284
+ },
285
+ pressed: {
286
+ // @ts-expect-error
287
+ value: '#B65C02'
288
+ }
205
289
  },
206
- // @ts-expect-error
207
290
  subtle: {
208
- value: '#974F0C'
291
+ // @ts-expect-error
292
+ '[default]': {
293
+ value: '#974F0C'
294
+ },
295
+ hovered: {
296
+ // @ts-expect-error
297
+ value: '#5F3811'
298
+ },
299
+ pressed: {
300
+ // @ts-expect-error
301
+ value: '#4A2B0F'
302
+ }
209
303
  },
210
- // @ts-expect-error
211
304
  bolder: {
212
- value: '#F18D13'
305
+ // @ts-expect-error
306
+ '[default]': {
307
+ value: '#F18D13'
308
+ },
309
+ hovered: {
310
+ // @ts-expect-error
311
+ value: '#FEC57B'
312
+ },
313
+ pressed: {
314
+ // @ts-expect-error
315
+ value: '#FFE2BD'
316
+ }
213
317
  }
214
318
  },
215
319
  yellow: {
216
320
  subtlest: {
217
- value: 'Y500'
321
+ '[default]': {
322
+ value: 'Y500'
323
+ },
324
+ hovered: {
325
+ value: 'Y400'
326
+ },
327
+ pressed: {
328
+ value: 'Y300'
329
+ }
218
330
  },
219
331
  subtler: {
220
- value: 'Y400'
332
+ '[default]': {
333
+ value: 'Y400'
334
+ },
335
+ hovered: {
336
+ value: 'Y300'
337
+ },
338
+ pressed: {
339
+ value: 'Y200'
340
+ }
221
341
  },
222
342
  subtle: {
223
- value: 'Y300'
343
+ '[default]': {
344
+ value: 'Y300'
345
+ },
346
+ hovered: {
347
+ value: 'Y400'
348
+ },
349
+ pressed: {
350
+ value: 'Y500'
351
+ }
224
352
  },
225
353
  bolder: {
226
- value: 'Y100'
354
+ '[default]': {
355
+ value: 'Y100'
356
+ },
357
+ hovered: {
358
+ value: 'Y75'
359
+ },
360
+ pressed: {
361
+ value: 'Y50'
362
+ }
227
363
  }
228
364
  },
229
365
  green: {
230
366
  subtlest: {
231
- value: 'G500'
367
+ '[default]': {
368
+ value: 'G500'
369
+ },
370
+ hovered: {
371
+ value: 'G400'
372
+ },
373
+ pressed: {
374
+ value: 'G300'
375
+ }
232
376
  },
233
377
  subtler: {
234
- value: 'G400'
378
+ '[default]': {
379
+ value: 'G400'
380
+ },
381
+ hovered: {
382
+ value: 'G300'
383
+ },
384
+ pressed: {
385
+ value: 'G200'
386
+ }
235
387
  },
236
388
  subtle: {
237
- value: 'G300'
389
+ '[default]': {
390
+ value: 'G300'
391
+ },
392
+ hovered: {
393
+ value: 'G400'
394
+ },
395
+ pressed: {
396
+ value: 'G500'
397
+ }
238
398
  },
239
399
  bolder: {
240
- value: 'G100'
400
+ '[default]': {
401
+ value: 'G100'
402
+ },
403
+ hovered: {
404
+ value: 'G75'
405
+ },
406
+ pressed: {
407
+ value: 'G50'
408
+ }
241
409
  }
242
410
  },
243
411
  purple: {
244
412
  subtlest: {
245
- value: 'P500'
413
+ '[default]': {
414
+ value: 'P500'
415
+ },
416
+ hovered: {
417
+ value: 'P400'
418
+ },
419
+ pressed: {
420
+ value: 'P300'
421
+ }
246
422
  },
247
423
  subtler: {
248
- value: 'P400'
424
+ '[default]': {
425
+ value: 'P400'
426
+ },
427
+ hovered: {
428
+ value: 'P300'
429
+ },
430
+ pressed: {
431
+ value: 'P200'
432
+ }
249
433
  },
250
434
  subtle: {
251
- value: 'P300'
435
+ '[default]': {
436
+ value: 'P300'
437
+ },
438
+ hovered: {
439
+ value: 'P400'
440
+ },
441
+ pressed: {
442
+ value: 'P500'
443
+ }
252
444
  },
253
445
  bolder: {
254
- value: 'P100'
446
+ '[default]': {
447
+ value: 'P100'
448
+ },
449
+ hovered: {
450
+ value: 'P75'
451
+ },
452
+ pressed: {
453
+ value: 'P50'
454
+ }
255
455
  }
256
456
  },
257
457
  teal: {
258
458
  subtlest: {
259
- value: 'T500'
459
+ '[default]': {
460
+ value: 'T500'
461
+ },
462
+ hovered: {
463
+ value: 'T400'
464
+ },
465
+ pressed: {
466
+ value: 'T300'
467
+ }
260
468
  },
261
469
  subtler: {
262
- value: 'T400'
470
+ '[default]': {
471
+ value: 'T400'
472
+ },
473
+ hovered: {
474
+ value: 'T300'
475
+ },
476
+ pressed: {
477
+ value: 'T200'
478
+ }
263
479
  },
264
480
  subtle: {
265
- value: 'T300'
481
+ '[default]': {
482
+ value: 'T300'
483
+ },
484
+ hovered: {
485
+ value: 'T400'
486
+ },
487
+ pressed: {
488
+ value: 'T500'
489
+ }
266
490
  },
267
491
  bolder: {
268
- value: 'T100'
492
+ '[default]': {
493
+ value: 'T100'
494
+ },
495
+ hovered: {
496
+ value: 'T75'
497
+ },
498
+ pressed: {
499
+ value: 'T50'
500
+ }
269
501
  }
270
502
  },
271
503
  magenta: {
272
- // @ts-expect-error
273
504
  subtlest: {
274
- value: '#341829'
505
+ // @ts-expect-error
506
+ '[default]': {
507
+ value: '#341829'
508
+ },
509
+ hovered: {
510
+ // @ts-expect-error
511
+ value: '#50253F'
512
+ },
513
+ pressed: {
514
+ // @ts-expect-error
515
+ value: '#943D73'
516
+ }
275
517
  },
276
- // @ts-expect-error
277
518
  subtler: {
278
- value: '#50253F'
519
+ // @ts-expect-error
520
+ '[default]': {
521
+ value: '#50253F'
522
+ },
523
+ hovered: {
524
+ // @ts-expect-error
525
+ value: '#943D73'
526
+ },
527
+ pressed: {
528
+ // @ts-expect-error
529
+ value: '#AE4787'
530
+ }
279
531
  },
280
- // @ts-expect-error
281
532
  subtle: {
282
- value: '#943D73'
533
+ // @ts-expect-error
534
+ '[default]': {
535
+ value: '#943D73'
536
+ },
537
+ hovered: {
538
+ // @ts-expect-error
539
+ value: '#50253F'
540
+ },
541
+ pressed: {
542
+ // @ts-expect-error
543
+ value: '#421F34'
544
+ }
283
545
  },
284
- // @ts-expect-error
285
546
  bolder: {
286
- value: '#E774BB'
547
+ // @ts-expect-error
548
+ '[default]': {
549
+ value: '#E774BB'
550
+ },
551
+ hovered: {
552
+ // @ts-expect-error
553
+ value: '#F797D2'
554
+ },
555
+ pressed: {
556
+ // @ts-expect-error
557
+ value: '#FDD0EC'
558
+ }
287
559
  }
288
560
  },
289
561
  lime: {
290
- // @ts-expect-error
291
562
  subtlest: {
292
- value: '#EEFBDA'
563
+ // @ts-expect-error
564
+ '[default]': {
565
+ value: '#2A3818'
566
+ },
567
+ hovered: {
568
+ // @ts-expect-error
569
+ value: '#37471F'
570
+ },
571
+ pressed: {
572
+ // @ts-expect-error
573
+ value: '#4C6B1F'
574
+ }
293
575
  },
294
- // @ts-expect-error
295
576
  subtler: {
296
- value: '#D3F1A7'
577
+ // @ts-expect-error
578
+ '[default]': {
579
+ value: '#37471F'
580
+ },
581
+ hovered: {
582
+ // @ts-expect-error
583
+ value: '#4C6B1F'
584
+ },
585
+ pressed: {
586
+ // @ts-expect-error
587
+ value: '#5B7F24'
588
+ }
297
589
  },
298
- // @ts-expect-error
299
590
  subtle: {
300
- value: '#94C748'
591
+ // @ts-expect-error
592
+ '[default]': {
593
+ value: '#4C6B1F'
594
+ },
595
+ hovered: {
596
+ // @ts-expect-error
597
+ value: '#37471F'
598
+ },
599
+ pressed: {
600
+ // @ts-expect-error
601
+ value: '#2A3818'
602
+ }
301
603
  },
302
- // @ts-expect-error
303
604
  bolder: {
304
- value: '#5B7F24'
605
+ // @ts-expect-error
606
+ '[default]': {
607
+ value: '#94C748'
608
+ },
609
+ hovered: {
610
+ // @ts-expect-error
611
+ value: '#B3DF72'
612
+ },
613
+ pressed: {
614
+ // @ts-expect-error
615
+ value: '#D3F1A7'
616
+ }
305
617
  }
306
618
  },
307
619
  gray: {
308
620
  subtlest: {
309
- value: 'DN300'
621
+ '[default]': {
622
+ value: 'DN300'
623
+ },
624
+ hovered: {
625
+ value: 'DN400'
626
+ },
627
+ pressed: {
628
+ value: 'DN500'
629
+ }
310
630
  },
311
631
  subtler: {
312
- value: 'DN400'
632
+ '[default]': {
633
+ value: 'DN400'
634
+ },
635
+ hovered: {
636
+ value: 'DN300'
637
+ },
638
+ pressed: {
639
+ value: 'DN200'
640
+ }
313
641
  },
314
642
  subtle: {
315
- value: 'DN500'
643
+ '[default]': {
644
+ value: 'DN500'
645
+ },
646
+ hovered: {
647
+ value: 'DN600'
648
+ },
649
+ pressed: {
650
+ value: 'DN700'
651
+ }
316
652
  },
317
653
  bolder: {
318
- value: 'DN700'
654
+ '[default]': {
655
+ value: 'DN700'
656
+ },
657
+ hovered: {
658
+ value: 'DN600'
659
+ },
660
+ pressed: {
661
+ value: 'DN500'
662
+ }
319
663
  }
320
664
  }
321
665
  }