@atlaskit/tokens 8.2.0 → 8.4.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 (113) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  3. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  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-increased-contrast.js +2 -2
  8. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  9. package/dist/cjs/artifacts/token-default-values.js +21 -1
  10. package/dist/cjs/artifacts/token-names.js +21 -1
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +449 -9
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +449 -9
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +449 -9
  14. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +449 -9
  15. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +449 -9
  16. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +449 -9
  17. package/dist/cjs/enable-global-theme.js +1 -1
  18. package/dist/cjs/entry-points/token-metadata.codegen.js +105 -5
  19. package/dist/cjs/get-theme-html-attrs.js +1 -1
  20. package/dist/cjs/get-theme-styles.js +1 -1
  21. package/dist/cjs/set-global-theme.js +3 -2
  22. package/dist/cjs/theme-config.js +6 -1
  23. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  24. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +21 -1
  25. package/dist/es2019/artifacts/themes/atlassian-dark.js +21 -1
  26. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +21 -1
  27. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +21 -1
  28. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +21 -1
  29. package/dist/es2019/artifacts/themes/atlassian-light.js +21 -1
  30. package/dist/es2019/artifacts/token-default-values.js +21 -1
  31. package/dist/es2019/artifacts/token-names.js +21 -1
  32. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +449 -9
  33. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +449 -9
  34. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +449 -9
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +449 -9
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +449 -9
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +449 -9
  38. package/dist/es2019/enable-global-theme.js +1 -1
  39. package/dist/es2019/entry-points/token-metadata.codegen.js +105 -5
  40. package/dist/es2019/get-theme-html-attrs.js +1 -1
  41. package/dist/es2019/get-theme-styles.js +1 -1
  42. package/dist/es2019/set-global-theme.js +2 -1
  43. package/dist/es2019/theme-config.js +6 -1
  44. package/dist/esm/artifacts/generated-pairs.js +2 -2
  45. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  46. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  47. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  48. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  49. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  50. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  51. package/dist/esm/artifacts/token-default-values.js +21 -1
  52. package/dist/esm/artifacts/token-names.js +21 -1
  53. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +449 -9
  54. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +449 -9
  55. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +449 -9
  56. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +449 -9
  57. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +449 -9
  58. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +449 -9
  59. package/dist/esm/enable-global-theme.js +1 -1
  60. package/dist/esm/entry-points/token-metadata.codegen.js +105 -5
  61. package/dist/esm/get-theme-html-attrs.js +1 -1
  62. package/dist/esm/get-theme-styles.js +1 -1
  63. package/dist/esm/set-global-theme.js +3 -2
  64. package/dist/esm/theme-config.js +6 -1
  65. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  66. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  67. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  68. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  69. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  70. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  71. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  72. package/dist/types/artifacts/token-default-values.d.ts +21 -1
  73. package/dist/types/artifacts/token-names.d.ts +41 -1
  74. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  75. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  76. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  77. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  78. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  79. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  80. package/dist/types/artifacts/types-internal.d.ts +2 -2
  81. package/dist/types/artifacts/types.d.ts +2 -2
  82. package/dist/types/entry-points/css-type-schema.codegen.d.ts +5 -5
  83. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  84. package/dist/types/theme-config.d.ts +2 -1
  85. package/dist/types/types.d.ts +42 -4
  86. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  87. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  88. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  89. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  90. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  91. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  92. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  93. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +21 -1
  94. package/dist/types-ts4.5/artifacts/token-names.d.ts +41 -1
  95. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  96. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  97. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  98. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  99. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  100. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  101. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  102. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  103. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +5 -5
  104. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  105. package/dist/types-ts4.5/theme-config.d.ts +2 -1
  106. package/dist/types-ts4.5/types.d.ts +42 -4
  107. package/figma/atlassian-dark-increased-contrast.json +180 -0
  108. package/figma/atlassian-dark.json +180 -0
  109. package/figma/atlassian-legacy-dark.json +180 -0
  110. package/figma/atlassian-legacy-light.json +180 -0
  111. package/figma/atlassian-light-increased-contrast.json +180 -0
  112. package/figma/atlassian-light.json +180 -0
  113. package/package.json +6 -3
@@ -7,7 +7,7 @@
7
7
  * Token names mapped to their value in the default Atlassian themes ('light').
8
8
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
9
9
  *
