@atlaskit/tokens 1.21.1 → 1.22.1

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 (98) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -2
  3. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
  5. package/dist/cjs/artifacts/token-default-values.js +17 -15
  6. package/dist/cjs/artifacts/token-names.js +4 -2
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +64 -42
  10. package/dist/cjs/get-theme-html-attrs.js +3 -5
  11. package/dist/cjs/get-token-value.js +1 -1
  12. package/dist/cjs/get-token.js +1 -1
  13. package/dist/cjs/theme-config.js +1 -1
  14. package/dist/cjs/tokens/atlassian-typography/font-family.js +4 -1
  15. package/dist/cjs/tokens/atlassian-typography/theme.js +13 -13
  16. package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +4 -1
  17. package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +25 -14
  18. package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +4 -1
  19. package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +25 -14
  20. package/dist/cjs/tokens/default/typography/font-family.js +9 -1
  21. package/dist/cjs/tokens/default/utility/utility.js +8 -0
  22. package/dist/cjs/utils/get-theme-preferences.js +0 -5
  23. package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +17 -15
  24. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +17 -15
  25. package/dist/es2019/artifacts/themes/atlassian-typography.js +16 -15
  26. package/dist/es2019/artifacts/token-default-values.js +17 -15
  27. package/dist/es2019/artifacts/token-names.js +4 -2
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +64 -42
  31. package/dist/es2019/get-theme-html-attrs.js +3 -5
  32. package/dist/es2019/get-token-value.js +1 -1
  33. package/dist/es2019/get-token.js +1 -1
  34. package/dist/es2019/theme-config.js +1 -1
  35. package/dist/es2019/tokens/atlassian-typography/font-family.js +4 -1
  36. package/dist/es2019/tokens/atlassian-typography/theme.js +13 -13
  37. package/dist/es2019/tokens/atlassian-typography-adg3/font-family.js +4 -1
  38. package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +25 -14
  39. package/dist/es2019/tokens/atlassian-typography-minor3/font-family.js +4 -1
  40. package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +25 -14
  41. package/dist/es2019/tokens/default/typography/font-family.js +9 -1
  42. package/dist/es2019/tokens/default/utility/utility.js +8 -0
  43. package/dist/es2019/utils/get-theme-preferences.js +0 -5
  44. package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
  45. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
  46. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  47. package/dist/esm/artifacts/token-default-values.js +17 -15
  48. package/dist/esm/artifacts/token-names.js +4 -2
  49. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
  50. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
  51. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +64 -42
  52. package/dist/esm/get-theme-html-attrs.js +3 -5
  53. package/dist/esm/get-token-value.js +1 -1
  54. package/dist/esm/get-token.js +1 -1
  55. package/dist/esm/theme-config.js +1 -1
  56. package/dist/esm/tokens/atlassian-typography/font-family.js +4 -1
  57. package/dist/esm/tokens/atlassian-typography/theme.js +13 -13
  58. package/dist/esm/tokens/atlassian-typography-adg3/font-family.js +4 -1
  59. package/dist/esm/tokens/atlassian-typography-adg3/theme.js +25 -14
  60. package/dist/esm/tokens/atlassian-typography-minor3/font-family.js +4 -1
  61. package/dist/esm/tokens/atlassian-typography-minor3/theme.js +25 -14
  62. package/dist/esm/tokens/default/typography/font-family.js +9 -1
  63. package/dist/esm/tokens/default/utility/utility.js +8 -0
  64. package/dist/esm/utils/get-theme-preferences.js +0 -5
  65. package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
  66. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  67. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  68. package/dist/types/artifacts/token-default-values.d.ts +17 -15
  69. package/dist/types/artifacts/token-names.d.ts +7 -3
  70. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +10 -10
  71. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +10 -10
  72. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
  73. package/dist/types/artifacts/types-internal.d.ts +2 -2
  74. package/dist/types/artifacts/types.d.ts +2 -2
  75. package/dist/types/theme-config.d.ts +1 -1
  76. package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +145 -10
  77. package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +145 -10
  78. package/dist/types/types.d.ts +16 -2
  79. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
  80. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  81. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  82. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +17 -15
  83. package/dist/types-ts4.5/artifacts/token-names.d.ts +7 -3
  84. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +10 -10
  85. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +10 -10
  86. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
  87. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  88. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  89. package/dist/types-ts4.5/theme-config.d.ts +1 -1
  90. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +145 -10
  91. package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +145 -10
  92. package/dist/types-ts4.5/types.d.ts +16 -2
  93. package/figma/atlassian-typography-adg3.json +15 -6
  94. package/figma/atlassian-typography-minor3.json +15 -6
  95. package/figma/atlassian-typography.json +15 -6
  96. package/package.json +1 -1
  97. package/report.api.md +42 -4
  98. package/tmp/api-report-tmp.d.ts +35 -6
