@atlaskit/tokens 1.14.2 → 1.15.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 (146) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  3. package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
  4. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +277 -37
  5. package/dist/cjs/artifacts/theme-import-map.js +10 -4
  6. package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +13 -0
  7. package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
  8. package/dist/cjs/artifacts/token-default-values.js +23 -2
  9. package/dist/cjs/artifacts/token-names.js +22 -1
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +1084 -0
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +465 -253
  12. package/dist/cjs/entry-points/tokens-raw.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 +121 -16
  16. package/dist/cjs/theme-config.js +12 -4
  17. package/dist/cjs/tokens/atlassian-typography/font-family.js +11 -2
  18. package/dist/cjs/tokens/atlassian-typography/theme.js +140 -0
  19. package/dist/cjs/tokens/atlassian-typography/utils.js +29 -0
  20. package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +29 -0
  21. package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.js +8 -8
  22. package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.js +4 -4
  23. package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
  24. package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +140 -0
  25. package/dist/cjs/tokens/atlassian-typography-adg3/utils.js +29 -0
  26. package/dist/cjs/tokens/default/typography/font-family.js +24 -0
  27. package/dist/cjs/tokens/default/typography/font.js +133 -0
  28. package/dist/cjs/tokens/default/typography/letter-spacing.js +54 -0
  29. package/dist/cjs/tokens/default/typography/line-height.js +8 -0
  30. package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  31. package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
  32. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +277 -37
  33. package/dist/es2019/artifacts/theme-import-map.js +6 -4
  34. package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +50 -0
  35. package/dist/es2019/artifacts/themes/atlassian-typography.js +23 -21
  36. package/dist/es2019/artifacts/token-default-values.js +23 -2
  37. package/dist/es2019/artifacts/token-names.js +22 -1
  38. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +1077 -0
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +465 -253
  40. package/dist/es2019/entry-points/tokens-raw.js +1 -1
  41. package/dist/es2019/get-token-value.js +1 -1
  42. package/dist/es2019/get-token.js +1 -1
  43. package/dist/es2019/palettes/typography-palette.js +123 -17
  44. package/dist/es2019/theme-config.js +12 -4
  45. package/dist/es2019/tokens/atlassian-typography/font-family.js +11 -2
  46. package/dist/es2019/tokens/atlassian-typography/theme.js +133 -0
  47. package/dist/es2019/tokens/atlassian-typography/utils.js +22 -0
  48. package/dist/es2019/tokens/atlassian-typography-adg3/font-family.js +22 -0
  49. package/dist/es2019/tokens/atlassian-typography-adg3/font-size.js +31 -0
  50. package/dist/es2019/tokens/atlassian-typography-adg3/font-weight.js +19 -0
  51. package/dist/es2019/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
  52. package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +133 -0
  53. package/dist/es2019/tokens/atlassian-typography-adg3/utils.js +22 -0
  54. package/dist/es2019/tokens/default/typography/font-family.js +24 -0
  55. package/dist/es2019/tokens/default/typography/font.js +126 -0
  56. package/dist/es2019/tokens/default/typography/letter-spacing.js +47 -0
  57. package/dist/es2019/tokens/default/typography/line-height.js +8 -0
  58. package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  59. package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
  60. package/dist/esm/artifacts/palettes-raw/typography-palette.js +277 -37
  61. package/dist/esm/artifacts/theme-import-map.js +8 -4
  62. package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +6 -0
  63. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  64. package/dist/esm/artifacts/token-default-values.js +23 -2
  65. package/dist/esm/artifacts/token-names.js +22 -1
  66. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +1077 -0
  67. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +465 -253
  68. package/dist/esm/entry-points/tokens-raw.js +1 -1
  69. package/dist/esm/get-token-value.js +1 -1
  70. package/dist/esm/get-token.js +1 -1
  71. package/dist/esm/palettes/typography-palette.js +121 -16
  72. package/dist/esm/theme-config.js +12 -4
  73. package/dist/esm/tokens/atlassian-typography/font-family.js +11 -2
  74. package/dist/esm/tokens/atlassian-typography/theme.js +133 -0
  75. package/dist/esm/tokens/atlassian-typography/utils.js +22 -0
  76. package/dist/esm/tokens/atlassian-typography-adg3/font-family.js +22 -0
  77. package/dist/esm/tokens/atlassian-typography-adg3/font-size.js +31 -0
  78. package/dist/esm/tokens/atlassian-typography-adg3/font-weight.js +19 -0
  79. package/dist/esm/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
  80. package/dist/esm/tokens/atlassian-typography-adg3/theme.js +133 -0
  81. package/dist/esm/tokens/atlassian-typography-adg3/utils.js +22 -0
  82. package/dist/esm/tokens/default/typography/font-family.js +24 -0
  83. package/dist/esm/tokens/default/typography/font.js +126 -0
  84. package/dist/esm/tokens/default/typography/letter-spacing.js +47 -0
  85. package/dist/esm/tokens/default/typography/line-height.js +8 -0
  86. package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
  87. package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -2
  88. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  89. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  90. package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +7 -0
  91. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  92. package/dist/types/artifacts/token-default-values.d.ts +23 -2
  93. package/dist/types/artifacts/token-names.d.ts +43 -1
  94. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +101 -0
  95. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +111 -3
  96. package/dist/types/artifacts/types-internal.d.ts +2 -2
  97. package/dist/types/artifacts/types.d.ts +2 -2
  98. package/dist/types/entry-points/tokens-raw.d.ts +1 -1
  99. package/dist/types/palettes/typography-palette.d.ts +8 -6
  100. package/dist/types/theme-config.d.ts +4 -4
  101. package/dist/types/tokens/atlassian-typography/theme.d.ts +10 -0
  102. package/dist/types/tokens/atlassian-typography/utils.d.ts +4 -0
  103. package/dist/types/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
  104. package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
  105. package/dist/types/tokens/atlassian-typography-adg3/utils.d.ts +4 -0
  106. package/dist/types/tokens/default/typography/font.d.ts +20 -0
  107. package/dist/types/tokens/default/typography/letter-spacing.d.ts +4 -0
  108. package/dist/types/types.d.ts +111 -22
  109. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
  110. package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -2
  111. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  112. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  113. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +7 -0
  114. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  115. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +23 -2
  116. package/dist/types-ts4.5/artifacts/token-names.d.ts +43 -1
  117. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +101 -0
  118. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +111 -3
  119. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  120. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  121. package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +1 -1
  122. package/dist/types-ts4.5/palettes/typography-palette.d.ts +8 -6
  123. package/dist/types-ts4.5/theme-config.d.ts +5 -3
  124. package/dist/types-ts4.5/tokens/atlassian-typography/theme.d.ts +10 -0
  125. package/dist/types-ts4.5/tokens/atlassian-typography/utils.d.ts +4 -0
  126. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
  127. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
  128. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/utils.d.ts +4 -0
  129. package/dist/types-ts4.5/tokens/default/typography/font.d.ts +20 -0
  130. package/dist/types-ts4.5/tokens/default/typography/letter-spacing.d.ts +4 -0
  131. package/dist/types-ts4.5/types.d.ts +111 -22
  132. package/figma/atlassian-typography-adg3.json +150 -0
  133. package/figma/atlassian-typography.json +19 -82
  134. package/package.json +1 -1
  135. package/report.api.md +60 -2
  136. package/tmp/api-report-tmp.d.ts +49 -7
  137. package/dist/es2019/tokens/atlassian-typography/font-size.js +0 -31
  138. package/dist/es2019/tokens/atlassian-typography/font-weight.js +0 -19
  139. package/dist/esm/tokens/atlassian-typography/font-size.js +0 -31
  140. package/dist/esm/tokens/atlassian-typography/font-weight.js +0 -19
  141. /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.d.ts +0 -0
  142. /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.d.ts +0 -0
  143. /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.d.ts +0 -0
  144. /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.d.ts +0 -0
  145. /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.d.ts +0 -0
  146. /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.d.ts +0 -0