10
- * @codegen <<SignedSource::7ecefbff90126ac89577f21a766e8181>>
10
+ * @codegen <<SignedSource::749aeca73ed1fdc5f662a020f301e63b>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  var defaultTokenValues = {
@@ -37,11 +37,16 @@ var defaultTokenValues = {
37
37
  'color.text.selected': '#1868DB',
38
38
  'color.text.brand': '#1868DB',
39
39
  'color.text.danger': '#AE2E24',
40
+ 'color.text.danger.bolder': '#5D1F1A',
40
41
  'color.text.warning': '#9E4C00',
41
42
  'color.text.warning.inverse': '#292A2E',
43
+ 'color.text.warning.bolder': '#693200',
42
44
  'color.text.success': '#4C6B1F',
45
+ 'color.text.success.bolder': '#37471F',
43
46
  'color.text.discovery': '#803FA5',
47
+ 'color.text.discovery.bolder': '#48245D',
44
48
  'color.text.information': '#1558BC',
49
+ 'color.text.information.bolder': '#123263',
45
50
  'color.text.subtlest': '#6B6E76',
46
51
  'color.text.subtle': '#505258',
47
52
  'color.link': '#1868DB',
@@ -248,30 +253,45 @@ var defaultTokenValues = {
248
253
  'color.background.danger': '#FFECEB',
249
254
  'color.background.danger.hovered': '#FFD5D2',
250
255
  'color.background.danger.pressed': '#FFB8B2',
256
+ 'color.background.danger.subtler': '#FFD5D2',
257
+ 'color.background.danger.subtler.hovered': '#FFB8B2',
258
+ 'color.background.danger.subtler.pressed': '#FD9891',
251
259
  'color.background.danger.bold': '#C9372C',
252
260
  'color.background.danger.bold.hovered': '#AE2E24',
253
261
  'color.background.danger.bold.pressed': '#872821',
254
262
  'color.background.warning': '#FFF5DB',
255
263
  'color.background.warning.hovered': '#FCE4A6',
256
264
  'color.background.warning.pressed': '#FBD779',
265
+ 'color.background.warning.subtler': '#FCE4A6',
266
+ 'color.background.warning.subtler.hovered': '#FBD779',
267
+ 'color.background.warning.subtler.pressed': '#FBC828',
257
268
  'color.background.warning.bold': '#FBC828',
258
269
  'color.background.warning.bold.hovered': '#FCA700',
259
270
  'color.background.warning.bold.pressed': '#F68909',
260
271
  'color.background.success': '#EFFFD6',
261
272
  'color.background.success.hovered': '#D3F1A7',
262
273
  'color.background.success.pressed': '#BDE97C',
274
+ 'color.background.success.subtler': '#D3F1A7',
275
+ 'color.background.success.subtler.hovered': '#BDE97C',
276
+ 'color.background.success.subtler.pressed': '#B3DF72',
263
277
  'color.background.success.bold': '#5B7F24',
264
278
  'color.background.success.bold.hovered': '#4C6B1F',
265
279
  'color.background.success.bold.pressed': '#3F5224',
266
280
  'color.background.discovery': '#F8EEFE',
267
281
  'color.background.discovery.hovered': '#EED7FC',
268
282
  'color.background.discovery.pressed': '#E3BDFA',
283
+ 'color.background.discovery.subtler': '#EED7FC',
284
+ 'color.background.discovery.subtler.hovered': '#E3BDFA',
285
+ 'color.background.discovery.subtler.pressed': '#D8A0F7',
269
286
  'color.background.discovery.bold': '#964AC0',
270
287
  'color.background.discovery.bold.hovered': '#803FA5',
271
288
  'color.background.discovery.bold.pressed': '#673286',
272
289
  'color.background.information': '#E9F2FE',
273
290
  'color.background.information.hovered': '#CFE1FD',
274
291
  'color.background.information.pressed': '#ADCBFB',
292
+ 'color.background.information.subtler': '#CFE1FD',
293
+ 'color.background.information.subtler.hovered': '#ADCBFB',
294
+ 'color.background.information.subtler.pressed': '#8FB8F6',
275
295
  'color.background.information.bold': '#1868DB',
276
296
  'color.background.information.bold.hovered': '#1558BC',
277
297
  'color.background.information.bold.pressed': '#144794',
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::2ced0280eb32f0b8ff5dca7b8912fe30>>
3
+ * @codegen <<SignedSource::c89a29e7cce7f49704b4559e5f42c4ea>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = {
@@ -30,11 +30,16 @@ var tokens = {
30
30
  'color.text.selected': '--ds-text-selected',
31
31
  'color.text.brand': '--ds-text-brand',
32
32
  'color.text.danger': '--ds-text-danger',
33
+ 'color.text.danger.bolder': '--ds-text-danger-bolder',
33
34
  'color.text.warning': '--ds-text-warning',
34
35
  'color.text.warning.inverse': '--ds-text-warning-inverse',
36
+ 'color.text.warning.bolder': '--ds-text-warning-bolder',
35
37
  'color.text.success': '--ds-text-success',
38
+ 'color.text.success.bolder': '--ds-text-success-bolder',
36
39
  'color.text.discovery': '--ds-text-discovery',
40
+ 'color.text.discovery.bolder': '--ds-text-discovery-bolder',
37
41
  'color.text.information': '--ds-text-information',
42
+ 'color.text.information.bolder': '--ds-text-information-bolder',
38
43
  'color.text.subtlest': '--ds-text-subtlest',
39
44
  'color.text.subtle': '--ds-text-subtle',
40
45
  'color.link': '--ds-link',
@@ -241,30 +246,45 @@ var tokens = {
241
246
  'color.background.danger': '--ds-background-danger',
242
247
  'color.background.danger.hovered': '--ds-background-danger-hovered',
243
248
  'color.background.danger.pressed': '--ds-background-danger-pressed',
249
+ 'color.background.danger.subtler': '--ds-background-danger-subtler',
250
+ 'color.background.danger.subtler.hovered': '--ds-background-danger-subtler-hovered',
251
+ 'color.background.danger.subtler.pressed': '--ds-background-danger-subtler-pressed',
244
252
  'color.background.danger.bold': '--ds-background-danger-bold',
245
253
  'color.background.danger.bold.hovered': '--ds-background-danger-bold-hovered',
246
254
  'color.background.danger.bold.pressed': '--ds-background-danger-bold-pressed',
247
255
  'color.background.warning': '--ds-background-warning',
248
256
  'color.background.warning.hovered': '--ds-background-warning-hovered',
249
257
  'color.background.warning.pressed': '--ds-background-warning-pressed',
258
+ 'color.background.warning.subtler': '--ds-background-warning-subtler',
259
+ 'color.background.warning.subtler.hovered': '--ds-background-warning-subtler-hovered',
260
+ 'color.background.warning.subtler.pressed': '--ds-background-warning-subtler-pressed',
250
261
  'color.background.warning.bold': '--ds-background-warning-bold',
251
262
  'color.background.warning.bold.hovered': '--ds-background-warning-bold-hovered',
252
263
  'color.background.warning.bold.pressed': '--ds-background-warning-bold-pressed',
253
264
  'color.background.success': '--ds-background-success',
254
265
  'color.background.success.hovered': '--ds-background-success-hovered',
255
266
  'color.background.success.pressed': '--ds-background-success-pressed',
267
+ 'color.background.success.subtler': '--ds-background-success-subtler',
268
+ 'color.background.success.subtler.hovered': '--ds-background-success-subtler-hovered',
269
+ 'color.background.success.subtler.pressed': '--ds-background-success-subtler-pressed',
256
270
  'color.background.success.bold': '--ds-background-success-bold',
257
271
  'color.background.success.bold.hovered': '--ds-background-success-bold-hovered',
258
272
  'color.background.success.bold.pressed': '--ds-background-success-bold-pressed',
259
273
  'color.background.discovery': '--ds-background-discovery',
260
274
  'color.background.discovery.hovered': '--ds-background-discovery-hovered',
261
275
  'color.background.discovery.pressed': '--ds-background-discovery-pressed',
276
+ 'color.background.discovery.subtler': '--ds-background-discovery-subtler',
277
+ 'color.background.discovery.subtler.hovered': '--ds-background-discovery-subtler-hovered',
278
+ 'color.background.discovery.subtler.pressed': '--ds-background-discovery-subtler-pressed',
262
279
  'color.background.discovery.bold': '--ds-background-discovery-bold',
263
280
  'color.background.discovery.bold.hovered': '--ds-background-discovery-bold-hovered',
264
281
  'color.background.discovery.bold.pressed': '--ds-background-discovery-bold-pressed',
265
282
  'color.background.information': '--ds-background-information',
266
283
  'color.background.information.hovered': '--ds-background-information-hovered',
267
284
  'color.background.information.pressed': '--ds-background-information-pressed',
285
+ 'color.background.information.subtler': '--ds-background-information-subtler',
286
+ 'color.background.information.subtler.hovered': '--ds-background-information-subtler-hovered',
287
+ 'color.background.information.subtler.pressed': '--ds-background-information-subtler-pressed',
268
288
  'color.background.information.bold': '--ds-background-information-bold',
269
289
  'color.background.information.bold.hovered': '--ds-background-information-bold-hovered',
270
290
  'color.background.information.bold.pressed': '--ds-background-information-bold-pressed',