@atlaskit/tokens 0.10.29 → 0.10.31

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 (69) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/css/atlassian-legacy-light.css +10 -10
  3. package/css/atlassian-spacing.css +65 -2
  4. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +22 -5
  5. package/dist/cjs/artifacts/rename-mapping/atlassian-spacing.js +254 -2
  6. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +20 -20
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
  8. package/dist/cjs/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
  9. package/dist/cjs/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/palettes/legacy-palette.js +9 -2
  12. package/dist/cjs/tokens/atlassian-legacy-light/color/background.js +8 -7
  13. package/dist/cjs/tokens/atlassian-legacy-light/color/text.js +2 -2
  14. package/dist/cjs/tokens/atlassian-spacing/spacing.js +218 -5
  15. package/dist/cjs/tokens/default/spacing/spacing.js +612 -11
  16. package/dist/cjs/version.json +1 -1
  17. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +22 -5
  18. package/dist/es2019/artifacts/rename-mapping/atlassian-spacing.js +254 -2
  19. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +20 -20
  20. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
  21. package/dist/es2019/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
  22. package/dist/es2019/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
  23. package/dist/es2019/get-token.js +1 -1
  24. package/dist/es2019/palettes/legacy-palette.js +9 -2
  25. package/dist/es2019/tokens/atlassian-legacy-light/color/background.js +8 -7
  26. package/dist/es2019/tokens/atlassian-legacy-light/color/text.js +2 -2
  27. package/dist/es2019/tokens/atlassian-spacing/spacing.js +218 -5
  28. package/dist/es2019/tokens/default/spacing/spacing.js +612 -11
  29. package/dist/es2019/version.json +1 -1
  30. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +22 -5
  31. package/dist/esm/artifacts/rename-mapping/atlassian-spacing.js +254 -2
  32. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +20 -20
  33. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1493 -24
  34. package/dist/esm/artifacts/typescript/atlassian-spacing-token-default-values.js +66 -3
  35. package/dist/esm/artifacts/typescript/atlassian-spacing-token-names.js +66 -3
  36. package/dist/esm/get-token.js +1 -1
  37. package/dist/esm/palettes/legacy-palette.js +9 -2
  38. package/dist/esm/tokens/atlassian-legacy-light/color/background.js +8 -7
  39. package/dist/esm/tokens/atlassian-legacy-light/color/text.js +2 -2
  40. package/dist/esm/tokens/atlassian-spacing/spacing.js +218 -5
  41. package/dist/esm/tokens/default/spacing/spacing.js +612 -11
  42. package/dist/esm/version.json +1 -1
  43. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +1 -1
  44. package/dist/types/artifacts/rename-mapping/atlassian-spacing.d.ts +1 -1
  45. package/dist/types/artifacts/token-default-values.d.ts +64 -1
  46. package/dist/types/artifacts/token-names.d.ts +64 -1
  47. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  48. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +32 -3
  49. package/dist/types/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +65 -2
  50. package/dist/types/artifacts/typescript/atlassian-spacing-token-names.d.ts +129 -3
  51. package/dist/types/palettes/legacy-palette.d.ts +1 -1
  52. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +1 -1
  53. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +1 -1
  54. package/dist/types/types.d.ts +104 -3
  55. package/dist/types-ts4.0/artifacts/palettes-raw/legacy-palette.d.ts +1 -1
  56. package/dist/types-ts4.0/artifacts/rename-mapping/atlassian-spacing.d.ts +1 -1
  57. package/dist/types-ts4.0/artifacts/token-default-values.d.ts +64 -1
  58. package/dist/types-ts4.0/artifacts/token-names.d.ts +64 -1
  59. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  60. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-spacing.d.ts +32 -3
  61. package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +65 -2
  62. package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-names.d.ts +129 -3
  63. package/dist/types-ts4.0/palettes/legacy-palette.d.ts +1 -1
  64. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/utility/utility.d.ts +1 -1
  65. package/dist/types-ts4.0/tokens/atlassian-legacy-light/utility/utility.d.ts +1 -1
  66. package/dist/types-ts4.0/types.d.ts +104 -3
  67. package/package.json +8 -7
  68. package/report.api.md +129 -3
  69. package/tmp/api-report-tmp.d.ts +128 -2
@@ -1,5 +1,5 @@
1
1
  import type { UtilTokenSchema, ValueSchema } from '../../../types';
