@pantheon-systems/pds-design-tokens 1.0.0-dev.37 → 1.0.0-dev.38

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.
@@ -14,7 +14,7 @@
14
14
  --pds-color-border-default: #858299;
15
15
  --pds-color-brand-accent-default: #de0093;
16
16
  --pds-color-brand-primary-default: #ffdc28;
17
- --pds-color-brand-secondary-default: #6947ff;
17
+ --pds-color-brand-secondary-default: #8a70ff;
18
18
  --pds-color-button-brand-background-active: #ddbd16;
19
19
  --pds-color-button-brand-background-default: #ffdc28;
20
20
  --pds-color-button-brand-background-hover: #ffe668;
@@ -42,12 +42,12 @@
42
42
  --pds-color-button-critical-foreground-active: #ffffff;
43
43
  --pds-color-button-critical-foreground-default: #ffffff;
44
44
  --pds-color-button-critical-foreground-hover: #ffffff;
45
- --pds-color-button-primary-background-active: #4b32bb;
46
- --pds-color-button-primary-background-default: #6947ff;
47
- --pds-color-button-primary-background-hover: #7657ff;
48
- --pds-color-button-primary-border-active: #4b32bb;
49
- --pds-color-button-primary-border-default: #6947ff;
50
- --pds-color-button-primary-border-hover: #7657ff;
45
+ --pds-color-button-primary-background-active: #4e39a8;
46
+ --pds-color-button-primary-background-default: #8a70ff;
47
+ --pds-color-button-primary-background-hover: #ad9bff;
48
+ --pds-color-button-primary-border-active: #4e39a8;
49
+ --pds-color-button-primary-border-default: #8a70ff;
50
+ --pds-color-button-primary-border-hover: #ad9bff;
51
51
  --pds-color-button-primary-foreground-active: #ffffff;
52
52
  --pds-color-button-primary-foreground-default: #ffffff;
53
53
  --pds-color-button-primary-foreground-hover: #ffffff;
@@ -67,6 +67,7 @@
67
67
  --pds-color-button-subtle-foreground-active: #e7e7eb;
68
68
  --pds-color-button-subtle-foreground-default: #e7e7eb;
69
69
  --pds-color-button-subtle-foreground-hover: #ffffff;
70
+ --pds-color-card-border: #504e62;
70
71
  --pds-color-foreground-default: #ffffff;
71
72
  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
72
73
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
@@ -78,7 +79,7 @@
78
79
  --pds-color-input-background-hover: #282839;
79
80
  --pds-color-input-border-critical: #e05757;
80
81
  --pds-color-input-border-default: #858299;
81
- --pds-color-input-border-hover: #7657ff;
82
+ --pds-color-input-border-hover: #ad9bff;
82
83
  --pds-color-input-border-success: #3cb683;
83
84
  --pds-color-input-checked-background: var(--pds-color-interactive-focus);
84
85
  --pds-color-input-checked-foreground: #ffffff;
@@ -91,6 +92,9 @@
91
92
  --pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
92
93
  --pds-color-interactive-focus: #36a3ff;
93
94
  --pds-color-link-active: #6f54e8;
95
+ --pds-color-link-cta-active: #d0c6ff;
96
+ --pds-color-link-cta-default: #8a70ff;
97
+ --pds-color-link-cta-hover: #ad9bff;
94
98
  --pds-color-link-default: #36a3ff;
95
99
  --pds-color-link-hover: #6f54e8;
96
100
  --pds-color-link-visited: #6f54e8;
@@ -67,6 +67,7 @@
67
67
  --pds-color-button-subtle-foreground-active: #11005d;
68
68
  --pds-color-button-subtle-foreground-default: #3017a1;
69
69
  --pds-color-button-subtle-foreground-hover: #3017a1;
70
+ --pds-color-card-border: var(--pds-color-border-default);
70
71
  --pds-color-foreground-default: #23232d;
71
72
  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
72
73
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
@@ -91,6 +92,9 @@
91
92
  --pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
92
93
  --pds-color-interactive-focus: #0f62fe;
93
94
  --pds-color-link-active: #6f54e8;
95
+ --pds-color-link-cta-active: #11005d;
96
+ --pds-color-link-cta-default: #3017a1;
97
+ --pds-color-link-cta-hover: #5f41e5;
94
98
  --pds-color-link-default: #0f62fe;
95
99
  --pds-color-link-hover: #6f54e8;
96
100
  --pds-color-link-visited: #6f54e8;
