@cds/core 6.5.0 → 6.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/custom-elements.json +12 -0
  2. package/global.css +143 -1
  3. package/global.min.css +1 -1
  4. package/internal/decorators/animate.js +1 -1
  5. package/internal/decorators/animate.js.map +1 -1
  6. package/internal/utils/environment.d.ts +1 -0
  7. package/internal/utils/environment.js +1 -1
  8. package/internal/utils/environment.js.map +1 -1
  9. package/internal/utils/events.js +1 -1
  10. package/internal/utils/events.js.map +1 -1
  11. package/internal/utils/global.js +1 -1
  12. package/package.json +1 -1
  13. package/styles/module.tokens.css +143 -1
  14. package/styles/module.tokens.min.css +1 -1
  15. package/styles/theme.dark.css +75 -0
  16. package/styles/theme.dark.min.css +1 -1
  17. package/styles/theme.high-contrast.css +7 -0
  18. package/styles/theme.high-contrast.min.css +1 -1
  19. package/tokens/tokens.android.xml +143 -1
  20. package/tokens/tokens.d.ts +142 -0
  21. package/tokens/tokens.ios.swift +143 -1
  22. package/tokens/tokens.js +142 -0
  23. package/tokens/tokens.json +809 -4
  24. package/tokens/tokens.scss +175 -0
  25. package/tree-view/tree-item.element.scss.js +1 -1
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)';
@@ -343,6 +346,13 @@ export const globalTypographySmallcaptionFontSize = 'var(--cds-global-typography
343
346
  export const globalTypographySmallcaptionLineHeight = 'var(--cds-global-typography-smallcaption-line-height)';
344
347
  export const globalTypographySmallcaptionLetterSpacing = 'var(--cds-global-typography-smallcaption-letter-spacing)';
345
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)';
346
356
  export const globalAnimationDurationInstant = 'var(--cds-global-animation-duration-instant)';
347
357
  export const globalAnimationDurationQuickest = 'var(--cds-global-animation-duration-quickest)';
348
358
  export const globalAnimationDurationQuicker = 'var(--cds-global-animation-duration-quicker)';
@@ -394,7 +404,28 @@ export const aliasObjectOverlayBackdropBackground = 'var(--cds-alias-object-over
394
404
  export const aliasObjectContainerBackground = 'var(--cds-alias-object-container-background)';
395
405
  export const aliasObjectContainerBackgroundTint = 'var(--cds-alias-object-container-background-tint)';
396
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)';
397
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)';
398
429
  export const aliasStatusInfo = 'var(--cds-alias-status-info)';
399
430
  export const aliasStatusInfoTint = 'var(--cds-alias-status-info-tint)';
400
431
  export const aliasStatusInfoShade = 'var(--cds-alias-status-info-shade)';
@@ -418,6 +449,117 @@ export const aliasStatusDisabledShade = 'var(--cds-alias-status-disabled-shade)'
418
449
  export const aliasStatusAlt = 'var(--cds-alias-status-alt)';
419
450
  export const aliasStatusAltTint = 'var(--cds-alias-status-alt-tint)';
420
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)';
421
563
  export const internalScale1 = 'var(--cds-internal-scale-1)';
422
564
  export const internalScale2 = 'var(--cds-internal-scale-2)';
423
565
  export const internalScale3 = 'var(--cds-internal-scale-3)';