@atlaskit/tokens 0.6.1 → 0.7.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 (95) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/css/atlassian-dark.css +55 -8
  3. package/css/atlassian-light.css +54 -7
  4. package/dist/cjs/artifacts/rename-mapping.js +100 -32
  5. package/dist/cjs/artifacts/token-default-values.js +54 -7
  6. package/dist/cjs/artifacts/token-names.js +54 -7
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1151 -224
  9. package/dist/cjs/figma/synchronize-figma-tokens.js +34 -9
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/tokens/atlassian-dark/color/accent.js +120 -32
  12. package/dist/cjs/tokens/atlassian-dark/color/background.js +16 -3
  13. package/dist/cjs/tokens/atlassian-dark/color/border.js +3 -0
  14. package/dist/cjs/tokens/atlassian-dark/color/icon.js +3 -0
  15. package/dist/cjs/tokens/atlassian-dark/color/text.js +3 -0
  16. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  17. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +1 -1
  18. package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
  19. package/dist/cjs/tokens/atlassian-light/color/background.js +13 -0
  20. package/dist/cjs/tokens/atlassian-light/color/border.js +3 -0
  21. package/dist/cjs/tokens/atlassian-light/color/icon.js +3 -0
  22. package/dist/cjs/tokens/atlassian-light/color/text.js +3 -0
  23. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  24. package/dist/cjs/tokens/default/color/accent.js +234 -50
  25. package/dist/cjs/tokens/default/color/background.js +30 -5
  26. package/dist/cjs/tokens/default/color/border.js +7 -0
  27. package/dist/cjs/tokens/default/color/icon.js +7 -0
  28. package/dist/cjs/tokens/default/color/text.js +7 -0
  29. package/dist/cjs/tokens/default/deprecated/deprecated.js +192 -34
  30. package/dist/cjs/tokens/palette.js +6 -0
  31. package/dist/cjs/version.json +1 -1
  32. package/dist/es2019/artifacts/rename-mapping.js +100 -32
  33. package/dist/es2019/artifacts/token-default-values.js +54 -7
  34. package/dist/es2019/artifacts/token-names.js +54 -7
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1151 -224
  37. package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
  38. package/dist/es2019/get-token.js +1 -1
  39. package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
  40. package/dist/es2019/tokens/atlassian-dark/color/background.js +16 -3
  41. package/dist/es2019/tokens/atlassian-dark/color/border.js +3 -0
  42. package/dist/es2019/tokens/atlassian-dark/color/icon.js +3 -0
  43. package/dist/es2019/tokens/atlassian-dark/color/text.js +3 -0
  44. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  45. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +1 -1
  46. package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
  47. package/dist/es2019/tokens/atlassian-light/color/background.js +13 -0
  48. package/dist/es2019/tokens/atlassian-light/color/border.js +3 -0
  49. package/dist/es2019/tokens/atlassian-light/color/icon.js +3 -0
  50. package/dist/es2019/tokens/atlassian-light/color/text.js +3 -0
  51. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  52. package/dist/es2019/tokens/default/color/accent.js +234 -50
  53. package/dist/es2019/tokens/default/color/background.js +30 -5
  54. package/dist/es2019/tokens/default/color/border.js +7 -0
  55. package/dist/es2019/tokens/default/color/icon.js +7 -0
  56. package/dist/es2019/tokens/default/color/text.js +7 -0
  57. package/dist/es2019/tokens/default/deprecated/deprecated.js +192 -34
  58. package/dist/es2019/tokens/palette.js +6 -0
  59. package/dist/es2019/version.json +1 -1
  60. package/dist/esm/artifacts/rename-mapping.js +100 -32
  61. package/dist/esm/artifacts/token-default-values.js +54 -7
  62. package/dist/esm/artifacts/token-names.js +54 -7
  63. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  64. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1151 -224
  65. package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
  66. package/dist/esm/get-token.js +1 -1
  67. package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
  68. package/dist/esm/tokens/atlassian-dark/color/background.js +16 -3
  69. package/dist/esm/tokens/atlassian-dark/color/border.js +3 -0
  70. package/dist/esm/tokens/atlassian-dark/color/icon.js +3 -0
  71. package/dist/esm/tokens/atlassian-dark/color/text.js +3 -0
  72. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  73. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +1 -1
  74. package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
  75. package/dist/esm/tokens/atlassian-light/color/background.js +13 -0
  76. package/dist/esm/tokens/atlassian-light/color/border.js +3 -0
  77. package/dist/esm/tokens/atlassian-light/color/icon.js +3 -0
  78. package/dist/esm/tokens/atlassian-light/color/text.js +3 -0
  79. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  80. package/dist/esm/tokens/default/color/accent.js +234 -50
  81. package/dist/esm/tokens/default/color/background.js +30 -5
  82. package/dist/esm/tokens/default/color/border.js +7 -0
  83. package/dist/esm/tokens/default/color/icon.js +7 -0
  84. package/dist/esm/tokens/default/color/text.js +7 -0
  85. package/dist/esm/tokens/default/deprecated/deprecated.js +192 -34
  86. package/dist/esm/tokens/palette.js +6 -0
  87. package/dist/esm/version.json +1 -1
  88. package/dist/types/artifacts/token-default-values.d.ts +54 -7
  89. package/dist/types/artifacts/token-names.d.ts +108 -14
  90. package/dist/types/artifacts/types-internal.d.ts +1 -1
  91. package/dist/types/artifacts/types.d.ts +1 -1
  92. package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
  93. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  94. package/dist/types/types.d.ts +116 -26
  95. package/package.json +2 -4
