@pantheon-systems/pds-design-tokens 1.0.0-dev.36 → 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;
@@ -11,7 +11,7 @@
11
11
 
12
12
  :root {
13
13
  --pds-color-background-default: #ffffff;
14
- --pds-color-border-default: #f1f1f1;
14
+ --pds-color-border-default: #cfcfd3;
15
15
  --pds-color-brand-accent-default: #de0093;
16
16
  --pds-color-brand-primary-default: #ffdc28;
17
17
  --pds-color-brand-secondary-default: #3017a1;
@@ -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",
@@ -7734,13 +7840,13 @@
7734
7840
  },
7735
7841
  "border": {
7736
7842
  "default": {
7737
- "value": "#f1f1f1",
7843
+ "value": "#cfcfd3",
7738
7844
  "public": true,
7739
7845
  "isReferenceToInternal": true,
7740
7846
  "filePath": "tokens/color/alias/defaults.light.json",
7741
7847
  "isSource": true,
7742
7848
  "original": {
7743
- "value": "{color.light-mode.neutral.200.value}",
7849
+ "value": "{color.light-mode.neutral.300.value}",
7744
7850
  "public": true,
7745
7851
  "isReferenceToInternal": true
7746
7852
  },
@@ -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",
@@ -8582,7 +8765,7 @@
8582
8765
  ]
8583
8766
  },
8584
8767
  "border": {
8585
- "value": "#f1f1f1",
8768
+ "value": "#cfcfd3",
8586
8769
  "public": true,
8587
8770
  "filePath": "tokens/color/alias/panel.light.json",
8588
8771
  "isSource": true,
@@ -8690,7 +8873,7 @@
8690
8873
  ]
8691
8874
  },
8692
8875
  "border": {
8693
- "value": "#f1f1f1",
8876
+ "value": "#cfcfd3",
8694
8877
  "public": true,
8695
8878
  "filePath": "tokens/color/alias/panel.light.json",
8696
8879
  "isSource": true,
@@ -8742,7 +8925,7 @@
8742
8925
  ]
8743
8926
  },
8744
8927
  "border": {
8745
- "value": "#f1f1f1",
8928
+ "value": "#cfcfd3",
8746
8929
  "public": true,
8747
8930
  "filePath": "tokens/color/alias/panel.light.json",
8748
8931
  "isSource": true,
@@ -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",
@@ -1588,13 +1613,13 @@
1588
1613
  },
1589
1614
  "border": {
1590
1615
  "default": {
1591
- "value": "#f1f1f1",
1616
+ "value": "#cfcfd3",
1592
1617
  "public": true,
1593
1618
  "isReferenceToInternal": true,
1594
1619
  "filePath": "tokens/color/alias/defaults.light.json",
1595
1620
  "isSource": true,
1596
1621
  "original": {
1597
- "value": "{color.light-mode.neutral.200.value}",
1622
+ "value": "{color.light-mode.neutral.300.value}",
1598
1623
  "public": true,
1599
1624
  "isReferenceToInternal": true
1600
1625
  },
@@ -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",
@@ -2436,7 +2538,7 @@
2436
2538
  ]
2437
2539
  },
2438
2540
  "border": {
2439
- "value": "#f1f1f1",
2541
+ "value": "#cfcfd3",
2440
2542
  "public": true,
2441
2543
  "filePath": "tokens/color/alias/panel.light.json",
2442
2544
  "isSource": true,
@@ -2544,7 +2646,7 @@
2544
2646
  ]
2545
2647
  },
2546
2648
  "border": {
2547
- "value": "#f1f1f1",
2649
+ "value": "#cfcfd3",
2548
2650
  "public": true,
2549
2651
  "filePath": "tokens/color/alias/panel.light.json",
2550
2652
  "isSource": true,
@@ -2596,7 +2698,7 @@
2596
2698
  ]
2597
2699
  },
2598
2700
  "border": {
2599
- "value": "#f1f1f1",
2701
+ "value": "#cfcfd3",
2600
2702
  "public": true,
2601
2703
  "filePath": "tokens/color/alias/panel.light.json",
2602
2704
  "isSource": true,
@@ -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;
@@ -9,7 +9,7 @@
9
9
  // This file has been generated automatically.
10
10
 
11
11
  $pds-color-background-default: #ffffff;
12
- $pds-color-border-default: #f1f1f1;
12
+ $pds-color-border-default: #cfcfd3;
13
13
  $pds-color-brand-accent-default: #de0093;
14
14
  $pds-color-brand-primary-default: #ffdc28;
15
15
  $pds-color-brand-secondary-default: #3017a1;
@@ -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.36",
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": [