@@ -1829,7 +1829,7 @@
1829
1829
  "primary": {
1830
1830
  "background": {
1831
1831
  "default": {
1832
- "value": "#6947ff",
1832
+ "value": "#8a70ff",
1833
1833
  "public": true,
1834
1834
  "isReferenceToInternal": true,
1835
1835
  "filePath": "tokens/color/alias/button.dark.json",
@@ -1857,7 +1857,7 @@
1857
1857
  ]
1858
1858
  },
1859
1859
  "hover": {
1860
- "value": "#7657ff",
1860
+ "value": "#ad9bff",
1861
1861
  "public": true,
1862
1862
  "isReferenceToInternal": true,
1863
1863
  "filePath": "tokens/color/alias/button.dark.json",
@@ -1885,7 +1885,7 @@
1885
1885
  ]
1886
1886
  },
1887
1887
  "active": {
1888
- "value": "#4b32bb",
1888
+ "value": "#4e39a8",
1889
1889
  "public": true,
1890
1890
  "isReferenceToInternal": true,
1891
1891
  "filePath": "tokens/color/alias/button.dark.json",
@@ -1915,7 +1915,7 @@
1915
1915
  },
1916
1916
  "border": {
1917
1917
  "default": {
1918
- "value": "#6947ff",
1918
+ "value": "#8a70ff",
1919
1919
  "public": true,
1920
1920
  "isReferenceToInternal": true,
1921
1921
  "filePath": "tokens/color/alias/button.dark.json",
@@ -1943,7 +1943,7 @@
1943
1943
  ]
1944
1944
  },
1945
1945
  "hover": {
1946
- "value": "#7657ff",
1946
+ "value": "#ad9bff",
1947
1947
  "public": true,
1948
1948
  "isReferenceToInternal": true,
1949
1949
  "filePath": "tokens/color/alias/button.dark.json",
@@ -1971,7 +1971,7 @@
1971
1971
  ]
1972
1972
  },
1973
1973
  "active": {
1974
- "value": "#4b32bb",
1974
+ "value": "#4e39a8",
1975
1975
  "public": true,
1976
1976
  "isReferenceToInternal": true,
1977
1977
  "filePath": "tokens/color/alias/button.dark.json",
@@ -3383,6 +3383,33 @@
3383
3383
  }
3384
3384
  }
3385
3385
  },
3386
+ "card": {
3387
+ "border": {
3388
+ "value": "#504e62",
3389
+ "public": true,
3390
+ "isReferenceToInternal": true,
3391
+ "filePath": "tokens/color/alias/card.dark.json",
3392
+ "isSource": true,
3393
+ "original": {
3394
+ "value": "{color.dark-mode.neutral.400.value}",
3395
+ "public": true,
3396
+ "isReferenceToInternal": true
3397
+ },
3398
+ "name": "color-dark-mode-card-border",
3399
+ "attributes": {
3400
+ "category": "color",
3401
+ "type": "dark-mode",
3402
+ "item": "card",
3403
+ "subitem": "border"
3404
+ },
3405
+ "path": [
3406
+ "color",
3407
+ "dark-mode",
3408
+ "card",
3409
+ "border"
3410
+ ]
3411
+ }
3412
+ },
3386
3413
  "background": {
3387
3414
  "default": {
3388
3415
  "value": "#1d1d29",
@@ -3577,7 +3604,7 @@
3577
3604
  ]
3578
3605
  },
3579
3606
  "hover": {
3580
- "value": "#7657ff",
3607
+ "value": "#ad9bff",
3581
3608
  "public": true,
3582
3609
  "isReferenceToInternal": true,
3583
3610
  "filePath": "tokens/color/alias/input.dark.json",
@@ -4036,6 +4063,83 @@
4036
4063
  ]
4037
4064
  }
4038
4065
  },
