@cds/core 6.15.1 → 6.16.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 +22 -4
- 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 +22 -4
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +19 -2
- package/styles/theme.dark.min.css +1 -1
- package/tokens/tokens.android.xml +22 -4
- package/tokens/tokens.d.ts +18 -0
- package/tokens/tokens.ios.swift +22 -4
- package/tokens/tokens.js +18 -0
- package/tokens/tokens.json +160 -16
- package/tokens/tokens.scss +18 -0
|
@@ -304,8 +304,9 @@
|
|
|
304
304
|
<property name="globalTypographyXHeight">0.517em</property>
|
|
305
305
|
<color name="globalTypographyLinkColor" alias="globalColorBlue700">#0079ad</color>
|
|
306
306
|
<color name="globalTypographyLinkColorHover" alias="globalColorBlue800">#00608a</color>
|
|
307
|
-
<color name="
|
|
308
|
-
<color name="
|
|
307
|
+
<color name="globalTypographyLinkColorActive" alias="globalColorRed700">#e02200</color>
|
|
308
|
+
<color name="globalTypographyLinkColorVisited" alias="globalColorViolet700">#7c12a5</color>
|
|
309
|
+
<color name="globalTypographyLinkColorVisitedHover" alias="globalColorViolet1000">#320047</color>
|
|
309
310
|
<color name="globalTypographyLinkOnColorbg" alias="globalColorBlack">#000000</color>
|
|
310
311
|
<property name="globalTypographyBodyFontSize">14</property>
|
|
311
312
|
<property name="globalTypographyBodyLineHeight">1.4285714em</property>
|
|
@@ -498,21 +499,37 @@
|
|
|
498
499
|
<color name="aliasUtilityVioletTint" alias="globalColorViolet50">#faf0ff</color>
|
|
499
500
|
<color name="aliasUtilityVioletShade" alias="globalColorViolet800">#5d0085</color>
|
|
500
501
|
<color name="aliasVizBorder" alias="globalColorConstruction1100">#17252b</color>
|
|
502
|
+
<color name="aliasVizGeneral1" alias="globalColorBlue600">#009adb</color>
|
|
501
503
|
<color name="aliasVizGeneral1Blue" alias="globalColorBlue600">#009adb</color>
|
|
504
|
+
<color name="aliasVizGeneral2" alias="globalColorViolet700">#7c12a5</color>
|
|
502
505
|
<color name="aliasVizGeneral2Violet" alias="globalColorViolet600">#9b32c8</color>
|
|
506
|
+
<color name="aliasVizGeneral3" alias="globalColorAqua800">#00565c</color>
|
|
503
507
|
<color name="aliasVizGeneral3Aqua" alias="globalColorAqua800">#00565c</color>
|
|
508
|
+
<color name="aliasVizGeneral4" alias="globalColorLavender400">#6e72d8</color>
|
|
504
509
|
<color name="aliasVizGeneral4Lime" alias="globalColorLime700">#818f00</color>
|
|
510
|
+
<color name="aliasVizGeneral5" alias="globalColorPink500">#d23292</color>
|
|
505
511
|
<color name="aliasVizGeneral5Blue" alias="globalColorBlue800">#00608a</color>
|
|
512
|
+
<color name="aliasVizGeneral6" alias="globalColorLime700">#818f00</color>
|
|
506
513
|
<color name="aliasVizGeneral6Aqua" alias="globalColorAqua1000">#003033</color>
|
|
514
|
+
<color name="aliasVizGeneral7" alias="globalColorLavender700">#2429c2</color>
|
|
507
515
|
<color name="aliasVizGeneral7Violet" alias="globalColorViolet800">#5d0085</color>
|
|
516
|
+
<color name="aliasVizGeneral8" alias="globalColorAqua600">#00a2ad</color>
|
|
508
517
|
<color name="aliasVizGeneral8Lime" alias="globalColorLime900">#373d00</color>
|
|
518
|
+
<color name="aliasVizGeneral9" alias="globalColorLime800">#657000</color>
|
|
509
519
|
<color name="aliasVizGeneral9Blue" alias="globalColorBlue700">#0079ad</color>
|
|
520
|
+
<color name="aliasVizGeneral10" alias="globalColorViolet600">#9b32c8</color>
|
|
510
521
|
<color name="aliasVizGeneral10Lime" alias="globalColorLime1000">#202400</color>
|
|
522
|
+
<color name="aliasVizGeneral11" alias="globalColorJade600">#1c9b71</color>
|
|
511
523
|
<color name="aliasVizGeneral11Aqua" alias="globalColorAqua600">#00a2ad</color>
|
|
524
|
+
<color name="aliasVizGeneral12" alias="globalColorAzure800">#004085</color>
|
|
512
525
|
<color name="aliasVizGeneral12Violet" alias="globalColorViolet1000">#320047</color>
|
|
526
|
+
<color name="aliasVizGeneral13" alias="globalColorViolet400">#bb70db</color>
|
|
513
527
|
<color name="aliasVizGeneral13Violet" alias="globalColorViolet700">#7c12a5</color>
|
|
528
|
+
<color name="aliasVizGeneral14" alias="globalColorGreen700">#42810e</color>
|
|
514
529
|
<color name="aliasVizGeneral14Blue" alias="globalColorBlue1000">#00364d</color>
|
|
530
|
+
<color name="aliasVizGeneral15" alias="globalColorPink700">#99005c</color>
|
|
515
531
|
<color name="aliasVizGeneral15Aqua" alias="globalColorAqua700">#007780</color>
|
|
532
|
+
<color name="aliasVizGeneral16" alias="globalColorAzure600">#0071eb</color>
|
|
516
533
|
<color name="aliasVizGeneral16Lime" alias="globalColorLime800">#657000</color>
|
|
517
534
|
<color name="aliasVizSeverityNeutral" alias="globalColorConstruction600">#4f6169</color>
|
|
518
535
|
<color name="aliasVizSeveritySuccess" alias="globalColorGreen700">#42810e</color>
|
|
@@ -670,8 +687,9 @@
|
|
|
670
687
|
<property name="aliasTypographyXHeight">0.517em</property>
|
|
671
688
|
<color name="aliasTypographyLinkColor" alias="globalColorBlue700">#0079ad</color>
|
|
672
689
|
<color name="aliasTypographyLinkColorHover" alias="globalColorBlue800">#00608a</color>
|
|
673
|
-
<color name="
|
|
674
|
-
<color name="
|
|
690
|
+
<color name="aliasTypographyLinkColorActive" alias="globalColorRed700">#e02200</color>
|
|
691
|
+
<color name="aliasTypographyLinkColorVisited" alias="globalColorViolet700">#7c12a5</color>
|
|
692
|
+
<color name="aliasTypographyLinkColorVisitedHover" alias="globalColorViolet1000">#320047</color>
|
|
675
693
|
<color name="aliasTypographyLinkOnColorbg" alias="globalColorBlack">#000000</color>
|
|
676
694
|
<property name="aliasTypographyBodyFontSize">14</property>
|
|
677
695
|
<property name="aliasTypographyBodyLineHeight">1.4285714em</property>
|
package/tokens/tokens.d.ts
CHANGED
|
@@ -301,6 +301,7 @@ export declare const globalTypographyAscenderHeight = "var(--cds-global-typograp
|
|
|
301
301
|
export declare const globalTypographyXHeight = "var(--cds-global-typography-x-height)";
|
|
302
302
|
export declare const globalTypographyLinkColor = "var(--cds-global-typography-link-color)";
|
|
303
303
|
export declare const globalTypographyLinkColorHover = "var(--cds-global-typography-link-color-hover)";
|
|
304
|
+
export declare const globalTypographyLinkColorActive = "var(--cds-global-typography-link-color-active)";
|
|
304
305
|
export declare const globalTypographyLinkColorVisited = "var(--cds-global-typography-link-color-visited)";
|
|
305
306
|
export declare const globalTypographyLinkColorVisitedHover = "var(--cds-global-typography-link-color-visited-hover)";
|
|
306
307
|
export declare const globalTypographyLinkOnColorbg = "var(--cds-global-typography-link-on-colorbg)";
|
|
@@ -495,21 +496,37 @@ export declare const aliasUtilityViolet = "var(--cds-alias-utility-violet)";
|
|
|
495
496
|
export declare const aliasUtilityVioletTint = "var(--cds-alias-utility-violet-tint)";
|
|
496
497
|
export declare const aliasUtilityVioletShade = "var(--cds-alias-utility-violet-shade)";
|
|
497
498
|
export declare const aliasVizBorder = "var(--cds-alias-viz-border)";
|
|
499
|
+
export declare const aliasVizGeneral1 = "var(--cds-alias-viz-general-1)";
|
|
498
500
|
export declare const aliasVizGeneral1Blue = "var(--cds-alias-viz-general-1-blue)";
|
|
501
|
+
export declare const aliasVizGeneral2 = "var(--cds-alias-viz-general-2)";
|
|
499
502
|
export declare const aliasVizGeneral2Violet = "var(--cds-alias-viz-general-2-violet)";
|
|
503
|
+
export declare const aliasVizGeneral3 = "var(--cds-alias-viz-general-3)";
|
|
500
504
|
export declare const aliasVizGeneral3Aqua = "var(--cds-alias-viz-general-3-aqua)";
|
|
505
|
+
export declare const aliasVizGeneral4 = "var(--cds-alias-viz-general-4)";
|
|
501
506
|
export declare const aliasVizGeneral4Lime = "var(--cds-alias-viz-general-4-lime)";
|
|
507
|
+
export declare const aliasVizGeneral5 = "var(--cds-alias-viz-general-5)";
|
|
502
508
|
export declare const aliasVizGeneral5Blue = "var(--cds-alias-viz-general-5-blue)";
|
|
509
|
+
export declare const aliasVizGeneral6 = "var(--cds-alias-viz-general-6)";
|
|
503
510
|
export declare const aliasVizGeneral6Aqua = "var(--cds-alias-viz-general-6-aqua)";
|
|
511
|
+
export declare const aliasVizGeneral7 = "var(--cds-alias-viz-general-7)";
|
|
504
512
|
export declare const aliasVizGeneral7Violet = "var(--cds-alias-viz-general-7-violet)";
|
|
513
|
+
export declare const aliasVizGeneral8 = "var(--cds-alias-viz-general-8)";
|
|
505
514
|
export declare const aliasVizGeneral8Lime = "var(--cds-alias-viz-general-8-lime)";
|
|
515
|
+
export declare const aliasVizGeneral9 = "var(--cds-alias-viz-general-9)";
|
|
506
516
|
export declare const aliasVizGeneral9Blue = "var(--cds-alias-viz-general-9-blue)";
|
|
517
|
+
export declare const aliasVizGeneral10 = "var(--cds-alias-viz-general-10)";
|
|
507
518
|
export declare const aliasVizGeneral10Lime = "var(--cds-alias-viz-general-10-lime)";
|
|
519
|
+
export declare const aliasVizGeneral11 = "var(--cds-alias-viz-general-11)";
|
|
508
520
|
export declare const aliasVizGeneral11Aqua = "var(--cds-alias-viz-general-11-aqua)";
|
|
521
|
+
export declare const aliasVizGeneral12 = "var(--cds-alias-viz-general-12)";
|
|
509
522
|
export declare const aliasVizGeneral12Violet = "var(--cds-alias-viz-general-12-violet)";
|
|
523
|
+
export declare const aliasVizGeneral13 = "var(--cds-alias-viz-general-13)";
|
|
510
524
|
export declare const aliasVizGeneral13Violet = "var(--cds-alias-viz-general-13-violet)";
|
|
525
|
+
export declare const aliasVizGeneral14 = "var(--cds-alias-viz-general-14)";
|
|
511
526
|
export declare const aliasVizGeneral14Blue = "var(--cds-alias-viz-general-14-blue)";
|
|
527
|
+
export declare const aliasVizGeneral15 = "var(--cds-alias-viz-general-15)";
|
|
512
528
|
export declare const aliasVizGeneral15Aqua = "var(--cds-alias-viz-general-15-aqua)";
|
|
529
|
+
export declare const aliasVizGeneral16 = "var(--cds-alias-viz-general-16)";
|
|
513
530
|
export declare const aliasVizGeneral16Lime = "var(--cds-alias-viz-general-16-lime)";
|
|
514
531
|
export declare const aliasVizSeverityNeutral = "var(--cds-alias-viz-severity-neutral)";
|
|
515
532
|
export declare const aliasVizSeveritySuccess = "var(--cds-alias-viz-severity-success)";
|
|
@@ -667,6 +684,7 @@ export declare const aliasTypographyAscenderHeight = "var(--cds-alias-typography
|
|
|
667
684
|
export declare const aliasTypographyXHeight = "var(--cds-alias-typography-x-height)";
|
|
668
685
|
export declare const aliasTypographyLinkColor = "var(--cds-alias-typography-link-color)";
|
|
669
686
|
export declare const aliasTypographyLinkColorHover = "var(--cds-alias-typography-link-color-hover)";
|
|
687
|
+
export declare const aliasTypographyLinkColorActive = "var(--cds-alias-typography-link-color-active)";
|
|
670
688
|
export declare const aliasTypographyLinkColorVisited = "var(--cds-alias-typography-link-color-visited)";
|
|
671
689
|
export declare const aliasTypographyLinkColorVisitedHover = "var(--cds-alias-typography-link-color-visited-hover)";
|
|
672
690
|
export declare const aliasTypographyLinkOnColorbg = "var(--cds-alias-typography-link-on-colorbg)";
|
package/tokens/tokens.ios.swift
CHANGED
|
@@ -302,8 +302,9 @@ let globalTypographyAscenderHeight = "0.1703em";
|
|
|
302
302
|
let globalTypographyXHeight = "0.517em";
|
|
303
303
|
let globalTypographyLinkColor = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
|
|
304
304
|
let globalTypographyLinkColorHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
305
|
-
let
|
|
306
|
-
let
|
|
305
|
+
let globalTypographyLinkColorActive = UIColor(red: 224, green: 34, blue: 0, alpha: 1.0);
|
|
306
|
+
let globalTypographyLinkColorVisited = UIColor(red: 124, green: 18, blue: 165, alpha: 1.0);
|
|
307
|
+
let globalTypographyLinkColorVisitedHover = UIColor(red: 50, green: 0, blue: 71, alpha: 1.0);
|
|
307
308
|
let globalTypographyLinkOnColorbg = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
|
|
308
309
|
let globalTypographyBodyFontSize = CGFloat(14.00);
|
|
309
310
|
let globalTypographyBodyLineHeight = "1.4285714em";
|
|
@@ -496,21 +497,37 @@ let aliasUtilityViolet = UIColor(red: 155, green: 50, blue: 200, alpha: 1.0);
|
|
|
496
497
|
let aliasUtilityVioletTint = UIColor(red: 250, green: 240, blue: 255, alpha: 1.0);
|
|
497
498
|
let aliasUtilityVioletShade = UIColor(red: 93, green: 0, blue: 133, alpha: 1.0);
|
|
498
499
|
let aliasVizBorder = UIColor(red: 23, green: 37, blue: 43, alpha: 1.0);
|
|
500
|
+
let aliasVizGeneral1 = UIColor(red: 0, green: 154, blue: 219, alpha: 1.0);
|
|
499
501
|
let aliasVizGeneral1Blue = UIColor(red: 0, green: 154, blue: 219, alpha: 1.0);
|
|
502
|
+
let aliasVizGeneral2 = UIColor(red: 124, green: 18, blue: 165, alpha: 1.0);
|
|
500
503
|
let aliasVizGeneral2Violet = UIColor(red: 155, green: 50, blue: 200, alpha: 1.0);
|
|
504
|
+
let aliasVizGeneral3 = UIColor(red: 0, green: 86, blue: 92, alpha: 1.0);
|
|
501
505
|
let aliasVizGeneral3Aqua = UIColor(red: 0, green: 86, blue: 92, alpha: 1.0);
|
|
506
|
+
let aliasVizGeneral4 = UIColor(red: 110, green: 114, blue: 216, alpha: 1.0);
|
|
502
507
|
let aliasVizGeneral4Lime = UIColor(red: 129, green: 143, blue: 0, alpha: 1.0);
|
|
508
|
+
let aliasVizGeneral5 = UIColor(red: 210, green: 50, blue: 146, alpha: 1.0);
|
|
503
509
|
let aliasVizGeneral5Blue = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
510
|
+
let aliasVizGeneral6 = UIColor(red: 129, green: 143, blue: 0, alpha: 1.0);
|
|
504
511
|
let aliasVizGeneral6Aqua = UIColor(red: 0, green: 48, blue: 51, alpha: 1.0);
|
|
512
|
+
let aliasVizGeneral7 = UIColor(red: 36, green: 41, blue: 194, alpha: 1.0);
|
|
505
513
|
let aliasVizGeneral7Violet = UIColor(red: 93, green: 0, blue: 133, alpha: 1.0);
|
|
514
|
+
let aliasVizGeneral8 = UIColor(red: 0, green: 162, blue: 173, alpha: 1.0);
|
|
506
515
|
let aliasVizGeneral8Lime = UIColor(red: 55, green: 61, blue: 0, alpha: 1.0);
|
|
516
|
+
let aliasVizGeneral9 = UIColor(red: 101, green: 112, blue: 0, alpha: 1.0);
|
|
507
517
|
let aliasVizGeneral9Blue = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
|
|
518
|
+
let aliasVizGeneral10 = UIColor(red: 155, green: 50, blue: 200, alpha: 1.0);
|
|
508
519
|
let aliasVizGeneral10Lime = UIColor(red: 32, green: 36, blue: 0, alpha: 1.0);
|
|
520
|
+
let aliasVizGeneral11 = UIColor(red: 28, green: 155, blue: 113, alpha: 1.0);
|
|
509
521
|
let aliasVizGeneral11Aqua = UIColor(red: 0, green: 162, blue: 173, alpha: 1.0);
|
|
522
|
+
let aliasVizGeneral12 = UIColor(red: 0, green: 64, blue: 133, alpha: 1.0);
|
|
510
523
|
let aliasVizGeneral12Violet = UIColor(red: 50, green: 0, blue: 71, alpha: 1.0);
|
|
524
|
+
let aliasVizGeneral13 = UIColor(red: 187, green: 112, blue: 219, alpha: 1.0);
|
|
511
525
|
let aliasVizGeneral13Violet = UIColor(red: 124, green: 18, blue: 165, alpha: 1.0);
|
|
526
|
+
let aliasVizGeneral14 = UIColor(red: 66, green: 129, blue: 14, alpha: 1.0);
|
|
512
527
|
let aliasVizGeneral14Blue = UIColor(red: 0, green: 54, blue: 77, alpha: 1.0);
|
|
528
|
+
let aliasVizGeneral15 = UIColor(red: 153, green: 0, blue: 92, alpha: 1.0);
|
|
513
529
|
let aliasVizGeneral15Aqua = UIColor(red: 0, green: 119, blue: 128, alpha: 1.0);
|
|
530
|
+
let aliasVizGeneral16 = UIColor(red: 0, green: 113, blue: 235, alpha: 1.0);
|
|
514
531
|
let aliasVizGeneral16Lime = UIColor(red: 101, green: 112, blue: 0, alpha: 1.0);
|
|
515
532
|
let aliasVizSeverityNeutral = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
|
|
516
533
|
let aliasVizSeveritySuccess = UIColor(red: 66, green: 129, blue: 14, alpha: 1.0);
|
|
@@ -668,8 +685,9 @@ let aliasTypographyAscenderHeight = "0.1703em";
|
|
|
668
685
|
let aliasTypographyXHeight = "0.517em";
|
|
669
686
|
let aliasTypographyLinkColor = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
|
|
670
687
|
let aliasTypographyLinkColorHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
671
|
-
let
|
|
672
|
-
let
|
|
688
|
+
let aliasTypographyLinkColorActive = UIColor(red: 224, green: 34, blue: 0, alpha: 1.0);
|
|
689
|
+
let aliasTypographyLinkColorVisited = UIColor(red: 124, green: 18, blue: 165, alpha: 1.0);
|
|
690
|
+
let aliasTypographyLinkColorVisitedHover = UIColor(red: 50, green: 0, blue: 71, alpha: 1.0);
|
|
673
691
|
let aliasTypographyLinkOnColorbg = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
|
|
674
692
|
let aliasTypographyBodyFontSize = CGFloat(14.00);
|
|
675
693
|
let aliasTypographyBodyLineHeight = "1.4285714em";
|
package/tokens/tokens.js
CHANGED
|
@@ -302,6 +302,7 @@ export const globalTypographyAscenderHeight = 'var(--cds-global-typography-ascen
|
|
|
302
302
|
export const globalTypographyXHeight = 'var(--cds-global-typography-x-height)';
|
|
303
303
|
export const globalTypographyLinkColor = 'var(--cds-global-typography-link-color)';
|
|
304
304
|
export const globalTypographyLinkColorHover = 'var(--cds-global-typography-link-color-hover)';
|
|
305
|
+
export const globalTypographyLinkColorActive = 'var(--cds-global-typography-link-color-active)';
|
|
305
306
|
export const globalTypographyLinkColorVisited = 'var(--cds-global-typography-link-color-visited)';
|
|
306
307
|
export const globalTypographyLinkColorVisitedHover = 'var(--cds-global-typography-link-color-visited-hover)';
|
|
307
308
|
export const globalTypographyLinkOnColorbg = 'var(--cds-global-typography-link-on-colorbg)';
|
|
@@ -496,21 +497,37 @@ export const aliasUtilityViolet = 'var(--cds-alias-utility-violet)';
|
|
|
496
497
|
export const aliasUtilityVioletTint = 'var(--cds-alias-utility-violet-tint)';
|
|
497
498
|
export const aliasUtilityVioletShade = 'var(--cds-alias-utility-violet-shade)';
|
|
498
499
|
export const aliasVizBorder = 'var(--cds-alias-viz-border)';
|
|
500
|
+
export const aliasVizGeneral1 = 'var(--cds-alias-viz-general-1)';
|
|
499
501
|
export const aliasVizGeneral1Blue = 'var(--cds-alias-viz-general-1-blue)';
|
|
502
|
+
export const aliasVizGeneral2 = 'var(--cds-alias-viz-general-2)';
|
|
500
503
|
export const aliasVizGeneral2Violet = 'var(--cds-alias-viz-general-2-violet)';
|
|
504
|
+
export const aliasVizGeneral3 = 'var(--cds-alias-viz-general-3)';
|
|
501
505
|
export const aliasVizGeneral3Aqua = 'var(--cds-alias-viz-general-3-aqua)';
|
|
506
|
+
export const aliasVizGeneral4 = 'var(--cds-alias-viz-general-4)';
|
|
502
507
|
export const aliasVizGeneral4Lime = 'var(--cds-alias-viz-general-4-lime)';
|
|
508
|
+
export const aliasVizGeneral5 = 'var(--cds-alias-viz-general-5)';
|
|
503
509
|
export const aliasVizGeneral5Blue = 'var(--cds-alias-viz-general-5-blue)';
|
|
510
|
+
export const aliasVizGeneral6 = 'var(--cds-alias-viz-general-6)';
|
|
504
511
|
export const aliasVizGeneral6Aqua = 'var(--cds-alias-viz-general-6-aqua)';
|
|
512
|
+
export const aliasVizGeneral7 = 'var(--cds-alias-viz-general-7)';
|
|
505
513
|
export const aliasVizGeneral7Violet = 'var(--cds-alias-viz-general-7-violet)';
|
|
514
|
+
export const aliasVizGeneral8 = 'var(--cds-alias-viz-general-8)';
|
|
506
515
|
export const aliasVizGeneral8Lime = 'var(--cds-alias-viz-general-8-lime)';
|
|
516
|
+
export const aliasVizGeneral9 = 'var(--cds-alias-viz-general-9)';
|
|
507
517
|
export const aliasVizGeneral9Blue = 'var(--cds-alias-viz-general-9-blue)';
|
|
518
|
+
export const aliasVizGeneral10 = 'var(--cds-alias-viz-general-10)';
|
|
508
519
|
export const aliasVizGeneral10Lime = 'var(--cds-alias-viz-general-10-lime)';
|
|
520
|
+
export const aliasVizGeneral11 = 'var(--cds-alias-viz-general-11)';
|
|
509
521
|
export const aliasVizGeneral11Aqua = 'var(--cds-alias-viz-general-11-aqua)';
|
|
522
|
+
export const aliasVizGeneral12 = 'var(--cds-alias-viz-general-12)';
|
|
510
523
|
export const aliasVizGeneral12Violet = 'var(--cds-alias-viz-general-12-violet)';
|
|
524
|
+
export const aliasVizGeneral13 = 'var(--cds-alias-viz-general-13)';
|
|
511
525
|
export const aliasVizGeneral13Violet = 'var(--cds-alias-viz-general-13-violet)';
|
|
526
|
+
export const aliasVizGeneral14 = 'var(--cds-alias-viz-general-14)';
|
|
512
527
|
export const aliasVizGeneral14Blue = 'var(--cds-alias-viz-general-14-blue)';
|
|
528
|
+
export const aliasVizGeneral15 = 'var(--cds-alias-viz-general-15)';
|
|
513
529
|
export const aliasVizGeneral15Aqua = 'var(--cds-alias-viz-general-15-aqua)';
|
|
530
|
+
export const aliasVizGeneral16 = 'var(--cds-alias-viz-general-16)';
|
|
514
531
|
export const aliasVizGeneral16Lime = 'var(--cds-alias-viz-general-16-lime)';
|
|
515
532
|
export const aliasVizSeverityNeutral = 'var(--cds-alias-viz-severity-neutral)';
|
|
516
533
|
export const aliasVizSeveritySuccess = 'var(--cds-alias-viz-severity-success)';
|
|
@@ -668,6 +685,7 @@ export const aliasTypographyAscenderHeight = 'var(--cds-alias-typography-ascende
|
|
|
668
685
|
export const aliasTypographyXHeight = 'var(--cds-alias-typography-x-height)';
|
|
669
686
|
export const aliasTypographyLinkColor = 'var(--cds-alias-typography-link-color)';
|
|
670
687
|
export const aliasTypographyLinkColorHover = 'var(--cds-alias-typography-link-color-hover)';
|
|
688
|
+
export const aliasTypographyLinkColorActive = 'var(--cds-alias-typography-link-color-active)';
|
|
671
689
|
export const aliasTypographyLinkColorVisited = 'var(--cds-alias-typography-link-color-visited)';
|
|
672
690
|
export const aliasTypographyLinkColorVisitedHover = 'var(--cds-alias-typography-link-color-visited-hover)';
|
|
673
691
|
export const aliasTypographyLinkOnColorbg = 'var(--cds-alias-typography-link-on-colorbg)';
|
package/tokens/tokens.json
CHANGED
|
@@ -1900,21 +1900,29 @@
|
|
|
1900
1900
|
],
|
|
1901
1901
|
"alias": "globalColorBlue800"
|
|
1902
1902
|
},
|
|
1903
|
+
"globalTypographyLinkColorActive": {
|
|
1904
|
+
"value": [
|
|
1905
|
+
9,
|
|
1906
|
+
100,
|
|
1907
|
+
44
|
|
1908
|
+
],
|
|
1909
|
+
"alias": "globalColorRed700"
|
|
1910
|
+
},
|
|
1903
1911
|
"globalTypographyLinkColorVisited": {
|
|
1904
1912
|
"value": [
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
1913
|
+
283,
|
|
1914
|
+
80,
|
|
1915
|
+
36
|
|
1908
1916
|
],
|
|
1909
|
-
"alias": "
|
|
1917
|
+
"alias": "globalColorViolet700"
|
|
1910
1918
|
},
|
|
1911
1919
|
"globalTypographyLinkColorVisitedHover": {
|
|
1912
1920
|
"value": [
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1921
|
+
282,
|
|
1922
|
+
100,
|
|
1923
|
+
14
|
|
1916
1924
|
],
|
|
1917
|
-
"alias": "
|
|
1925
|
+
"alias": "globalColorViolet1000"
|
|
1918
1926
|
},
|
|
1919
1927
|
"globalTypographyLinkOnColorbg": {
|
|
1920
1928
|
"value": [
|
|
@@ -3072,6 +3080,14 @@
|
|
|
3072
3080
|
],
|
|
3073
3081
|
"alias": "globalColorConstruction1100"
|
|
3074
3082
|
},
|
|
3083
|
+
"aliasVizGeneral1": {
|
|
3084
|
+
"value": [
|
|
3085
|
+
198,
|
|
3086
|
+
100,
|
|
3087
|
+
43
|
|
3088
|
+
],
|
|
3089
|
+
"alias": "globalColorBlue600"
|
|
3090
|
+
},
|
|
3075
3091
|
"aliasVizGeneral1Blue": {
|
|
3076
3092
|
"value": [
|
|
3077
3093
|
198,
|
|
@@ -3080,6 +3096,14 @@
|
|
|
3080
3096
|
],
|
|
3081
3097
|
"alias": "globalColorBlue600"
|
|
3082
3098
|
},
|
|
3099
|
+
"aliasVizGeneral2": {
|
|
3100
|
+
"value": [
|
|
3101
|
+
283,
|
|
3102
|
+
80,
|
|
3103
|
+
36
|
|
3104
|
+
],
|
|
3105
|
+
"alias": "globalColorViolet700"
|
|
3106
|
+
},
|
|
3083
3107
|
"aliasVizGeneral2Violet": {
|
|
3084
3108
|
"value": [
|
|
3085
3109
|
282,
|
|
@@ -3088,6 +3112,14 @@
|
|
|
3088
3112
|
],
|
|
3089
3113
|
"alias": "globalColorViolet600"
|
|
3090
3114
|
},
|
|
3115
|
+
"aliasVizGeneral3": {
|
|
3116
|
+
"value": [
|
|
3117
|
+
184,
|
|
3118
|
+
100,
|
|
3119
|
+
18
|
|
3120
|
+
],
|
|
3121
|
+
"alias": "globalColorAqua800"
|
|
3122
|
+
},
|
|
3091
3123
|
"aliasVizGeneral3Aqua": {
|
|
3092
3124
|
"value": [
|
|
3093
3125
|
184,
|
|
@@ -3096,6 +3128,14 @@
|
|
|
3096
3128
|
],
|
|
3097
3129
|
"alias": "globalColorAqua800"
|
|
3098
3130
|
},
|
|
3131
|
+
"aliasVizGeneral4": {
|
|
3132
|
+
"value": [
|
|
3133
|
+
238,
|
|
3134
|
+
58,
|
|
3135
|
+
64
|
|
3136
|
+
],
|
|
3137
|
+
"alias": "globalColorLavender400"
|
|
3138
|
+
},
|
|
3099
3139
|
"aliasVizGeneral4Lime": {
|
|
3100
3140
|
"value": [
|
|
3101
3141
|
66,
|
|
@@ -3104,6 +3144,14 @@
|
|
|
3104
3144
|
],
|
|
3105
3145
|
"alias": "globalColorLime700"
|
|
3106
3146
|
},
|
|
3147
|
+
"aliasVizGeneral5": {
|
|
3148
|
+
"value": [
|
|
3149
|
+
324,
|
|
3150
|
+
64,
|
|
3151
|
+
51
|
|
3152
|
+
],
|
|
3153
|
+
"alias": "globalColorPink500"
|
|
3154
|
+
},
|
|
3107
3155
|
"aliasVizGeneral5Blue": {
|
|
3108
3156
|
"value": [
|
|
3109
3157
|
198,
|
|
@@ -3112,6 +3160,14 @@
|
|
|
3112
3160
|
],
|
|
3113
3161
|
"alias": "globalColorBlue800"
|
|
3114
3162
|
},
|
|
3163
|
+
"aliasVizGeneral6": {
|
|
3164
|
+
"value": [
|
|
3165
|
+
66,
|
|
3166
|
+
100,
|
|
3167
|
+
28
|
|
3168
|
+
],
|
|
3169
|
+
"alias": "globalColorLime700"
|
|
3170
|
+
},
|
|
3115
3171
|
"aliasVizGeneral6Aqua": {
|
|
3116
3172
|
"value": [
|
|
3117
3173
|
184,
|
|
@@ -3120,6 +3176,14 @@
|
|
|
3120
3176
|
],
|
|
3121
3177
|
"alias": "globalColorAqua1000"
|
|
3122
3178
|
},
|
|
3179
|
+
"aliasVizGeneral7": {
|
|
3180
|
+
"value": [
|
|
3181
|
+
238,
|
|
3182
|
+
69,
|
|
3183
|
+
45
|
|
3184
|
+
],
|
|
3185
|
+
"alias": "globalColorLavender700"
|
|
3186
|
+
},
|
|
3123
3187
|
"aliasVizGeneral7Violet": {
|
|
3124
3188
|
"value": [
|
|
3125
3189
|
282,
|
|
@@ -3128,6 +3192,14 @@
|
|
|
3128
3192
|
],
|
|
3129
3193
|
"alias": "globalColorViolet800"
|
|
3130
3194
|
},
|
|
3195
|
+
"aliasVizGeneral8": {
|
|
3196
|
+
"value": [
|
|
3197
|
+
184,
|
|
3198
|
+
100,
|
|
3199
|
+
34
|
|
3200
|
+
],
|
|
3201
|
+
"alias": "globalColorAqua600"
|
|
3202
|
+
},
|
|
3131
3203
|
"aliasVizGeneral8Lime": {
|
|
3132
3204
|
"value": [
|
|
3133
3205
|
66,
|
|
@@ -3136,6 +3208,14 @@
|
|
|
3136
3208
|
],
|
|
3137
3209
|
"alias": "globalColorLime900"
|
|
3138
3210
|
},
|
|
3211
|
+
"aliasVizGeneral9": {
|
|
3212
|
+
"value": [
|
|
3213
|
+
66,
|
|
3214
|
+
100,
|
|
3215
|
+
22
|
|
3216
|
+
],
|
|
3217
|
+
"alias": "globalColorLime800"
|
|
3218
|
+
},
|
|
3139
3219
|
"aliasVizGeneral9Blue": {
|
|
3140
3220
|
"value": [
|
|
3141
3221
|
198,
|
|
@@ -3144,6 +3224,14 @@
|
|
|
3144
3224
|
],
|
|
3145
3225
|
"alias": "globalColorBlue700"
|
|
3146
3226
|
},
|
|
3227
|
+
"aliasVizGeneral10": {
|
|
3228
|
+
"value": [
|
|
3229
|
+
282,
|
|
3230
|
+
60,
|
|
3231
|
+
49
|
|
3232
|
+
],
|
|
3233
|
+
"alias": "globalColorViolet600"
|
|
3234
|
+
},
|
|
3147
3235
|
"aliasVizGeneral10Lime": {
|
|
3148
3236
|
"value": [
|
|
3149
3237
|
66,
|
|
@@ -3152,6 +3240,14 @@
|
|
|
3152
3240
|
],
|
|
3153
3241
|
"alias": "globalColorLime1000"
|
|
3154
3242
|
},
|
|
3243
|
+
"aliasVizGeneral11": {
|
|
3244
|
+
"value": [
|
|
3245
|
+
160,
|
|
3246
|
+
69,
|
|
3247
|
+
36
|
|
3248
|
+
],
|
|
3249
|
+
"alias": "globalColorJade600"
|
|
3250
|
+
},
|
|
3155
3251
|
"aliasVizGeneral11Aqua": {
|
|
3156
3252
|
"value": [
|
|
3157
3253
|
184,
|
|
@@ -3160,6 +3256,14 @@
|
|
|
3160
3256
|
],
|
|
3161
3257
|
"alias": "globalColorAqua600"
|
|
3162
3258
|
},
|
|
3259
|
+
"aliasVizGeneral12": {
|
|
3260
|
+
"value": [
|
|
3261
|
+
211,
|
|
3262
|
+
100,
|
|
3263
|
+
26
|
|
3264
|
+
],
|
|
3265
|
+
"alias": "globalColorAzure800"
|
|
3266
|
+
},
|
|
3163
3267
|
"aliasVizGeneral12Violet": {
|
|
3164
3268
|
"value": [
|
|
3165
3269
|
282,
|
|
@@ -3168,6 +3272,14 @@
|
|
|
3168
3272
|
],
|
|
3169
3273
|
"alias": "globalColorViolet1000"
|
|
3170
3274
|
},
|
|
3275
|
+
"aliasVizGeneral13": {
|
|
3276
|
+
"value": [
|
|
3277
|
+
282,
|
|
3278
|
+
60,
|
|
3279
|
+
65
|
|
3280
|
+
],
|
|
3281
|
+
"alias": "globalColorViolet400"
|
|
3282
|
+
},
|
|
3171
3283
|
"aliasVizGeneral13Violet": {
|
|
3172
3284
|
"value": [
|
|
3173
3285
|
283,
|
|
@@ -3176,6 +3288,14 @@
|
|
|
3176
3288
|
],
|
|
3177
3289
|
"alias": "globalColorViolet700"
|
|
3178
3290
|
},
|
|
3291
|
+
"aliasVizGeneral14": {
|
|
3292
|
+
"value": [
|
|
3293
|
+
93,
|
|
3294
|
+
80,
|
|
3295
|
+
28
|
|
3296
|
+
],
|
|
3297
|
+
"alias": "globalColorGreen700"
|
|
3298
|
+
},
|
|
3179
3299
|
"aliasVizGeneral14Blue": {
|
|
3180
3300
|
"value": [
|
|
3181
3301
|
198,
|
|
@@ -3184,6 +3304,14 @@
|
|
|
3184
3304
|
],
|
|
3185
3305
|
"alias": "globalColorBlue1000"
|
|
3186
3306
|
},
|
|
3307
|
+
"aliasVizGeneral15": {
|
|
3308
|
+
"value": [
|
|
3309
|
+
324,
|
|
3310
|
+
100,
|
|
3311
|
+
30
|
|
3312
|
+
],
|
|
3313
|
+
"alias": "globalColorPink700"
|
|
3314
|
+
},
|
|
3187
3315
|
"aliasVizGeneral15Aqua": {
|
|
3188
3316
|
"value": [
|
|
3189
3317
|
184,
|
|
@@ -3192,6 +3320,14 @@
|
|
|
3192
3320
|
],
|
|
3193
3321
|
"alias": "globalColorAqua700"
|
|
3194
3322
|
},
|
|
3323
|
+
"aliasVizGeneral16": {
|
|
3324
|
+
"value": [
|
|
3325
|
+
211,
|
|
3326
|
+
100,
|
|
3327
|
+
46
|
|
3328
|
+
],
|
|
3329
|
+
"alias": "globalColorAzure600"
|
|
3330
|
+
},
|
|
3195
3331
|
"aliasVizGeneral16Lime": {
|
|
3196
3332
|
"value": [
|
|
3197
3333
|
66,
|
|
@@ -4338,21 +4474,29 @@
|
|
|
4338
4474
|
],
|
|
4339
4475
|
"alias": "globalColorBlue800"
|
|
4340
4476
|
},
|
|
4477
|
+
"aliasTypographyLinkColorActive": {
|
|
4478
|
+
"value": [
|
|
4479
|
+
9,
|
|
4480
|
+
100,
|
|
4481
|
+
44
|
|
4482
|
+
],
|
|
4483
|
+
"alias": "globalColorRed700"
|
|
4484
|
+
},
|
|
4341
4485
|
"aliasTypographyLinkColorVisited": {
|
|
4342
4486
|
"value": [
|
|
4343
|
-
|
|
4344
|
-
|
|
4345
|
-
|
|
4487
|
+
283,
|
|
4488
|
+
80,
|
|
4489
|
+
36
|
|
4346
4490
|
],
|
|
4347
|
-
"alias": "
|
|
4491
|
+
"alias": "globalColorViolet700"
|
|
4348
4492
|
},
|
|
4349
4493
|
"aliasTypographyLinkColorVisitedHover": {
|
|
4350
4494
|
"value": [
|
|
4351
|
-
|
|
4352
|
-
|
|
4353
|
-
|
|
4495
|
+
282,
|
|
4496
|
+
100,
|
|
4497
|
+
14
|
|
4354
4498
|
],
|
|
4355
|
-
"alias": "
|
|
4499
|
+
"alias": "globalColorViolet1000"
|
|
4356
4500
|
},
|
|
4357
4501
|
"aliasTypographyLinkOnColorbg": {
|
|
4358
4502
|
"value": [
|
package/tokens/tokens.scss
CHANGED
|
@@ -347,6 +347,7 @@ $cds-global-typography-ascender-height: var(--cds-global-typography-ascender-hei
|
|
|
347
347
|
$cds-global-typography-x-height: var(--cds-global-typography-x-height) !default;
|
|
348
348
|
$cds-global-typography-link-color: var(--cds-global-typography-link-color) !default;
|
|
349
349
|
$cds-global-typography-link-color-hover: var(--cds-global-typography-link-color-hover) !default;
|
|
350
|
+
$cds-global-typography-link-color-active: var(--cds-global-typography-link-color-active) !default;
|
|
350
351
|
$cds-global-typography-link-color-visited: var(--cds-global-typography-link-color-visited) !default;
|
|
351
352
|
$cds-global-typography-link-color-visited-hover: var(--cds-global-typography-link-color-visited-hover) !default;
|
|
352
353
|
$cds-global-typography-link-on-colorbg: var(--cds-global-typography-link-on-colorbg) !default;
|
|
@@ -574,21 +575,37 @@ $cds-alias-utility-violet: var(--cds-alias-utility-violet) !default;
|
|
|
574
575
|
$cds-alias-utility-violet-tint: var(--cds-alias-utility-violet-tint) !default;
|
|
575
576
|
$cds-alias-utility-violet-shade: var(--cds-alias-utility-violet-shade) !default;
|
|
576
577
|
$cds-alias-viz-border: var(--cds-alias-viz-border) !default;
|
|
578
|
+
$cds-alias-viz-general-1: var(--cds-alias-viz-general-1) !default;
|
|
577
579
|
$cds-alias-viz-general-1-blue: var(--cds-alias-viz-general-1-blue) !default;
|
|
580
|
+
$cds-alias-viz-general-2: var(--cds-alias-viz-general-2) !default;
|
|
578
581
|
$cds-alias-viz-general-2-violet: var(--cds-alias-viz-general-2-violet) !default;
|
|
582
|
+
$cds-alias-viz-general-3: var(--cds-alias-viz-general-3) !default;
|
|
579
583
|
$cds-alias-viz-general-3-aqua: var(--cds-alias-viz-general-3-aqua) !default;
|
|
584
|
+
$cds-alias-viz-general-4: var(--cds-alias-viz-general-4) !default;
|
|
580
585
|
$cds-alias-viz-general-4-lime: var(--cds-alias-viz-general-4-lime) !default;
|
|
586
|
+
$cds-alias-viz-general-5: var(--cds-alias-viz-general-5) !default;
|
|
581
587
|
$cds-alias-viz-general-5-blue: var(--cds-alias-viz-general-5-blue) !default;
|
|
588
|
+
$cds-alias-viz-general-6: var(--cds-alias-viz-general-6) !default;
|
|
582
589
|
$cds-alias-viz-general-6-aqua: var(--cds-alias-viz-general-6-aqua) !default;
|
|
590
|
+
$cds-alias-viz-general-7: var(--cds-alias-viz-general-7) !default;
|
|
583
591
|
$cds-alias-viz-general-7-violet: var(--cds-alias-viz-general-7-violet) !default;
|
|
592
|
+
$cds-alias-viz-general-8: var(--cds-alias-viz-general-8) !default;
|
|
584
593
|
$cds-alias-viz-general-8-lime: var(--cds-alias-viz-general-8-lime) !default;
|
|
594
|
+
$cds-alias-viz-general-9: var(--cds-alias-viz-general-9) !default;
|
|
585
595
|
$cds-alias-viz-general-9-blue: var(--cds-alias-viz-general-9-blue) !default;
|
|
596
|
+
$cds-alias-viz-general-10: var(--cds-alias-viz-general-10) !default;
|
|
586
597
|
$cds-alias-viz-general-10-lime: var(--cds-alias-viz-general-10-lime) !default;
|
|
598
|
+
$cds-alias-viz-general-11: var(--cds-alias-viz-general-11) !default;
|
|
587
599
|
$cds-alias-viz-general-11-aqua: var(--cds-alias-viz-general-11-aqua) !default;
|
|
600
|
+
$cds-alias-viz-general-12: var(--cds-alias-viz-general-12) !default;
|
|
588
601
|
$cds-alias-viz-general-12-violet: var(--cds-alias-viz-general-12-violet) !default;
|
|
602
|
+
$cds-alias-viz-general-13: var(--cds-alias-viz-general-13) !default;
|
|
589
603
|
$cds-alias-viz-general-13-violet: var(--cds-alias-viz-general-13-violet) !default;
|
|
604
|
+
$cds-alias-viz-general-14: var(--cds-alias-viz-general-14) !default;
|
|
590
605
|
$cds-alias-viz-general-14-blue: var(--cds-alias-viz-general-14-blue) !default;
|
|
606
|
+
$cds-alias-viz-general-15: var(--cds-alias-viz-general-15) !default;
|
|
591
607
|
$cds-alias-viz-general-15-aqua: var(--cds-alias-viz-general-15-aqua) !default;
|
|
608
|
+
$cds-alias-viz-general-16: var(--cds-alias-viz-general-16) !default;
|
|
592
609
|
$cds-alias-viz-general-16-lime: var(--cds-alias-viz-general-16-lime) !default;
|
|
593
610
|
$cds-alias-viz-severity-neutral: var(--cds-alias-viz-severity-neutral) !default;
|
|
594
611
|
$cds-alias-viz-severity-success: var(--cds-alias-viz-severity-success) !default;
|
|
@@ -756,6 +773,7 @@ $cds-alias-typography-ascender-height: var(--cds-alias-typography-ascender-heigh
|
|
|
756
773
|
$cds-alias-typography-x-height: var(--cds-alias-typography-x-height) !default;
|
|
757
774
|
$cds-alias-typography-link-color: var(--cds-alias-typography-link-color) !default;
|
|
758
775
|
$cds-alias-typography-link-color-hover: var(--cds-alias-typography-link-color-hover) !default;
|
|
776
|
+
$cds-alias-typography-link-color-active: var(--cds-alias-typography-link-color-active) !default;
|
|
759
777
|
$cds-alias-typography-link-color-visited: var(--cds-alias-typography-link-color-visited) !default;
|
|
760
778
|
$cds-alias-typography-link-color-visited-hover: var(--cds-alias-typography-link-color-visited-hover) !default;
|
|
761
779
|
$cds-alias-typography-link-on-colorbg: var(--cds-alias-typography-link-on-colorbg) !default;
|