@atlaskit/tokens 6.5.0 → 7.0.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 +23 -40
- package/dist/cjs/artifacts/palettes-raw/shape-palette.js +1 -31
- package/dist/cjs/artifacts/replacement-mapping.js +2 -32
- package/dist/cjs/artifacts/theme-import-map.js +1 -13
- package/dist/cjs/artifacts/themes/atlassian-shape-rounder.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-shape-roundest.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +1 -11
- package/dist/cjs/artifacts/token-names.js +1 -11
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +1 -241
- package/dist/cjs/babel-plugin/plugin.js +2 -2
- package/dist/cjs/entry-points/token-metadata.codegen.js +1 -51
- package/dist/cjs/theme-config.js +1 -17
- package/dist/es2019/artifacts/palettes-raw/shape-palette.js +1 -31
- package/dist/es2019/artifacts/replacement-mapping.js +2 -32
- package/dist/es2019/artifacts/theme-import-map.js +1 -5
- package/dist/es2019/artifacts/themes/atlassian-shape-rounder.js +1 -11
- package/dist/es2019/artifacts/themes/atlassian-shape-roundest.js +1 -11
- package/dist/es2019/artifacts/themes/atlassian-shape.js +1 -11
- package/dist/es2019/artifacts/token-default-values.js +1 -11
- package/dist/es2019/artifacts/token-names.js +1 -11
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +1 -241
- package/dist/es2019/babel-plugin/plugin.js +2 -2
- package/dist/es2019/entry-points/token-metadata.codegen.js +1 -51
- package/dist/es2019/theme-config.js +1 -17
- package/dist/esm/artifacts/palettes-raw/shape-palette.js +1 -31
- package/dist/esm/artifacts/replacement-mapping.js +2 -32
- package/dist/esm/artifacts/theme-import-map.js +1 -9
- package/dist/esm/artifacts/themes/atlassian-shape-rounder.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-shape-roundest.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +1 -11
- package/dist/esm/artifacts/token-names.js +1 -11
- package/dist/esm/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
- package/dist/esm/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
- package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +1 -241
- package/dist/esm/babel-plugin/plugin.js +2 -2
- package/dist/esm/entry-points/token-metadata.codegen.js +1 -51
- package/dist/esm/theme-config.js +1 -17
- package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +1 -1
- package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-shape-rounder.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-shape-roundest.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +1 -11
- package/dist/types/artifacts/token-names.d.ts +1 -21
- package/dist/types/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types/theme-config.d.ts +4 -4
- package/dist/types/types.d.ts +0 -12
- package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape-rounder.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape-roundest.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +1 -11
- package/dist/types-ts4.5/artifacts/token-names.d.ts +1 -21
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/theme-config.d.ts +2 -6
- package/dist/types-ts4.5/types.d.ts +0 -12
- package/package.json +3 -3
|
@@ -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::884d9496e85b87859f0c8ef41167280b>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -170,174 +170,6 @@ var tokens = [{
|
|
|
170
170
|
"name": "radius.tile",
|
|
171
171
|
"path": ["radius", "tile"],
|
|
172
172
|
"cleanName": "radius.tile"
|
|
173
|
-
}, {
|
|
174
|
-
"attributes": {
|
|
175
|
-
"group": "shape",
|
|
176
|
-
"state": "deprecated",
|
|
177
|
-
"introduced": "1.5.2",
|
|
178
|
-
"deprecated": "6.1.0",
|
|
179
|
-
"description": "The default border radius."
|
|
180
|
-
},
|
|
181
|
-
"value": "4px",
|
|
182
|
-
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
183
|
-
"isSource": true,
|
|
184
|
-
"original": {
|
|
185
|
-
"attributes": {
|
|
186
|
-
"group": "shape",
|
|
187
|
-
"state": "deprecated",
|
|
188
|
-
"introduced": "1.5.2",
|
|
189
|
-
"deprecated": "6.1.0",
|
|
190
|
-
"description": "The default border radius."
|
|
191
|
-
},
|
|
192
|
-
"value": "Radius04"
|
|
193
|
-
},
|
|
194
|
-
"name": "border.radius.[default]",
|
|
195
|
-
"path": ["border", "radius", "[default]"],
|
|
196
|
-
"cleanName": "border.radius"
|
|
197
|
-
}, {
|
|
198
|
-
"attributes": {
|
|
199
|
-
"group": "shape",
|
|
200
|
-
"state": "deprecated",
|
|
201
|
-
"introduced": "1.1.0",
|
|
202
|
-
"deprecated": "6.1.0",
|
|
203
|
-
"description": "Used for selection indicators, like tabs."
|
|
204
|
-
},
|
|
205
|
-
"value": "2px",
|
|
206
|
-
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
207
|
-
"isSource": true,
|
|
208
|
-
"original": {
|
|
209
|
-
"attributes": {
|
|
210
|
-
"group": "shape",
|
|
211
|
-
"state": "deprecated",
|
|
212
|
-
"introduced": "1.1.0",
|
|
213
|
-
"deprecated": "6.1.0",
|
|
214
|
-
"description": "Used for selection indicators, like tabs."
|
|
215
|
-
},
|
|
216
|
-
"value": "Radius02"
|
|
217
|
-
},
|
|
218
|
-
"name": "border.radius.050",
|
|
219
|
-
"path": ["border", "radius", "050"],
|
|
220
|
-
"cleanName": "border.radius.050"
|
|
221
|
-
}, {
|
|
222
|
-
"attributes": {
|
|
223
|
-
"group": "shape",
|
|
224
|
-
"state": "deprecated",
|
|
225
|
-
"introduced": "1.1.0",
|
|
226
|
-
"deprecated": "6.1.0",
|
|
227
|
-
"description": "Used for buttons and inputs."
|
|
228
|
-
},
|
|
229
|
-
"value": "4px",
|
|
230
|
-
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
231
|
-
"isSource": true,
|
|
232
|
-
"original": {
|
|
233
|
-
"attributes": {
|
|
234
|
-
"group": "shape",
|
|
235
|
-
"state": "deprecated",
|
|
236
|
-
"introduced": "1.1.0",
|
|
237
|
-
"deprecated": "6.1.0",
|
|
238
|
-
"description": "Used for buttons and inputs."
|
|
239
|
-
},
|
|
240
|
-
"value": "Radius04"
|
|
241
|
-
},
|
|
242
|
-
"name": "border.radius.100",
|
|
243
|
-
"path": ["border", "radius", "100"],
|
|
244
|
-
"cleanName": "border.radius.100"
|
|
245
|
-
}, {
|
|
246
|
-
"attributes": {
|
|
247
|
-
"group": "shape",
|
|
248
|
-
"state": "deprecated",
|
|
249
|
-
"introduced": "1.1.0",
|
|
250
|
-
"deprecated": "6.1.0",
|
|
251
|
-
"description": "Used for smaller cards."
|
|
252
|
-
},
|
|
253
|
-
"value": "8px",
|
|
254
|
-
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
255
|
-
"isSource": true,
|
|
256
|
-
"original": {
|
|
257
|
-
"attributes": {
|
|
258
|
-
"group": "shape",
|
|
259
|
-
"state": "deprecated",
|
|
260
|
-
"introduced": "1.1.0",
|
|
261
|
-
"deprecated": "6.1.0",
|
|
262
|
-
"description": "Used for smaller cards."
|
|
263
|
-
},
|
|
264
|
-
"value": "Radius08"
|
|
265
|
-
},
|
|
266
|
-
"name": "border.radius.200",
|
|
267
|
-
"path": ["border", "radius", "200"],
|
|
268
|
-
"cleanName": "border.radius.200"
|
|
269
|
-
}, {
|
|
270
|
-
"attributes": {
|
|
271
|
-
"group": "shape",
|
|
272
|
-
"state": "deprecated",
|
|
273
|
-
"introduced": "1.1.0",
|
|
274
|
-
"deprecated": "6.1.0",
|
|
275
|
-
"description": "Used for cards and larger containers."
|
|
276
|
-
},
|
|
277
|
-
"value": "12px",
|
|
278
|
-
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
279
|
-
"isSource": true,
|
|
280
|
-
"original": {
|
|
281
|
-
"attributes": {
|
|
282
|
-
"group": "shape",
|
|
283
|
-
"state": "deprecated",
|
|
284
|
-
"introduced": "1.1.0",
|
|
285
|
-
"deprecated": "6.1.0",
|
|
286
|
-
"description": "Used for cards and larger containers."
|
|
287
|
-
},
|
|
288
|
-
"value": "Radius12"
|
|
289
|
-
},
|
|
290
|
-
"name": "border.radius.300",
|
|
291
|
-
"path": ["border", "radius", "300"],
|
|
292
|
-
"cleanName": "border.radius.300"
|
|
293
|
-
}, {
|
|
294
|
-
"attributes": {
|
|
295
|
-
"group": "shape",
|
|
296
|
-
"state": "deprecated",
|
|
297
|
-
"introduced": "1.1.0",
|
|
298
|
-
"deprecated": "6.1.0",
|
|
299
|
-
"description": "Used for modals."
|
|
300
|
-
},
|
|
301
|
-
"value": "16px",
|
|
302
|
-
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
303
|
-
"isSource": true,
|
|
304
|
-
"original": {
|
|
305
|
-
"attributes": {
|
|
306
|
-
"group": "shape",
|
|
307
|
-
"state": "deprecated",
|
|
308
|
-
"introduced": "1.1.0",
|
|
309
|
-
"deprecated": "6.1.0",
|
|
310
|
-
"description": "Used for modals."
|
|
311
|
-
},
|
|
312
|
-
"value": "Radius16"
|
|
313
|
-
},
|
|
314
|
-
"name": "border.radius.400",
|
|
315
|
-
"path": ["border", "radius", "400"],
|
|
316
|
-
"cleanName": "border.radius.400"
|
|
317
|
-
}, {
|
|
318
|
-
"attributes": {
|
|
319
|
-
"group": "shape",
|
|
320
|
-
"state": "deprecated",
|
|
321
|
-
"introduced": "1.1.0",
|
|
322
|
-
"deprecated": "6.1.0",
|
|
323
|
-
"description": "Used for circular containers, like a rounded button."
|
|
324
|
-
},
|
|
325
|
-
"value": "9999px",
|
|
326
|
-
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
327
|
-
"isSource": true,
|
|
328
|
-
"original": {
|
|
329
|
-
"attributes": {
|
|
330
|
-
"group": "shape",
|
|
331
|
-
"state": "deprecated",
|
|
332
|
-
"introduced": "1.1.0",
|
|
333
|
-
"deprecated": "6.1.0",
|
|
334
|
-
"description": "Used for circular containers, like a rounded button."
|
|
335
|
-
},
|
|
336
|
-
"value": "Radius99"
|
|
337
|
-
},
|
|
338
|
-
"name": "border.radius.circle",
|
|
339
|
-
"path": ["border", "radius", "circle"],
|
|
340
|
-
"cleanName": "border.radius.circle"
|
|
341
173
|
}, {
|
|
342
174
|
"attributes": {
|
|
343
175
|
"group": "shape",
|
|
@@ -362,78 +194,6 @@ var tokens = [{
|
|
|
362
194
|
"name": "border.width.[default]",
|
|
363
195
|
"path": ["border", "width", "[default]"],
|
|
364
196
|
"cleanName": "border.width"
|
|
365
|
-
}, {
|
|
366
|
-
"attributes": {
|
|
367
|
-
"group": "shape",
|
|
368
|
-
"state": "deprecated",
|
|
369
|
-
"introduced": "1.2.1",
|
|
370
|
-
"deprecated": "6.1.0",
|
|
371
|
-
"description": "Used for zero width borders."
|
|
372
|
-
},
|
|
373
|
-
"value": "0px",
|
|
374
|
-
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
375
|
-
"isSource": true,
|
|
376
|
-
"original": {
|
|
377
|
-
"attributes": {
|
|
378
|
-
"group": "shape",
|
|
379
|
-
"state": "deprecated",
|
|
380
|
-
"introduced": "1.2.1",
|
|
381
|
-
"deprecated": "6.1.0",
|
|
382
|
-
"description": "Used for zero width borders."
|
|
383
|
-
},
|
|
384
|
-
"value": "Size0"
|
|
385
|
-
},
|
|
386
|
-
"name": "border.width.0",
|
|
387
|
-
"path": ["border", "width", "0"],
|
|
388
|
-
"cleanName": "border.width.0"
|
|
389
|
-
}, {
|
|
390
|
-
"attributes": {
|
|
391
|
-
"group": "shape",
|
|
392
|
-
"state": "deprecated",
|
|
393
|
-
"introduced": "1.5.2",
|
|
394
|
-
"deprecated": "6.1.0",
|
|
395
|
-
"description": "Used for indicators like tab and menu selected states."
|
|
396
|
-
},
|
|
397
|
-
"value": "3px",
|
|
398
|
-
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
399
|
-
"isSource": true,
|
|
400
|
-
"original": {
|
|
401
|
-
"attributes": {
|
|
402
|
-
"group": "shape",
|
|
403
|
-
"state": "deprecated",
|
|
404
|
-
"introduced": "1.5.2",
|
|
405
|
-
"deprecated": "6.1.0",
|
|
406
|
-
"description": "Used for indicators like tab and menu selected states."
|
|
407
|
-
},
|
|
408
|
-
"value": "Size200"
|
|
409
|
-
},
|
|
410
|
-
"name": "border.width.indicator",
|
|
411
|
-
"path": ["border", "width", "indicator"],
|
|
412
|
-
"cleanName": "border.width.indicator"
|
|
413
|
-
}, {
|
|
414
|
-
"attributes": {
|
|
415
|
-
"group": "shape",
|
|
416
|
-
"state": "deprecated",
|
|
417
|
-
"introduced": "1.5.2",
|
|
418
|
-
"deprecated": "6.1.0",
|
|
419
|
-
"description": "Used for focus, active or selected inputs."
|
|
420
|
-
},
|
|
421
|
-
"value": "2px",
|
|
422
|
-
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
423
|
-
"isSource": true,
|
|
424
|
-
"original": {
|
|
425
|
-
"attributes": {
|
|
426
|
-
"group": "shape",
|
|
427
|
-
"state": "deprecated",
|
|
428
|
-
"introduced": "1.5.2",
|
|
429
|
-
"deprecated": "6.1.0",
|
|
430
|
-
"description": "Used for focus, active or selected inputs."
|
|
431
|
-
},
|
|
432
|
-
"value": "BorderWidth2"
|
|
433
|
-
},
|
|
434
|
-
"name": "border.width.outline",
|
|
435
|
-
"path": ["border", "width", "outline"],
|
|
436
|
-
"cleanName": "border.width.outline"
|
|
437
197
|
}, {
|
|
438
198
|
"attributes": {
|
|
439
199
|
"group": "shape",
|
|
@@ -114,9 +114,9 @@ export default function plugin() {
|
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
// The
|
|
117
|
+
// The radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live apps and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
|
|
118
118
|
// The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
|
|
119
|
-
var forceAutoFallbackExemptions = ['
|
|
119
|
+
var forceAutoFallbackExemptions = ['radius'].concat(_toConsumableArray(state.opts.forceAutoFallbackExemptions || []));
|
|
120
120
|
|
|
121
121
|
// Handle fallbacks
|
|
122
122
|
var fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::fc7eb246882a1c2dfeef3f7836f83459>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -2232,61 +2232,11 @@ export var tokens = [{
|
|
|
2232
2232
|
path: ['radius', 'tile'],
|
|
2233
2233
|
description: 'Used for tiles only.',
|
|
2234
2234
|
exampleValue: '25%'
|
|
2235
|
-
}, {
|
|
2236
|
-
name: 'border.radius',
|
|
2237
|
-
path: ['border', 'radius', '[default]'],
|
|
2238
|
-
description: 'The default border radius.',
|
|
2239
|
-
exampleValue: '0.25rem'
|
|
2240
|
-
}, {
|
|
2241
|
-
name: 'border.radius.050',
|
|
2242
|
-
path: ['border', 'radius', '050'],
|
|
2243
|
-
description: 'Used for selection indicators, like tabs.',
|
|
2244
|
-
exampleValue: '0.125rem'
|
|
2245
|
-
}, {
|
|
2246
|
-
name: 'border.radius.100',
|
|
2247
|
-
path: ['border', 'radius', '100'],
|
|
2248
|
-
description: 'Used for buttons and inputs.',
|
|
2249
|
-
exampleValue: '0.25rem'
|
|
2250
|
-
}, {
|
|
2251
|
-
name: 'border.radius.200',
|
|
2252
|
-
path: ['border', 'radius', '200'],
|
|
2253
|
-
description: 'Used for smaller cards.',
|
|
2254
|
-
exampleValue: '0.5rem'
|
|
2255
|
-
}, {
|
|
2256
|
-
name: 'border.radius.300',
|
|
2257
|
-
path: ['border', 'radius', '300'],
|
|
2258
|
-
description: 'Used for cards and larger containers.',
|
|
2259
|
-
exampleValue: '0.75rem'
|
|
2260
|
-
}, {
|
|
2261
|
-
name: 'border.radius.400',
|
|
2262
|
-
path: ['border', 'radius', '400'],
|
|
2263
|
-
description: 'Used for modals.',
|
|
2264
|
-
exampleValue: '1rem'
|
|
2265
|
-
}, {
|
|
2266
|
-
name: 'border.radius.circle',
|
|
2267
|
-
path: ['border', 'radius', 'circle'],
|
|
2268
|
-
description: 'Used for circular containers, like a rounded button.',
|
|
2269
|
-
exampleValue: '624.9375rem'
|
|
2270
2235
|
}, {
|
|
2271
2236
|
name: 'border.width',
|
|
2272
2237
|
path: ['border', 'width', '[default]'],
|
|
2273
2238
|
description: 'The default width for all standard component borders and dividers.',
|
|
2274
2239
|
exampleValue: '0.0625rem'
|
|
2275
|
-
}, {
|
|
2276
|
-
name: 'border.width.0',
|
|
2277
|
-
path: ['border', 'width', '0'],
|
|
2278
|
-
description: 'Used for zero width borders.',
|
|
2279
|
-
exampleValue: '0rem'
|
|
2280
|
-
}, {
|
|
2281
|
-
name: 'border.width.indicator',
|
|
2282
|
-
path: ['border', 'width', 'indicator'],
|
|
2283
|
-
description: 'Used for indicators like tab and menu selected states.',
|
|
2284
|
-
exampleValue: '0.1875rem'
|
|
2285
|
-
}, {
|
|
2286
|
-
name: 'border.width.outline',
|
|
2287
|
-
path: ['border', 'width', 'outline'],
|
|
2288
|
-
description: 'Used for focus, active or selected inputs.',
|
|
2289
|
-
exampleValue: '0.125rem'
|
|
2290
2240
|
}, {
|
|
2291
2241
|
name: 'border.width.selected',
|
|
2292
2242
|
path: ['border', 'width', 'selected'],
|
package/dist/esm/theme-config.js
CHANGED
|
@@ -40,7 +40,7 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
|
|
|
40
40
|
*
|
|
41
41
|
* These ids must be kebab case
|
|
42
42
|
*/
|
|
43
|
-
export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', '
|
|
43
|
+
export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
|
|
44
44
|
/**
|
|
45
45
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
46
46
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -176,22 +176,6 @@ var themeConfig = {
|
|
|
176
176
|
type: 'shape'
|
|
177
177
|
}
|
|
178
178
|
},
|
|
179
|
-
'atlassian-shape-rounder': {
|
|
180
|
-
id: 'shape-rounder',
|
|
181
|
-
displayName: 'Shape (Rounder)',
|
|
182
|
-
palette: 'shapePalette',
|
|
183
|
-
attributes: {
|
|
184
|
-
type: 'shape'
|
|
185
|
-
}
|
|
186
|
-
},
|
|
187
|
-
'atlassian-shape-roundest': {
|
|
188
|
-
id: 'shape-roundest',
|
|
189
|
-
displayName: 'Shape (Roundest)',
|
|
190
|
-
palette: 'shapePalette',
|
|
191
|
-
attributes: {
|
|
192
|
-
type: 'shape'
|
|
193
|
-
}
|
|
194
|
-
},
|
|
195
179
|
'atlassian-typography-modernized': {
|
|
196
180
|
id: 'typography-modernized',
|
|
197
181
|
displayName: 'Atlassian Typography (Modernized)',
|
|
@@ -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::0573206a0674f4e86073a4ec84cad3b9>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* These changes will then be picked up by our tooling which will attempt to
|
|
13
13
|
* migrate as many of these renames as possible.
|
|
14
14
|
*
|
|
15
|
-
* @codegen <<SignedSource::
|
|
15
|
+
* @codegen <<SignedSource::c779b40628532228cae2ec34977f1f8e>>
|
|
16
16
|
* @codegenCommand yarn build tokens
|
|
17
17
|
*/
|
|
18
18
|
import type tokens from './token-names';
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
7
7
|
* When a new theme is created, the import should automatically be added to the map
|
|
8
8
|
*
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::4131829e60733a1a5e513dcc84af81de>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::f516cab37702e8e3d5152cb55d59256b>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.75rem;\n --ds-radius-xlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.75rem;\n --ds-radius-xlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::46c9186a43917f0c2addc79cdca0c7e6>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.75rem;\n --ds-radius-large: 1rem;\n --ds-radius-xlarge: 1.25rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.75rem;\n --ds-radius-large: 1rem;\n --ds-radius-xlarge: 1.25rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::a1c0e74bffea67b610c867ef86037e15>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"shape:shape\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.5rem;\n --ds-radius-xlarge: 0.75rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"shape:shape\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.5rem;\n --ds-radius-xlarge: 0.75rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -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::
|
|
10
|
+
* @codegen <<SignedSource::e7abfe1ee39a9de14a95d8a23472f8e4>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
declare const defaultTokenValues: {
|
|
@@ -456,17 +456,7 @@ declare const defaultTokenValues: {
|
|
|
456
456
|
readonly 'radius.xlarge': "0.75rem";
|
|
457
457
|
readonly 'radius.full': "624.9375rem";
|
|
458
458
|
readonly 'radius.tile': "25%";
|
|
459
|
-
readonly 'border.radius': "0.25rem";
|
|
460
|
-
readonly 'border.radius.050': "0.125rem";
|
|
461
|
-
readonly 'border.radius.100': "0.25rem";
|
|
462
|
-
readonly 'border.radius.200': "0.5rem";
|
|
463
|
-
readonly 'border.radius.300': "0.75rem";
|
|
464
|
-
readonly 'border.radius.400': "1rem";
|
|
465
|
-
readonly 'border.radius.circle': "624.9375rem";
|
|
466
459
|
readonly 'border.width': "0.0625rem";
|
|
467
|
-
readonly 'border.width.0': "0rem";
|
|
468
|
-
readonly 'border.width.indicator': "0.1875rem";
|
|
469
|
-
readonly 'border.width.outline': "0.125rem";
|
|
470
460
|
readonly 'border.width.selected': "0.125rem";
|
|
471
461
|
readonly 'border.width.focused': "0.125rem";
|
|
472
462
|
};
|
|
@@ -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::e7897709d50bd1f9582875a2a591b896>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: {
|
|
@@ -449,17 +449,7 @@ declare const tokens: {
|
|
|
449
449
|
readonly 'radius.xlarge': "--ds-radius-xlarge";
|
|
450
450
|
readonly 'radius.full': "--ds-radius-full";
|
|
451
451
|
readonly 'radius.tile': "--ds-radius-tile";
|
|
452
|
-
readonly 'border.radius': "--ds-border-radius";
|
|
453
|
-
readonly 'border.radius.050': "--ds-border-radius-050";
|
|
454
|
-
readonly 'border.radius.100': "--ds-border-radius-100";
|
|
455
|
-
readonly 'border.radius.200': "--ds-border-radius-200";
|
|
456
|
-
readonly 'border.radius.300': "--ds-border-radius-300";
|
|
457
|
-
readonly 'border.radius.400': "--ds-border-radius-400";
|
|
458
|
-
readonly 'border.radius.circle': "--ds-border-radius-circle";
|
|
459
452
|
readonly 'border.width': "--ds-border-width";
|
|
460
|
-
readonly 'border.width.0': "--ds-border-width-0";
|
|
461
|
-
readonly 'border.width.indicator': "--ds-border-width-indicator";
|
|
462
|
-
readonly 'border.width.outline': "--ds-border-width-outline";
|
|
463
453
|
readonly 'border.width.selected': "--ds-border-width-selected";
|
|
464
454
|
readonly 'border.width.focused': "--ds-border-width-focused";
|
|
465
455
|
};
|
|
@@ -909,17 +899,7 @@ export type CSSTokenMap = {
|
|
|
909
899
|
'radius.xlarge': 'var(--ds-radius-xlarge)';
|
|
910
900
|
'radius.full': 'var(--ds-radius-full)';
|
|
911
901
|
'radius.tile': 'var(--ds-radius-tile)';
|
|
912
|
-
'border.radius': 'var(--ds-border-radius)';
|
|
913
|
-
'border.radius.050': 'var(--ds-border-radius-050)';
|
|
914
|
-
'border.radius.100': 'var(--ds-border-radius-100)';
|
|
915
|
-
'border.radius.200': 'var(--ds-border-radius-200)';
|
|
916
|
-
'border.radius.300': 'var(--ds-border-radius-300)';
|
|
917
|
-
'border.radius.400': 'var(--ds-border-radius-400)';
|
|
918
|
-
'border.radius.circle': 'var(--ds-border-radius-circle)';
|
|
919
902
|
'border.width': 'var(--ds-border-width)';
|
|
920
|
-
'border.width.0': 'var(--ds-border-width-0)';
|
|
921
|
-
'border.width.indicator': 'var(--ds-border-width-indicator)';
|
|
922
|
-
'border.width.outline': 'var(--ds-border-width-outline)';
|
|
923
903
|
'border.width.selected': 'var(--ds-border-width-selected)';
|
|
924
904
|
'border.width.focused': 'var(--ds-border-width-focused)';
|
|
925
905
|
};
|
|
@@ -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::4a6fe755c8ce27dedb961a7e2509999e>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -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::10d4ca88d4eb59289a9aba2bc6c77d9f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -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::884d9496e85b87859f0c8ef41167280b>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::fc7eb246882a1c2dfeef3f7836f83459>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
export interface Token {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* These ids are what the actual theme files/folders are called.
|
|
7
7
|
* style-dictionary will attempt to locate these in the file-system.
|
|
8
8
|
*/
|
|
9
|
-
export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-
|
|
9
|
+
export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-refreshed' | 'atlassian-typography-modernized' | 'atlassian-typography-adg3';
|
|
10
10
|
export type ThemeFileNames = Themes;
|
|
11
11
|
/**
|
|
12
12
|
* ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
|
|
@@ -42,7 +42,7 @@ export type DataContrastModes = 'more' | 'no-preference' | 'auto';
|
|
|
42
42
|
*
|
|
43
43
|
* These ids must be kebab case
|
|
44
44
|
*/
|
|
45
|
-
export declare const themeIds: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "
|
|
45
|
+
export declare const themeIds: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "typography", "typography-adg3", "typography-modernized", "typography-refreshed"];
|
|
46
46
|
export type ThemeIds = (typeof themeIds)[number];
|
|
47
47
|
/**
|
|
48
48
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
@@ -50,7 +50,7 @@ export type ThemeIds = (typeof themeIds)[number];
|
|
|
50
50
|
*/
|
|
51
51
|
declare const themeOverrideIds: readonly [];
|
|
52
52
|
export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
|
|
53
|
-
export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "
|
|
53
|
+
export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "typography", "typography-adg3", "typography-modernized", "typography-refreshed"];
|
|
54
54
|
export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
|
|
55
55
|
/**
|
|
56
56
|
* Theme to use a base. This will create the theme as
|
|
@@ -119,7 +119,7 @@ export interface ThemeState {
|
|
|
119
119
|
dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast' | 'light-brand-refresh' | 'dark-brand-refresh'>;
|
|
120
120
|
colorMode: ThemeColorModes;
|
|
121
121
|
contrastMode: ThemeContrastModes;
|
|
122
|
-
shape?: Extract<ThemeIds, 'shape'
|
|
122
|
+
shape?: Extract<ThemeIds, 'shape'>;
|
|
123
123
|
spacing: Extract<ThemeIds, 'spacing'>;
|
|
124
124
|
/**
|
|
125
125
|
* @deprecated 'typography-adg3' is deprecated, use 'typography' instead
|
package/dist/types/types.d.ts
CHANGED
|
@@ -1036,22 +1036,10 @@ export interface TypographyTokenSchema<TPalette extends {
|
|
|
1036
1036
|
export interface ShapeTokenSchema<BaseToken> {
|
|
1037
1037
|
border: {
|
|
1038
1038
|
width: {
|
|
1039
|
-
'0': ShapeToken<BaseToken>;
|
|
1040
|
-
indicator: ShapeToken<BaseToken>;
|
|
1041
|
-
outline: ShapeToken<BaseToken>;
|
|
1042
1039
|
'[default]': ShapeToken<BaseToken>;
|
|
1043
1040
|
selected: ShapeToken<BaseToken>;
|
|
1044
1041
|
focused: ShapeToken<BaseToken>;
|
|
1045
1042
|
};
|
|
1046
|
-
radius: {
|
|
1047
|
-
'[default]': ShapeToken<BaseToken>;
|
|
1048
|
-
'050': ShapeToken<BaseToken>;
|
|
1049
|
-
'100': ShapeToken<BaseToken>;
|
|
1050
|
-
'200': ShapeToken<BaseToken>;
|
|
1051
|
-
'300': ShapeToken<BaseToken>;
|
|
1052
|
-
'400': ShapeToken<BaseToken>;
|
|
1053
|
-
circle: ShapeToken<BaseToken>;
|
|
1054
|
-
};
|
|
1055
1043
|
};
|
|
1056
1044
|
radius: {
|
|
1057
1045
|
xsmall: ShapeToken<BaseToken>;
|
|
@@ -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::0573206a0674f4e86073a4ec84cad3b9>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* These changes will then be picked up by our tooling which will attempt to
|
|
13
13
|
* migrate as many of these renames as possible.
|
|
14
14
|
*
|
|
15
|
-
* @codegen <<SignedSource::
|
|
15
|
+
* @codegen <<SignedSource::c779b40628532228cae2ec34977f1f8e>>
|
|
16
16
|
* @codegenCommand yarn build tokens
|
|
17
17
|
*/
|
|
18
18
|
import type tokens from './token-names';
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
7
7
|
* When a new theme is created, the import should automatically be added to the map
|
|
8
8
|
*
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::4131829e60733a1a5e513dcc84af81de>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';
|