4066
+ "link-cta": {
4067
+ "default": {
4068
+ "value": "#8a70ff",
4069
+ "public": true,
4070
+ "isReferenceToInternal": true,
4071
+ "filePath": "tokens/color/alias/link.dark.json",
4072
+ "isSource": true,
4073
+ "original": {
4074
+ "value": "{color.dark-mode.brand.secondary.400.value}",
4075
+ "public": true,
4076
+ "isReferenceToInternal": true
4077
+ },
4078
+ "name": "color-dark-mode-link-cta-default",
4079
+ "attributes": {
4080
+ "category": "color",
4081
+ "type": "dark-mode",
4082
+ "item": "link-cta",
4083
+ "subitem": "default"
4084
+ },
4085
+ "path": [
4086
+ "color",
4087
+ "dark-mode",
4088
+ "link-cta",
4089
+ "default"
4090
+ ]
4091
+ },
4092
+ "hover": {
4093
+ "value": "#ad9bff",
4094
+ "public": true,
4095
+ "isReferenceToInternal": true,
4096
+ "filePath": "tokens/color/alias/link.dark.json",
4097
+ "isSource": true,
4098
+ "original": {
4099
+ "value": "{color.dark-mode.brand.secondary.300.value}",
4100
+ "public": true,
4101
+ "isReferenceToInternal": true
4102
+ },
4103
+ "name": "color-dark-mode-link-cta-hover",
4104
+ "attributes": {
4105
+ "category": "color",
4106
+ "type": "dark-mode",
4107
+ "item": "link-cta",
4108
+ "subitem": "hover"
4109
+ },
4110
+ "path": [
4111
+ "color",
4112
+ "dark-mode",
4113
+ "link-cta",
4114
+ "hover"
4115
+ ]
4116
+ },
4117
+ "active": {
4118
+ "value": "#d0c6ff",
4119
+ "public": true,
4120
+ "isReferenceToInternal": true,
4121
+ "filePath": "tokens/color/alias/link.dark.json",
4122
+ "isSource": true,
4123
+ "original": {
4124
+ "value": "{color.dark-mode.brand.secondary.200.value}",
4125
+ "public": true,
4126
+ "isReferenceToInternal": true
4127
+ },
4128
+ "name": "color-dark-mode-link-cta-active",
4129
+ "attributes": {
4130
+ "category": "color",
4131
+ "type": "dark-mode",
4132
+ "item": "link-cta",
4133
+ "subitem": "active"
4134
+ },
4135
+ "path": [
4136
+ "color",
4137
+ "dark-mode",
4138
+ "link-cta",
4139
+ "active"
4140
+ ]
4141
+ }
4142
+ },
4039
4143
  "menu": {
4040
4144
  "background": {
4041
4145
  "value": "#282839",
@@ -4732,11 +4836,11 @@
4732
4836
  },
4733
4837
  "secondary": {
4734
4838
  "100": {
4735
- "value": "#f1eeff",
4839
+ "value": "#f3f0ff",
4736
4840
  "filePath": "tokens/color/base/brand.dark.json",
4737
4841
  "isSource": true,
4738
4842
  "original": {
4739
- "value": "#F1EEFF"
4843
+ "value": "#F3F0FF"
4740
4844
  },
4741
4845
  "name": "color-dark-mode-brand-secondary-100",
4742
4846
  "attributes": {
@@ -4755,11 +4859,11 @@
4755
4859
  ]
4756
4860
  },
4757
4861
  "200": {
4758
- "value": "#b5a4ff",
4862
+ "value": "#d0c6ff",
4759
4863
  "filePath": "tokens/color/base/brand.dark.json",
4760
4864
  "isSource": true,
4761
4865
  "original": {
4762
- "value": "#B5A4FF"
4866
+ "value": "#D0C6FF"
4763
4867
  },
4764
4868
  "name": "color-dark-mode-brand-secondary-200",
4765
4869
  "attributes": {
@@ -4778,11 +4882,11 @@
4778
4882
  ]
4779
4883
  },
4780
4884
  "300": {
4781
- "value": "#7657ff",
4885
+ "value": "#ad9bff",
4782
4886
  "filePath": "tokens/color/base/brand.dark.json",
4783
4887
  "isSource": true,
4784
4888
  "original": {
4785
- "value": "#7657FF"
4889
+ "value": "#AD9BFF"
4786
4890
  },
4787
4891
  "name": "color-dark-mode-brand-secondary-300",
4788
4892
  "attributes": {
@@ -4801,11 +4905,11 @@
4801
4905
  ]
4802
4906
  },
4803
4907
  "400": {
4804
- "value": "#6947ff",
4908
+ "value": "#8a70ff",
4805
4909
  "filePath": "tokens/color/base/brand.dark.json",
4806
4910
  "isSource": true,
4807
4911
  "original": {
4808
- "value": "#6947FF"
4912
+ "value": "#8A70FF"
4809
4913
  },
4810
4914
  "name": "color-dark-mode-brand-secondary-400",
4811
4915
  "attributes": {
@@ -4824,11 +4928,11 @@
4824
4928
  ]
4825
4929
  },
4826
4930
  "500": {
4827
- "value": "#4b32bb",
4931
+ "value": "#4e39a8",
4828
4932
  "filePath": "tokens/color/base/brand.dark.json",
4829
4933
  "isSource": true,
4830
4934
  "original": {
4831
- "value": "#4B32BB"
4935
+ "value": "#4E39A8"
4832
4936
  },
4833
4937
  "name": "color-dark-mode-brand-secondary-500",
4834
4938
  "attributes": {
@@ -4846,31 +4950,8 @@
4846
4950
  "500"
4847
4951
  ]
4848
4952
  },
4849
- "600": {
4850
- "value": "#271577",
4851
- "filePath": "tokens/color/base/brand.dark.json",
4852
- "isSource": true,
4853
- "original": {
4854
- "value": "#271577"
4855
- },
4856
- "name": "color-dark-mode-brand-secondary-600",
4857
- "attributes": {
4858
- "category": "color",
4859
- "type": "dark-mode",
4860
- "item": "brand",
4861
- "subitem": "secondary",
4862
- "state": "600"
4863
- },
4864
- "path": [
4865
- "color",
4866
- "dark-mode",
4867
- "brand",
4868
- "secondary",
4869
- "600"
4870
- ]
4871
- },
4872
4953
  "default": {
4873
- "value": "#6947ff",
4954
+ "value": "#8a70ff",
4874
4955
  "public": true,
4875
4956
  "isReferenceToInternal": true,
4876
4957
  "filePath": "tokens/color/base/brand.dark.json",
@@ -7705,6 +7786,31 @@
7705
7786
  }
7706
7787
  }
7707
7788
  },