@@ -4,6 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+ var utility = {
8
+ // @ts-expect-error in complete utility theme
9
+ UNSAFE: {
10
+ textTransformUppercase: {
11
+ value: 'uppercase'
12
+ }
13
+ }
14
+ };
7
15
  var typography = {
8
16
  font: {
9
17
  heading: {
@@ -12,7 +20,7 @@ var typography = {
12
20
  fontWeight: 'FontWeight700',
13
21
  fontSize: 'FontSize32',
14
22
  lineHeight: 'LineHeight600',
15
- fontFamily: 'FontFamilyWebSans',
23
+ fontFamily: 'font.family.heading',
16
24
  fontStyle: 'normal',
17
25
  letterSpacing: 'LetterSpacing0'
18
26
  }
@@ -22,7 +30,7 @@ var typography = {
22
30
  fontWeight: 'FontWeight700',
23
31
  fontSize: 'FontSize28',
24
32
  lineHeight: 'LineHeight500',
25
- fontFamily: 'FontFamilyWebSans',
33
+ fontFamily: 'font.family.heading',
26
34
  fontStyle: 'normal',
27
35
  letterSpacing: 'LetterSpacing0'
28
36
  }
@@ -32,7 +40,7 @@ var typography = {
32
40
  fontWeight: 'FontWeight700',
33
41
  fontSize: 'FontSize24',
34
42
  lineHeight: 'LineHeight400',
35
- fontFamily: 'FontFamilyWebSans',
43
+ fontFamily: 'font.family.heading',
36
44
  fontStyle: 'normal',
37
45
  letterSpacing: 'LetterSpacing0'
38
46
  }
@@ -42,7 +50,7 @@ var typography = {
42
50
  fontWeight: 'FontWeight700',
43
51
  fontSize: 'FontSize20',
44
52
  lineHeight: 'LineHeight300',
45
- fontFamily: 'FontFamilyWebSans',
53
+ fontFamily: 'font.family.heading',
46
54
  fontStyle: 'normal',
47
55
  letterSpacing: 'LetterSpacing0'
48
56
  }
@@ -52,7 +60,7 @@ var typography = {
52
60
  fontWeight: 'FontWeight700',
53
61
  fontSize: 'FontSize16',
54
62
  lineHeight: 'LineHeight200',
55
- fontFamily: 'FontFamilyWebSans',
63
+ fontFamily: 'font.family.heading',
56
64
  fontStyle: 'normal',
57
65
  letterSpacing: 'LetterSpacing0'
58
66
  }
@@ -62,7 +70,7 @@ var typography = {
62
70
  fontWeight: 'FontWeight700',
63
71
  fontSize: 'FontSize14',
64
72
  lineHeight: 'LineHeight100',
65
- fontFamily: 'FontFamilyWebSans',
73
+ fontFamily: 'font.family.heading',
66
74
  fontStyle: 'normal',
67
75
  letterSpacing: 'LetterSpacing0'
68
76
  }
@@ -72,7 +80,7 @@ var typography = {
72
80
  fontWeight: 'FontWeight700',
73
81
  fontSize: 'FontSize12',
74
82
  lineHeight: 'LineHeight100',
75
- fontFamily: 'FontFamilyWebSans',
83
+ fontFamily: 'font.family.heading',
76
84
  fontStyle: 'normal',
77
85
  letterSpacing: 'LetterSpacing0'
78
86
  }
@@ -84,7 +92,7 @@ var typography = {
84
92
  fontWeight: 'FontWeight400',
85
93
  fontSize: 'FontSizeCode',
86
94
  lineHeight: 'LineHeight1',
87
- fontFamily: 'FontFamilyWebMono',
95
+ fontFamily: 'font.family.code',
88
96
  fontStyle: 'normal',
89
97
  letterSpacing: 'LetterSpacing0'
90
98
  }
@@ -96,7 +104,7 @@ var typography = {
96
104
  fontWeight: 'FontWeight400',
97
105
  fontSize: 'FontSize14',
98
106
  lineHeight: 'LineHeight200',
99
- fontFamily: 'FontFamilyWebSans',
107
+ fontFamily: 'font.family.body',
100
108
  fontStyle: 'normal',
101
109
  letterSpacing: 'LetterSpacing0'
102
110
  }
@@ -106,7 +114,7 @@ var typography = {
106
114
  fontWeight: 'FontWeight400',
107
115
  fontSize: 'FontSize16',
108
116
  lineHeight: 'LineHeight300',
109
- fontFamily: 'FontFamilyWebSans',
117
+ fontFamily: 'font.family.body',
110
118
  fontStyle: 'normal',
111
119
  letterSpacing: 'LetterSpacing0'
112
120
  }
@@ -116,7 +124,7 @@ var typography = {
116
124
  fontWeight: 'FontWeight400',
117
125
  fontSize: 'FontSize12',
118
126
  lineHeight: 'LineHeight200',
119
- fontFamily: 'FontFamilyWebSans',
127
+ fontFamily: 'font.family.body',
120
128
  fontStyle: 'normal',
121
129
  letterSpacing: 'LetterSpacing0'
122
130
  }
@@ -128,7 +136,7 @@ var typography = {
128
136
  fontWeight: 'FontWeight400',
129
137
  fontSize: 'FontSize14',
130
138
  lineHeight: 'LineHeight1',
131
- fontFamily: 'FontFamilyWebSans',
139
+ fontFamily: 'font.family.body',
132
140
  fontStyle: 'normal',
133
141
  letterSpacing: 'LetterSpacing0'
134
142
  }
@@ -138,7 +146,7 @@ var typography = {
138
146
  fontWeight: 'FontWeight400',
139
147
  fontSize: 'FontSize12',
140
148
  lineHeight: 'LineHeight1',
141
- fontFamily: 'FontFamilyWebSans',
149
+ fontFamily: 'font.family.body',
142
150
  fontStyle: 'normal',
143
151
  letterSpacing: 'LetterSpacing0'
144
152
  }
@@ -146,5 +154,8 @@ var typography = {
146
154
  }
147
155
  }
148
156
  };
149
- var _default = typography;
157
+ var _default = {
158
+ font: typography.font,
159
+ utility: utility
160
+ };
150
161
  exports.default = _default;
@@ -39,7 +39,15 @@ var font = {
39
39
  description: 'Helpful guidance goes here'
40
40
  }
41
41
  },
