@cds/core 6.11.0 → 6.13.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/global.css +140 -1
- package/global.min.css +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/utils/global.js +1 -1
- package/package.json +1 -1
- package/styles/module.tokens.css +140 -0
- package/styles/module.tokens.min.css +1 -1
- package/styles/module.typography.css +0 -1
- package/styles/module.typography.min.css +1 -1
- package/styles/theme.dark.css +90 -2
- package/styles/theme.dark.min.css +1 -1
- package/tokens/tokens.android.xml +140 -0
- package/tokens/tokens.d.ts +140 -0
- package/tokens/tokens.ios.swift +140 -0
- package/tokens/tokens.js +140 -0
- package/tokens/tokens.json +1120 -0
- package/tokens/tokens.scss +140 -0
package/global.css
CHANGED
|
@@ -487,6 +487,146 @@
|
|
|
487
487
|
--cds-alias-utility-violet: var(--cds-global-color-violet-600);
|
|
488
488
|
--cds-alias-utility-violet-tint: var(--cds-global-color-violet-50);
|
|
489
489
|
--cds-alias-utility-violet-shade: var(--cds-global-color-violet-800);
|
|
490
|
+
--cds-alias-viz-border: var(--cds-global-color-cool-gray-50);
|
|
491
|
+
--cds-alias-viz-general-1-blue: var(--cds-global-color-blue-600);
|
|
492
|
+
--cds-alias-viz-general-2-violet: var(--cds-global-color-violet-600);
|
|
493
|
+
--cds-alias-viz-general-3-aqua: var(--cds-global-color-aqua-800);
|
|
494
|
+
--cds-alias-viz-general-4-lime: var(--cds-global-color-lime-700);
|
|
495
|
+
--cds-alias-viz-general-5-blue: var(--cds-global-color-blue-800);
|
|
496
|
+
--cds-alias-viz-general-6-aqua: var(--cds-global-color-aqua-1000);
|
|
497
|
+
--cds-alias-viz-general-7-violet: var(--cds-global-color-violet-800);
|
|
498
|
+
--cds-alias-viz-general-8-lime: var(--cds-global-color-lime-900);
|
|
499
|
+
--cds-alias-viz-general-9-blue: var(--cds-global-color-blue-700);
|
|
500
|
+
--cds-alias-viz-general-10-lime: var(--cds-global-color-lime-1000);
|
|
501
|
+
--cds-alias-viz-general-11-aqua: var(--cds-global-color-aqua-600);
|
|
502
|
+
--cds-alias-viz-general-12-violet: var(--cds-global-color-violet-1000);
|
|
503
|
+
--cds-alias-viz-general-13-violet: var(--cds-global-color-violet-700);
|
|
504
|
+
--cds-alias-viz-general-14-blue: var(--cds-global-color-blue-1000);
|
|
505
|
+
--cds-alias-viz-general-15-aqua: var(--cds-global-color-aqua-700);
|
|
506
|
+
--cds-alias-viz-general-16-lime: var(--cds-global-color-lime-800);
|
|
507
|
+
--cds-alias-viz-severity-neutral: var(--cds-global-color-construction-600);
|
|
508
|
+
--cds-alias-viz-severity-success: var(--cds-global-color-green-700);
|
|
509
|
+
--cds-alias-viz-severity-warning: var(--cds-global-color-yellow-700);
|
|
510
|
+
--cds-alias-viz-severity-immediate: var(--cds-global-color-tangerine-700);
|
|
511
|
+
--cds-alias-viz-severity-critical: var(--cds-global-color-red-700);
|
|
512
|
+
--cds-alias-viz-sequential-blue-50: var(--cds-global-color-blue-50);
|
|
513
|
+
--cds-alias-viz-sequential-blue-100: var(--cds-global-color-blue-100);
|
|
514
|
+
--cds-alias-viz-sequential-blue-200: var(--cds-global-color-blue-200);
|
|
515
|
+
--cds-alias-viz-sequential-blue-300: var(--cds-global-color-blue-300);
|
|
516
|
+
--cds-alias-viz-sequential-blue-400: var(--cds-global-color-blue-400);
|
|
517
|
+
--cds-alias-viz-sequential-blue-500: var(--cds-global-color-blue-500);
|
|
518
|
+
--cds-alias-viz-sequential-blue-600: var(--cds-global-color-blue-600);
|
|
519
|
+
--cds-alias-viz-sequential-blue-700: var(--cds-global-color-blue-700);
|
|
520
|
+
--cds-alias-viz-sequential-blue-800: var(--cds-global-color-blue-800);
|
|
521
|
+
--cds-alias-viz-sequential-blue-900: var(--cds-global-color-blue-900);
|
|
522
|
+
--cds-alias-viz-sequential-blue-1000: var(--cds-global-color-blue-1000);
|
|
523
|
+
--cds-alias-viz-sequential-violet-50: var(--cds-global-color-violet-50);
|
|
524
|
+
--cds-alias-viz-sequential-violet-100: var(--cds-global-color-violet-100);
|
|
525
|
+
--cds-alias-viz-sequential-violet-200: var(--cds-global-color-violet-200);
|
|
526
|
+
--cds-alias-viz-sequential-violet-300: var(--cds-global-color-violet-300);
|
|
527
|
+
--cds-alias-viz-sequential-violet-400: var(--cds-global-color-violet-400);
|
|
528
|
+
--cds-alias-viz-sequential-violet-500: var(--cds-global-color-violet-500);
|
|
529
|
+
--cds-alias-viz-sequential-violet-600: var(--cds-global-color-violet-600);
|
|
530
|
+
--cds-alias-viz-sequential-violet-700: var(--cds-global-color-violet-700);
|
|
531
|
+
--cds-alias-viz-sequential-violet-800: var(--cds-global-color-violet-800);
|
|
532
|
+
--cds-alias-viz-sequential-violet-900: var(--cds-global-color-violet-900);
|
|
533
|
+
--cds-alias-viz-sequential-violet-1000: var(--cds-global-color-violet-1000);
|
|
534
|
+
--cds-alias-viz-sequential-ochre-50: var(--cds-global-color-ochre-50);
|
|
535
|
+
--cds-alias-viz-sequential-ochre-100: var(--cds-global-color-ochre-100);
|
|
536
|
+
--cds-alias-viz-sequential-ochre-200: var(--cds-global-color-ochre-200);
|
|
537
|
+
--cds-alias-viz-sequential-ochre-300: var(--cds-global-color-ochre-300);
|
|
538
|
+
--cds-alias-viz-sequential-ochre-400: var(--cds-global-color-ochre-400);
|
|
539
|
+
--cds-alias-viz-sequential-ochre-500: var(--cds-global-color-ochre-500);
|
|
540
|
+
--cds-alias-viz-sequential-ochre-600: var(--cds-global-color-ochre-600);
|
|
541
|
+
--cds-alias-viz-sequential-ochre-700: var(--cds-global-color-ochre-700);
|
|
542
|
+
--cds-alias-viz-sequential-ochre-800: var(--cds-global-color-ochre-800);
|
|
543
|
+
--cds-alias-viz-sequential-ochre-900: var(--cds-global-color-ochre-900);
|
|
544
|
+
--cds-alias-viz-sequential-ochre-1000: var(--cds-global-color-ochre-1000);
|
|
545
|
+
--cds-alias-viz-sequential-aqua-50: var(--cds-global-color-aqua-50);
|
|
546
|
+
--cds-alias-viz-sequential-aqua-100: var(--cds-global-color-aqua-100);
|
|
547
|
+
--cds-alias-viz-sequential-aqua-200: var(--cds-global-color-aqua-200);
|
|
548
|
+
--cds-alias-viz-sequential-aqua-300: var(--cds-global-color-aqua-300);
|
|
549
|
+
--cds-alias-viz-sequential-aqua-400: var(--cds-global-color-aqua-400);
|
|
550
|
+
--cds-alias-viz-sequential-aqua-500: var(--cds-global-color-aqua-500);
|
|
551
|
+
--cds-alias-viz-sequential-aqua-600: var(--cds-global-color-aqua-600);
|
|
552
|
+
--cds-alias-viz-sequential-aqua-700: var(--cds-global-color-aqua-700);
|
|
553
|
+
--cds-alias-viz-sequential-aqua-800: var(--cds-global-color-aqua-800);
|
|
554
|
+
--cds-alias-viz-sequential-aqua-900: var(--cds-global-color-aqua-900);
|
|
555
|
+
--cds-alias-viz-sequential-aqua-1000: var(--cds-global-color-aqua-1000);
|
|
556
|
+
--cds-alias-viz-sequential-green-50: var(--cds-global-color-green-50);
|
|
557
|
+
--cds-alias-viz-sequential-green-100: var(--cds-global-color-green-100);
|
|
558
|
+
--cds-alias-viz-sequential-green-200: var(--cds-global-color-green-200);
|
|
559
|
+
--cds-alias-viz-sequential-green-300: var(--cds-global-color-green-300);
|
|
560
|
+
--cds-alias-viz-sequential-green-400: var(--cds-global-color-green-400);
|
|
561
|
+
--cds-alias-viz-sequential-green-500: var(--cds-global-color-green-500);
|
|
562
|
+
--cds-alias-viz-sequential-green-600: var(--cds-global-color-green-600);
|
|
563
|
+
--cds-alias-viz-sequential-green-700: var(--cds-global-color-green-700);
|
|
564
|
+
--cds-alias-viz-sequential-green-800: var(--cds-global-color-green-800);
|
|
565
|
+
--cds-alias-viz-sequential-green-900: var(--cds-global-color-green-900);
|
|
566
|
+
--cds-alias-viz-sequential-green-1000: var(--cds-global-color-green-1000);
|
|
567
|
+
--cds-alias-viz-sequential-red-50: var(--cds-global-color-red-50);
|
|
568
|
+
--cds-alias-viz-sequential-red-100: var(--cds-global-color-red-100);
|
|
569
|
+
--cds-alias-viz-sequential-red-200: var(--cds-global-color-red-200);
|
|
570
|
+
--cds-alias-viz-sequential-red-300: var(--cds-global-color-red-300);
|
|
571
|
+
--cds-alias-viz-sequential-red-400: var(--cds-global-color-red-400);
|
|
572
|
+
--cds-alias-viz-sequential-red-500: var(--cds-global-color-red-500);
|
|
573
|
+
--cds-alias-viz-sequential-red-600: var(--cds-global-color-red-600);
|
|
574
|
+
--cds-alias-viz-sequential-red-700: var(--cds-global-color-red-700);
|
|
575
|
+
--cds-alias-viz-sequential-red-800: var(--cds-global-color-red-800);
|
|
576
|
+
--cds-alias-viz-sequential-red-900: var(--cds-global-color-red-900);
|
|
577
|
+
--cds-alias-viz-sequential-red-1000: var(--cds-global-color-red-1000);
|
|
578
|
+
--cds-alias-viz-diverging-violet-aqua-v-200: var(--cds-global-color-violet-200);
|
|
579
|
+
--cds-alias-viz-diverging-violet-aqua-v-300: var(--cds-global-color-violet-300);
|
|
580
|
+
--cds-alias-viz-diverging-violet-aqua-v-400: var(--cds-global-color-violet-400);
|
|
581
|
+
--cds-alias-viz-diverging-violet-aqua-v-500: var(--cds-global-color-violet-500);
|
|
582
|
+
--cds-alias-viz-diverging-violet-aqua-v-600: var(--cds-global-color-violet-600);
|
|
583
|
+
--cds-alias-viz-diverging-violet-aqua-v-700: var(--cds-global-color-violet-700);
|
|
584
|
+
--cds-alias-viz-diverging-violet-aqua-neutral: var(--cds-global-color-violet-50);
|
|
585
|
+
--cds-alias-viz-diverging-violet-aqua-a-400: var(--cds-global-color-aqua-400);
|
|
586
|
+
--cds-alias-viz-diverging-violet-aqua-a-500: var(--cds-global-color-aqua-500);
|
|
587
|
+
--cds-alias-viz-diverging-violet-aqua-a-600: var(--cds-global-color-aqua-600);
|
|
588
|
+
--cds-alias-viz-diverging-violet-aqua-a-700: var(--cds-global-color-aqua-700);
|
|
589
|
+
--cds-alias-viz-diverging-violet-aqua-a-800: var(--cds-global-color-aqua-800);
|
|
590
|
+
--cds-alias-viz-diverging-violet-aqua-a-900: var(--cds-global-color-aqua-900);
|
|
591
|
+
--cds-alias-viz-diverging-blue-jade-b-300: var(--cds-global-color-blue-300);
|
|
592
|
+
--cds-alias-viz-diverging-blue-jade-b-400: var(--cds-global-color-blue-400);
|
|
593
|
+
--cds-alias-viz-diverging-blue-jade-b-500: var(--cds-global-color-blue-500);
|
|
594
|
+
--cds-alias-viz-diverging-blue-jade-b-600: var(--cds-global-color-blue-600);
|
|
595
|
+
--cds-alias-viz-diverging-blue-jade-b-700: var(--cds-global-color-blue-700);
|
|
596
|
+
--cds-alias-viz-diverging-blue-jade-b-800: var(--cds-global-color-blue-800);
|
|
597
|
+
--cds-alias-viz-diverging-blue-jade-neutral: var(--cds-global-color-blue-50);
|
|
598
|
+
--cds-alias-viz-diverging-blue-jade-j-300: var(--cds-global-color-jade-300);
|
|
599
|
+
--cds-alias-viz-diverging-blue-jade-j-400: var(--cds-global-color-jade-400);
|
|
600
|
+
--cds-alias-viz-diverging-blue-jade-j-500: var(--cds-global-color-jade-500);
|
|
601
|
+
--cds-alias-viz-diverging-blue-jade-j-600: var(--cds-global-color-jade-600);
|
|
602
|
+
--cds-alias-viz-diverging-blue-jade-j-700: var(--cds-global-color-jade-700);
|
|
603
|
+
--cds-alias-viz-diverging-blue-jade-j-800: var(--cds-global-color-jade-800);
|
|
604
|
+
--cds-alias-viz-diverging-blue-green-b-300: var(--cds-global-color-blue-300);
|
|
605
|
+
--cds-alias-viz-diverging-blue-green-b-400: var(--cds-global-color-blue-400);
|
|
606
|
+
--cds-alias-viz-diverging-blue-green-b-500: var(--cds-global-color-blue-500);
|
|
607
|
+
--cds-alias-viz-diverging-blue-green-b-600: var(--cds-global-color-blue-600);
|
|
608
|
+
--cds-alias-viz-diverging-blue-green-b-700: var(--cds-global-color-blue-700);
|
|
609
|
+
--cds-alias-viz-diverging-blue-green-b-800: var(--cds-global-color-blue-800);
|
|
610
|
+
--cds-alias-viz-diverging-blue-green-neutral: var(--cds-global-color-blue-50);
|
|
611
|
+
--cds-alias-viz-diverging-blue-green-g-300: var(--cds-global-color-green-300);
|
|
612
|
+
--cds-alias-viz-diverging-blue-green-g-400: var(--cds-global-color-green-400);
|
|
613
|
+
--cds-alias-viz-diverging-blue-green-g-500: var(--cds-global-color-green-500);
|
|
614
|
+
--cds-alias-viz-diverging-blue-green-g-600: var(--cds-global-color-green-600);
|
|
615
|
+
--cds-alias-viz-diverging-blue-green-g-700: var(--cds-global-color-green-700);
|
|
616
|
+
--cds-alias-viz-diverging-blue-green-g-800: var(--cds-global-color-green-800);
|
|
617
|
+
--cds-alias-viz-diverging-green-yellow-red-g-200: var(--cds-global-color-green-200);
|
|
618
|
+
--cds-alias-viz-diverging-green-yellow-red-g-300: var(--cds-global-color-green-300);
|
|
619
|
+
--cds-alias-viz-diverging-green-yellow-red-g-400: var(--cds-global-color-green-400);
|
|
620
|
+
--cds-alias-viz-diverging-green-yellow-red-g-500: var(--cds-global-color-green-500);
|
|
621
|
+
--cds-alias-viz-diverging-green-yellow-red-g-600: var(--cds-global-color-green-600);
|
|
622
|
+
--cds-alias-viz-diverging-green-yellow-red-g-700: var(--cds-global-color-green-700);
|
|
623
|
+
--cds-alias-viz-diverging-green-yellow-red-neutral: var(--cds-global-color-yellow-200);
|
|
624
|
+
--cds-alias-viz-diverging-green-yellow-red-r-400: var(--cds-global-color-red-400);
|
|
625
|
+
--cds-alias-viz-diverging-green-yellow-red-r-500: var(--cds-global-color-red-500);
|
|
626
|
+
--cds-alias-viz-diverging-green-yellow-red-r-600: var(--cds-global-color-red-600);
|
|
627
|
+
--cds-alias-viz-diverging-green-yellow-red-r-700: var(--cds-global-color-red-700);
|
|
628
|
+
--cds-alias-viz-diverging-green-yellow-red-r-800: var(--cds-global-color-red-800);
|
|
629
|
+
--cds-alias-viz-diverging-green-yellow-red-r-900: var(--cds-global-color-red-900);
|
|
490
630
|
--cds-alias-typography-color-100: var(--cds-global-color-white);
|
|
491
631
|
--cds-alias-typography-color-200: var(--cds-global-color-construction-600);
|
|
492
632
|
--cds-alias-typography-color-300: var(--cds-global-color-construction-800);
|
|
@@ -933,7 +1073,6 @@ body[cds-text*=body]::before, body[cds-text*=body]::after {
|
|
|
933
1073
|
[cds-text~=code] {
|
|
934
1074
|
color: var(--cds-alias-status-danger);
|
|
935
1075
|
font-family: monospace;
|
|
936
|
-
font-size: 1.1em;
|
|
937
1076
|
}
|
|
938
1077
|
|
|
939
1078
|
[cds-divider] {
|