2
2
  declare const _default: {
3
- utility: ValueSchema<UtilTokenSchema<"transparent" | "R50" | "R75" | "R100" | "R200" | "R300" | "R400" | "R500" | "Y50" | "Y75" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G50" | "G75" | "G100" | "G200" | "G300" | "G400" | "G500" | "B50" | "B75" | "B100" | "B200" | "B300" | "B400" | "B500" | "P50" | "P75" | "P100" | "P200" | "P300" | "P400" | "P500" | "T50" | "T75" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N10" | "N20" | "N30" | "N40" | "N50" | "N60" | "N70" | "N80" | "N90" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N10A" | "N20A" | "N30A" | "N40A" | "N50A" | "N60A" | "N70A" | "N80A" | "N90A" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "N600A" | "N700A" | "N800A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN90" | "DN80" | "DN70" | "DN60" | "DN50" | "DN40" | "DN30" | "DN20" | "DN10" | "DN0" | "DN800A" | "DN700A" | "DN600A" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "DN90A" | "DN80A" | "DN70A" | "DN60A" | "DN50A" | "DN40A" | "DN30A" | "DN20A" | "DN10A">>;
3
+ utility: ValueSchema<UtilTokenSchema<"transparent" | "R50" | "R75" | "R100" | "R200" | "R300" | "R400" | "R500" | "Y50" | "Y75" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "O800" | "G50" | "G75" | "G100" | "G200" | "G300" | "G400" | "G500" | "B50" | "B75" | "B100" | "B200" | "B300" | "B400" | "B500" | "P50" | "P75" | "P100" | "P200" | "P300" | "P400" | "P500" | "T50" | "T75" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N10" | "N20" | "N30" | "N40" | "N50" | "N60" | "N70" | "N80" | "N90" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N10A" | "N20A" | "N30A" | "N40A" | "N50A" | "N60A" | "N70A" | "N80A" | "N90A" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "N600A" | "N700A" | "N800A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN90" | "DN80" | "DN70" | "DN60" | "DN50" | "DN40" | "DN30" | "DN20" | "DN10" | "DN0" | "DN800A" | "DN700A" | "DN600A" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "DN90A" | "DN80A" | "DN70A" | "DN60A" | "DN50A" | "DN40A" | "DN30A" | "DN20A" | "DN10A">>;
4
4
  };
5
5
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import type { UtilTokenSchema, ValueSchema } from '../../../types';
2
2
  declare const _default: {
3
- utility: ValueSchema<UtilTokenSchema<"transparent" | "R50" | "R75" | "R100" | "R200" | "R300" | "R400" | "R500" | "Y50" | "Y75" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G50" | "G75" | "G100" | "G200" | "G300" | "G400" | "G500" | "B50" | "B75" | "B100" | "B200" | "B300" | "B400" | "B500" | "P50" | "P75" | "P100" | "P200" | "P300" | "P400" | "P500" | "T50" | "T75" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N10" | "N20" | "N30" | "N40" | "N50" | "N60" | "N70" | "N80" | "N90" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N10A" | "N20A" | "N30A" | "N40A" | "N50A" | "N60A" | "N70A" | "N80A" | "N90A" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "N600A" | "N700A" | "N800A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN90" | "DN80" | "DN70" | "DN60" | "DN50" | "DN40" | "DN30" | "DN20" | "DN10" | "DN0" | "DN800A" | "DN700A" | "DN600A" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "DN90A" | "DN80A" | "DN70A" | "DN60A" | "DN50A" | "DN40A" | "DN30A" | "DN20A" | "DN10A">>;
3
+ utility: ValueSchema<UtilTokenSchema<"transparent" | "R50" | "R75" | "R100" | "R200" | "R300" | "R400" | "R500" | "Y50" | "Y75" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "O800" | "G50" | "G75" | "G100" | "G200" | "G300" | "G400" | "G500" | "B50" | "B75" | "B100" | "B200" | "B300" | "B400" | "B500" | "P50" | "P75" | "P100" | "P200" | "P300" | "P400" | "P500" | "T50" | "T75" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N10" | "N20" | "N30" | "N40" | "N50" | "N60" | "N70" | "N80" | "N90" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N10A" | "N20A" | "N30A" | "N40A" | "N50A" | "N60A" | "N70A" | "N80A" | "N90A" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "N600A" | "N700A" | "N800A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN90" | "DN80" | "DN70" | "DN60" | "DN50" | "DN40" | "DN30" | "DN20" | "DN10" | "DN0" | "DN800A" | "DN700A" | "DN600A" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "DN90A" | "DN80A" | "DN70A" | "DN60A" | "DN50A" | "DN40A" | "DN30A" | "DN20A" | "DN10A">>;
4
4
  };
5
5
  export default _default;
@@ -37,6 +37,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
37
37
  group: Group;
38
38
  description: string;
39
39
  introduced: string;
40
+ suggest?: string[];
40
41
  } | {
41
42
  state: DeprecatedTokenState;
42
43
  group: Group;
@@ -58,6 +59,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
58
59
  description: string;
59
60
  introduced: string;
60
61
  replacement?: ExperimentalReplacement;
62
+ suggest?: string[];
61
63
  };
62
64
  }
63
65
  declare type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
@@ -671,9 +673,6 @@ export declare type ColorTokenSchema<BaseToken> = BackgroundColorTokenSchema<Bas
671
673
  export declare type TokenSchema<BaseToken> = ColorTokenSchema<BaseToken> & ElevationTokenSchema<BaseToken>;