42
- product: {
42
+ heading: {
43
+ attributes: {
44
+ group: 'fontFamily',
45
+ state: 'experimental',
46
+ introduced: '1.14.0',
47
+ description: 'Helpful guidance goes here'
48
+ }
49
+ },
50
+ body: {
43
51
  attributes: {
44
52
  group: 'fontFamily',
45
53
  state: 'experimental',
@@ -13,6 +13,14 @@ var utility = {
13
13
  introduced: '0.1.1',
14
14
  description: 'Transparent token used for backwards compatibility between new and old theming solutions'
15
15
  }
16
+ },
17
+ textTransformUppercase: {
18
+ attributes: {
19
+ group: 'raw',
20
+ state: 'active',
21
+ introduced: '1.20.1',
22
+ description: 'Text transform uppercase token used for backwards compatibility between new and old theming solutions'
23
+ }
16
24
  }
17
25
  },
18
26
  elevation: {
@@ -23,11 +23,6 @@ var getThemePreferences = function getThemePreferences(themeState) {
23
23
  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu')) {
24
24
  themePreferences.push("".concat(themePreferences.includes('dark') ? 'dark' : 'light', "-new-input-border"));
25
25
  }
26
-
27
- // Load spacing by default
28
- if (!themePreferences.includes('spacing')) {
29
- themePreferences.push('spacing');
30
- }
31
26
  return (0, _toConsumableArray2.default)(new Set(themePreferences));
32
27
  };
33
28
  exports.getThemePreferences = getThemePreferences;
@@ -1,31 +1,33 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::40ab79b49a385a9644c0830bb643054e>>
3
+ * @codegen <<SignedSource::86a1df1a5baba529610e15ed684ea4b8>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
7
7
  html[data-theme~="typography:typography-adg3"] {
8
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-product);
9
- --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-product);
10
- --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-product);
11
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
12
- --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-product);
13
- --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-product);
14
- --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-product);
15
- --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-product);
16
- --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-product);
17
- --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-product);
18
- --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-product);
8
+ --ds-UNSAFE-textTransformUppercase: uppercase;
9
+ --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
10
+ --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);
11
+ --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-body);
12
+ --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
13
+ --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);
14
+ --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);
15
+ --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-heading);
16
+ --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-heading);
17
+ --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-heading);
18
+ --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);
19
+ --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-heading);
19
20
  --ds-font-letterSpacing-0: 0;
