@atlaskit/tokens 1.7.0 → 1.8.1

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 (127) 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 +1 -1
  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 +1 -1
  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 +1 -1
  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/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  99. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  100. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  101. package/dist/types/types.d.ts +27 -1
  102. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  103. package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
  104. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  105. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  106. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  107. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  108. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +15 -1
  109. package/dist/types-ts4.5/artifacts/token-names.d.ts +29 -1
  110. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  111. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  112. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  113. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  114. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  115. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  116. package/dist/types-ts4.5/palettes/palette.d.ts +1 -1
  117. package/dist/types-ts4.5/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  118. package/dist/types-ts4.5/tokens/atlassian-light/utility/utility.d.ts +1 -1
  119. package/dist/types-ts4.5/tokens/default/utility/utility.d.ts +1 -1
  120. package/dist/types-ts4.5/types.d.ts +27 -1
  121. package/figma/atlassian-dark.json +126 -0
  122. package/figma/atlassian-legacy-dark.json +126 -0
  123. package/figma/atlassian-legacy-light.json +126 -0
  124. package/figma/atlassian-light.json +126 -0
  125. package/package.json +2 -2
  126. package/report.api.md +56 -0
  127. package/tmp/api-report-tmp.d.ts +30 -2
@@ -70,6 +70,16 @@ const color = {
70
70
  value: '#DA62AC'
71
71
  }
72
72
  },
