@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
@@ -13,7 +13,7 @@ exports.default = void 0;
13
13
  * Token names mapped to their value in the default Atlassian themes ('light').
14
14
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
15
15
  *
16
- * @codegen <<SignedSource::7ecefbff90126ac89577f21a766e8181>>
16
+ * @codegen <<SignedSource::749aeca73ed1fdc5f662a020f301e63b>>
17
17
  * @codegenCommand yarn build tokens
18
18
  */
19
19
  var defaultTokenValues = {
@@ -43,11 +43,16 @@ var defaultTokenValues = {
43
43
  'color.text.selected': '#1868DB',
44
44
  'color.text.brand': '#1868DB',
45
45
  'color.text.danger': '#AE2E24',
46
+ 'color.text.danger.bolder': '#5D1F1A',
46
47
  'color.text.warning': '#9E4C00',
47
48
  'color.text.warning.inverse': '#292A2E',
49
+ 'color.text.warning.bolder': '#693200',
48
50
  'color.text.success': '#4C6B1F',
51
+ 'color.text.success.bolder': '#37471F',
49
52
  'color.text.discovery': '#803FA5',
53
+ 'color.text.discovery.bolder': '#48245D',
50
54
  'color.text.information': '#1558BC',
55
+ 'color.text.information.bolder': '#123263',
51
56
  'color.text.subtlest': '#6B6E76',
52
57
  'color.text.subtle': '#505258',
53
58
  'color.link': '#1868DB',
@@ -254,30 +259,45 @@ var defaultTokenValues = {
254
259
  'color.background.danger': '#FFECEB',
255
260
  'color.background.danger.hovered': '#FFD5D2',
256
261
  'color.background.danger.pressed': '#FFB8B2',
262
+ 'color.background.danger.subtler': '#FFD5D2',
263
+ 'color.background.danger.subtler.hovered': '#FFB8B2',
264
+ 'color.background.danger.subtler.pressed': '#FD9891',
257
265
  'color.background.danger.bold': '#C9372C',
258
266
  'color.background.danger.bold.hovered': '#AE2E24',
259
267
  'color.background.danger.bold.pressed': '#872821',
260
268
  'color.background.warning': '#FFF5DB',
261
269
  'color.background.warning.hovered': '#FCE4A6',
262
270
  'color.background.warning.pressed': '#FBD779',
271
+ 'color.background.warning.subtler': '#FCE4A6',
272
+ 'color.background.warning.subtler.hovered': '#FBD779',
273
+ 'color.background.warning.subtler.pressed': '#FBC828',
263
274
  'color.background.warning.bold': '#FBC828',
264
275
  'color.background.warning.bold.hovered': '#FCA700',
265
276
  'color.background.warning.bold.pressed': '#F68909',
266
277
  'color.background.success': '#EFFFD6',
267
278
  'color.background.success.hovered': '#D3F1A7',
268
279
  'color.background.success.pressed': '#BDE97C',
280
+ 'color.background.success.subtler': '#D3F1A7',
281
+ 'color.background.success.subtler.hovered': '#BDE97C',
282
+ 'color.background.success.subtler.pressed': '#B3DF72',
269
283
  'color.background.success.bold': '#5B7F24',
270
284
  'color.background.success.bold.hovered': '#4C6B1F',
271
285
  'color.background.success.bold.pressed': '#3F5224',
272
286
  'color.background.discovery': '#F8EEFE',
273
287
  'color.background.discovery.hovered': '#EED7FC',
274
288
  'color.background.discovery.pressed': '#E3BDFA',
289
+ 'color.background.discovery.subtler': '#EED7FC',
290
+ 'color.background.discovery.subtler.hovered': '#E3BDFA',
291
+ 'color.background.discovery.subtler.pressed': '#D8A0F7',
275
292
  'color.background.discovery.bold': '#964AC0',
276
293
  'color.background.discovery.bold.hovered': '#803FA5',
277
294
  'color.background.discovery.bold.pressed': '#673286',
278
295
  'color.background.information': '#E9F2FE',
279
296
  'color.background.information.hovered': '#CFE1FD',
280
297
  'color.background.information.pressed': '#ADCBFB',
298
+ 'color.background.information.subtler': '#CFE1FD',
299
+ 'color.background.information.subtler.hovered': '#ADCBFB',
300
+ 'color.background.information.subtler.pressed': '#8FB8F6',
281
301
  'color.background.information.bold': '#1868DB',
282
302
  'color.background.information.bold.hovered': '#1558BC',
283
303
  'color.background.information.bold.pressed': '#144794',
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::2ced0280eb32f0b8ff5dca7b8912fe30>>
9
+ * @codegen <<SignedSource::c89a29e7cce7f49704b4559e5f42c4ea>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  var tokens = {
@@ -36,11 +36,16 @@ var tokens = {
36
36
  'color.text.selected': '--ds-text-selected',
37
37
  'color.text.brand': '--ds-text-brand',
38
38
  'color.text.danger': '--ds-text-danger',
39
+ 'color.text.danger.bolder': '--ds-text-danger-bolder',
39
40
  'color.text.warning': '--ds-text-warning',
40
41
  'color.text.warning.inverse': '--ds-text-warning-inverse',
42
+ 'color.text.warning.bolder': '--ds-text-warning-bolder',
41
43
  'color.text.success': '--ds-text-success',
44
+ 'color.text.success.bolder': '--ds-text-success-bolder',
42
45
  'color.text.discovery': '--ds-text-discovery',
46
+ 'color.text.discovery.bolder': '--ds-text-discovery-bolder',
43
47
  'color.text.information': '--ds-text-information',
48
+ 'color.text.information.bolder': '--ds-text-information-bolder',
44
49
  'color.text.subtlest': '--ds-text-subtlest',
45
50
  'color.text.subtle': '--ds-text-subtle',
46
51
  'color.link': '--ds-link',
@@ -247,30 +252,45 @@ var tokens = {
247
252
  'color.background.danger': '--ds-background-danger',
248
253
  'color.background.danger.hovered': '--ds-background-danger-hovered',
249
254
  'color.background.danger.pressed': '--ds-background-danger-pressed',
255
+ 'color.background.danger.subtler': '--ds-background-danger-subtler',
256
+ 'color.background.danger.subtler.hovered': '--ds-background-danger-subtler-hovered',
257
+ 'color.background.danger.subtler.pressed': '--ds-background-danger-subtler-pressed',
250
258
  'color.background.danger.bold': '--ds-background-danger-bold',
251
259
  'color.background.danger.bold.hovered': '--ds-background-danger-bold-hovered',
252
260
  'color.background.danger.bold.pressed': '--ds-background-danger-bold-pressed',
253
261
  'color.background.warning': '--ds-background-warning',
254
262
  'color.background.warning.hovered': '--ds-background-warning-hovered',
255
263
  'color.background.warning.pressed': '--ds-background-warning-pressed',
264
+ 'color.background.warning.subtler': '--ds-background-warning-subtler',
265
+ 'color.background.warning.subtler.hovered': '--ds-background-warning-subtler-hovered',
266
+ 'color.background.warning.subtler.pressed': '--ds-background-warning-subtler-pressed',
256
267
  'color.background.warning.bold': '--ds-background-warning-bold',
257
268
  'color.background.warning.bold.hovered': '--ds-background-warning-bold-hovered',
258
269
  'color.background.warning.bold.pressed': '--ds-background-warning-bold-pressed',
259
270
  'color.background.success': '--ds-background-success',
260
271
  'color.background.success.hovered': '--ds-background-success-hovered',
261
272
  'color.background.success.pressed': '--ds-background-success-pressed',
273
+ 'color.background.success.subtler': '--ds-background-success-subtler',
274
+ 'color.background.success.subtler.hovered': '--ds-background-success-subtler-hovered',
275
+ 'color.background.success.subtler.pressed': '--ds-background-success-subtler-pressed',
262
276
  'color.background.success.bold': '--ds-background-success-bold',
263
277
  'color.background.success.bold.hovered': '--ds-background-success-bold-hovered',
264
278
  'color.background.success.bold.pressed': '--ds-background-success-bold-pressed',
265
279
  'color.background.discovery': '--ds-background-discovery',
266
280
  'color.background.discovery.hovered': '--ds-background-discovery-hovered',
267
281
  'color.background.discovery.pressed': '--ds-background-discovery-pressed',
282
+ 'color.background.discovery.subtler': '--ds-background-discovery-subtler',
283
+ 'color.background.discovery.subtler.hovered': '--ds-background-discovery-subtler-hovered',
284
+ 'color.background.discovery.subtler.pressed': '--ds-background-discovery-subtler-pressed',
268
285
  'color.background.discovery.bold': '--ds-background-discovery-bold',
269
286
  'color.background.discovery.bold.hovered': '--ds-background-discovery-bold-hovered',
270
287
  'color.background.discovery.bold.pressed': '--ds-background-discovery-bold-pressed',
271
288
  'color.background.information': '--ds-background-information',
272
289
  'color.background.information.hovered': '--ds-background-information-hovered',
273
290
  'color.background.information.pressed': '--ds-background-information-pressed',
291
+ 'color.background.information.subtler': '--ds-background-information-subtler',
292
+ 'color.background.information.subtler.hovered': '--ds-background-information-subtler-hovered',
293
+ 'color.background.information.subtler.pressed': '--ds-background-information-subtler-pressed',
274
294
  'color.background.information.bold': '--ds-background-information-bold',
275
295
  'color.background.information.bold.hovered': '--ds-background-information-bold-hovered',
276
296
  'color.background.information.bold.pressed': '--ds-background-information-bold-pressed',