20
21
  --ds-font-letterSpacing-100: -0.003em;
21
22
  --ds-font-letterSpacing-200: -0.006em;
22
23
  --ds-font-letterSpacing-300: -0.008em;
23
24
  --ds-font-letterSpacing-400: -0.01em;
24
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-product);
25
- --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-product);
25
+ --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
26
+ --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-body);
27
+ --ds-font-family-body: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
26
28
  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
29
+ --ds-font-family-heading: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
27
30
  --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
28
- --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
29
31
  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
30
32
  --ds-font-family-brand: Charlie Sans;
31
33
  --ds-font-size-050: 0.6875rem;
@@ -1,31 +1,33 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::d807664672d6fd88e3f6e4054ec56bc9>>
3
+ * @codegen <<SignedSource::0975666a75bd15b63756e59298935cf5>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
7
7
  html[data-theme~="typography:typography-minor3"] {
8
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);
9
- --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-sans);
10
- --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);
11
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
12
- --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);
13
- --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);
14
- --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);
15
- --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);
16
- --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);
17
- --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-sans);
18
- --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);
8
+ --ds-UNSAFE-textTransformUppercase: uppercase;
9
+ --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
10
+ --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);
11
+ --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-body);
12
+ --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
13
+ --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
14
+ --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
15
+ --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-heading);
16
+ --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-heading);
17
+ --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-heading);
18
+ --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-heading);
19
+ --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-heading);
19
20
  --ds-font-letterSpacing-0: 0;
20
21
  --ds-font-letterSpacing-100: 0;
21
22
  --ds-font-letterSpacing-200: 0;
22
23
  --ds-font-letterSpacing-300: 0;
23
24
  --ds-font-letterSpacing-400: 0;
24
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);
25
- --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);
25
+ --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
26
+ --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-body);
27
+ --ds-font-family-body: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
26
28
  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
29
+ --ds-font-family-heading: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
27
30
  --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
28
- --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
29
31
  --ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
30
32
  --ds-font-family-brand: Charlie Sans;
31
33
  }
@@ -1,31 +1,32 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::4523ed1ede9eb6edfe0926fd28d32efc>>
3
+ * @codegen <<SignedSource::349dc9dd4c283b60434a93a228019eb8>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
7
7
  html[data-theme~="typography:typography"] {
8
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);
9
- --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-sans);
10
- --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);
11
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
12
- --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);
13
- --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);
14
- --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);
15
- --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);
16
- --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);
17
- --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);
18
- --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);
8
+ --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
9
+ --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-body);
10
+ --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-body);
11
+ --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
12
+ --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
13
+ --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
14
+ --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-heading);
15
+ --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-heading);
16
+ --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-heading);
17
+ --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-heading);
18
+ --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-heading);
19
19
  --ds-font-letterSpacing-0: 0;
20
20
  --ds-font-letterSpacing-100: 0;
21
21
  --ds-font-letterSpacing-200: 0;
22
22
  --ds-font-letterSpacing-300: 0;
23
23
  --ds-font-letterSpacing-400: 0;
24
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);
25
- --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);
24
+ --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
25
+ --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-body);
26
+ --ds-font-family-body: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
26
27
  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
28
+ --ds-font-family-heading: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
27
29
  --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
28
- --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
29
30
  --ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
30
31
  --ds-font-family-brand: Charlie Sans;
31
32
  }
