@atlaskit/tokens 1.6.0 → 1.8.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 (129) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/cjs/artifacts/generated-pairs.js +313 -1
  3. package/dist/cjs/artifacts/palettes-raw/palette.js +171 -1
  4. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
  7. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  8. package/dist/cjs/artifacts/token-default-values.js +15 -1
  9. package/dist/cjs/artifacts/token-names.js +15 -1
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +309 -1
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +309 -1
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +309 -1
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +309 -1
  14. package/dist/cjs/get-token-value.js +1 -1
  15. package/dist/cjs/get-token.js +1 -1
  16. package/dist/cjs/palettes/palette.js +70 -0
  17. package/dist/cjs/set-global-theme.js +30 -6
  18. package/dist/cjs/tokens/atlassian-dark/color/accent.js +28 -0
  19. package/dist/cjs/tokens/atlassian-dark/color/chart.js +26 -0
  20. package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +36 -0
  21. package/dist/cjs/tokens/atlassian-legacy-dark/color/chart.js +32 -0
  22. package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +36 -0
  23. package/dist/cjs/tokens/atlassian-legacy-light/color/chart.js +32 -0
  24. package/dist/cjs/tokens/atlassian-light/color/accent.js +28 -0
  25. package/dist/cjs/tokens/atlassian-light/color/chart.js +26 -0
  26. package/dist/cjs/tokens/default/color/accent.js +68 -0
  27. package/dist/cjs/tokens/default/color/chart.js +56 -0
  28. package/dist/cjs/version.json +1 -1
  29. package/dist/es2019/artifacts/generated-pairs.js +313 -1
  30. package/dist/es2019/artifacts/palettes-raw/palette.js +171 -1
  31. package/dist/es2019/artifacts/themes/atlassian-dark.js +15 -1
  32. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +15 -1
  33. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +15 -1
  34. package/dist/es2019/artifacts/themes/atlassian-light.js +15 -1
  35. package/dist/es2019/artifacts/token-default-values.js +15 -1
  36. package/dist/es2019/artifacts/token-names.js +15 -1
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +309 -1
  38. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +309 -1
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +309 -1
  40. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +309 -1
  41. package/dist/es2019/get-token-value.js +1 -1
  42. package/dist/es2019/get-token.js +1 -1
  43. package/dist/es2019/palettes/palette.js +70 -0
  44. package/dist/es2019/set-global-theme.js +30 -6
  45. package/dist/es2019/tokens/atlassian-dark/color/accent.js +28 -0
  46. package/dist/es2019/tokens/atlassian-dark/color/chart.js +26 -0
  47. package/dist/es2019/tokens/atlassian-legacy-dark/color/accent.js +36 -0
  48. package/dist/es2019/tokens/atlassian-legacy-dark/color/chart.js +32 -0
  49. package/dist/es2019/tokens/atlassian-legacy-light/color/accent.js +36 -0
  50. package/dist/es2019/tokens/atlassian-legacy-light/color/chart.js +32 -0
  51. package/dist/es2019/tokens/atlassian-light/color/accent.js +28 -0
  52. package/dist/es2019/tokens/atlassian-light/color/chart.js +26 -0
  53. package/dist/es2019/tokens/default/color/accent.js +68 -0
  54. package/dist/es2019/tokens/default/color/chart.js +56 -0
  55. package/dist/es2019/version.json +1 -1
  56. package/dist/esm/artifacts/generated-pairs.js +313 -1
  57. package/dist/esm/artifacts/palettes-raw/palette.js +171 -1
  58. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  59. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  60. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  61. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  62. package/dist/esm/artifacts/token-default-values.js +15 -1
  63. package/dist/esm/artifacts/token-names.js +15 -1
  64. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +309 -1
  65. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +309 -1
  66. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +309 -1
  67. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +309 -1
  68. package/dist/esm/get-token-value.js +1 -1
  69. package/dist/esm/get-token.js +1 -1
  70. package/dist/esm/palettes/palette.js +70 -0
  71. package/dist/esm/set-global-theme.js +30 -6
  72. package/dist/esm/tokens/atlassian-dark/color/accent.js +28 -0
  73. package/dist/esm/tokens/atlassian-dark/color/chart.js +26 -0
  74. package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js +36 -0
  75. package/dist/esm/tokens/atlassian-legacy-dark/color/chart.js +32 -0
  76. package/dist/esm/tokens/atlassian-legacy-light/color/accent.js +36 -0
  77. package/dist/esm/tokens/atlassian-legacy-light/color/chart.js +32 -0
  78. package/dist/esm/tokens/atlassian-light/color/accent.js +28 -0
  79. package/dist/esm/tokens/atlassian-light/color/chart.js +26 -0
  80. package/dist/esm/tokens/default/color/accent.js +68 -0
  81. package/dist/esm/tokens/default/color/chart.js +56 -0
  82. package/dist/esm/version.json +1 -1
  83. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  84. package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
  85. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  86. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  87. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  88. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  89. package/dist/types/artifacts/token-default-values.d.ts +15 -1
  90. package/dist/types/artifacts/token-names.d.ts +29 -1
  91. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  92. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  93. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  94. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  95. package/dist/types/artifacts/types-internal.d.ts +2 -2
  96. package/dist/types/artifacts/types.d.ts +2 -2
  97. package/dist/types/palettes/palette.d.ts +1 -1
  98. package/dist/types/set-global-theme.d.ts +3 -1
  99. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  100. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  101. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  102. package/dist/types/types.d.ts +27 -1
  103. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  104. package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
  105. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  106. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  107. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  108. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  109. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +15 -1
  110. package/dist/types-ts4.5/artifacts/token-names.d.ts +29 -1
  111. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  112. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  113. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  114. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  115. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  116. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  117. package/dist/types-ts4.5/palettes/palette.d.ts +1 -1
  118. package/dist/types-ts4.5/set-global-theme.d.ts +3 -1
  119. package/dist/types-ts4.5/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  120. package/dist/types-ts4.5/tokens/atlassian-light/utility/utility.d.ts +1 -1
  121. package/dist/types-ts4.5/tokens/default/utility/utility.d.ts +1 -1
  122. package/dist/types-ts4.5/types.d.ts +27 -1
  123. package/figma/atlassian-dark.json +126 -0
  124. package/figma/atlassian-legacy-dark.json +126 -0
  125. package/figma/atlassian-legacy-light.json +126 -0
  126. package/figma/atlassian-light.json +126 -0
  127. package/package.json +5 -2
  128. package/report.api.md +57 -1
  129. package/tmp/api-report-tmp.d.ts +31 -3
