@pantheon-systems/pds-design-tokens 1.0.0-dev.60 → 1.0.0-dev.61
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 +10 -2
- package/build/css/pds-design-tokens-light-mode.css +14 -4
- package/build/css/pds-design-tokens.css +5 -0
- package/build/figma/pds-design-tokens-figma.json +588 -180
- package/build/json/pds-design-tokens-dark-mode.json +265 -59
- package/build/json/pds-design-tokens-light-mode.json +474 -65
- package/build/json/pds-design-tokens.json +105 -0
- package/package.json +1 -1
|
@@ -1,6 +1,212 @@
|
|
|
1
1
|
{
|
|
2
2
|
"color": {
|
|
3
3
|
"dark-mode": {
|
|
4
|
+
"badge": {
|
|
5
|
+
"border": {
|
|
6
|
+
"value": "#a6a3b4",
|
|
7
|
+
"public": true,
|
|
8
|
+
"isReferenceToInternal": true,
|
|
9
|
+
"filePath": "tokens/color/alias/badge.dark.json",
|
|
10
|
+
"isSource": true,
|
|
11
|
+
"original": {
|
|
12
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
13
|
+
"public": true,
|
|
14
|
+
"isReferenceToInternal": true
|
|
15
|
+
},
|
|
16
|
+
"name": "color-dark-mode-badge-border",
|
|
17
|
+
"attributes": {
|
|
18
|
+
"category": "color",
|
|
19
|
+
"type": "dark-mode",
|
|
20
|
+
"item": "badge",
|
|
21
|
+
"subitem": "border"
|
|
22
|
+
},
|
|
23
|
+
"path": [
|
|
24
|
+
"color",
|
|
25
|
+
"dark-mode",
|
|
26
|
+
"badge",
|
|
27
|
+
"border"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"label": {
|
|
31
|
+
"value": "#c7c5d0",
|
|
32
|
+
"public": true,
|
|
33
|
+
"isReferenceToInternal": true,
|
|
34
|
+
"filePath": "tokens/color/alias/badge.dark.json",
|
|
35
|
+
"isSource": true,
|
|
36
|
+
"original": {
|
|
37
|
+
"value": "{color.dark-mode.neutral.100.value}",
|
|
38
|
+
"public": true,
|
|
39
|
+
"isReferenceToInternal": true
|
|
40
|
+
},
|
|
41
|
+
"name": "color-dark-mode-badge-label",
|
|
42
|
+
"attributes": {
|
|
43
|
+
"category": "color",
|
|
44
|
+
"type": "dark-mode",
|
|
45
|
+
"item": "badge",
|
|
46
|
+
"subitem": "label"
|
|
47
|
+
},
|
|
48
|
+
"path": [
|
|
49
|
+
"color",
|
|
50
|
+
"dark-mode",
|
|
51
|
+
"badge",
|
|
52
|
+
"label"
|
|
53
|
+
]
|
|
54
|
+
},
|
|
55
|
+
"status": {
|
|
56
|
+
"default": {
|
|
57
|
+
"value": "#858299",
|
|
58
|
+
"public": true,
|
|
59
|
+
"isReferenceToInternal": true,
|
|
60
|
+
"filePath": "tokens/color/alias/badge.dark.json",
|
|
61
|
+
"isSource": true,
|
|
62
|
+
"original": {
|
|
63
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
64
|
+
"public": true,
|
|
65
|
+
"isReferenceToInternal": true
|
|
66
|
+
},
|
|
67
|
+
"name": "color-dark-mode-badge-status-default",
|
|
68
|
+
"attributes": {
|
|
69
|
+
"category": "color",
|
|
70
|
+
"type": "dark-mode",
|
|
71
|
+
"item": "badge",
|
|
72
|
+
"subitem": "status",
|
|
73
|
+
"state": "default"
|
|
74
|
+
},
|
|
75
|
+
"path": [
|
|
76
|
+
"color",
|
|
77
|
+
"dark-mode",
|
|
78
|
+
"badge",
|
|
79
|
+
"status",
|
|
80
|
+
"default"
|
|
81
|
+
]
|
|
82
|
+
},
|
|
83
|
+
"success": {
|
|
84
|
+
"value": "#2abb7f",
|
|
85
|
+
"public": true,
|
|
86
|
+
"filePath": "tokens/color/alias/badge.dark.json",
|
|
87
|
+
"isSource": true,
|
|
88
|
+
"original": {
|
|
89
|
+
"value": "{color.dark-mode.semantic.success.foreground.value}",
|
|
90
|
+
"public": true
|
|
91
|
+
},
|
|
92
|
+
"name": "color-dark-mode-badge-status-success",
|
|
93
|
+
"attributes": {
|
|
94
|
+
"category": "color",
|
|
95
|
+
"type": "dark-mode",
|
|
96
|
+
"item": "badge",
|
|
97
|
+
"subitem": "status",
|
|
98
|
+
"state": "success"
|
|
99
|
+
},
|
|
100
|
+
"path": [
|
|
101
|
+
"color",
|
|
102
|
+
"dark-mode",
|
|
103
|
+
"badge",
|
|
104
|
+
"status",
|
|
105
|
+
"success"
|
|
106
|
+
]
|
|
107
|
+
},
|
|
108
|
+
"info": {
|
|
109
|
+
"value": "#388bff",
|
|
110
|
+
"public": true,
|
|
111
|
+
"filePath": "tokens/color/alias/badge.dark.json",
|
|
112
|
+
"isSource": true,
|
|
113
|
+
"original": {
|
|
114
|
+
"value": "{color.dark-mode.semantic.info.foreground.value}",
|
|
115
|
+
"public": true
|
|
116
|
+
},
|
|
117
|
+
"name": "color-dark-mode-badge-status-info",
|
|
118
|
+
"attributes": {
|
|
119
|
+
"category": "color",
|
|
120
|
+
"type": "dark-mode",
|
|
121
|
+
"item": "badge",
|
|
122
|
+
"subitem": "status",
|
|
123
|
+
"state": "info"
|
|
124
|
+
},
|
|
125
|
+
"path": [
|
|
126
|
+
"color",
|
|
127
|
+
"dark-mode",
|
|
128
|
+
"badge",
|
|
129
|
+
"status",
|
|
130
|
+
"info"
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
"critical": {
|
|
134
|
+
"value": "#ca3521",
|
|
135
|
+
"public": true,
|
|
136
|
+
"filePath": "tokens/color/alias/badge.dark.json",
|
|
137
|
+
"isSource": true,
|
|
138
|
+
"original": {
|
|
139
|
+
"value": "{color.dark-mode.semantic.critical.foreground.value}",
|
|
140
|
+
"public": true
|
|
141
|
+
},
|
|
142
|
+
"name": "color-dark-mode-badge-status-critical",
|
|
143
|
+
"attributes": {
|
|
144
|
+
"category": "color",
|
|
145
|
+
"type": "dark-mode",
|
|
146
|
+
"item": "badge",
|
|
147
|
+
"subitem": "status",
|
|
148
|
+
"state": "critical"
|
|
149
|
+
},
|
|
150
|
+
"path": [
|
|
151
|
+
"color",
|
|
152
|
+
"dark-mode",
|
|
153
|
+
"badge",
|
|
154
|
+
"status",
|
|
155
|
+
"critical"
|
|
156
|
+
]
|
|
157
|
+
},
|
|
158
|
+
"warning": {
|
|
159
|
+
"value": "#cf9f02",
|
|
160
|
+
"public": true,
|
|
161
|
+
"filePath": "tokens/color/alias/badge.dark.json",
|
|
162
|
+
"isSource": true,
|
|
163
|
+
"original": {
|
|
164
|
+
"value": "{color.dark-mode.semantic.warning.foreground.value}",
|
|
165
|
+
"public": true
|
|
166
|
+
},
|
|
167
|
+
"name": "color-dark-mode-badge-status-warning",
|
|
168
|
+
"attributes": {
|
|
169
|
+
"category": "color",
|
|
170
|
+
"type": "dark-mode",
|
|
171
|
+
"item": "badge",
|
|
172
|
+
"subitem": "status",
|
|
173
|
+
"state": "warning"
|
|
174
|
+
},
|
|
175
|
+
"path": [
|
|
176
|
+
"color",
|
|
177
|
+
"dark-mode",
|
|
178
|
+
"badge",
|
|
179
|
+
"status",
|
|
180
|
+
"warning"
|
|
181
|
+
]
|
|
182
|
+
},
|
|
183
|
+
"discovery": {
|
|
184
|
+
"value": "#8f7ee7",
|
|
185
|
+
"public": true,
|
|
186
|
+
"filePath": "tokens/color/alias/badge.dark.json",
|
|
187
|
+
"isSource": true,
|
|
188
|
+
"original": {
|
|
189
|
+
"value": "{color.dark-mode.semantic.discovery.foreground.value}",
|
|
190
|
+
"public": true
|
|
191
|
+
},
|
|
192
|
+
"name": "color-dark-mode-badge-status-discovery",
|
|
193
|
+
"attributes": {
|
|
194
|
+
"category": "color",
|
|
195
|
+
"type": "dark-mode",
|
|
196
|
+
"item": "badge",
|
|
197
|
+
"subitem": "status",
|
|
198
|
+
"state": "discovery"
|
|
199
|
+
},
|
|
200
|
+
"path": [
|
|
201
|
+
"color",
|
|
202
|
+
"dark-mode",
|
|
203
|
+
"badge",
|
|
204
|
+
"status",
|
|
205
|
+
"discovery"
|
|
206
|
+
]
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
},
|
|
4
210
|
"banner": {
|
|
5
211
|
"info": {
|
|
6
212
|
"background": {
|
|
@@ -114,7 +320,7 @@
|
|
|
114
320
|
]
|
|
115
321
|
}
|
|
116
322
|
},
|
|
117
|
-
"
|
|
323
|
+
"critical": {
|
|
118
324
|
"background": {
|
|
119
325
|
"value": "#f87462",
|
|
120
326
|
"public": true,
|
|
@@ -126,19 +332,19 @@
|
|
|
126
332
|
"public": true,
|
|
127
333
|
"isReferenceToInternal": true
|
|
128
334
|
},
|
|
129
|
-
"name": "color-dark-mode-banner-
|
|
335
|
+
"name": "color-dark-mode-banner-critical-background",
|
|
130
336
|
"attributes": {
|
|
131
337
|
"category": "color",
|
|
132
338
|
"type": "dark-mode",
|
|
133
339
|
"item": "banner",
|
|
134
|
-
"subitem": "
|
|
340
|
+
"subitem": "critical",
|
|
135
341
|
"state": "background"
|
|
136
342
|
},
|
|
137
343
|
"path": [
|
|
138
344
|
"color",
|
|
139
345
|
"dark-mode",
|
|
140
346
|
"banner",
|
|
141
|
-
"
|
|
347
|
+
"critical",
|
|
142
348
|
"background"
|
|
143
349
|
]
|
|
144
350
|
},
|
|
@@ -153,19 +359,19 @@
|
|
|
153
359
|
"public": true,
|
|
154
360
|
"isReferenceToInternal": true
|
|
155
361
|
},
|
|
156
|
-
"name": "color-dark-mode-banner-
|
|
362
|
+
"name": "color-dark-mode-banner-critical-foreground",
|
|
157
363
|
"attributes": {
|
|
158
364
|
"category": "color",
|
|
159
365
|
"type": "dark-mode",
|
|
160
366
|
"item": "banner",
|
|
161
|
-
"subitem": "
|
|
367
|
+
"subitem": "critical",
|
|
162
368
|
"state": "foreground"
|
|
163
369
|
},
|
|
164
370
|
"path": [
|
|
165
371
|
"color",
|
|
166
372
|
"dark-mode",
|
|
167
373
|
"banner",
|
|
168
|
-
"
|
|
374
|
+
"critical",
|
|
169
375
|
"foreground"
|
|
170
376
|
]
|
|
171
377
|
}
|
|
@@ -3488,6 +3694,58 @@
|
|
|
3488
3694
|
}
|
|
3489
3695
|
}
|
|
3490
3696
|
},
|
|
3697
|
+
"text": {
|
|
3698
|
+
"default": {
|
|
3699
|
+
"value": "#ffffff",
|
|
3700
|
+
"public": true,
|
|
3701
|
+
"isReferenceToInternal": true,
|
|
3702
|
+
"filePath": "tokens/color/alias/text.dark.json",
|
|
3703
|
+
"isSource": true,
|
|
3704
|
+
"original": {
|
|
3705
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
3706
|
+
"public": true,
|
|
3707
|
+
"isReferenceToInternal": true
|
|
3708
|
+
},
|
|
3709
|
+
"name": "color-dark-mode-text-default",
|
|
3710
|
+
"attributes": {
|
|
3711
|
+
"category": "color",
|
|
3712
|
+
"type": "dark-mode",
|
|
3713
|
+
"item": "text",
|
|
3714
|
+
"subitem": "default"
|
|
3715
|
+
},
|
|
3716
|
+
"path": [
|
|
3717
|
+
"color",
|
|
3718
|
+
"dark-mode",
|
|
3719
|
+
"text",
|
|
3720
|
+
"default"
|
|
3721
|
+
]
|
|
3722
|
+
},
|
|
3723
|
+
"default-secondary": {
|
|
3724
|
+
"value": "#a6a3b4",
|
|
3725
|
+
"public": true,
|
|
3726
|
+
"isReferenceToInternal": true,
|
|
3727
|
+
"filePath": "tokens/color/alias/text.dark.json",
|
|
3728
|
+
"isSource": true,
|
|
3729
|
+
"original": {
|
|
3730
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
3731
|
+
"public": true,
|
|
3732
|
+
"isReferenceToInternal": true
|
|
3733
|
+
},
|
|
3734
|
+
"name": "color-dark-mode-text-default-secondary",
|
|
3735
|
+
"attributes": {
|
|
3736
|
+
"category": "color",
|
|
3737
|
+
"type": "dark-mode",
|
|
3738
|
+
"item": "text",
|
|
3739
|
+
"subitem": "default-secondary"
|
|
3740
|
+
},
|
|
3741
|
+
"path": [
|
|
3742
|
+
"color",
|
|
3743
|
+
"dark-mode",
|
|
3744
|
+
"text",
|
|
3745
|
+
"default-secondary"
|
|
3746
|
+
]
|
|
3747
|
+
}
|
|
3748
|
+
},
|
|
3491
3749
|
"tile": {
|
|
3492
3750
|
"background": {
|
|
3493
3751
|
"hover": {
|
|
@@ -3679,58 +3937,6 @@
|
|
|
3679
3937
|
}
|
|
3680
3938
|
}
|
|
3681
3939
|
},
|
|
3682
|
-
"text": {
|
|
3683
|
-
"default": {
|
|
3684
|
-
"value": "#ffffff",
|
|
3685
|
-
"public": true,
|
|
3686
|
-
"isReferenceToInternal": true,
|
|
3687
|
-
"filePath": "tokens/color/alias/typography.dark.json",
|
|
3688
|
-
"isSource": true,
|
|
3689
|
-
"original": {
|
|
3690
|
-
"value": "{color.dark-mode.neutral.000.value}",
|
|
3691
|
-
"public": true,
|
|
3692
|
-
"isReferenceToInternal": true
|
|
3693
|
-
},
|
|
3694
|
-
"name": "color-dark-mode-text-default",
|
|
3695
|
-
"attributes": {
|
|
3696
|
-
"category": "color",
|
|
3697
|
-
"type": "dark-mode",
|
|
3698
|
-
"item": "text",
|
|
3699
|
-
"subitem": "default"
|
|
3700
|
-
},
|
|
3701
|
-
"path": [
|
|
3702
|
-
"color",
|
|
3703
|
-
"dark-mode",
|
|
3704
|
-
"text",
|
|
3705
|
-
"default"
|
|
3706
|
-
]
|
|
3707
|
-
},
|
|
3708
|
-
"default-secondary": {
|
|
3709
|
-
"value": "#a6a3b4",
|
|
3710
|
-
"public": true,
|
|
3711
|
-
"isReferenceToInternal": true,
|
|
3712
|
-
"filePath": "tokens/color/alias/typography.dark.json",
|
|
3713
|
-
"isSource": true,
|
|
3714
|
-
"original": {
|
|
3715
|
-
"value": "{color.dark-mode.neutral.200.value}",
|
|
3716
|
-
"public": true,
|
|
3717
|
-
"isReferenceToInternal": true
|
|
3718
|
-
},
|
|
3719
|
-
"name": "color-dark-mode-text-default-secondary",
|
|
3720
|
-
"attributes": {
|
|
3721
|
-
"category": "color",
|
|
3722
|
-
"type": "dark-mode",
|
|
3723
|
-
"item": "text",
|
|
3724
|
-
"subitem": "default-secondary"
|
|
3725
|
-
},
|
|
3726
|
-
"path": [
|
|
3727
|
-
"color",
|
|
3728
|
-
"dark-mode",
|
|
3729
|
-
"text",
|
|
3730
|
-
"default-secondary"
|
|
3731
|
-
]
|
|
3732
|
-
}
|
|
3733
|
-
},
|
|
3734
3940
|
"brand": {
|
|
3735
3941
|
"primary": {
|
|
3736
3942
|
"100": {
|