@@ -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::89d57f1ac024661bf2b7ee3c1e74dfa9>>
10
+ * @codegen <<SignedSource::2ed9c3b5219514c1dd5c348fb4647ed3>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  const defaultTokenValues = {
@@ -396,6 +396,7 @@ const defaultTokenValues = {
396
396
  'elevation.shadow.raised': '0px 1px 1px #091E4240, 0px 0px 1px #091E424F',
397
397
  'opacity.disabled': '0.4',
398
398
  'opacity.loading': '0.2',
399
+ 'utility.UNSAFE.textTransformUppercase': 'uppercase',
399
400
  'utility.UNSAFE.transparent': 'transparent',
400
401
  'utility.elevation.surface.current': '#FFFFFF',
401
402
  'border.radius.050': '0.125rem',
@@ -432,27 +433,28 @@ const defaultTokenValues = {
432
433
  'space.negative.250': '-1.25rem',
433
434
  'space.negative.300': '-1.5rem',
434
435
  'space.negative.400': '-2rem',
435
- 'font.body': 'normal 400 0.875rem/1.25rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
436
- 'font.body.lg': 'normal 400 1rem/1.5rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
437
- 'font.body.sm': 'normal 400 0.6875rem/1.25rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
438
- 'font.code': 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
439
- 'font.heading.lg': 'normal 500 1.5rem/1.75rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
440
- 'font.heading.md': 'normal 500 1.25rem/1.5rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
441
- 'font.heading.sm': 'normal 600 1rem/1.25rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
442
- 'font.heading.xl': 'normal 600 1.8125rem/2rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
443
- 'font.heading.xs': 'normal 600 0.875rem/1rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
444
- 'font.heading.xxl': 'normal 500 2.1875rem/2.5rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
445
- 'font.heading.xxs': 'normal 600 0.75rem/1rem ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
436
+ 'font.body': 'normal 400 0.875rem/1.25rem var(--ds-font-family-body)',
437
+ 'font.body.lg': 'normal 400 1rem/1.5rem var(--ds-font-family-body)',
438
+ 'font.body.sm': 'normal 400 0.6875rem/1.25rem var(--ds-font-family-body)',
439
+ 'font.code': 'normal 400 0.875em/1 var(--ds-font-family-code)',
440
+ 'font.heading.lg': 'normal 500 1.5rem/1.75rem var(--ds-font-family-heading)',
441
+ 'font.heading.md': 'normal 500 1.25rem/1.5rem var(--ds-font-family-heading)',
442
+ 'font.heading.sm': 'normal 600 1rem/1.25rem var(--ds-font-family-heading)',
443
+ 'font.heading.xl': 'normal 600 1.8125rem/2rem var(--ds-font-family-heading)',
444
+ 'font.heading.xs': 'normal 600 0.875rem/1rem var(--ds-font-family-heading)',
445
+ 'font.heading.xxl': 'normal 500 2.1875rem/2.5rem var(--ds-font-family-heading)',
446
+ 'font.heading.xxs': 'normal 600 0.75rem/1rem var(--ds-font-family-heading)',
446
447
  'font.letterSpacing.0': '0',
447
448
  'font.letterSpacing.100': '-0.003em',
448
449
  'font.letterSpacing.200': '-0.006em',
449
450
  'font.letterSpacing.300': '-0.008em',
450
451
  'font.letterSpacing.400': '-0.01em',
451
- 'font.ui': 'normal 400 0.875rem/1 ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
452
- 'font.ui.sm': 'normal 400 0.6875rem/1 ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
452
+ 'font.ui': 'normal 400 0.875rem/1 var(--ds-font-family-body)',
453
+ 'font.ui.sm': 'normal 400 0.6875rem/1 var(--ds-font-family-body)',
454
+ 'font.family.body': 'ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
453
455
  'font.family.code': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
456
+ 'font.family.heading': 'ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
454
457
  'font.family.monospace': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
455
- 'font.family.product': 'ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
456
458
  'font.family.sans': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
457
459
  'font.family.brand': 'Charlie Sans',
458
460
  'font.size.050': '0.6875rem',
@@ -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::487e60f0791ae39572ec7cc90e77eb13>>
3
+ * @codegen <<SignedSource::9b8fdc7df9d7269fb27f22c5e06d7743>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = {
@@ -389,6 +389,7 @@ const tokens = {
389
389
  'elevation.shadow.raised': '--ds-shadow-raised',
390
390
  'opacity.disabled': '--ds-opacity-disabled',
391
391
  'opacity.loading': '--ds-opacity-loading',
392
+ 'utility.UNSAFE.textTransformUppercase': '--ds-UNSAFE-textTransformUppercase',
392
393
  'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
393
394
  'utility.elevation.surface.current': '--ds-elevation-surface-current',
394
395
  'border.radius.050': '--ds-border-radius-050',
@@ -443,9 +444,10 @@ const tokens = {
443
444
  'font.letterSpacing.400': '--ds-font-letterSpacing-400',
444
445
  'font.ui': '--ds-font-ui',
445
446
  'font.ui.sm': '--ds-font-ui-sm',
447
+ 'font.family.body': '--ds-font-family-body',
446
448
  'font.family.code': '--ds-font-family-code',
449
+ 'font.family.heading': '--ds-font-family-heading',
447
450
  'font.family.monospace': '--ds-font-family-monospace',
448
- 'font.family.product': '--ds-font-family-product',
449
451
  'font.family.sans': '--ds-font-family-sans',
450
452
  'font.family.brand': '--ds-font-family-brand',
451
453
  'font.size.050': '--ds-font-size-050',