672
674
  export interface SpacingTokenSchema<BaseToken> {
673
675
  spacing: {
674
- container: {
675
- gutter: SpacingToken<BaseToken>;
676
- };
677
676
  scale: {
678
677
  '0': SpacingToken<BaseToken>;
679
678
  '025': SpacingToken<BaseToken>;
@@ -688,6 +687,108 @@ export interface SpacingTokenSchema<BaseToken> {
688
687
  '500': SpacingToken<BaseToken>;
689
688
  '600': SpacingToken<BaseToken>;
690
689
  };
690
+ scaleLinear: {
691
+ '0': SpacingToken<BaseToken>;
692
+ '100': SpacingToken<BaseToken>;
693
+ '200': SpacingToken<BaseToken>;
694
+ '300': SpacingToken<BaseToken>;
695
+ '400': SpacingToken<BaseToken>;
696
+ '500': SpacingToken<BaseToken>;
697
+ '600': SpacingToken<BaseToken>;
698
+ '700': SpacingToken<BaseToken>;
699
+ '800': SpacingToken<BaseToken>;
700
+ '900': SpacingToken<BaseToken>;
701
+ '1000': SpacingToken<BaseToken>;
702
+ '1100': SpacingToken<BaseToken>;
703
+ };
704
+ pixel: {
705
+ '0': SpacingToken<BaseToken>;
706
+ '2': SpacingToken<BaseToken>;
707
+ '4': SpacingToken<BaseToken>;
708
+ '6': SpacingToken<BaseToken>;
709
+ '8': SpacingToken<BaseToken>;
710
+ '12': SpacingToken<BaseToken>;
711
+ '16': SpacingToken<BaseToken>;
712
+ '20': SpacingToken<BaseToken>;
713
+ '24': SpacingToken<BaseToken>;
714
+ '32': SpacingToken<BaseToken>;
715
+ '40': SpacingToken<BaseToken>;
716
+ '48': SpacingToken<BaseToken>;
717
+ };
718
+ size: {
719
+ none: SpacingToken<BaseToken>;
720
+ xxxxSmall: SpacingToken<BaseToken>;
721
+ xxxSmall: SpacingToken<BaseToken>;
722
+ xxSmall: SpacingToken<BaseToken>;
723
+ xsmall: SpacingToken<BaseToken>;
724
+ small: SpacingToken<BaseToken>;
725
+ medium: SpacingToken<BaseToken>;
726
+ large: SpacingToken<BaseToken>;
727
+ xlarge: SpacingToken<BaseToken>;
728
+ xxlarge: SpacingToken<BaseToken>;
729
+ xxxlarge: SpacingToken<BaseToken>;
730
+ xxxxlarge: SpacingToken<BaseToken>;
731
+ };
732
+ ecl: {
733
+ element: {
734
+ '2': SpacingToken<BaseToken>;
735
+ '4': SpacingToken<BaseToken>;
736
+ '6': SpacingToken<BaseToken>;
737
+ '8': SpacingToken<BaseToken>;
738
+ };
739
+ container: {
740
+ '12': SpacingToken<BaseToken>;
741
+ '16': SpacingToken<BaseToken>;
742
+ '20': SpacingToken<BaseToken>;
743
+ '24': SpacingToken<BaseToken>;
744
+ };
745
+ layout: {
746
+ '32': SpacingToken<BaseToken>;
747
+ '40': SpacingToken<BaseToken>;
748
+ '64': SpacingToken<BaseToken>;
749
+ };
750
+ };
751
+ ccc: {
752
+ component: {
753
+ '2': SpacingToken<BaseToken>;
754
+ '4': SpacingToken<BaseToken>;
755
+ '6': SpacingToken<BaseToken>;
756
+ '8': SpacingToken<BaseToken>;
757
+ };
758
+ content: {
759
+ '12': SpacingToken<BaseToken>;
760
+ '16': SpacingToken<BaseToken>;
761
+ '20': SpacingToken<BaseToken>;
762
+ '24': SpacingToken<BaseToken>;
763
+ };
764
+ container: {
765
+ '32': SpacingToken<BaseToken>;
766
+ '40': SpacingToken<BaseToken>;
767
+ '48': SpacingToken<BaseToken>;
768
+ };
769
+ };
770
+ gap: {
771
+ 100: {
772
+ value: 'Space100';
773
+ };
774
+ 200: {
775
+ value: 'Space200';
776
+ };
777
+ 300: {
778
+ value: 'Space300';
779
+ };
780
+ };
781
+ inset: {
782
+ 100: {
783
+ value: 'Space100';
784
+ };
785
+ 200: {
786
+ value: 'Space200';
787
+ };
788
+ 300: {
789
+ value: 'Space300';
790
+ };
791
+ };
691
792
  };
692
793
  }
693
794
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.10.29",
3
+ "version": "0.10.31",
4
4
  "author": "Atlassian Pty Ltd",
5
5
  "description": "Design tokens are the single source of truth to name and store design decisions.",
6
6
  "license": "Apache-2.0",
@@ -13,8 +13,7 @@
13
13
  "releaseModel": "continuous",
14
14
  "website": {
15
15
  "name": "Design tokens",
16
- "category": "Libraries",
17
- "draft": true
16
+ "category": "Libraries"
18
17
  }
19
18
  },
