@atlaskit/tokens 1.27.0 → 1.28.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 (32) hide show
  1. package/CHANGELOG.md +6 -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 +1 -1
  31. package/report.api.md +57 -11
  32. package/tmp/api-report-tmp.d.ts +49 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 1.28.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#41365](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41365) [`fab3ce9e39a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fab3ce9e39a) - Added smaller variants of heading tokens that get used for screen widths 1023px and below (Minor Third scale only). For example `font.heading.xlarge` will switch to the styles defined by `font.heading.large` on smaller screens.
8
+
3
9
  ## 1.27.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::b12a1413276d27bfa1f318002382d994>>
9
+ * @codegen <<SignedSource::34678f21a98c243e127e933a3251b36e>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
- var _default = exports.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";
12
+ var _default = exports.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";
package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::9a936afc84b1d60e754307860c256a05>>
9
+ * @codegen <<SignedSource::c3c9d9a9e8c21403ff2d0c99bb6419c2>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  var tokens = [{
@@ -152,7 +152,8 @@ var tokens = [{
152
152
  "group": "typography",
153
153
  "state": "experimental",
154
154
  "introduced": "1.14.0",
155
- "description": "TBD"
155
+ "description": "TBD",
156
+ "responsiveSmallerVariant": "font.heading.medium"
156
157
  },
157
158
  "value": "normal 500 24px/28px var(--ds-font-family-heading)",
158
159
  "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -162,7 +163,8 @@ var tokens = [{
162
163
  "group": "typography",
163
164
  "state": "experimental",
164
165
  "introduced": "1.14.0",
165
- "description": "TBD"
166
+ "description": "TBD",
167
+ "responsiveSmallerVariant": "font.heading.medium"
166
168
  },
167
169
  "value": {
168
170
  "fontWeight": "FontWeight500",
@@ -181,7 +183,8 @@ var tokens = [{
181
183
  "group": "typography",
182
184
  "state": "experimental",
183
185
  "introduced": "1.14.0",
184
- "description": "TBD"
186
+ "description": "TBD",
187
+ "responsiveSmallerVariant": "font.heading.small"
185
188
  },
186
189
  "value": "normal 500 20px/24px var(--ds-font-family-heading)",
187
190
  "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -191,7 +194,8 @@ var tokens = [{
191
194
  "group": "typography",
192
195
  "state": "experimental",
193
196
  "introduced": "1.14.0",
194
- "description": "TBD"
197
+ "description": "TBD",
198
+ "responsiveSmallerVariant": "font.heading.small"
195
199
  },
196
200
  "value": {
197
201
  "fontWeight": "FontWeight500",
@@ -239,7 +243,8 @@ var tokens = [{
239
243
  "group": "typography",
240
244
  "state": "experimental",
241
245
  "introduced": "1.14.0",
242
- "description": "TBD"
246
+ "description": "TBD",
247
+ "responsiveSmallerVariant": "font.heading.large"
243
248
  },
244
249
  "value": "normal 600 29px/32px var(--ds-font-family-heading)",
245
250
  "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -249,7 +254,8 @@ var tokens = [{
249
254
  "group": "typography",
250
255
  "state": "experimental",
251
256
  "introduced": "1.14.0",
252
- "description": "TBD"
257
+ "description": "TBD",
258
+ "responsiveSmallerVariant": "font.heading.large"
253
259
  },
254
260
  "value": {
255
261
  "fontWeight": "FontWeight600",
@@ -297,7 +303,8 @@ var tokens = [{
297
303
  "group": "typography",
298
304
  "state": "experimental",
299
305
  "introduced": "1.14.0",
300
- "description": "TBD"
306
+ "description": "TBD",
307
+ "responsiveSmallerVariant": "font.heading.xlarge"
301
308
  },
302
309
  "value": "normal 500 35px/40px var(--ds-font-family-heading)",
303
310
  "filePath": "schema/themes/atlassian-typography-adg3/theme.tsx",
@@ -307,7 +314,8 @@ var tokens = [{
307
314
  "group": "typography",
308
315
  "state": "experimental",
309
316
  "introduced": "1.14.0",
310
- "description": "TBD"
317
+ "description": "TBD",
318
+ "responsiveSmallerVariant": "font.heading.xlarge"
311
319
  },
312
320
  "value": {
313
321
  "fontWeight": "FontWeight500",
package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::4197cb73414458032918015469216944>>
9
+ * @codegen <<SignedSource::1ae3b7bd31e38fb0fcdff9803f28c2f0>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  var tokens = [{
@@ -152,7 +152,8 @@ var tokens = [{
152
152
  "group": "typography",
153
153
  "state": "experimental",
154
154
  "introduced": "1.14.0",
155
- "description": "TBD"
155
+ "description": "TBD",
156
+ "responsiveSmallerVariant": "font.heading.medium"
156
157
  },
157
158
  "value": "normal 700 24px/28px var(--ds-font-family-heading)",
158
159
  "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -162,7 +163,8 @@ var tokens = [{
162
163
  "group": "typography",
163
164
  "state": "experimental",
164
165
  "introduced": "1.14.0",
165
- "description": "TBD"
166
+ "description": "TBD",
167
+ "responsiveSmallerVariant": "font.heading.medium"
166
168
  },
167
169
  "value": {
168
170
  "fontWeight": "FontWeight700",
@@ -181,7 +183,8 @@ var tokens = [{
181
183
  "group": "typography",
182
184
  "state": "experimental",
183
185
  "introduced": "1.14.0",
184
- "description": "TBD"
186
+ "description": "TBD",
187
+ "responsiveSmallerVariant": "font.heading.small"
185
188
  },
186
189
  "value": "normal 700 20px/24px var(--ds-font-family-heading)",
187
190
  "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -191,7 +194,8 @@ var tokens = [{
191
194
  "group": "typography",
192
195
  "state": "experimental",
193
196
  "introduced": "1.14.0",
194
- "description": "TBD"
197
+ "description": "TBD",
198
+ "responsiveSmallerVariant": "font.heading.small"
195
199
  },
196
200
  "value": {
197
201
  "fontWeight": "FontWeight700",
@@ -239,7 +243,8 @@ var tokens = [{
239
243
  "group": "typography",
240
244
  "state": "experimental",
241
245
  "introduced": "1.14.0",
242
- "description": "TBD"
246
+ "description": "TBD",
247
+ "responsiveSmallerVariant": "font.heading.large"
243
248
  },
244
249
  "value": "normal 700 28px/32px var(--ds-font-family-heading)",
245
250
  "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -249,7 +254,8 @@ var tokens = [{
249
254
  "group": "typography",
250
255
  "state": "experimental",
251
256
  "introduced": "1.14.0",
252
- "description": "TBD"
257
+ "description": "TBD",
258
+ "responsiveSmallerVariant": "font.heading.large"
253
259
  },
254
260
  "value": {
255
261
  "fontWeight": "FontWeight700",
@@ -297,7 +303,8 @@ var tokens = [{
297
303
  "group": "typography",
298
304
  "state": "experimental",
299
305
  "introduced": "1.14.0",
300
- "description": "TBD"
306
+ "description": "TBD",
307
+ "responsiveSmallerVariant": "font.heading.xlarge"
301
308
  },
302
309
  "value": "normal 700 32px/36px var(--ds-font-family-heading)",
303
310
  "filePath": "schema/themes/atlassian-typography-minor3/theme.tsx",
@@ -307,7 +314,8 @@ var tokens = [{
307
314
  "group": "typography",
308
315
  "state": "experimental",
309
316
  "introduced": "1.14.0",
310
- "description": "TBD"
317
+ "description": "TBD",
318
+ "responsiveSmallerVariant": "font.heading.xlarge"
311
319
  },
312
320
  "value": {
313
321
  "fontWeight": "FontWeight700",
package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::ecd63bab60b9c05c08973d35cc1989df>>
9
+ * @codegen <<SignedSource::e95de29cabce142a19e4a4c6780c2555>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  var tokens = [{
@@ -130,7 +130,8 @@ var tokens = [{
130
130
  "group": "typography",
131
131
  "state": "experimental",
132
132
  "introduced": "1.14.0",
133
- "description": "TBD"
133
+ "description": "TBD",
134
+ "responsiveSmallerVariant": "font.heading.medium"
134
135
  },
135
136
  "value": "normal 700 24px/28px var(--ds-font-family-heading)",
136
137
  "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -140,7 +141,8 @@ var tokens = [{
140
141
  "group": "typography",
141
142
  "state": "experimental",
142
143
  "introduced": "1.14.0",
143
- "description": "TBD"
144
+ "description": "TBD",
145
+ "responsiveSmallerVariant": "font.heading.medium"
144
146
  },
145
147
  "value": {
146
148
  "fontWeight": "FontWeight700",
@@ -159,7 +161,8 @@ var tokens = [{
159
161
  "group": "typography",
160
162
  "state": "experimental",
161
163
  "introduced": "1.14.0",
162
- "description": "TBD"
164
+ "description": "TBD",
165
+ "responsiveSmallerVariant": "font.heading.small"
163
166
  },
164
167
  "value": "normal 700 20px/24px var(--ds-font-family-heading)",
165
168
  "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -169,7 +172,8 @@ var tokens = [{
169
172
  "group": "typography",
170
173
  "state": "experimental",
171
174
  "introduced": "1.14.0",
172
- "description": "TBD"
175
+ "description": "TBD",
176
+ "responsiveSmallerVariant": "font.heading.small"
173
177
  },
174
178
  "value": {
175
179
  "fontWeight": "FontWeight700",
@@ -217,7 +221,8 @@ var tokens = [{
217
221
  "group": "typography",
218
222
  "state": "experimental",
219
223
  "introduced": "1.14.0",
220
- "description": "TBD"
224
+ "description": "TBD",
225
+ "responsiveSmallerVariant": "font.heading.large"
221
226
  },
222
227
  "value": "normal 700 28px/32px var(--ds-font-family-heading)",
223
228
  "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -227,7 +232,8 @@ var tokens = [{
227
232
  "group": "typography",
228
233
  "state": "experimental",
229
234
  "introduced": "1.14.0",
230
- "description": "TBD"
235
+ "description": "TBD",
236
+ "responsiveSmallerVariant": "font.heading.large"
231
237
  },
232
238
  "value": {
233
239
  "fontWeight": "FontWeight700",
@@ -275,7 +281,8 @@ var tokens = [{
275
281
  "group": "typography",
276
282
  "state": "experimental",
277
283
  "introduced": "1.14.0",
278
- "description": "TBD"
284
+ "description": "TBD",
285
+ "responsiveSmallerVariant": "font.heading.xlarge"
279
286
  },
280
287
  "value": "normal 700 36px/40px var(--ds-font-family-heading)",
281
288
  "filePath": "schema/themes/atlassian-typography/theme.tsx",
@@ -285,7 +292,8 @@ var tokens = [{
285
292
  "group": "typography",
286
293
  "state": "experimental",
287
294
  "introduced": "1.14.0",
288
- "description": "TBD"
295
+ "description": "TBD",
296
+ "responsiveSmallerVariant": "font.heading.xlarge"
289
297
  },
290
298
  "value": {
291
299
  "fontWeight": "FontWeight700",
package/dist/cjs/get-token-value.js CHANGED
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
9
9
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
10
10
  var name = "@atlaskit/tokens";
11
- var version = "1.27.0";
11
+ var version = "1.28.0";
12
12
  /**
13
13
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
14
14
  * resulting CSS Custom Property.
package/dist/cjs/get-token.js CHANGED
@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
9
9
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
10
10
  var _constants = require("./constants");
11
11
  var name = "@atlaskit/tokens";
12
- var version = "1.27.0";
12
+ var version = "1.28.0";
13
13
  /**
14
14
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
15
15
  * This should be used to implement design decisions throughout your application.
package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js CHANGED
@@ -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::b12a1413276d27bfa1f318002382d994>>
3
+ * @codegen <<SignedSource::34678f21a98c243e127e933a3251b36e>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -30,5 +30,11 @@ html[data-theme~="typography:typography-minor3"] {
30
30
  --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
31
31
  --ds-font-family-sans: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
32
32
  --ds-font-family-brand: Charlie Sans;
33
+ @media not all and (min-width: 64rem) {
34
+ --ds-font-heading-large: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
35
+ --ds-font-heading-medium: normal 700 1rem/1.25rem var(--ds-font-family-heading);
36
+ --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
37
+ --ds-font-heading-xxlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
38
+ }
33
39
  }
34
40
  `;
package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js CHANGED
@@ -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
  const tokens = [{
@@ -146,7 +146,8 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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",
package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js CHANGED
@@ -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
  const tokens = [{
@@ -146,7 +146,8 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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",
package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js CHANGED
@@ -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
  const tokens = [{
@@ -124,7 +124,8 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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",
package/dist/es2019/get-token-value.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  const name = "@atlaskit/tokens";
4
- const version = "1.27.0";
4
+ const version = "1.28.0";
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.
package/dist/es2019/get-token.js CHANGED
@@ -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
  const name = "@atlaskit/tokens";
5
- const version = "1.27.0";
5
+ const version = "1.28.0";
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.
package/dist/esm/artifacts/themes/atlassian-typography-minor3.js CHANGED
@@ -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::b12a1413276d27bfa1f318002382d994>>
3
+ * @codegen <<SignedSource::34678f21a98c243e127e933a3251b36e>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export 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
+ export 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";