@atlaskit/tokens 1.15.0 → 1.15.2

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 (95) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +48 -18
  3. package/dist/cjs/artifacts/theme-import-map.js +7 -1
  4. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +13 -0
  5. package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
  6. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +666 -0
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +11 -11
  9. package/dist/cjs/get-token-value.js +1 -1
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/palettes/typography-palette.js +13 -1
  12. package/dist/cjs/theme-config.js +10 -2
  13. package/dist/cjs/tokens/atlassian-typography/letter-spacing.js +29 -0
  14. package/dist/cjs/tokens/atlassian-typography/theme.js +3 -3
  15. package/dist/cjs/tokens/atlassian-typography-adg3/font-size.js +1 -1
  16. package/dist/cjs/tokens/atlassian-typography-adg3/line-height.js +1 -1
  17. package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +3 -3
  18. package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +29 -0
  19. package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +140 -0
  20. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +48 -18
  21. package/dist/es2019/artifacts/theme-import-map.js +4 -2
  22. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +31 -0
  23. package/dist/es2019/artifacts/themes/atlassian-typography.js +3 -3
  24. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
  25. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +659 -0
  26. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +11 -11
  27. package/dist/es2019/get-token-value.js +1 -1
  28. package/dist/es2019/get-token.js +1 -1
  29. package/dist/es2019/palettes/typography-palette.js +13 -1
  30. package/dist/es2019/theme-config.js +10 -2
  31. package/dist/es2019/tokens/atlassian-typography/letter-spacing.js +22 -0
  32. package/dist/es2019/tokens/atlassian-typography/theme.js +3 -3
  33. package/dist/es2019/tokens/atlassian-typography-adg3/font-size.js +1 -1
  34. package/dist/es2019/tokens/atlassian-typography-adg3/line-height.js +1 -1
  35. package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +3 -3
  36. package/dist/es2019/tokens/atlassian-typography-minor3/font-family.js +22 -0
  37. package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +133 -0
  38. package/dist/esm/artifacts/palettes-raw/typography-palette.js +48 -18
  39. package/dist/esm/artifacts/theme-import-map.js +5 -1
  40. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +6 -0
  41. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  42. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
  43. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +659 -0
  44. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +11 -11
  45. package/dist/esm/get-token-value.js +1 -1
  46. package/dist/esm/get-token.js +1 -1
  47. package/dist/esm/palettes/typography-palette.js +13 -1
  48. package/dist/esm/theme-config.js +10 -2
  49. package/dist/esm/tokens/atlassian-typography/letter-spacing.js +22 -0
  50. package/dist/esm/tokens/atlassian-typography/theme.js +3 -3
  51. package/dist/esm/tokens/atlassian-typography-adg3/font-size.js +1 -1
  52. package/dist/esm/tokens/atlassian-typography-adg3/line-height.js +1 -1
  53. package/dist/esm/tokens/atlassian-typography-adg3/theme.js +3 -3
  54. package/dist/esm/tokens/atlassian-typography-minor3/font-family.js +22 -0
  55. package/dist/esm/tokens/atlassian-typography-minor3/theme.js +133 -0
  56. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  57. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  58. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +7 -0
  59. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  60. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
  61. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +137 -0
  62. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
  63. package/dist/types/index.d.ts +1 -1
  64. package/dist/types/palettes/typography-palette.d.ts +2 -2
  65. package/dist/types/theme-config.d.ts +4 -4
  66. package/dist/types/tokens/atlassian-typography/letter-spacing.d.ts +4 -0
  67. package/dist/types/tokens/atlassian-typography-minor3/font-family.d.ts +4 -0
  68. package/dist/types/tokens/atlassian-typography-minor3/letter-spacing.d.ts +4 -0
  69. package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +10 -0
  70. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  71. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  72. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +7 -0
  73. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  74. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
  75. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +137 -0
  76. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
  77. package/dist/types-ts4.5/index.d.ts +1 -1
  78. package/dist/types-ts4.5/palettes/typography-palette.d.ts +2 -2
  79. package/dist/types-ts4.5/theme-config.d.ts +5 -3
  80. package/dist/types-ts4.5/tokens/atlassian-typography-minor3/font-family.d.ts +4 -0
  81. package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +10 -0
  82. package/figma/atlassian-typography-minor3.json +51 -0
  83. package/package.json +1 -2
  84. package/report.api.md +29 -2
  85. package/tmp/api-report-tmp.d.ts +20 -4
  86. /package/dist/cjs/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
  87. /package/dist/cjs/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
  88. /package/dist/es2019/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
  89. /package/dist/es2019/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
  90. /package/dist/esm/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
  91. /package/dist/esm/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
  92. /package/dist/types/tokens/{atlassian-typography/utils.d.ts → atlassian-typography-adg3/letter-spacing.d.ts} +0 -0
  93. /package/dist/{types/tokens/atlassian-typography-adg3/utils.d.ts → types-ts4.5/tokens/atlassian-typography/letter-spacing.d.ts} +0 -0
  94. /package/dist/types-ts4.5/tokens/atlassian-typography-adg3/{utils.d.ts → letter-spacing.d.ts} +0 -0
  95. /package/dist/types-ts4.5/tokens/{atlassian-typography/utils.d.ts → atlassian-typography-minor3/letter-spacing.d.ts} +0 -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::bae3fa2256b534cd5a8fad9a180e3fa8>>
