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

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;
@@ -113,6 +117,7 @@
113
117
  --pds-color-text-default-secondary: #a6a3b4;
114
118
  --pds-color-tile-background-active: #858299;
115
119
  --pds-color-tile-background-hover: #504e62;
120
+ --pds-color-tile-separator: #504e62;
116
121
  --pds-color-toggle-button-background-off: #504e62;
117
122
  --pds-color-toggle-button-foreground-off: #c7c5d0;
118
123
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
@@ -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;
@@ -113,6 +117,7 @@
113
117
  --pds-color-text-default-secondary: #6d6d78;
114
118
  --pds-color-tile-background-active: #f1f1f1;
115
119
  --pds-color-tile-background-hover: #f8f8f8;
120
+ --pds-color-tile-separator: #cfcfd3;
116
121
  --pds-color-toggle-button-background-off: #f1f1f1;
117
122
  --pds-color-toggle-button-foreground-off: #6d6d78;
118
123
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
@@ -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",
@@ -4508,6 +4612,31 @@
4508
4612
  "active"
4509
4613
  ]
4510
4614
  }
4615
+ },
4616
+ "separator": {
4617
+ "value": "#504e62",
4618
+ "public": true,
4619
+ "isReferenceToInternal": true,
4620
+ "filePath": "tokens/color/alias/tile.dark.json",
4621
+ "isSource": true,
4622
+ "original": {
4623
+ "value": "{color.dark-mode.neutral.400.value}",
4624
+ "public": true,
4625
+ "isReferenceToInternal": true
4626
+ },
4627
+ "name": "color-dark-mode-tile-separator",
4628
+ "attributes": {
4629
+ "category": "color",
4630
+ "type": "dark-mode",
4631
+ "item": "tile",
4632
+ "subitem": "separator"
4633
+ },
4634
+ "path": [
4635
+ "color",
4636
+ "dark-mode",
4637
+ "tile",
4638
+ "separator"
4639
+ ]
4511
4640
  }
4512
4641
  },
4513
4642
  "text": {
@@ -4732,11 +4861,11 @@
4732
4861
  },
4733
4862
  "secondary": {
4734
4863
  "100": {
4735
- "value": "#f1eeff",
4864
+ "value": "#f3f0ff",
4736
4865
  "filePath": "tokens/color/base/brand.dark.json",
4737
4866
  "isSource": true,
4738
4867
  "original": {
4739
- "value": "#F1EEFF"
4868
+ "value": "#F3F0FF"
4740
4869
  },
4741
4870
  "name": "color-dark-mode-brand-secondary-100",
4742
4871
  "attributes": {
@@ -4755,11 +4884,11 @@
4755
4884
  ]
4756
4885
  },
4757
4886
  "200": {
4758
- "value": "#b5a4ff",
4887
+ "value": "#d0c6ff",
4759
4888
  "filePath": "tokens/color/base/brand.dark.json",
4760
4889
  "isSource": true,
4761
4890
  "original": {
4762
- "value": "#B5A4FF"
4891
+ "value": "#D0C6FF"
4763
4892
  },
4764
4893
  "name": "color-dark-mode-brand-secondary-200",
4765
4894
  "attributes": {
@@ -4778,11 +4907,11 @@
4778
4907
  ]
4779
4908
  },
4780
4909
  "300": {
4781
- "value": "#7657ff",
4910
+ "value": "#ad9bff",
4782
4911
  "filePath": "tokens/color/base/brand.dark.json",
4783
4912
  "isSource": true,
4784
4913
  "original": {
4785
- "value": "#7657FF"
4914
+ "value": "#AD9BFF"
4786
4915
  },
4787
4916
  "name": "color-dark-mode-brand-secondary-300",
4788
4917
  "attributes": {
@@ -4801,11 +4930,11 @@
4801
4930
  ]
4802
4931
  },
4803
4932
  "400": {
4804
- "value": "#6947ff",
4933
+ "value": "#8a70ff",
4805
4934
  "filePath": "tokens/color/base/brand.dark.json",
4806
4935
  "isSource": true,
4807
4936
  "original": {
4808
- "value": "#6947FF"
4937
+ "value": "#8A70FF"
4809
4938
  },
4810
4939
  "name": "color-dark-mode-brand-secondary-400",
4811
4940
  "attributes": {
@@ -4824,11 +4953,11 @@
4824
4953
  ]
4825
4954
  },
4826
4955
  "500": {
4827
- "value": "#4b32bb",
4956
+ "value": "#4e39a8",
4828
4957
  "filePath": "tokens/color/base/brand.dark.json",
4829
4958
  "isSource": true,
4830
4959
  "original": {
4831
- "value": "#4B32BB"
4960
+ "value": "#4E39A8"
4832
4961
  },
4833
4962
  "name": "color-dark-mode-brand-secondary-500",
4834
4963
  "attributes": {
@@ -4846,31 +4975,8 @@
4846
4975
  "500"
4847
4976
  ]
4848
4977
  },
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
4978
  "default": {
4873
- "value": "#6947ff",
4979
+ "value": "#8a70ff",
4874
4980
  "public": true,
4875
4981
  "isReferenceToInternal": true,
4876
4982
  "filePath": "tokens/color/base/brand.dark.json",
@@ -7705,6 +7811,31 @@
7705
7811
  }
7706
7812
  }
