@cds/core 6.4.6 → 6.6.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.
@@ -245,6 +245,7 @@ let globalColorTan700 = UIColor(red: 98, green: 88, blue: 65, alpha: 1.0);
245
245
  let globalColorTan800 = UIColor(red: 82, green: 72, blue: 51, alpha: 1.0);
246
246
  let globalColorTan900 = UIColor(red: 66, green: 58, blue: 41, alpha: 1.0);
247
247
  let globalColorTan1000 = UIColor(red: 50, green: 44, blue: 32, alpha: 1.0);
248
+ let globalColorConstruction25 = UIColor(red: 252, green: 253, blue: 253, alpha: 1.0);
248
249
  let globalColorConstruction50 = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
249
250
  let globalColorConstruction100 = UIColor(red: 227, green: 234, blue: 237, alpha: 1.0);
250
251
  let globalColorConstruction200 = UIColor(red: 203, green: 212, blue: 216, alpha: 1.0);
@@ -272,6 +273,7 @@ let globalTypographyColor100 = UIColor(red: 255, green: 255, blue: 255, alpha: 1
272
273
  let globalTypographyColor200 = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
273
274
  let globalTypographyColor300 = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
274
275
  let globalTypographyColor400 = UIColor(red: 33, green: 51, blue: 59, alpha: 1.0);
276
+ let globalTypographyColor450 = UIColor(red: 27, green: 43, blue: 50, alpha: 1.0);
275
277
  let globalTypographyColor500 = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
276
278
  let globalTypographyFontWeightLight = "300";
277
279
  let globalTypographyFontWeightRegular = "400";
@@ -299,6 +301,7 @@ let globalTypographyLinkColor = UIColor(red: 0, green: 121, blue: 173, alpha: 1.
299
301
  let globalTypographyLinkColorHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
300
302
  let globalTypographyLinkColorVisited = UIColor(red: 59, green: 64, blue: 206, alpha: 1.0);
301
303
  let globalTypographyLinkColorVisitedHover = UIColor(red: 36, green: 41, blue: 194, alpha: 1.0);
304
+ let globalTypographyLinkOnColorbg = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
302
305
  let globalTypographyBodyFontSize = CGFloat(14.00);
303
306
  let globalTypographyBodyLineHeight = "1.42857em";
304
307
  let globalTypographyBodyLetterSpacing = "-0.014286em";
@@ -311,6 +314,10 @@ let globalTypographyHeadingFontSize = CGFloat(32.00);
311
314
  let globalTypographyHeadingLineHeight = "1.125em";
312
315
  let globalTypographyHeadingLetterSpacing = "-0.0125em";
313
316
  let globalTypographyHeadingFontWeight = "400";
317
+ let globalTypographyHeadlineFontSize = CGFloat(32.00);
318
+ let globalTypographyHeadlineLineHeight = "1.125em";
319
+ let globalTypographyHeadlineLetterSpacing = "-0.0125em";
320
+ let globalTypographyHeadlineFontWeight = "400";
314
321
  let globalTypographyTitleFontSize = CGFloat(24.00);
315
322
  let globalTypographyTitleLineHeight = "1.16667em";
316
323
  let globalTypographyTitleLetterSpacing = "-0.008333em";
@@ -339,6 +346,13 @@ let globalTypographySmallcaptionFontSize = CGFloat(10.00);
339
346
  let globalTypographySmallcaptionLineHeight = "1.2em";
340
347
  let globalTypographySmallcaptionLetterSpacing = "0.05em";
341
348
  let globalTypographySmallcaptionFontWeight = "500";
349
+ let globalTypographyInfoHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
350
+ let globalTypographySuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
351
+ let globalTypographyWarningHover = UIColor(red: 138, green: 83, blue: 0, alpha: 1.0);
352
+ let globalTypographyDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
353
+ let globalTypographyNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
354
+ let globalTypographyDisabled = UIColor(red: 133, green: 147, blue: 153, alpha: 1.0);
355
+ let globalTypographyDisabledButton = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
342
356
  let globalAnimationDurationInstant = "0s";
343
357
  let globalAnimationDurationQuickest = "0.1s";
344
358
  let globalAnimationDurationQuicker = "0.15s";
@@ -384,13 +398,34 @@ let aliasObjectInteractionColorHover = UIColor(red: 27, green: 43, blue: 50, alp
384
398
  let aliasObjectInteractionColorActive = UIColor(red: 27, green: 43, blue: 50, alpha: 1.0);
385
399
  let aliasObjectInteractionColorSelected = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
386
400
  let aliasObjectInteractionColorDisabled = UIColor(red: 174, green: 184, blue: 188, alpha: 1.0);
387
- let aliasObjectAppBackground = UIColor(red: 250, green: 250, blue: 250, alpha: 1.0);
401
+ let aliasObjectAppBackground = UIColor(red: 252, green: 253, blue: 253, alpha: 1.0);
388
402
  let aliasObjectOverlayBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
389
403
  let aliasObjectOverlayBackdropBackground = "hsla(0, 0%, 0%, 0.6)";
390
404
  let aliasObjectContainerBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
391
405
  let aliasObjectContainerBackgroundTint = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
392
406
  let aliasObjectContainerBackgroundShade = UIColor(red: 227, green: 234, blue: 237, alpha: 1.0);
407
+ let aliasObjectContainerBackgroundDark = UIColor(red: 203, green: 212, blue: 216, alpha: 1.0);
408
+ let aliasObjectContainerBackgroundInverse = UIColor(red: 203, green: 212, blue: 216, alpha: 1.0);
409
+ let aliasObjectContainerBackgroundInverseTint = UIColor(red: 227, green: 234, blue: 237, alpha: 1.0);
410
+ let aliasObjectContainerBackgroundInverseShade = UIColor(red: 174, green: 184, blue: 188, alpha: 1.0);
393
411
  let aliasObjectContainerBorderColor = UIColor(red: 203, green: 212, blue: 216, alpha: 1.0);
412
+ let aliasObjectInfoHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
413
+ let aliasObjectInfoClick = UIColor(red: 0, green: 75, blue: 107, alpha: 1.0);
414
+ let aliasObjectInfoSecondaryHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
415
+ let aliasObjectSuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
416
+ let aliasObjectSuccessClick = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
417
+ let aliasObjectSuccessSecondaryHover = UIColor(red: 238, green: 252, blue: 227, alpha: 1.0);
418
+ let aliasObjectWarningHover = UIColor(red: 255, green: 166, blue: 0, alpha: 1.0);
419
+ let aliasObjectWarningClick = UIColor(red: 214, green: 136, blue: 0, alpha: 1.0);
420
+ let aliasObjectWarningSecondaryHover = UIColor(red: 255, green: 249, blue: 235, alpha: 1.0);
421
+ let aliasObjectDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
422
+ let aliasObjectDangerClick = UIColor(red: 112, green: 17, blue: 0, alpha: 1.0);
423
+ let aliasObjectDangerSecondaryHover = UIColor(red: 255, green: 242, blue: 240, alpha: 1.0);
424
+ let aliasObjectNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
425
+ let aliasObjectNeutralClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
426
+ let aliasObjectNeutralSecondaryHover = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
427
+ let aliasObjectInverseHover = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
428
+ let aliasObjectInverseClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
394
429
  let aliasStatusInfo = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
395
430
  let aliasStatusInfoTint = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
396
431
  let aliasStatusInfoShade = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
@@ -414,6 +449,117 @@ let aliasStatusDisabledShade = UIColor(red: 133, green: 147, blue: 153, alpha: 1
414
449
  let aliasStatusAlt = UIColor(red: 124, green: 18, blue: 165, alpha: 1.0);
415
450
  let aliasStatusAltTint = UIColor(red: 155, green: 50, blue: 200, alpha: 1.0);
416
451
  let aliasStatusAltShade = UIColor(red: 68, green: 0, blue: 97, alpha: 1.0);
452
+ let aliasUtilityGray = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
453
+ let aliasUtilityGrayTint = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
454
+ let aliasUtilityGrayShade = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
455
+ let aliasUtilityBlue = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
456
+ let aliasUtilityBlueTint = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
457
+ let aliasUtilityBlueShade = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
458
+ let aliasUtilityLightBlue = UIColor(red: 102, green: 209, blue: 255, alpha: 1.0);
459
+ let aliasUtilityLightBlueTint = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
460
+ let aliasUtilityLightBlueShade = UIColor(red: 0, green: 154, blue: 219, alpha: 1.0);
461
+ let aliasUtilityDarkBlue = UIColor(red: 0, green: 64, blue: 133, alpha: 1.0);
462
+ let aliasUtilityDarkBlueTint = UIColor(red: 229, green: 242, blue: 255, alpha: 1.0);
463
+ let aliasUtilityDarkBlueShade = UIColor(red: 0, green: 35, blue: 71, alpha: 1.0);
464
+ let aliasUtilityGreen = UIColor(red: 66, green: 129, blue: 14, alpha: 1.0);
465
+ let aliasUtilityGreenTint = UIColor(red: 238, green: 252, blue: 227, alpha: 1.0);
466
+ let aliasUtilityGreenShade = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
467
+ let aliasUtilityYellow = UIColor(red: 255, green: 185, blue: 46, alpha: 1.0);
468
+ let aliasUtilityYellowTint = UIColor(red: 255, green: 242, blue: 214, alpha: 1.0);
469
+ let aliasUtilityYellowShade = UIColor(red: 214, green: 136, blue: 0, alpha: 1.0);
470
+ let aliasUtilityRed = UIColor(red: 224, green: 34, blue: 0, alpha: 1.0);
471
+ let aliasUtilityRedTint = UIColor(red: 255, green: 242, blue: 240, alpha: 1.0);
472
+ let aliasUtilityRedShade = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
473
+ let aliasUtilityTangerine = UIColor(red: 255, green: 142, blue: 61, alpha: 1.0);
474
+ let aliasUtilityTangerineTint = UIColor(red: 255, green: 240, blue: 229, alpha: 1.0);
475
+ let aliasUtilityTangerineShade = UIColor(red: 209, green: 87, blue: 0, alpha: 1.0);
476
+ let aliasUtilityViolet = UIColor(red: 155, green: 50, blue: 200, alpha: 1.0);
477
+ let aliasUtilityVioletTint = UIColor(red: 250, green: 240, blue: 255, alpha: 1.0);
478
+ let aliasUtilityVioletShade = UIColor(red: 93, green: 0, blue: 133, alpha: 1.0);
479
+ let aliasTypographyColor100 = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
480
+ let aliasTypographyColor200 = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
481
+ let aliasTypographyColor300 = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
482
+ let aliasTypographyColor400 = UIColor(red: 33, green: 51, blue: 59, alpha: 1.0);
483
+ let aliasTypographyColor450 = UIColor(red: 27, green: 43, blue: 50, alpha: 1.0);
484
+ let aliasTypographyColor500 = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
485
+ let aliasTypographyFontWeightLight = "300";
486
+ let aliasTypographyFontWeightRegular = "400";
487
+ let aliasTypographyFontWeightMedium = "500";
488
+ let aliasTypographyFontWeightSemibold = "600";
489
+ let aliasTypographyFontWeightBold = "600";
490
+ let aliasTypographyFontWeightExtrabold = "600";
491
+ let aliasTypographyFontSize0 = CGFloat(10.00);
492
+ let aliasTypographyFontSize1 = CGFloat(11.00);
493
+ let aliasTypographyFontSize2 = CGFloat(12.00);
494
+ let aliasTypographyFontSize3 = CGFloat(13.00);
495
+ let aliasTypographyFontSize4 = CGFloat(14.00);
496
+ let aliasTypographyFontSize5 = CGFloat(16.00);
497
+ let aliasTypographyFontSize6 = CGFloat(20.00);
498
+ let aliasTypographyFontSize7 = CGFloat(24.00);
499
+ let aliasTypographyFontSize8 = CGFloat(32.00);
500
+ let aliasTypographyFontSize9 = CGFloat(40.00);
501
+ let aliasTypographyFontFamily = "'Clarity City', 'Avenir Next', sans-serif";
502
+ let aliasTypographyHeaderFontFamily = "'Clarity City', 'Avenir Next', sans-serif";
503
+ let aliasTypographyMonospaceFontFamily = "ui-monospace, Consolas, Menlo, Monaco, monospace";
504
+ let aliasTypographyTopGapHeight = "0.1475em";
505
+ let aliasTypographyAscenderHeight = "0.1703em";
506
+ let aliasTypographyXHeight = "0.517em";
507
+ let aliasTypographyLinkColor = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
508
+ let aliasTypographyLinkColorHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
509
+ let aliasTypographyLinkColorVisited = UIColor(red: 59, green: 64, blue: 206, alpha: 1.0);
510
+ let aliasTypographyLinkColorVisitedHover = UIColor(red: 36, green: 41, blue: 194, alpha: 1.0);
511
+ let aliasTypographyLinkOnColorbg = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
512
+ let aliasTypographyBodyFontSize = CGFloat(14.00);
513
+ let aliasTypographyBodyLineHeight = "1.42857em";
514
+ let aliasTypographyBodyLetterSpacing = "-0.014286em";
515
+ let aliasTypographyBodyFontWeight = "400";
516
+ let aliasTypographyDisplayFontSize = CGFloat(40.00);
517
+ let aliasTypographyDisplayLineHeight = "1.1em";
518
+ let aliasTypographyDisplayLetterSpacing = "-0.0125em";
519
+ let aliasTypographyDisplayFontWeight = "400";
520
+ let aliasTypographyHeadingFontSize = CGFloat(32.00);
521
+ let aliasTypographyHeadingLineHeight = "1.125em";
522
+ let aliasTypographyHeadingLetterSpacing = "-0.0125em";
523
+ let aliasTypographyHeadingFontWeight = "400";
524
+ let aliasTypographyHeadlineFontSize = CGFloat(32.00);
525
+ let aliasTypographyHeadlineLineHeight = "1.125em";
526
+ let aliasTypographyHeadlineLetterSpacing = "-0.0125em";
527
+ let aliasTypographyHeadlineFontWeight = "400";
528
+ let aliasTypographyTitleFontSize = CGFloat(24.00);
529
+ let aliasTypographyTitleLineHeight = "1.16667em";
530
+ let aliasTypographyTitleLetterSpacing = "-0.008333em";
531
+ let aliasTypographyTitleFontWeight = "400";
532
+ let aliasTypographySectionFontSize = CGFloat(20.00);
533
+ let aliasTypographySectionLineHeight = "1.2em";
534
+ let aliasTypographySectionLetterSpacing = "-0.01em";
535
+ let aliasTypographySectionFontWeight = "400";
536
+ let aliasTypographySubsectionFontSize = CGFloat(16.00);
537
+ let aliasTypographySubsectionLineHeight = "1.25em";
538
+ let aliasTypographySubsectionLetterSpacing = "-0.0125em";
539
+ let aliasTypographySubsectionFontWeight = "400";
540
+ let aliasTypographyMessageFontSize = CGFloat(16.00);
541
+ let aliasTypographyMessageLineHeight = "1.25em";
542
+ let aliasTypographyMessageLetterSpacing = "-0.0125em";
543
+ let aliasTypographyMessageFontWeight = CGFloat(400.00);
544
+ let aliasTypographySecondaryFontSize = CGFloat(13.00);
545
+ let aliasTypographySecondaryLineHeight = "1.23077em";
546
+ let aliasTypographySecondaryLetterSpacing = "-0.007692em";
547
+ let aliasTypographySecondaryFontWeight = "400";
548
+ let aliasTypographyCaptionFontSize = CGFloat(11.00);
549
+ let aliasTypographyCaptionLineHeight = "1.454545em";
550
+ let aliasTypographyCaptionLetterSpacing = "0.018182em";
551
+ let aliasTypographyCaptionFontWeight = "400";
552
+ let aliasTypographySmallcaptionFontSize = CGFloat(10.00);
553
+ let aliasTypographySmallcaptionLineHeight = "1.2em";
554
+ let aliasTypographySmallcaptionLetterSpacing = "0.05em";
555
+ let aliasTypographySmallcaptionFontWeight = "500";
556
+ let aliasTypographyInfoHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
557
+ let aliasTypographySuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
558
+ let aliasTypographyWarningHover = UIColor(red: 138, green: 83, blue: 0, alpha: 1.0);
559
+ let aliasTypographyDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
560
+ let aliasTypographyNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
561
+ let aliasTypographyDisabled = UIColor(red: 133, green: 147, blue: 153, alpha: 1.0);
562
+ let aliasTypographyDisabledButton = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
417
563
  let internalScale1 = "calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space))";
418
564
  let internalScale2 = "calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space))";
419
565
  let internalScale3 = "calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))";
package/tokens/tokens.js CHANGED
@@ -245,6 +245,7 @@ export const globalColorTan700 = 'var(--cds-global-color-tan-700)';
245
245
  export const globalColorTan800 = 'var(--cds-global-color-tan-800)';
246
246
  export const globalColorTan900 = 'var(--cds-global-color-tan-900)';
247
247
  export const globalColorTan1000 = 'var(--cds-global-color-tan-1000)';
248
+ export const globalColorConstruction25 = 'var(--cds-global-color-construction-25)';
248
249
  export const globalColorConstruction50 = 'var(--cds-global-color-construction-50)';
249
250
  export const globalColorConstruction100 = 'var(--cds-global-color-construction-100)';
250
251
  export const globalColorConstruction200 = 'var(--cds-global-color-construction-200)';
@@ -272,6 +273,7 @@ export const globalTypographyColor100 = 'var(--cds-global-typography-color-100)'
272
273
  export const globalTypographyColor200 = 'var(--cds-global-typography-color-200)';
273
274
  export const globalTypographyColor300 = 'var(--cds-global-typography-color-300)';
274
275
  export const globalTypographyColor400 = 'var(--cds-global-typography-color-400)';
276
+ export const globalTypographyColor450 = 'var(--cds-global-typography-color-450)';
275
277
  export const globalTypographyColor500 = 'var(--cds-global-typography-color-500)';
276
278
  export const globalTypographyFontWeightLight = 'var(--cds-global-typography-font-weight-light)';
277
279
  export const globalTypographyFontWeightRegular = 'var(--cds-global-typography-font-weight-regular)';
@@ -299,6 +301,7 @@ export const globalTypographyLinkColor = 'var(--cds-global-typography-link-color
299
301
  export const globalTypographyLinkColorHover = 'var(--cds-global-typography-link-color-hover)';
300
302
  export const globalTypographyLinkColorVisited = 'var(--cds-global-typography-link-color-visited)';
301
303
  export const globalTypographyLinkColorVisitedHover = 'var(--cds-global-typography-link-color-visited-hover)';
304
+ export const globalTypographyLinkOnColorbg = 'var(--cds-global-typography-link-on-colorbg)';
302
305
  export const globalTypographyBodyFontSize = 'var(--cds-global-typography-body-font-size)';
303
306
  export const globalTypographyBodyLineHeight = 'var(--cds-global-typography-body-line-height)';
304
307
  export const globalTypographyBodyLetterSpacing = 'var(--cds-global-typography-body-letter-spacing)';
@@ -311,6 +314,10 @@ export const globalTypographyHeadingFontSize = 'var(--cds-global-typography-head
311
314
  export const globalTypographyHeadingLineHeight = 'var(--cds-global-typography-heading-line-height)';
312
315
  export const globalTypographyHeadingLetterSpacing = 'var(--cds-global-typography-heading-letter-spacing)';
313
316
  export const globalTypographyHeadingFontWeight = 'var(--cds-global-typography-heading-font-weight)';
317
+ export const globalTypographyHeadlineFontSize = 'var(--cds-global-typography-headline-font-size)';
318
+ export const globalTypographyHeadlineLineHeight = 'var(--cds-global-typography-headline-line-height)';
319
+ export const globalTypographyHeadlineLetterSpacing = 'var(--cds-global-typography-headline-letter-spacing)';
320
+ export const globalTypographyHeadlineFontWeight = 'var(--cds-global-typography-headline-font-weight)';
314
321
  export const globalTypographyTitleFontSize = 'var(--cds-global-typography-title-font-size)';
315
322
  export const globalTypographyTitleLineHeight = 'var(--cds-global-typography-title-line-height)';
316
323
  export const globalTypographyTitleLetterSpacing = 'var(--cds-global-typography-title-letter-spacing)';
@@ -339,6 +346,13 @@ export const globalTypographySmallcaptionFontSize = 'var(--cds-global-typography
339
346
  export const globalTypographySmallcaptionLineHeight = 'var(--cds-global-typography-smallcaption-line-height)';
340
347
  export const globalTypographySmallcaptionLetterSpacing = 'var(--cds-global-typography-smallcaption-letter-spacing)';
341
348
  export const globalTypographySmallcaptionFontWeight = 'var(--cds-global-typography-smallcaption-font-weight)';
349
+ export const globalTypographyInfoHover = 'var(--cds-global-typography-info-hover)';
350
+ export const globalTypographySuccessHover = 'var(--cds-global-typography-success-hover)';
351
+ export const globalTypographyWarningHover = 'var(--cds-global-typography-warning-hover)';
352
+ export const globalTypographyDangerHover = 'var(--cds-global-typography-danger-hover)';
353
+ export const globalTypographyNeutralHover = 'var(--cds-global-typography-neutral-hover)';
354
+ export const globalTypographyDisabled = 'var(--cds-global-typography-disabled)';
355
+ export const globalTypographyDisabledButton = 'var(--cds-global-typography-disabled-button)';
342
356
  export const globalAnimationDurationInstant = 'var(--cds-global-animation-duration-instant)';
343
357
  export const globalAnimationDurationQuickest = 'var(--cds-global-animation-duration-quickest)';
344
358
  export const globalAnimationDurationQuicker = 'var(--cds-global-animation-duration-quicker)';
@@ -390,7 +404,28 @@ export const aliasObjectOverlayBackdropBackground = 'var(--cds-alias-object-over
390
404
  export const aliasObjectContainerBackground = 'var(--cds-alias-object-container-background)';
391
405
  export const aliasObjectContainerBackgroundTint = 'var(--cds-alias-object-container-background-tint)';
392
406
  export const aliasObjectContainerBackgroundShade = 'var(--cds-alias-object-container-background-shade)';
407
+ export const aliasObjectContainerBackgroundDark = 'var(--cds-alias-object-container-background-dark)';
408
+ export const aliasObjectContainerBackgroundInverse = 'var(--cds-alias-object-container-background-inverse)';
409
+ export const aliasObjectContainerBackgroundInverseTint = 'var(--cds-alias-object-container-background-inverse-tint)';
410
+ export const aliasObjectContainerBackgroundInverseShade = 'var(--cds-alias-object-container-background-inverse-shade)';
393
411
  export const aliasObjectContainerBorderColor = 'var(--cds-alias-object-container-border-color)';
412
+ export const aliasObjectInfoHover = 'var(--cds-alias-object-info-hover)';
413
+ export const aliasObjectInfoClick = 'var(--cds-alias-object-info-click)';
414
+ export const aliasObjectInfoSecondaryHover = 'var(--cds-alias-object-info-secondary-hover)';
415
+ export const aliasObjectSuccessHover = 'var(--cds-alias-object-success-hover)';
416
+ export const aliasObjectSuccessClick = 'var(--cds-alias-object-success-click)';
417
+ export const aliasObjectSuccessSecondaryHover = 'var(--cds-alias-object-success-secondary-hover)';
418
+ export const aliasObjectWarningHover = 'var(--cds-alias-object-warning-hover)';
419
+ export const aliasObjectWarningClick = 'var(--cds-alias-object-warning-click)';
420
+ export const aliasObjectWarningSecondaryHover = 'var(--cds-alias-object-warning-secondary-hover)';
421
+ export const aliasObjectDangerHover = 'var(--cds-alias-object-danger-hover)';
422
+ export const aliasObjectDangerClick = 'var(--cds-alias-object-danger-click)';
423
+ export const aliasObjectDangerSecondaryHover = 'var(--cds-alias-object-danger-secondary-hover)';
424
+ export const aliasObjectNeutralHover = 'var(--cds-alias-object-neutral-hover)';
425
+ export const aliasObjectNeutralClick = 'var(--cds-alias-object-neutral-click)';
426
+ export const aliasObjectNeutralSecondaryHover = 'var(--cds-alias-object-neutral-secondary-hover)';
427
+ export const aliasObjectInverseHover = 'var(--cds-alias-object-inverse-hover)';
428
+ export const aliasObjectInverseClick = 'var(--cds-alias-object-inverse-click)';
394
429
  export const aliasStatusInfo = 'var(--cds-alias-status-info)';
395
430
  export const aliasStatusInfoTint = 'var(--cds-alias-status-info-tint)';
396
431
  export const aliasStatusInfoShade = 'var(--cds-alias-status-info-shade)';
@@ -414,6 +449,117 @@ export const aliasStatusDisabledShade = 'var(--cds-alias-status-disabled-shade)'
414
449
  export const aliasStatusAlt = 'var(--cds-alias-status-alt)';
415
450
  export const aliasStatusAltTint = 'var(--cds-alias-status-alt-tint)';
416
451
  export const aliasStatusAltShade = 'var(--cds-alias-status-alt-shade)';
452
+ export const aliasUtilityGray = 'var(--cds-alias-utility-gray)';
453
+ export const aliasUtilityGrayTint = 'var(--cds-alias-utility-gray-tint)';
454
+ export const aliasUtilityGrayShade = 'var(--cds-alias-utility-gray-shade)';
455
+ export const aliasUtilityBlue = 'var(--cds-alias-utility-blue)';
456
+ export const aliasUtilityBlueTint = 'var(--cds-alias-utility-blue-tint)';
457
+ export const aliasUtilityBlueShade = 'var(--cds-alias-utility-blue-shade)';
458
+ export const aliasUtilityLightBlue = 'var(--cds-alias-utility-light-blue)';
459
+ export const aliasUtilityLightBlueTint = 'var(--cds-alias-utility-light-blue-tint)';
460
+ export const aliasUtilityLightBlueShade = 'var(--cds-alias-utility-light-blue-shade)';
461
+ export const aliasUtilityDarkBlue = 'var(--cds-alias-utility-dark-blue)';
462
+ export const aliasUtilityDarkBlueTint = 'var(--cds-alias-utility-dark-blue-tint)';
463
+ export const aliasUtilityDarkBlueShade = 'var(--cds-alias-utility-dark-blue-shade)';
464
+ export const aliasUtilityGreen = 'var(--cds-alias-utility-green)';
465
+ export const aliasUtilityGreenTint = 'var(--cds-alias-utility-green-tint)';
466
+ export const aliasUtilityGreenShade = 'var(--cds-alias-utility-green-shade)';
467
+ export const aliasUtilityYellow = 'var(--cds-alias-utility-yellow)';
468
+ export const aliasUtilityYellowTint = 'var(--cds-alias-utility-yellow-tint)';
469
+ export const aliasUtilityYellowShade = 'var(--cds-alias-utility-yellow-shade)';
470
+ export const aliasUtilityRed = 'var(--cds-alias-utility-red)';
471
+ export const aliasUtilityRedTint = 'var(--cds-alias-utility-red-tint)';
472
+ export const aliasUtilityRedShade = 'var(--cds-alias-utility-red-shade)';
473
+ export const aliasUtilityTangerine = 'var(--cds-alias-utility-tangerine)';
474
+ export const aliasUtilityTangerineTint = 'var(--cds-alias-utility-tangerine-tint)';
475
+ export const aliasUtilityTangerineShade = 'var(--cds-alias-utility-tangerine-shade)';
476
+ export const aliasUtilityViolet = 'var(--cds-alias-utility-violet)';
477
+ export const aliasUtilityVioletTint = 'var(--cds-alias-utility-violet-tint)';
478
+ export const aliasUtilityVioletShade = 'var(--cds-alias-utility-violet-shade)';
479
+ export const aliasTypographyColor100 = 'var(--cds-alias-typography-color-100)';
480
+ export const aliasTypographyColor200 = 'var(--cds-alias-typography-color-200)';
481
+ export const aliasTypographyColor300 = 'var(--cds-alias-typography-color-300)';
482
+ export const aliasTypographyColor400 = 'var(--cds-alias-typography-color-400)';
483
+ export const aliasTypographyColor450 = 'var(--cds-alias-typography-color-450)';
484
+ export const aliasTypographyColor500 = 'var(--cds-alias-typography-color-500)';
485
+ export const aliasTypographyFontWeightLight = 'var(--cds-alias-typography-font-weight-light)';
486
+ export const aliasTypographyFontWeightRegular = 'var(--cds-alias-typography-font-weight-regular)';
487
+ export const aliasTypographyFontWeightMedium = 'var(--cds-alias-typography-font-weight-medium)';
488
+ export const aliasTypographyFontWeightSemibold = 'var(--cds-alias-typography-font-weight-semibold)';
489
+ export const aliasTypographyFontWeightBold = 'var(--cds-alias-typography-font-weight-bold)';
490
+ export const aliasTypographyFontWeightExtrabold = 'var(--cds-alias-typography-font-weight-extrabold)';
491
+ export const aliasTypographyFontSize0 = 'var(--cds-alias-typography-font-size-0)';
492
+ export const aliasTypographyFontSize1 = 'var(--cds-alias-typography-font-size-1)';
493
+ export const aliasTypographyFontSize2 = 'var(--cds-alias-typography-font-size-2)';
494
+ export const aliasTypographyFontSize3 = 'var(--cds-alias-typography-font-size-3)';
495
+ export const aliasTypographyFontSize4 = 'var(--cds-alias-typography-font-size-4)';
496
+ export const aliasTypographyFontSize5 = 'var(--cds-alias-typography-font-size-5)';
497
+ export const aliasTypographyFontSize6 = 'var(--cds-alias-typography-font-size-6)';
498
+ export const aliasTypographyFontSize7 = 'var(--cds-alias-typography-font-size-7)';
499
+ export const aliasTypographyFontSize8 = 'var(--cds-alias-typography-font-size-8)';
500
+ export const aliasTypographyFontSize9 = 'var(--cds-alias-typography-font-size-9)';
501
+ export const aliasTypographyFontFamily = 'var(--cds-alias-typography-font-family)';
502
+ export const aliasTypographyHeaderFontFamily = 'var(--cds-alias-typography-header-font-family)';
503
+ export const aliasTypographyMonospaceFontFamily = 'var(--cds-alias-typography-monospace-font-family)';
504
+ export const aliasTypographyTopGapHeight = 'var(--cds-alias-typography-top-gap-height)';
505
+ export const aliasTypographyAscenderHeight = 'var(--cds-alias-typography-ascender-height)';
506
+ export const aliasTypographyXHeight = 'var(--cds-alias-typography-x-height)';
507
+ export const aliasTypographyLinkColor = 'var(--cds-alias-typography-link-color)';
508
+ export const aliasTypographyLinkColorHover = 'var(--cds-alias-typography-link-color-hover)';
509
+ export const aliasTypographyLinkColorVisited = 'var(--cds-alias-typography-link-color-visited)';
510
+ export const aliasTypographyLinkColorVisitedHover = 'var(--cds-alias-typography-link-color-visited-hover)';
511
+ export const aliasTypographyLinkOnColorbg = 'var(--cds-alias-typography-link-on-colorbg)';
512
+ export const aliasTypographyBodyFontSize = 'var(--cds-alias-typography-body-font-size)';
513
+ export const aliasTypographyBodyLineHeight = 'var(--cds-alias-typography-body-line-height)';
514
+ export const aliasTypographyBodyLetterSpacing = 'var(--cds-alias-typography-body-letter-spacing)';
515
+ export const aliasTypographyBodyFontWeight = 'var(--cds-alias-typography-body-font-weight)';
516
+ export const aliasTypographyDisplayFontSize = 'var(--cds-alias-typography-display-font-size)';
517
+ export const aliasTypographyDisplayLineHeight = 'var(--cds-alias-typography-display-line-height)';
518
+ export const aliasTypographyDisplayLetterSpacing = 'var(--cds-alias-typography-display-letter-spacing)';
519
+ export const aliasTypographyDisplayFontWeight = 'var(--cds-alias-typography-display-font-weight)';
520
+ export const aliasTypographyHeadingFontSize = 'var(--cds-alias-typography-heading-font-size)';
521
+ export const aliasTypographyHeadingLineHeight = 'var(--cds-alias-typography-heading-line-height)';
522
+ export const aliasTypographyHeadingLetterSpacing = 'var(--cds-alias-typography-heading-letter-spacing)';
523
+ export const aliasTypographyHeadingFontWeight = 'var(--cds-alias-typography-heading-font-weight)';
524
+ export const aliasTypographyHeadlineFontSize = 'var(--cds-alias-typography-headline-font-size)';
525
+ export const aliasTypographyHeadlineLineHeight = 'var(--cds-alias-typography-headline-line-height)';
526
+ export const aliasTypographyHeadlineLetterSpacing = 'var(--cds-alias-typography-headline-letter-spacing)';
527
+ export const aliasTypographyHeadlineFontWeight = 'var(--cds-alias-typography-headline-font-weight)';
528
+ export const aliasTypographyTitleFontSize = 'var(--cds-alias-typography-title-font-size)';
529
+ export const aliasTypographyTitleLineHeight = 'var(--cds-alias-typography-title-line-height)';
530
+ export const aliasTypographyTitleLetterSpacing = 'var(--cds-alias-typography-title-letter-spacing)';
531
+ export const aliasTypographyTitleFontWeight = 'var(--cds-alias-typography-title-font-weight)';
532
+ export const aliasTypographySectionFontSize = 'var(--cds-alias-typography-section-font-size)';
533
+ export const aliasTypographySectionLineHeight = 'var(--cds-alias-typography-section-line-height)';
534
+ export const aliasTypographySectionLetterSpacing = 'var(--cds-alias-typography-section-letter-spacing)';
535
+ export const aliasTypographySectionFontWeight = 'var(--cds-alias-typography-section-font-weight)';
536
+ export const aliasTypographySubsectionFontSize = 'var(--cds-alias-typography-subsection-font-size)';
537
+ export const aliasTypographySubsectionLineHeight = 'var(--cds-alias-typography-subsection-line-height)';
538
+ export const aliasTypographySubsectionLetterSpacing = 'var(--cds-alias-typography-subsection-letter-spacing)';
539
+ export const aliasTypographySubsectionFontWeight = 'var(--cds-alias-typography-subsection-font-weight)';
540
+ export const aliasTypographyMessageFontSize = 'var(--cds-alias-typography-message-font-size)';
541
+ export const aliasTypographyMessageLineHeight = 'var(--cds-alias-typography-message-line-height)';
542
+ export const aliasTypographyMessageLetterSpacing = 'var(--cds-alias-typography-message-letter-spacing)';
543
+ export const aliasTypographyMessageFontWeight = 'var(--cds-alias-typography-message-font-weight)';
544
+ export const aliasTypographySecondaryFontSize = 'var(--cds-alias-typography-secondary-font-size)';
545
+ export const aliasTypographySecondaryLineHeight = 'var(--cds-alias-typography-secondary-line-height)';
546
+ export const aliasTypographySecondaryLetterSpacing = 'var(--cds-alias-typography-secondary-letter-spacing)';
547
+ export const aliasTypographySecondaryFontWeight = 'var(--cds-alias-typography-secondary-font-weight)';
548
+ export const aliasTypographyCaptionFontSize = 'var(--cds-alias-typography-caption-font-size)';
549
+ export const aliasTypographyCaptionLineHeight = 'var(--cds-alias-typography-caption-line-height)';
550
+ export const aliasTypographyCaptionLetterSpacing = 'var(--cds-alias-typography-caption-letter-spacing)';
551
+ export const aliasTypographyCaptionFontWeight = 'var(--cds-alias-typography-caption-font-weight)';
552
+ export const aliasTypographySmallcaptionFontSize = 'var(--cds-alias-typography-smallcaption-font-size)';
553
+ export const aliasTypographySmallcaptionLineHeight = 'var(--cds-alias-typography-smallcaption-line-height)';
554
+ export const aliasTypographySmallcaptionLetterSpacing = 'var(--cds-alias-typography-smallcaption-letter-spacing)';
555
+ export const aliasTypographySmallcaptionFontWeight = 'var(--cds-alias-typography-smallcaption-font-weight)';
556
+ export const aliasTypographyInfoHover = 'var(--cds-alias-typography-info-hover)';
557
+ export const aliasTypographySuccessHover = 'var(--cds-alias-typography-success-hover)';
558
+ export const aliasTypographyWarningHover = 'var(--cds-alias-typography-warning-hover)';
559
+ export const aliasTypographyDangerHover = 'var(--cds-alias-typography-danger-hover)';
560
+ export const aliasTypographyNeutralHover = 'var(--cds-alias-typography-neutral-hover)';
561
+ export const aliasTypographyDisabled = 'var(--cds-alias-typography-disabled)';
562
+ export const aliasTypographyDisabledButton = 'var(--cds-alias-typography-disabled-button)';
417
563
  export const internalScale1 = 'var(--cds-internal-scale-1)';
418
564
  export const internalScale2 = 'var(--cds-internal-scale-2)';
419
565
  export const internalScale3 = 'var(--cds-internal-scale-3)';