@atlaskit/tokens 1.12.0 → 1.13.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 (119) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +3 -2
  3. package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +3 -2
  4. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
  7. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
  8. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  9. package/dist/cjs/artifacts/token-default-values.js +7 -1
  10. package/dist/cjs/artifacts/token-names.js +7 -1
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +137 -5
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +137 -5
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +139 -7
  14. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +137 -5
  15. package/dist/cjs/get-token-value.js +1 -1
  16. package/dist/cjs/get-token.js +1 -1
  17. package/dist/cjs/tokens/atlassian-dark/color/background.js +22 -0
  18. package/dist/cjs/tokens/atlassian-legacy-dark/color/background.js +22 -0
  19. package/dist/cjs/tokens/atlassian-legacy-light/color/background.js +22 -0
  20. package/dist/cjs/tokens/atlassian-legacy-light/color/border.js +1 -1
  21. package/dist/cjs/tokens/atlassian-light/color/background.js +22 -0
  22. package/dist/cjs/tokens/default/color/background.js +54 -2
  23. package/dist/cjs/utils/generate-custom-color-ramp.js +16 -7
  24. package/dist/cjs/version.json +1 -1
  25. package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +3 -2
  26. package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +3 -2
  27. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  28. package/dist/es2019/artifacts/themes/atlassian-dark.js +7 -1
  29. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +7 -1
  30. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +8 -2
  31. package/dist/es2019/artifacts/themes/atlassian-light.js +7 -1
  32. package/dist/es2019/artifacts/token-default-values.js +7 -1
  33. package/dist/es2019/artifacts/token-names.js +7 -1
  34. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +137 -5
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +137 -5
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +139 -7
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +137 -5
  38. package/dist/es2019/get-token-value.js +1 -1
  39. package/dist/es2019/get-token.js +1 -1
  40. package/dist/es2019/tokens/atlassian-dark/color/background.js +22 -0
  41. package/dist/es2019/tokens/atlassian-legacy-dark/color/background.js +22 -0
  42. package/dist/es2019/tokens/atlassian-legacy-light/color/background.js +22 -0
  43. package/dist/es2019/tokens/atlassian-legacy-light/color/border.js +1 -1
  44. package/dist/es2019/tokens/atlassian-light/color/background.js +22 -0
  45. package/dist/es2019/tokens/default/color/background.js +54 -2
  46. package/dist/es2019/utils/generate-custom-color-ramp.js +16 -5
  47. package/dist/es2019/version.json +1 -1
  48. package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +3 -2
  49. package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +3 -2
  50. package/dist/esm/artifacts/generated-pairs.js +2 -2
  51. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  52. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  53. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  54. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  55. package/dist/esm/artifacts/token-default-values.js +7 -1
  56. package/dist/esm/artifacts/token-names.js +7 -1
  57. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +137 -5
  58. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +137 -5
  59. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +139 -7
  60. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +137 -5
  61. package/dist/esm/get-token-value.js +1 -1
  62. package/dist/esm/get-token.js +1 -1
  63. package/dist/esm/tokens/atlassian-dark/color/background.js +22 -0
  64. package/dist/esm/tokens/atlassian-legacy-dark/color/background.js +22 -0
  65. package/dist/esm/tokens/atlassian-legacy-light/color/background.js +22 -0
  66. package/dist/esm/tokens/atlassian-legacy-light/color/border.js +1 -1
  67. package/dist/esm/tokens/atlassian-light/color/background.js +22 -0
  68. package/dist/esm/tokens/default/color/background.js +54 -2
  69. package/dist/esm/utils/generate-custom-color-ramp.js +16 -7
  70. package/dist/esm/version.json +1 -1
  71. package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -1
  72. package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -1
  73. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  74. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  75. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  76. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  77. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  78. package/dist/types/artifacts/token-default-values.d.ts +7 -1
  79. package/dist/types/artifacts/token-names.d.ts +13 -1
  80. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  81. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  82. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  83. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  84. package/dist/types/artifacts/types-internal.d.ts +2 -2
  85. package/dist/types/artifacts/types.d.ts +2 -2
  86. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  87. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  88. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  89. package/dist/types/types.d.ts +10 -0
  90. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -1
  91. package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -1
  92. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  93. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  94. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  95. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  96. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  97. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +7 -1
  98. package/dist/types-ts4.5/artifacts/token-names.d.ts +13 -1
  99. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  100. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  101. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  102. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  103. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  104. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  105. package/dist/types-ts4.5/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  106. package/dist/types-ts4.5/tokens/atlassian-light/utility/utility.d.ts +1 -1
  107. package/dist/types-ts4.5/tokens/default/utility/utility.d.ts +1 -1
  108. package/dist/types-ts4.5/types.d.ts +10 -0
  109. package/figma/atlassian-dark.json +56 -2
  110. package/figma/atlassian-legacy-dark.json +56 -2
  111. package/figma/atlassian-legacy-light.json +57 -3
  112. package/figma/atlassian-light.json +56 -2
  113. package/package.json +2 -2
  114. package/report.api.md +24 -0
  115. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-iteration.js +0 -902
  116. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-iteration.js +0 -895
  117. package/dist/esm/artifacts/tokens-raw/atlassian-dark-iteration.js +0 -895
  118. package/dist/types/artifacts/tokens-raw/atlassian-dark-iteration.d.ts +0 -91
  119. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-iteration.d.ts +0 -91