7707
7813
  },
7814
+ "card": {
7815
+ "border": {
7816
+ "value": "#cfcfd3",
7817
+ "public": true,
7818
+ "filePath": "tokens/color/alias/card.light.json",
7819
+ "isSource": true,
7820
+ "original": {
7821
+ "value": "{color.light-mode.border.default}",
7822
+ "public": true
7823
+ },
7824
+ "name": "color-light-mode-card-border",
7825
+ "attributes": {
7826
+ "category": "color",
7827
+ "type": "light-mode",
7828
+ "item": "card",
7829
+ "subitem": "border"
7830
+ },
7831
+ "path": [
7832
+ "color",
7833
+ "light-mode",
7834
+ "card",
7835
+ "border"
7836
+ ]
7837
+ }
7838
+ },
7708
7839
  "background": {
7709
7840
  "default": {
7710
7841
  "value": "#ffffff",
@@ -8358,6 +8489,83 @@
8358
8489
  ]
8359
8490
  }
8360
8491
  },
8492
+ "link-cta": {
8493
+ "default": {
8494
+ "value": "#3017a1",
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.400.value}",
8501
+ "public": true,
8502
+ "isReferenceToInternal": true
8503
+ },
8504
+ "name": "color-light-mode-link-cta-default",
8505
+ "attributes": {
8506
+ "category": "color",
8507
+ "type": "light-mode",
8508
+ "item": "link-cta",
8509
+ "subitem": "default"
8510
+ },
8511
+ "path": [
8512
+ "color",
8513
+ "light-mode",
8514
+ "link-cta",
8515
+ "default"
8516
+ ]
8517
+ },
8518
+ "hover": {
8519
+ "value": "#5f41e5",
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.300.value}",
8526
+ "public": true,
8527
+ "isReferenceToInternal": true
8528
+ },
8529
+ "name": "color-light-mode-link-cta-hover",
8530
+ "attributes": {
8531
+ "category": "color",
8532
+ "type": "light-mode",
8533
+ "item": "link-cta",
8534
+ "subitem": "hover"
8535
+ },
8536
+ "path": [
8537
+ "color",
8538
+ "light-mode",
8539
+ "link-cta",
8540
+ "hover"
8541
+ ]
8542
+ },
8543
+ "active": {
8544
+ "value": "#11005d",
8545
+ "public": true,
8546
+ "isReferenceToInternal": true,
8547
+ "filePath": "tokens/color/alias/link.light.json",
8548
+ "isSource": true,
8549
+ "original": {
8550
+ "value": "{color.light-mode.brand.secondary.500.value}",
8551
+ "public": true,
8552
+ "isReferenceToInternal": true
8553
+ },
8554
+ "name": "color-light-mode-link-cta-active",
8555
+ "attributes": {
8556
+ "category": "color",
8557
+ "type": "light-mode",
8558
+ "item": "link-cta",
8559
+ "subitem": "active"
8560
+ },
8561
+ "path": [
8562
+ "color",
8563
+ "light-mode",
8564
+ "link-cta",
8565
+ "active"
8566
+ ]
8567
+ }
8568
+ },
8361
8569
  "menu": {
8362
8570
  "background": {
8363
8571
  "value": "#ffffff",
@@ -8824,6 +9032,31 @@
8824
9032
  "active"
8825
9033
  ]
8826
9034
  }
