@atlaskit/tokens 1.27.0 → 1.28.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 (32) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
  3. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +17 -9
  4. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +17 -9
  5. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +17 -9
  6. package/dist/cjs/get-token-value.js +1 -1
  7. package/dist/cjs/get-token.js +1 -1
  8. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +7 -1
  9. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +17 -9
  10. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +17 -9
  11. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +17 -9
  12. package/dist/es2019/get-token-value.js +1 -1
  13. package/dist/es2019/get-token.js +1 -1
  14. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
  15. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +17 -9
  16. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +17 -9
  17. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +17 -9
  18. package/dist/esm/get-token-value.js +1 -1
  19. package/dist/esm/get-token.js +1 -1
  20. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  21. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +36 -1
  22. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +36 -1
  23. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +36 -1
  24. package/dist/types/types.d.ts +10 -3
  25. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  26. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +36 -1
  27. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +36 -1
  28. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +36 -1
  29. package/dist/types-ts4.5/types.d.ts +10 -3
  30. package/package.json +2 -2
  31. package/report.api.md +57 -11
  32. package/tmp/api-report-tmp.d.ts +49 -3
@@ -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::9a936afc84b1d60e754307860c256a05>>
3
+ * @codegen <<SignedSource::c3c9d9a9e8c21403ff2d0c99bb6419c2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = [{
@@ -146,7 +146,8 @@ var tokens = [{
146
146
  "group": "typography",
147
147
  "state": "experimental",
148
148
  "introduced": "1.14.0",
149
- "description": "TBD"
149
+ "description": "TBD",
150
+ "responsiveSmallerVariant": "font.heading.medium"
150
151
  },
151
152
  "value": "normal 500 24px/28px var(--ds-font-family-heading)",
152
153
  "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -156,7 +157,8 @@ var tokens = [{
156
157
  "group": "typography",
157
158
  "state": "experimental",
158
159
  "introduced": "1.14.0",
159
- "description": "TBD"
160
+ "description": "TBD",
161
+ "responsiveSmallerVariant": "font.heading.medium"
160
162
  },
161
163
  "value": {
162
164
  "fontWeight": "FontWeight500",
@@ -175,7 +177,8 @@ var tokens = [{
175
177
  "group": "typography",
176
178
  "state": "experimental",
177
179
  "introduced": "1.14.0",
178
- "description": "TBD"
180
+ "description": "TBD",
181
+ "responsiveSmallerVariant": "font.heading.small"
179
182
  },
180
183
  "value": "normal 500 20px/24px var(--ds-font-family-heading)",
181
184
  "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -185,7 +188,8 @@ var tokens = [{
185
188
  "group": "typography",
186
189
  "state": "experimental",
187
190
  "introduced": "1.14.0",
188
- "description": "TBD"
191
+ "description": "TBD",
192
+ "responsiveSmallerVariant": "font.heading.small"
189
193
  },
190
194
  "value": {
191
195
  "fontWeight": "FontWeight500",
@@ -233,7 +237,8 @@ var tokens = [{
233
237
  "group": "typography",
234
238
  "state": "experimental",
235
239
  "introduced": "1.14.0",
236
- "description": "TBD"
240
+ "description": "TBD",
241
+ "responsiveSmallerVariant": "font.heading.large"
237
242
  },
238
243
  "value": "normal 600 29px/32px var(--ds-font-family-heading)",
239
244
  "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -243,7 +248,8 @@ var tokens = [{
243
248
  "group": "typography",
244
249
  "state": "experimental",
245
250
  "introduced": "1.14.0",
246
- "description": "TBD"
251
+ "description": "TBD",
252
+ "responsiveSmallerVariant": "font.heading.large"
247
253
  },
248
254
  "value": {
249
255
  "fontWeight": "FontWeight600",
@@ -291,7 +297,8 @@ var tokens = [{
291
297
  "group": "typography",
292
298
  "state": "experimental",
293
299
  "introduced": "1.14.0",
294
- "description": "TBD"
300
+ "description": "TBD",
301
+ "responsiveSmallerVariant": "font.heading.xlarge"
295
302
  },
296
303
  "value": "normal 500 35px/40px var(--ds-font-family-heading)",
297
304
  "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -301,7 +308,8 @@ var tokens = [{
301
308
  "group": "typography",
302
309
  "state": "experimental",
303
310
  "introduced": "1.14.0",
304
- "description": "TBD"
311
+ "description": "TBD",
312
+ "responsiveSmallerVariant": "font.heading.xlarge"
305
313
  },
306
314
  "value": {
307
315
  "fontWeight": "FontWeight500",
@@ -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::4197cb73414458032918015469216944>>
3
+ * @codegen <<SignedSource::1ae3b7bd31e38fb0fcdff9803f28c2f0>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = [{
@@ -146,7 +146,8 @@ var tokens = [{
146
146
  "group": "typography",
147
147
  "state": "experimental",
148
148
  "introduced": "1.14.0",
149
- "description": "TBD"
149
+ "description": "TBD",
150
+ "responsiveSmallerVariant": "font.heading.medium"
150
151
  },
151
152
  "value": "normal 700 24px/28px var(--ds-font-family-heading)",
152
153
  "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -156,7 +157,8 @@ var tokens = [{
156
157
  "group": "typography",
157
158
  "state": "experimental",
158
159
  "introduced": "1.14.0",
159
- "description": "TBD"
160
+ "description": "TBD",
161
+ "responsiveSmallerVariant": "font.heading.medium"
160
162
  },
161
163
  "value": {
162
164
  "fontWeight": "FontWeight700",
@@ -175,7 +177,8 @@ var tokens = [{
175
177
  "group": "typography",
176
178
  "state": "experimental",
177
179
  "introduced": "1.14.0",
178
- "description": "TBD"
180
+ "description": "TBD",
181
+ "responsiveSmallerVariant": "font.heading.small"
179
182
  },
180
183
  "value": "normal 700 20px/24px var(--ds-font-family-heading)",
181
184
  "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -185,7 +188,8 @@ var tokens = [{
185
188
  "group": "typography",
186
189
  "state": "experimental",
187
190
  "introduced": "1.14.0",
188
- "description": "TBD"
191
+ "description": "TBD",
192
+ "responsiveSmallerVariant": "font.heading.small"
189
193
  },
190
194
  "value": {
191
195
  "fontWeight": "FontWeight700",
@@ -233,7 +237,8 @@ var tokens = [{
233
237
  "group": "typography",
234
238
  "state": "experimental",
235
239
  "introduced": "1.14.0",
236
- "description": "TBD"
240
+ "description": "TBD",
241
+ "responsiveSmallerVariant": "font.heading.large"
237
242
  },
238
243
  "value": "normal 700 28px/32px var(--ds-font-family-heading)",
239
244
  "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -243,7 +248,8 @@ var tokens = [{
243
248
  "group": "typography",
244
249
  "state": "experimental",
245
250
  "introduced": "1.14.0",
246
- "description": "TBD"
251
+ "description": "TBD",
252
+ "responsiveSmallerVariant": "font.heading.large"
247
253
  },
248
254
  "value": {
249
255
  "fontWeight": "FontWeight700",
@@ -291,7 +297,8 @@ var tokens = [{
291
297
  "group": "typography",
292
298
  "state": "experimental",
293
299
  "introduced": "1.14.0",
294
- "description": "TBD"
300
+ "description": "TBD",
301
+ "responsiveSmallerVariant": "font.heading.xlarge"
295
302
  },
296
303
  "value": "normal 700 32px/36px var(--ds-font-family-heading)",
297
304
  "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -301,7 +308,8 @@ var tokens = [{
301
308
  "group": "typography",
302
309
  "state": "experimental",
303
310
  "introduced": "1.14.0",
304
- "description": "TBD"
311
+ "description": "TBD",
312
+ "responsiveSmallerVariant": "font.heading.xlarge"
305
313
  },
306
314
  "value": {
307
315
  "fontWeight": "FontWeight700",
@@ -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::ecd63bab60b9c05c08973d35cc1989df>>
3
+ * @codegen <<SignedSource::e95de29cabce142a19e4a4c6780c2555>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = [{
@@ -124,7 +124,8 @@ var tokens = [{
124
124
  "group": "typography",
125
125
  "state": "experimental",
126
126
  "introduced": "1.14.0",
127
- "description": "TBD"
127
+ "description": "TBD",
128
+ "responsiveSmallerVariant": "font.heading.medium"
128
129
  },
129
130
  "value": "normal 700 24px/28px var(--ds-font-family-heading)",
130
131
  "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -134,7 +135,8 @@ var tokens = [{
134
135
  "group": "typography",
135
136
  "state": "experimental",
136
137
  "introduced": "1.14.0",
137
- "description": "TBD"
138
+ "description": "TBD",
139
+ "responsiveSmallerVariant": "font.heading.medium"
138
140
  },
139
141
  "value": {
140
142
  "fontWeight": "FontWeight700",
@@ -153,7 +155,8 @@ var tokens = [{
153
155
  "group": "typography",
154
156
  "state": "experimental",
155
157
  "introduced": "1.14.0",
156
- "description": "TBD"
158
+ "description": "TBD",
159
+ "responsiveSmallerVariant": "font.heading.small"
157
160
  },
158
161
  "value": "normal 700 20px/24px var(--ds-font-family-heading)",
159
162
  "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -163,7 +166,8 @@ var tokens = [{
163
166
  "group": "typography",
164
167
  "state": "experimental",
165
168
  "introduced": "1.14.0",
166
- "description": "TBD"
169
+ "description": "TBD",
170
+ "responsiveSmallerVariant": "font.heading.small"
167
171
  },
168
172
  "value": {
169
173
  "fontWeight": "FontWeight700",
@@ -211,7 +215,8 @@ var tokens = [{
211
215
  "group": "typography",
212
216
  "state": "experimental",
213
217
  "introduced": "1.14.0",
214
- "description": "TBD"
218
+ "description": "TBD",
219
+ "responsiveSmallerVariant": "font.heading.large"
215
220
  },
216
221
  "value": "normal 700 28px/32px var(--ds-font-family-heading)",
217
222
  "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -221,7 +226,8 @@ var tokens = [{
221
226
  "group": "typography",
222
227
  "state": "experimental",
223
228
  "introduced": "1.14.0",
224
- "description": "TBD"
229
+ "description": "TBD",
230
+ "responsiveSmallerVariant": "font.heading.large"
225
231
  },
226
232
  "value": {
227
233
  "fontWeight": "FontWeight700",
@@ -269,7 +275,8 @@ var tokens = [{
269
275
  "group": "typography",
270
276
  "state": "experimental",
271
277
  "introduced": "1.14.0",
272
- "description": "TBD"
278
+ "description": "TBD",
279
+ "responsiveSmallerVariant": "font.heading.xlarge"
273
280
  },
274
281
  "value": "normal 700 36px/40px var(--ds-font-family-heading)",
275
282
  "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -279,7 +286,8 @@ var tokens = [{
279
286
  "group": "typography",
280
287
  "state": "experimental",
281
288
  "introduced": "1.14.0",
282
- "description": "TBD"
289
+ "description": "TBD",
290
+ "responsiveSmallerVariant": "font.heading.xlarge"
283
291
  },
284
292
  "value": {
285
293
  "fontWeight": "FontWeight700",
@@ -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.27.0";
4
+ var version = "1.28.1";
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.27.0";
5
+ var version = "1.28.1";
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.
@@ -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::b12a1413276d27bfa1f318002382d994>>
3
+ * @codegen <<SignedSource::34678f21a98c243e127e933a3251b36e>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n --ds-UNSAFE-textTransformUppercase: uppercase;\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n --ds-font-body-small: normal 400 0.75rem/1.25rem var(--ds-font-family-body);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n --ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n --ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n --ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n --ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n --ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n --ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);\n --ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);\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-body);\n --ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);\n --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
6
+ declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n --ds-UNSAFE-textTransformUppercase: uppercase;\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n --ds-font-body-small: normal 400 0.75rem/1.25rem var(--ds-font-family-body);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n --ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n --ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n --ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n --ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n --ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n --ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);\n --ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);\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-body);\n --ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);\n --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n @media not all and (min-width: 64rem) {\n --ds-font-heading-large: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n --ds-font-heading-medium: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n --ds-font-heading-xxlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n }\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::9a936afc84b1d60e754307860c256a05>>
3
+ * @codegen <<SignedSource::c3c9d9a9e8c21403ff2d0c99bb6419c2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -9,6 +9,7 @@ declare const tokens: ({
9
9
  state: string;
10
10
  introduced: string;
11
11
  description: string;
12
+ responsiveSmallerVariant?: undefined;
12
13
  };
13
14
  value: string;
14
15
  filePath: string;
@@ -19,6 +20,7 @@ declare const tokens: ({
19
20
  state: string;
20
21
  introduced: string;
21
22
  description: string;
23
+ responsiveSmallerVariant?: undefined;
22
24
  };
23
25
  value: string;
24
26
  };
@@ -31,6 +33,7 @@ declare const tokens: ({
31
33
  state: string;
32
34
  introduced: string;
33
35
  description: string;
36
+ responsiveSmallerVariant?: undefined;
34
37
  };
35
38
  value: string;
36
39
  filePath: string;
@@ -41,6 +44,38 @@ declare const tokens: ({
41
44
  state: string;
42
45
  introduced: string;
43
46
  description: string;
47
+ responsiveSmallerVariant?: undefined;
48
+ };
49
+ value: {
50
+ fontWeight: string;
51
+ fontSize: string;
52
+ lineHeight: string;
53
+ fontFamily: string;
54
+ fontStyle: string;
55
+ letterSpacing: string;
56
+ };
57
+ };
58
+ name: string;
59
+ path: string[];
60
+ cleanName: string;
61
+ } | {
62
+ attributes: {
63
+ group: string;
64
+ state: string;
65
+ introduced: string;
66
+ description: string;
67
+ responsiveSmallerVariant: string;
68
+ };
69
+ value: string;
70
+ filePath: string;
71
+ isSource: boolean;
72
+ original: {
73
+ attributes: {
74
+ group: string;
75
+ state: string;
76
+ introduced: string;
77
+ description: string;
78
+ responsiveSmallerVariant: string;
44
79
  };
45
80
  value: {
46
81
  fontWeight: string;
@@ -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::4197cb73414458032918015469216944>>
3
+ * @codegen <<SignedSource::1ae3b7bd31e38fb0fcdff9803f28c2f0>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -9,6 +9,7 @@ declare const tokens: ({
9
9
  state: string;
10
10
  introduced: string;
11
11
  description: string;
12
+ responsiveSmallerVariant?: undefined;
12
13
  };
13
14
  value: string;
14
15
  filePath: string;
@@ -19,6 +20,7 @@ declare const tokens: ({
19
20
  state: string;
20
21
  introduced: string;
21
22
  description: string;
23
+ responsiveSmallerVariant?: undefined;
22
24
  };
23
25
  value: string;
24
26
  };
@@ -31,6 +33,7 @@ declare const tokens: ({
31
33
  state: string;
32
34
  introduced: string;
33
35
  description: string;
36
+ responsiveSmallerVariant?: undefined;
34
37
  };
35
38
  value: string;
36
39
  filePath: string;
@@ -41,6 +44,38 @@ declare const tokens: ({
41
44
  state: string;
42
45
  introduced: string;
43
46
  description: string;
47
+ responsiveSmallerVariant?: undefined;
48
+ };
49
+ value: {
50
+ fontWeight: string;
51
+ fontSize: string;
52
+ lineHeight: string;
53
+ fontFamily: string;
54
+ fontStyle: string;
55
+ letterSpacing: string;
56
+ };
57
+ };
58
+ name: string;
59
+ path: string[];
60
+ cleanName: string;
61
+ } | {
62
+ attributes: {
63
+ group: string;
64
+ state: string;
65
+ introduced: string;
66
+ description: string;
67
+ responsiveSmallerVariant: string;
68
+ };
69
+ value: string;
70
+ filePath: string;
71
+ isSource: boolean;
72
+ original: {
73
+ attributes: {
74
+ group: string;
75
+ state: string;
76
+ introduced: string;
77
+ description: string;
78
+ responsiveSmallerVariant: string;
44
79
  };
45
80
  value: {
46
81
  fontWeight: string;
@@ -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::ecd63bab60b9c05c08973d35cc1989df>>
3
+ * @codegen <<SignedSource::e95de29cabce142a19e4a4c6780c2555>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -9,6 +9,7 @@ declare const tokens: ({
9
9
  state: string;
10
10
  introduced: string;
11
11
  description: string;
12
+ responsiveSmallerVariant?: undefined;
12
13
  };
13
14
  value: string;
14
15
  filePath: string;
@@ -19,6 +20,7 @@ declare const tokens: ({
19
20
  state: string;
20
21
  introduced: string;
21
22
  description: string;
23
+ responsiveSmallerVariant?: undefined;
22
24
  };
23
25
  value: {
24
26
  fontWeight: string;
@@ -38,6 +40,7 @@ declare const tokens: ({
38
40
  state: string;
39
41
  introduced: string;
40
42
  description: string;
43
+ responsiveSmallerVariant: string;
41
44
  };
42
45
  value: string;
43
46
  filePath: string;
@@ -48,6 +51,38 @@ declare const tokens: ({
48
51
  state: string;
49
52
  introduced: string;
50
53
  description: string;
54
+ responsiveSmallerVariant: string;
55
+ };
56
+ value: {
57
+ fontWeight: string;
58
+ fontSize: string;
59
+ lineHeight: string;
60
+ fontFamily: string;
61
+ fontStyle: string;
62
+ letterSpacing: string;
63
+ };
64
+ };
65
+ name: string;
66
+ path: string[];
67
+ cleanName: string;
68
+ } | {
69
+ attributes: {
70
+ group: string;
71
+ state: string;
72
+ introduced: string;
73
+ description: string;
74
+ responsiveSmallerVariant?: undefined;
75
+ };
76
+ value: string;
77
+ filePath: string;
78
+ isSource: boolean;
79
+ original: {
80
+ attributes: {
81
+ group: string;
82
+ state: string;
83
+ introduced: string;
84
+ description: string;
85
+ responsiveSmallerVariant?: undefined;
51
86
  };
52
87
  value: string;
53
88
  };
@@ -62,6 +62,11 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
62
62
  suggest?: string[];
63
63
  };
64
64
  }
65
+ export interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
66
+ attributes: DesignToken<TValue, 'typography'>['attributes'] & {
67
+ responsiveSmallerVariant?: ResponsiveTypographyTokens;
68
+ };
69
+ }
65
70
  /**
66
71
  * @example
67
72
  * ```ts
@@ -71,7 +76,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
71
76
  */
72
77
  type FlattenKeys<T, Prefix extends string = ''> = {
73
78
  [Key in keyof T]: T[Key] extends object ? T[Key] extends {
74
- value: string;
79
+ value: any;
75
80
  } ? `${Prefix}${Key & string}` : `${Prefix}${Key & string}.${FlattenKeys<T[Key]>}` : `${Prefix}.${Key & string}`;
76
81
  }[keyof T];
77
82
  type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
@@ -1000,14 +1005,16 @@ export type TypographyToken<TPalette extends {
1000
1005
  lineHeight: string;
1001
1006
  fontFamily: string;
1002
1007
  letterSpacing: string;
1003
- }> = DesignToken<{
1008
+ responsiveToken?: string;
1009
+ }> = TypographyDesignToken<{
1004
1010
  fontStyle: 'normal';
1005
1011
  fontWeight: TPalette['fontWeight'];
1006
1012
  fontFamily: FlattenKeys<FontFamilyTokenSchema<any>>;
1007
1013
  fontSize: TPalette['fontSize'];
1008
1014
  lineHeight: TPalette['lineHeight'];
1009
1015
  letterSpacing: TPalette['letterSpacing'];
1010
- }, 'typography'>;
1016
+ }>;
1017
+ type ResponsiveTypographyTokens = FlattenKeys<TypographyTokenSchema<any>>;
1011
1018
  /**
1012
1019
  * The semantic interface for typography tokens
1013
1020
  */
@@ -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::b12a1413276d27bfa1f318002382d994>>
3
+ * @codegen <<SignedSource::34678f21a98c243e127e933a3251b36e>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n --ds-UNSAFE-textTransformUppercase: uppercase;\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n --ds-font-body-small: normal 400 0.75rem/1.25rem var(--ds-font-family-body);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n --ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n --ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n --ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n --ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n --ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n --ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);\n --ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);\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-body);\n --ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);\n --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
6
+ declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n --ds-UNSAFE-textTransformUppercase: uppercase;\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n --ds-font-body-small: normal 400 0.75rem/1.25rem var(--ds-font-family-body);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n --ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n --ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n --ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n --ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n --ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n --ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);\n --ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);\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-body);\n --ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);\n --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n @media not all and (min-width: 64rem) {\n --ds-font-heading-large: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n --ds-font-heading-medium: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n --ds-font-heading-xxlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n }\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::9a936afc84b1d60e754307860c256a05>>
3
+ * @codegen <<SignedSource::c3c9d9a9e8c21403ff2d0c99bb6419c2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -9,6 +9,7 @@ declare const tokens: ({
9
9
  state: string;
10
10
  introduced: string;
11
11
  description: string;
12
+ responsiveSmallerVariant?: undefined;
12
13
  };
13
14
  value: string;
14
15
  filePath: string;
@@ -19,6 +20,7 @@ declare const tokens: ({
19
20
  state: string;
20
21
  introduced: string;
21
22
  description: string;
23
+ responsiveSmallerVariant?: undefined;
22
24
  };
23
25
  value: string;
24
26
  };
@@ -31,6 +33,7 @@ declare const tokens: ({
31
33
  state: string;
32
34
  introduced: string;
33
35
  description: string;
36
+ responsiveSmallerVariant?: undefined;
34
37
  };
35
38
  value: string;
36
39
  filePath: string;
@@ -41,6 +44,38 @@ declare const tokens: ({
41
44
  state: string;
42
45
  introduced: string;
43
46
  description: string;
47
+ responsiveSmallerVariant?: undefined;
48
+ };
49
+ value: {
50
+ fontWeight: string;
51
+ fontSize: string;
52
+ lineHeight: string;
53
+ fontFamily: string;
54
+ fontStyle: string;
55
+ letterSpacing: string;
56
+ };
57
+ };
58
+ name: string;
59
+ path: string[];
60
+ cleanName: string;
61
+ } | {
62
+ attributes: {
63
+ group: string;
64
+ state: string;
65
+ introduced: string;
66
+ description: string;
67
+ responsiveSmallerVariant: string;
68
+ };
69
+ value: string;
70
+ filePath: string;
71
+ isSource: boolean;
72
+ original: {
73
+ attributes: {
74
+ group: string;
75
+ state: string;
76
+ introduced: string;
77
+ description: string;
78
+ responsiveSmallerVariant: string;
44
79
  };
45
80
  value: {
46
81
  fontWeight: string;