@pantheon-systems/pds-design-tokens 1.0.0-dev.68 → 1.0.0-dev.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/css/pds-design-tokens-dark-mode.css +1 -0
- package/build/css/pds-design-tokens-light-mode.css +1 -0
- package/build/figma/pds-design-tokens-figma.json +134 -0
- package/build/json/pds-design-tokens-dark-mode.json +67 -0
- package/build/json/pds-design-tokens-light-mode.json +67 -38
- package/package.json +1 -1
|
@@ -113,6 +113,7 @@
|
|
|
113
113
|
--pds-color-input-toggle-switch-off: #504e62;
|
|
114
114
|
--pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
|
|
115
115
|
--pds-color-interactive-focus: #36a3ff;
|
|
116
|
+
--pds-color-interactive-reverse-focus: #36a3ff;
|
|
116
117
|
--pds-color-link-active: #6f54e8;
|
|
117
118
|
--pds-color-link-cta-active: #d0c6ff;
|
|
118
119
|
--pds-color-link-cta-default: #8a70ff;
|
|
@@ -113,6 +113,7 @@
|
|
|
113
113
|
--pds-color-input-toggle-switch-off: #6d6d78;
|
|
114
114
|
--pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
|
|
115
115
|
--pds-color-interactive-focus: #0f62fe;
|
|
116
|
+
--pds-color-interactive-reverse-focus: #36a3ff;
|
|
116
117
|
--pds-color-link-active: #6f54e8;
|
|
117
118
|
--pds-color-link-cta-active: #11005d;
|
|
118
119
|
--pds-color-link-cta-default: #3017a1;
|
|
@@ -6664,6 +6664,73 @@
|
|
|
6664
6664
|
]
|
|
6665
6665
|
}
|
|
6666
6666
|
},
|
|
6667
|
+
"interactive-reverse": {
|
|
6668
|
+
"link": {
|
|
6669
|
+
"value": "#36a3ff",
|
|
6670
|
+
"filePath": "tokens/color/base/interactive.dark.json",
|
|
6671
|
+
"isSource": true,
|
|
6672
|
+
"original": {
|
|
6673
|
+
"value": "#36A3FF"
|
|
6674
|
+
},
|
|
6675
|
+
"name": "color-dark-mode-interactive-reverse-link",
|
|
6676
|
+
"attributes": {
|
|
6677
|
+
"category": "color",
|
|
6678
|
+
"type": "dark-mode",
|
|
6679
|
+
"item": "interactive-reverse",
|
|
6680
|
+
"subitem": "link"
|
|
6681
|
+
},
|
|
6682
|
+
"path": [
|
|
6683
|
+
"color",
|
|
6684
|
+
"dark-mode",
|
|
6685
|
+
"interactive-reverse",
|
|
6686
|
+
"link"
|
|
6687
|
+
]
|
|
6688
|
+
},
|
|
6689
|
+
"visited": {
|
|
6690
|
+
"value": "#6f54e8",
|
|
6691
|
+
"filePath": "tokens/color/base/interactive.dark.json",
|
|
6692
|
+
"isSource": true,
|
|
6693
|
+
"original": {
|
|
6694
|
+
"value": "#6F54E8"
|
|
6695
|
+
},
|
|
6696
|
+
"name": "color-dark-mode-interactive-reverse-visited",
|
|
6697
|
+
"attributes": {
|
|
6698
|
+
"category": "color",
|
|
6699
|
+
"type": "dark-mode",
|
|
6700
|
+
"item": "interactive-reverse",
|
|
6701
|
+
"subitem": "visited"
|
|
6702
|
+
},
|
|
6703
|
+
"path": [
|
|
6704
|
+
"color",
|
|
6705
|
+
"dark-mode",
|
|
6706
|
+
"interactive-reverse",
|
|
6707
|
+
"visited"
|
|
6708
|
+
]
|
|
6709
|
+
},
|
|
6710
|
+
"focus": {
|
|
6711
|
+
"value": "#36a3ff",
|
|
6712
|
+
"public": true,
|
|
6713
|
+
"filePath": "tokens/color/base/interactive.dark.json",
|
|
6714
|
+
"isSource": true,
|
|
6715
|
+
"original": {
|
|
6716
|
+
"value": "#36A3FF",
|
|
6717
|
+
"public": true
|
|
6718
|
+
},
|
|
6719
|
+
"name": "color-dark-mode-interactive-reverse-focus",
|
|
6720
|
+
"attributes": {
|
|
6721
|
+
"category": "color",
|
|
6722
|
+
"type": "dark-mode",
|
|
6723
|
+
"item": "interactive-reverse",
|
|
6724
|
+
"subitem": "focus"
|
|
6725
|
+
},
|
|
6726
|
+
"path": [
|
|
6727
|
+
"color",
|
|
6728
|
+
"dark-mode",
|
|
6729
|
+
"interactive-reverse",
|
|
6730
|
+
"focus"
|
|
6731
|
+
]
|
|
6732
|
+
}
|
|
6733
|
+
},
|
|
6667
6734
|
"neutral": {
|
|
6668
6735
|
"100": {
|
|
6669
6736
|
"value": "#c7c5d0",
|
|
@@ -12102,6 +12169,73 @@
|
|
|
12102
12169
|
]
|
|
12103
12170
|
}
|
|
12104
12171
|
},
|
|
12172
|
+
"interactive-reverse": {
|
|
12173
|
+
"link": {
|
|
12174
|
+
"value": "#36a3ff",
|
|
12175
|
+
"filePath": "tokens/color/base/interactive.light.json",
|
|
12176
|
+
"isSource": true,
|
|
12177
|
+
"original": {
|
|
12178
|
+
"value": "#36A3FF"
|
|
12179
|
+
},
|
|
12180
|
+
"name": "color-light-mode-interactive-reverse-link",
|
|
12181
|
+
"attributes": {
|
|
12182
|
+
"category": "color",
|
|
12183
|
+
"type": "light-mode",
|
|
12184
|
+
"item": "interactive-reverse",
|
|
12185
|
+
"subitem": "link"
|
|
12186
|
+
},
|
|
12187
|
+
"path": [
|
|
12188
|
+
"color",
|
|
12189
|
+
"light-mode",
|
|
12190
|
+
"interactive-reverse",
|
|
12191
|
+
"link"
|
|
12192
|
+
]
|
|
12193
|
+
},
|
|
12194
|
+
"visited": {
|
|
12195
|
+
"value": "#6f54e8",
|
|
12196
|
+
"filePath": "tokens/color/base/interactive.light.json",
|
|
12197
|
+
"isSource": true,
|
|
12198
|
+
"original": {
|
|
12199
|
+
"value": "#6F54E8"
|
|
12200
|
+
},
|
|
12201
|
+
"name": "color-light-mode-interactive-reverse-visited",
|
|
12202
|
+
"attributes": {
|
|
12203
|
+
"category": "color",
|
|
12204
|
+
"type": "light-mode",
|
|
12205
|
+
"item": "interactive-reverse",
|
|
12206
|
+
"subitem": "visited"
|
|
12207
|
+
},
|
|
12208
|
+
"path": [
|
|
12209
|
+
"color",
|
|
12210
|
+
"light-mode",
|
|
12211
|
+
"interactive-reverse",
|
|
12212
|
+
"visited"
|
|
12213
|
+
]
|
|
12214
|
+
},
|
|
12215
|
+
"focus": {
|
|
12216
|
+
"value": "#36a3ff",
|
|
12217
|
+
"public": true,
|
|
12218
|
+
"filePath": "tokens/color/base/interactive.light.json",
|
|
12219
|
+
"isSource": true,
|
|
12220
|
+
"original": {
|
|
12221
|
+
"value": "#36A3FF",
|
|
12222
|
+
"public": true
|
|
12223
|
+
},
|
|
12224
|
+
"name": "color-light-mode-interactive-reverse-focus",
|
|
12225
|
+
"attributes": {
|
|
12226
|
+
"category": "color",
|
|
12227
|
+
"type": "light-mode",
|
|
12228
|
+
"item": "interactive-reverse",
|
|
12229
|
+
"subitem": "focus"
|
|
12230
|
+
},
|
|
12231
|
+
"path": [
|
|
12232
|
+
"color",
|
|
12233
|
+
"light-mode",
|
|
12234
|
+
"interactive-reverse",
|
|
12235
|
+
"focus"
|
|
12236
|
+
]
|
|
12237
|
+
}
|
|
12238
|
+
},
|
|
12105
12239
|
"neutral": {
|
|
12106
12240
|
"100": {
|
|
12107
12241
|
"value": "#f8f8f8",
|
|
@@ -4991,6 +4991,73 @@
|
|
|
4991
4991
|
]
|
|
4992
4992
|
}
|
|
4993
4993
|
},
|
|
4994
|
+
"interactive-reverse": {
|
|
4995
|
+
"link": {
|
|
4996
|
+
"value": "#36a3ff",
|
|
4997
|
+
"filePath": "tokens/color/base/interactive.dark.json",
|
|
4998
|
+
"isSource": true,
|
|
4999
|
+
"original": {
|
|
5000
|
+
"value": "#36A3FF"
|
|
5001
|
+
},
|
|
5002
|
+
"name": "color-dark-mode-interactive-reverse-link",
|
|
5003
|
+
"attributes": {
|
|
5004
|
+
"category": "color",
|
|
5005
|
+
"type": "dark-mode",
|
|
5006
|
+
"item": "interactive-reverse",
|
|
5007
|
+
"subitem": "link"
|
|
5008
|
+
},
|
|
5009
|
+
"path": [
|
|
5010
|
+
"color",
|
|
5011
|
+
"dark-mode",
|
|
5012
|
+
"interactive-reverse",
|
|
5013
|
+
"link"
|
|
5014
|
+
]
|
|
5015
|
+
},
|
|
5016
|
+
"visited": {
|
|
5017
|
+
"value": "#6f54e8",
|
|
5018
|
+
"filePath": "tokens/color/base/interactive.dark.json",
|
|
5019
|
+
"isSource": true,
|
|
5020
|
+
"original": {
|
|
5021
|
+
"value": "#6F54E8"
|
|
5022
|
+
},
|
|
5023
|
+
"name": "color-dark-mode-interactive-reverse-visited",
|
|
5024
|
+
"attributes": {
|
|
5025
|
+
"category": "color",
|
|
5026
|
+
"type": "dark-mode",
|
|
5027
|
+
"item": "interactive-reverse",
|
|
5028
|
+
"subitem": "visited"
|
|
5029
|
+
},
|
|
5030
|
+
"path": [
|
|
5031
|
+
"color",
|
|
5032
|
+
"dark-mode",
|
|
5033
|
+
"interactive-reverse",
|
|
5034
|
+
"visited"
|
|
5035
|
+
]
|
|
5036
|
+
},
|
|
5037
|
+
"focus": {
|
|
5038
|
+
"value": "#36a3ff",
|
|
5039
|
+
"public": true,
|
|
5040
|
+
"filePath": "tokens/color/base/interactive.dark.json",
|
|
5041
|
+
"isSource": true,
|
|
5042
|
+
"original": {
|
|
5043
|
+
"value": "#36A3FF",
|
|
5044
|
+
"public": true
|
|
5045
|
+
},
|
|
5046
|
+
"name": "color-dark-mode-interactive-reverse-focus",
|
|
5047
|
+
"attributes": {
|
|
5048
|
+
"category": "color",
|
|
5049
|
+
"type": "dark-mode",
|
|
5050
|
+
"item": "interactive-reverse",
|
|
5051
|
+
"subitem": "focus"
|
|
5052
|
+
},
|
|
5053
|
+
"path": [
|
|
5054
|
+
"color",
|
|
5055
|
+
"dark-mode",
|
|
5056
|
+
"interactive-reverse",
|
|
5057
|
+
"focus"
|
|
5058
|
+
]
|
|
5059
|
+
}
|
|
5060
|
+
},
|
|
4994
5061
|
"neutral": {
|
|
4995
5062
|
"100": {
|
|
4996
5063
|
"value": "#c7c5d0",
|
|
@@ -4962,44 +4962,6 @@
|
|
|
4962
4962
|
"background"
|
|
4963
4963
|
]
|
|
4964
4964
|
}
|
|
4965
|
-
},
|
|
4966
|
-
"loader": {
|
|
4967
|
-
"background": {
|
|
4968
|
-
"value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
|
|
4969
|
-
"type": "color",
|
|
4970
|
-
"excludeFromFigma": true,
|
|
4971
|
-
"filePath": "tokens/color/base/gradients.light.json",
|
|
4972
|
-
"isSource": true,
|
|
4973
|
-
"original": {
|
|
4974
|
-
"value": {
|
|
4975
|
-
"type": "linear-gradient",
|
|
4976
|
-
"angle": "155deg",
|
|
4977
|
-
"colors": {
|
|
4978
|
-
"1": "#3017A1 0%",
|
|
4979
|
-
"2": "#E34935 50%",
|
|
4980
|
-
"3": "#FCDC49 100%"
|
|
4981
|
-
}
|
|
4982
|
-
},
|
|
4983
|
-
"type": "color",
|
|
4984
|
-
"excludeFromFigma": true
|
|
4985
|
-
},
|
|
4986
|
-
"name": "color-light-mode-gradient-banner-loader-background",
|
|
4987
|
-
"attributes": {
|
|
4988
|
-
"category": "color",
|
|
4989
|
-
"type": "light-mode",
|
|
4990
|
-
"item": "gradient",
|
|
4991
|
-
"subitem": "banner",
|
|
4992
|
-
"state": "loader"
|
|
4993
|
-
},
|
|
4994
|
-
"path": [
|
|
4995
|
-
"color",
|
|
4996
|
-
"light-mode",
|
|
4997
|
-
"gradient",
|
|
4998
|
-
"banner",
|
|
4999
|
-
"loader",
|
|
5000
|
-
"background"
|
|
5001
|
-
]
|
|
5002
|
-
}
|
|
5003
4965
|
}
|
|
5004
4966
|
}
|
|
5005
4967
|
},
|
|
@@ -5070,6 +5032,73 @@
|
|
|
5070
5032
|
]
|
|
5071
5033
|
}
|
|
5072
5034
|
},
|
|
5035
|
+
"interactive-reverse": {
|
|
5036
|
+
"link": {
|
|
5037
|
+
"value": "#36a3ff",
|
|
5038
|
+
"filePath": "tokens/color/base/interactive.light.json",
|
|
5039
|
+
"isSource": true,
|
|
5040
|
+
"original": {
|
|
5041
|
+
"value": "#36A3FF"
|
|
5042
|
+
},
|
|
5043
|
+
"name": "color-light-mode-interactive-reverse-link",
|
|
5044
|
+
"attributes": {
|
|
5045
|
+
"category": "color",
|
|
5046
|
+
"type": "light-mode",
|
|
5047
|
+
"item": "interactive-reverse",
|
|
5048
|
+
"subitem": "link"
|
|
5049
|
+
},
|
|
5050
|
+
"path": [
|
|
5051
|
+
"color",
|
|
5052
|
+
"light-mode",
|
|
5053
|
+
"interactive-reverse",
|
|
5054
|
+
"link"
|
|
5055
|
+
]
|
|
5056
|
+
},
|
|
5057
|
+
"visited": {
|
|
5058
|
+
"value": "#6f54e8",
|
|
5059
|
+
"filePath": "tokens/color/base/interactive.light.json",
|
|
5060
|
+
"isSource": true,
|
|
5061
|
+
"original": {
|
|
5062
|
+
"value": "#6F54E8"
|
|
5063
|
+
},
|
|
5064
|
+
"name": "color-light-mode-interactive-reverse-visited",
|
|
5065
|
+
"attributes": {
|
|
5066
|
+
"category": "color",
|
|
5067
|
+
"type": "light-mode",
|
|
5068
|
+
"item": "interactive-reverse",
|
|
5069
|
+
"subitem": "visited"
|
|
5070
|
+
},
|
|
5071
|
+
"path": [
|
|
5072
|
+
"color",
|
|
5073
|
+
"light-mode",
|
|
5074
|
+
"interactive-reverse",
|
|
5075
|
+
"visited"
|
|
5076
|
+
]
|
|
5077
|
+
},
|
|
5078
|
+
"focus": {
|
|
5079
|
+
"value": "#36a3ff",
|
|
5080
|
+
"public": true,
|
|
5081
|
+
"filePath": "tokens/color/base/interactive.light.json",
|
|
5082
|
+
"isSource": true,
|
|
5083
|
+
"original": {
|
|
5084
|
+
"value": "#36A3FF",
|
|
5085
|
+
"public": true
|
|
5086
|
+
},
|
|
5087
|
+
"name": "color-light-mode-interactive-reverse-focus",
|
|
5088
|
+
"attributes": {
|
|
5089
|
+
"category": "color",
|
|
5090
|
+
"type": "light-mode",
|
|
5091
|
+
"item": "interactive-reverse",
|
|
5092
|
+
"subitem": "focus"
|
|
5093
|
+
},
|
|
5094
|
+
"path": [
|
|
5095
|
+
"color",
|
|
5096
|
+
"light-mode",
|
|
5097
|
+
"interactive-reverse",
|
|
5098
|
+
"focus"
|
|
5099
|
+
]
|
|
5100
|
+
}
|
|
5101
|
+
},
|
|
5073
5102
|
"neutral": {
|
|
5074
5103
|
"100": {
|
|
5075
5104
|
"value": "#f8f8f8",
|