@@ -0,0 +1,22 @@
1
+ var font = {
2
+ font: {
3
+ letterSpacing: {
4
+ '0': {
5
+ value: 'LetterSpacing0'
6
+ },
7
+ '100': {
8
+ value: 'LetterSpacing100'
9
+ },
10
+ '200': {
11
+ value: 'LetterSpacing200'
12
+ },
13
+ '300': {
14
+ value: 'LetterSpacing300'
15
+ },
16
+ '400': {
17
+ value: 'LetterSpacing400'
18
+ }
19
+ }
20
+ }
21
+ };
22
+ export default font;
@@ -16,6 +16,30 @@ var font = {
16
16
  introduced: '0.10.33',
17
17
  description: 'Helpful guidance goes here'
18
18
  }
19
+ },
20
+ code: {
21
+ attributes: {
22
+ group: 'fontFamily',
23
+ state: 'experimental',
24
+ introduced: '1.14.0',
25
+ description: 'Helpful guidance goes here'
26
+ }
27
+ },
28
+ brand: {
29
+ attributes: {
30
+ group: 'fontFamily',
31
+ state: 'experimental',
32
+ introduced: '1.14.0',
33
+ description: 'Helpful guidance goes here'
34
+ }
35
+ },
36
+ product: {
37
+ attributes: {
38
+ group: 'fontFamily',
39
+ state: 'experimental',
40
+ introduced: '1.14.0',
41
+ description: 'Helpful guidance goes here'
42
+ }
19
43
  }