20
19
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
@@ -66,18 +65,18 @@
66
65
  "@af/codegen": "*",
67
66
  "@atlaskit/avatar": "^21.1.0",
68
67
  "@atlaskit/badge": "^15.0.11",
69
- "@atlaskit/button": "^16.3.0",
68
+ "@atlaskit/button": "^16.4.0",
70
69
  "@atlaskit/checkbox": "^12.4.0",
71
70
  "@atlaskit/code": "^14.4.0",
72
71
  "@atlaskit/docs": "^9.0.10",
73
72
  "@atlaskit/dropdown-menu": "^11.5.0",
74
- "@atlaskit/ds-explorations": "^0.1.5",
73
+ "@atlaskit/ds-explorations": "^1.0.0",
75
74
  "@atlaskit/dynamic-table": "^14.8.0",
76
75
  "@atlaskit/empty-state": "^7.4.0",
77
76
  "@atlaskit/focus-ring": "^1.1.0",
78
77
  "@atlaskit/heading": "^0.1.16",
79
78
  "@atlaskit/icon": "^21.11.0",
80
- "@atlaskit/lozenge": "^11.2.0",
79
+ "@atlaskit/lozenge": "^11.3.0",
81
80
  "@atlaskit/modal-dialog": "^12.4.0",
82
81
  "@atlaskit/section-message": "^6.3.0",
83
82
  "@atlaskit/tabs": "^13.3.0",
@@ -115,7 +114,9 @@
115
114
  "design-system": "v1",
116
115
  "ui-components": "lite-mode",
117
116
  "deprecation": "no-deprecated-imports",
118
- "styling": "emotion"
117
+ "styling": [
118
+ "emotion"
119
+ ]
119
120
  }
120
121
  },
121
122
  "homepage": "https://atlassian.design/components/tokens",
package/report.api.md CHANGED
@@ -1,4 +1,4 @@
1
- <!-- API Report Version: 2.2 -->
1
+ <!-- API Report Version: 2.3 -->
2
2
 
3
3
  ## API Report File for "@atlaskit/tokens"
4
4
 