7789
+ "card": {
7790
+ "border": {
7791
+ "value": "#cfcfd3",
7792
+ "public": true,
7793
+ "filePath": "tokens/color/alias/card.light.json",
7794
+ "isSource": true,
7795
+ "original": {
7796
+ "value": "{color.light-mode.border.default}",
7797
+ "public": true
7798
+ },
7799
+ "name": "color-light-mode-card-border",
7800
+ "attributes": {
7801
+ "category": "color",
7802
+ "type": "light-mode",
7803
+ "item": "card",
7804
+ "subitem": "border"
7805
+ },
7806
+ "path": [
7807
+ "color",
7808
+ "light-mode",
7809
+ "card",
7810
+ "border"
7811
+ ]
7812
+ }
7813
+ },
7708
7814
  "background": {
7709
7815
  "default": {
7710
7816
  "value": "#ffffff",
@@ -8358,6 +8464,83 @@
8358
8464
  ]
8359
8465
  }
8360
8466
  },
8467
+ "link-cta": {
8468
+ "default": {
8469
+ "value": "#3017a1",
8470
+ "public": true,
8471
+ "isReferenceToInternal": true,
8472
+ "filePath": "tokens/color/alias/link.light.json",
8473
+ "isSource": true,
8474
+ "original": {
8475
+ "value": "{color.light-mode.brand.secondary.400.value}",
8476
+ "public": true,
8477
+ "isReferenceToInternal": true
8478
+ },
8479
+ "name": "color-light-mode-link-cta-default",
8480
+ "attributes": {
8481
+ "category": "color",
8482
+ "type": "light-mode",
8483
+ "item": "link-cta",
8484
+ "subitem": "default"
8485
+ },
8486
+ "path": [
8487
+ "color",
8488
+ "light-mode",
8489
+ "link-cta",
8490
+ "default"
8491
+ ]
8492
+ },
8493
+ "hover": {
8494
+ "value": "#5f41e5",
8495
+ "public": true,
8496
+ "isReferenceToInternal": true,
8497
+ "filePath": "tokens/color/alias/link.light.json",
8498
+ "isSource": true,
8499
+ "original": {
8500
+ "value": "{color.light-mode.brand.secondary.300.value}",
8501
+ "public": true,
8502
+ "isReferenceToInternal": true
8503
+ },
8504
+ "name": "color-light-mode-link-cta-hover",
8505
+ "attributes": {
8506
+ "category": "color",
8507
+ "type": "light-mode",
8508
+ "item": "link-cta",
8509
+ "subitem": "hover"
8510
+ },
8511
+ "path": [
8512
+ "color",
8513
+ "light-mode",
8514
+ "link-cta",
8515
+ "hover"
8516
+ ]
8517
+ },
8518
+ "active": {
8519
+ "value": "#11005d",
8520
+ "public": true,
8521
+ "isReferenceToInternal": true,
8522
+ "filePath": "tokens/color/alias/link.light.json",
8523
+ "isSource": true,
8524
+ "original": {
8525
+ "value": "{color.light-mode.brand.secondary.500.value}",
8526
+ "public": true,
8527
+ "isReferenceToInternal": true
8528
+ },
8529
+ "name": "color-light-mode-link-cta-active",
8530
+ "attributes": {
8531
+ "category": "color",
8532
+ "type": "light-mode",
8533
+ "item": "link-cta",
8534
+ "subitem": "active"
8535
+ },
8536
+ "path": [
8537
+ "color",
8538
+ "light-mode",
8539
+ "link-cta",
8540
+ "active"
8541
+ ]
8542
+ }
8543
+ },
8361
8544
  "menu": {
8362
8545
  "background": {
8363
8546
  "value": "#ffffff",
@@ -5,7 +5,7 @@
5
5
  "primary": {
6
6
  "background": {
7
7
  "default": {
8
- "value": "#6947ff",
8
+ "value": "#8a70ff",
9
9
  "public": true,
10
10
  "isReferenceToInternal": true,
11
11
  "filePath": "tokens/color/alias/button.dark.json",
@@ -33,7 +33,7 @@
33
33
  ]
34
34
  },
35
35
  "hover": {
36
- "value": "#7657ff",
36
+ "value": "#ad9bff",
37
37
  "public": true,
38
38
  "isReferenceToInternal": true,
39
39
  "filePath": "tokens/color/alias/button.dark.json",
@@ -61,7 +61,7 @@
61
61
  ]
62
62
  },
63
63
  "active": {
64
- "value": "#4b32bb",
64
+ "value": "#4e39a8",
65
65
  "public": true,
66
66
  "isReferenceToInternal": true,
67
67
  "filePath": "tokens/color/alias/button.dark.json",
@@ -91,7 +91,7 @@
91
91
  },
92
92
  "border": {
93
93
  "default": {
94
- "value": "#6947ff",
94
+ "value": "#8a70ff",
95
95
  "public": true,
96
96
  "isReferenceToInternal": true,
97
97
  "filePath": "tokens/color/alias/button.dark.json",
@@ -119,7 +119,7 @@
119
119
  ]
120
120
  },
121
121
  "hover": {
122
- "value": "#7657ff",
122
+ "value": "#ad9bff",
123
123
  "public": true,
124
124
  "isReferenceToInternal": true,
125
125
  "filePath": "tokens/color/alias/button.dark.json",
@@ -147,7 +147,7 @@
147
147
  ]
148
148
  },
149
149
  "active": {
150
- "value": "#4b32bb",
150
+ "value": "#4e39a8",
151
151
  "public": true,
152
152
  "isReferenceToInternal": true,
153
153
  "filePath": "tokens/color/alias/button.dark.json",
@@ -1559,6 +1559,33 @@
1559
1559
  }
1560
1560
  }