20
44
  }
21
45
  }
@@ -0,0 +1,126 @@
1
+ /**
2
+ *
3
+ * @example
4
+ * ```js
5
+ * {
6
+ * body: {
7
+ * value: {
8
+ * fontWeight: 500,
9
+ * fontSize: "16px",
10
+ * lineHeight: "22px",
11
+ * fontFamily: "Helvetica",
12
+ * fontStyle: "italic"
13
+ * },
14
+ * type: "typography"
15
+ *}
16
+ * ```
17
+ */
18
+ var font = {
19
+ font: {
20
+ code: {
21
+ '[default]': {
22
+ attributes: {
23
+ group: 'typography',
24
+ state: 'experimental',
25
+ introduced: '1.14.0',
26
+ description: 'Used for monospace and code.'
27
+ }
28
+ }
29
+ },
30
+ heading: {
31
+ xxl: {
32
+ attributes: {
33
+ group: 'typography',
34
+ state: 'experimental',
35
+ introduced: '1.14.0',
36
+ description: 'TBD'
37
+ }
38
+ },
39
+ xl: {
40
+ attributes: {
41
+ group: 'typography',
42
+ state: 'experimental',
43
+ introduced: '1.14.0',
44
+ description: 'TBD'
45
+ }
46
+ },
47
+ lg: {
48
+ attributes: {
49
+ group: 'typography',
50
+ state: 'experimental',
51
+ introduced: '1.14.0',
52
+ description: 'TBD'
53
+ }
54
+ },
55
+ md: {
56
+ attributes: {
57
+ group: 'typography',
58
+ state: 'experimental',
59
+ introduced: '1.14.0',
60
+ description: 'TBD'
61
+ }
62
+ },
63
+ sm: {
64
+ attributes: {
65
+ group: 'typography',
66
+ state: 'experimental',
67
+ introduced: '1.14.0',
68
+ description: 'TBD'
69
+ }
70
+ },
71
+ xs: {
72
+ attributes: {
73
+ group: 'typography',
74
+ state: 'experimental',
75
+ introduced: '1.14.0',
76
+ description: 'TBD'
77
+ }
78
+ },
79
+ xxs: {
80
+ attributes: {
81
+ group: 'typography',
82
+ state: 'experimental',
83
+ introduced: '1.14.0',
84
+ description: 'TBD'
85
+ }
86
+ }
87
+ },
88
+ ui: {
89
+ sm: {
90
+ attributes: {
91
+ group: 'typography',
92
+ state: 'experimental',
93
+ introduced: '1.14.0',
94
+ description: 'Single-line non-wrapping supporting text like that in a smaller label.'
95
+ }
96
+ },
97
+ '[default]': {
98
+ attributes: {
99
+ group: 'typography',
100
+ state: 'experimental',
101
+ introduced: '1.14.0',
102
+ description: 'Single-line non-wrapping text like that in a button.'
103
+ }
104
+ }
105
+ },
106
+ body: {
107
+ sm: {
108
+ attributes: {
109
+ group: 'typography',
110
+ state: 'experimental',
111
+ introduced: '1.14.0',
112
+ description: 'Smaller body font.'
113
+ }
114
+ },
115
+ '[default]': {
116
+ attributes: {
117
+ group: 'typography',
118
+ state: 'experimental',
119
+ introduced: '1.14.0',
120
+ description: 'The default body font.'
121
+ }
122
+ }
123
+ }
124
+ }
125
+ };
126
+ export default font;
@@ -0,0 +1,47 @@
1
+ var font = {
2
+ font: {
3
+ letterSpacing: {
4
+ '0': {
5
+ attributes: {
6
+ group: 'letterSpacing',
7
+ state: 'active',
8
+ introduced: '0.10.33',
9
+ description: 'Helpful guidance goes here'
10
+ }
11
+ },
12
+ '100': {
13
+ attributes: {
14
+ group: 'letterSpacing',
15
+ state: 'active',
16
+ introduced: '0.10.33',
17
+ description: 'Helpful guidance goes here'
18
+ }
19
+ },
20
+ '200': {
21
+ attributes: {
22
+ group: 'letterSpacing',
23
+ state: 'active',
24
+ introduced: '0.10.33',
25
+ description: 'Helpful guidance goes here'
26
+ }
27
+ },
28
+ '300': {
29
+ attributes: {
30
+ group: 'letterSpacing',
31
+ state: 'active',
32
+ introduced: '0.10.33',
33
+ description: 'Helpful guidance goes here'
34
+ }
35
+ },
36
+ '400': {
37
+ attributes: {
38
+ group: 'letterSpacing',
39
+ state: 'active',
40
+ introduced: '0.10.33',
41
+ description: 'Helpful guidance goes here'
42
+ }
43
+ }
44
+ }
45
+ }
46
+ };
47
+ export default font;
@@ -1,6 +1,14 @@
1
1
  var font = {
2
2
  font: {
3
3
  lineHeight: {
4
+ '1': {
5
+ attributes: {
6
+ group: 'lineHeight',
7
+ state: 'active',
8
+ introduced: '0.10.33',
9
+ description: 'Used single-line text.'
10
+ }
11
+ },
4
12
  '100': {
5
13
  attributes: {
6
14
  group: 'lineHeight',
@@ -3,14 +3,14 @@
3
3
  *
4
4
  * Token names mapped to their values, used for contrast checking when generating custom themes
5
5
  *
6
- * @codegen <<SignedSource::2d922d82772ca155fb2fe7b5c63dc69a>>
6
+ * @codegen <<SignedSource::5aed53e696137cdd59ece99fb9755c09>>
7
7
  * @codegenCommand yarn build tokens
8
8
  */
9
9
  declare const tokenValues: {
10
10
  readonly 'color.text.brand': "#579DFF";
11
11
  readonly 'elevation.surface.overlay': "#282E33";
12
- readonly 'color.text.selected': "#579DFF";
13
12
  readonly 'color.background.selected': "#092957";
13
+ readonly 'color.text.selected': "#579DFF";
14
14
  readonly 'color.border.brand': "#579DFF";
15
15
  readonly 'color.chart.brand': "#388BFF";
16
16
  readonly 'color.text.inverse': "#1D2125";
@@ -3,14 +3,14 @@
3
3
  *
4
4
  * Token names mapped to their values, used for contrast checking when generating custom themes
5
5
  *
6
- * @codegen <<SignedSource::068e846d4121ab9afc08e7a1f99dbb5e>>
6
+ * @codegen <<SignedSource::2e18f7ef8f76f499aeeb6d93e94be25e>>
7
7
  * @codegenCommand yarn build tokens
8
8
  */
9
9
  declare const tokenValues: {
10
10
  readonly 'color.text.brand': "#0C66E4";
11
11
  readonly 'elevation.surface.sunken': "#F7F8F9";
12
- readonly 'color.text.selected': "#0C66E4";
13
12
  readonly 'color.background.selected': "#E9F2FF";
13
+ readonly 'color.text.selected': "#0C66E4";
14
14
  readonly 'color.border.brand': "#0C66E4";
15
15
  readonly 'color.chart.brand': "#1D7AFC";
16
16
  readonly 'color.text.inverse': "#FFFFFF";
@@ -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::62a42989e49ca7f7856827fb9ea059d6>>
3
+ * @codegen <<SignedSource::89e4530c84e484a163c9df048290ecf5>>
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::de402397f676704af035feafc2b4f3c3>>
9
+ * @codegen <<SignedSource::82c355c08254a28b0727a63e17ee7698>>
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::5a962c81429544e05af6d55cf34c46a0>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-product);\n --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-product);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-product);\n --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-product);\n --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-product);\n --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-product);\n --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-product);\n --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-product);\n --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-product);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: -0.003em;\n --ds-font-letterSpacing-200: -0.006em;\n --ds-font-letterSpacing-300: -0.008em;\n --ds-font-letterSpacing-400: -0.01em;\n --ds-font-ui: normal 400 0.875rem/1rem var(--ds-font-family-product);\n --ds-font-ui-sm: normal 400 0.6875rem/1rem var(--ds-font-family-product);\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: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n --ds-font-size-050: 0.6875rem;\n --ds-font-size-075: 0.75rem;\n --ds-font-size-100: 0.875rem;\n --ds-font-size-200: 1rem;\n --ds-font-size-300: 1.25rem;\n --ds-font-size-400: 1.5rem;\n --ds-font-size-500: 1.8125rem;\n --ds-font-size-600: 2.1875rem;\n --ds-font-weight-bold: 700;\n --ds-font-weight-medium: 500;\n --ds-font-weight-regular: 400;\n --ds-font-weight-semibold: 600;\n --ds-font-lineHeight-1: 1;\n --ds-font-lineHeight-100: 1rem;\n --ds-font-lineHeight-200: 1.25rem;\n --ds-font-lineHeight-300: 1.5rem;\n --ds-font-lineHeight-400: 1.75rem;\n --ds-font-lineHeight-500: 2rem;\n --ds-font-lineHeight-600: 2.5rem;\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::3e4dc097014124b77e69b832281f37ed>>
3
+ * @codegen <<SignedSource::8a2c4f8f66783e1940d1aab250cf35a9>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-family-monospace: \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace;\n --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --ds-font-size-050: 0.6875rem;\n --ds-font-size-075: 0.75rem;\n --ds-font-size-100: 0.875rem;\n --ds-font-size-200: 1rem;\n --ds-font-size-300: 1.25rem;\n --ds-font-size-400: 1.5rem;\n --ds-font-size-500: 1.8125rem;\n --ds-font-size-600: 2.1875rem;\n --ds-font-weight-bold: 700;\n --ds-font-weight-medium: 500;\n --ds-font-weight-regular: 400;\n --ds-font-weight-semibold: 600;\n --ds-font-lineHeight-100: 1rem;\n --ds-font-lineHeight-200: 1.25rem;\n --ds-font-lineHeight-300: 1.5rem;\n --ds-font-lineHeight-400: 1.75rem;\n --ds-font-lineHeight-500: 2rem;\n --ds-font-lineHeight-600: 2.5rem;\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.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";
7
7
  export default _default;