@@ -76,6 +76,16 @@ var color = {
76
76
  value: '#FDD0EC'
77
77
  }
78
78
  },
79
+ lime: {
80
+ // @ts-expect-error
81
+ '[default]': {
82
+ value: '#4C6B1F'
83
+ },
84
+ // @ts-expect-error
85
+ bolder: {
86
+ value: '#37471F'
87
+ }
88
+ },
79
89
  gray: {
80
90
  '[default]': {
81
91
  value: 'DN300'
@@ -114,6 +124,10 @@ var color = {
114
124
  magenta: {
115
125
  value: '#DA62AC'
116
126
  },
127
+ // @ts-expect-error
128
+ lime: {
129
+ value: '#6A9A23'
130
+ },
117
131
  gray: {
118
132
  value: 'DN600'
119
133
  }
@@ -147,6 +161,10 @@ var color = {
147
161
  magenta: {
148
162
  value: '#DA62AC'
149
163
  },
164
+ // @ts-expect-error
165
+ lime: {
166
+ value: '#6A9A23'
167
+ },
150
168
  gray: {
151
169
  value: 'DN600'
152
170
  }
@@ -274,6 +292,24 @@ var color = {
274
292
  value: '#E774BB'
275
293
  }
276
294
  },
295
+ lime: {
296
+ // @ts-expect-error
297
+ subtlest: {
298
+ value: '#EEFBDA'
299
+ },
300
+ // @ts-expect-error
301
+ subtler: {
302
+ value: '#D3F1A7'
303
+ },
304
+ // @ts-expect-error
305
+ subtle: {
306
+ value: '#94C748'
307
+ },
308
+ // @ts-expect-error
309
+ bolder: {
310
+ value: '#5B7F24'
311
+ }
312
+ },
277
313
  gray: {
278
314
  subtlest: {
279
315
  value: 'DN300'
@@ -407,6 +407,38 @@ var color = {
407
407
  }
408
408
  }
409
409
  },
410
+ lime: {
411
+ bold: {
412
+ '[default]': {
413
+ // @ts-expect-error
414
+ value: '#6A9A23'
415
+ },
416
+ hovered: {
417
+ // @ts-expect-error
418
+ value: '#5B7F24'
419
+ }
420
+ },
421
+ bolder: {
422
+ '[default]': {
423
+ // @ts-expect-error
424
+ value: '#5B7F24'
425
+ },
426
+ hovered: {
427
+ // @ts-expect-error
428
+ value: '#4C6B1F'
429
+ }
430
+ },
431
+ boldest: {
432
+ '[default]': {
433
+ // @ts-expect-error
434
+ value: '#4C6B1F'
435
+ },
436
+ hovered: {
437
+ // @ts-expect-error
438
+ value: '#37471F'
439
+ }
440
+ }
441
+ },
410
442
  gray: {
411
443
  bold: {
412
444
  '[default]': {
@@ -76,6 +76,16 @@ var color = {
76
76
  value: '#DA62AC'
77
77
  }
78
78
  },
79
+ lime: {
80
+ // @ts-expect-error
81
+ '[default]': {
82
+ value: '#4C6B1F'
83
+ },
84
+ // @ts-expect-error
85
+ bolder: {
86
+ value: '#37471F'
87
+ }
88
+ },
79
89
  gray: {
80
90
  '[default]': {
81
91
  value: 'N400'
@@ -114,6 +124,10 @@ var color = {
114
124
  magenta: {
115
125
  value: '#CD519D'
116
126
  },
127
+ // @ts-expect-error
128
+ lime: {
129
+ value: '#6A9A23'
130
+ },
117
131
  gray: {
118
132
  value: 'N300'
119
133
  }
@@ -147,6 +161,10 @@ var color = {
147
161
  magenta: {
148
162
  value: '#CD519D'
149
163
  },
164
+ // @ts-expect-error
165
+ lime: {
166
+ value: '#6A9A23'
167
+ },
150
168
  gray: {
151
169
  value: 'N300'
152
170
  }
@@ -274,6 +292,24 @@ var color = {
274
292
  value: '#E774BB'
275
293
  }
276
294
  },
295
+ lime: {
296
+ // @ts-expect-error
297
+ subtlest: {
298
+ value: '#EEFBDA'
299
+ },
300
+ // @ts-expect-error
301
+ subtler: {
302
+ value: '#D3F1A7'
303
+ },
304
+ // @ts-expect-error
305
+ subtle: {
306
+ value: '#94C748'
307
+ },
308
+ // @ts-expect-error
309
+ bolder: {
310
+ value: '#5B7F24'
311
+ }
312
+ },
277
313
  gray: {
278
314
  subtlest: {
279
315
  value: 'N200'
@@ -407,6 +407,38 @@ var color = {
407
407
  }
408
408
  }
409
409
  },
410
+ lime: {
411
+ bold: {
412
+ '[default]': {
413
+ // @ts-expect-error
414
+ value: '#6A9A23'
415
+ },
416
+ hovered: {
417
+ // @ts-expect-error
418
+ value: '#5B7F24'
419
+ }
420
+ },
421
+ bolder: {
422
+ '[default]': {
423
+ // @ts-expect-error
424
+ value: '#5B7F24'
425
+ },
426
+ hovered: {
427
+ // @ts-expect-error
428
+ value: '#4C6B1F'
429
+ }
430
+ },
431
+ boldest: {
432
+ '[default]': {
433
+ // @ts-expect-error
434
+ value: '#4C6B1F'
435
+ },
436
+ hovered: {
437
+ // @ts-expect-error
438
+ value: '#37471F'
439
+ }
440
+ }
441
+ },
410
442
  gray: {
411
443
  bold: {
412
444
  '[default]': {
@@ -72,6 +72,14 @@ var color = {
72
72
  value: 'Magenta900'
73
73
  }
74
74
  },
75
+ lime: {
76
+ '[default]': {
77
+ value: 'Lime800'
78
+ },
79
+ bolder: {
80
+ value: 'Lime900'
81
+ }
82
+ },
75
83
  gray: {
76
84
  '[default]': {
77
85
  value: 'Neutral800'
@@ -108,6 +116,9 @@ var color = {
108
116
  magenta: {
109
117
  value: 'Magenta600'
110
118
  },
119
+ lime: {
120
+ value: 'Lime600'
121
+ },
111
122
  gray: {
112
123
  value: 'Neutral600'
113
124
  }
@@ -139,6 +150,9 @@ var color = {
139
150
  magenta: {
140
151
  value: 'Magenta600'
141
152
  },
153
+ lime: {
154
+ value: 'Lime600'
155
+ },
142
156
  gray: {
143
157
  value: 'Neutral600'
144
158
  }
@@ -258,6 +272,20 @@ var color = {
258
272
  value: 'Magenta700'
259
273
  }
260
274
  },
275
+ lime: {
276
+ subtlest: {
277
+ value: 'Lime100'
278
+ },
279
+ subtler: {
280
+ value: 'Lime200'
281
+ },
282
+ subtle: {
283
+ value: 'Lime400'
284
+ },
285
+ bolder: {
286
+ value: 'Lime700'
287
+ }
288
+ },
261
289
  gray: {
262
290
  subtlest: {
263
291
  value: 'Neutral200'
@@ -387,6 +387,32 @@ var color = {
387
387
  }
388
388
  }
389
389
  },
390
+ lime: {
391
+ bold: {
392
+ '[default]': {
393
+ value: 'Lime600'
394
+ },
395
+ hovered: {
396
+ value: 'Lime700'
397
+ }
398
+ },
399
+ bolder: {
400
+ '[default]': {
401
+ value: 'Lime700'
402
+ },
403
+ hovered: {
404
+ value: 'Lime800'
405
+ }
406
+ },
407
+ boldest: {
408
+ '[default]': {
409
+ value: 'Lime800'
410
+ },
411
+ hovered: {
412
+ value: 'Lime900'
413
+ }
414
+ }
415
+ },
390
416
  gray: {
391
417
  bold: {
392
418
  '[default]': {
@@ -152,6 +152,24 @@ var color = {
152
152
  }
153
153
  }
154
154
  },
155
+ lime: {
156
+ '[default]': {
157
+ attributes: {
158
+ group: 'paint',
159
+ state: 'active',
160
+ introduced: '1.6.0',
161
+ description: 'Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color.'
162
+ }
163
+ },
164
+ bolder: {
165
+ attributes: {
166
+ group: 'paint',
167
+ state: 'active',
168
+ introduced: '0.7.0',
169
+ description: 'Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color.'
170
+ }
171
+ }
172
+ },
155
173
  gray: {
156
174
  '[default]': {
157
175
  attributes: {
@@ -238,6 +256,14 @@ var color = {
238
256
  description: 'Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
239
257
  }
240
258
  },
259
+ lime: {
260
+ attributes: {
261
+ group: 'paint',
262
+ state: 'active',
263
+ introduced: '1.6.0',
264
+ description: 'Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
265
+ }
266
+ },
241
267
  gray: {
242
268
  attributes: {
243
269
  group: 'paint',
@@ -306,6 +332,14 @@ var color = {
306
332
  description: 'Use for teal borders on non-bold backgrounds when there is no meaning tied to the color.'
307
333
  }
308
334
  },
335
+ lime: {
336
+ attributes: {
337
+ group: 'paint',
338
+ state: 'active',
339
+ introduced: '1.6.0',
340
+ description: 'Use for lime borders on non-bold backgrounds when there is no meaning tied to the color.'
341
+ }
342
+ },
309
343
  magenta: {
310
344
  attributes: {
311
345
  group: 'paint',
@@ -598,6 +632,40 @@ var color = {
598
632
  }
599
633
  }
600
634
  },
635
+ lime: {
636
+ subtlest: {
637
+ attributes: {
638
+ group: 'paint',
639
+ state: 'active',
640
+ introduced: '1.6.0',
641
+ description: 'Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
642
+ }
643
+ },
644
+ subtler: {
645
+ attributes: {
646
+ group: 'paint',
647
+ state: 'active',
648
+ introduced: '1.6.0',
649
+ description: 'Use for for backgrounds when there is no meaning tied to the color, such as colored tags.'
650
+ }
651
+ },
652
+ subtle: {
653
+ attributes: {
654
+ group: 'paint',
655
+ state: 'active',
656
+ introduced: '1.6.0',
657
+ description: 'Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags.'
658
+ }
659
+ },
660
+ bolder: {
661
+ attributes: {
662
+ group: 'paint',
663
+ state: 'active',
664
+ introduced: '1.6.0',
665
+ description: 'Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
666
+ }
667
+ }
668
+ },
601
669
  gray: {
602
670
  subtlest: {
603
671
  attributes: {
@@ -827,6 +827,62 @@ var color = {
827
827
  }
828
828
  }
829
829
  },
830
+ lime: {
831
+ bold: {
832
+ '[default]': {
833
+ attributes: {
834
+ group: 'paint',
835
+ state: 'active',
836
+ introduced: '0.13.3',
837
+ description: 'For data visualisation only.'
838
+ }
839
+ },
840
+ hovered: {
841
+ attributes: {
842
+ group: 'paint',
843
+ state: 'active',
844
+ introduced: '0.13.3',
845
+ description: 'Hovered state of color.chart.lime.bold.'
846
+ }
847
+ }
848
+ },
849
+ bolder: {
850
+ '[default]': {
851
+ attributes: {
852
+ group: 'paint',
853
+ state: 'active',
854
+ introduced: '0.13.3',
855
+ description: 'For data visualisation only.'
856
+ }
857
+ },
858
+ hovered: {
859
+ attributes: {
860
+ group: 'paint',
861
+ state: 'active',
862
+ introduced: '0.13.3',
863
+ description: 'Hovered state of color.chart.lime.bolder.'
864
+ }
865
+ }
866
+ },
867
+ boldest: {
868
+ '[default]': {
869
+ attributes: {
870
+ group: 'paint',
871
+ state: 'active',
872
+ introduced: '0.13.3',
873
+ description: 'For data visualisation only.'
874
+ }
875
+ },
876
+ hovered: {
877
+ attributes: {
878
+ group: 'paint',
879
+ state: 'active',
880
+ introduced: '0.13.3',
881
+ description: 'Hovered state of color.chart.lime.boldest.'
882
+ }
883
+ }
884
+ }
885
+ },
830
886
  gray: {
831
887
  bold: {
832
888
  '[default]': {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.6.0",
3
+ "version": "1.8.0",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]