1561
1561
  },
1562
+ "card": {
1563
+ "border": {
1564
+ "value": "#504e62",
1565
+ "public": true,
1566
+ "isReferenceToInternal": true,
1567
+ "filePath": "tokens/color/alias/card.dark.json",
1568
+ "isSource": true,
1569
+ "original": {
1570
+ "value": "{color.dark-mode.neutral.400.value}",
1571
+ "public": true,
1572
+ "isReferenceToInternal": true
1573
+ },
1574
+ "name": "color-dark-mode-card-border",
1575
+ "attributes": {
1576
+ "category": "color",
1577
+ "type": "dark-mode",
1578
+ "item": "card",
1579
+ "subitem": "border"
1580
+ },
1581
+ "path": [
1582
+ "color",
1583
+ "dark-mode",
1584
+ "card",
1585
+ "border"
1586
+ ]
1587
+ }
1588
+ },
1562
1589
  "background": {
1563
1590
  "default": {
1564
1591
  "value": "#1d1d29",
@@ -1753,7 +1780,7 @@
1753
1780
  ]
1754
1781
  },
1755
1782
  "hover": {
1756
- "value": "#7657ff",
1783
+ "value": "#ad9bff",
1757
1784
  "public": true,
1758
1785
  "isReferenceToInternal": true,
1759
1786
  "filePath": "tokens/color/alias/input.dark.json",
@@ -2212,6 +2239,83 @@
2212
2239
  ]
2213
2240
  }
2214
2241
  },