3
+ * @codegen <<SignedSource::bf6a6956c0f05008a38d080067ade3fb>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = [{
@@ -47,7 +47,7 @@ var tokens = [{
47
47
  "description": "Smaller body font."
48
48
  },
49
49
  "value": {
50
- "fontSize": 11,
50
+ "fontSize": 12,
51
51
  "fontStyle": "normal",
52
52
  "fontWeight": "400",
53
53
  "lineHeight": 20,
@@ -65,7 +65,7 @@ var tokens = [{
65
65
  },
66
66
  "value": {
67
67
  "fontWeight": "FontWeight400",
68
- "fontSize": "FontSize11",
68
+ "fontSize": "FontSize12",
69
69
  "lineHeight": "LineHeight200",
70
70
  "fontFamily": "FontFamilyWebSans",
71
71
  "fontStyle": "normal",
@@ -318,7 +318,7 @@ var tokens = [{
318
318
  "value": {
319
319
  "fontWeight": "FontWeight700",
320
320
  "fontSize": "FontSize36",
321
- "lineHeight": "LineHeight600",
321
+ "lineHeight": "LineHeight700",
322
322
  "fontFamily": "FontFamilyWebSans",
323
323
  "fontStyle": "normal",
324
324
  "letterSpacing": "LetterSpacing0"
@@ -371,7 +371,7 @@ var tokens = [{
371
371
  "description": "Helpful guidance goes here"
372
372
  },
373
373
  "value": "0",
374
- "filePath": "src/tokens/atlassian-typography/utils.tsx",
374
+ "filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
375
375
  "isSource": true,
376
376
  "original": {
377
377
  "attributes": {
@@ -393,7 +393,7 @@ var tokens = [{
393
393
  "description": "Helpful guidance goes here"
394
394
  },
395
395
  "value": "0",
396
- "filePath": "src/tokens/atlassian-typography/utils.tsx",
396
+ "filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
397
397
  "isSource": true,
398
398
  "original": {
399
399
  "attributes": {
@@ -415,7 +415,7 @@ var tokens = [{
415
415
  "description": "Helpful guidance goes here"
416
416
  },
417
417
  "value": "0",
418
- "filePath": "src/tokens/atlassian-typography/utils.tsx",
418
+ "filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
419
419
  "isSource": true,
420
420
  "original": {
421
421
  "attributes": {
@@ -437,7 +437,7 @@ var tokens = [{
437
437
  "description": "Helpful guidance goes here"
438
438
  },
439
439
  "value": "0",
440
- "filePath": "src/tokens/atlassian-typography/utils.tsx",
440
+ "filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
441
441
  "isSource": true,
442
442
  "original": {
443
443
  "attributes": {
@@ -459,7 +459,7 @@ var tokens = [{
459
459
  "description": "Helpful guidance goes here"
460
460
  },
461
461
  "value": "0",
462
- "filePath": "src/tokens/atlassian-typography/utils.tsx",
462
+ "filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
463
463
  "isSource": true,
464
464
  "original": {
465
465
  "attributes": {
@@ -517,7 +517,7 @@ var tokens = [{
517
517
  "description": "Single-line non-wrapping supporting text like that in a smaller label."
518
518
  },
519
519
  "value": {
520
- "fontSize": 11,
520
+ "fontSize": 12,
521
521
  "fontStyle": "normal",
522
522
  "fontWeight": "400",
523
523
  "lineHeight": "1",
@@ -535,7 +535,7 @@ var tokens = [{
535
535
  },
536
536
  "value": {
537
537
  "fontWeight": "FontWeight400",
538
- "fontSize": "FontSize11",
538
+ "fontSize": "FontSize12",
539
539
  "lineHeight": "LineHeight1",
540
540
  "fontFamily": "FontFamilyWebSans",
541
541
  "fontStyle": "normal",
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  var name = "@atlaskit/tokens";
4
- var version = "1.15.0";
4
+ var version = "1.15.2";
5
5
  /**
6
6
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
7
7
  * resulting CSS Custom Property.
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
4
4
  var name = "@atlaskit/tokens";
5
- var version = "1.15.0";
5
+ var version = "1.15.2";
6
6
  /**
7
7
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
8
8
  * This should be used to implement design decisions throughout your application.
@@ -74,6 +74,12 @@ var lineHeightScale = {
74
74
  }
75
75
  },
76
76
  LineHeight600: {
77
+ value: 36,
78
+ attributes: {
79
+ group: 'typography'
80
+ }
81
+ },
82
+ LineHeight700: {
77
83
  value: 40,
78
84
  attributes: {
79
85
  group: 'typography'
@@ -174,7 +180,7 @@ var fontSizeScale = {
174
180
  group: 'typography'
175
181
  }
176
182
  },
177
- FontSize11: {
183
+ LegacyFontSize11: {
178
184
  value: 11,
179
185
  attributes: {
180
186
  group: 'typography'
@@ -222,6 +228,12 @@ var fontSizeScale = {
222
228
  group: 'typography'
223
229
  }
224
230
  },
231
+ FontSize32: {
232
+ value: 32,
233
+ attributes: {
234
+ group: 'typography'
235
+ }
236
+ },
225
237
  LegacyFontSize35: {
226
238
  value: 35,
227
239
  attributes: {
@@ -34,7 +34,7 @@ export var themeColorModes = ['light', 'dark', 'auto'];
34
34
  *
35
35
  * These ids must be kebab case
36
36
  */
37
- export var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3'];
37
+ export var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3', 'typography-minor3'];
38
38
  /**
39
39
  * Theme override ids: the equivalent of themeIds for theme overrides.
40
40
  * Theme overrides are temporary and there may not be any defined at times.
@@ -142,7 +142,15 @@ var themeConfig = {
142
142
  },
143
143
  'atlassian-typography': {
144
144
  id: 'typography',
145
- displayName: 'Atlassian Typography',
145
+ displayName: 'Atlassian Typography (Minor Second)',
146
+ palette: 'typographyPalette',
147
+ attributes: {
148
+ type: 'typography'
149
+ }
150
+ },
151
+ 'atlassian-typography-minor3': {
152
+ id: 'typography-minor3',
153
+ displayName: 'Atlassian Typography (Minor Third)',
146
154
  palette: 'typographyPalette',
147
155
  attributes: {
148
156
  type: 'typography'
@@ -0,0 +1,22 @@
1
+ var font = {
2
+ font: {
3
+ letterSpacing: {
4
+ '0': {
5
+ value: 'LetterSpacing0'
6
+ },
7
+ '100': {
8
+ value: 'LetterSpacing0'
9
+ },
10
+ '200': {
11
+ value: 'LetterSpacing0'
12
+ },
13
+ '300': {
14
+ value: 'LetterSpacing0'
15
+ },
16
+ '400': {
17
+ value: 'LetterSpacing0'
18
+ }
19
+ }
20
+ }
21
+ };
22
+ export default font;
@@ -5,7 +5,7 @@ var typography = {
5
5
  value: {
6
6
  fontWeight: 'FontWeight700',
7
7
  fontSize: 'FontSize36',
8
- lineHeight: 'LineHeight600',
8
+ lineHeight: 'LineHeight700',
9
9
  fontFamily: 'FontFamilyWebSans',
10
10
  fontStyle: 'normal',
11
11
  letterSpacing: 'LetterSpacing0'
@@ -98,7 +98,7 @@ var typography = {
98
98
  sm: {
99
99
  value: {
100
100
  fontWeight: 'FontWeight400',
101
- fontSize: 'FontSize11',
101
+ fontSize: 'FontSize12',
102
102
  lineHeight: 'LineHeight200',
103
103
  fontFamily: 'FontFamilyWebSans',
104
104
  fontStyle: 'normal',
@@ -120,7 +120,7 @@ var typography = {
120
120
  sm: {
121
121
  value: {
122
122
  fontWeight: 'FontWeight400',
123
- fontSize: 'FontSize11',
123
+ fontSize: 'FontSize12',
124
124
  lineHeight: 'LineHeight1',
125
125
  fontFamily: 'FontFamilyWebSans',
126
126
  fontStyle: 'normal',
@@ -2,7 +2,7 @@ var font = {
2
2
  font: {
3
3
  size: {
4
4
  '050': {
5
- value: 'FontSize11'
5
+ value: 'LegacyFontSize11'
6
6
  },
7
7
  '075': {
8
8
  value: 'FontSize12'
@@ -20,7 +20,7 @@ var font = {
20
20
  value: 'LineHeight500'
21
21
  },
22
22
  '600': {
23
- value: 'LineHeight600'
23
+ value: 'LineHeight700'
24
24
  }
25
25
  }
26
26
  }
@@ -5,7 +5,7 @@ var typography = {
5
5
  value: {
6
6
  fontWeight: 'FontWeight500',
7
7
  fontSize: 'LegacyFontSize35',
8
- lineHeight: 'LineHeight600',
8
+ lineHeight: 'LineHeight700',
9
9
  fontFamily: 'FontFamilyWebSans',
10
10
  fontStyle: 'normal',
11
11
  letterSpacing: 'LetterSpacing400'
@@ -98,7 +98,7 @@ var typography = {
98
98
  sm: {
99
99
  value: {
100
100
  fontWeight: 'FontWeight400',
101
- fontSize: 'FontSize11',
101
+ fontSize: 'LegacyFontSize11',
102
102
  lineHeight: 'LineHeight200',
103
103
  fontFamily: 'FontFamilyWebSans',
104
104
  fontStyle: 'normal',
@@ -120,7 +120,7 @@ var typography = {
120
120
  sm: {
121
121
  value: {
122
122
  fontWeight: 'FontWeight400',
123
- fontSize: 'FontSize11',
123
+ fontSize: 'LegacyFontSize11',
124
124
  lineHeight: 'LineHeight100',
125
125
  fontFamily: 'FontFamilyWebSans',
126
126
  fontStyle: 'normal',
@@ -0,0 +1,22 @@
1
+ var font = {
2
+ font: {
3
+ family: {
4
+ sans: {
5
+ value: 'FontFamilyWebSans'
6
+ },
7
+ monospace: {
8
+ value: 'FontFamilyWebMono'
9
+ },
10
+ product: {
11
+ value: 'FontFamilyWebSans'
12
+ },
13
+ brand: {
14
+ value: 'FontFamilyCharlie'
15
+ },
16
+ code: {
17
+ value: 'FontFamilyWebMono'
18
+ }
19
+ }
20
+ }
21
+ };
22
+ export default font;
@@ -0,0 +1,133 @@
1
+ var typography = {
2
+ font: {
3
+ heading: {
4
+ xxl: {
5
+ value: {
6
+ fontWeight: 'FontWeight700',
7
+ fontSize: 'FontSize32',
8
+ lineHeight: 'LineHeight600',
9
+ fontFamily: 'FontFamilyWebSans',
10
+ fontStyle: 'normal',
11
+ letterSpacing: 'LetterSpacing0'
12
+ }
13
+ },
14
+ xl: {
15
+ value: {
16
+ fontWeight: 'FontWeight700',
17
+ fontSize: 'FontSize28',
18
+ lineHeight: 'LineHeight500',
19
+ fontFamily: 'FontFamilyWebSans',
20
+ fontStyle: 'normal',
21
+ letterSpacing: 'LetterSpacing0'
22
+ }
23
+ },
24
+ lg: {
25
+ value: {
26
+ fontWeight: 'FontWeight700',
27
+ fontSize: 'FontSize24',
28
+ lineHeight: 'LineHeight400',
29
+ fontFamily: 'FontFamilyWebSans',
30
+ fontStyle: 'normal',
31
+ letterSpacing: 'LetterSpacing0'
32
+ }
33
+ },
34
+ md: {
35
+ value: {
36
+ fontWeight: 'FontWeight700',
37
+ fontSize: 'FontSize20',
38
+ lineHeight: 'LineHeight300',
39
+ fontFamily: 'FontFamilyWebSans',
40
+ fontStyle: 'normal',
41
+ letterSpacing: 'LetterSpacing0'
42
+ }
43
+ },
44
+ sm: {
45
+ value: {
46
+ fontWeight: 'FontWeight700',
47
+ fontSize: 'FontSize16',
48
+ lineHeight: 'LineHeight200',
49
+ fontFamily: 'FontFamilyWebSans',
50
+ fontStyle: 'normal',
51
+ letterSpacing: 'LetterSpacing0'
52
+ }
53
+ },
54
+ xs: {
55
+ value: {
56
+ fontWeight: 'FontWeight700',
57
+ fontSize: 'FontSize14',
58
+ lineHeight: 'LineHeight100',
59
+ fontFamily: 'FontFamilyWebSans',
60
+ fontStyle: 'normal',
61
+ letterSpacing: 'LetterSpacing0'
62
+ }
63
+ },
64
+ xxs: {
65
+ value: {
66
+ fontWeight: 'FontWeight700',
67
+ fontSize: 'FontSize12',
68
+ lineHeight: 'LineHeight100',
69
+ fontFamily: 'FontFamilyWebSans',
70
+ fontStyle: 'normal',
71
+ letterSpacing: 'LetterSpacing0'
72
+ }
73
+ }
74
+ },
75
+ code: {
76
+ '[default]': {
77
+ value: {
78
+ fontWeight: 'FontWeight400',
79
+ fontSize: 'FontSizeCode',
80
+ lineHeight: 'LineHeight1',
81
+ fontFamily: 'FontFamilyWebMono',
82
+ fontStyle: 'normal',
83
+ letterSpacing: 'LetterSpacing0'
84
+ }
85
+ }
86
+ },
87
+ body: {
88
+ '[default]': {
89
+ value: {
90
+ fontWeight: 'FontWeight400',
91
+ fontSize: 'FontSize14',
92
+ lineHeight: 'LineHeight200',
93
+ fontFamily: 'FontFamilyWebSans',
94
+ fontStyle: 'normal',
95
+ letterSpacing: 'LetterSpacing0'
96
+ }
97
+ },
98
+ sm: {
99
+ value: {
100
+ fontWeight: 'FontWeight400',
101
+ fontSize: 'FontSize12',
102
+ lineHeight: 'LineHeight200',
103
+ fontFamily: 'FontFamilyWebSans',
104
+ fontStyle: 'normal',
105
+ letterSpacing: 'LetterSpacing0'
106
+ }
107
+ }
108
+ },
109
+ ui: {
110
+ '[default]': {
111
+ value: {
112
+ fontWeight: 'FontWeight400',
113
+ fontSize: 'FontSize14',
114
+ lineHeight: 'LineHeight1',
115
+ fontFamily: 'FontFamilyWebSans',
116
+ fontStyle: 'normal',
117
+ letterSpacing: 'LetterSpacing0'
118
+ }
119
+ },
120
+ sm: {
121
+ value: {
122
+ fontWeight: 'FontWeight400',
123
+ fontSize: 'FontSize12',
124
+ lineHeight: 'LineHeight1',
125
+ fontFamily: 'FontFamilyWebSans',
126
+ fontStyle: 'normal',
127
+ letterSpacing: 'LetterSpacing0'
128
+ }
129
+ }
130
+ }
131
+ }
132
+ };
133
+ export default typography;
@@ -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::89e4530c84e484a163c9df048290ecf5>>
3
+ * @codegen <<SignedSource::c5a499034468ced262952ef968c2fd67>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -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::82c355c08254a28b0727a63e17ee7698>>
9
+ * @codegen <<SignedSource::1e1c80a5700235c55449aa23948418be>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  import { ThemeIds, ThemeOverrideIds } from '../theme-config';
@@ -0,0 +1,7 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::88719508da65fd1b7ad398cc0681c4c5>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-sans);\n --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
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::8a2c4f8f66783e1940d1aab250cf35a9>>
3
+ * @codegen <<SignedSource::ce2e1e115aa9ff0027981ef8ba658c64>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);\n --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-sans);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
6
+ declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);\n --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
7
7
  export default _default;
@@ -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::276e80b37fcbf4b84df1a4060d56d879>>
3
+ * @codegen <<SignedSource::72f2d56fa731cf91334d35722aa12dda>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -0,0 +1,137 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::943b9b3b3139522a62a9775dcae78ed4>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const tokens: ({
7
+ attributes: {
8
+ group: string;
9
+ state: string;
10
+ introduced: string;
11
+ description: string;
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
+ };
57
+ filePath: string;
58
+ isSource: boolean;
59
+ original: {
60
+ attributes: {
61
+ group: string;
62
+ state: string;
63
+ introduced: string;
64
+ description: string;
65
+ };
66
+ value: {
67
+ fontWeight: string;
68
+ fontSize: string;
69
+ lineHeight: string;
70
+ fontFamily: string;
71
+ fontStyle: string;
72
+ letterSpacing: string;
73
+ };
74
+ };
75
+ name: string;
76
+ path: string[];
77
+ cleanName: string;
78
+ } | {
79
+ attributes: {
80
+ group: string;
81
+ state: string;
82
+ introduced: string;
83
+ description: string;
84
+ };
85
+ value: string;
86
+ filePath: string;
87
+ isSource: boolean;
88
+ original: {
89
+ attributes: {
90
+ group: string;
91
+ state: string;
92
+ introduced: string;
93
+ description: string;
94
+ };
95
+ value: string;
96
+ };
97
+ name: string;
98
+ path: string[];
99
+ 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
+ })[];
137
+ 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::bae3fa2256b534cd5a8fad9a180e3fa8>>
3
+ * @codegen <<SignedSource::bf6a6956c0f05008a38d080067ade3fb>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -12,4 +12,4 @@ export { themeStringToObject, themeObjectToString, } from './theme-state-transfo
12
12
  export type { CSSToken } from './artifacts/token-names';
13
13
  export type { ActiveTokens } from './artifacts/types';
14
14
  export type { ThemeColorModes, Themes, ThemeIds, ThemeOptionsSchema, ThemeState, } from './theme-config';
15
- export type { Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, } from './types';
15
+ export type { Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, TypographyToken, } from './types';
@@ -1,6 +1,6 @@
1
1
  import { FontFamilyPaletteTokenSchema, FontSizeScaleTokenSchema, FontWeightScaleTokenSchema, LetterSpacingScaleTokenSchema, LineHeightScaleTokenSchema } from '../types';
2
- export type FontSizeScaleValues = 'FontSizeCode' | 'FontSize11' | 'FontSize12' | 'FontSize14' | 'FontSize16' | 'FontSize20' | 'FontSize24' | 'FontSize28' | 'LegacyFontSize29' | 'LegacyFontSize35' | 'FontSize36' | 'FontSize48';
3
- export type LineHeightScaleValues = 'LineHeight1' | 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600';
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';
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';