73
+ lime: {
74
+ // @ts-expect-error
75
+ '[default]': {
76
+ value: '#4C6B1F'
77
+ },
78
+ // @ts-expect-error
79
+ bolder: {
80
+ value: '#37471F'
81
+ }
82
+ },
73
83
  gray: {
74
84
  '[default]': {
75
85
  value: 'N400'
@@ -108,6 +118,10 @@ const color = {
108
118
  magenta: {
109
119
  value: '#CD519D'
110
120
  },
121
+ // @ts-expect-error
122
+ lime: {
123
+ value: '#6A9A23'
124
+ },
111
125
  gray: {
112
126
  value: 'N300'
113
127
  }
@@ -141,6 +155,10 @@ const color = {
141
155
  magenta: {
142
156
  value: '#CD519D'
143
157
  },
158
+ // @ts-expect-error
159
+ lime: {
160
+ value: '#6A9A23'
161
+ },
144
162
  gray: {
145
163
  value: 'N300'
146
164
  }
@@ -268,6 +286,24 @@ const color = {
268
286
  value: '#E774BB'
269
287
  }
270
288
  },
289
+ lime: {
290
+ // @ts-expect-error
291
+ subtlest: {
292
+ value: '#EEFBDA'
293
+ },
294
+ // @ts-expect-error
295
+ subtler: {
296
+ value: '#D3F1A7'
297
+ },
298
+ // @ts-expect-error
299
+ subtle: {
300
+ value: '#94C748'
301
+ },
302
+ // @ts-expect-error
303
+ bolder: {
304
+ value: '#5B7F24'
305
+ }
306
+ },
271
307
  gray: {
272
308
  subtlest: {
273
309
  value: 'N200'
@@ -401,6 +401,38 @@ const color = {
401
401
  }
402
402
  }
403
403
  },
404
+ lime: {
405
+ bold: {
406
+ '[default]': {
407
+ // @ts-expect-error
408
+ value: '#6A9A23'
409
+ },
410
+ hovered: {
411
+ // @ts-expect-error
412
+ value: '#5B7F24'
413
+ }
414
+ },
415
+ bolder: {
416
+ '[default]': {
417
+ // @ts-expect-error
418
+ value: '#5B7F24'
419
+ },
420
+ hovered: {
421
+ // @ts-expect-error
422
+ value: '#4C6B1F'
423
+ }
424
+ },
425
+ boldest: {
426
+ '[default]': {
427
+ // @ts-expect-error
428
+ value: '#4C6B1F'
429
+ },
430
+ hovered: {
431
+ // @ts-expect-error
432
+ value: '#37471F'
433
+ }
434
+ }
435
+ },
404
436
  gray: {
405
437
  bold: {
406
438
  '[default]': {
@@ -66,6 +66,14 @@ const color = {
66
66
  value: 'Magenta900'
67
67
  }
68
68
  },
69
+ lime: {
70
+ '[default]': {
71
+ value: 'Lime800'
72
+ },
73
+ bolder: {
74
+ value: 'Lime900'
75
+ }
76
+ },
69
77
  gray: {
70
78
  '[default]': {
71
79
  value: 'Neutral800'
@@ -102,6 +110,9 @@ const color = {
102
110
  magenta: {
103
111
  value: 'Magenta600'
104
112
  },
113
+ lime: {
114
+ value: 'Lime600'
115
+ },
105
116
  gray: {
106
117
  value: 'Neutral600'
107
118
  }
@@ -133,6 +144,9 @@ const color = {
133
144
  magenta: {
134
145
  value: 'Magenta600'
135
146
  },
147
+ lime: {
148
+ value: 'Lime600'
149
+ },
136
150
  gray: {
137
151
  value: 'Neutral600'
138
152
  }
@@ -252,6 +266,20 @@ const color = {
252
266
  value: 'Magenta700'
253
267
  }
254
268
  },
269
+ lime: {
270
+ subtlest: {
271
+ value: 'Lime100'
272
+ },
273
+ subtler: {
274
+ value: 'Lime200'
275
+ },
276
+ subtle: {
277
+ value: 'Lime400'
278
+ },
279
+ bolder: {
280
+ value: 'Lime700'
281
+ }
282
+ },
255
283
  gray: {
256
284
  subtlest: {
257
285
  value: 'Neutral200'
@@ -381,6 +381,32 @@ const color = {
381
381
  }
382
382
  }
383
383
  },
384
+ lime: {
385
+ bold: {
386
+ '[default]': {
387
+ value: 'Lime600'
388
+ },
389
+ hovered: {
390
+ value: 'Lime700'
391
+ }
392
+ },
393
+ bolder: {
394
+ '[default]': {
395
+ value: 'Lime700'
396
+ },
397
+ hovered: {
398
+ value: 'Lime800'
399
+ }
400
+ },
401
+ boldest: {
402
+ '[default]': {
403
+ value: 'Lime800'
404
+ },
405
+ hovered: {
406
+ value: 'Lime900'
407
+ }
408
+ }
409
+ },
384
410
  gray: {
385
411
  bold: {
386
412
  '[default]': {
@@ -146,6 +146,24 @@ const color = {
146
146
  }
147
147
  }
148
148
  },
149
+ lime: {
150
+ '[default]': {
151
+ attributes: {
152
+ group: 'paint',
153
+ state: 'active',
154
+ introduced: '1.6.0',
155
+ description: 'Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color.'
156
+ }
157
+ },
158
+ bolder: {
159
+ attributes: {
160
+ group: 'paint',
161
+ state: 'active',
162
+ introduced: '0.7.0',
163
+ description: 'Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color.'
164
+ }
165
+ }
166
+ },
149
167
  gray: {
150
168
  '[default]': {
151
169
  attributes: {
@@ -232,6 +250,14 @@ const color = {
232
250
  description: 'Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
233
251
  }
234
252
  },
253
+ lime: {
254
+ attributes: {
255
+ group: 'paint',
256
+ state: 'active',
257
+ introduced: '1.6.0',
258
+ description: 'Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
259
+ }
260
+ },
235
261
  gray: {
236
262
  attributes: {
237
263
  group: 'paint',
@@ -300,6 +326,14 @@ const color = {
300
326
  description: 'Use for teal borders on non-bold backgrounds when there is no meaning tied to the color.'
301
327
  }
302
328
  },
329
+ lime: {
330
+ attributes: {
331
+ group: 'paint',
332
+ state: 'active',
333
+ introduced: '1.6.0',
334
+ description: 'Use for lime borders on non-bold backgrounds when there is no meaning tied to the color.'
335
+ }
336
+ },
303
337
  magenta: {
304
338
  attributes: {
305
339
  group: 'paint',
@@ -592,6 +626,40 @@ const color = {
592
626
  }
593
627
  }
594
628
  },
629
+ lime: {
630
+ subtlest: {
631
+ attributes: {
632
+ group: 'paint',
633
+ state: 'active',
634
+ introduced: '1.6.0',
635
+ description: 'Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
636
+ }
637
+ },
638
+ subtler: {
639
+ attributes: {
640
+ group: 'paint',
641
+ state: 'active',
642
+ introduced: '1.6.0',
643
+ description: 'Use for for backgrounds when there is no meaning tied to the color, such as colored tags.'
644
+ }
645
+ },
646
+ subtle: {
647
+ attributes: {
648
+ group: 'paint',
649
+ state: 'active',
650
+ introduced: '1.6.0',
651
+ description: 'Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags.'
652
+ }
653
+ },
654
+ bolder: {
655
+ attributes: {
656
+ group: 'paint',
657
+ state: 'active',
658
+ introduced: '1.6.0',
659
+ 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.'
660
+ }
661
+ }
662
+ },
595
663
  gray: {
596
664
  subtlest: {
597
665
  attributes: {
@@ -821,6 +821,62 @@ const color = {
821
821
  }
822
822
  }
823
823
  },
824
+ lime: {
825
+ bold: {
826
+ '[default]': {
827
+ attributes: {
828
+ group: 'paint',
829
+ state: 'active',
830
+ introduced: '0.13.3',
831
+ description: 'For data visualisation only.'
832
+ }
833
+ },
834
+ hovered: {
835
+ attributes: {
836
+ group: 'paint',
837
+ state: 'active',
838
+ introduced: '0.13.3',
839
+ description: 'Hovered state of color.chart.lime.bold.'
840
+ }
841
+ }
842
+ },
843
+ bolder: {
844
+ '[default]': {
845
+ attributes: {
846
+ group: 'paint',
847
+ state: 'active',
848
+ introduced: '0.13.3',
849
+ description: 'For data visualisation only.'
850
+ }
851
+ },
852
+ hovered: {
853
+ attributes: {
854
+ group: 'paint',
855
+ state: 'active',
856
+ introduced: '0.13.3',
857
+ description: 'Hovered state of color.chart.lime.bolder.'
858
+ }
859
+ }
860
+ },
861
+ boldest: {
862
+ '[default]': {
863
+ attributes: {
864
+ group: 'paint',
865
+ state: 'active',
866
+ introduced: '0.13.3',
867
+ description: 'For data visualisation only.'
868
+ }
869
+ },
870
+ hovered: {
871
+ attributes: {
872
+ group: 'paint',
873
+ state: 'active',
874
+ introduced: '0.13.3',
875
+ description: 'Hovered state of color.chart.lime.boldest.'
876
+ }
877
+ }
878
+ }
879
+ },
824
880
  gray: {
825
881
  bold: {
826
882
  '[default]': {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.7.0",
3
+ "version": "1.8.1",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]