9035
+ },
9036
+ "separator": {
9037
+ "value": "#cfcfd3",
9038
+ "public": true,
9039
+ "isReferenceToInternal": true,
9040
+ "filePath": "tokens/color/alias/tile.light.json",
9041
+ "isSource": true,
9042
+ "original": {
9043
+ "value": "{color.light-mode.neutral.300.value}",
9044
+ "public": true,
9045
+ "isReferenceToInternal": true
9046
+ },
9047
+ "name": "color-light-mode-tile-separator",
9048
+ "attributes": {
9049
+ "category": "color",
9050
+ "type": "light-mode",
9051
+ "item": "tile",
9052
+ "subitem": "separator"
9053
+ },
9054
+ "path": [
9055
+ "color",
9056
+ "light-mode",
9057
+ "tile",
9058
+ "separator"
9059
+ ]
8827
9060
  }
8828
9061
  },
8829
9062
  "text": {
@@ -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",
@@ -2684,6 +2788,31 @@
2684
2788
  "active"
2685
2789
  ]
2686
2790
  }
2791
+ },
2792
+ "separator": {
2793
+ "value": "#504e62",
2794
+ "public": true,
2795
+ "isReferenceToInternal": true,
2796
+ "filePath": "tokens/color/alias/tile.dark.json",
2797
+ "isSource": true,
2798
+ "original": {
2799
+ "value": "{color.dark-mode.neutral.400.value}",
2800
+ "public": true,
2801
+ "isReferenceToInternal": true
2802
+ },
2803
+ "name": "color-dark-mode-tile-separator",
2804
+ "attributes": {
2805
+ "category": "color",
2806
+ "type": "dark-mode",
2807
+ "item": "tile",
2808
+ "subitem": "separator"
2809
+ },
2810
+ "path": [
2811
+ "color",
2812
+ "dark-mode",
2813
+ "tile",
2814
+ "separator"
2815
+ ]
2687
2816
  }
2688
2817
  },
2689
2818
  "text": {
@@ -2908,11 +3037,11 @@
2908
3037
  },
