@cds/core 6.14.0 → 6.15.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.
- package/global.css +10 -1
- package/global.min.css +1 -1
- package/internal/utils/global.js +1 -1
- package/package.json +1 -1
- package/styles/module.tokens.css +10 -1
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +9 -1
- package/styles/theme.dark.min.css +1 -1
- package/tokens/tokens.android.xml +62 -53
- package/tokens/tokens.d.ts +61 -52
- package/tokens/tokens.ios.swift +62 -53
- package/tokens/tokens.js +61 -52
- package/tokens/tokens.json +128 -56
- package/tokens/tokens.scss +9 -0
package/tokens/tokens.d.ts
CHANGED
|
@@ -410,21 +410,28 @@ export declare const aliasObjectInteractionColorSelected = "var(--cds-alias-obje
|
|
|
410
410
|
export declare const aliasObjectInteractionColorDisabled = "var(--cds-alias-object-interaction-color-disabled)";
|
|
411
411
|
export declare const aliasObjectInteractionInfoHover = "var(--cds-alias-object-interaction-info-hover)";
|
|
412
412
|
export declare const aliasObjectInteractionInfoClick = "var(--cds-alias-object-interaction-info-click)";
|
|
413
|
+
export declare const aliasObjectInteractionInfoActive = "var(--cds-alias-object-interaction-info-active)";
|
|
414
|
+
export declare const aliasObjectInteractionInfoSelected = "var(--cds-alias-object-interaction-info-selected)";
|
|
413
415
|
export declare const aliasObjectInteractionInfoSecondaryHover = "var(--cds-alias-object-interaction-info-secondary-hover)";
|
|
414
416
|
export declare const aliasObjectInteractionSuccessHover = "var(--cds-alias-object-interaction-success-hover)";
|
|
415
417
|
export declare const aliasObjectInteractionSuccessClick = "var(--cds-alias-object-interaction-success-click)";
|
|
418
|
+
export declare const aliasObjectInteractionSuccessActive = "var(--cds-alias-object-interaction-success-active)";
|
|
416
419
|
export declare const aliasObjectInteractionSuccessSecondaryHover = "var(--cds-alias-object-interaction-success-secondary-hover)";
|
|
417
420
|
export declare const aliasObjectInteractionWarningHover = "var(--cds-alias-object-interaction-warning-hover)";
|
|
418
421
|
export declare const aliasObjectInteractionWarningClick = "var(--cds-alias-object-interaction-warning-click)";
|
|
422
|
+
export declare const aliasObjectInteractionWarningActive = "var(--cds-alias-object-interaction-warning-active)";
|
|
419
423
|
export declare const aliasObjectInteractionWarningSecondaryHover = "var(--cds-alias-object-interaction-warning-secondary-hover)";
|
|
420
424
|
export declare const aliasObjectInteractionDangerHover = "var(--cds-alias-object-interaction-danger-hover)";
|
|
421
425
|
export declare const aliasObjectInteractionDangerClick = "var(--cds-alias-object-interaction-danger-click)";
|
|
426
|
+
export declare const aliasObjectInteractionDangerActive = "var(--cds-alias-object-interaction-danger-active)";
|
|
422
427
|
export declare const aliasObjectInteractionDangerSecondaryHover = "var(--cds-alias-object-interaction-danger-secondary-hover)";
|
|
423
428
|
export declare const aliasObjectInteractionNeutralHover = "var(--cds-alias-object-interaction-neutral-hover)";
|
|
424
429
|
export declare const aliasObjectInteractionNeutralClick = "var(--cds-alias-object-interaction-neutral-click)";
|
|
430
|
+
export declare const aliasObjectInteractionNeutralActive = "var(--cds-alias-object-interaction-neutral-active)";
|
|
425
431
|
export declare const aliasObjectInteractionNeutralSecondaryHover = "var(--cds-alias-object-interaction-neutral-secondary-hover)";
|
|
426
432
|
export declare const aliasObjectInteractionInverseHover = "var(--cds-alias-object-interaction-inverse-hover)";
|
|
427
433
|
export declare const aliasObjectInteractionInverseClick = "var(--cds-alias-object-interaction-inverse-click)";
|
|
434
|
+
export declare const aliasObjectInteractionInverseActive = "var(--cds-alias-object-interaction-inverse-active)";
|
|
428
435
|
export declare const aliasObjectAppBackground = "var(--cds-alias-object-app-background)";
|
|
429
436
|
export declare const aliasObjectOverlayBackground = "var(--cds-alias-object-overlay-background)";
|
|
430
437
|
export declare const aliasObjectOverlayBackdropBackground = "var(--cds-alias-object-overlay-backdrop-background)";
|
|
@@ -510,6 +517,8 @@ export declare const aliasVizSeverityWarning = "var(--cds-alias-viz-severity-war
|
|
|
510
517
|
export declare const aliasVizSeverityWarningLight = "var(--cds-alias-viz-severity-warning-light)";
|
|
511
518
|
export declare const aliasVizSeverityImmediate = "var(--cds-alias-viz-severity-immediate)";
|
|
512
519
|
export declare const aliasVizSeverityCritical = "var(--cds-alias-viz-severity-critical)";
|
|
520
|
+
export declare const aliasVizSeverityFreeSpaceFill = "var(--cds-alias-viz-severity-free-space-fill)";
|
|
521
|
+
export declare const aliasVizSeverityFreeSpaceBorder = "var(--cds-alias-viz-severity-free-space-border)";
|
|
513
522
|
export declare const aliasVizSequentialBlue50 = "var(--cds-alias-viz-sequential-blue-50)";
|
|
514
523
|
export declare const aliasVizSequentialBlue100 = "var(--cds-alias-viz-sequential-blue-100)";
|
|
515
524
|
export declare const aliasVizSequentialBlue200 = "var(--cds-alias-viz-sequential-blue-200)";
|
|
@@ -576,58 +585,58 @@ export declare const aliasVizSequentialRed700 = "var(--cds-alias-viz-sequential-
|
|
|
576
585
|
export declare const aliasVizSequentialRed800 = "var(--cds-alias-viz-sequential-red-800)";
|
|
577
586
|
export declare const aliasVizSequentialRed900 = "var(--cds-alias-viz-sequential-red-900)";
|
|
578
587
|
export declare const aliasVizSequentialRed1000 = "var(--cds-alias-viz-sequential-red-1000)";
|
|
579
|
-
export declare const
|
|
580
|
-
export declare const
|
|
581
|
-
export declare const
|
|
582
|
-
export declare const
|
|
583
|
-
export declare const
|
|
584
|
-
export declare const
|
|
585
|
-
export declare const
|
|
586
|
-
export declare const
|
|
587
|
-
export declare const
|
|
588
|
-
export declare const
|
|
589
|
-
export declare const
|
|
590
|
-
export declare const
|
|
591
|
-
export declare const
|
|
592
|
-
export declare const
|
|
593
|
-
export declare const
|
|
594
|
-
export declare const
|
|
595
|
-
export declare const
|
|
596
|
-
export declare const
|
|
597
|
-
export declare const
|
|
598
|
-
export declare const
|
|
599
|
-
export declare const
|
|
600
|
-
export declare const
|
|
601
|
-
export declare const
|
|
602
|
-
export declare const
|
|
603
|
-
export declare const
|
|
604
|
-
export declare const
|
|
605
|
-
export declare const
|
|
606
|
-
export declare const
|
|
607
|
-
export declare const
|
|
608
|
-
export declare const
|
|
609
|
-
export declare const
|
|
610
|
-
export declare const
|
|
611
|
-
export declare const
|
|
612
|
-
export declare const
|
|
613
|
-
export declare const
|
|
614
|
-
export declare const
|
|
615
|
-
export declare const
|
|
616
|
-
export declare const
|
|
617
|
-
export declare const
|
|
618
|
-
export declare const
|
|
619
|
-
export declare const
|
|
620
|
-
export declare const
|
|
621
|
-
export declare const
|
|
622
|
-
export declare const
|
|
623
|
-
export declare const
|
|
624
|
-
export declare const
|
|
625
|
-
export declare const
|
|
626
|
-
export declare const
|
|
627
|
-
export declare const
|
|
628
|
-
export declare const
|
|
629
|
-
export declare const
|
|
630
|
-
export declare const
|
|
588
|
+
export declare const aliasVizDivergingVioletAquaV200 = "var(--cds-alias-viz-diverging-violet-aqua-v-200)";
|
|
589
|
+
export declare const aliasVizDivergingVioletAquaV300 = "var(--cds-alias-viz-diverging-violet-aqua-v-300)";
|
|
590
|
+
export declare const aliasVizDivergingVioletAquaV400 = "var(--cds-alias-viz-diverging-violet-aqua-v-400)";
|
|
591
|
+
export declare const aliasVizDivergingVioletAquaV500 = "var(--cds-alias-viz-diverging-violet-aqua-v-500)";
|
|
592
|
+
export declare const aliasVizDivergingVioletAquaV600 = "var(--cds-alias-viz-diverging-violet-aqua-v-600)";
|
|
593
|
+
export declare const aliasVizDivergingVioletAquaV700 = "var(--cds-alias-viz-diverging-violet-aqua-v-700)";
|
|
594
|
+
export declare const aliasVizDivergingVioletAquaNeutral = "var(--cds-alias-viz-diverging-violet-aqua-neutral)";
|
|
595
|
+
export declare const aliasVizDivergingVioletAquaA400 = "var(--cds-alias-viz-diverging-violet-aqua-a-400)";
|
|
596
|
+
export declare const aliasVizDivergingVioletAquaA500 = "var(--cds-alias-viz-diverging-violet-aqua-a-500)";
|
|
597
|
+
export declare const aliasVizDivergingVioletAquaA600 = "var(--cds-alias-viz-diverging-violet-aqua-a-600)";
|
|
598
|
+
export declare const aliasVizDivergingVioletAquaA700 = "var(--cds-alias-viz-diverging-violet-aqua-a-700)";
|
|
599
|
+
export declare const aliasVizDivergingVioletAquaA800 = "var(--cds-alias-viz-diverging-violet-aqua-a-800)";
|
|
600
|
+
export declare const aliasVizDivergingVioletAquaA900 = "var(--cds-alias-viz-diverging-violet-aqua-a-900)";
|
|
601
|
+
export declare const aliasVizDivergingBlueJadeB300 = "var(--cds-alias-viz-diverging-blue-jade-b-300)";
|
|
602
|
+
export declare const aliasVizDivergingBlueJadeB400 = "var(--cds-alias-viz-diverging-blue-jade-b-400)";
|
|
603
|
+
export declare const aliasVizDivergingBlueJadeB500 = "var(--cds-alias-viz-diverging-blue-jade-b-500)";
|
|
604
|
+
export declare const aliasVizDivergingBlueJadeB600 = "var(--cds-alias-viz-diverging-blue-jade-b-600)";
|
|
605
|
+
export declare const aliasVizDivergingBlueJadeB700 = "var(--cds-alias-viz-diverging-blue-jade-b-700)";
|
|
606
|
+
export declare const aliasVizDivergingBlueJadeB800 = "var(--cds-alias-viz-diverging-blue-jade-b-800)";
|
|
607
|
+
export declare const aliasVizDivergingBlueJadeNeutral = "var(--cds-alias-viz-diverging-blue-jade-neutral)";
|
|
608
|
+
export declare const aliasVizDivergingBlueJadeJ300 = "var(--cds-alias-viz-diverging-blue-jade-j-300)";
|
|
609
|
+
export declare const aliasVizDivergingBlueJadeJ400 = "var(--cds-alias-viz-diverging-blue-jade-j-400)";
|
|
610
|
+
export declare const aliasVizDivergingBlueJadeJ500 = "var(--cds-alias-viz-diverging-blue-jade-j-500)";
|
|
611
|
+
export declare const aliasVizDivergingBlueJadeJ600 = "var(--cds-alias-viz-diverging-blue-jade-j-600)";
|
|
612
|
+
export declare const aliasVizDivergingBlueJadeJ700 = "var(--cds-alias-viz-diverging-blue-jade-j-700)";
|
|
613
|
+
export declare const aliasVizDivergingBlueJadeJ800 = "var(--cds-alias-viz-diverging-blue-jade-j-800)";
|
|
614
|
+
export declare const aliasVizDivergingBlueGreenB300 = "var(--cds-alias-viz-diverging-blue-green-b-300)";
|
|
615
|
+
export declare const aliasVizDivergingBlueGreenB400 = "var(--cds-alias-viz-diverging-blue-green-b-400)";
|
|
616
|
+
export declare const aliasVizDivergingBlueGreenB500 = "var(--cds-alias-viz-diverging-blue-green-b-500)";
|
|
617
|
+
export declare const aliasVizDivergingBlueGreenB600 = "var(--cds-alias-viz-diverging-blue-green-b-600)";
|
|
618
|
+
export declare const aliasVizDivergingBlueGreenB700 = "var(--cds-alias-viz-diverging-blue-green-b-700)";
|
|
619
|
+
export declare const aliasVizDivergingBlueGreenB800 = "var(--cds-alias-viz-diverging-blue-green-b-800)";
|
|
620
|
+
export declare const aliasVizDivergingBlueGreenNeutral = "var(--cds-alias-viz-diverging-blue-green-neutral)";
|
|
621
|
+
export declare const aliasVizDivergingBlueGreenG300 = "var(--cds-alias-viz-diverging-blue-green-g-300)";
|
|
622
|
+
export declare const aliasVizDivergingBlueGreenG400 = "var(--cds-alias-viz-diverging-blue-green-g-400)";
|
|
623
|
+
export declare const aliasVizDivergingBlueGreenG500 = "var(--cds-alias-viz-diverging-blue-green-g-500)";
|
|
624
|
+
export declare const aliasVizDivergingBlueGreenG600 = "var(--cds-alias-viz-diverging-blue-green-g-600)";
|
|
625
|
+
export declare const aliasVizDivergingBlueGreenG700 = "var(--cds-alias-viz-diverging-blue-green-g-700)";
|
|
626
|
+
export declare const aliasVizDivergingBlueGreenG800 = "var(--cds-alias-viz-diverging-blue-green-g-800)";
|
|
627
|
+
export declare const aliasVizDivergingGreenYellowRedG200 = "var(--cds-alias-viz-diverging-green-yellow-red-g-200)";
|
|
628
|
+
export declare const aliasVizDivergingGreenYellowRedG300 = "var(--cds-alias-viz-diverging-green-yellow-red-g-300)";
|
|
629
|
+
export declare const aliasVizDivergingGreenYellowRedG400 = "var(--cds-alias-viz-diverging-green-yellow-red-g-400)";
|
|
630
|
+
export declare const aliasVizDivergingGreenYellowRedG500 = "var(--cds-alias-viz-diverging-green-yellow-red-g-500)";
|
|
631
|
+
export declare const aliasVizDivergingGreenYellowRedG600 = "var(--cds-alias-viz-diverging-green-yellow-red-g-600)";
|
|
632
|
+
export declare const aliasVizDivergingGreenYellowRedG700 = "var(--cds-alias-viz-diverging-green-yellow-red-g-700)";
|
|
633
|
+
export declare const aliasVizDivergingGreenYellowRedNeutral = "var(--cds-alias-viz-diverging-green-yellow-red-neutral)";
|
|
634
|
+
export declare const aliasVizDivergingGreenYellowRedR400 = "var(--cds-alias-viz-diverging-green-yellow-red-r-400)";
|
|
635
|
+
export declare const aliasVizDivergingGreenYellowRedR500 = "var(--cds-alias-viz-diverging-green-yellow-red-r-500)";
|
|
636
|
+
export declare const aliasVizDivergingGreenYellowRedR600 = "var(--cds-alias-viz-diverging-green-yellow-red-r-600)";
|
|
637
|
+
export declare const aliasVizDivergingGreenYellowRedR700 = "var(--cds-alias-viz-diverging-green-yellow-red-r-700)";
|
|
638
|
+
export declare const aliasVizDivergingGreenYellowRedR800 = "var(--cds-alias-viz-diverging-green-yellow-red-r-800)";
|
|
639
|
+
export declare const aliasVizDivergingGreenYellowRedR900 = "var(--cds-alias-viz-diverging-green-yellow-red-r-900)";
|
|
631
640
|
export declare const aliasTypographyColor100 = "var(--cds-alias-typography-color-100)";
|
|
632
641
|
export declare const aliasTypographyColor200 = "var(--cds-alias-typography-color-200)";
|
|
633
642
|
export declare const aliasTypographyColor300 = "var(--cds-alias-typography-color-300)";
|
package/tokens/tokens.ios.swift
CHANGED
|
@@ -411,21 +411,28 @@ let aliasObjectInteractionColorSelected = UIColor(red: 58, green: 77, blue: 85,
|
|
|
411
411
|
let aliasObjectInteractionColorDisabled = UIColor(red: 174, green: 184, blue: 188, alpha: 1.0);
|
|
412
412
|
let aliasObjectInteractionInfoHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
413
413
|
let aliasObjectInteractionInfoClick = UIColor(red: 0, green: 75, blue: 107, alpha: 1.0);
|
|
414
|
+
let aliasObjectInteractionInfoActive = UIColor(red: 0, green: 75, blue: 107, alpha: 1.0);
|
|
415
|
+
let aliasObjectInteractionInfoSelected = UIColor(red: 0, green: 75, blue: 107, alpha: 1.0);
|
|
414
416
|
let aliasObjectInteractionInfoSecondaryHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
415
417
|
let aliasObjectInteractionSuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
|
|
416
418
|
let aliasObjectInteractionSuccessClick = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
|
|
419
|
+
let aliasObjectInteractionSuccessActive = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
|
|
417
420
|
let aliasObjectInteractionSuccessSecondaryHover = UIColor(red: 238, green: 252, blue: 227, alpha: 1.0);
|
|
418
421
|
let aliasObjectInteractionWarningHover = UIColor(red: 255, green: 166, blue: 0, alpha: 1.0);
|
|
419
|
-
let aliasObjectInteractionWarningClick = UIColor(red:
|
|
422
|
+
let aliasObjectInteractionWarningClick = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
|
|
423
|
+
let aliasObjectInteractionWarningActive = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
|
|
420
424
|
let aliasObjectInteractionWarningSecondaryHover = UIColor(red: 255, green: 249, blue: 235, alpha: 1.0);
|
|
421
425
|
let aliasObjectInteractionDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
422
426
|
let aliasObjectInteractionDangerClick = UIColor(red: 143, green: 21, blue: 0, alpha: 1.0);
|
|
427
|
+
let aliasObjectInteractionDangerActive = UIColor(red: 143, green: 21, blue: 0, alpha: 1.0);
|
|
423
428
|
let aliasObjectInteractionDangerSecondaryHover = UIColor(red: 255, green: 242, blue: 240, alpha: 1.0);
|
|
424
429
|
let aliasObjectInteractionNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
425
430
|
let aliasObjectInteractionNeutralClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
431
|
+
let aliasObjectInteractionNeutralActive = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
426
432
|
let aliasObjectInteractionNeutralSecondaryHover = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
|
|
427
433
|
let aliasObjectInteractionInverseHover = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
|
|
428
434
|
let aliasObjectInteractionInverseClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
435
|
+
let aliasObjectInteractionInverseActive = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
429
436
|
let aliasObjectAppBackground = UIColor(red: 252, green: 253, blue: 253, alpha: 1.0);
|
|
430
437
|
let aliasObjectOverlayBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
|
|
431
438
|
let aliasObjectOverlayBackdropBackground = "hsla(0, 0%, 0%, 0.6)";
|
|
@@ -511,6 +518,8 @@ let aliasVizSeverityWarning = UIColor(red: 189, green: 126, blue: 0, alpha: 1.0)
|
|
|
511
518
|
let aliasVizSeverityWarningLight = UIColor(red: 255, green: 198, blue: 10, alpha: 1.0);
|
|
512
519
|
let aliasVizSeverityImmediate = UIColor(red: 255, green: 142, blue: 61, alpha: 1.0);
|
|
513
520
|
let aliasVizSeverityCritical = UIColor(red: 224, green: 34, blue: 0, alpha: 1.0);
|
|
521
|
+
let aliasVizSeverityFreeSpaceFill = UIColor(red: 227, green: 234, blue: 237, alpha: 1.0);
|
|
522
|
+
let aliasVizSeverityFreeSpaceBorder = UIColor(red: 133, green: 147, blue: 153, alpha: 1.0);
|
|
514
523
|
let aliasVizSequentialBlue50 = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
515
524
|
let aliasVizSequentialBlue100 = UIColor(red: 189, green: 235, blue: 255, alpha: 1.0);
|
|
516
525
|
let aliasVizSequentialBlue200 = UIColor(red: 143, green: 221, blue: 255, alpha: 1.0);
|
|
@@ -577,58 +586,58 @@ let aliasVizSequentialRed700 = UIColor(red: 224, green: 34, blue: 0, alpha: 1.0)
|
|
|
577
586
|
let aliasVizSequentialRed800 = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
578
587
|
let aliasVizSequentialRed900 = UIColor(red: 143, green: 21, blue: 0, alpha: 1.0);
|
|
579
588
|
let aliasVizSequentialRed1000 = UIColor(red: 112, green: 17, blue: 0, alpha: 1.0);
|
|
580
|
-
let
|
|
581
|
-
let
|
|
582
|
-
let
|
|
583
|
-
let
|
|
584
|
-
let
|
|
585
|
-
let
|
|
586
|
-
let
|
|
587
|
-
let
|
|
588
|
-
let
|
|
589
|
-
let
|
|
590
|
-
let
|
|
591
|
-
let
|
|
592
|
-
let
|
|
593
|
-
let
|
|
594
|
-
let
|
|
595
|
-
let
|
|
596
|
-
let
|
|
597
|
-
let
|
|
598
|
-
let
|
|
599
|
-
let
|
|
600
|
-
let
|
|
601
|
-
let
|
|
602
|
-
let
|
|
603
|
-
let
|
|
604
|
-
let
|
|
605
|
-
let
|
|
606
|
-
let
|
|
607
|
-
let
|
|
608
|
-
let
|
|
609
|
-
let
|
|
610
|
-
let
|
|
611
|
-
let
|
|
612
|
-
let
|
|
613
|
-
let
|
|
614
|
-
let
|
|
615
|
-
let
|
|
616
|
-
let
|
|
617
|
-
let
|
|
618
|
-
let
|
|
619
|
-
let
|
|
620
|
-
let
|
|
621
|
-
let
|
|
622
|
-
let
|
|
623
|
-
let
|
|
624
|
-
let
|
|
625
|
-
let
|
|
626
|
-
let
|
|
627
|
-
let
|
|
628
|
-
let
|
|
629
|
-
let
|
|
630
|
-
let
|
|
631
|
-
let
|
|
589
|
+
let aliasVizDivergingVioletAquaV200 = UIColor(red: 224, green: 180, blue: 243, alpha: 1.0);
|
|
590
|
+
let aliasVizDivergingVioletAquaV300 = UIColor(red: 206, green: 145, blue: 232, alpha: 1.0);
|
|
591
|
+
let aliasVizDivergingVioletAquaV400 = UIColor(red: 187, green: 112, blue: 219, alpha: 1.0);
|
|
592
|
+
let aliasVizDivergingVioletAquaV500 = UIColor(red: 172, green: 80, blue: 211, alpha: 1.0);
|
|
593
|
+
let aliasVizDivergingVioletAquaV600 = UIColor(red: 155, green: 50, blue: 200, alpha: 1.0);
|
|
594
|
+
let aliasVizDivergingVioletAquaV700 = UIColor(red: 124, green: 18, blue: 165, alpha: 1.0);
|
|
595
|
+
let aliasVizDivergingVioletAquaNeutral = UIColor(red: 250, green: 240, blue: 255, alpha: 1.0);
|
|
596
|
+
let aliasVizDivergingVioletAquaA400 = UIColor(red: 0, green: 228, blue: 245, alpha: 1.0);
|
|
597
|
+
let aliasVizDivergingVioletAquaA500 = UIColor(red: 0, green: 205, blue: 219, alpha: 1.0);
|
|
598
|
+
let aliasVizDivergingVioletAquaA600 = UIColor(red: 0, green: 162, blue: 173, alpha: 1.0);
|
|
599
|
+
let aliasVizDivergingVioletAquaA700 = UIColor(red: 0, green: 119, blue: 128, alpha: 1.0);
|
|
600
|
+
let aliasVizDivergingVioletAquaA800 = UIColor(red: 0, green: 86, blue: 92, alpha: 1.0);
|
|
601
|
+
let aliasVizDivergingVioletAquaA900 = UIColor(red: 0, green: 62, blue: 66, alpha: 1.0);
|
|
602
|
+
let aliasVizDivergingBlueJadeB300 = UIColor(red: 102, green: 209, blue: 255, alpha: 1.0);
|
|
603
|
+
let aliasVizDivergingBlueJadeB400 = UIColor(red: 46, green: 192, blue: 255, alpha: 1.0);
|
|
604
|
+
let aliasVizDivergingBlueJadeB500 = UIColor(red: 0, green: 171, blue: 245, alpha: 1.0);
|
|
605
|
+
let aliasVizDivergingBlueJadeB600 = UIColor(red: 0, green: 154, blue: 219, alpha: 1.0);
|
|
606
|
+
let aliasVizDivergingBlueJadeB700 = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
|
|
607
|
+
let aliasVizDivergingBlueJadeB800 = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
608
|
+
let aliasVizDivergingBlueJadeNeutral = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
609
|
+
let aliasVizDivergingBlueJadeJ300 = UIColor(red: 104, green: 227, blue: 186, alpha: 1.0);
|
|
610
|
+
let aliasVizDivergingBlueJadeJ400 = UIColor(red: 52, green: 218, blue: 163, alpha: 1.0);
|
|
611
|
+
let aliasVizDivergingBlueJadeJ500 = UIColor(red: 41, green: 188, blue: 139, alpha: 1.0);
|
|
612
|
+
let aliasVizDivergingBlueJadeJ600 = UIColor(red: 28, green: 155, blue: 113, alpha: 1.0);
|
|
613
|
+
let aliasVizDivergingBlueJadeJ700 = UIColor(red: 28, green: 125, blue: 93, alpha: 1.0);
|
|
614
|
+
let aliasVizDivergingBlueJadeJ800 = UIColor(red: 0, green: 107, blue: 71, alpha: 1.0);
|
|
615
|
+
let aliasVizDivergingBlueGreenB300 = UIColor(red: 102, green: 209, blue: 255, alpha: 1.0);
|
|
616
|
+
let aliasVizDivergingBlueGreenB400 = UIColor(red: 46, green: 192, blue: 255, alpha: 1.0);
|
|
617
|
+
let aliasVizDivergingBlueGreenB500 = UIColor(red: 0, green: 171, blue: 245, alpha: 1.0);
|
|
618
|
+
let aliasVizDivergingBlueGreenB600 = UIColor(red: 0, green: 154, blue: 219, alpha: 1.0);
|
|
619
|
+
let aliasVizDivergingBlueGreenB700 = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
|
|
620
|
+
let aliasVizDivergingBlueGreenB800 = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
621
|
+
let aliasVizDivergingBlueGreenNeutral = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
622
|
+
let aliasVizDivergingBlueGreenG300 = UIColor(red: 134, green: 233, blue: 53, alpha: 1.0);
|
|
623
|
+
let aliasVizDivergingBlueGreenG400 = UIColor(red: 113, green: 220, blue: 24, alpha: 1.0);
|
|
624
|
+
let aliasVizDivergingBlueGreenG500 = UIColor(red: 103, green: 202, blue: 22, alpha: 1.0);
|
|
625
|
+
let aliasVizDivergingBlueGreenG600 = UIColor(red: 87, green: 170, blue: 19, alpha: 1.0);
|
|
626
|
+
let aliasVizDivergingBlueGreenG700 = UIColor(red: 66, green: 129, blue: 14, alpha: 1.0);
|
|
627
|
+
let aliasVizDivergingBlueGreenG800 = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
|
|
628
|
+
let aliasVizDivergingGreenYellowRedG200 = UIColor(red: 172, green: 240, blue: 117, alpha: 1.0);
|
|
629
|
+
let aliasVizDivergingGreenYellowRedG300 = UIColor(red: 134, green: 233, blue: 53, alpha: 1.0);
|
|
630
|
+
let aliasVizDivergingGreenYellowRedG400 = UIColor(red: 113, green: 220, blue: 24, alpha: 1.0);
|
|
631
|
+
let aliasVizDivergingGreenYellowRedG500 = UIColor(red: 103, green: 202, blue: 22, alpha: 1.0);
|
|
632
|
+
let aliasVizDivergingGreenYellowRedG600 = UIColor(red: 87, green: 170, blue: 19, alpha: 1.0);
|
|
633
|
+
let aliasVizDivergingGreenYellowRedG700 = UIColor(red: 66, green: 129, blue: 14, alpha: 1.0);
|
|
634
|
+
let aliasVizDivergingGreenYellowRedNeutral = UIColor(red: 255, green: 232, blue: 117, alpha: 1.0);
|
|
635
|
+
let aliasVizDivergingGreenYellowRedR400 = UIColor(red: 255, green: 129, blue: 107, alpha: 1.0);
|
|
636
|
+
let aliasVizDivergingGreenYellowRedR500 = UIColor(red: 255, green: 103, blue: 77, alpha: 1.0);
|
|
637
|
+
let aliasVizDivergingGreenYellowRedR600 = UIColor(red: 255, green: 77, blue: 46, alpha: 1.0);
|
|
638
|
+
let aliasVizDivergingGreenYellowRedR700 = UIColor(red: 224, green: 34, blue: 0, alpha: 1.0);
|
|
639
|
+
let aliasVizDivergingGreenYellowRedR800 = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
640
|
+
let aliasVizDivergingGreenYellowRedR900 = UIColor(red: 143, green: 21, blue: 0, alpha: 1.0);
|
|
632
641
|
let aliasTypographyColor100 = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
|
|
633
642
|
let aliasTypographyColor200 = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
|
|
634
643
|
let aliasTypographyColor300 = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
package/tokens/tokens.js
CHANGED
|
@@ -411,21 +411,28 @@ export const aliasObjectInteractionColorSelected = 'var(--cds-alias-object-inter
|
|
|
411
411
|
export const aliasObjectInteractionColorDisabled = 'var(--cds-alias-object-interaction-color-disabled)';
|
|
412
412
|
export const aliasObjectInteractionInfoHover = 'var(--cds-alias-object-interaction-info-hover)';
|
|
413
413
|
export const aliasObjectInteractionInfoClick = 'var(--cds-alias-object-interaction-info-click)';
|
|
414
|
+
export const aliasObjectInteractionInfoActive = 'var(--cds-alias-object-interaction-info-active)';
|
|
415
|
+
export const aliasObjectInteractionInfoSelected = 'var(--cds-alias-object-interaction-info-selected)';
|
|
414
416
|
export const aliasObjectInteractionInfoSecondaryHover = 'var(--cds-alias-object-interaction-info-secondary-hover)';
|
|
415
417
|
export const aliasObjectInteractionSuccessHover = 'var(--cds-alias-object-interaction-success-hover)';
|
|
416
418
|
export const aliasObjectInteractionSuccessClick = 'var(--cds-alias-object-interaction-success-click)';
|
|
419
|
+
export const aliasObjectInteractionSuccessActive = 'var(--cds-alias-object-interaction-success-active)';
|
|
417
420
|
export const aliasObjectInteractionSuccessSecondaryHover = 'var(--cds-alias-object-interaction-success-secondary-hover)';
|
|
418
421
|
export const aliasObjectInteractionWarningHover = 'var(--cds-alias-object-interaction-warning-hover)';
|
|
419
422
|
export const aliasObjectInteractionWarningClick = 'var(--cds-alias-object-interaction-warning-click)';
|
|
423
|
+
export const aliasObjectInteractionWarningActive = 'var(--cds-alias-object-interaction-warning-active)';
|
|
420
424
|
export const aliasObjectInteractionWarningSecondaryHover = 'var(--cds-alias-object-interaction-warning-secondary-hover)';
|
|
421
425
|
export const aliasObjectInteractionDangerHover = 'var(--cds-alias-object-interaction-danger-hover)';
|
|
422
426
|
export const aliasObjectInteractionDangerClick = 'var(--cds-alias-object-interaction-danger-click)';
|
|
427
|
+
export const aliasObjectInteractionDangerActive = 'var(--cds-alias-object-interaction-danger-active)';
|
|
423
428
|
export const aliasObjectInteractionDangerSecondaryHover = 'var(--cds-alias-object-interaction-danger-secondary-hover)';
|
|
424
429
|
export const aliasObjectInteractionNeutralHover = 'var(--cds-alias-object-interaction-neutral-hover)';
|
|
425
430
|
export const aliasObjectInteractionNeutralClick = 'var(--cds-alias-object-interaction-neutral-click)';
|
|
431
|
+
export const aliasObjectInteractionNeutralActive = 'var(--cds-alias-object-interaction-neutral-active)';
|
|
426
432
|
export const aliasObjectInteractionNeutralSecondaryHover = 'var(--cds-alias-object-interaction-neutral-secondary-hover)';
|
|
427
433
|
export const aliasObjectInteractionInverseHover = 'var(--cds-alias-object-interaction-inverse-hover)';
|
|
428
434
|
export const aliasObjectInteractionInverseClick = 'var(--cds-alias-object-interaction-inverse-click)';
|
|
435
|
+
export const aliasObjectInteractionInverseActive = 'var(--cds-alias-object-interaction-inverse-active)';
|
|
429
436
|
export const aliasObjectAppBackground = 'var(--cds-alias-object-app-background)';
|
|
430
437
|
export const aliasObjectOverlayBackground = 'var(--cds-alias-object-overlay-background)';
|
|
431
438
|
export const aliasObjectOverlayBackdropBackground = 'var(--cds-alias-object-overlay-backdrop-background)';
|
|
@@ -511,6 +518,8 @@ export const aliasVizSeverityWarning = 'var(--cds-alias-viz-severity-warning)';
|
|
|
511
518
|
export const aliasVizSeverityWarningLight = 'var(--cds-alias-viz-severity-warning-light)';
|
|
512
519
|
export const aliasVizSeverityImmediate = 'var(--cds-alias-viz-severity-immediate)';
|
|
513
520
|
export const aliasVizSeverityCritical = 'var(--cds-alias-viz-severity-critical)';
|
|
521
|
+
export const aliasVizSeverityFreeSpaceFill = 'var(--cds-alias-viz-severity-free-space-fill)';
|
|
522
|
+
export const aliasVizSeverityFreeSpaceBorder = 'var(--cds-alias-viz-severity-free-space-border)';
|
|
514
523
|
export const aliasVizSequentialBlue50 = 'var(--cds-alias-viz-sequential-blue-50)';
|
|
515
524
|
export const aliasVizSequentialBlue100 = 'var(--cds-alias-viz-sequential-blue-100)';
|
|
516
525
|
export const aliasVizSequentialBlue200 = 'var(--cds-alias-viz-sequential-blue-200)';
|
|
@@ -577,58 +586,58 @@ export const aliasVizSequentialRed700 = 'var(--cds-alias-viz-sequential-red-700)
|
|
|
577
586
|
export const aliasVizSequentialRed800 = 'var(--cds-alias-viz-sequential-red-800)';
|
|
578
587
|
export const aliasVizSequentialRed900 = 'var(--cds-alias-viz-sequential-red-900)';
|
|
579
588
|
export const aliasVizSequentialRed1000 = 'var(--cds-alias-viz-sequential-red-1000)';
|
|
580
|
-
export const
|
|
581
|
-
export const
|
|
582
|
-
export const
|
|
583
|
-
export const
|
|
584
|
-
export const
|
|
585
|
-
export const
|
|
586
|
-
export const
|
|
587
|
-
export const
|
|
588
|
-
export const
|
|
589
|
-
export const
|
|
590
|
-
export const
|
|
591
|
-
export const
|
|
592
|
-
export const
|
|
593
|
-
export const
|
|
594
|
-
export const
|
|
595
|
-
export const
|
|
596
|
-
export const
|
|
597
|
-
export const
|
|
598
|
-
export const
|
|
599
|
-
export const
|
|
600
|
-
export const
|
|
601
|
-
export const
|
|
602
|
-
export const
|
|
603
|
-
export const
|
|
604
|
-
export const
|
|
605
|
-
export const
|
|
606
|
-
export const
|
|
607
|
-
export const
|
|
608
|
-
export const
|
|
609
|
-
export const
|
|
610
|
-
export const
|
|
611
|
-
export const
|
|
612
|
-
export const
|
|
613
|
-
export const
|
|
614
|
-
export const
|
|
615
|
-
export const
|
|
616
|
-
export const
|
|
617
|
-
export const
|
|
618
|
-
export const
|
|
619
|
-
export const
|
|
620
|
-
export const
|
|
621
|
-
export const
|
|
622
|
-
export const
|
|
623
|
-
export const
|
|
624
|
-
export const
|
|
625
|
-
export const
|
|
626
|
-
export const
|
|
627
|
-
export const
|
|
628
|
-
export const
|
|
629
|
-
export const
|
|
630
|
-
export const
|
|
631
|
-
export const
|
|
589
|
+
export const aliasVizDivergingVioletAquaV200 = 'var(--cds-alias-viz-diverging-violet-aqua-v-200)';
|
|
590
|
+
export const aliasVizDivergingVioletAquaV300 = 'var(--cds-alias-viz-diverging-violet-aqua-v-300)';
|
|
591
|
+
export const aliasVizDivergingVioletAquaV400 = 'var(--cds-alias-viz-diverging-violet-aqua-v-400)';
|
|
592
|
+
export const aliasVizDivergingVioletAquaV500 = 'var(--cds-alias-viz-diverging-violet-aqua-v-500)';
|
|
593
|
+
export const aliasVizDivergingVioletAquaV600 = 'var(--cds-alias-viz-diverging-violet-aqua-v-600)';
|
|
594
|
+
export const aliasVizDivergingVioletAquaV700 = 'var(--cds-alias-viz-diverging-violet-aqua-v-700)';
|
|
595
|
+
export const aliasVizDivergingVioletAquaNeutral = 'var(--cds-alias-viz-diverging-violet-aqua-neutral)';
|
|
596
|
+
export const aliasVizDivergingVioletAquaA400 = 'var(--cds-alias-viz-diverging-violet-aqua-a-400)';
|
|
597
|
+
export const aliasVizDivergingVioletAquaA500 = 'var(--cds-alias-viz-diverging-violet-aqua-a-500)';
|
|
598
|
+
export const aliasVizDivergingVioletAquaA600 = 'var(--cds-alias-viz-diverging-violet-aqua-a-600)';
|
|
599
|
+
export const aliasVizDivergingVioletAquaA700 = 'var(--cds-alias-viz-diverging-violet-aqua-a-700)';
|
|
600
|
+
export const aliasVizDivergingVioletAquaA800 = 'var(--cds-alias-viz-diverging-violet-aqua-a-800)';
|
|
601
|
+
export const aliasVizDivergingVioletAquaA900 = 'var(--cds-alias-viz-diverging-violet-aqua-a-900)';
|
|
602
|
+
export const aliasVizDivergingBlueJadeB300 = 'var(--cds-alias-viz-diverging-blue-jade-b-300)';
|
|
603
|
+
export const aliasVizDivergingBlueJadeB400 = 'var(--cds-alias-viz-diverging-blue-jade-b-400)';
|
|
604
|
+
export const aliasVizDivergingBlueJadeB500 = 'var(--cds-alias-viz-diverging-blue-jade-b-500)';
|
|
605
|
+
export const aliasVizDivergingBlueJadeB600 = 'var(--cds-alias-viz-diverging-blue-jade-b-600)';
|
|
606
|
+
export const aliasVizDivergingBlueJadeB700 = 'var(--cds-alias-viz-diverging-blue-jade-b-700)';
|
|
607
|
+
export const aliasVizDivergingBlueJadeB800 = 'var(--cds-alias-viz-diverging-blue-jade-b-800)';
|
|
608
|
+
export const aliasVizDivergingBlueJadeNeutral = 'var(--cds-alias-viz-diverging-blue-jade-neutral)';
|
|
609
|
+
export const aliasVizDivergingBlueJadeJ300 = 'var(--cds-alias-viz-diverging-blue-jade-j-300)';
|
|
610
|
+
export const aliasVizDivergingBlueJadeJ400 = 'var(--cds-alias-viz-diverging-blue-jade-j-400)';
|
|
611
|
+
export const aliasVizDivergingBlueJadeJ500 = 'var(--cds-alias-viz-diverging-blue-jade-j-500)';
|
|
612
|
+
export const aliasVizDivergingBlueJadeJ600 = 'var(--cds-alias-viz-diverging-blue-jade-j-600)';
|
|
613
|
+
export const aliasVizDivergingBlueJadeJ700 = 'var(--cds-alias-viz-diverging-blue-jade-j-700)';
|
|
614
|
+
export const aliasVizDivergingBlueJadeJ800 = 'var(--cds-alias-viz-diverging-blue-jade-j-800)';
|
|
615
|
+
export const aliasVizDivergingBlueGreenB300 = 'var(--cds-alias-viz-diverging-blue-green-b-300)';
|
|
616
|
+
export const aliasVizDivergingBlueGreenB400 = 'var(--cds-alias-viz-diverging-blue-green-b-400)';
|
|
617
|
+
export const aliasVizDivergingBlueGreenB500 = 'var(--cds-alias-viz-diverging-blue-green-b-500)';
|
|
618
|
+
export const aliasVizDivergingBlueGreenB600 = 'var(--cds-alias-viz-diverging-blue-green-b-600)';
|
|
619
|
+
export const aliasVizDivergingBlueGreenB700 = 'var(--cds-alias-viz-diverging-blue-green-b-700)';
|
|
620
|
+
export const aliasVizDivergingBlueGreenB800 = 'var(--cds-alias-viz-diverging-blue-green-b-800)';
|
|
621
|
+
export const aliasVizDivergingBlueGreenNeutral = 'var(--cds-alias-viz-diverging-blue-green-neutral)';
|
|
622
|
+
export const aliasVizDivergingBlueGreenG300 = 'var(--cds-alias-viz-diverging-blue-green-g-300)';
|
|
623
|
+
export const aliasVizDivergingBlueGreenG400 = 'var(--cds-alias-viz-diverging-blue-green-g-400)';
|
|
624
|
+
export const aliasVizDivergingBlueGreenG500 = 'var(--cds-alias-viz-diverging-blue-green-g-500)';
|
|
625
|
+
export const aliasVizDivergingBlueGreenG600 = 'var(--cds-alias-viz-diverging-blue-green-g-600)';
|
|
626
|
+
export const aliasVizDivergingBlueGreenG700 = 'var(--cds-alias-viz-diverging-blue-green-g-700)';
|
|
627
|
+
export const aliasVizDivergingBlueGreenG800 = 'var(--cds-alias-viz-diverging-blue-green-g-800)';
|
|
628
|
+
export const aliasVizDivergingGreenYellowRedG200 = 'var(--cds-alias-viz-diverging-green-yellow-red-g-200)';
|
|
629
|
+
export const aliasVizDivergingGreenYellowRedG300 = 'var(--cds-alias-viz-diverging-green-yellow-red-g-300)';
|
|
630
|
+
export const aliasVizDivergingGreenYellowRedG400 = 'var(--cds-alias-viz-diverging-green-yellow-red-g-400)';
|
|
631
|
+
export const aliasVizDivergingGreenYellowRedG500 = 'var(--cds-alias-viz-diverging-green-yellow-red-g-500)';
|
|
632
|
+
export const aliasVizDivergingGreenYellowRedG600 = 'var(--cds-alias-viz-diverging-green-yellow-red-g-600)';
|
|
633
|
+
export const aliasVizDivergingGreenYellowRedG700 = 'var(--cds-alias-viz-diverging-green-yellow-red-g-700)';
|
|
634
|
+
export const aliasVizDivergingGreenYellowRedNeutral = 'var(--cds-alias-viz-diverging-green-yellow-red-neutral)';
|
|
635
|
+
export const aliasVizDivergingGreenYellowRedR400 = 'var(--cds-alias-viz-diverging-green-yellow-red-r-400)';
|
|
636
|
+
export const aliasVizDivergingGreenYellowRedR500 = 'var(--cds-alias-viz-diverging-green-yellow-red-r-500)';
|
|
637
|
+
export const aliasVizDivergingGreenYellowRedR600 = 'var(--cds-alias-viz-diverging-green-yellow-red-r-600)';
|
|
638
|
+
export const aliasVizDivergingGreenYellowRedR700 = 'var(--cds-alias-viz-diverging-green-yellow-red-r-700)';
|
|
639
|
+
export const aliasVizDivergingGreenYellowRedR800 = 'var(--cds-alias-viz-diverging-green-yellow-red-r-800)';
|
|
640
|
+
export const aliasVizDivergingGreenYellowRedR900 = 'var(--cds-alias-viz-diverging-green-yellow-red-r-900)';
|
|
632
641
|
export const aliasTypographyColor100 = 'var(--cds-alias-typography-color-100)';
|
|
633
642
|
export const aliasTypographyColor200 = 'var(--cds-alias-typography-color-200)';
|
|
634
643
|
export const aliasTypographyColor300 = 'var(--cds-alias-typography-color-300)';
|