@cds/core 6.6.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 (12) hide show
  1. package/global.css +39 -39
  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 +39 -39
  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 +18 -18
  12. package/tokens/tokens.json +18 -18
package/global.css CHANGED
@@ -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));