2909
3038
  "secondary": {
2910
3039
  "100": {
2911
- "value": "#f1eeff",
3040
+ "value": "#f3f0ff",
2912
3041
  "filePath": "tokens/color/base/brand.dark.json",
2913
3042
  "isSource": true,
2914
3043
  "original": {
2915
- "value": "#F1EEFF"
3044
+ "value": "#F3F0FF"
2916
3045
  },
2917
3046
  "name": "color-dark-mode-brand-secondary-100",
2918
3047
  "attributes": {
@@ -2931,11 +3060,11 @@
2931
3060
  ]
2932
3061
  },
2933
3062
  "200": {
2934
- "value": "#b5a4ff",
3063
+ "value": "#d0c6ff",
2935
3064
  "filePath": "tokens/color/base/brand.dark.json",
2936
3065
  "isSource": true,
2937
3066
  "original": {
2938
- "value": "#B5A4FF"
3067
+ "value": "#D0C6FF"
2939
3068
  },
2940
3069
  "name": "color-dark-mode-brand-secondary-200",
2941
3070
  "attributes": {
@@ -2954,11 +3083,11 @@
2954
3083
  ]
2955
3084
  },
2956
3085
  "300": {
2957
- "value": "#7657ff",
3086
+ "value": "#ad9bff",
2958
3087
  "filePath": "tokens/color/base/brand.dark.json",
2959
3088
  "isSource": true,
2960
3089
  "original": {
2961
- "value": "#7657FF"
3090
+ "value": "#AD9BFF"
2962
3091
  },
2963
3092
  "name": "color-dark-mode-brand-secondary-300",
2964
3093
  "attributes": {
@@ -2977,11 +3106,11 @@
2977
3106
  ]
2978
3107
  },
2979
3108
  "400": {
2980
- "value": "#6947ff",
3109
+ "value": "#8a70ff",
2981
3110
  "filePath": "tokens/color/base/brand.dark.json",
2982
3111
  "isSource": true,
2983
3112
  "original": {
2984
- "value": "#6947FF"
3113
+ "value": "#8A70FF"
2985
3114
  },
2986
3115
  "name": "color-dark-mode-brand-secondary-400",
2987
3116
  "attributes": {
@@ -3000,11 +3129,11 @@
3000
3129
  ]
3001
3130
  },
3002
3131
  "500": {
3003
- "value": "#4b32bb",
3132
+ "value": "#4e39a8",
3004
3133
  "filePath": "tokens/color/base/brand.dark.json",
3005
3134
  "isSource": true,
3006
3135
  "original": {
3007
- "value": "#4B32BB"
3136
+ "value": "#4E39A8"
3008
3137
  },
3009
3138
  "name": "color-dark-mode-brand-secondary-500",
3010
3139
  "attributes": {
@@ -3022,31 +3151,8 @@
3022
3151
  "500"
3023
3152
  ]
3024
3153
  },
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
3154
  "default": {
3049
- "value": "#6947ff",
3155
+ "value": "#8a70ff",
3050
3156
  "public": true,
3051
3157
  "isReferenceToInternal": true,
3052
3158
  "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",
@@ -2678,6 +2780,31 @@
2678
2780
  "active"
2679
2781
  ]
2680
2782
  }
2783
+ },
2784
+ "separator": {
2785
+ "value": "#cfcfd3",
2786
+ "public": true,
2787
+ "isReferenceToInternal": true,
2788
+ "filePath": "tokens/color/alias/tile.light.json",
2789
+ "isSource": true,
2790
+ "original": {
2791
+ "value": "{color.light-mode.neutral.300.value}",
2792
+ "public": true,
2793
+ "isReferenceToInternal": true
2794
+ },
2795
+ "name": "color-light-mode-tile-separator",
2796
+ "attributes": {
2797
+ "category": "color",
2798
+ "type": "light-mode",
2799
+ "item": "tile",
2800
+ "subitem": "separator"
2801
+ },
2802
+ "path": [
2803
+ "color",
2804
+ "light-mode",
2805
+ "tile",
2806
+ "separator"
2807
+ ]
2681
2808
  }
2682
2809
  },
2683
2810
  "text": {
@@ -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;
@@ -111,6 +115,7 @@ $pds-color-text-default: #ffffff;
111
115
  $pds-color-text-default-secondary: #a6a3b4;
112
116
  $pds-color-tile-background-active: #858299;
113
117
  $pds-color-tile-background-hover: #504e62;
118
+ $pds-color-tile-separator: #504e62;
114
119
  $pds-color-toggle-button-background-off: #504e62;
115
120
  $pds-color-toggle-button-foreground-off: #c7c5d0;
116
121
  $pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
@@ -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;
@@ -111,6 +115,7 @@ $pds-color-text-default: #23232d;
111
115
  $pds-color-text-default-secondary: #6d6d78;
112
116
  $pds-color-tile-background-active: #f1f1f1;
113
117
  $pds-color-tile-background-hover: #f8f8f8;
118
+ $pds-color-tile-separator: #cfcfd3;
114
119
  $pds-color-toggle-button-background-off: #f1f1f1;
115
120
  $pds-color-toggle-button-foreground-off: #6d6d78;
116
121
  $pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
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.39",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [