@atlaskit/tokens 1.17.0 → 1.18.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.
Files changed (81) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +92 -77
  3. package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
  6. package/dist/cjs/artifacts/token-default-values.js +4 -3
  7. package/dist/cjs/artifacts/token-names.js +2 -1
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +42 -97
  11. package/dist/cjs/babel-plugin/plugin.js +2 -2
  12. package/dist/cjs/get-global-theme.js +2 -2
  13. package/dist/cjs/get-token-value.js +1 -1
  14. package/dist/cjs/get-token.js +1 -1
  15. package/dist/cjs/palettes/typography-palette.js +46 -40
  16. package/dist/cjs/tokens/atlassian-typography/theme.js +10 -0
  17. package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +12 -2
  18. package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +10 -0
  19. package/dist/cjs/tokens/default/typography/font.js +8 -0
  20. package/dist/cjs/utils/generate-custom-color-ramp.js +2 -2
  21. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +92 -77
  22. package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +4 -3
  23. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +2 -1
  24. package/dist/es2019/artifacts/themes/atlassian-typography.js +2 -1
  25. package/dist/es2019/artifacts/token-default-values.js +4 -3
  26. package/dist/es2019/artifacts/token-names.js +2 -1
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +42 -97
  30. package/dist/es2019/get-theme-styles.js +1 -2
  31. package/dist/es2019/get-token-value.js +1 -1
  32. package/dist/es2019/get-token.js +1 -1
  33. package/dist/es2019/palettes/typography-palette.js +44 -38
  34. package/dist/es2019/tokens/atlassian-typography/theme.js +10 -0
  35. package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +12 -2
  36. package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +10 -0
  37. package/dist/es2019/tokens/default/typography/font.js +8 -0
  38. package/dist/esm/artifacts/palettes-raw/typography-palette.js +92 -77
  39. package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
  40. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
  41. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  42. package/dist/esm/artifacts/token-default-values.js +4 -3
  43. package/dist/esm/artifacts/token-names.js +2 -1
  44. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
  45. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
  46. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +42 -97
  47. package/dist/esm/babel-plugin/plugin.js +2 -2
  48. package/dist/esm/get-global-theme.js +2 -2
  49. package/dist/esm/get-token-value.js +1 -1
  50. package/dist/esm/get-token.js +1 -1
  51. package/dist/esm/palettes/typography-palette.js +46 -40
  52. package/dist/esm/tokens/atlassian-typography/theme.js +10 -0
  53. package/dist/esm/tokens/atlassian-typography-adg3/theme.js +12 -2
  54. package/dist/esm/tokens/atlassian-typography-minor3/theme.js +10 -0
  55. package/dist/esm/tokens/default/typography/font.js +8 -0
  56. package/dist/esm/utils/generate-custom-color-ramp.js +2 -2
  57. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  58. package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
  59. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  60. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  61. package/dist/types/artifacts/token-default-values.d.ts +4 -3
  62. package/dist/types/artifacts/token-names.d.ts +3 -1
  63. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +2 -45
  64. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +2 -81
  65. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -81
  66. package/dist/types/palettes/typography-palette.d.ts +1 -1
  67. package/dist/types/types.d.ts +6 -6
  68. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  69. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
  70. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  71. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  72. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +4 -3
  73. package/dist/types-ts4.5/artifacts/token-names.d.ts +3 -1
  74. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +2 -45
  75. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +2 -81
  76. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +2 -81
  77. package/dist/types-ts4.5/palettes/typography-palette.d.ts +1 -1
  78. package/dist/types-ts4.5/types.d.ts +6 -6
  79. package/package.json +2 -2
  80. package/report.api.md +2 -0
  81. package/tmp/api-report-tmp.d.ts +2 -0
@@ -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::943b9b3b3139522a62a9775dcae78ed4>>
3
+ * @codegen <<SignedSource::7b7d53e8ee9563ef170026c46b344165>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -10,50 +10,7 @@ declare const tokens: ({
10
10
  introduced: string;
11
11
  description: string;
12
12
  };
13
- value: {
14
- fontSize: number;
15
- fontStyle: string;
16
- fontWeight: string;
17
- lineHeight: number;
18
- fontFamily: string;
19
- letterSpacing: string;
20
- };
21
- filePath: string;
22
- isSource: boolean;
23
- original: {
24
- attributes: {
25
- group: string;
26
- state: string;
27
- introduced: string;
28
- description: string;
29
- };
30
- value: {
31
- fontWeight: string;
32
- fontSize: string;
33
- lineHeight: string;
34
- fontFamily: string;
35
- fontStyle: string;
36
- letterSpacing: string;
37
- };
38
- };
39
- name: string;
40
- path: string[];
41
- cleanName: string;
42
- } | {
43
- attributes: {
44
- group: string;
45
- state: string;
46
- introduced: string;
47
- description: string;
48
- };
49
- value: {
50
- fontSize: string;
51
- fontStyle: string;
52
- fontWeight: string;
53
- lineHeight: string;
54
- fontFamily: string;
55
- letterSpacing: string;
56
- };
13
+ value: string;
57
14
  filePath: string;
58
15
  isSource: boolean;
59
16
  original: {
@@ -97,41 +54,5 @@ declare const tokens: ({
97
54
  name: string;
98
55
  path: string[];
99
56
  cleanName: string;
100
- } | {
101
- attributes: {
102
- group: string;
103
- state: string;
104
- introduced: string;
105
- description: string;
106
- };
107
- value: {
108
- fontSize: number;
109
- fontStyle: string;
110
- fontWeight: string;
111
- lineHeight: string;
112
- fontFamily: string;
113
- letterSpacing: string;
114
- };
115
- filePath: string;
116
- isSource: boolean;
117
- original: {
118
- attributes: {
119
- group: string;
120
- state: string;
121
- introduced: string;
122
- description: string;
123
- };
124
- value: {
125
- fontWeight: string;
126
- fontSize: string;
127
- lineHeight: string;
128
- fontFamily: string;
129
- fontStyle: string;
130
- letterSpacing: string;
131
- };
132
- };
133
- name: string;
134
- path: string[];
135
- cleanName: string;
136
57
  })[];
137
58
  export default tokens;
@@ -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::bf6a6956c0f05008a38d080067ade3fb>>
3
+ * @codegen <<SignedSource::eaaa970ce079ba5e26ef6b1bd1440d6c>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -10,50 +10,7 @@ declare const tokens: ({
10
10
  introduced: string;
11
11
  description: string;
12
12
  };
13
- value: {
14
- fontSize: number;
15
- fontStyle: string;
16
- fontWeight: string;
17
- lineHeight: number;
18
- fontFamily: string;
19
- letterSpacing: string;
20
- };
21
- filePath: string;
22
- isSource: boolean;
23
- original: {
24
- attributes: {
25
- group: string;
26
- state: string;
27
- introduced: string;
28
- description: string;
29
- };
30
- value: {
31
- fontWeight: string;
32
- fontSize: string;
33
- lineHeight: string;
34
- fontFamily: string;
35
- fontStyle: string;
36
- letterSpacing: string;
37
- };
38
- };
39
- name: string;
40
- path: string[];
41
- cleanName: string;
42
- } | {
43
- attributes: {
44
- group: string;
45
- state: string;
46
- introduced: string;
47
- description: string;
48
- };
49
- value: {
50
- fontSize: string;
51
- fontStyle: string;
52
- fontWeight: string;
53
- lineHeight: string;
54
- fontFamily: string;
55
- letterSpacing: string;
56
- };
13
+ value: string;
57
14
  filePath: string;
58
15
  isSource: boolean;
59
16
  original: {
@@ -97,41 +54,5 @@ declare const tokens: ({
97
54
  name: string;
98
55
  path: string[];
99
56
  cleanName: string;
100
- } | {
101
- attributes: {
102
- group: string;
103
- state: string;
104
- introduced: string;
105
- description: string;
106
- };
107
- value: {
108
- fontSize: number;
109
- fontStyle: string;
110
- fontWeight: string;
111
- lineHeight: string;
112
- fontFamily: string;
113
- letterSpacing: string;
114
- };
115
- filePath: string;
116
- isSource: boolean;
117
- original: {
118
- attributes: {
119
- group: string;
120
- state: string;
121
- introduced: string;
122
- description: string;
123
- };
124
- value: {
125
- fontWeight: string;
126
- fontSize: string;
127
- lineHeight: string;
128
- fontFamily: string;
129
- fontStyle: string;
130
- letterSpacing: string;
131
- };
132
- };
133
- name: string;
134
- path: string[];
135
- cleanName: string;
136
57
  })[];
137
58
  export default tokens;
@@ -1,6 +1,6 @@
1
1
  import { FontFamilyPaletteTokenSchema, FontSizeScaleTokenSchema, FontWeightScaleTokenSchema, LetterSpacingScaleTokenSchema, LineHeightScaleTokenSchema } from '../types';
2
2
  export type FontSizeScaleValues = 'FontSizeCode' | 'LegacyFontSize11' | 'FontSize12' | 'FontSize14' | 'FontSize16' | 'FontSize20' | 'FontSize24' | 'FontSize28' | 'LegacyFontSize29' | 'FontSize32' | 'LegacyFontSize35' | 'FontSize36' | 'FontSize48';
3
- export type LineHeightScaleValues = 'LineHeight1' | 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600' | 'LineHeight700';
3
+ export type LineHeightScaleValues = 'LineHeight1' | 'LineHeight050' | 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600' | 'LineHeight700';
4
4
  export type FontWeightScaleValues = 'FontWeight400' | 'FontWeight500' | 'FontWeight600' | 'FontWeight700';
5
5
  export type FontFamilyPaletteValues = 'FontFamilyCharlie' | 'FontFamilyWebSans' | 'LegacyFontFamilyWebSans' | 'FontFamilyiOSSans' | 'FontFamilyAndroidSans' | 'FontFamilyWebMono' | 'FontFamilyiOSMono' | 'FontFamilyAndroidMono';
6
6
  export type LetterSpacingScaleValues = 'LetterSpacing0' | 'LetterSpacing100' | 'LetterSpacing200' | 'LetterSpacing300' | 'LetterSpacing400';
@@ -123,7 +123,6 @@ export interface PaletteColorTokenSchema<PaletteValues extends string> {
123
123
  };
124
124
  }
125
125
  type SpacingSchemaValue = BaseToken<number, 'spacing'>;
126
- type TypographySchemaValue = BaseToken<number | string, 'typography'>;
127
126
  type ShapeSchemaValue = BaseToken<number | string, 'shape'>;
128
127
  export interface SpacingScaleTokenSchema<ScaleValues extends string> {
129
128
  space: Record<ScaleValues, SpacingSchemaValue>;
@@ -135,19 +134,19 @@ export interface ShapeScaleTokenSchema<RadiusScaleValues extends string, SizeSca
135
134
  };
136
135
  }
137
136
  export interface FontSizeScaleTokenSchema<ScaleValues extends string> {
138
- fontSize: Record<ScaleValues, TypographySchemaValue>;
137
+ fontSize: Record<ScaleValues, BaseToken<string | number, 'fontSize'>>;
139
138
  }
140
139
  export interface FontWeightScaleTokenSchema<ScaleValues extends string> {
141
- fontWeight: Record<ScaleValues, TypographySchemaValue>;
140
+ fontWeight: Record<ScaleValues, BaseToken<string, 'fontWeight'>>;
142
141
  }
143
142
  export interface FontFamilyPaletteTokenSchema<ScaleValues extends string> {
144
- fontFamily: Record<ScaleValues, TypographySchemaValue>;
143
+ fontFamily: Record<ScaleValues, BaseToken<string, 'fontFamily'>>;
145
144
  }
146
145
  export interface LineHeightScaleTokenSchema<ScaleValues extends string> {
147
- lineHeight: Record<ScaleValues, TypographySchemaValue>;
146
+ lineHeight: Record<ScaleValues, BaseToken<string | number, 'lineHeight'>>;
148
147
  }
149
148
  export interface LetterSpacingScaleTokenSchema<ScaleValues extends string> {
150
- letterSpacing: Record<ScaleValues, TypographySchemaValue>;
149
+ letterSpacing: Record<ScaleValues, BaseToken<string, 'letterSpacing'>>;
151
150
  }
152
151
  export interface BackgroundColorTokenSchema<BaseToken> {
153
152
  color: {
@@ -853,6 +852,7 @@ export interface TypographyTokenSchema<TPalette extends {
853
852
  body: {
854
853
  '[default]': TypographyToken<TPalette>;
855
854
  sm: TypographyToken<TPalette>;
855
+ lg: TypographyToken<TPalette>;
856
856
  };
857
857
  code: {
858
858
  '[default]': TypographyToken<TPalette>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.17.0",
3
+ "version": "1.18.0",
4
4
  "description": "Design tokens are the single source of truth to name and store design decisions.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -68,7 +68,7 @@
68
68
  "react-use-clipboard": "^1.0.0",
69
69
  "react-window": "^1.8.8",
70
70
  "recharts": "^1.8.5",
71
- "style-dictionary": "^3.0.0",
71
+ "style-dictionary": "^3.8.0",
72
72
  "ts-node": "^10.9.1",
73
73
  "typescript": "~4.9.5"
74
74
  },
package/report.api.md CHANGED
@@ -889,6 +889,7 @@ type CSSTokenMap = {
889
889
  'space.800': 'var(--ds-space-800)';
890
890
  'space.1000': 'var(--ds-space-1000)';
891
891
  'font.body': 'var(--ds-font-body)';
892
+ 'font.body.lg': 'var(--ds-font-body-lg)';
892
893
  'font.body.sm': 'var(--ds-font-body-sm)';
893
894
  'font.code': 'var(--ds-font-code)';
894
895
  'font.heading.lg': 'var(--ds-font-heading-lg)';
@@ -1973,6 +1974,7 @@ const tokens: {
1973
1974
  readonly 'space.800': '--ds-space-800';
1974
1975
  readonly 'space.1000': '--ds-space-1000';
1975
1976
  readonly 'font.body': '--ds-font-body';
1977
+ readonly 'font.body.lg': '--ds-font-body-lg';
1976
1978
  readonly 'font.body.sm': '--ds-font-body-sm';
1977
1979
  readonly 'font.code': '--ds-font-code';
1978
1980
  readonly 'font.heading.lg': '--ds-font-heading-lg';
@@ -521,6 +521,7 @@ type CSSTokenMap = {
521
521
  'space.800': 'var(--ds-space-800)';
522
522
  'space.1000': 'var(--ds-space-1000)';
523
523
  'font.body': 'var(--ds-font-body)';
524
+ 'font.body.lg': 'var(--ds-font-body-lg)';
524
525
  'font.body.sm': 'var(--ds-font-body-sm)';
525
526
  'font.code': 'var(--ds-font-code)';
526
527
  'font.heading.lg': 'var(--ds-font-heading-lg)';
@@ -1149,6 +1150,7 @@ const tokens: {
1149
1150
  readonly 'space.800': "--ds-space-800";
1150
1151
  readonly 'space.1000': "--ds-space-1000";
1151
1152
  readonly 'font.body': "--ds-font-body";
1153
+ readonly 'font.body.lg': "--ds-font-body-lg";
1152
1154
  readonly 'font.body.sm': "--ds-font-body-sm";
1153
1155
  readonly 'font.code': "--ds-font-code";
1154
1156
  readonly 'font.heading.lg': "--ds-font-heading-lg";