2242
+ "link-cta": {
2243
+ "default": {
2244
+ "value": "#8a70ff",
2245
+ "public": true,
2246
+ "isReferenceToInternal": true,
2247
+ "filePath": "tokens/color/alias/link.dark.json",
2248
+ "isSource": true,
2249
+ "original": {
2250
+ "value": "{color.dark-mode.brand.secondary.400.value}",
2251
+ "public": true,
2252
+ "isReferenceToInternal": true
2253
+ },
2254
+ "name": "color-dark-mode-link-cta-default",
2255
+ "attributes": {
2256
+ "category": "color",
2257
+ "type": "dark-mode",
2258
+ "item": "link-cta",
2259
+ "subitem": "default"
2260
+ },
2261
+ "path": [
2262
+ "color",
2263
+ "dark-mode",
2264
+ "link-cta",
2265
+ "default"
2266
+ ]
2267
+ },
2268
+ "hover": {
2269
+ "value": "#ad9bff",
2270
+ "public": true,
2271
+ "isReferenceToInternal": true,
2272
+ "filePath": "tokens/color/alias/link.dark.json",
2273
+ "isSource": true,
2274
+ "original": {
2275
+ "value": "{color.dark-mode.brand.secondary.300.value}",
2276
+ "public": true,
2277
+ "isReferenceToInternal": true
2278
+ },
2279
+ "name": "color-dark-mode-link-cta-hover",
2280
+ "attributes": {
2281
+ "category": "color",
2282
+ "type": "dark-mode",
2283
+ "item": "link-cta",
2284
+ "subitem": "hover"
2285
+ },
2286
+ "path": [
2287
+ "color",
2288
+ "dark-mode",
2289
+ "link-cta",
2290
+ "hover"
2291
+ ]
2292
+ },
2293
+ "active": {
2294
+ "value": "#d0c6ff",
2295
+ "public": true,
2296
+ "isReferenceToInternal": true,
2297
+ "filePath": "tokens/color/alias/link.dark.json",
2298
+ "isSource": true,
2299
+ "original": {
2300
+ "value": "{color.dark-mode.brand.secondary.200.value}",
2301
+ "public": true,
2302
+ "isReferenceToInternal": true
2303
+ },
2304
+ "name": "color-dark-mode-link-cta-active",
2305
+ "attributes": {
2306
+ "category": "color",
2307
+ "type": "dark-mode",
2308
+ "item": "link-cta",
2309
+ "subitem": "active"
2310
+ },
2311
+ "path": [
2312
+ "color",
2313
+ "dark-mode",
2314
+ "link-cta",
2315
+ "active"
2316
+ ]
2317
+ }
2318
+ },
2215
2319
  "menu": {
2216
2320
  "background": {
2217
2321
  "value": "#282839",
@@ -2908,11 +3012,11 @@
2908
3012
  },
2909
3013
  "secondary": {
2910
3014
  "100": {
2911
- "value": "#f1eeff",
3015
+ "value": "#f3f0ff",
2912
3016
  "filePath": "tokens/color/base/brand.dark.json",
2913
3017
  "isSource": true,
2914
3018
  "original": {
2915
- "value": "#F1EEFF"
3019
+ "value": "#F3F0FF"
2916
3020
  },
2917
3021
  "name": "color-dark-mode-brand-secondary-100",
2918
3022
  "attributes": {
@@ -2931,11 +3035,11 @@
2931
3035
  ]
2932
3036
  },
2933
3037
  "200": {
2934
- "value": "#b5a4ff",
3038
+ "value": "#d0c6ff",
2935
3039
  "filePath": "tokens/color/base/brand.dark.json",
2936
3040
  "isSource": true,
2937
3041
  "original": {
2938
- "value": "#B5A4FF"
3042
+ "value": "#D0C6FF"
2939
3043
  },
2940
3044
  "name": "color-dark-mode-brand-secondary-200",
2941
3045
  "attributes": {
@@ -2954,11 +3058,11 @@
2954
3058
  ]
2955
3059
  },
2956
3060
  "300": {
2957
- "value": "#7657ff",
3061
+ "value": "#ad9bff",
2958
3062
  "filePath": "tokens/color/base/brand.dark.json",
2959
3063
  "isSource": true,
2960
3064
  "original": {
2961
- "value": "#7657FF"
3065
+ "value": "#AD9BFF"
2962
3066
  },
2963
3067
  "name": "color-dark-mode-brand-secondary-300",
2964
3068
  "attributes": {
@@ -2977,11 +3081,11 @@
2977
3081
  ]
2978
3082
  },
2979
3083
  "400": {
2980
- "value": "#6947ff",
3084
+ "value": "#8a70ff",
2981
3085
  "filePath": "tokens/color/base/brand.dark.json",
2982
3086
  "isSource": true,
2983
3087
  "original": {
2984
- "value": "#6947FF"
3088
+ "value": "#8A70FF"
2985
3089
  },
2986
3090
  "name": "color-dark-mode-brand-secondary-400",
2987
3091
  "attributes": {
@@ -3000,11 +3104,11 @@
3000
3104
  ]
3001
3105
  },
3002
3106
  "500": {
3003
- "value": "#4b32bb",
3107
+ "value": "#4e39a8",
3004
3108
  "filePath": "tokens/color/base/brand.dark.json",
3005
3109
  "isSource": true,
3006
3110
  "original": {
3007
- "value": "#4B32BB"
3111
+ "value": "#4E39A8"
3008
3112
  },
3009
3113
  "name": "color-dark-mode-brand-secondary-500",
3010
3114
  "attributes": {
@@ -3022,31 +3126,8 @@
3022
3126
  "500"
3023
3127
  ]
3024
3128
  },
3025
- "600": {
3026
- "value": "#271577",
3027
- "filePath": "tokens/color/base/brand.dark.json",
3028
- "isSource": true,
3029
- "original": {
3030
- "value": "#271577"
3031
- },
3032
- "name": "color-dark-mode-brand-secondary-600",
3033
- "attributes": {
3034
- "category": "color",
3035
- "type": "dark-mode",
3036
- "item": "brand",
3037
- "subitem": "secondary",
3038
- "state": "600"
3039
- },
3040
- "path": [
3041
- "color",
3042
- "dark-mode",
3043
- "brand",
3044
- "secondary",
3045
- "600"
3046
- ]
3047
- },
3048
3129
  "default": {
3049
- "value": "#6947ff",
3130
+ "value": "#8a70ff",
3050
3131
  "public": true,
3051
3132
  "isReferenceToInternal": true,
3052
3133
  "filePath": "tokens/color/base/brand.dark.json",
@@ -1559,6 +1559,31 @@
1559
1559
  }
1560
1560
  }
1561
1561
  },
1562
+ "card": {
1563
+ "border": {
1564
+ "value": "#cfcfd3",
1565
+ "public": true,
1566
+ "filePath": "tokens/color/alias/card.light.json",
1567
+ "isSource": true,
1568
+ "original": {
1569
+ "value": "{color.light-mode.border.default}",
1570
+ "public": true
1571
+ },
1572
+ "name": "color-light-mode-card-border",
1573
+ "attributes": {
1574
+ "category": "color",
1575
+ "type": "light-mode",
1576
+ "item": "card",
1577
+ "subitem": "border"
1578
+ },
1579
+ "path": [
1580
+ "color",
1581
+ "light-mode",
1582
+ "card",
1583
+ "border"
1584
+ ]
1585
+ }
1586
+ },
1562
1587
  "background": {
1563
1588
  "default": {
1564
1589
  "value": "#ffffff",
@@ -2212,6 +2237,83 @@
2212
2237
  ]
2213
2238
  }
2214
2239
  },
2240
+ "link-cta": {
2241
+ "default": {
2242
+ "value": "#3017a1",
2243
+ "public": true,
2244
+ "isReferenceToInternal": true,
2245
+ "filePath": "tokens/color/alias/link.light.json",
2246
+ "isSource": true,
2247
+ "original": {
2248
+ "value": "{color.light-mode.brand.secondary.400.value}",
2249
+ "public": true,
2250
+ "isReferenceToInternal": true
2251
+ },
2252
+ "name": "color-light-mode-link-cta-default",
2253
+ "attributes": {
2254
+ "category": "color",
2255
+ "type": "light-mode",
2256
+ "item": "link-cta",
2257
+ "subitem": "default"
2258
+ },
2259
+ "path": [
2260
+ "color",
2261
+ "light-mode",
2262
+ "link-cta",
2263
+ "default"
2264
+ ]
2265
+ },
2266
+ "hover": {
2267
+ "value": "#5f41e5",
2268
+ "public": true,
2269
+ "isReferenceToInternal": true,
2270
+ "filePath": "tokens/color/alias/link.light.json",
2271
+ "isSource": true,
2272
+ "original": {
2273
+ "value": "{color.light-mode.brand.secondary.300.value}",
2274
+ "public": true,
2275
+ "isReferenceToInternal": true
2276
+ },
2277
+ "name": "color-light-mode-link-cta-hover",
2278
+ "attributes": {
2279
+ "category": "color",
2280
+ "type": "light-mode",
2281
+ "item": "link-cta",
2282
+ "subitem": "hover"
2283
+ },
2284
+ "path": [
2285
+ "color",
2286
+ "light-mode",
2287
+ "link-cta",
2288
+ "hover"
2289
+ ]
2290
+ },
2291
+ "active": {
2292
+ "value": "#11005d",
2293
+ "public": true,
2294
+ "isReferenceToInternal": true,
2295
+ "filePath": "tokens/color/alias/link.light.json",
2296
+ "isSource": true,
2297
+ "original": {
2298
+ "value": "{color.light-mode.brand.secondary.500.value}",
2299
+ "public": true,
2300
+ "isReferenceToInternal": true
2301
+ },
2302
+ "name": "color-light-mode-link-cta-active",
2303
+ "attributes": {
2304
+ "category": "color",
2305
+ "type": "light-mode",
2306
+ "item": "link-cta",
2307
+ "subitem": "active"
2308
+ },
2309
+ "path": [
2310
+ "color",
2311
+ "light-mode",
2312
+ "link-cta",
2313
+ "active"
2314
+ ]
2315
+ }
2316
+ },
2215
2317
  "menu": {
2216
2318
  "background": {
2217
2319
  "value": "#ffffff",
@@ -12,7 +12,7 @@ $pds-color-background-default: #1d1d29;
12
12
  $pds-color-border-default: #858299;
13
13
  $pds-color-brand-accent-default: #de0093;
14
14
  $pds-color-brand-primary-default: #ffdc28;
15
- $pds-color-brand-secondary-default: #6947ff;
15
+ $pds-color-brand-secondary-default: #8a70ff;
16
16
  $pds-color-button-brand-background-active: #ddbd16;
17
17
  $pds-color-button-brand-background-default: #ffdc28;
18
18
  $pds-color-button-brand-background-hover: #ffe668;
@@ -40,12 +40,12 @@ $pds-color-button-critical-border-hover: #be4242;
40
40
  $pds-color-button-critical-foreground-active: #ffffff;
41
41
  $pds-color-button-critical-foreground-default: #ffffff;
42
42
  $pds-color-button-critical-foreground-hover: #ffffff;
43
- $pds-color-button-primary-background-active: #4b32bb;
44
- $pds-color-button-primary-background-default: #6947ff;
45
- $pds-color-button-primary-background-hover: #7657ff;
46
- $pds-color-button-primary-border-active: #4b32bb;
47
- $pds-color-button-primary-border-default: #6947ff;
48
- $pds-color-button-primary-border-hover: #7657ff;
43
+ $pds-color-button-primary-background-active: #4e39a8;
44
+ $pds-color-button-primary-background-default: #8a70ff;
45
+ $pds-color-button-primary-background-hover: #ad9bff;
46
+ $pds-color-button-primary-border-active: #4e39a8;
47
+ $pds-color-button-primary-border-default: #8a70ff;
48
+ $pds-color-button-primary-border-hover: #ad9bff;
49
49
  $pds-color-button-primary-foreground-active: #ffffff;
50
50
  $pds-color-button-primary-foreground-default: #ffffff;
51
51
  $pds-color-button-primary-foreground-hover: #ffffff;
@@ -65,6 +65,7 @@ $pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
65
65
  $pds-color-button-subtle-foreground-active: #e7e7eb;
66
66
  $pds-color-button-subtle-foreground-default: #e7e7eb;
67
67
  $pds-color-button-subtle-foreground-hover: #ffffff;
68
+ $pds-color-card-border: #504e62;
68
69
  $pds-color-foreground-default: #ffffff;
69
70
  $pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
70
71
  $pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
@@ -76,7 +77,7 @@ $pds-color-input-background-default: #1d1d29;
76
77
  $pds-color-input-background-hover: #282839;
77
78
  $pds-color-input-border-critical: #e05757;
78
79
  $pds-color-input-border-default: #858299;
79
- $pds-color-input-border-hover: #7657ff;
80
+ $pds-color-input-border-hover: #ad9bff;
80
81
  $pds-color-input-border-success: #3cb683;
81
82
  $pds-color-input-checked-background: $pds-color-interactive-focus;
82
83
  $pds-color-input-checked-foreground: #ffffff;
@@ -89,6 +90,9 @@ $pds-color-input-toggle-switch-off: #504e62;
89
90
  $pds-color-input-toggle-switch-on: $pds-color-interactive-focus;
90
91
  $pds-color-interactive-focus: #36a3ff;
91
92
  $pds-color-link-active: #6f54e8;
93
+ $pds-color-link-cta-active: #d0c6ff;
94
+ $pds-color-link-cta-default: #8a70ff;
95
+ $pds-color-link-cta-hover: #ad9bff;
92
96
  $pds-color-link-default: #36a3ff;
93
97
  $pds-color-link-hover: #6f54e8;
94
98
  $pds-color-link-visited: #6f54e8;
@@ -65,6 +65,7 @@ $pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
65
65
  $pds-color-button-subtle-foreground-active: #11005d;
66
66
  $pds-color-button-subtle-foreground-default: #3017a1;
67
67
  $pds-color-button-subtle-foreground-hover: #3017a1;
68
+ $pds-color-card-border: $pds-color-border-default;
68
69
  $pds-color-foreground-default: #23232d;
69
70
  $pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
70
71
  $pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
@@ -89,6 +90,9 @@ $pds-color-input-toggle-switch-off: #6d6d78;
89
90
  $pds-color-input-toggle-switch-on: $pds-color-interactive-focus;
90
91
  $pds-color-interactive-focus: #0f62fe;
91
92
  $pds-color-link-active: #6f54e8;
93
+ $pds-color-link-cta-active: #11005d;
94
+ $pds-color-link-cta-default: #3017a1;
95
+ $pds-color-link-cta-hover: #5f41e5;
92
96
  $pds-color-link-default: #0f62fe;
93
97
  $pds-color-link-hover: #6f54e8;
94
98
  $pds-color-link-visited: #6f54e8;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.37",
3
+ "version": "1.0.0-dev.38",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [