@cds/core 6.6.0 → 6.6.2

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 (16) hide show
  1. package/global.css +56 -56
  2. package/global.min.css +1 -1
  3. package/internal/utils/global.js +1 -1
  4. package/package.json +1 -1
  5. package/styles/module.tokens.css +56 -56
  6. package/styles/module.tokens.min.css +1 -1
  7. package/styles/theme.dark.css +18 -0
  8. package/styles/theme.dark.min.css +1 -1
  9. package/styles/theme.high-contrast.css +7 -0
  10. package/styles/theme.high-contrast.min.css +1 -1
  11. package/tokens/tokens.android.xml +35 -35
  12. package/tokens/tokens.d.ts +17 -17
  13. package/tokens/tokens.ios.swift +17 -17
  14. package/tokens/tokens.js +17 -17
  15. package/tokens/tokens.json +118 -118
  16. package/tokens/tokens.scss +17 -17
package/global.css CHANGED
@@ -404,6 +404,23 @@
404
404
  --cds-alias-object-interaction-color-active: var(--cds-global-color-construction-1000);
405
405
  --cds-alias-object-interaction-color-selected: var(--cds-global-color-construction-700);
406
406
  --cds-alias-object-interaction-color-disabled: var(--cds-global-color-construction-300);
407
+ --cds-alias-object-interaction-info-hover: var(--cds-global-color-blue-800);
408
+ --cds-alias-object-interaction-info-click: var(--cds-global-color-blue-900);
409
+ --cds-alias-object-interaction-info-secondary-hover: var(--cds-global-color-blue-50);
410
+ --cds-alias-object-interaction-success-hover: var(--cds-global-color-green-800);
411
+ --cds-alias-object-interaction-success-click: var(--cds-global-color-green-900);
412
+ --cds-alias-object-interaction-success-secondary-hover: var(--cds-global-color-green-50);
413
+ --cds-alias-object-interaction-warning-hover: var(--cds-global-color-ochre-600);
414
+ --cds-alias-object-interaction-warning-click: var(--cds-global-color-ochre-700);
415
+ --cds-alias-object-interaction-warning-secondary-hover: var(--cds-global-color-ochre-50);
416
+ --cds-alias-object-interaction-danger-hover: var(--cds-global-color-red-800);
417
+ --cds-alias-object-interaction-danger-click: var(--cds-global-color-red-900);
418
+ --cds-alias-object-interaction-danger-secondary-hover: var(--cds-global-color-red-50);
419
+ --cds-alias-object-interaction-neutral-hover: var(--cds-global-color-construction-700);
420
+ --cds-alias-object-interaction-neutral-click: var(--cds-global-color-construction-800);
421
+ --cds-alias-object-interaction-neutral-secondary-hover: var(--cds-global-color-construction-50);
422
+ --cds-alias-object-interaction-inverse-hover: var(--cds-global-color-construction-600);
423
+ --cds-alias-object-interaction-inverse-click: var(--cds-global-color-construction-800);
407
424
  --cds-alias-object-app-background: var(--cds-global-color-construction-25);
408
425
  --cds-alias-object-overlay-background: var(--cds-global-color-white);
409
426
  --cds-alias-object-overlay-backdrop-background: hsla(0, 0%, 0%, 0.6);
@@ -415,23 +432,6 @@
415
432
  --cds-alias-object-container-background-inverse-tint: var(--cds-global-color-construction-100);
416
433
  --cds-alias-object-container-background-inverse-shade: var(--cds-global-color-construction-300);
417
434
  --cds-alias-object-container-border-color: var(--cds-global-color-construction-200);
418
- --cds-alias-object-info-hover: var(--cds-global-color-blue-800);
419
- --cds-alias-object-info-click: var(--cds-global-color-blue-900);
420
- --cds-alias-object-info-secondary-hover: var(--cds-global-color-blue-50);
421
- --cds-alias-object-success-hover: var(--cds-global-color-green-800);
422
- --cds-alias-object-success-click: var(--cds-global-color-green-900);
423
- --cds-alias-object-success-secondary-hover: var(--cds-global-color-green-50);
424
- --cds-alias-object-warning-hover: var(--cds-global-color-ochre-600);
425
- --cds-alias-object-warning-click: var(--cds-global-color-ochre-700);
426
- --cds-alias-object-warning-secondary-hover: var(--cds-global-color-ochre-50);
427
- --cds-alias-object-danger-hover: var(--cds-global-color-red-800);
428
- --cds-alias-object-danger-click: var(--cds-global-color-red-900);
429
- --cds-alias-object-danger-secondary-hover: var(--cds-global-color-red-50);
430
- --cds-alias-object-neutral-hover: var(--cds-global-color-construction-700);
431
- --cds-alias-object-neutral-click: var(--cds-global-color-construction-800);
432
- --cds-alias-object-neutral-secondary-hover: var(--cds-global-color-construction-50);
433
- --cds-alias-object-inverse-hover: var(--cds-global-color-construction-600);
434
- --cds-alias-object-inverse-click: var(--cds-global-color-construction-800);
435
435
  --cds-alias-status-info: var(--cds-global-color-blue-700);
436
436
  --cds-alias-status-info-tint: var(--cds-global-color-blue-50);
437
437
  --cds-alias-status-info-shade: var(--cds-global-color-blue-800);
@@ -482,90 +482,90 @@
482
482
  --cds-alias-utility-violet: var(--cds-global-color-violet-600);
483
483
  --cds-alias-utility-violet-tint: var(--cds-global-color-violet-50);
484
484
  --cds-alias-utility-violet-shade: var(--cds-global-color-violet-800);
485
- --cds-alias-typography-color-100: var(--cds-);
486
- --cds-alias-typography-color-200: var(--cds-);
487
- --cds-alias-typography-color-300: var(--cds-);
488
- --cds-alias-typography-color-400: var(--cds-);
489
- --cds-alias-typography-color-450: var(--cds-);
490
- --cds-alias-typography-color-500: var(--cds-);
485
+ --cds-alias-typography-color-100: var(--cds-global-color-white);
486
+ --cds-alias-typography-color-200: var(--cds-global-color-construction-600);
487
+ --cds-alias-typography-color-300: var(--cds-global-color-construction-800);
488
+ --cds-alias-typography-color-400: var(--cds-global-color-construction-900);
489
+ --cds-alias-typography-color-450: var(--cds-global-color-construction-1000);
490
+ --cds-alias-typography-color-500: var(--cds-global-color-black);
491
491
  --cds-alias-typography-font-weight-light: 300;
492
492
  --cds-alias-typography-font-weight-regular: 400;
493
493
  --cds-alias-typography-font-weight-medium: 500;
494
494
  --cds-alias-typography-font-weight-semibold: 600;
495
495
  --cds-alias-typography-font-weight-bold: 600;
496
496
  --cds-alias-typography-font-weight-extrabold: 600;
497
- --cds-alias-typography-font-size-0: calc(10 * var(--cds-));
498
- --cds-alias-typography-font-size-1: calc(11 * var(--cds-));
499
- --cds-alias-typography-font-size-2: calc(12 * var(--cds-));
500
- --cds-alias-typography-font-size-3: calc(13 * var(--cds-));
501
- --cds-alias-typography-font-size-4: calc(14 * var(--cds-));
502
- --cds-alias-typography-font-size-5: calc(16 * var(--cds-));
503
- --cds-alias-typography-font-size-6: calc(20 * var(--cds-));
504
- --cds-alias-typography-font-size-7: calc(24 * var(--cds-));
505
- --cds-alias-typography-font-size-8: calc(32 * var(--cds-));
506
- --cds-alias-typography-font-size-9: calc(40 * var(--cds-));
497
+ --cds-alias-typography-font-size-0: calc(10 * var(--cds-internal-scale-3));
498
+ --cds-alias-typography-font-size-1: calc(11 * var(--cds-internal-scale-3));
499
+ --cds-alias-typography-font-size-2: calc(12 * var(--cds-internal-scale-3));
500
+ --cds-alias-typography-font-size-3: calc(13 * var(--cds-internal-scale-3));
501
+ --cds-alias-typography-font-size-4: calc(14 * var(--cds-internal-scale-3));
502
+ --cds-alias-typography-font-size-5: calc(16 * var(--cds-internal-scale-3));
503
+ --cds-alias-typography-font-size-6: calc(20 * var(--cds-internal-scale-3));
504
+ --cds-alias-typography-font-size-7: calc(24 * var(--cds-internal-scale-3));
505
+ --cds-alias-typography-font-size-8: calc(32 * var(--cds-internal-scale-3));
506
+ --cds-alias-typography-font-size-9: calc(40 * var(--cds-internal-scale-3));
507
507
  --cds-alias-typography-font-family: "Clarity City", "Avenir Next", sans-serif;
508
508
  --cds-alias-typography-header-font-family: "Clarity City", "Avenir Next", sans-serif;
509
509
  --cds-alias-typography-monospace-font-family: ui-monospace, Consolas, Menlo, Monaco, monospace;
510
510
  --cds-alias-typography-top-gap-height: 0.1475em;
511
511
  --cds-alias-typography-ascender-height: 0.1703em;
512
512
  --cds-alias-typography-x-height: 0.517em;
513
- --cds-alias-typography-link-color: var(--cds-);
514
- --cds-alias-typography-link-color-hover: var(--cds-);
515
- --cds-alias-typography-link-color-visited: var(--cds-);
516
- --cds-alias-typography-link-color-visited-hover: var(--cds-);
517
- --cds-alias-typography-link-on-colorbg: var(--cds-);
518
- --cds-alias-typography-body-font-size: calc(14 * var(--cds-));
513
+ --cds-alias-typography-link-color: var(--cds-global-color-blue-700);
514
+ --cds-alias-typography-link-color-hover: var(--cds-global-color-blue-800);
515
+ --cds-alias-typography-link-color-visited: var(--cds-global-color-lavender-600);
516
+ --cds-alias-typography-link-color-visited-hover: var(--cds-global-color-lavender-700);
517
+ --cds-alias-typography-link-on-colorbg: var(--cds-global-color-black);
518
+ --cds-alias-typography-body-font-size: calc(14 * var(--cds-internal-scale-3));
519
519
  --cds-alias-typography-body-line-height: 1.42857em;
520
520
  --cds-alias-typography-body-letter-spacing: -0.014286em;
521
521
  --cds-alias-typography-body-font-weight: 400;
522
- --cds-alias-typography-display-font-size: calc(40 * var(--cds-));
522
+ --cds-alias-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
523
523
  --cds-alias-typography-display-line-height: 1.1em;
524
524
  --cds-alias-typography-display-letter-spacing: -0.0125em;
525
525
  --cds-alias-typography-display-font-weight: 400;
526
- --cds-alias-typography-heading-font-size: calc(32 * var(--cds-));
526
+ --cds-alias-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
527
527
  --cds-alias-typography-heading-line-height: 1.125em;
528
528
  --cds-alias-typography-heading-letter-spacing: -0.0125em;
529
529
  --cds-alias-typography-heading-font-weight: 400;
530
- --cds-alias-typography-headline-font-size: calc(32 * var(--cds-));
530
+ --cds-alias-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
531
531
  --cds-alias-typography-headline-line-height: 1.125em;
532
532
  --cds-alias-typography-headline-letter-spacing: -0.0125em;
533
533
  --cds-alias-typography-headline-font-weight: 400;
