@atlaskit/tokens 0.11.1 → 0.11.3

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 (55) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/atlassian-spacing.css +17 -13
  3. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +249 -1
  4. package/dist/cjs/artifacts/rename-mapping/atlassian-spacing.js +1 -49
  5. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +323 -213
  6. package/dist/cjs/artifacts/typescript/atlassian-spacing-token-default-values.js +17 -13
  7. package/dist/cjs/artifacts/typescript/atlassian-spacing-token-names.js +17 -13
  8. package/dist/cjs/constants.js +1 -1
  9. package/dist/cjs/get-token.js +1 -1
  10. package/dist/cjs/palettes/spacing-scale.js +96 -76
  11. package/dist/cjs/theme-config.js +6 -0
  12. package/dist/cjs/tokens/atlassian-spacing/spacing.js +65 -44
  13. package/dist/cjs/tokens/default/spacing/spacing.js +167 -116
  14. package/dist/cjs/version.json +1 -1
  15. package/dist/es2019/artifacts/palettes-raw/spacing-scale.js +249 -1
  16. package/dist/es2019/artifacts/rename-mapping/atlassian-spacing.js +1 -49
  17. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +323 -213
  18. package/dist/es2019/artifacts/typescript/atlassian-spacing-token-default-values.js +17 -13
  19. package/dist/es2019/artifacts/typescript/atlassian-spacing-token-names.js +17 -13
  20. package/dist/es2019/constants.js +1 -1
  21. package/dist/es2019/get-token.js +1 -1
  22. package/dist/es2019/palettes/spacing-scale.js +95 -76
  23. package/dist/es2019/theme-config.js +6 -0
  24. package/dist/es2019/tokens/atlassian-spacing/spacing.js +64 -44
  25. package/dist/es2019/tokens/default/spacing/spacing.js +166 -116
  26. package/dist/es2019/version.json +1 -1
  27. package/dist/esm/artifacts/palettes-raw/spacing-scale.js +249 -1
  28. package/dist/esm/artifacts/rename-mapping/atlassian-spacing.js +1 -49
  29. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +323 -213
  30. package/dist/esm/artifacts/typescript/atlassian-spacing-token-default-values.js +17 -13
  31. package/dist/esm/artifacts/typescript/atlassian-spacing-token-names.js +17 -13
  32. package/dist/esm/constants.js +1 -1
  33. package/dist/esm/get-token.js +1 -1
  34. package/dist/esm/palettes/spacing-scale.js +95 -76
  35. package/dist/esm/theme-config.js +6 -0
  36. package/dist/esm/tokens/atlassian-spacing/spacing.js +64 -44
  37. package/dist/esm/tokens/default/spacing/spacing.js +166 -116
  38. package/dist/esm/version.json +1 -1
  39. package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts +22 -3
  40. package/dist/types/artifacts/rename-mapping/atlassian-spacing.d.ts +1 -1
  41. package/dist/types/artifacts/token-default-values.d.ts +16 -12
  42. package/dist/types/artifacts/token-names.d.ts +16 -12
  43. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +61 -1
  44. package/dist/types/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +17 -13
  45. package/dist/types/artifacts/typescript/atlassian-spacing-token-names.d.ts +33 -25
  46. package/dist/types/artifacts/typescript/atlassian-spacing-types-internal.d.ts +2 -2
  47. package/dist/types/artifacts/typescript/atlassian-spacing-types.d.ts +2 -2
  48. package/dist/types/palettes/spacing-scale.d.ts +94 -4
  49. package/dist/types/theme-config.d.ts +9 -1
  50. package/dist/types/tokens/atlassian-spacing/spacing.d.ts +8 -2
  51. package/dist/types/tokens/default/spacing/spacing.d.ts +6 -2
  52. package/dist/types/types.d.ts +92 -81
  53. package/package.json +2 -2
  54. package/report.api.md +40 -26
  55. package/tmp/api-report-tmp.d.ts +38 -25