@@ -1,895 +0,0 @@
1
- /**
2
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::665c06f00cd5963095f2fe43b7787f07>>
4
- * @codegenCommand yarn build tokens
5
- */
6
- const tokens = [{
7
- "attributes": {
8
- "group": "paint",
9
- "state": "active",
10
- "introduced": "0.6.0",
11
- "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
12
- },
13
- "value": "#B6C2CF",
14
- "filePath": "src/tokens/atlassian-dark-iteration/color/text.tsx",
15
- "isSource": true,
16
- "original": {
17
- "attributes": {
18
- "group": "paint",
19
- "state": "active",
20
- "introduced": "0.6.0",
21
- "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
22
- },
23
- "value": "DarkNeutral900"
24
- },
25
- "name": "color.text.[default]",
26
- "path": ["color", "text", "[default]"],
27
- "cleanName": "color.text"
28
- }, {
29
- "attributes": {
30
- "group": "paint",
31
- "state": "active",
32
- "introduced": "0.6.0",
33
- "description": "Use for text on bold backgrounds."
34
- },
35
- "value": "#1D2125",
36
- "filePath": "src/tokens/atlassian-dark-iteration/color/text.tsx",
37
- "isSource": true,
38
- "original": {
39
- "attributes": {
40
- "group": "paint",
41
- "state": "active",
42
- "introduced": "0.6.0",
43
- "description": "Use for text on bold backgrounds."
44
- },
45
- "value": "DarkNeutral100"
46
- },
47
- "name": "color.text.inverse",
48
- "path": ["color", "text", "inverse"],
49
- "cleanName": "color.text.inverse"
50
- }, {
51
- "attributes": {
52
- "group": "paint",
53
- "state": "active",
54
- "introduced": "0.6.0",
55
- "description": "Use for text when on bold warning backgrounds."
56
- },
57
- "value": "#1D2125",
58
- "filePath": "src/tokens/atlassian-dark-iteration/color/text.tsx",
59
- "isSource": true,
60
- "original": {
61
- "attributes": {
62
- "group": "paint",
63
- "state": "active",
64
- "introduced": "0.6.0",
65
- "description": "Use for text when on bold warning backgrounds."
66
- },
67
- "value": "DarkNeutral100"
68
- },
69
- "name": "color.text.warning.inverse",
70
- "path": ["color", "text", "warning", "inverse"],
71
- "cleanName": "color.text.warning.inverse"
72
- }, {
73
- "attributes": {
74
- "group": "paint",
75
- "state": "active",
76
- "introduced": "0.6.0",
77
- "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
78
- },
79
- "value": "#8C9BAB",
80
- "filePath": "src/tokens/atlassian-dark-iteration/color/text.tsx",
81
- "isSource": true,
82
- "original": {
83
- "attributes": {
84
- "group": "paint",
85
- "state": "active",
86
- "introduced": "0.6.0",
87
- "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
88
- },
89
- "value": "#8C9BAB"
90
- },
91
- "name": "color.text.subtlest",
92
- "path": ["color", "text", "subtlest"],
93
- "cleanName": "color.text.subtlest"
94
- }, {
95
- "attributes": {
96
- "group": "paint",
97
- "state": "active",
98
- "introduced": "0.6.0",
99
- "description": "Use for icons on bold backgrounds."
100
- },
101
- "value": "#1D2125",
102
- "filePath": "src/tokens/atlassian-dark-iteration/color/icon.tsx",
103
- "isSource": true,
104
- "original": {
105
- "attributes": {
106
- "group": "paint",
107
- "state": "active",
108
- "introduced": "0.6.0",
109
- "description": "Use for icons on bold backgrounds."
110
- },
111
- "value": "DarkNeutral100"
112
- },
113
- "name": "color.icon.inverse",
114
- "path": ["color", "icon", "inverse"],
115
- "cleanName": "color.icon.inverse"
116
- }, {
117
- "attributes": {
118
- "group": "paint",
119
- "state": "active",
120
- "introduced": "0.6.0",
121
- "description": "Use for icons when on bold warning backgrounds."
122
- },
123
- "value": "#1D2125",
124
- "filePath": "src/tokens/atlassian-dark-iteration/color/icon.tsx",
125
- "isSource": true,
126
- "original": {
127
- "attributes": {
128
- "group": "paint",
129
- "state": "active",
130
- "introduced": "0.6.0",
131
- "description": "Use for icons when on bold warning backgrounds."
132
- },
133
- "value": "DarkNeutral100"
134
- },
135
- "name": "color.icon.warning.inverse",
136
- "path": ["color", "icon", "warning", "inverse"],
137
- "cleanName": "color.icon.warning.inverse"
138
- }, {
139
- "attributes": {
140
- "group": "paint",
141
- "state": "active",
142
- "introduced": "0.6.0",
143
- "description": "Use for icons paired with color.text.subtle"
144
- },
145
- "value": "#8C9BAB",
146
- "filePath": "src/tokens/atlassian-dark-iteration/color/icon.tsx",
147
- "isSource": true,
148
- "original": {
149
- "attributes": {
150
- "group": "paint",
151
- "state": "active",
152
- "introduced": "0.6.0",
153
- "description": "Use for icons paired with color.text.subtle"
154
- },
155
- "value": "#8C9BAB"
156
- },
157
- "name": "color.icon.subtle",
158
- "path": ["color", "icon", "subtle"],
159
- "cleanName": "color.icon.subtle"
160
- }, {
161
- "attributes": {
162
- "group": "paint",
163
- "state": "active",
164
- "introduced": "0.7.0",
165
- "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
166
- },
167
- "value": "#4F1C16",
168
- "filePath": "src/tokens/atlassian-dark-iteration/color/accent.tsx",
169
- "isSource": true,
170
- "original": {
171
- "attributes": {
172
- "group": "paint",
173
- "state": "active",
174
- "introduced": "0.7.0",
175
- "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
176
- },
177
- "value": "#4F1C16"
178
- },
179
- "name": "color.background.accent.red.subtlest",
180
- "path": ["color", "background", "accent", "red", "subtlest"],
181
- "cleanName": "color.background.accent.red.subtlest"
182
- }, {
183
- "attributes": {
184
- "group": "paint",
185
- "state": "active",
186
- "introduced": "0.7.0",
187
- "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
188
- },
189
- "value": "#4A2B0F",
190
- "filePath": "src/tokens/atlassian-dark-iteration/color/accent.tsx",
191
- "isSource": true,
192
- "original": {
193
- "attributes": {
194
- "group": "paint",
195
- "state": "active",
196
- "introduced": "0.7.0",
197
- "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
198
- },
199
- "value": "#4A2B0F"
200
- },
201
- "name": "color.background.accent.orange.subtlest",
202
- "path": ["color", "background", "accent", "orange", "subtlest"],
203
- "cleanName": "color.background.accent.orange.subtlest"
204
- }, {
205
- "attributes": {
206
- "group": "paint",
207
- "state": "active",
208
- "introduced": "0.7.0",
209
- "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
210
- },
211
- "value": "#3F3102",
212
- "filePath": "src/tokens/atlassian-dark-iteration/color/accent.tsx",
213
- "isSource": true,
214
- "original": {
215
- "attributes": {
216
- "group": "paint",
217
- "state": "active",
218
- "introduced": "0.7.0",
219
- "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
220
- },
221
- "value": "#3F3102"
222
- },
223
- "name": "color.background.accent.yellow.subtlest",
224
- "path": ["color", "background", "accent", "yellow", "subtlest"],
225
- "cleanName": "color.background.accent.yellow.subtlest"
226
- }, {
227
- "attributes": {
228
- "group": "paint",
229
- "state": "active",
230
- "introduced": "0.7.0",
231
- "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
232
- },
233
- "value": "#143C2B",
234
- "filePath": "src/tokens/atlassian-dark-iteration/color/accent.tsx",
235
- "isSource": true,
236
- "original": {
237
- "attributes": {
238
- "group": "paint",
239
- "state": "active",
240
- "introduced": "0.7.0",
241
- "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
242
- },
243
- "value": "#143C2B"
244
- },
245
- "name": "color.background.accent.green.subtlest",
246
- "path": ["color", "background", "accent", "green", "subtlest"],
247
- "cleanName": "color.background.accent.green.subtlest"
248
- }, {
249
- "attributes": {
250
- "group": "paint",
251
- "state": "active",
252
- "introduced": "0.7.0",
253
- "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
254
- },
255
- "value": "#15373B",
256
- "filePath": "src/tokens/atlassian-dark-iteration/color/accent.tsx",
257
- "isSource": true,
258
- "original": {
259
- "attributes": {
260
- "group": "paint",
261
- "state": "active",
262
- "introduced": "0.7.0",
263
- "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
264
- },
265
- "value": "#15373B"
266
- },
267
- "name": "color.background.accent.teal.subtlest",
268
- "path": ["color", "background", "accent", "teal", "subtlest"],
269
- "cleanName": "color.background.accent.teal.subtlest"
270
- }, {
271
- "attributes": {
272
- "group": "paint",
273
- "state": "active",
274
- "introduced": "0.7.0",
275
- "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
276
- },
277
- "value": "#092957",
278
- "filePath": "src/tokens/atlassian-dark-iteration/color/accent.tsx",
279
- "isSource": true,
280
- "original": {
281
- "attributes": {
282
- "group": "paint",
283
- "state": "active",
284
- "introduced": "0.7.0",
285
- "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
286
- },
287
- "value": "#092957"
288
- },
289
- "name": "color.background.accent.blue.subtlest",
290
- "path": ["color", "background", "accent", "blue", "subtlest"],
291
- "cleanName": "color.background.accent.blue.subtlest"
292
- }, {
293
- "attributes": {
294
- "group": "paint",
295
- "state": "active",
296
- "introduced": "0.7.0",
297
- "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
298
- },
299
- "value": "#2B2451",
300
- "filePath": "src/tokens/atlassian-dark-iteration/color/accent.tsx",
301
- "isSource": true,
302
- "original": {
303
- "attributes": {
304
- "group": "paint",
305
- "state": "active",
306
- "introduced": "0.7.0",
307
- "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
308
- },
309
- "value": "#2B2451"
310
- },
311
- "name": "color.background.accent.purple.subtlest",
312
- "path": ["color", "background", "accent", "purple", "subtlest"],
313
- "cleanName": "color.background.accent.purple.subtlest"
314
- }, {
315
- "attributes": {
316
- "group": "paint",
317
- "state": "active",
318
- "introduced": "0.7.0",
319
- "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
320
- },
321
- "value": "#421F34",
322
- "filePath": "src/tokens/atlassian-dark-iteration/color/accent.tsx",
323
- "isSource": true,
324
- "original": {
325
- "attributes": {
326
- "group": "paint",
327
- "state": "active",
328
- "introduced": "0.7.0",
329
- "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
330
- },
331
- "value": "#421F34"
332
- },
333
- "name": "color.background.accent.magenta.subtlest",
334
- "path": ["color", "background", "accent", "magenta", "subtlest"],
335
- "cleanName": "color.background.accent.magenta.subtlest"
336
- }, {
337
- "attributes": {
338
- "group": "paint",
339
- "state": "active",
340
- "introduced": "0.7.0",
341
- "description": "Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
342
- },
343
- "value": "#8C9BAB",
344
- "filePath": "src/tokens/atlassian-dark-iteration/color/accent.tsx",
345
- "isSource": true,
346
- "original": {
347
- "attributes": {
348
- "group": "paint",
349
- "state": "active",
350
- "introduced": "0.7.0",
351
- "description": "Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
352
- },
353
- "value": "#8C9BAB"
354
- },
355
- "name": "color.background.accent.gray.bolder",
356
- "path": ["color", "background", "accent", "gray", "bolder"],
357
- "cleanName": "color.background.accent.gray.bolder"
358
- }, {
359
- "attributes": {
360
- "group": "paint",
361
- "state": "active",
362
- "introduced": "0.6.0",
363
- "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
364
- },
365
- "value": "#22272B",
366
- "filePath": "src/tokens/atlassian-dark-iteration/color/background.tsx",
367
- "isSource": true,
368
- "original": {
369
- "attributes": {
370
- "group": "paint",
371
- "state": "active",
372
- "introduced": "0.6.0",
373
- "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
374
- },
375
- "value": "DarkNeutral200"
376
- },
377
- "name": "color.background.input.[default]",
378
- "path": ["color", "background", "input", "[default]"],
379
- "cleanName": "color.background.input"
380
- }, {
381
- "attributes": {
382
- "group": "paint",
383
- "state": "active",
384
- "introduced": "0.6.0",
385
- "description": "Hovered state for color.background.input"
386
- },
387
- "value": "#282E33",
388
- "filePath": "src/tokens/atlassian-dark-iteration/color/background.tsx",
389
- "isSource": true,
390
- "original": {
391
- "attributes": {
392
- "group": "paint",
393
- "state": "active",
394
- "introduced": "0.6.0",
395
- "description": "Hovered state for color.background.input"
396
- },
397
- "value": "#282E33"
398
- },
399
- "name": "color.background.input.hovered",
400
- "path": ["color", "background", "input", "hovered"],
401
- "cleanName": "color.background.input.hovered"
402
- }, {
403
- "attributes": {
404
- "group": "paint",
405
- "state": "active",
406
- "introduced": "0.6.0",
407
- "description": "Pressed state for color.background.input"
408
- },
409
- "value": "#22272B",
410
- "filePath": "src/tokens/atlassian-dark-iteration/color/background.tsx",
411
- "isSource": true,
412
- "original": {
413
- "attributes": {
414
- "group": "paint",
415
- "state": "active",
416
- "introduced": "0.6.0",
417
- "description": "Pressed state for color.background.input"
418
- },
419
- "value": "DarkNeutral200"
420
- },
421
- "name": "color.background.input.pressed",
422
- "path": ["color", "background", "input", "pressed"],
423
- "cleanName": "color.background.input.pressed"
424
- }, {
425
- "attributes": {
426
- "group": "paint",
427
- "state": "active",
428
- "introduced": "0.6.2",
429
- "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
430
- },
431
- "value": "#092957",
432
- "filePath": "src/tokens/atlassian-dark-iteration/color/background.tsx",
433
- "isSource": true,
434
- "original": {
435
- "attributes": {
436
- "group": "paint",
437
- "state": "active",
438
- "introduced": "0.6.2",
439
- "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
440
- },
441
- "value": "#092957"
442
- },
443
- "name": "color.background.selected.[default].[default]",
444
- "path": ["color", "background", "selected", "[default]", "[default]"],
445
- "cleanName": "color.background.selected"
446
- }, {
447
- "attributes": {
448
- "group": "paint",
449
- "state": "active",
450
- "introduced": "0.6.0",
451
- "description": "Use for backgrounds communicating critical information, such in error section messages."
452
- },
453
- "value": "#4F1C16",
454
- "filePath": "src/tokens/atlassian-dark-iteration/color/background.tsx",
455
- "isSource": true,
456
- "original": {
457
- "attributes": {
458
- "group": "paint",
459
- "state": "active",
460
- "introduced": "0.6.0",
461
- "description": "Use for backgrounds communicating critical information, such in error section messages."
462
- },
463
- "value": "#4F1C16"
464
- },
465
- "name": "color.background.danger.[default].[default]",
466
- "path": ["color", "background", "danger", "[default]", "[default]"],
467
- "cleanName": "color.background.danger"
468
- }, {
469
- "attributes": {
470
- "group": "paint",
471
- "state": "active",
472
- "introduced": "0.6.0",
473
- "description": "Use for backgrounds communicating caution, such as in warning section messages."
474
- },
475
- "value": "#3F3102",
476
- "filePath": "src/tokens/atlassian-dark-iteration/color/background.tsx",
477
- "isSource": true,
478
- "original": {
479
- "attributes": {
480
- "group": "paint",
481
- "state": "active",
482
- "introduced": "0.6.0",
483
- "description": "Use for backgrounds communicating caution, such as in warning section messages."
484
- },
485
- "value": "#3F3102"
486
- },
487
- "name": "color.background.warning.[default].[default]",
488
- "path": ["color", "background", "warning", "[default]", "[default]"],
489
- "cleanName": "color.background.warning"
490
- }, {
491
- "attributes": {
492
- "group": "paint",
493
- "state": "active",
494
- "introduced": "0.6.0",
495
- "description": "Use for backgrounds communicating a favorable outcome, such as in success section messages."
496
- },
497
- "value": "#143C2B",
498
- "filePath": "src/tokens/atlassian-dark-iteration/color/background.tsx",
499
- "isSource": true,
500
- "original": {
501
- "attributes": {
502
- "group": "paint",
503
- "state": "active",
504
- "introduced": "0.6.0",
505
- "description": "Use for backgrounds communicating a favorable outcome, such as in success section messages."
506
- },
507
- "value": "#143C2B"
508
- },
509
- "name": "color.background.success.[default].[default]",
510
- "path": ["color", "background", "success", "[default]", "[default]"],
511
- "cleanName": "color.background.success"
512
- }, {
513
- "attributes": {
514
- "group": "paint",
515
- "state": "active",
516
- "introduced": "0.6.0",
517
- "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
518
- },
519
- "value": "#2B2451",
520
- "filePath": "src/tokens/atlassian-dark-iteration/color/background.tsx",
521
- "isSource": true,
522
- "original": {
523
- "attributes": {
524
- "group": "paint",
525
- "state": "active",
526
- "introduced": "0.6.0",
527
- "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
528
- },
529
- "value": "#2B2451"
530
- },
531
- "name": "color.background.discovery.[default].[default]",
532
- "path": ["color", "background", "discovery", "[default]", "[default]"],
533
- "cleanName": "color.background.discovery"
534
- }, {
535
- "attributes": {
536
- "group": "paint",
537
- "state": "active",
538
- "introduced": "0.6.0",
539
- "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
540
- },
541
- "value": "#092957",
542
- "filePath": "src/tokens/atlassian-dark-iteration/color/background.tsx",
543
- "isSource": true,
544
- "original": {
545
- "attributes": {
546
- "group": "paint",
547
- "state": "active",
548
- "introduced": "0.6.0",
549
- "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
550
- },
551
- "value": "#092957"
552
- },
553
- "name": "color.background.information.[default].[default]",
554
- "path": ["color", "background", "information", "[default]", "[default]"],
555
- "cleanName": "color.background.information"
556
- }, {
557
- "attributes": {
558
- "group": "paint",
559
- "state": "active",
560
- "introduced": "0.0.15",
561
- "description": "Use for the screen overlay that appears with modal dialogs"
562
- },
563
- "value": "#10121499",
564
- "filePath": "src/tokens/atlassian-dark-iteration/color/background.tsx",
565
- "isSource": true,
566
- "original": {
567
- "attributes": {
568
- "group": "paint",
569
- "state": "active",
570
- "introduced": "0.0.15",
571
- "description": "Use for the screen overlay that appears with modal dialogs"
572
- },
573
- "value": "#10121499"
574
- },
575
- "name": "color.blanket.[default]",
576
- "path": ["color", "blanket", "[default]"],
577
- "cleanName": "color.blanket"
578
- }, {
579
- "attributes": {
580
- "group": "paint",
581
- "state": "active",
582
- "introduced": "0.13.3",
583
- "description": "Hovered state of color.chart.neutral."
584
- },
585
- "value": "#8C9BAB",
586
- "filePath": "src/tokens/atlassian-dark-iteration/color/chart.tsx",
587
- "isSource": true,
588
- "original": {
589
- "attributes": {
590
- "group": "paint",
591
- "state": "active",
592
- "introduced": "0.13.3",
593
- "description": "Hovered state of color.chart.neutral."
594
- },
595
- "value": "#8C9BAB"
596
- },
597
- "name": "color.chart.neutral.hovered",
598
- "path": ["color", "chart", "neutral", "hovered"],
599
- "cleanName": "color.chart.neutral.hovered"
600
- }, {
601
- "attributes": {
602
- "group": "paint",
603
- "state": "active",
604
- "introduced": "0.13.3",
605
- "description": "Hovered state of color.chart.gray.bold."
606
- },
607
- "value": "#8C9BAB",
608
- "filePath": "src/tokens/atlassian-dark-iteration/color/chart.tsx",
609
- "isSource": true,
610
- "original": {
611
- "attributes": {
612
- "group": "paint",
613
- "state": "active",
614
- "introduced": "0.13.3",
615
- "description": "Hovered state of color.chart.gray.bold."
616
- },
617
- "value": "#8C9BAB"
618
- },
619
- "name": "color.chart.gray.bold.hovered",
620
- "path": ["color", "chart", "gray", "bold", "hovered"],
621
- "cleanName": "color.chart.gray.bold.hovered"
622
- }, {
623
- "attributes": {
624
- "group": "paint",
625
- "state": "active",
626
- "introduced": "0.13.3",
627
- "description": "For data visualisation only."
628
- },
629
- "value": "#8C9BAB",
630
- "filePath": "src/tokens/atlassian-dark-iteration/color/chart.tsx",
631
- "isSource": true,
632
- "original": {
633
- "attributes": {
634
- "group": "paint",
635
- "state": "active",
636
- "introduced": "0.13.3",
637
- "description": "For data visualisation only."
638
- },
639
- "value": "#8C9BAB"
640
- },
641
- "name": "color.chart.gray.bolder.[default]",
642
- "path": ["color", "chart", "gray", "bolder", "[default]"],
643
- "cleanName": "color.chart.gray.bolder"
644
- }, {
645
- "attributes": {
646
- "group": "paint",
647
- "state": "active",
648
- "introduced": "0.6.0",
649
- "description": "Use as the primary background for the UI."
650
- },
651
- "value": "#1D2125",
652
- "filePath": "src/tokens/atlassian-dark-iteration/elevation/surface.tsx",
653
- "isSource": true,
654
- "original": {
655
- "attributes": {
656
- "group": "paint",
657
- "state": "active",
658
- "introduced": "0.6.0",
659
- "description": "Use as the primary background for the UI."
660
- },
661
- "value": "DarkNeutral100"
662
- },
663
- "name": "elevation.surface.[default].[default]",
664
- "path": ["elevation", "surface", "[default]", "[default]"],
665
- "cleanName": "elevation.surface"
666
- }, {
667
- "attributes": {
668
- "group": "paint",
669
- "state": "active",
670
- "introduced": "0.10.20",
671
- "description": "Hovered state of elevation.surface"
672
- },
673
- "value": "#22272B",
674
- "filePath": "src/tokens/atlassian-dark-iteration/elevation/surface.tsx",
675
- "isSource": true,
676
- "original": {
677
- "attributes": {
678
- "group": "paint",
679
- "state": "active",
680
- "introduced": "0.10.20",
681
- "description": "Hovered state of elevation.surface"
682
- },
683
- "value": "DarkNeutral200"
684
- },
685
- "name": "elevation.surface.[default].hovered",
686
- "path": ["elevation", "surface", "[default]", "hovered"],
687
- "cleanName": "elevation.surface.hovered"
688
- }, {
689
- "attributes": {
690
- "group": "paint",
691
- "state": "active",
692
- "introduced": "0.10.20",
693
- "description": "Pressed state of elevation.surface"
694
- },
695
- "value": "#282E33",
696
- "filePath": "src/tokens/atlassian-dark-iteration/elevation/surface.tsx",
697
- "isSource": true,
698
- "original": {
699
- "attributes": {
700
- "group": "paint",
701
- "state": "active",
702
- "introduced": "0.10.20",
703
- "description": "Pressed state of elevation.surface"
704
- },
705
- "value": "#282E33"
706
- },
707
- "name": "elevation.surface.[default].pressed",
708
- "path": ["elevation", "surface", "[default]", "pressed"],
709
- "cleanName": "elevation.surface.pressed"
710
- }, {
711
- "attributes": {
712
- "group": "paint",
713
- "state": "active",
714
- "introduced": "0.6.0",
715
- "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
716
- },
717
- "value": "#282E33",
718
- "filePath": "src/tokens/atlassian-dark-iteration/elevation/surface.tsx",
719
- "isSource": true,
720
- "original": {
721
- "attributes": {
722
- "group": "paint",
723
- "state": "active",
724
- "introduced": "0.6.0",
725
- "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
726
- },
727
- "value": "#282E33"
728
- },
729
- "name": "elevation.surface.overlay.[default]",
730
- "path": ["elevation", "surface", "overlay", "[default]"],
731
- "cleanName": "elevation.surface.overlay"
732
- }, {
733
- "attributes": {
734
- "group": "paint",
735
- "state": "active",
736
- "introduced": "0.10.20",
737
- "description": "Pressed state of elevation.surface.overlay"
738
- },
739
- "value": "#38414A",
740
- "filePath": "src/tokens/atlassian-dark-iteration/elevation/surface.tsx",
741
- "isSource": true,
742
- "original": {
743
- "attributes": {
744
- "group": "paint",
745
- "state": "active",
746
- "introduced": "0.10.20",
747
- "description": "Pressed state of elevation.surface.overlay"
748
- },
749
- "value": "#38414A"
750
- },
751
- "name": "elevation.surface.overlay.pressed",
752
- "path": ["elevation", "surface", "overlay", "pressed"],
753
- "cleanName": "elevation.surface.overlay.pressed"
754
- }, {
755
- "attributes": {
756
- "group": "paint",
757
- "state": "active",
758
- "introduced": "0.6.0",
759
- "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
760
- },
761
- "value": "#22272B",
762
- "filePath": "src/tokens/atlassian-dark-iteration/elevation/surface.tsx",
763
- "isSource": true,
764
- "original": {
765
- "attributes": {
766
- "group": "paint",
767
- "state": "active",
768
- "introduced": "0.6.0",
769
- "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
770
- },
771
- "value": "DarkNeutral200"
772
- },
773
- "name": "elevation.surface.raised.[default]",
774
- "path": ["elevation", "surface", "raised", "[default]"],
775
- "cleanName": "elevation.surface.raised"
776
- }, {
777
- "attributes": {
778
- "group": "paint",
779
- "state": "active",
780
- "introduced": "0.10.20",
781
- "description": "Hovered state of elevation.surface.raised"
782
- },
783
- "value": "#282E33",
784
- "filePath": "src/tokens/atlassian-dark-iteration/elevation/surface.tsx",
785
- "isSource": true,
786
- "original": {
787
- "attributes": {
788
- "group": "paint",
789
- "state": "active",
790
- "introduced": "0.10.20",
791
- "description": "Hovered state of elevation.surface.raised"
792
- },
793
- "value": "#282E33"
794
- },
795
- "name": "elevation.surface.raised.hovered",
796
- "path": ["elevation", "surface", "raised", "hovered"],
797
- "cleanName": "elevation.surface.raised.hovered"
798
- }, {
799
- "attributes": {
800
- "group": "paint",
801
- "state": "active",
802
- "introduced": "0.6.0",
803
- "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
804
- },
805
- "value": "#161A1D",
806
- "filePath": "src/tokens/atlassian-dark-iteration/elevation/surface.tsx",
807
- "isSource": true,
808
- "original": {
809
- "attributes": {
810
- "group": "paint",
811
- "state": "active",
812
- "introduced": "0.6.0",
813
- "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
814
- },
815
- "value": "DarkNeutral0"
816
- },
817
- "name": "elevation.surface.sunken",
818
- "path": ["elevation", "surface", "sunken"],
819
- "cleanName": "elevation.surface.sunken"
820
- }, {
821
- "attributes": {
822
- "group": "shadow",
823
- "state": "active",
824
- "introduced": "0.6.0",
825
- "description": "Use for the box shadow of elements that sit on top of the UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.surface.overlay\n\nAlso use for the box shadow of raised cards in a dragged state."
826
- },
827
- "value": [{
828
- "radius": 0,
829
- "spread": 1,
830
- "color": "#BCD6F00A",
831
- "offset": {
832
- "x": 0,
833
- "y": 0
834
- },
835
- "opacity": 0.12,
836
- "inset": true
837
- }, {
838
- "radius": 12,
839
- "offset": {
840
- "x": 0,
841
- "y": 8
842
- },
843
- "color": "#03040442",
844
- "opacity": 0.36
845
- }, {
846
- "radius": 1,
847
- "offset": {
848
- "x": 0,
849
- "y": 0
850
- },
851
- "color": "#03040442",
852
- "opacity": 0.5
853
- }],
854
- "filePath": "src/tokens/atlassian-dark-iteration/elevation/shadow.tsx",
855
- "isSource": true,
856
- "original": {
857
- "attributes": {
858
- "group": "shadow",
859
- "state": "active",
860
- "introduced": "0.6.0",
861
- "description": "Use for the box shadow of elements that sit on top of the UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.surface.overlay\n\nAlso use for the box shadow of raised cards in a dragged state."
862
- },
863
- "value": [{
864
- "radius": 0,
865
- "spread": 1,
866
- "color": "DarkNeutral100A",
867
- "offset": {
868
- "x": 0,
869
- "y": 0
870
- },
871
- "opacity": 0.12,
872
- "inset": true
873
- }, {
874
- "radius": 12,
875
- "offset": {
876
- "x": 0,
877
- "y": 8
878
- },
879
- "color": "DarkNeutral-100A",
880
- "opacity": 0.36
881
- }, {
882
- "radius": 1,
883
- "offset": {
884
- "x": 0,
885
- "y": 0
886
- },
887
- "color": "DarkNeutral-100A",
888
- "opacity": 0.5
889
- }]
890
- },
891
- "name": "elevation.shadow.overlay",
892
- "path": ["elevation", "shadow", "overlay"],
893
- "cleanName": "elevation.shadow.overlay"
894
- }];
895
- export default tokens;