@@ -7,7 +7,7 @@
7
7
  * Token names mapped to their value in the default Atlassian themes ('light').
8
8
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
9
9
  *
10
- * @codegen <<SignedSource::b5a6322ad7a59d086ea12e85ec78c8f0>>
10
+ * @codegen <<SignedSource::7b0a463a4cd5463b13d98c47582631db>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  declare const defaultTokenValues: {
@@ -342,8 +342,28 @@ declare const defaultTokenValues: {
342
342
  readonly 'space.600': "3rem";
343
343
  readonly 'space.800': "4rem";
344
344
  readonly 'space.1000': "5rem";
345
- readonly 'font.family.monospace': "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace";
345
+ readonly 'font.body': "normal 400 0.875rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
346
+ readonly 'font.body.sm': "normal 400 0.6875rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
347
+ readonly 'font.code': "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
348
+ readonly 'font.heading.lg': "normal 500 1.5rem/1.75rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
349
+ readonly 'font.heading.md': "normal 500 1.25rem/1.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
350
+ readonly 'font.heading.sm': "normal 600 1rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
351
+ readonly 'font.heading.xl': "normal 600 1.8125rem/2rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
352
+ readonly 'font.heading.xs': "normal 600 0.875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
353
+ readonly 'font.heading.xxl': "normal 500 2.1875rem/2.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
354
+ readonly 'font.heading.xxs': "normal 600 0.75rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
355
+ readonly 'font.letterSpacing.0': "0";
356
+ readonly 'font.letterSpacing.100': "-0.003em";
357
+ readonly 'font.letterSpacing.200': "-0.006em";
358
+ readonly 'font.letterSpacing.300': "-0.008em";
359
+ readonly 'font.letterSpacing.400': "-0.01em";
360
+ readonly 'font.ui': "normal 400 0.875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
361
+ readonly 'font.ui.sm': "normal 400 0.6875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
362
+ readonly 'font.family.code': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
363
+ readonly 'font.family.monospace': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
364
+ readonly 'font.family.product': "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
346
365
  readonly 'font.family.sans': "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
366
+ readonly 'font.family.brand': "Charlie Sans";
347
367
  readonly 'font.size.050': "0.6875rem";
348
368
  readonly 'font.size.075': "0.75rem";
349
369
  readonly 'font.size.100': "0.875rem";
@@ -356,6 +376,7 @@ declare const defaultTokenValues: {
356
376
  readonly 'font.weight.medium': "500";
357
377
  readonly 'font.weight.regular': "400";
358
378
  readonly 'font.weight.semibold': "600";
379
+ readonly 'font.lineHeight.1': "1";
359
380
  readonly 'font.lineHeight.100': "1rem";
360
381
  readonly 'font.lineHeight.200': "1.25rem";
361
382
  readonly 'font.lineHeight.300': "1.5rem";
@@ -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::ee9558f71e21d57dd7abb1686236b1ed>>
3
+ * @codegen <<SignedSource::941775f7937b33243f0409b0ddd4fcd1>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
@@ -335,8 +335,28 @@ declare const tokens: {
335
335
  readonly 'space.600': "--ds-space-600";
336
336
  readonly 'space.800': "--ds-space-800";
337
337
  readonly 'space.1000': "--ds-space-1000";
338
+ readonly 'font.body': "--ds-font-body";
339
+ readonly 'font.body.sm': "--ds-font-body-sm";
340
+ readonly 'font.code': "--ds-font-code";
341
+ readonly 'font.heading.lg': "--ds-font-heading-lg";
342
+ readonly 'font.heading.md': "--ds-font-heading-md";
343
+ readonly 'font.heading.sm': "--ds-font-heading-sm";
344
+ readonly 'font.heading.xl': "--ds-font-heading-xl";
345
+ readonly 'font.heading.xs': "--ds-font-heading-xs";
346
+ readonly 'font.heading.xxl': "--ds-font-heading-xxl";
347
+ readonly 'font.heading.xxs': "--ds-font-heading-xxs";
348
+ readonly 'font.letterSpacing.0': "--ds-font-letterSpacing-0";
349
+ readonly 'font.letterSpacing.100': "--ds-font-letterSpacing-100";
350
+ readonly 'font.letterSpacing.200': "--ds-font-letterSpacing-200";
351
+ readonly 'font.letterSpacing.300': "--ds-font-letterSpacing-300";
352
+ readonly 'font.letterSpacing.400': "--ds-font-letterSpacing-400";
353
+ readonly 'font.ui': "--ds-font-ui";
354
+ readonly 'font.ui.sm': "--ds-font-ui-sm";
355
+ readonly 'font.family.code': "--ds-font-family-code";
338
356
  readonly 'font.family.monospace': "--ds-font-family-monospace";
357
+ readonly 'font.family.product': "--ds-font-family-product";
339
358
  readonly 'font.family.sans': "--ds-font-family-sans";
359
+ readonly 'font.family.brand': "--ds-font-family-brand";
340
360
  readonly 'font.size.050': "--ds-font-size-050";
341
361
  readonly 'font.size.075': "--ds-font-size-075";
342
362
  readonly 'font.size.100': "--ds-font-size-100";
@@ -349,6 +369,7 @@ declare const tokens: {
349
369
  readonly 'font.weight.medium': "--ds-font-weight-medium";
350
370
  readonly 'font.weight.regular': "--ds-font-weight-regular";
351
371
  readonly 'font.weight.semibold': "--ds-font-weight-semibold";
372
+ readonly 'font.lineHeight.1': "--ds-font-lineHeight-1";
352
373
  readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
353
374
  readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
354
375
  readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
@@ -688,8 +709,28 @@ export type CSSTokenMap = {
688
709
  'space.600': 'var(--ds-space-600)';
689
710
  'space.800': 'var(--ds-space-800)';
690
711
  'space.1000': 'var(--ds-space-1000)';
712
+ 'font.body': 'var(--ds-font-body)';
713
+ 'font.body.sm': 'var(--ds-font-body-sm)';
714
+ 'font.code': 'var(--ds-font-code)';
715
+ 'font.heading.lg': 'var(--ds-font-heading-lg)';
716
+ 'font.heading.md': 'var(--ds-font-heading-md)';
717
+ 'font.heading.sm': 'var(--ds-font-heading-sm)';
718
+ 'font.heading.xl': 'var(--ds-font-heading-xl)';
719
+ 'font.heading.xs': 'var(--ds-font-heading-xs)';
720
+ 'font.heading.xxl': 'var(--ds-font-heading-xxl)';
721
+ 'font.heading.xxs': 'var(--ds-font-heading-xxs)';
722
+ 'font.letterSpacing.0': 'var(--ds-font-letterSpacing-0)';
723
+ 'font.letterSpacing.100': 'var(--ds-font-letterSpacing-100)';
724
+ 'font.letterSpacing.200': 'var(--ds-font-letterSpacing-200)';
725
+ 'font.letterSpacing.300': 'var(--ds-font-letterSpacing-300)';
726
+ 'font.letterSpacing.400': 'var(--ds-font-letterSpacing-400)';
727
+ 'font.ui': 'var(--ds-font-ui)';
728
+ 'font.ui.sm': 'var(--ds-font-ui-sm)';
729
+ 'font.family.code': 'var(--ds-font-family-code)';
691
730
  'font.family.monospace': 'var(--ds-font-family-monospace)';
731
+ 'font.family.product': 'var(--ds-font-family-product)';
692
732
  'font.family.sans': 'var(--ds-font-family-sans)';
733
+ 'font.family.brand': 'var(--ds-font-family-brand)';
693
734
  'font.size.050': 'var(--ds-font-size-050)';
694
735
  'font.size.075': 'var(--ds-font-size-075)';
695
736
  'font.size.100': 'var(--ds-font-size-100)';
@@ -702,6 +743,7 @@ export type CSSTokenMap = {
702
743
  'font.weight.medium': 'var(--ds-font-weight-medium)';
703
744
  'font.weight.regular': 'var(--ds-font-weight-regular)';
704
745
  'font.weight.semibold': 'var(--ds-font-weight-semibold)';
746
+ 'font.lineHeight.1': 'var(--ds-font-lineHeight-1)';
705
747
  'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
706
748
  'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
707
749
  'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
@@ -0,0 +1,101 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::276e80b37fcbf4b84df1a4060d56d879>>
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
+ export default tokens;