package/report.api.md CHANGED
@@ -319,6 +319,20 @@ type CSSTokenMap_2 = {
319
319
 
320
320
  // @public (undocumented)
321
321
  type CSSTokenMap_3 = {
322
+ 'space.0': 'var(--ds-space-0)';
323
+ 'space.100': 'var(--ds-space-100)';
324
+ 'space.150': 'var(--ds-space-150)';
325
+ 'space.200': 'var(--ds-space-200)';
326
+ 'space.250': 'var(--ds-space-250)';
327
+ 'space.300': 'var(--ds-space-300)';
328
+ 'space.400': 'var(--ds-space-400)';
329
+ 'space.500': 'var(--ds-space-500)';
330
+ 'space.600': 'var(--ds-space-600)';
331
+ 'space.800': 'var(--ds-space-800)';
332
+ 'space.1000': 'var(--ds-space-1000)';
333
+ 'space.025': 'var(--ds-space-025)';
334
+ 'space.050': 'var(--ds-space-050)';
335
+ 'space.075': 'var(--ds-space-075)';
322
336
  'spacing.scale.0': 'var(--ds-scale-0)';
323
337
  'spacing.scale.100': 'var(--ds-scale-100)';
324
338
  'spacing.scale.150': 'var(--ds-scale-150)';
@@ -328,6 +342,8 @@ type CSSTokenMap_3 = {
328
342
  'spacing.scale.400': 'var(--ds-scale-400)';
329
343
  'spacing.scale.500': 'var(--ds-scale-500)';
330
344
  'spacing.scale.600': 'var(--ds-scale-600)';
345
+ 'spacing.scale.800': 'var(--ds-scale-800)';
346
+ 'spacing.scale.1000': 'var(--ds-scale-1000)';
331
347
  'spacing.scale.025': 'var(--ds-scale-025)';
332
348
  'spacing.scale.050': 'var(--ds-scale-050)';
333
349
  'spacing.scale.075': 'var(--ds-scale-075)';
@@ -343,18 +359,6 @@ type CSSTokenMap_3 = {
343
359
  'spacing.scaleLinear.900': 'var(--ds-scaleLinear-900)';
344
360
  'spacing.scaleLinear.1000': 'var(--ds-scaleLinear-1000)';
345
361
  'spacing.scaleLinear.1100': 'var(--ds-scaleLinear-1100)';
346
- 'spacing.pixel.0': 'var(--ds-pixel-0)';
347
- 'spacing.pixel.2': 'var(--ds-pixel-2)';
348
- 'spacing.pixel.4': 'var(--ds-pixel-4)';
349
- 'spacing.pixel.6': 'var(--ds-pixel-6)';
350
- 'spacing.pixel.8': 'var(--ds-pixel-8)';
351
- 'spacing.pixel.12': 'var(--ds-pixel-12)';
352
- 'spacing.pixel.16': 'var(--ds-pixel-16)';
353
- 'spacing.pixel.20': 'var(--ds-pixel-20)';
354
- 'spacing.pixel.24': 'var(--ds-pixel-24)';
355
- 'spacing.pixel.32': 'var(--ds-pixel-32)';
356
- 'spacing.pixel.40': 'var(--ds-pixel-40)';
357
- 'spacing.pixel.48': 'var(--ds-pixel-48)';
358
362
  'spacing.size.none': 'var(--ds-size-none)';
359
363
  'spacing.size.xxxxSmall': 'var(--ds-size-xxxxSmall)';
360
364
  'spacing.size.xxxSmall': 'var(--ds-size-xxxSmall)';
@@ -421,6 +425,9 @@ type CSSTokenMap_4 = {
421
425
  'font.lineHeight.600': 'var(--ds-font-lineHeight-600)';
422
426
  };
423
427
 
428
+ // @public
429
+ type ExtensionThemeId = ThemeIds;
430
+
424
431
  // @public
425
432
  type Palettes =
426
433
  | 'defaultPalette'
@@ -440,7 +447,7 @@ type ThemeColorModes = 'dark' | 'light';
440
447
  // @public
441
448
  interface ThemeConfig {
442
449
  // (undocumented)
443
- attributes:
450
+ attributes: (
444
451
  | {
445
452
  type: 'color';
446
453
  mode: ThemeColorModes;
@@ -450,7 +457,10 @@ interface ThemeConfig {
450
457
  }
451
458
  | {
452
459
  type: 'typography';
453
- };
460
+ }
461
+ ) & {
462
+ extends?: ExtensionThemeId;
463
+ };
454
464
  // (undocumented)
455
465
  displayName: string;
456
466
  // (undocumented)
@@ -524,6 +534,20 @@ const tokens: {
524
534
  readonly 'font.lineHeight.400': '--ds-font-lineHeight-400';
525
535
  readonly 'font.lineHeight.500': '--ds-font-lineHeight-500';
526
536
  readonly 'font.lineHeight.600': '--ds-font-lineHeight-600';
537
+ readonly 'space.0': '--ds-space-0';
538
+ readonly 'space.100': '--ds-space-100';
539
+ readonly 'space.150': '--ds-space-150';
540
+ readonly 'space.200': '--ds-space-200';
541
+ readonly 'space.250': '--ds-space-250';
542
+ readonly 'space.300': '--ds-space-300';
543
+ readonly 'space.400': '--ds-space-400';
544
+ readonly 'space.500': '--ds-space-500';
545
+ readonly 'space.600': '--ds-space-600';
546
+ readonly 'space.800': '--ds-space-800';
547
+ readonly 'space.1000': '--ds-space-1000';
548
+ readonly 'space.025': '--ds-space-025';
549
+ readonly 'space.050': '--ds-space-050';
550
+ readonly 'space.075': '--ds-space-075';
527
551
  readonly 'spacing.scale.0': '--ds-scale-0';
528
552
  readonly 'spacing.scale.100': '--ds-scale-100';
529
553
  readonly 'spacing.scale.150': '--ds-scale-150';
@@ -533,6 +557,8 @@ const tokens: {
533
557
  readonly 'spacing.scale.400': '--ds-scale-400';
534
558
  readonly 'spacing.scale.500': '--ds-scale-500';
535
559
  readonly 'spacing.scale.600': '--ds-scale-600';
560
+ readonly 'spacing.scale.800': '--ds-scale-800';
561
+ readonly 'spacing.scale.1000': '--ds-scale-1000';
536
562
  readonly 'spacing.scale.025': '--ds-scale-025';
537
563
  readonly 'spacing.scale.050': '--ds-scale-050';
538
564
  readonly 'spacing.scale.075': '--ds-scale-075';
@@ -548,18 +574,6 @@ const tokens: {
548
574
  readonly 'spacing.scaleLinear.900': '--ds-scaleLinear-900';
549
575
  readonly 'spacing.scaleLinear.1000': '--ds-scaleLinear-1000';
550
576
  readonly 'spacing.scaleLinear.1100': '--ds-scaleLinear-1100';
551
- readonly 'spacing.pixel.0': '--ds-pixel-0';
552
- readonly 'spacing.pixel.2': '--ds-pixel-2';
553
- readonly 'spacing.pixel.4': '--ds-pixel-4';
554
- readonly 'spacing.pixel.6': '--ds-pixel-6';
555
- readonly 'spacing.pixel.8': '--ds-pixel-8';
556
- readonly 'spacing.pixel.12': '--ds-pixel-12';
557
- readonly 'spacing.pixel.16': '--ds-pixel-16';
558
- readonly 'spacing.pixel.20': '--ds-pixel-20';
559
- readonly 'spacing.pixel.24': '--ds-pixel-24';
560
- readonly 'spacing.pixel.32': '--ds-pixel-32';
561
- readonly 'spacing.pixel.40': '--ds-pixel-40';
562
- readonly 'spacing.pixel.48': '--ds-pixel-48';
563
577
  readonly 'spacing.size.none': '--ds-size-none';
564
578
  readonly 'spacing.size.xxxxSmall': '--ds-size-xxxxSmall';
565
579
  readonly 'spacing.size.xxxSmall': '--ds-size-xxxSmall';
package/tmp/api-report-tmp.d.ts CHANGED
@@ -309,6 +309,20 @@ type CSSTokenMap_2 = {
309
309
 
310
310
  // @public (undocumented)
311
311
  type CSSTokenMap_3 = {
312
+ 'space.0': 'var(--ds-space-0)';
313
+ 'space.100': 'var(--ds-space-100)';
314
+ 'space.150': 'var(--ds-space-150)';
315
+ 'space.200': 'var(--ds-space-200)';
316
+ 'space.250': 'var(--ds-space-250)';
317
+ 'space.300': 'var(--ds-space-300)';
318
+ 'space.400': 'var(--ds-space-400)';
319
+ 'space.500': 'var(--ds-space-500)';
320
+ 'space.600': 'var(--ds-space-600)';
321
+ 'space.800': 'var(--ds-space-800)';
322
+ 'space.1000': 'var(--ds-space-1000)';
323
+ 'space.025': 'var(--ds-space-025)';
324
+ 'space.050': 'var(--ds-space-050)';
325
+ 'space.075': 'var(--ds-space-075)';
312
326
  'spacing.scale.0': 'var(--ds-scale-0)';
313
327
  'spacing.scale.100': 'var(--ds-scale-100)';
314
328
  'spacing.scale.150': 'var(--ds-scale-150)';
@@ -318,6 +332,8 @@ type CSSTokenMap_3 = {
318
332
  'spacing.scale.400': 'var(--ds-scale-400)';
319
333
  'spacing.scale.500': 'var(--ds-scale-500)';
320
334
  'spacing.scale.600': 'var(--ds-scale-600)';
335
+ 'spacing.scale.800': 'var(--ds-scale-800)';
336
+ 'spacing.scale.1000': 'var(--ds-scale-1000)';
321
337
  'spacing.scale.025': 'var(--ds-scale-025)';
322
338
  'spacing.scale.050': 'var(--ds-scale-050)';
323
339
  'spacing.scale.075': 'var(--ds-scale-075)';
@@ -333,18 +349,6 @@ type CSSTokenMap_3 = {
333
349
  'spacing.scaleLinear.900': 'var(--ds-scaleLinear-900)';
334
350
  'spacing.scaleLinear.1000': 'var(--ds-scaleLinear-1000)';
335
351
  'spacing.scaleLinear.1100': 'var(--ds-scaleLinear-1100)';
336
- 'spacing.pixel.0': 'var(--ds-pixel-0)';
337
- 'spacing.pixel.2': 'var(--ds-pixel-2)';
338
- 'spacing.pixel.4': 'var(--ds-pixel-4)';
339
- 'spacing.pixel.6': 'var(--ds-pixel-6)';
340
- 'spacing.pixel.8': 'var(--ds-pixel-8)';
341
- 'spacing.pixel.12': 'var(--ds-pixel-12)';
342
- 'spacing.pixel.16': 'var(--ds-pixel-16)';
343
- 'spacing.pixel.20': 'var(--ds-pixel-20)';
344
- 'spacing.pixel.24': 'var(--ds-pixel-24)';
345
- 'spacing.pixel.32': 'var(--ds-pixel-32)';
346
- 'spacing.pixel.40': 'var(--ds-pixel-40)';
347
- 'spacing.pixel.48': 'var(--ds-pixel-48)';
348
352
  'spacing.size.none': 'var(--ds-size-none)';
349
353
  'spacing.size.xxxxSmall': 'var(--ds-size-xxxxSmall)';
350
354
  'spacing.size.xxxSmall': 'var(--ds-size-xxxSmall)';
@@ -411,6 +415,9 @@ type CSSTokenMap_4 = {
411
415
  'font.lineHeight.600': 'var(--ds-font-lineHeight-600)';
412
416
  };
413
417
 
418
+ // @public
419
+ type ExtensionThemeId = ThemeIds;
420
+
414
421
  // @public
415
422
  type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'typographyPalette';
416
423
 
@@ -423,13 +430,15 @@ type ThemeColorModes = 'dark' | 'light';
423
430
  // @public
424
431
  interface ThemeConfig {
425
432
  // (undocumented)
426
- attributes: {
433
+ attributes: ({
427
434
  type: 'color';
428
435
  mode: ThemeColorModes;
429
436
  } | {
430
437
  type: 'spacing';
431
438
  } | {
432
439
  type: 'typography';
440
+ }) & {
441
+ extends?: ExtensionThemeId;
433
442
  };
434
443
  // (undocumented)
435
444
  displayName: string;
@@ -489,6 +498,20 @@ const tokens: {
489
498
  readonly 'font.lineHeight.400': "--ds-font-lineHeight-400";
490
499
  readonly 'font.lineHeight.500': "--ds-font-lineHeight-500";
491
500
  readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
501
+ readonly 'space.0': "--ds-space-0";
502
+ readonly 'space.100': "--ds-space-100";
503
+ readonly 'space.150': "--ds-space-150";
504
+ readonly 'space.200': "--ds-space-200";
505
+ readonly 'space.250': "--ds-space-250";
506
+ readonly 'space.300': "--ds-space-300";
507
+ readonly 'space.400': "--ds-space-400";
508
+ readonly 'space.500': "--ds-space-500";
509
+ readonly 'space.600': "--ds-space-600";
510
+ readonly 'space.800': "--ds-space-800";
511
+ readonly 'space.1000': "--ds-space-1000";
512
+ readonly 'space.025': "--ds-space-025";
513
+ readonly 'space.050': "--ds-space-050";
514
+ readonly 'space.075': "--ds-space-075";
492
515
  readonly 'spacing.scale.0': "--ds-scale-0";
493
516
  readonly 'spacing.scale.100': "--ds-scale-100";
494
517
  readonly 'spacing.scale.150': "--ds-scale-150";
@@ -498,6 +521,8 @@ const tokens: {
498
521
  readonly 'spacing.scale.400': "--ds-scale-400";
499
522
  readonly 'spacing.scale.500': "--ds-scale-500";
500
523
  readonly 'spacing.scale.600': "--ds-scale-600";
524
+ readonly 'spacing.scale.800': "--ds-scale-800";
525
+ readonly 'spacing.scale.1000': "--ds-scale-1000";
501
526
  readonly 'spacing.scale.025': "--ds-scale-025";
502
527
  readonly 'spacing.scale.050': "--ds-scale-050";
503
528
  readonly 'spacing.scale.075': "--ds-scale-075";
@@ -513,18 +538,6 @@ const tokens: {
513
538
  readonly 'spacing.scaleLinear.900': "--ds-scaleLinear-900";
514
539
  readonly 'spacing.scaleLinear.1000': "--ds-scaleLinear-1000";
515
540
  readonly 'spacing.scaleLinear.1100': "--ds-scaleLinear-1100";
516
- readonly 'spacing.pixel.0': "--ds-pixel-0";
517
- readonly 'spacing.pixel.2': "--ds-pixel-2";
518
- readonly 'spacing.pixel.4': "--ds-pixel-4";
519
- readonly 'spacing.pixel.6': "--ds-pixel-6";
520
- readonly 'spacing.pixel.8': "--ds-pixel-8";
521
- readonly 'spacing.pixel.12': "--ds-pixel-12";
522
- readonly 'spacing.pixel.16': "--ds-pixel-16";
523
- readonly 'spacing.pixel.20': "--ds-pixel-20";
524
- readonly 'spacing.pixel.24': "--ds-pixel-24";
525
- readonly 'spacing.pixel.32': "--ds-pixel-32";
526
- readonly 'spacing.pixel.40': "--ds-pixel-40";
527
- readonly 'spacing.pixel.48': "--ds-pixel-48";
528
541
  readonly 'spacing.size.none': "--ds-size-none";
529
542
  readonly 'spacing.size.xxxxSmall': "--ds-size-xxxxSmall";
530
543
  readonly 'spacing.size.xxxSmall': "--ds-size-xxxSmall";