package/dist/types/types.d.ts CHANGED
@@ -146,6 +146,7 @@ export interface PaletteColorTokenSchema {
146
146
  M800: PaletteToken;
147
147
  M900: PaletteToken;
148
148
  M1000: PaletteToken;
149
+ 'DN-100': PaletteToken;
149
150
  'DN-100A': PaletteToken;
150
151
  DN0: PaletteToken;
151
152
  DN100: PaletteToken;
@@ -213,6 +214,13 @@ export interface BackgroundColorTokenSchema {
213
214
  };
214
215
  };
215
216
  brand: {
217
+ bold: {
218
+ '[default]': PaintToken;
219
+ hovered: PaintToken;
220
+ pressed: PaintToken;
221
+ };
222
+ };
223
+ selected: {
216
224
  '[default]': {
217
225
  '[default]': PaintToken;
218
226
  hovered: PaintToken;
@@ -295,6 +303,7 @@ export interface BorderColorTokenSchema {
295
303
  input: PaintToken;
296
304
  disabled: PaintToken;
297
305
  brand: PaintToken;
306
+ selected: PaintToken;
298
307
  danger: PaintToken;
299
308
  warning: PaintToken;
300
309
  success: PaintToken;
@@ -311,6 +320,7 @@ export interface IconColorTokenSchema {
311
320
  inverse: PaintToken;
312
321
  disabled: PaintToken;
313
322
  brand: PaintToken;
323
+ selected: PaintToken;
314
324
  danger: PaintToken;
315
325
  warning: {
316
326
  '[default]': PaintToken;
@@ -330,6 +340,7 @@ export interface TextColorTokenSchema {
330
340
  subtlest: PaintToken;
331
341
  inverse: PaintToken;
332
342
  brand: PaintToken;
343
+ selected: PaintToken;
333
344
  danger: PaintToken;
334
345
  warning: {
335
346
  '[default]': PaintToken;
@@ -350,14 +361,38 @@ export interface AccentColorTokenSchema {
350
361
  color: {
351
362
  text: {
352
363
  accent: {
353
- blue: PaintToken;
354
- red: PaintToken;
355
- orange: PaintToken;
356
- yellow: PaintToken;
357
- green: PaintToken;
358
- purple: PaintToken;
359
- teal: PaintToken;
360
- magenta: PaintToken;
364
+ blue: {
365
+ '[default]': PaintToken;
366
+ bolder: PaintToken;
367
+ };
368
+ red: {
369
+ '[default]': PaintToken;
370
+ bolder: PaintToken;
371
+ };
372
+ orange: {
373
+ '[default]': PaintToken;
374
+ bolder: PaintToken;
375
+ };
376
+ yellow: {
377
+ '[default]': PaintToken;
378
+ bolder: PaintToken;
379
+ };
380
+ green: {
381
+ '[default]': PaintToken;
382
+ bolder: PaintToken;
383
+ };
384
+ purple: {
385
+ '[default]': PaintToken;
386
+ bolder: PaintToken;
387
+ };
388
+ teal: {
389
+ '[default]': PaintToken;
390
+ bolder: PaintToken;
391
+ };
392
+ magenta: {
393
+ '[default]': PaintToken;
394
+ bolder: PaintToken;
395
+ };
361
396
  };
362
397
  };
363
398
  icon: {
@@ -387,36 +422,52 @@ export interface AccentColorTokenSchema {
387
422
  background: {
388
423
  accent: {
389
424
  blue: {
390
- '[default]': PaintToken;
391
- bold: PaintToken;
425
+ subtlest: PaintToken;
426
+ subtler: PaintToken;
427
+ subtle: PaintToken;
428
+ bolder: PaintToken;
392
429
  };
393
430
  red: {
394
- '[default]': PaintToken;
395
- bold: PaintToken;
431
+ subtlest: PaintToken;
432
+ subtler: PaintToken;
433
+ subtle: PaintToken;
434
+ bolder: PaintToken;
396
435
  };
397
436
  orange: {
398
- '[default]': PaintToken;
399
- bold: PaintToken;
437
+ subtlest: PaintToken;
438
+ subtler: PaintToken;
439
+ subtle: PaintToken;
440
+ bolder: PaintToken;
400
441
  };
401
442
  yellow: {
402
- '[default]': PaintToken;
403
- bold: PaintToken;
443
+ subtlest: PaintToken;
444
+ subtler: PaintToken;
445
+ subtle: PaintToken;
446
+ bolder: PaintToken;
404
447
  };
405
448
  green: {
406
- '[default]': PaintToken;
407
- bold: PaintToken;
449
+ subtlest: PaintToken;
450
+ subtler: PaintToken;
451
+ subtle: PaintToken;
452
+ bolder: PaintToken;
408
453
  };
409
454
  teal: {
410
- '[default]': PaintToken;
411
- bold: PaintToken;
455
+ subtlest: PaintToken;
456
+ subtler: PaintToken;
457
+ subtle: PaintToken;
458
+ bolder: PaintToken;
412
459
  };
413
460
  purple: {
414
- '[default]': PaintToken;
415
- bold: PaintToken;
461
+ subtlest: PaintToken;
462
+ subtler: PaintToken;
463
+ subtle: PaintToken;
464
+ bolder: PaintToken;
416
465
  };
417
466
  magenta: {
418
- '[default]': PaintToken;
419
- bold: PaintToken;
467
+ subtlest: PaintToken;
468
+ subtler: PaintToken;
469
+ subtle: PaintToken;
470
+ bolder: PaintToken;
420
471
  };
421
472
  };
422
473
  };
@@ -476,6 +527,40 @@ export interface DeprecatedTokenSchema {
476
527
  subtleMagenta: PaintToken;
477
528
  };
478
529
  background: {
530
+ accent: {
531
+ blue: {
532
+ '[default]': PaintToken;
533
+ bold: PaintToken;
534
+ };
535
+ red: {
536
+ '[default]': PaintToken;
537
+ bold: PaintToken;
538
+ };
539
+ orange: {
540
+ '[default]': PaintToken;
541
+ bold: PaintToken;
542
+ };
543
+ yellow: {
544
+ '[default]': PaintToken;
545
+ bold: PaintToken;
546
+ };
547
+ green: {
548
+ '[default]': PaintToken;
549
+ bold: PaintToken;
550
+ };
551
+ teal: {
552
+ '[default]': PaintToken;
553
+ bold: PaintToken;
554
+ };
555
+ purple: {
556
+ '[default]': PaintToken;
557
+ bold: PaintToken;
558
+ };
559
+ magenta: {
560
+ '[default]': PaintToken;
561
+ bold: PaintToken;
562
+ };
563
+ };
479
564
  default: PaintToken;
480
565
  sunken: PaintToken;
481
566
  card: PaintToken;
@@ -483,9 +568,15 @@ export interface DeprecatedTokenSchema {
483
568
  selected: {
484
569
  resting: PaintToken;
485
570
  hover: PaintToken;
486
- pressed: PaintToken;
487
571
  };
488
572
  blanket: PaintToken;
573
+ brand: {
574
+ '[default]': {
575
+ '[default]': PaintToken;
576
+ hovered: PaintToken;
577
+ pressed: PaintToken;
578
+ };
579
+ };
489
580
  boldBrand: {
490
581
  resting: PaintToken;
491
582
  hover: PaintToken;
@@ -567,7 +658,6 @@ export interface DeprecatedTokenSchema {
567
658
  discovery: PaintToken;
568
659
  };
569
660
  text: {
570
- selected: PaintToken;
571
661
  highEmphasis: PaintToken;
572
662
  mediumEmphasis: PaintToken;
573
663
  lowEmphasis: PaintToken;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.6.1",
3
+ "version": "0.7.0",
4
4
  "author": "Atlassian Pty Ltd",
5
5
  "description": "Tokens are a single source of truth to name and store Atlassian design decisions.",
6
6
  "license": "Apache-2.0",
@@ -67,9 +67,7 @@
67
67
  "design-system": "v1",
68
68
  "ui-components": "lite-mode",
69
69
  "deprecation": "no-deprecated-imports",
70
- "styling": [
71
- "emotion"
72
- ]
70
+ "styling": "emotion"
73
71
  }
74
72
  },
75
73
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"