@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/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.64.0",
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.59.0",
46
- "@carbon/layout": "^11.56.0",
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.47.0",
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": "a57cf8a896fe3fe09c5ab27648cd58947f37360a"
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: "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace",
85
- sans: "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif",
86
- sansCondensed: "'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif",
87
- sansHebrew: "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif",
88
- serif: "'IBM Plex Serif', 'Georgia', Times, 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: fontFamilies.sans,
145
- fontWeight: fontWeights.regular,
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: fontWeights.semibold },
151
- code: { fontFamily: fontFamilies.mono }
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)(scale[0]),
268
- fontWeight: fontWeights.regular,
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)(scale[1]),
274
- fontWeight: fontWeights.regular,
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)(scale[0]),
280
- fontWeight: fontWeights.regular,
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)(scale[1]),
286
- fontWeight: fontWeights.regular,
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)(scale[0]),
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)(scale[1]),
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)(scale[1]),
302
- fontWeight: fontWeights.regular,
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)(scale[1]),
308
- fontWeight: fontWeights.regular,
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)(scale[2]),
314
- fontWeight: fontWeights.regular,
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)(scale[2]),
320
- fontWeight: fontWeights.regular,
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: fontFamilies.mono,
326
- fontSize: (0, _carbon_layout.rem)(scale[0]),
327
- fontWeight: fontWeights.regular,
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: fontFamilies.mono,
333
- fontSize: (0, _carbon_layout.rem)(scale[1]),
334
- fontWeight: fontWeights.regular,
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)(scale[1]),
340
- fontWeight: fontWeights.semibold,
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)(scale[1]),
346
- fontWeight: fontWeights.semibold,
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)(scale[2]),
352
- fontWeight: fontWeights.semibold,
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)(scale[2]),
358
- fontWeight: fontWeights.semibold,
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)(scale[4]),
364
- fontWeight: fontWeights.regular,
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)(scale[6]),
370
- fontWeight: fontWeights.regular,
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)(scale[7]),
376
- fontWeight: fontWeights.regular,
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)(scale[9]),
382
- fontWeight: fontWeights.light,
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)(scale[11]),
388
- fontWeight: fontWeights.light,
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
- ...heading01,
394
- lineHeight: 1.25
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
- ...heading02,
398
- lineHeight: 1.5
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)(scale[4]),
402
- fontWeight: fontWeights.regular,
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)(scale[4]),
408
+ fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
408
409
  lineHeight: 1.4
409
410
  },
410
411
  max: {
411
- fontSize: (0, _carbon_layout.rem)(scale[5]),
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)(scale[6]),
418
- fontWeight: fontWeights.regular,
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)(scale[7]),
424
- fontWeight: fontWeights.regular,
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)(scale[7]),
429
- fontWeight: fontWeights.regular
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)(scale[7]),
435
- fontWeight: fontWeights.regular,
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)(scale[8]),
441
- fontWeight: fontWeights.light,
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)(scale[9]),
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)(scale[10]),
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)(scale[12]),
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)(scale[7]),
463
- fontWeight: fontWeights.semibold,
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)(scale[8]),
469
- fontWeight: fontWeights.semibold,
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)(scale[9]),
475
- fontWeight: fontWeights.semibold,
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)(scale[10]),
481
- fontWeight: fontWeights.semibold,
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)(scale[12]),
487
- fontWeight: fontWeights.semibold,
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)(scale[5]),
494
- fontWeight: fontWeights.light,
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)(scale[6]),
500
+ fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(28),
500
501
  lineHeight: 1.28572
501
502
  },
502
503
  max: {
503
- fontSize: (0, _carbon_layout.rem)(scale[7]),
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: fontFamilies.serif,
510
- fontSize: (0, _carbon_layout.rem)(scale[4]),
511
- fontWeight: fontWeights.regular,
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)(scale[4]),
517
- fontWeight: fontWeights.regular,
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)(scale[5]),
522
- fontWeight: fontWeights.regular,
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)(scale[6]),
528
- fontWeight: fontWeights.regular,
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)(scale[7]),
534
- fontWeight: fontWeights.regular,
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: fontFamilies.serif,
542
- fontSize: (0, _carbon_layout.rem)(scale[7]),
543
- fontWeight: fontWeights.light,
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)(scale[8]),
549
+ fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(36),
549
550
  lineHeight: 1.22
550
551
  },
551
552
  lg: {
552
- fontSize: (0, _carbon_layout.rem)(scale[9]),
553
+ fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
553
554
  lineHeight: 1.19
554
555
  },
555
556
  xlg: {
556
- fontSize: (0, _carbon_layout.rem)(scale[10]),
557
+ fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(48),
557
558
  lineHeight: 1.17
558
559
  },
559
- max: { fontSize: (0, _carbon_layout.rem)(scale[12]) }
560
+ max: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60) }
560
561
  }
561
562
  };
562
563
  const display01 = {
563
- fontSize: (0, _carbon_layout.rem)(scale[9]),
564
- fontWeight: fontWeights.light,
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)(scale[9]) },
569
- lg: { fontSize: (0, _carbon_layout.rem)(scale[11]) },
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)(scale[12]),
572
+ fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
572
573
  lineHeight: 1.17
573
574
  },
574
575
  max: {
575
- fontSize: (0, _carbon_layout.rem)(scale[14]),
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)(scale[9]),
582
- fontWeight: fontWeights.semibold,
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)(scale[9]) },
587
- lg: { fontSize: (0, _carbon_layout.rem)(scale[11]) },
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)(scale[12]),
590
+ fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
590
591
  lineHeight: 1.16
591
592
  },
592
593
  max: {
593
- fontSize: (0, _carbon_layout.rem)(scale[14]),
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)(scale[9]),
600
- fontWeight: fontWeights.light,
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)(scale[11]),
606
+ fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(54),
606
607
  lineHeight: 1.18
607
608
  },
608
609
  lg: {
609
- fontSize: (0, _carbon_layout.rem)(scale[12]),
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)(scale[14]),
615
+ fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(76),
615
616
  lineHeight: 1.13
616
617
  },
617
618
  max: {
618
- fontSize: (0, _carbon_layout.rem)(scale[15]),
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)(scale[9]),
626
- fontWeight: fontWeights.light,
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)(scale[13]),
632
+ fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(68),
632
633
  lineHeight: 1.15
633
634
  },
634
635
  lg: {
635
- fontSize: (0, _carbon_layout.rem)(scale[16]),
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)(scale[19]),
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)(scale[22]),
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)(scale[0]),
653
- fontWeight: fontWeights.regular,
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)(scale[1]),
659
- fontWeight: fontWeights.regular,
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;