@@ -317,7 +317,6 @@ type CSSTokenMap_2 = {
317
317
 
318
318
  // @public (undocumented)
319
319
  type CSSTokenMap_3 = {
320
- 'spacing.container.gutter': 'var(--ds-container-gutter)';
321
320
  'spacing.scale.0': 'var(--ds-scale-0)';
322
321
  'spacing.scale.100': 'var(--ds-scale-100)';
323
322
  'spacing.scale.150': 'var(--ds-scale-150)';
@@ -330,6 +329,70 @@ type CSSTokenMap_3 = {
330
329
  'spacing.scale.025': 'var(--ds-scale-025)';
331
330
  'spacing.scale.050': 'var(--ds-scale-050)';
332
331
  'spacing.scale.075': 'var(--ds-scale-075)';
332
+ 'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
333
+ 'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
334
+ 'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
335
+ 'spacing.scaleLinear.300': 'var(--ds-scaleLinear-300)';
336
+ 'spacing.scaleLinear.400': 'var(--ds-scaleLinear-400)';
337
+ 'spacing.scaleLinear.500': 'var(--ds-scaleLinear-500)';
338
+ 'spacing.scaleLinear.600': 'var(--ds-scaleLinear-600)';
339
+ 'spacing.scaleLinear.700': 'var(--ds-scaleLinear-700)';
340
+ 'spacing.scaleLinear.800': 'var(--ds-scaleLinear-800)';
341
+ 'spacing.scaleLinear.900': 'var(--ds-scaleLinear-900)';
342
+ 'spacing.scaleLinear.1000': 'var(--ds-scaleLinear-1000)';
343
+ 'spacing.scaleLinear.1100': 'var(--ds-scaleLinear-1100)';
344
+ 'spacing.pixel.0': 'var(--ds-pixel-0)';
345
+ 'spacing.pixel.2': 'var(--ds-pixel-2)';
346
+ 'spacing.pixel.4': 'var(--ds-pixel-4)';
347
+ 'spacing.pixel.6': 'var(--ds-pixel-6)';
348
+ 'spacing.pixel.8': 'var(--ds-pixel-8)';
349
+ 'spacing.pixel.12': 'var(--ds-pixel-12)';
350
+ 'spacing.pixel.16': 'var(--ds-pixel-16)';
351
+ 'spacing.pixel.20': 'var(--ds-pixel-20)';
352
+ 'spacing.pixel.24': 'var(--ds-pixel-24)';
353
+ 'spacing.pixel.32': 'var(--ds-pixel-32)';
354
+ 'spacing.pixel.40': 'var(--ds-pixel-40)';
355
+ 'spacing.pixel.48': 'var(--ds-pixel-48)';
356
+ 'spacing.size.none': 'var(--ds-size-none)';
357
+ 'spacing.size.xxxxSmall': 'var(--ds-size-xxxxSmall)';
358
+ 'spacing.size.xxxSmall': 'var(--ds-size-xxxSmall)';
359
+ 'spacing.size.xxSmall': 'var(--ds-size-xxSmall)';
360
+ 'spacing.size.xsmall': 'var(--ds-size-xsmall)';
361
+ 'spacing.size.small': 'var(--ds-size-small)';
362
+ 'spacing.size.medium': 'var(--ds-size-medium)';
363
+ 'spacing.size.large': 'var(--ds-size-large)';
364
+ 'spacing.size.xlarge': 'var(--ds-size-xlarge)';
365
+ 'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
366
+ 'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
367
+ 'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
368
+ 'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
369
+ 'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
370
+ 'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
371
+ 'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
372
+ 'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
373
+ 'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
374
+ 'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
375
+ 'spacing.ecl.container.24': 'var(--ds-ecl-container-24)';
376
+ 'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
377
+ 'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
378
+ 'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
379
+ 'spacing.ccc.component.2': 'var(--ds-ccc-component-2)';
380
+ 'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
381
+ 'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
382
+ 'spacing.ccc.component.8': 'var(--ds-ccc-component-8)';
383
+ 'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
384
+ 'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
385
+ 'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
386
+ 'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
387
+ 'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
388
+ 'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
389
+ 'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
390
+ 'spacing.gap.100': 'var(--ds-gap-100)';
391
+ 'spacing.gap.200': 'var(--ds-gap-200)';
392
+ 'spacing.gap.300': 'var(--ds-gap-300)';
393
+ 'spacing.inset.100': 'var(--ds-inset-100)';
394
+ 'spacing.inset.200': 'var(--ds-inset-200)';
395
+ 'spacing.inset.300': 'var(--ds-inset-300)';
333
396
  };
334
397
 
335
398
  // @public
@@ -406,7 +469,6 @@ type Tokens = typeof tokens;
406
469
 
407
470
  // @public (undocumented)
408
471
  const tokens: {
409
- readonly 'spacing.container.gutter': '--ds-container-gutter';
410
472
  readonly 'spacing.scale.0': '--ds-scale-0';
411
473
  readonly 'spacing.scale.100': '--ds-scale-100';
412
474
  readonly 'spacing.scale.150': '--ds-scale-150';
@@ -419,6 +481,70 @@ const tokens: {
419
481
  readonly 'spacing.scale.025': '--ds-scale-025';
420
482
  readonly 'spacing.scale.050': '--ds-scale-050';
421
483
  readonly 'spacing.scale.075': '--ds-scale-075';
484
+ readonly 'spacing.scaleLinear.0': '--ds-scaleLinear-0';
485
+ readonly 'spacing.scaleLinear.100': '--ds-scaleLinear-100';
486
+ readonly 'spacing.scaleLinear.200': '--ds-scaleLinear-200';
487
+ readonly 'spacing.scaleLinear.300': '--ds-scaleLinear-300';
488
+ readonly 'spacing.scaleLinear.400': '--ds-scaleLinear-400';
489
+ readonly 'spacing.scaleLinear.500': '--ds-scaleLinear-500';
490
+ readonly 'spacing.scaleLinear.600': '--ds-scaleLinear-600';
491
+ readonly 'spacing.scaleLinear.700': '--ds-scaleLinear-700';
492
+ readonly 'spacing.scaleLinear.800': '--ds-scaleLinear-800';
493
+ readonly 'spacing.scaleLinear.900': '--ds-scaleLinear-900';
494
+ readonly 'spacing.scaleLinear.1000': '--ds-scaleLinear-1000';
495
+ readonly 'spacing.scaleLinear.1100': '--ds-scaleLinear-1100';
496
+ readonly 'spacing.pixel.0': '--ds-pixel-0';
497
+ readonly 'spacing.pixel.2': '--ds-pixel-2';
498
+ readonly 'spacing.pixel.4': '--ds-pixel-4';
499
+ readonly 'spacing.pixel.6': '--ds-pixel-6';
500
+ readonly 'spacing.pixel.8': '--ds-pixel-8';
501
+ readonly 'spacing.pixel.12': '--ds-pixel-12';
502
+ readonly 'spacing.pixel.16': '--ds-pixel-16';
503
+ readonly 'spacing.pixel.20': '--ds-pixel-20';
504
+ readonly 'spacing.pixel.24': '--ds-pixel-24';
505
+ readonly 'spacing.pixel.32': '--ds-pixel-32';
506
+ readonly 'spacing.pixel.40': '--ds-pixel-40';
507
+ readonly 'spacing.pixel.48': '--ds-pixel-48';
508
+ readonly 'spacing.size.none': '--ds-size-none';
509
+ readonly 'spacing.size.xxxxSmall': '--ds-size-xxxxSmall';
510
+ readonly 'spacing.size.xxxSmall': '--ds-size-xxxSmall';
511
+ readonly 'spacing.size.xxSmall': '--ds-size-xxSmall';
512
+ readonly 'spacing.size.xsmall': '--ds-size-xsmall';
513
+ readonly 'spacing.size.small': '--ds-size-small';
514
+ readonly 'spacing.size.medium': '--ds-size-medium';
515
+ readonly 'spacing.size.large': '--ds-size-large';
516
+ readonly 'spacing.size.xlarge': '--ds-size-xlarge';
517
+ readonly 'spacing.size.xxlarge': '--ds-size-xxlarge';
518
+ readonly 'spacing.size.xxxlarge': '--ds-size-xxxlarge';
519
+ readonly 'spacing.size.xxxxlarge': '--ds-size-xxxxlarge';
520
+ readonly 'spacing.ecl.element.2': '--ds-ecl-element-2';
521
+ readonly 'spacing.ecl.element.4': '--ds-ecl-element-4';
522
+ readonly 'spacing.ecl.element.6': '--ds-ecl-element-6';
523
+ readonly 'spacing.ecl.element.8': '--ds-ecl-element-8';
524
+ readonly 'spacing.ecl.container.12': '--ds-ecl-container-12';
525
+ readonly 'spacing.ecl.container.16': '--ds-ecl-container-16';
526
+ readonly 'spacing.ecl.container.20': '--ds-ecl-container-20';
527
+ readonly 'spacing.ecl.container.24': '--ds-ecl-container-24';
528
+ readonly 'spacing.ecl.layout.32': '--ds-ecl-layout-32';
529
+ readonly 'spacing.ecl.layout.40': '--ds-ecl-layout-40';
530
+ readonly 'spacing.ecl.layout.64': '--ds-ecl-layout-64';
531
+ readonly 'spacing.ccc.component.2': '--ds-ccc-component-2';
532
+ readonly 'spacing.ccc.component.4': '--ds-ccc-component-4';
533
+ readonly 'spacing.ccc.component.6': '--ds-ccc-component-6';
534
+ readonly 'spacing.ccc.component.8': '--ds-ccc-component-8';
535
+ readonly 'spacing.ccc.content.12': '--ds-ccc-content-12';
536
+ readonly 'spacing.ccc.content.16': '--ds-ccc-content-16';
537
+ readonly 'spacing.ccc.content.20': '--ds-ccc-content-20';
538
+ readonly 'spacing.ccc.content.24': '--ds-ccc-content-24';
539
+ readonly 'spacing.ccc.container.32': '--ds-ccc-container-32';
540
+ readonly 'spacing.ccc.container.40': '--ds-ccc-container-40';
541
+ readonly 'spacing.ccc.container.48': '--ds-ccc-container-48';
542
+ readonly 'spacing.gap.100': '--ds-gap-100';
543
+ readonly 'spacing.gap.200': '--ds-gap-200';
544
+ readonly 'spacing.gap.300': '--ds-gap-300';
545
+ readonly 'spacing.inset.100': '--ds-inset-100';
546
+ readonly 'spacing.inset.200': '--ds-inset-200';
547
+ readonly 'spacing.inset.300': '--ds-inset-300';
422
548
  readonly 'color.text.accent.blue': '--ds-text-accent-blue';
423
549
  readonly 'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder';
424
550
  readonly 'color.text.accent.red': '--ds-text-accent-red';
@@ -307,7 +307,6 @@ type CSSTokenMap_2 = {
307
307
 
308
308
  // @public (undocumented)
309
309
  type CSSTokenMap_3 = {
310
- 'spacing.container.gutter': 'var(--ds-container-gutter)';
311
310
  'spacing.scale.0': 'var(--ds-scale-0)';
312
311
  'spacing.scale.100': 'var(--ds-scale-100)';
313
312
  'spacing.scale.150': 'var(--ds-scale-150)';
@@ -320,6 +319,70 @@ type CSSTokenMap_3 = {
320
319
  'spacing.scale.025': 'var(--ds-scale-025)';
321
320
  'spacing.scale.050': 'var(--ds-scale-050)';
322
321
  'spacing.scale.075': 'var(--ds-scale-075)';
322
+ 'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
323
+ 'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
324
+ 'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
325
+ 'spacing.scaleLinear.300': 'var(--ds-scaleLinear-300)';
326
+ 'spacing.scaleLinear.400': 'var(--ds-scaleLinear-400)';
327
+ 'spacing.scaleLinear.500': 'var(--ds-scaleLinear-500)';
328
+ 'spacing.scaleLinear.600': 'var(--ds-scaleLinear-600)';
329
+ 'spacing.scaleLinear.700': 'var(--ds-scaleLinear-700)';
330
+ 'spacing.scaleLinear.800': 'var(--ds-scaleLinear-800)';
331
+ 'spacing.scaleLinear.900': 'var(--ds-scaleLinear-900)';
332
+ 'spacing.scaleLinear.1000': 'var(--ds-scaleLinear-1000)';
333
+ 'spacing.scaleLinear.1100': 'var(--ds-scaleLinear-1100)';
334
+ 'spacing.pixel.0': 'var(--ds-pixel-0)';
335
+ 'spacing.pixel.2': 'var(--ds-pixel-2)';
336
+ 'spacing.pixel.4': 'var(--ds-pixel-4)';
337
+ 'spacing.pixel.6': 'var(--ds-pixel-6)';
338
+ 'spacing.pixel.8': 'var(--ds-pixel-8)';
339
+ 'spacing.pixel.12': 'var(--ds-pixel-12)';
340
+ 'spacing.pixel.16': 'var(--ds-pixel-16)';
341
+ 'spacing.pixel.20': 'var(--ds-pixel-20)';
342
+ 'spacing.pixel.24': 'var(--ds-pixel-24)';
343
+ 'spacing.pixel.32': 'var(--ds-pixel-32)';
344
+ 'spacing.pixel.40': 'var(--ds-pixel-40)';
345
+ 'spacing.pixel.48': 'var(--ds-pixel-48)';
346
+ 'spacing.size.none': 'var(--ds-size-none)';
347
+ 'spacing.size.xxxxSmall': 'var(--ds-size-xxxxSmall)';
348
+ 'spacing.size.xxxSmall': 'var(--ds-size-xxxSmall)';
349
+ 'spacing.size.xxSmall': 'var(--ds-size-xxSmall)';
350
+ 'spacing.size.xsmall': 'var(--ds-size-xsmall)';
351
+ 'spacing.size.small': 'var(--ds-size-small)';
352
+ 'spacing.size.medium': 'var(--ds-size-medium)';
353
+ 'spacing.size.large': 'var(--ds-size-large)';
354
+ 'spacing.size.xlarge': 'var(--ds-size-xlarge)';
355
+ 'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
356
+ 'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
357
+ 'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
358
+ 'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
359
+ 'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
360
+ 'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
361
+ 'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
362
+ 'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
363
+ 'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
364
+ 'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
365
+ 'spacing.ecl.container.24': 'var(--ds-ecl-container-24)';
366
+ 'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
367
+ 'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
368
+ 'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
369
+ 'spacing.ccc.component.2': 'var(--ds-ccc-component-2)';
370
+ 'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
371
+ 'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
372
+ 'spacing.ccc.component.8': 'var(--ds-ccc-component-8)';
373
+ 'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
374
+ 'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
375
+ 'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
376
+ 'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
377
+ 'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
378
+ 'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
379
+ 'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
380
+ 'spacing.gap.100': 'var(--ds-gap-100)';
381
+ 'spacing.gap.200': 'var(--ds-gap-200)';
382
+ 'spacing.gap.300': 'var(--ds-gap-300)';
383
+ 'spacing.inset.100': 'var(--ds-inset-100)';
384
+ 'spacing.inset.200': 'var(--ds-inset-200)';
385
+ 'spacing.inset.300': 'var(--ds-inset-300)';
323
386
  };
324
387
 
325
388
  // @public
@@ -378,7 +441,6 @@ type Tokens = typeof tokens;
378
441
 
379
442
  // @public (undocumented)
380
443
  const tokens: {
381
- readonly 'spacing.container.gutter': "--ds-container-gutter";
382
444
  readonly 'spacing.scale.0': "--ds-scale-0";
383
445
  readonly 'spacing.scale.100': "--ds-scale-100";
384
446
  readonly 'spacing.scale.150': "--ds-scale-150";
@@ -391,6 +453,70 @@ const tokens: {
391
453
  readonly 'spacing.scale.025': "--ds-scale-025";
392
454
  readonly 'spacing.scale.050': "--ds-scale-050";
393
455
  readonly 'spacing.scale.075': "--ds-scale-075";
456
+ readonly 'spacing.scaleLinear.0': "--ds-scaleLinear-0";
457
+ readonly 'spacing.scaleLinear.100': "--ds-scaleLinear-100";
458
+ readonly 'spacing.scaleLinear.200': "--ds-scaleLinear-200";
459
+ readonly 'spacing.scaleLinear.300': "--ds-scaleLinear-300";
460
+ readonly 'spacing.scaleLinear.400': "--ds-scaleLinear-400";
461
+ readonly 'spacing.scaleLinear.500': "--ds-scaleLinear-500";
462
+ readonly 'spacing.scaleLinear.600': "--ds-scaleLinear-600";
463
+ readonly 'spacing.scaleLinear.700': "--ds-scaleLinear-700";
464
+ readonly 'spacing.scaleLinear.800': "--ds-scaleLinear-800";
465
+ readonly 'spacing.scaleLinear.900': "--ds-scaleLinear-900";
466
+ readonly 'spacing.scaleLinear.1000': "--ds-scaleLinear-1000";
467
+ readonly 'spacing.scaleLinear.1100': "--ds-scaleLinear-1100";
468
+ readonly 'spacing.pixel.0': "--ds-pixel-0";
469
+ readonly 'spacing.pixel.2': "--ds-pixel-2";
470
+ readonly 'spacing.pixel.4': "--ds-pixel-4";
471
+ readonly 'spacing.pixel.6': "--ds-pixel-6";
472
+ readonly 'spacing.pixel.8': "--ds-pixel-8";
473
+ readonly 'spacing.pixel.12': "--ds-pixel-12";
474
+ readonly 'spacing.pixel.16': "--ds-pixel-16";
475
+ readonly 'spacing.pixel.20': "--ds-pixel-20";
476
+ readonly 'spacing.pixel.24': "--ds-pixel-24";
477
+ readonly 'spacing.pixel.32': "--ds-pixel-32";
478
+ readonly 'spacing.pixel.40': "--ds-pixel-40";
479
+ readonly 'spacing.pixel.48': "--ds-pixel-48";
480
+ readonly 'spacing.size.none': "--ds-size-none";
481
+ readonly 'spacing.size.xxxxSmall': "--ds-size-xxxxSmall";
482
+ readonly 'spacing.size.xxxSmall': "--ds-size-xxxSmall";
483
+ readonly 'spacing.size.xxSmall': "--ds-size-xxSmall";
484
+ readonly 'spacing.size.xsmall': "--ds-size-xsmall";
485
+ readonly 'spacing.size.small': "--ds-size-small";
486
+ readonly 'spacing.size.medium': "--ds-size-medium";
487
+ readonly 'spacing.size.large': "--ds-size-large";
488
+ readonly 'spacing.size.xlarge': "--ds-size-xlarge";
489
+ readonly 'spacing.size.xxlarge': "--ds-size-xxlarge";
490
+ readonly 'spacing.size.xxxlarge': "--ds-size-xxxlarge";
491
+ readonly 'spacing.size.xxxxlarge': "--ds-size-xxxxlarge";
492
+ readonly 'spacing.ecl.element.2': "--ds-ecl-element-2";
493
+ readonly 'spacing.ecl.element.4': "--ds-ecl-element-4";
494
+ readonly 'spacing.ecl.element.6': "--ds-ecl-element-6";
495
+ readonly 'spacing.ecl.element.8': "--ds-ecl-element-8";
496
+ readonly 'spacing.ecl.container.12': "--ds-ecl-container-12";
497
+ readonly 'spacing.ecl.container.16': "--ds-ecl-container-16";
498
+ readonly 'spacing.ecl.container.20': "--ds-ecl-container-20";
499
+ readonly 'spacing.ecl.container.24': "--ds-ecl-container-24";
500
+ readonly 'spacing.ecl.layout.32': "--ds-ecl-layout-32";
501
+ readonly 'spacing.ecl.layout.40': "--ds-ecl-layout-40";
502
+ readonly 'spacing.ecl.layout.64': "--ds-ecl-layout-64";
503
+ readonly 'spacing.ccc.component.2': "--ds-ccc-component-2";
504
+ readonly 'spacing.ccc.component.4': "--ds-ccc-component-4";
505
+ readonly 'spacing.ccc.component.6': "--ds-ccc-component-6";
506
+ readonly 'spacing.ccc.component.8': "--ds-ccc-component-8";
507
+ readonly 'spacing.ccc.content.12': "--ds-ccc-content-12";
508
+ readonly 'spacing.ccc.content.16': "--ds-ccc-content-16";
509
+ readonly 'spacing.ccc.content.20': "--ds-ccc-content-20";
510
+ readonly 'spacing.ccc.content.24': "--ds-ccc-content-24";
511
+ readonly 'spacing.ccc.container.32': "--ds-ccc-container-32";
512
+ readonly 'spacing.ccc.container.40': "--ds-ccc-container-40";
513
+ readonly 'spacing.ccc.container.48': "--ds-ccc-container-48";
514
+ readonly 'spacing.gap.100': "--ds-gap-100";
515
+ readonly 'spacing.gap.200': "--ds-gap-200";
516
+ readonly 'spacing.gap.300': "--ds-gap-300";
517
+ readonly 'spacing.inset.100': "--ds-inset-100";
518
+ readonly 'spacing.inset.200': "--ds-inset-200";
519
+ readonly 'spacing.inset.300': "--ds-inset-300";
394
520
  readonly 'color.text.accent.blue': "--ds-text-accent-blue";
395
521
  readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
396
522
  readonly 'color.text.accent.red': "--ds-text-accent-red";