@atlaskit/tokens 1.5.2 → 1.6.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.
- package/CHANGELOG.md +10 -0
- package/dist/cjs/artifacts/palettes-raw/shape-palette.js +3 -3
- package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +12 -10
- package/dist/cjs/artifacts/token-names.js +12 -10
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-new-input-border.js +3 -267
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +33 -33
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +33 -33
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +33 -33
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-new-input-border.js +3 -267
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +33 -33
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +81 -37
- package/dist/cjs/constants.js +1 -1
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/palettes/shape-palette.js +2 -1
- package/dist/cjs/set-global-theme.js +14 -3
- package/dist/cjs/tokens/atlassian-shape/shape.js +7 -1
- package/dist/cjs/tokens/default/shape/shape.js +33 -17
- package/dist/cjs/utils/theme-state-transformer.js +2 -1
- package/dist/cjs/utils/token-order.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/palettes-raw/shape-palette.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-shape.js +12 -10
- package/dist/es2019/artifacts/token-default-values.js +12 -10
- package/dist/es2019/artifacts/token-names.js +12 -10
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-new-input-border.js +3 -267
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +33 -33
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +33 -33
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +33 -33
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-new-input-border.js +3 -267
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +33 -33
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +81 -37
- package/dist/es2019/constants.js +1 -1
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/shape-palette.js +2 -1
- package/dist/es2019/set-global-theme.js +10 -2
- package/dist/es2019/tokens/atlassian-shape/shape.js +7 -1
- package/dist/es2019/tokens/default/shape/shape.js +33 -17
- package/dist/es2019/utils/theme-state-transformer.js +2 -1
- package/dist/es2019/utils/token-order.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/palettes-raw/shape-palette.js +3 -3
- package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +12 -10
- package/dist/esm/artifacts/token-names.js +12 -10
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-new-input-border.js +3 -267
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +33 -33
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +33 -33
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +33 -33
- package/dist/esm/artifacts/tokens-raw/atlassian-light-new-input-border.js +3 -267
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +33 -33
- package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +81 -37
- package/dist/esm/constants.js +1 -1
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/shape-palette.js +2 -1
- package/dist/esm/set-global-theme.js +14 -3
- package/dist/esm/tokens/atlassian-shape/shape.js +7 -1
- package/dist/esm/tokens/default/shape/shape.js +33 -17
- package/dist/esm/utils/theme-state-transformer.js +2 -1
- package/dist/esm/utils/token-order.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +3 -18
- package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +12 -10
- package/dist/types/artifacts/token-names.d.ts +23 -19
- package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/index.d.ts +1 -1
- package/dist/types/palettes/shape-palette.d.ts +1 -1
- package/dist/types/set-global-theme.d.ts +8 -7
- package/dist/types/types.d.ts +3 -1
- package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +3 -18
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +12 -10
- package/dist/types-ts4.5/artifacts/token-names.d.ts +23 -19
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-new-input-border.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-new-input-border.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/palettes/shape-palette.d.ts +1 -1
- package/dist/types-ts4.5/set-global-theme.d.ts +8 -7
- package/dist/types-ts4.5/types.d.ts +3 -1
- package/figma/atlassian-dark.json +16 -16
- package/figma/atlassian-legacy-dark.json +16 -16
- package/figma/atlassian-legacy-light.json +16 -16
- package/figma/atlassian-light.json +16 -16
- package/figma/atlassian-shape.json +36 -18
- package/package.json +3 -4
- package/report.api.md +125 -22
- package/tmp/api-report-tmp.d.ts +107 -27
|
@@ -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::
|
|
3
|
+
* @codegen <<SignedSource::5a69885c78d580dd4da675165d8163c0>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
@@ -30,7 +30,7 @@ var tokens = [{
|
|
|
30
30
|
"group": "paint",
|
|
31
31
|
"state": "active",
|
|
32
32
|
"introduced": "0.6.0",
|
|
33
|
-
"description": "Use for red text on
|
|
33
|
+
"description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
|
|
34
34
|
},
|
|
35
35
|
"value": "#DE350B",
|
|
36
36
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -40,7 +40,7 @@ var tokens = [{
|
|
|
40
40
|
"group": "paint",
|
|
41
41
|
"state": "active",
|
|
42
42
|
"introduced": "0.6.0",
|
|
43
|
-
"description": "Use for red text on
|
|
43
|
+
"description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
|
|
44
44
|
},
|
|
45
45
|
"value": "R400"
|
|
46
46
|
},
|
|
@@ -52,7 +52,7 @@ var tokens = [{
|
|
|
52
52
|
"group": "paint",
|
|
53
53
|
"state": "active",
|
|
54
54
|
"introduced": "0.7.0",
|
|
55
|
-
"description": "Use on
|
|
55
|
+
"description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
|
|
56
56
|
},
|
|
57
57
|
"value": "#BF2600",
|
|
58
58
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -62,7 +62,7 @@ var tokens = [{
|
|
|
62
62
|
"group": "paint",
|
|
63
63
|
"state": "active",
|
|
64
64
|
"introduced": "0.7.0",
|
|
65
|
-
"description": "Use on
|
|
65
|
+
"description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
|
|
66
66
|
},
|
|
67
67
|
"value": "R500"
|
|
68
68
|
},
|
|
@@ -74,7 +74,7 @@ var tokens = [{
|
|
|
74
74
|
"group": "paint",
|
|
75
75
|
"state": "active",
|
|
76
76
|
"introduced": "0.6.0",
|
|
77
|
-
"description": "Use for orange text on
|
|
77
|
+
"description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
|
|
78
78
|
},
|
|
79
79
|
"value": "#F18D13",
|
|
80
80
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -84,7 +84,7 @@ var tokens = [{
|
|
|
84
84
|
"group": "paint",
|
|
85
85
|
"state": "active",
|
|
86
86
|
"introduced": "0.6.0",
|
|
87
|
-
"description": "Use for orange text on
|
|
87
|
+
"description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
|
|
88
88
|
},
|
|
89
89
|
"value": "#F18D13"
|
|
90
90
|
},
|
|
@@ -96,7 +96,7 @@ var tokens = [{
|
|
|
96
96
|
"group": "paint",
|
|
97
97
|
"state": "active",
|
|
98
98
|
"introduced": "0.7.0",
|
|
99
|
-
"description": "Use on
|
|
99
|
+
"description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
|
|
100
100
|
},
|
|
101
101
|
"value": "#B65C02",
|
|
102
102
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -106,7 +106,7 @@ var tokens = [{
|
|
|
106
106
|
"group": "paint",
|
|
107
107
|
"state": "active",
|
|
108
108
|
"introduced": "0.7.0",
|
|
109
|
-
"description": "Use on
|
|
109
|
+
"description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
|
|
110
110
|
},
|
|
111
111
|
"value": "#B65C02"
|
|
112
112
|
},
|
|
@@ -118,7 +118,7 @@ var tokens = [{
|
|
|
118
118
|
"group": "paint",
|
|
119
119
|
"state": "active",
|
|
120
120
|
"introduced": "0.6.0",
|
|
121
|
-
"description": "Use for yellow text on
|
|
121
|
+
"description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
|
|
122
122
|
},
|
|
123
123
|
"value": "#FF991F",
|
|
124
124
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -128,7 +128,7 @@ var tokens = [{
|
|
|
128
128
|
"group": "paint",
|
|
129
129
|
"state": "active",
|
|
130
130
|
"introduced": "0.6.0",
|
|
131
|
-
"description": "Use for yellow text on
|
|
131
|
+
"description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
|
|
132
132
|
},
|
|
133
133
|
"value": "Y400"
|
|
134
134
|
},
|
|
@@ -140,7 +140,7 @@ var tokens = [{
|
|
|
140
140
|
"group": "paint",
|
|
141
141
|
"state": "active",
|
|
142
142
|
"introduced": "0.7.0",
|
|
143
|
-
"description": "Use on
|
|
143
|
+
"description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
|
|
144
144
|
},
|
|
145
145
|
"value": "#FF8B00",
|
|
146
146
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -150,7 +150,7 @@ var tokens = [{
|
|
|
150
150
|
"group": "paint",
|
|
151
151
|
"state": "active",
|
|
152
152
|
"introduced": "0.7.0",
|
|
153
|
-
"description": "Use on
|
|
153
|
+
"description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
|
|
154
154
|
},
|
|
155
155
|
"value": "Y500"
|
|
156
156
|
},
|
|
@@ -162,7 +162,7 @@ var tokens = [{
|
|
|
162
162
|
"group": "paint",
|
|
163
163
|
"state": "active",
|
|
164
164
|
"introduced": "0.6.0",
|
|
165
|
-
"description": "Use for green text on
|
|
165
|
+
"description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
|
|
166
166
|
},
|
|
167
167
|
"value": "#00875A",
|
|
168
168
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -172,7 +172,7 @@ var tokens = [{
|
|
|
172
172
|
"group": "paint",
|
|
173
173
|
"state": "active",
|
|
174
174
|
"introduced": "0.6.0",
|
|
175
|
-
"description": "Use for green text on
|
|
175
|
+
"description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
|
|
176
176
|
},
|
|
177
177
|
"value": "G400"
|
|
178
178
|
},
|
|
@@ -184,7 +184,7 @@ var tokens = [{
|
|
|
184
184
|
"group": "paint",
|
|
185
185
|
"state": "active",
|
|
186
186
|
"introduced": "0.7.0",
|
|
187
|
-
"description": "Use on
|
|
187
|
+
"description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
|
|
188
188
|
},
|
|
189
189
|
"value": "#006644",
|
|
190
190
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -194,7 +194,7 @@ var tokens = [{
|
|
|
194
194
|
"group": "paint",
|
|
195
195
|
"state": "active",
|
|
196
196
|
"introduced": "0.7.0",
|
|
197
|
-
"description": "Use on
|
|
197
|
+
"description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
|
|
198
198
|
},
|
|
199
199
|
"value": "G500"
|
|
200
200
|
},
|
|
@@ -206,7 +206,7 @@ var tokens = [{
|
|
|
206
206
|
"group": "paint",
|
|
207
207
|
"state": "active",
|
|
208
208
|
"introduced": "0.6.0",
|
|
209
|
-
"description": "Use for teal text on
|
|
209
|
+
"description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
|
|
210
210
|
},
|
|
211
211
|
"value": "#00A3BF",
|
|
212
212
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -216,7 +216,7 @@ var tokens = [{
|
|
|
216
216
|
"group": "paint",
|
|
217
217
|
"state": "active",
|
|
218
218
|
"introduced": "0.6.0",
|
|
219
|
-
"description": "Use for teal text on
|
|
219
|
+
"description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
|
|
220
220
|
},
|
|
221
221
|
"value": "T400"
|
|
222
222
|
},
|
|
@@ -228,7 +228,7 @@ var tokens = [{
|
|
|
228
228
|
"group": "paint",
|
|
229
229
|
"state": "active",
|
|
230
230
|
"introduced": "0.7.0",
|
|
231
|
-
"description": "Use on
|
|
231
|
+
"description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
|
|
232
232
|
},
|
|
233
233
|
"value": "#008DA6",
|
|
234
234
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -238,7 +238,7 @@ var tokens = [{
|
|
|
238
238
|
"group": "paint",
|
|
239
239
|
"state": "active",
|
|
240
240
|
"introduced": "0.7.0",
|
|
241
|
-
"description": "Use on
|
|
241
|
+
"description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
|
|
242
242
|
},
|
|
243
243
|
"value": "T500"
|
|
244
244
|
},
|
|
@@ -250,7 +250,7 @@ var tokens = [{
|
|
|
250
250
|
"group": "paint",
|
|
251
251
|
"state": "active",
|
|
252
252
|
"introduced": "0.6.0",
|
|
253
|
-
"description": "Use for blue text on
|
|
253
|
+
"description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
|
|
254
254
|
},
|
|
255
255
|
"value": "#0052CC",
|
|
256
256
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -260,7 +260,7 @@ var tokens = [{
|
|
|
260
260
|
"group": "paint",
|
|
261
261
|
"state": "active",
|
|
262
262
|
"introduced": "0.6.0",
|
|
263
|
-
"description": "Use for blue text on
|
|
263
|
+
"description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
|
|
264
264
|
},
|
|
265
265
|
"value": "B400"
|
|
266
266
|
},
|
|
@@ -272,7 +272,7 @@ var tokens = [{
|
|
|
272
272
|
"group": "paint",
|
|
273
273
|
"state": "active",
|
|
274
274
|
"introduced": "0.7.0",
|
|
275
|
-
"description": "Use on
|
|
275
|
+
"description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
|
|
276
276
|
},
|
|
277
277
|
"value": "#0747A6",
|
|
278
278
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -282,7 +282,7 @@ var tokens = [{
|
|
|
282
282
|
"group": "paint",
|
|
283
283
|
"state": "active",
|
|
284
284
|
"introduced": "0.7.0",
|
|
285
|
-
"description": "Use on
|
|
285
|
+
"description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
|
|
286
286
|
},
|
|
287
287
|
"value": "B500"
|
|
288
288
|
},
|
|
@@ -294,7 +294,7 @@ var tokens = [{
|
|
|
294
294
|
"group": "paint",
|
|
295
295
|
"state": "active",
|
|
296
296
|
"introduced": "0.6.0",
|
|
297
|
-
"description": "Use for purple text on
|
|
297
|
+
"description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
|
|
298
298
|
},
|
|
299
299
|
"value": "#5243AA",
|
|
300
300
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -304,7 +304,7 @@ var tokens = [{
|
|
|
304
304
|
"group": "paint",
|
|
305
305
|
"state": "active",
|
|
306
306
|
"introduced": "0.6.0",
|
|
307
|
-
"description": "Use for purple text on
|
|
307
|
+
"description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
|
|
308
308
|
},
|
|
309
309
|
"value": "P400"
|
|
310
310
|
},
|
|
@@ -316,7 +316,7 @@ var tokens = [{
|
|
|
316
316
|
"group": "paint",
|
|
317
317
|
"state": "active",
|
|
318
318
|
"introduced": "0.7.0",
|
|
319
|
-
"description": "Use on
|
|
319
|
+
"description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
|
|
320
320
|
},
|
|
321
321
|
"value": "#403294",
|
|
322
322
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -326,7 +326,7 @@ var tokens = [{
|
|
|
326
326
|
"group": "paint",
|
|
327
327
|
"state": "active",
|
|
328
328
|
"introduced": "0.7.0",
|
|
329
|
-
"description": "Use on
|
|
329
|
+
"description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
|
|
330
330
|
},
|
|
331
331
|
"value": "P500"
|
|
332
332
|
},
|
|
@@ -338,7 +338,7 @@ var tokens = [{
|
|
|
338
338
|
"group": "paint",
|
|
339
339
|
"state": "active",
|
|
340
340
|
"introduced": "0.6.0",
|
|
341
|
-
"description": "Use for magenta text on
|
|
341
|
+
"description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
|
|
342
342
|
},
|
|
343
343
|
"value": "#E774BB",
|
|
344
344
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -348,7 +348,7 @@ var tokens = [{
|
|
|
348
348
|
"group": "paint",
|
|
349
349
|
"state": "active",
|
|
350
350
|
"introduced": "0.6.0",
|
|
351
|
-
"description": "Use for magenta text on
|
|
351
|
+
"description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
|
|
352
352
|
},
|
|
353
353
|
"value": "#E774BB"
|
|
354
354
|
},
|
|
@@ -360,7 +360,7 @@ var tokens = [{
|
|
|
360
360
|
"group": "paint",
|
|
361
361
|
"state": "active",
|
|
362
362
|
"introduced": "0.7.0",
|
|
363
|
-
"description": "Use on
|
|
363
|
+
"description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
|
|
364
364
|
},
|
|
365
365
|
"value": "#DA62AC",
|
|
366
366
|
"filePath": "src/tokens/atlassian-legacy-light/color/accent.tsx",
|
|
@@ -370,7 +370,7 @@ var tokens = [{
|
|
|
370
370
|
"group": "paint",
|
|
371
371
|
"state": "active",
|
|
372
372
|
"introduced": "0.7.0",
|
|
373
|
-
"description": "Use on
|
|
373
|
+
"description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
|
|
374
374
|
},
|
|
375
375
|
"value": "#DA62AC"
|
|
376
376
|
},
|
|
@@ -1,82 +1,16 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::1b8e6179220992a91da861f10183038f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
7
|
-
"attributes": {
|
|
8
|
-
"group": "paint",
|
|
9
|
-
"state": "active",
|
|
10
|
-
"introduced": "0.6.0",
|
|
11
|
-
"description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
|
|
12
|
-
},
|
|
13
|
-
"value": "#091E4224",
|
|
14
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
15
|
-
"isSource": true,
|
|
16
|
-
"original": {
|
|
17
|
-
"attributes": {
|
|
18
|
-
"group": "paint",
|
|
19
|
-
"state": "active",
|
|
20
|
-
"introduced": "0.6.0",
|
|
21
|
-
"description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
|
|
22
|
-
},
|
|
23
|
-
"value": "Neutral300A"
|
|
24
|
-
},
|
|
25
|
-
"name": "color.border.[default]",
|
|
26
|
-
"path": ["color", "border", "[default]"],
|
|
27
|
-
"cleanName": "color.border"
|
|
28
|
-
}, {
|
|
29
|
-
"attributes": {
|
|
30
|
-
"group": "paint",
|
|
31
|
-
"state": "active",
|
|
32
|
-
"introduced": "0.6.0",
|
|
33
|
-
"description": "Use for borders of elements in a disabled state."
|
|
34
|
-
},
|
|
35
|
-
"value": "#091E420F",
|
|
36
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
37
|
-
"isSource": true,
|
|
38
|
-
"original": {
|
|
39
|
-
"attributes": {
|
|
40
|
-
"group": "paint",
|
|
41
|
-
"state": "active",
|
|
42
|
-
"introduced": "0.6.0",
|
|
43
|
-
"description": "Use for borders of elements in a disabled state."
|
|
44
|
-
},
|
|
45
|
-
"value": "Neutral200A"
|
|
46
|
-
},
|
|
47
|
-
"name": "color.border.disabled",
|
|
48
|
-
"path": ["color", "border", "disabled"],
|
|
49
|
-
"cleanName": "color.border.disabled"
|
|
50
|
-
}, {
|
|
51
|
-
"attributes": {
|
|
52
|
-
"group": "paint",
|
|
53
|
-
"state": "active",
|
|
54
|
-
"introduced": "0.6.0",
|
|
55
|
-
"description": "Use for focus rings of elements in a focus state."
|
|
56
|
-
},
|
|
57
|
-
"value": "#388BFF",
|
|
58
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
59
|
-
"isSource": true,
|
|
60
|
-
"original": {
|
|
61
|
-
"attributes": {
|
|
62
|
-
"group": "paint",
|
|
63
|
-
"state": "active",
|
|
64
|
-
"introduced": "0.6.0",
|
|
65
|
-
"description": "Use for focus rings of elements in a focus state."
|
|
66
|
-
},
|
|
67
|
-
"value": "Blue500"
|
|
68
|
-
},
|
|
69
|
-
"name": "color.border.focused",
|
|
70
|
-
"path": ["color", "border", "focused"],
|
|
71
|
-
"cleanName": "color.border.focused"
|
|
72
|
-
}, {
|
|
73
7
|
"attributes": {
|
|
74
8
|
"group": "paint",
|
|
75
9
|
"state": "active",
|
|
76
10
|
"introduced": "0.6.0",
|
|
77
11
|
"description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
|
|
78
12
|
},
|
|
79
|
-
"value": "#
|
|
13
|
+
"value": "#8590A2",
|
|
80
14
|
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
81
15
|
"isSource": true,
|
|
82
16
|
"original": {
|
|
@@ -86,208 +20,10 @@ var tokens = [{
|
|
|
86
20
|
"introduced": "0.6.0",
|
|
87
21
|
"description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
|
|
88
22
|
},
|
|
89
|
-
"value": "
|
|
23
|
+
"value": "Neutral500"
|
|
90
24
|
},
|
|
91
25
|
"name": "color.border.input",
|
|
92
26
|
"path": ["color", "border", "input"],
|
|
93
27
|
"cleanName": "color.border.input"
|
|
94
|
-
}, {
|
|
95
|
-
"attributes": {
|
|
96
|
-
"group": "paint",
|
|
97
|
-
"state": "active",
|
|
98
|
-
"introduced": "0.6.0",
|
|
99
|
-
"description": "Use for borders on bold backgrounds."
|
|
100
|
-
},
|
|
101
|
-
"value": "#FFFFFF",
|
|
102
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
103
|
-
"isSource": true,
|
|
104
|
-
"original": {
|
|
105
|
-
"attributes": {
|
|
106
|
-
"group": "paint",
|
|
107
|
-
"state": "active",
|
|
108
|
-
"introduced": "0.6.0",
|
|
109
|
-
"description": "Use for borders on bold backgrounds."
|
|
110
|
-
},
|
|
111
|
-
"value": "Neutral0"
|
|
112
|
-
},
|
|
113
|
-
"name": "color.border.inverse",
|
|
114
|
-
"path": ["color", "border", "inverse"],
|
|
115
|
-
"cleanName": "color.border.inverse"
|
|
116
|
-
}, {
|
|
117
|
-
"attributes": {
|
|
118
|
-
"group": "paint",
|
|
119
|
-
"state": "active",
|
|
120
|
-
"introduced": "0.6.2",
|
|
121
|
-
"description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
|
|
122
|
-
},
|
|
123
|
-
"value": "#0C66E4",
|
|
124
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
125
|
-
"isSource": true,
|
|
126
|
-
"original": {
|
|
127
|
-
"attributes": {
|
|
128
|
-
"group": "paint",
|
|
129
|
-
"state": "active",
|
|
130
|
-
"introduced": "0.6.2",
|
|
131
|
-
"description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
|
|
132
|
-
},
|
|
133
|
-
"value": "Blue700"
|
|
134
|
-
},
|
|
135
|
-
"name": "color.border.selected",
|
|
136
|
-
"path": ["color", "border", "selected"],
|
|
137
|
-
"cleanName": "color.border.selected"
|
|
138
|
-
}, {
|
|
139
|
-
"attributes": {
|
|
140
|
-
"group": "paint",
|
|
141
|
-
"state": "active",
|
|
142
|
-
"introduced": "0.6.0",
|
|
143
|
-
"description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
|
|
144
|
-
},
|
|
145
|
-
"value": "#0C66E4",
|
|
146
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
147
|
-
"isSource": true,
|
|
148
|
-
"original": {
|
|
149
|
-
"attributes": {
|
|
150
|
-
"group": "paint",
|
|
151
|
-
"state": "active",
|
|
152
|
-
"introduced": "0.6.0",
|
|
153
|
-
"description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
|
|
154
|
-
},
|
|
155
|
-
"value": "Blue700"
|
|
156
|
-
},
|
|
157
|
-
"name": "color.border.brand",
|
|
158
|
-
"path": ["color", "border", "brand"],
|
|
159
|
-
"cleanName": "color.border.brand"
|
|
160
|
-
}, {
|
|
161
|
-
"attributes": {
|
|
162
|
-
"group": "paint",
|
|
163
|
-
"state": "active",
|
|
164
|
-
"introduced": "0.6.0",
|
|
165
|
-
"description": "Use for borders communicating critical information, such as the borders on invalid text fields."
|
|
166
|
-
},
|
|
167
|
-
"value": "#E34935",
|
|
168
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
169
|
-
"isSource": true,
|
|
170
|
-
"original": {
|
|
171
|
-
"attributes": {
|
|
172
|
-
"group": "paint",
|
|
173
|
-
"state": "active",
|
|
174
|
-
"introduced": "0.6.0",
|
|
175
|
-
"description": "Use for borders communicating critical information, such as the borders on invalid text fields."
|
|
176
|
-
},
|
|
177
|
-
"value": "Red600"
|
|
178
|
-
},
|
|
179
|
-
"name": "color.border.danger",
|
|
180
|
-
"path": ["color", "border", "danger"],
|
|
181
|
-
"cleanName": "color.border.danger"
|
|
182
|
-
}, {
|
|
183
|
-
"attributes": {
|
|
184
|
-
"group": "paint",
|
|
185
|
-
"state": "active",
|
|
186
|
-
"introduced": "0.6.0",
|
|
187
|
-
"description": "Use for borders communicating caution."
|
|
188
|
-
},
|
|
189
|
-
"value": "#D97008",
|
|
190
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
191
|
-
"isSource": true,
|
|
192
|
-
"original": {
|
|
193
|
-
"attributes": {
|
|
194
|
-
"group": "paint",
|
|
195
|
-
"state": "active",
|
|
196
|
-
"introduced": "0.6.0",
|
|
197
|
-
"description": "Use for borders communicating caution."
|
|
198
|
-
},
|
|
199
|
-
"value": "Orange600"
|
|
200
|
-
},
|
|
201
|
-
"name": "color.border.warning",
|
|
202
|
-
"path": ["color", "border", "warning"],
|
|
203
|
-
"cleanName": "color.border.warning"
|
|
204
|
-
}, {
|
|
205
|
-
"attributes": {
|
|
206
|
-
"group": "paint",
|
|
207
|
-
"state": "active",
|
|
208
|
-
"introduced": "0.6.0",
|
|
209
|
-
"description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
|
|
210
|
-
},
|
|
211
|
-
"value": "#22A06B",
|
|
212
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
213
|
-
"isSource": true,
|
|
214
|
-
"original": {
|
|
215
|
-
"attributes": {
|
|
216
|
-
"group": "paint",
|
|
217
|
-
"state": "active",
|
|
218
|
-
"introduced": "0.6.0",
|
|
219
|
-
"description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
|
|
220
|
-
},
|
|
221
|
-
"value": "Green600"
|
|
222
|
-
},
|
|
223
|
-
"name": "color.border.success",
|
|
224
|
-
"path": ["color", "border", "success"],
|
|
225
|
-
"cleanName": "color.border.success"
|
|
226
|
-
}, {
|
|
227
|
-
"attributes": {
|
|
228
|
-
"group": "paint",
|
|
229
|
-
"state": "active",
|
|
230
|
-
"introduced": "0.6.0",
|
|
231
|
-
"description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
|
|
232
|
-
},
|
|
233
|
-
"value": "#8270DB",
|
|
234
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
235
|
-
"isSource": true,
|
|
236
|
-
"original": {
|
|
237
|
-
"attributes": {
|
|
238
|
-
"group": "paint",
|
|
239
|
-
"state": "active",
|
|
240
|
-
"introduced": "0.6.0",
|
|
241
|
-
"description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
|
|
242
|
-
},
|
|
243
|
-
"value": "Purple600"
|
|
244
|
-
},
|
|
245
|
-
"name": "color.border.discovery",
|
|
246
|
-
"path": ["color", "border", "discovery"],
|
|
247
|
-
"cleanName": "color.border.discovery"
|
|
248
|
-
}, {
|
|
249
|
-
"attributes": {
|
|
250
|
-
"group": "paint",
|
|
251
|
-
"state": "active",
|
|
252
|
-
"introduced": "0.6.0",
|
|
253
|
-
"description": "Use for borders communicating information or something in-progress."
|
|
254
|
-
},
|
|
255
|
-
"value": "#1D7AFC",
|
|
256
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
257
|
-
"isSource": true,
|
|
258
|
-
"original": {
|
|
259
|
-
"attributes": {
|
|
260
|
-
"group": "paint",
|
|
261
|
-
"state": "active",
|
|
262
|
-
"introduced": "0.6.0",
|
|
263
|
-
"description": "Use for borders communicating information or something in-progress."
|
|
264
|
-
},
|
|
265
|
-
"value": "Blue600"
|
|
266
|
-
},
|
|
267
|
-
"name": "color.border.information",
|
|
268
|
-
"path": ["color", "border", "information"],
|
|
269
|
-
"cleanName": "color.border.information"
|
|
270
|
-
}, {
|
|
271
|
-
"attributes": {
|
|
272
|
-
"group": "paint",
|
|
273
|
-
"state": "active",
|
|
274
|
-
"introduced": "0.10.8",
|
|
275
|
-
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
276
|
-
},
|
|
277
|
-
"value": "#758195",
|
|
278
|
-
"filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
|
|
279
|
-
"isSource": true,
|
|
280
|
-
"original": {
|
|
281
|
-
"attributes": {
|
|
282
|
-
"group": "paint",
|
|
283
|
-
"state": "active",
|
|
284
|
-
"introduced": "0.10.8",
|
|
285
|
-
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
286
|
-
},
|
|
287
|
-
"value": "Neutral600"
|
|
288
|
-
},
|
|
289
|
-
"name": "color.border.bold",
|
|
290
|
-
"path": ["color", "border", "bold"],
|
|
291
|
-
"cleanName": "color.border.bold"
|
|
292
28
|
}];
|
|
293
29
|
export default tokens;
|