534
- --cds-alias-typography-title-font-size: calc(24 * var(--cds-));
534
+ --cds-alias-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
535
535
  --cds-alias-typography-title-line-height: 1.16667em;
536
536
  --cds-alias-typography-title-letter-spacing: -0.008333em;
537
537
  --cds-alias-typography-title-font-weight: 400;
538
- --cds-alias-typography-section-font-size: calc(20 * var(--cds-));
538
+ --cds-alias-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
539
539
  --cds-alias-typography-section-line-height: 1.2em;
540
540
  --cds-alias-typography-section-letter-spacing: -0.01em;
541
541
  --cds-alias-typography-section-font-weight: 400;
542
- --cds-alias-typography-subsection-font-size: calc(16 * var(--cds-));
542
+ --cds-alias-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
543
543
  --cds-alias-typography-subsection-line-height: 1.25em;
544
544
  --cds-alias-typography-subsection-letter-spacing: -0.0125em;
545
545
  --cds-alias-typography-subsection-font-weight: 400;
546
- --cds-alias-typography-message-font-size: calc(16 * var(--cds-));
546
+ --cds-alias-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
547
547
  --cds-alias-typography-message-line-height: 1.25em;
548
548
  --cds-alias-typography-message-letter-spacing: -0.0125em;
549
549
  --cds-alias-typography-message-font-weight: calc(400 * (1rem / var(--cds-global-base)));
550
- --cds-alias-typography-secondary-font-size: calc(13 * var(--cds-));
550
+ --cds-alias-typography-secondary-font-size: calc(13 * var(--cds-internal-scale-3));
551
551
  --cds-alias-typography-secondary-line-height: 1.23077em;
552
552
  --cds-alias-typography-secondary-letter-spacing: -0.007692em;
553
553
  --cds-alias-typography-secondary-font-weight: 400;
554
- --cds-alias-typography-caption-font-size: calc(11 * var(--cds-));
554
+ --cds-alias-typography-caption-font-size: calc(11 * var(--cds-internal-scale-3));
555
555
  --cds-alias-typography-caption-line-height: 1.454545em;
556
556
  --cds-alias-typography-caption-letter-spacing: 0.018182em;
557
557
  --cds-alias-typography-caption-font-weight: 400;
558
- --cds-alias-typography-smallcaption-font-size: calc(10 * var(--cds-));
558
+ --cds-alias-typography-smallcaption-font-size: calc(10 * var(--cds-internal-scale-3));
559
559
  --cds-alias-typography-smallcaption-line-height: 1.2em;
560
560
  --cds-alias-typography-smallcaption-letter-spacing: 0.05em;
561
561
  --cds-alias-typography-smallcaption-font-weight: 500;
562
- --cds-alias-typography-info-hover: var(--cds-);
563
- --cds-alias-typography-success-hover: var(--cds-);
564
- --cds-alias-typography-warning-hover: var(--cds-);
565
- --cds-alias-typography-danger-hover: var(--cds-);
566
- --cds-alias-typography-neutral-hover: var(--cds-);
567
- --cds-alias-typography-disabled: var(--cds-);
568
- --cds-alias-typography-disabled-button: var(--cds-);
562
+ --cds-alias-typography-info-hover: var(--cds-global-color-blue-800);
563
+ --cds-alias-typography-success-hover: var(--cds-global-color-green-800);
564
+ --cds-alias-typography-warning-hover: var(--cds-global-color-ochre-900);
565
+ --cds-alias-typography-danger-hover: var(--cds-global-color-red-800);
566
+ --cds-alias-typography-neutral-hover: var(--cds-global-color-construction-700);
567
+ --cds-alias-typography-disabled: var(--cds-global-color-construction-400);
568
+ --cds-alias-typography-disabled-button: var(--cds-global-color-construction-500);
569
569
  --cds-internal-scale-1: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));
570
570
  --cds-internal-scale-2: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));
571
571
  --cds-internal-scale-3: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography));