@carbon/type 11.64.0 → 11.65.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.
- package/es/index.js +162 -161
- package/lib/fontFamily.d.ts +5 -0
- package/lib/fontWeight.d.ts +3 -0
- package/lib/index.js +162 -161
- package/lib/scale.d.ts +23 -0
- package/lib/styles.d.ts +2 -2
- package/package.json +9 -5
- package/umd/index.js +162 -161
package/package.json
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/type",
|
|
3
3
|
"description": "Typography for digital and software products using the Carbon Design System",
|
|
4
|
-
"version": "11.
|
|
4
|
+
"version": "11.65.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"index.scss",
|
|
8
|
+
"scss/**/*.scss"
|
|
9
|
+
],
|
|
6
10
|
"main": "lib/index.js",
|
|
7
11
|
"types": "lib/index.d.ts",
|
|
8
12
|
"module": "es/index.js",
|
|
@@ -42,12 +46,12 @@
|
|
|
42
46
|
"postinstall": "ibmtelemetry --config=telemetry.yml"
|
|
43
47
|
},
|
|
44
48
|
"dependencies": {
|
|
45
|
-
"@carbon/grid": "^11.
|
|
46
|
-
"@carbon/layout": "^11.
|
|
49
|
+
"@carbon/grid": "^11.60.0",
|
|
50
|
+
"@carbon/layout": "^11.57.0",
|
|
47
51
|
"@ibm/telemetry-js": "^1.5.0"
|
|
48
52
|
},
|
|
49
53
|
"devDependencies": {
|
|
50
|
-
"@carbon/cli": "^11.
|
|
54
|
+
"@carbon/cli": "^11.48.0",
|
|
51
55
|
"@carbon/test-utils": "^10.41.0",
|
|
52
56
|
"change-case-all": "^2.1.0",
|
|
53
57
|
"css": "^3.0.0",
|
|
@@ -61,5 +65,5 @@
|
|
|
61
65
|
"sassDir": "scss",
|
|
62
66
|
"needs": "^1.3.0"
|
|
63
67
|
},
|
|
64
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "188d23202ec1092322dee92cf0df9d9958224ae4"
|
|
65
69
|
}
|
package/umd/index.js
CHANGED
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
22
22
|
* LICENSE file in the root directory of this source tree.
|
|
23
23
|
*/
|
|
24
|
-
const breakpointNames = Object.keys(_carbon_layout.breakpoints);
|
|
25
24
|
const next = (name) => {
|
|
25
|
+
const breakpointNames = Object.keys(_carbon_layout.breakpoints);
|
|
26
26
|
return breakpointNames[breakpointNames.indexOf(name) + 1];
|
|
27
27
|
};
|
|
28
28
|
const fluid = (selector) => {
|
|
@@ -80,25 +80,22 @@
|
|
|
80
80
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
81
81
|
* LICENSE file in the root directory of this source tree.
|
|
82
82
|
*/
|
|
83
|
+
const mono = "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace";
|
|
84
|
+
const sans = "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif";
|
|
85
|
+
const sansCondensed = "'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif";
|
|
86
|
+
const sansHebrew = "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif";
|
|
87
|
+
const serif = "'IBM Plex Serif', 'Georgia', Times, serif";
|
|
83
88
|
const fontFamilies = {
|
|
84
|
-
mono
|
|
85
|
-
sans
|
|
86
|
-
sansCondensed
|
|
87
|
-
sansHebrew
|
|
88
|
-
serif
|
|
89
|
+
mono,
|
|
90
|
+
sans,
|
|
91
|
+
sansCondensed,
|
|
92
|
+
sansHebrew,
|
|
93
|
+
serif
|
|
89
94
|
};
|
|
90
95
|
const fontFamily = (name) => {
|
|
91
96
|
if (!(name in fontFamilies)) throw new Error(`Unable to find font family: \`${name}\`. Expected one of: [${Object.keys(fontFamilies).join(", ")}]`);
|
|
92
97
|
return { fontFamily: fontFamilies[name] };
|
|
93
98
|
};
|
|
94
|
-
//#endregion
|
|
95
|
-
//#region src/fontWeight.ts
|
|
96
|
-
/**
|
|
97
|
-
* Copyright IBM Corp. 2018, 2026
|
|
98
|
-
*
|
|
99
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
100
|
-
* LICENSE file in the root directory of this source tree.
|
|
101
|
-
*/
|
|
102
99
|
const fontWeights = {
|
|
103
100
|
light: 300,
|
|
104
101
|
regular: 400,
|
|
@@ -139,16 +136,16 @@
|
|
|
139
136
|
* LICENSE file in the root directory of this source tree.
|
|
140
137
|
*/
|
|
141
138
|
const reset = {
|
|
142
|
-
html: { fontSize: (0, _carbon_layout.px)(_carbon_layout.baseFontSize) },
|
|
139
|
+
html: { fontSize: /*#__PURE__*/ (0, _carbon_layout.px)(_carbon_layout.baseFontSize) },
|
|
143
140
|
body: {
|
|
144
|
-
fontFamily:
|
|
145
|
-
fontWeight:
|
|
141
|
+
fontFamily: sans,
|
|
142
|
+
fontWeight: 400,
|
|
146
143
|
textRendering: "optimizeLegibility",
|
|
147
144
|
"-webkit-font-smoothing": "antialiased",
|
|
148
145
|
"-moz-osx-font-smoothing": "grayscale"
|
|
149
146
|
},
|
|
150
|
-
strong: { fontWeight:
|
|
151
|
-
code: { fontFamily:
|
|
147
|
+
strong: { fontWeight: 600 },
|
|
148
|
+
code: { fontFamily: mono }
|
|
152
149
|
};
|
|
153
150
|
//#endregion
|
|
154
151
|
//#region src/scale.ts
|
|
@@ -264,401 +261,405 @@
|
|
|
264
261
|
quotation02: () => quotation02
|
|
265
262
|
});
|
|
266
263
|
const caption01 = {
|
|
267
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
268
|
-
fontWeight:
|
|
264
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(12),
|
|
265
|
+
fontWeight: 400,
|
|
269
266
|
lineHeight: 1.33333,
|
|
270
|
-
letterSpacing: (0, _carbon_layout.px)(.32)
|
|
267
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
|
|
271
268
|
};
|
|
272
269
|
const caption02 = {
|
|
273
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
274
|
-
fontWeight:
|
|
270
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
|
|
271
|
+
fontWeight: 400,
|
|
275
272
|
lineHeight: 1.28572,
|
|
276
|
-
letterSpacing: (0, _carbon_layout.px)(.32)
|
|
273
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
|
|
277
274
|
};
|
|
278
275
|
const label01 = {
|
|
279
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
280
|
-
fontWeight:
|
|
276
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(12),
|
|
277
|
+
fontWeight: 400,
|
|
281
278
|
lineHeight: 1.33333,
|
|
282
|
-
letterSpacing: (0, _carbon_layout.px)(.32)
|
|
279
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
|
|
283
280
|
};
|
|
284
281
|
const label02 = {
|
|
285
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
286
|
-
fontWeight:
|
|
282
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
|
|
283
|
+
fontWeight: 400,
|
|
287
284
|
lineHeight: 1.28572,
|
|
288
|
-
letterSpacing: (0, _carbon_layout.px)(.16)
|
|
285
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
|
|
289
286
|
};
|
|
290
287
|
const helperText01 = {
|
|
291
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
288
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(12),
|
|
292
289
|
lineHeight: 1.33333,
|
|
293
|
-
letterSpacing: (0, _carbon_layout.px)(.32)
|
|
290
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
|
|
294
291
|
};
|
|
295
292
|
const helperText02 = {
|
|
296
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
293
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
|
|
297
294
|
lineHeight: 1.28572,
|
|
298
|
-
letterSpacing: (0, _carbon_layout.px)(.16)
|
|
295
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
|
|
299
296
|
};
|
|
300
297
|
const bodyShort01 = {
|
|
301
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
302
|
-
fontWeight:
|
|
298
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
|
|
299
|
+
fontWeight: 400,
|
|
303
300
|
lineHeight: 1.28572,
|
|
304
|
-
letterSpacing: (0, _carbon_layout.px)(.16)
|
|
301
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
|
|
305
302
|
};
|
|
306
303
|
const bodyLong01 = {
|
|
307
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
308
|
-
fontWeight:
|
|
304
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
|
|
305
|
+
fontWeight: 400,
|
|
309
306
|
lineHeight: 1.42857,
|
|
310
|
-
letterSpacing: (0, _carbon_layout.px)(.16)
|
|
307
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
|
|
311
308
|
};
|
|
312
309
|
const bodyShort02 = {
|
|
313
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
314
|
-
fontWeight:
|
|
310
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(16),
|
|
311
|
+
fontWeight: 400,
|
|
315
312
|
lineHeight: 1.375,
|
|
316
313
|
letterSpacing: 0
|
|
317
314
|
};
|
|
318
315
|
const bodyLong02 = {
|
|
319
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
320
|
-
fontWeight:
|
|
316
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(16),
|
|
317
|
+
fontWeight: 400,
|
|
321
318
|
lineHeight: 1.5,
|
|
322
319
|
letterSpacing: 0
|
|
323
320
|
};
|
|
324
321
|
const code01 = {
|
|
325
|
-
fontFamily:
|
|
326
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
327
|
-
fontWeight:
|
|
322
|
+
fontFamily: mono,
|
|
323
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(12),
|
|
324
|
+
fontWeight: 400,
|
|
328
325
|
lineHeight: 1.33333,
|
|
329
|
-
letterSpacing: (0, _carbon_layout.px)(.32)
|
|
326
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
|
|
330
327
|
};
|
|
331
328
|
const code02 = {
|
|
332
|
-
fontFamily:
|
|
333
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
334
|
-
fontWeight:
|
|
329
|
+
fontFamily: mono,
|
|
330
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
|
|
331
|
+
fontWeight: 400,
|
|
335
332
|
lineHeight: 1.42857,
|
|
336
|
-
letterSpacing: (0, _carbon_layout.px)(.32)
|
|
333
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
|
|
337
334
|
};
|
|
338
335
|
const heading01 = {
|
|
339
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
340
|
-
fontWeight:
|
|
336
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
|
|
337
|
+
fontWeight: 600,
|
|
341
338
|
lineHeight: 1.42857,
|
|
342
|
-
letterSpacing: (0, _carbon_layout.px)(.16)
|
|
339
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
|
|
343
340
|
};
|
|
344
341
|
const productiveHeading01 = {
|
|
345
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
346
|
-
fontWeight:
|
|
342
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
|
|
343
|
+
fontWeight: 600,
|
|
347
344
|
lineHeight: 1.28572,
|
|
348
|
-
letterSpacing: (0, _carbon_layout.px)(.16)
|
|
345
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
|
|
349
346
|
};
|
|
350
347
|
const heading02 = {
|
|
351
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
352
|
-
fontWeight:
|
|
348
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(16),
|
|
349
|
+
fontWeight: 600,
|
|
353
350
|
lineHeight: 1.5,
|
|
354
351
|
letterSpacing: 0
|
|
355
352
|
};
|
|
356
353
|
const productiveHeading02 = {
|
|
357
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
358
|
-
fontWeight:
|
|
354
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(16),
|
|
355
|
+
fontWeight: 600,
|
|
359
356
|
lineHeight: 1.375,
|
|
360
357
|
letterSpacing: 0
|
|
361
358
|
};
|
|
362
359
|
const productiveHeading03 = {
|
|
363
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
364
|
-
fontWeight:
|
|
360
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
|
|
361
|
+
fontWeight: 400,
|
|
365
362
|
lineHeight: 1.4,
|
|
366
363
|
letterSpacing: 0
|
|
367
364
|
};
|
|
368
365
|
const productiveHeading04 = {
|
|
369
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
370
|
-
fontWeight:
|
|
366
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(28),
|
|
367
|
+
fontWeight: 400,
|
|
371
368
|
lineHeight: 1.28572,
|
|
372
369
|
letterSpacing: 0
|
|
373
370
|
};
|
|
374
371
|
const productiveHeading05 = {
|
|
375
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
376
|
-
fontWeight:
|
|
372
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
|
|
373
|
+
fontWeight: 400,
|
|
377
374
|
lineHeight: 1.25,
|
|
378
375
|
letterSpacing: 0
|
|
379
376
|
};
|
|
380
377
|
const productiveHeading06 = {
|
|
381
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
382
|
-
fontWeight:
|
|
378
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
|
|
379
|
+
fontWeight: 300,
|
|
383
380
|
lineHeight: 1.199,
|
|
384
381
|
letterSpacing: 0
|
|
385
382
|
};
|
|
386
383
|
const productiveHeading07 = {
|
|
387
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
388
|
-
fontWeight:
|
|
384
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(54),
|
|
385
|
+
fontWeight: 300,
|
|
389
386
|
lineHeight: 1.199,
|
|
390
387
|
letterSpacing: 0
|
|
391
388
|
};
|
|
392
389
|
const expressiveHeading01 = {
|
|
393
|
-
|
|
394
|
-
|
|
390
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
|
|
391
|
+
fontWeight: 600,
|
|
392
|
+
lineHeight: 1.25,
|
|
393
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
|
|
395
394
|
};
|
|
396
395
|
const expressiveHeading02 = {
|
|
397
|
-
|
|
398
|
-
|
|
396
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(16),
|
|
397
|
+
fontWeight: 600,
|
|
398
|
+
lineHeight: 1.5,
|
|
399
|
+
letterSpacing: 0
|
|
399
400
|
};
|
|
400
401
|
const expressiveHeading03 = {
|
|
401
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
402
|
-
fontWeight:
|
|
402
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
|
|
403
|
+
fontWeight: 400,
|
|
403
404
|
lineHeight: 1.4,
|
|
404
405
|
letterSpacing: 0,
|
|
405
406
|
breakpoints: {
|
|
406
407
|
xlg: {
|
|
407
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
408
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
|
|
408
409
|
lineHeight: 1.4
|
|
409
410
|
},
|
|
410
411
|
max: {
|
|
411
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
412
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(24),
|
|
412
413
|
lineHeight: 1.334
|
|
413
414
|
}
|
|
414
415
|
}
|
|
415
416
|
};
|
|
416
417
|
const expressiveHeading04 = {
|
|
417
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
418
|
-
fontWeight:
|
|
418
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(28),
|
|
419
|
+
fontWeight: 400,
|
|
419
420
|
lineHeight: 1.28572,
|
|
420
421
|
letterSpacing: 0,
|
|
421
422
|
breakpoints: {
|
|
422
423
|
xlg: {
|
|
423
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
424
|
-
fontWeight:
|
|
424
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
|
|
425
|
+
fontWeight: 400,
|
|
425
426
|
lineHeight: 1.25
|
|
426
427
|
},
|
|
427
428
|
max: {
|
|
428
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
429
|
-
fontWeight:
|
|
429
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
|
|
430
|
+
fontWeight: 400
|
|
430
431
|
}
|
|
431
432
|
}
|
|
432
433
|
};
|
|
433
434
|
const expressiveHeading05 = {
|
|
434
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
435
|
-
fontWeight:
|
|
435
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
|
|
436
|
+
fontWeight: 400,
|
|
436
437
|
lineHeight: 1.25,
|
|
437
438
|
letterSpacing: 0,
|
|
438
439
|
breakpoints: {
|
|
439
440
|
md: {
|
|
440
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
441
|
-
fontWeight:
|
|
441
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(36),
|
|
442
|
+
fontWeight: 300,
|
|
442
443
|
lineHeight: 1.22,
|
|
443
444
|
letterSpacing: 0
|
|
444
445
|
},
|
|
445
446
|
lg: {
|
|
446
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
447
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
|
|
447
448
|
lineHeight: 1.19,
|
|
448
449
|
letterSpacing: 0
|
|
449
450
|
},
|
|
450
451
|
xlg: {
|
|
451
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
452
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(48),
|
|
452
453
|
lineHeight: 1.17,
|
|
453
454
|
letterSpacing: 0
|
|
454
455
|
},
|
|
455
456
|
max: {
|
|
456
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
457
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
|
|
457
458
|
letterSpacing: 0
|
|
458
459
|
}
|
|
459
460
|
}
|
|
460
461
|
};
|
|
461
462
|
const expressiveHeading06 = {
|
|
462
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
463
|
-
fontWeight:
|
|
463
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
|
|
464
|
+
fontWeight: 600,
|
|
464
465
|
lineHeight: 1.25,
|
|
465
466
|
letterSpacing: 0,
|
|
466
467
|
breakpoints: {
|
|
467
468
|
md: {
|
|
468
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
469
|
-
fontWeight:
|
|
469
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(36),
|
|
470
|
+
fontWeight: 600,
|
|
470
471
|
lineHeight: 1.22,
|
|
471
472
|
letterSpacing: 0
|
|
472
473
|
},
|
|
473
474
|
lg: {
|
|
474
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
475
|
-
fontWeight:
|
|
475
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
|
|
476
|
+
fontWeight: 600,
|
|
476
477
|
lineHeight: 1.19,
|
|
477
478
|
letterSpacing: 0
|
|
478
479
|
},
|
|
479
480
|
xlg: {
|
|
480
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
481
|
-
fontWeight:
|
|
481
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(48),
|
|
482
|
+
fontWeight: 600,
|
|
482
483
|
lineHeight: 1.17,
|
|
483
484
|
letterSpacing: 0
|
|
484
485
|
},
|
|
485
486
|
max: {
|
|
486
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
487
|
-
fontWeight:
|
|
487
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
|
|
488
|
+
fontWeight: 600,
|
|
488
489
|
letterSpacing: 0
|
|
489
490
|
}
|
|
490
491
|
}
|
|
491
492
|
};
|
|
492
493
|
const expressiveParagraph01 = {
|
|
493
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
494
|
-
fontWeight:
|
|
494
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(24),
|
|
495
|
+
fontWeight: 300,
|
|
495
496
|
lineHeight: 1.334,
|
|
496
497
|
letterSpacing: 0,
|
|
497
498
|
breakpoints: {
|
|
498
499
|
lg: {
|
|
499
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
500
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(28),
|
|
500
501
|
lineHeight: 1.28572
|
|
501
502
|
},
|
|
502
503
|
max: {
|
|
503
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
504
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
|
|
504
505
|
lineHeight: 1.25
|
|
505
506
|
}
|
|
506
507
|
}
|
|
507
508
|
};
|
|
508
509
|
const quotation01 = {
|
|
509
|
-
fontFamily:
|
|
510
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
511
|
-
fontWeight:
|
|
510
|
+
fontFamily: serif,
|
|
511
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
|
|
512
|
+
fontWeight: 400,
|
|
512
513
|
lineHeight: 1.3,
|
|
513
514
|
letterSpacing: 0,
|
|
514
515
|
breakpoints: {
|
|
515
516
|
md: {
|
|
516
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
517
|
-
fontWeight:
|
|
517
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
|
|
518
|
+
fontWeight: 400,
|
|
518
519
|
letterSpacing: 0
|
|
519
520
|
},
|
|
520
521
|
lg: {
|
|
521
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
522
|
-
fontWeight:
|
|
522
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(24),
|
|
523
|
+
fontWeight: 400,
|
|
523
524
|
lineHeight: 1.334,
|
|
524
525
|
letterSpacing: 0
|
|
525
526
|
},
|
|
526
527
|
xlg: {
|
|
527
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
528
|
-
fontWeight:
|
|
528
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(28),
|
|
529
|
+
fontWeight: 400,
|
|
529
530
|
lineHeight: 1.28572,
|
|
530
531
|
letterSpacing: 0
|
|
531
532
|
},
|
|
532
533
|
max: {
|
|
533
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
534
|
-
fontWeight:
|
|
534
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
|
|
535
|
+
fontWeight: 400,
|
|
535
536
|
lineHeight: 1.25,
|
|
536
537
|
letterSpacing: 0
|
|
537
538
|
}
|
|
538
539
|
}
|
|
539
540
|
};
|
|
540
541
|
const quotation02 = {
|
|
541
|
-
fontFamily:
|
|
542
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
543
|
-
fontWeight:
|
|
542
|
+
fontFamily: serif,
|
|
543
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
|
|
544
|
+
fontWeight: 300,
|
|
544
545
|
lineHeight: 1.25,
|
|
545
546
|
letterSpacing: 0,
|
|
546
547
|
breakpoints: {
|
|
547
548
|
md: {
|
|
548
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
549
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(36),
|
|
549
550
|
lineHeight: 1.22
|
|
550
551
|
},
|
|
551
552
|
lg: {
|
|
552
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
553
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
|
|
553
554
|
lineHeight: 1.19
|
|
554
555
|
},
|
|
555
556
|
xlg: {
|
|
556
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
557
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(48),
|
|
557
558
|
lineHeight: 1.17
|
|
558
559
|
},
|
|
559
|
-
max: { fontSize: (0, _carbon_layout.rem)(
|
|
560
|
+
max: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60) }
|
|
560
561
|
}
|
|
561
562
|
};
|
|
562
563
|
const display01 = {
|
|
563
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
564
|
-
fontWeight:
|
|
564
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
|
|
565
|
+
fontWeight: 300,
|
|
565
566
|
lineHeight: 1.19,
|
|
566
567
|
letterSpacing: 0,
|
|
567
568
|
breakpoints: {
|
|
568
|
-
md: { fontSize: (0, _carbon_layout.rem)(
|
|
569
|
-
lg: { fontSize: (0, _carbon_layout.rem)(
|
|
569
|
+
md: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42) },
|
|
570
|
+
lg: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(54) },
|
|
570
571
|
xlg: {
|
|
571
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
572
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
|
|
572
573
|
lineHeight: 1.17
|
|
573
574
|
},
|
|
574
575
|
max: {
|
|
575
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
576
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(76),
|
|
576
577
|
lineHeight: 1.13
|
|
577
578
|
}
|
|
578
579
|
}
|
|
579
580
|
};
|
|
580
581
|
const display02 = {
|
|
581
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
582
|
-
fontWeight:
|
|
582
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
|
|
583
|
+
fontWeight: 600,
|
|
583
584
|
lineHeight: 1.19,
|
|
584
585
|
letterSpacing: 0,
|
|
585
586
|
breakpoints: {
|
|
586
|
-
md: { fontSize: (0, _carbon_layout.rem)(
|
|
587
|
-
lg: { fontSize: (0, _carbon_layout.rem)(
|
|
587
|
+
md: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42) },
|
|
588
|
+
lg: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(54) },
|
|
588
589
|
xlg: {
|
|
589
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
590
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
|
|
590
591
|
lineHeight: 1.16
|
|
591
592
|
},
|
|
592
593
|
max: {
|
|
593
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
594
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(76),
|
|
594
595
|
lineHeight: 1.13
|
|
595
596
|
}
|
|
596
597
|
}
|
|
597
598
|
};
|
|
598
599
|
const display03 = {
|
|
599
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
600
|
-
fontWeight:
|
|
600
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
|
|
601
|
+
fontWeight: 300,
|
|
601
602
|
lineHeight: 1.19,
|
|
602
603
|
letterSpacing: 0,
|
|
603
604
|
breakpoints: {
|
|
604
605
|
md: {
|
|
605
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
606
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(54),
|
|
606
607
|
lineHeight: 1.18
|
|
607
608
|
},
|
|
608
609
|
lg: {
|
|
609
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
610
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
|
|
610
611
|
lineHeight: 1.16,
|
|
611
|
-
letterSpacing: (0, _carbon_layout.px)(-.64)
|
|
612
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(-.64)
|
|
612
613
|
},
|
|
613
614
|
xlg: {
|
|
614
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
615
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(76),
|
|
615
616
|
lineHeight: 1.13
|
|
616
617
|
},
|
|
617
618
|
max: {
|
|
618
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
619
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(84),
|
|
619
620
|
lineHeight: 1.11,
|
|
620
|
-
letterSpacing: (0, _carbon_layout.px)(-.96)
|
|
621
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(-.96)
|
|
621
622
|
}
|
|
622
623
|
}
|
|
623
624
|
};
|
|
624
625
|
const display04 = {
|
|
625
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
626
|
-
fontWeight:
|
|
626
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
|
|
627
|
+
fontWeight: 300,
|
|
627
628
|
lineHeight: 1.19,
|
|
628
629
|
letterSpacing: 0,
|
|
629
630
|
breakpoints: {
|
|
630
631
|
md: {
|
|
631
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
632
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(68),
|
|
632
633
|
lineHeight: 1.15
|
|
633
634
|
},
|
|
634
635
|
lg: {
|
|
635
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
636
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(92),
|
|
636
637
|
lineHeight: 1.11,
|
|
637
|
-
letterSpacing: (0, _carbon_layout.px)(-.64)
|
|
638
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(-.64)
|
|
638
639
|
},
|
|
639
640
|
xlg: {
|
|
640
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
641
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(122),
|
|
641
642
|
lineHeight: 1.07,
|
|
642
|
-
letterSpacing: (0, _carbon_layout.px)(-.64)
|
|
643
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(-.64)
|
|
643
644
|
},
|
|
644
645
|
max: {
|
|
645
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
646
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(156),
|
|
646
647
|
lineHeight: 1.05,
|
|
647
|
-
letterSpacing: (0, _carbon_layout.px)(-.96)
|
|
648
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(-.96)
|
|
648
649
|
}
|
|
649
650
|
}
|
|
650
651
|
};
|
|
651
652
|
const legal01 = {
|
|
652
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
653
|
-
fontWeight:
|
|
653
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(12),
|
|
654
|
+
fontWeight: 400,
|
|
654
655
|
lineHeight: 1.33333,
|
|
655
|
-
letterSpacing: (0, _carbon_layout.px)(.32)
|
|
656
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
|
|
656
657
|
};
|
|
657
658
|
const legal02 = {
|
|
658
|
-
fontSize: (0, _carbon_layout.rem)(
|
|
659
|
-
fontWeight:
|
|
659
|
+
fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
|
|
660
|
+
fontWeight: 400,
|
|
660
661
|
lineHeight: 1.28572,
|
|
661
|
-
letterSpacing: (0, _carbon_layout.px)(.16)
|
|
662
|
+
letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
|
|
662
663
|
};
|
|
663
664
|
const bodyCompact01 = bodyShort01;
|
|
664
665
|
const bodyCompact02 = bodyShort02;
|