@patternfly/design-tokens 1.14.9 → 1.15.1
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/tokens-dark.scss +16 -16
- package/build/css/tokens-default.scss +17 -15
- package/build/css/tokens-glass-dark.scss +21 -4
- package/build/css/tokens-glass.scss +17 -4
- package/build/css/tokens-palette.scss +1 -1
- package/build/css/tokens-redhat-dark.scss +9 -2
- package/build/css/tokens-redhat-glass-dark.scss +27 -4
- package/build/css/tokens-redhat-glass.scss +17 -4
- package/build/css/tokens-redhat-highcontrast-dark.scss +5 -4
- package/build/css/tokens-redhat-highcontrast.scss +2 -2
- package/build/css/tokens-redhat.scss +1 -1
- package/build.js +44 -1
- package/package.json +1 -1
- package/patternfly-docs/content/token-layers-glass-dark.json +497 -965
- package/patternfly-docs/content/token-layers-glass.json +12337 -991
- package/patternfly-docs/content/token-layers-highcontrast-dark.json +849 -553
- package/patternfly-docs/content/token-layers-highcontrast.json +1237 -927
- package/patternfly-docs/content/token-layers-redhat-dark.json +2731 -2662
- package/patternfly-docs/content/token-layers-redhat-glass-dark.json +1700 -2230
- package/patternfly-docs/content/token-layers-redhat-glass.json +12497 -1151
- package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +500 -373
- package/patternfly-docs/content/token-layers-redhat-highcontrast.json +1304 -998
- package/patternfly-docs/content/token-layers-redhat.json +1650 -1340
- package/plugins/export-patternfly-tokens/dist/ui.html +32 -24
- package/plugins/export-patternfly-tokens/src/ui.tsx +8 -0
- package/tokens/default/dark/base.dark.json +5 -5
- package/tokens/default/dark/charts.dark.json +20 -20
- package/tokens/default/dark/semantic.dark.json +45 -36
- package/tokens/default/glass/base.dimension.json +16 -16
- package/tokens/default/glass/base.json +2 -2
- package/tokens/default/glass/semantic.dimension.glass.json +1109 -0
- package/tokens/default/glass/semantic.glass.json +49 -40
- package/tokens/default/glass-dark/base.dark.json +5 -5
- package/tokens/default/glass-dark/semantic.glass.dark.json +56 -47
- package/tokens/default/highcontrast/base.dimension.json +16 -16
- package/tokens/default/highcontrast/base.json +2 -2
- package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +51 -39
- package/tokens/default/highcontrast/semantic.highcontrast.json +41 -32
- package/tokens/default/highcontrast-dark/base.dark.json +5 -5
- package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +44 -35
- package/tokens/default/light/base.dimension.json +16 -16
- package/tokens/default/light/base.json +2 -2
- package/tokens/default/light/charts.json +20 -20
- package/tokens/default/light/semantic.dimension.json +51 -39
- package/tokens/default/light/semantic.json +41 -32
- package/tokens/default/light/semantic.motion.json +24 -24
- package/tokens/redhat/dark/redhat.color.dark.json +71 -24
- package/tokens/redhat/glass/redhat.color.glass.json +25 -25
- package/tokens/redhat/glass/redhat.dimension.glass.json +2 -0
- package/tokens/redhat/glass-dark/redhat.color.glass.dark.json +67 -25
- package/tokens/redhat/highcontrast/redhat.color.highcontrast.json +25 -25
- package/tokens/redhat/highcontrast/redhat.dimension.highcontrast.json +6 -6
- package/tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json +25 -25
- package/tokens/redhat/light/redhat.color.json +25 -25
- package/tokens/redhat/light/redhat.dimension.json +6 -6
|
@@ -1,245 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"semantic": {
|
|
3
3
|
"colors": {
|
|
4
|
-
"pf-t--global--background--filter--glass--blur--primary": {
|
|
5
|
-
"default": {
|
|
6
|
-
"type": "number",
|
|
7
|
-
"value": "blur(0px)",
|
|
8
|
-
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
9
|
-
"isSource": true,
|
|
10
|
-
"original": {
|
|
11
|
-
"type": "number",
|
|
12
|
-
"value": 0
|
|
13
|
-
},
|
|
14
|
-
"name": "pf-t--global--background--filter--glass--blur--primary",
|
|
15
|
-
"attributes": {
|
|
16
|
-
"category": "global",
|
|
17
|
-
"type": "background",
|
|
18
|
-
"item": "filter",
|
|
19
|
-
"subitem": "glass",
|
|
20
|
-
"state": "blur"
|
|
21
|
-
},
|
|
22
|
-
"path": [
|
|
23
|
-
"global",
|
|
24
|
-
"background",
|
|
25
|
-
"filter",
|
|
26
|
-
"glass",
|
|
27
|
-
"blur",
|
|
28
|
-
"primary"
|
|
29
|
-
]
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
"pf-t--global--background--filter--glass--blur--floating": {
|
|
33
|
-
"default": {
|
|
34
|
-
"type": "number",
|
|
35
|
-
"value": "blur(0px)",
|
|
36
|
-
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
37
|
-
"isSource": true,
|
|
38
|
-
"original": {
|
|
39
|
-
"type": "number",
|
|
40
|
-
"value": 0
|
|
41
|
-
},
|
|
42
|
-
"name": "pf-t--global--background--filter--glass--blur--floating",
|
|
43
|
-
"attributes": {
|
|
44
|
-
"category": "global",
|
|
45
|
-
"type": "background",
|
|
46
|
-
"item": "filter",
|
|
47
|
-
"subitem": "glass",
|
|
48
|
-
"state": "blur"
|
|
49
|
-
},
|
|
50
|
-
"path": [
|
|
51
|
-
"global",
|
|
52
|
-
"background",
|
|
53
|
-
"filter",
|
|
54
|
-
"glass",
|
|
55
|
-
"blur",
|
|
56
|
-
"floating"
|
|
57
|
-
]
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
"pf-t--global--background--color--glass--primary": {
|
|
61
|
-
"default": {
|
|
62
|
-
"type": "color",
|
|
63
|
-
"value": "#000000",
|
|
64
|
-
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
65
|
-
"isSource": true,
|
|
66
|
-
"original": {
|
|
67
|
-
"type": "color",
|
|
68
|
-
"value": "{global.background.color.primary.default}"
|
|
69
|
-
},
|
|
70
|
-
"name": "pf-t--global--background--color--glass--primary",
|
|
71
|
-
"attributes": {
|
|
72
|
-
"category": "global",
|
|
73
|
-
"type": "background",
|
|
74
|
-
"item": "color",
|
|
75
|
-
"subitem": "glass",
|
|
76
|
-
"state": "primary"
|
|
77
|
-
},
|
|
78
|
-
"path": [
|
|
79
|
-
"global",
|
|
80
|
-
"background",
|
|
81
|
-
"color",
|
|
82
|
-
"glass",
|
|
83
|
-
"primary"
|
|
84
|
-
],
|
|
85
|
-
"references": [
|
|
86
|
-
{
|
|
87
|
-
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
88
|
-
"type": "color",
|
|
89
|
-
"value": "#000000",
|
|
90
|
-
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
91
|
-
"isSource": true,
|
|
92
|
-
"original": {
|
|
93
|
-
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
94
|
-
"type": "color",
|
|
95
|
-
"value": "{color.black}"
|
|
96
|
-
},
|
|
97
|
-
"name": "pf-t--global--background--color--primary--default",
|
|
98
|
-
"attributes": {
|
|
99
|
-
"category": "global",
|
|
100
|
-
"type": "background",
|
|
101
|
-
"item": "color",
|
|
102
|
-
"subitem": "primary",
|
|
103
|
-
"state": "default"
|
|
104
|
-
},
|
|
105
|
-
"path": [
|
|
106
|
-
"global",
|
|
107
|
-
"background",
|
|
108
|
-
"color",
|
|
109
|
-
"primary",
|
|
110
|
-
"default"
|
|
111
|
-
],
|
|
112
|
-
"references": [
|
|
113
|
-
{
|
|
114
|
-
"type": "color",
|
|
115
|
-
"value": "#000000",
|
|
116
|
-
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
117
|
-
"isSource": true,
|
|
118
|
-
"original": {
|
|
119
|
-
"type": "color",
|
|
120
|
-
"value": "#000000"
|
|
121
|
-
},
|
|
122
|
-
"name": "pf-t--color--black",
|
|
123
|
-
"attributes": {
|
|
124
|
-
"category": "color",
|
|
125
|
-
"type": "black"
|
|
126
|
-
},
|
|
127
|
-
"path": [
|
|
128
|
-
"color",
|
|
129
|
-
"black"
|
|
130
|
-
]
|
|
131
|
-
}
|
|
132
|
-
]
|
|
133
|
-
}
|
|
134
|
-
]
|
|
135
|
-
}
|
|
136
|
-
},
|
|
137
|
-
"pf-t--global--background--color--glass--floating": {
|
|
138
|
-
"default": {
|
|
139
|
-
"type": "color",
|
|
140
|
-
"value": "#292929",
|
|
141
|
-
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
142
|
-
"isSource": true,
|
|
143
|
-
"original": {
|
|
144
|
-
"type": "color",
|
|
145
|
-
"value": "{global.background.color.floating.default}"
|
|
146
|
-
},
|
|
147
|
-
"name": "pf-t--global--background--color--glass--floating",
|
|
148
|
-
"attributes": {
|
|
149
|
-
"category": "global",
|
|
150
|
-
"type": "background",
|
|
151
|
-
"item": "color",
|
|
152
|
-
"subitem": "glass",
|
|
153
|
-
"state": "floating"
|
|
154
|
-
},
|
|
155
|
-
"path": [
|
|
156
|
-
"global",
|
|
157
|
-
"background",
|
|
158
|
-
"color",
|
|
159
|
-
"glass",
|
|
160
|
-
"floating"
|
|
161
|
-
],
|
|
162
|
-
"references": [
|
|
163
|
-
{
|
|
164
|
-
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
165
|
-
"type": "color",
|
|
166
|
-
"value": "#292929",
|
|
167
|
-
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
168
|
-
"isSource": true,
|
|
169
|
-
"original": {
|
|
170
|
-
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
171
|
-
"type": "color",
|
|
172
|
-
"value": "{global.dark.background.color.200}"
|
|
173
|
-
},
|
|
174
|
-
"name": "pf-t--global--background--color--floating--default",
|
|
175
|
-
"attributes": {
|
|
176
|
-
"category": "global",
|
|
177
|
-
"type": "background",
|
|
178
|
-
"item": "color",
|
|
179
|
-
"subitem": "floating",
|
|
180
|
-
"state": "default"
|
|
181
|
-
},
|
|
182
|
-
"path": [
|
|
183
|
-
"global",
|
|
184
|
-
"background",
|
|
185
|
-
"color",
|
|
186
|
-
"floating",
|
|
187
|
-
"default"
|
|
188
|
-
],
|
|
189
|
-
"references": [
|
|
190
|
-
{
|
|
191
|
-
"type": "color",
|
|
192
|
-
"value": "#292929",
|
|
193
|
-
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
194
|
-
"isSource": true,
|
|
195
|
-
"original": {
|
|
196
|
-
"type": "color",
|
|
197
|
-
"value": "{color.gray.80}"
|
|
198
|
-
},
|
|
199
|
-
"name": "pf-t--global--dark--background--color--200",
|
|
200
|
-
"attributes": {
|
|
201
|
-
"category": "global",
|
|
202
|
-
"type": "dark",
|
|
203
|
-
"item": "background",
|
|
204
|
-
"subitem": "color",
|
|
205
|
-
"state": "200"
|
|
206
|
-
},
|
|
207
|
-
"path": [
|
|
208
|
-
"global",
|
|
209
|
-
"dark",
|
|
210
|
-
"background",
|
|
211
|
-
"color",
|
|
212
|
-
"200"
|
|
213
|
-
],
|
|
214
|
-
"references": [
|
|
215
|
-
{
|
|
216
|
-
"type": "color",
|
|
217
|
-
"value": "#292929",
|
|
218
|
-
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
219
|
-
"isSource": true,
|
|
220
|
-
"original": {
|
|
221
|
-
"type": "color",
|
|
222
|
-
"value": "#292929"
|
|
223
|
-
},
|
|
224
|
-
"name": "pf-t--color--gray--80",
|
|
225
|
-
"attributes": {
|
|
226
|
-
"category": "color",
|
|
227
|
-
"type": "gray",
|
|
228
|
-
"item": "80"
|
|
229
|
-
},
|
|
230
|
-
"path": [
|
|
231
|
-
"color",
|
|
232
|
-
"gray",
|
|
233
|
-
"80"
|
|
234
|
-
]
|
|
235
|
-
}
|
|
236
|
-
]
|
|
237
|
-
}
|
|
238
|
-
]
|
|
239
|
-
}
|
|
240
|
-
]
|
|
241
|
-
}
|
|
242
|
-
},
|
|
243
4
|
"pf-t--global--background--color--primary--default": {
|
|
244
5
|
"default": {
|
|
245
6
|
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
@@ -741,6 +502,84 @@
|
|
|
741
502
|
]
|
|
742
503
|
}
|
|
743
504
|
},
|
|
505
|
+
"pf-t--global--background--color--glass--primary--default": {
|
|
506
|
+
"default": {
|
|
507
|
+
"type": "color",
|
|
508
|
+
"value": "#000000",
|
|
509
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
510
|
+
"isSource": true,
|
|
511
|
+
"original": {
|
|
512
|
+
"type": "color",
|
|
513
|
+
"value": "{global.background.color.primary.default}"
|
|
514
|
+
},
|
|
515
|
+
"name": "pf-t--global--background--color--glass--primary--default",
|
|
516
|
+
"attributes": {
|
|
517
|
+
"category": "global",
|
|
518
|
+
"type": "background",
|
|
519
|
+
"item": "color",
|
|
520
|
+
"subitem": "glass",
|
|
521
|
+
"state": "primary"
|
|
522
|
+
},
|
|
523
|
+
"path": [
|
|
524
|
+
"global",
|
|
525
|
+
"background",
|
|
526
|
+
"color",
|
|
527
|
+
"glass",
|
|
528
|
+
"primary",
|
|
529
|
+
"default"
|
|
530
|
+
],
|
|
531
|
+
"references": [
|
|
532
|
+
{
|
|
533
|
+
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
534
|
+
"type": "color",
|
|
535
|
+
"value": "#000000",
|
|
536
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
537
|
+
"isSource": true,
|
|
538
|
+
"original": {
|
|
539
|
+
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
540
|
+
"type": "color",
|
|
541
|
+
"value": "{color.black}"
|
|
542
|
+
},
|
|
543
|
+
"name": "pf-t--global--background--color--primary--default",
|
|
544
|
+
"attributes": {
|
|
545
|
+
"category": "global",
|
|
546
|
+
"type": "background",
|
|
547
|
+
"item": "color",
|
|
548
|
+
"subitem": "primary",
|
|
549
|
+
"state": "default"
|
|
550
|
+
},
|
|
551
|
+
"path": [
|
|
552
|
+
"global",
|
|
553
|
+
"background",
|
|
554
|
+
"color",
|
|
555
|
+
"primary",
|
|
556
|
+
"default"
|
|
557
|
+
],
|
|
558
|
+
"references": [
|
|
559
|
+
{
|
|
560
|
+
"type": "color",
|
|
561
|
+
"value": "#000000",
|
|
562
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
563
|
+
"isSource": true,
|
|
564
|
+
"original": {
|
|
565
|
+
"type": "color",
|
|
566
|
+
"value": "#000000"
|
|
567
|
+
},
|
|
568
|
+
"name": "pf-t--color--black",
|
|
569
|
+
"attributes": {
|
|
570
|
+
"category": "color",
|
|
571
|
+
"type": "black"
|
|
572
|
+
},
|
|
573
|
+
"path": [
|
|
574
|
+
"color",
|
|
575
|
+
"black"
|
|
576
|
+
]
|
|
577
|
+
}
|
|
578
|
+
]
|
|
579
|
+
}
|
|
580
|
+
]
|
|
581
|
+
}
|
|
582
|
+
},
|
|
744
583
|
"pf-t--global--background--color--floating--default": {
|
|
745
584
|
"default": {
|
|
746
585
|
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
@@ -978,6 +817,192 @@
|
|
|
978
817
|
]
|
|
979
818
|
}
|
|
980
819
|
},
|
|
820
|
+
"pf-t--global--background--color--floating--secondary--default": {
|
|
821
|
+
"default": {
|
|
822
|
+
"type": "color",
|
|
823
|
+
"value": "#151515",
|
|
824
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
825
|
+
"isSource": true,
|
|
826
|
+
"original": {
|
|
827
|
+
"type": "color",
|
|
828
|
+
"value": "{global.background.color.secondary.default}"
|
|
829
|
+
},
|
|
830
|
+
"name": "pf-t--global--background--color--floating--secondary--default",
|
|
831
|
+
"attributes": {
|
|
832
|
+
"category": "global",
|
|
833
|
+
"type": "background",
|
|
834
|
+
"item": "color",
|
|
835
|
+
"subitem": "floating",
|
|
836
|
+
"state": "secondary"
|
|
837
|
+
},
|
|
838
|
+
"path": [
|
|
839
|
+
"global",
|
|
840
|
+
"background",
|
|
841
|
+
"color",
|
|
842
|
+
"floating",
|
|
843
|
+
"secondary",
|
|
844
|
+
"default"
|
|
845
|
+
],
|
|
846
|
+
"references": [
|
|
847
|
+
{
|
|
848
|
+
"description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
|
|
849
|
+
"type": "color",
|
|
850
|
+
"value": "#151515",
|
|
851
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
852
|
+
"isSource": true,
|
|
853
|
+
"original": {
|
|
854
|
+
"description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
|
|
855
|
+
"type": "color",
|
|
856
|
+
"value": "{global.dark.background.color.100}"
|
|
857
|
+
},
|
|
858
|
+
"name": "pf-t--global--background--color--secondary--default",
|
|
859
|
+
"attributes": {
|
|
860
|
+
"category": "global",
|
|
861
|
+
"type": "background",
|
|
862
|
+
"item": "color",
|
|
863
|
+
"subitem": "secondary",
|
|
864
|
+
"state": "default"
|
|
865
|
+
},
|
|
866
|
+
"path": [
|
|
867
|
+
"global",
|
|
868
|
+
"background",
|
|
869
|
+
"color",
|
|
870
|
+
"secondary",
|
|
871
|
+
"default"
|
|
872
|
+
],
|
|
873
|
+
"references": [
|
|
874
|
+
{
|
|
875
|
+
"type": "color",
|
|
876
|
+
"value": "#151515",
|
|
877
|
+
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
878
|
+
"isSource": true,
|
|
879
|
+
"original": {
|
|
880
|
+
"type": "color",
|
|
881
|
+
"value": "{color.gray.95}"
|
|
882
|
+
},
|
|
883
|
+
"name": "pf-t--global--dark--background--color--100",
|
|
884
|
+
"attributes": {
|
|
885
|
+
"category": "global",
|
|
886
|
+
"type": "dark",
|
|
887
|
+
"item": "background",
|
|
888
|
+
"subitem": "color",
|
|
889
|
+
"state": "100"
|
|
890
|
+
},
|
|
891
|
+
"path": [
|
|
892
|
+
"global",
|
|
893
|
+
"dark",
|
|
894
|
+
"background",
|
|
895
|
+
"color",
|
|
896
|
+
"100"
|
|
897
|
+
],
|
|
898
|
+
"references": [
|
|
899
|
+
{
|
|
900
|
+
"type": "color",
|
|
901
|
+
"value": "#151515",
|
|
902
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
903
|
+
"isSource": true,
|
|
904
|
+
"original": {
|
|
905
|
+
"type": "color",
|
|
906
|
+
"value": "#151515"
|
|
907
|
+
},
|
|
908
|
+
"name": "pf-t--color--gray--95",
|
|
909
|
+
"attributes": {
|
|
910
|
+
"category": "color",
|
|
911
|
+
"type": "gray",
|
|
912
|
+
"item": "95"
|
|
913
|
+
},
|
|
914
|
+
"path": [
|
|
915
|
+
"color",
|
|
916
|
+
"gray",
|
|
917
|
+
"95"
|
|
918
|
+
]
|
|
919
|
+
}
|
|
920
|
+
]
|
|
921
|
+
}
|
|
922
|
+
]
|
|
923
|
+
}
|
|
924
|
+
]
|
|
925
|
+
}
|
|
926
|
+
},
|
|
927
|
+
"pf-t--global--background--color--sticky--default": {
|
|
928
|
+
"default": {
|
|
929
|
+
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
930
|
+
"type": "color",
|
|
931
|
+
"value": "#292929",
|
|
932
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
933
|
+
"isSource": true,
|
|
934
|
+
"original": {
|
|
935
|
+
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
936
|
+
"type": "color",
|
|
937
|
+
"value": "{global.dark.background.color.200}"
|
|
938
|
+
},
|
|
939
|
+
"name": "pf-t--global--background--color--sticky--default",
|
|
940
|
+
"attributes": {
|
|
941
|
+
"category": "global",
|
|
942
|
+
"type": "background",
|
|
943
|
+
"item": "color",
|
|
944
|
+
"subitem": "sticky",
|
|
945
|
+
"state": "default"
|
|
946
|
+
},
|
|
947
|
+
"path": [
|
|
948
|
+
"global",
|
|
949
|
+
"background",
|
|
950
|
+
"color",
|
|
951
|
+
"sticky",
|
|
952
|
+
"default"
|
|
953
|
+
],
|
|
954
|
+
"references": [
|
|
955
|
+
{
|
|
956
|
+
"type": "color",
|
|
957
|
+
"value": "#292929",
|
|
958
|
+
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
959
|
+
"isSource": true,
|
|
960
|
+
"original": {
|
|
961
|
+
"type": "color",
|
|
962
|
+
"value": "{color.gray.80}"
|
|
963
|
+
},
|
|
964
|
+
"name": "pf-t--global--dark--background--color--200",
|
|
965
|
+
"attributes": {
|
|
966
|
+
"category": "global",
|
|
967
|
+
"type": "dark",
|
|
968
|
+
"item": "background",
|
|
969
|
+
"subitem": "color",
|
|
970
|
+
"state": "200"
|
|
971
|
+
},
|
|
972
|
+
"path": [
|
|
973
|
+
"global",
|
|
974
|
+
"dark",
|
|
975
|
+
"background",
|
|
976
|
+
"color",
|
|
977
|
+
"200"
|
|
978
|
+
],
|
|
979
|
+
"references": [
|
|
980
|
+
{
|
|
981
|
+
"type": "color",
|
|
982
|
+
"value": "#292929",
|
|
983
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
984
|
+
"isSource": true,
|
|
985
|
+
"original": {
|
|
986
|
+
"type": "color",
|
|
987
|
+
"value": "#292929"
|
|
988
|
+
},
|
|
989
|
+
"name": "pf-t--color--gray--80",
|
|
990
|
+
"attributes": {
|
|
991
|
+
"category": "color",
|
|
992
|
+
"type": "gray",
|
|
993
|
+
"item": "80"
|
|
994
|
+
},
|
|
995
|
+
"path": [
|
|
996
|
+
"color",
|
|
997
|
+
"gray",
|
|
998
|
+
"80"
|
|
999
|
+
]
|
|
1000
|
+
}
|
|
1001
|
+
]
|
|
1002
|
+
}
|
|
1003
|
+
]
|
|
1004
|
+
}
|
|
1005
|
+
},
|
|
981
1006
|
"pf-t--global--background--color--action--plain--default": {
|
|
982
1007
|
"default": {
|
|
983
1008
|
"description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.",
|
|
@@ -1972,6 +1997,34 @@
|
|
|
1972
1997
|
]
|
|
1973
1998
|
}
|
|
1974
1999
|
},
|
|
2000
|
+
"pf-t--global--background--color--striped--row--default": {
|
|
2001
|
+
"default": {
|
|
2002
|
+
"type": "color",
|
|
2003
|
+
"value": "rgba(21, 21, 21, 0.3000)",
|
|
2004
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
2005
|
+
"isSource": true,
|
|
2006
|
+
"original": {
|
|
2007
|
+
"type": "color",
|
|
2008
|
+
"value": "rgba(21, 21, 21, 0.3000)"
|
|
2009
|
+
},
|
|
2010
|
+
"name": "pf-t--global--background--color--striped--row--default",
|
|
2011
|
+
"attributes": {
|
|
2012
|
+
"category": "global",
|
|
2013
|
+
"type": "background",
|
|
2014
|
+
"item": "color",
|
|
2015
|
+
"subitem": "striped",
|
|
2016
|
+
"state": "row"
|
|
2017
|
+
},
|
|
2018
|
+
"path": [
|
|
2019
|
+
"global",
|
|
2020
|
+
"background",
|
|
2021
|
+
"color",
|
|
2022
|
+
"striped",
|
|
2023
|
+
"row",
|
|
2024
|
+
"default"
|
|
2025
|
+
]
|
|
2026
|
+
}
|
|
2027
|
+
},
|
|
1975
2028
|
"pf-t--global--background--color--loading--skeleton--default": {
|
|
1976
2029
|
"default": {
|
|
1977
2030
|
"type": "color",
|
|
@@ -2082,60 +2135,34 @@
|
|
|
2082
2135
|
]
|
|
2083
2136
|
}
|
|
2084
2137
|
},
|
|
2085
|
-
"pf-t--global--background--
|
|
2138
|
+
"pf-t--global--background--filter--glass--blur--primary": {
|
|
2086
2139
|
"default": {
|
|
2087
2140
|
"type": "number",
|
|
2088
|
-
"value": "
|
|
2141
|
+
"value": "blur(0px)",
|
|
2089
2142
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
2090
2143
|
"isSource": true,
|
|
2091
2144
|
"original": {
|
|
2092
2145
|
"type": "number",
|
|
2093
|
-
"value":
|
|
2146
|
+
"value": 0
|
|
2094
2147
|
},
|
|
2095
|
-
"name": "pf-t--global--background--
|
|
2148
|
+
"name": "pf-t--global--background--filter--glass--blur--primary",
|
|
2096
2149
|
"attributes": {
|
|
2097
2150
|
"category": "global",
|
|
2098
2151
|
"type": "background",
|
|
2099
|
-
"item": "
|
|
2152
|
+
"item": "filter",
|
|
2100
2153
|
"subitem": "glass",
|
|
2101
|
-
"state": "
|
|
2154
|
+
"state": "blur"
|
|
2102
2155
|
},
|
|
2103
2156
|
"path": [
|
|
2104
2157
|
"global",
|
|
2105
2158
|
"background",
|
|
2106
|
-
"
|
|
2159
|
+
"filter",
|
|
2107
2160
|
"glass",
|
|
2161
|
+
"blur",
|
|
2108
2162
|
"primary"
|
|
2109
2163
|
]
|
|
2110
2164
|
}
|
|
2111
2165
|
},
|
|
2112
|
-
"pf-t--global--background--opacity--glass--floating": {
|
|
2113
|
-
"default": {
|
|
2114
|
-
"type": "number",
|
|
2115
|
-
"value": "100%",
|
|
2116
|
-
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
2117
|
-
"isSource": true,
|
|
2118
|
-
"original": {
|
|
2119
|
-
"type": "number",
|
|
2120
|
-
"value": 100
|
|
2121
|
-
},
|
|
2122
|
-
"name": "pf-t--global--background--opacity--glass--floating",
|
|
2123
|
-
"attributes": {
|
|
2124
|
-
"category": "global",
|
|
2125
|
-
"type": "background",
|
|
2126
|
-
"item": "opacity",
|
|
2127
|
-
"subitem": "glass",
|
|
2128
|
-
"state": "floating"
|
|
2129
|
-
},
|
|
2130
|
-
"path": [
|
|
2131
|
-
"global",
|
|
2132
|
-
"background",
|
|
2133
|
-
"opacity",
|
|
2134
|
-
"glass",
|
|
2135
|
-
"floating"
|
|
2136
|
-
]
|
|
2137
|
-
}
|
|
2138
|
-
},
|
|
2139
2166
|
"pf-t--global--color--brand--default": {
|
|
2140
2167
|
"default": {
|
|
2141
2168
|
"description": "Use this color for elements that you want to reinforce your brand",
|
|
@@ -17442,13 +17469,13 @@
|
|
|
17442
17469
|
"default": {
|
|
17443
17470
|
"description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
|
|
17444
17471
|
"type": "color",
|
|
17445
|
-
"value": "#
|
|
17472
|
+
"value": "#92c5f9",
|
|
17446
17473
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
17447
17474
|
"isSource": true,
|
|
17448
17475
|
"original": {
|
|
17449
17476
|
"description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
|
|
17450
17477
|
"type": "color",
|
|
17451
|
-
"value": "{global.
|
|
17478
|
+
"value": "{global.color.brand.accent.default}"
|
|
17452
17479
|
},
|
|
17453
17480
|
"name": "pf-t--global--border--color--brand--accent--default",
|
|
17454
17481
|
"attributes": {
|
|
@@ -17468,50 +17495,105 @@
|
|
|
17468
17495
|
],
|
|
17469
17496
|
"references": [
|
|
17470
17497
|
{
|
|
17498
|
+
"description": "Use this color for elements that you want to reinforce your brand",
|
|
17471
17499
|
"type": "color",
|
|
17472
|
-
"value": "#
|
|
17473
|
-
"filePath": "tokens/default/highcontrast-dark/
|
|
17500
|
+
"value": "#92c5f9",
|
|
17501
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
17474
17502
|
"isSource": true,
|
|
17475
17503
|
"original": {
|
|
17504
|
+
"description": "Use this color for elements that you want to reinforce your brand",
|
|
17476
17505
|
"type": "color",
|
|
17477
|
-
"value": "{color.
|
|
17506
|
+
"value": "{global.color.brand.default}"
|
|
17478
17507
|
},
|
|
17479
|
-
"name": "pf-t--global--
|
|
17508
|
+
"name": "pf-t--global--color--brand--accent--default",
|
|
17480
17509
|
"attributes": {
|
|
17481
17510
|
"category": "global",
|
|
17482
|
-
"type": "
|
|
17483
|
-
"item": "
|
|
17484
|
-
"subitem": "
|
|
17485
|
-
"state": "
|
|
17511
|
+
"type": "color",
|
|
17512
|
+
"item": "brand",
|
|
17513
|
+
"subitem": "accent",
|
|
17514
|
+
"state": "default"
|
|
17486
17515
|
},
|
|
17487
17516
|
"path": [
|
|
17488
17517
|
"global",
|
|
17489
|
-
"dark",
|
|
17490
17518
|
"color",
|
|
17491
17519
|
"brand",
|
|
17492
17520
|
"accent",
|
|
17493
|
-
"
|
|
17521
|
+
"default"
|
|
17494
17522
|
],
|
|
17495
17523
|
"references": [
|
|
17496
17524
|
{
|
|
17525
|
+
"description": "Use this color for elements that you want to reinforce your brand",
|
|
17497
17526
|
"type": "color",
|
|
17498
|
-
"value": "#
|
|
17499
|
-
"filePath": "tokens/default/highcontrast-dark/
|
|
17527
|
+
"value": "#92c5f9",
|
|
17528
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
17500
17529
|
"isSource": true,
|
|
17501
17530
|
"original": {
|
|
17531
|
+
"description": "Use this color for elements that you want to reinforce your brand",
|
|
17502
17532
|
"type": "color",
|
|
17503
|
-
"value": "
|
|
17533
|
+
"value": "{global.dark.color.brand.100}"
|
|
17504
17534
|
},
|
|
17505
|
-
"name": "pf-t--color--
|
|
17535
|
+
"name": "pf-t--global--color--brand--default",
|
|
17506
17536
|
"attributes": {
|
|
17507
|
-
"category": "
|
|
17508
|
-
"type": "
|
|
17509
|
-
"item": "
|
|
17537
|
+
"category": "global",
|
|
17538
|
+
"type": "color",
|
|
17539
|
+
"item": "brand",
|
|
17540
|
+
"subitem": "default"
|
|
17510
17541
|
},
|
|
17511
17542
|
"path": [
|
|
17543
|
+
"global",
|
|
17512
17544
|
"color",
|
|
17513
|
-
"
|
|
17514
|
-
"
|
|
17545
|
+
"brand",
|
|
17546
|
+
"default"
|
|
17547
|
+
],
|
|
17548
|
+
"references": [
|
|
17549
|
+
{
|
|
17550
|
+
"type": "color",
|
|
17551
|
+
"value": "#92c5f9",
|
|
17552
|
+
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
17553
|
+
"isSource": true,
|
|
17554
|
+
"original": {
|
|
17555
|
+
"type": "color",
|
|
17556
|
+
"value": "{color.blue.30}"
|
|
17557
|
+
},
|
|
17558
|
+
"name": "pf-t--global--dark--color--brand--100",
|
|
17559
|
+
"attributes": {
|
|
17560
|
+
"category": "global",
|
|
17561
|
+
"type": "dark",
|
|
17562
|
+
"item": "color",
|
|
17563
|
+
"subitem": "brand",
|
|
17564
|
+
"state": "100"
|
|
17565
|
+
},
|
|
17566
|
+
"path": [
|
|
17567
|
+
"global",
|
|
17568
|
+
"dark",
|
|
17569
|
+
"color",
|
|
17570
|
+
"brand",
|
|
17571
|
+
"100"
|
|
17572
|
+
],
|
|
17573
|
+
"references": [
|
|
17574
|
+
{
|
|
17575
|
+
"type": "color",
|
|
17576
|
+
"value": "#92c5f9",
|
|
17577
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
17578
|
+
"isSource": true,
|
|
17579
|
+
"original": {
|
|
17580
|
+
"type": "color",
|
|
17581
|
+
"value": "#92c5f9"
|
|
17582
|
+
},
|
|
17583
|
+
"name": "pf-t--color--blue--30",
|
|
17584
|
+
"attributes": {
|
|
17585
|
+
"category": "color",
|
|
17586
|
+
"type": "blue",
|
|
17587
|
+
"item": "30"
|
|
17588
|
+
},
|
|
17589
|
+
"path": [
|
|
17590
|
+
"color",
|
|
17591
|
+
"blue",
|
|
17592
|
+
"30"
|
|
17593
|
+
]
|
|
17594
|
+
}
|
|
17595
|
+
]
|
|
17596
|
+
}
|
|
17515
17597
|
]
|
|
17516
17598
|
}
|
|
17517
17599
|
]
|
|
@@ -17523,13 +17605,13 @@
|
|
|
17523
17605
|
"default": {
|
|
17524
17606
|
"description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
|
|
17525
17607
|
"type": "color",
|
|
17526
|
-
"value": "#
|
|
17608
|
+
"value": "#b9dafc",
|
|
17527
17609
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
17528
17610
|
"isSource": true,
|
|
17529
17611
|
"original": {
|
|
17530
17612
|
"description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
|
|
17531
17613
|
"type": "color",
|
|
17532
|
-
"value": "{global.
|
|
17614
|
+
"value": "{global.color.brand.accent.hover}"
|
|
17533
17615
|
},
|
|
17534
17616
|
"name": "pf-t--global--border--color--brand--accent--hover",
|
|
17535
17617
|
"attributes": {
|
|
@@ -17549,50 +17631,105 @@
|
|
|
17549
17631
|
],
|
|
17550
17632
|
"references": [
|
|
17551
17633
|
{
|
|
17634
|
+
"description": "Use as the hover state for elements that have a branded background color",
|
|
17552
17635
|
"type": "color",
|
|
17553
|
-
"value": "#
|
|
17554
|
-
"filePath": "tokens/default/highcontrast-dark/
|
|
17636
|
+
"value": "#b9dafc",
|
|
17637
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
17555
17638
|
"isSource": true,
|
|
17556
17639
|
"original": {
|
|
17640
|
+
"description": "Use as the hover state for elements that have a branded background color",
|
|
17557
17641
|
"type": "color",
|
|
17558
|
-
"value": "{color.
|
|
17642
|
+
"value": "{global.color.brand.hover}"
|
|
17559
17643
|
},
|
|
17560
|
-
"name": "pf-t--global--
|
|
17644
|
+
"name": "pf-t--global--color--brand--accent--hover",
|
|
17561
17645
|
"attributes": {
|
|
17562
17646
|
"category": "global",
|
|
17563
|
-
"type": "
|
|
17564
|
-
"item": "
|
|
17565
|
-
"subitem": "
|
|
17566
|
-
"state": "
|
|
17647
|
+
"type": "color",
|
|
17648
|
+
"item": "brand",
|
|
17649
|
+
"subitem": "accent",
|
|
17650
|
+
"state": "hover"
|
|
17567
17651
|
},
|
|
17568
17652
|
"path": [
|
|
17569
17653
|
"global",
|
|
17570
|
-
"dark",
|
|
17571
17654
|
"color",
|
|
17572
17655
|
"brand",
|
|
17573
17656
|
"accent",
|
|
17574
|
-
"
|
|
17657
|
+
"hover"
|
|
17575
17658
|
],
|
|
17576
17659
|
"references": [
|
|
17577
17660
|
{
|
|
17661
|
+
"description": "Use as the hover state for elements that have a branded background color",
|
|
17578
17662
|
"type": "color",
|
|
17579
|
-
"value": "#
|
|
17580
|
-
"filePath": "tokens/default/highcontrast-dark/
|
|
17663
|
+
"value": "#b9dafc",
|
|
17664
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
17581
17665
|
"isSource": true,
|
|
17582
17666
|
"original": {
|
|
17667
|
+
"description": "Use as the hover state for elements that have a branded background color",
|
|
17583
17668
|
"type": "color",
|
|
17584
|
-
"value": "
|
|
17669
|
+
"value": "{global.dark.color.brand.200}"
|
|
17585
17670
|
},
|
|
17586
|
-
"name": "pf-t--color--
|
|
17671
|
+
"name": "pf-t--global--color--brand--hover",
|
|
17587
17672
|
"attributes": {
|
|
17588
|
-
"category": "
|
|
17589
|
-
"type": "
|
|
17590
|
-
"item": "
|
|
17673
|
+
"category": "global",
|
|
17674
|
+
"type": "color",
|
|
17675
|
+
"item": "brand",
|
|
17676
|
+
"subitem": "hover"
|
|
17591
17677
|
},
|
|
17592
17678
|
"path": [
|
|
17679
|
+
"global",
|
|
17593
17680
|
"color",
|
|
17594
|
-
"
|
|
17595
|
-
"
|
|
17681
|
+
"brand",
|
|
17682
|
+
"hover"
|
|
17683
|
+
],
|
|
17684
|
+
"references": [
|
|
17685
|
+
{
|
|
17686
|
+
"type": "color",
|
|
17687
|
+
"value": "#b9dafc",
|
|
17688
|
+
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
17689
|
+
"isSource": true,
|
|
17690
|
+
"original": {
|
|
17691
|
+
"type": "color",
|
|
17692
|
+
"value": "{color.blue.20}"
|
|
17693
|
+
},
|
|
17694
|
+
"name": "pf-t--global--dark--color--brand--200",
|
|
17695
|
+
"attributes": {
|
|
17696
|
+
"category": "global",
|
|
17697
|
+
"type": "dark",
|
|
17698
|
+
"item": "color",
|
|
17699
|
+
"subitem": "brand",
|
|
17700
|
+
"state": "200"
|
|
17701
|
+
},
|
|
17702
|
+
"path": [
|
|
17703
|
+
"global",
|
|
17704
|
+
"dark",
|
|
17705
|
+
"color",
|
|
17706
|
+
"brand",
|
|
17707
|
+
"200"
|
|
17708
|
+
],
|
|
17709
|
+
"references": [
|
|
17710
|
+
{
|
|
17711
|
+
"type": "color",
|
|
17712
|
+
"value": "#b9dafc",
|
|
17713
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
17714
|
+
"isSource": true,
|
|
17715
|
+
"original": {
|
|
17716
|
+
"type": "color",
|
|
17717
|
+
"value": "#b9dafc"
|
|
17718
|
+
},
|
|
17719
|
+
"name": "pf-t--color--blue--20",
|
|
17720
|
+
"attributes": {
|
|
17721
|
+
"category": "color",
|
|
17722
|
+
"type": "blue",
|
|
17723
|
+
"item": "20"
|
|
17724
|
+
},
|
|
17725
|
+
"path": [
|
|
17726
|
+
"color",
|
|
17727
|
+
"blue",
|
|
17728
|
+
"20"
|
|
17729
|
+
]
|
|
17730
|
+
}
|
|
17731
|
+
]
|
|
17732
|
+
}
|
|
17596
17733
|
]
|
|
17597
17734
|
}
|
|
17598
17735
|
]
|
|
@@ -17604,13 +17741,13 @@
|
|
|
17604
17741
|
"default": {
|
|
17605
17742
|
"description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
|
|
17606
17743
|
"type": "color",
|
|
17607
|
-
"value": "#
|
|
17744
|
+
"value": "#b9dafc",
|
|
17608
17745
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
17609
17746
|
"isSource": true,
|
|
17610
17747
|
"original": {
|
|
17611
17748
|
"description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
|
|
17612
17749
|
"type": "color",
|
|
17613
|
-
"value": "{global.
|
|
17750
|
+
"value": "{global.color.brand.accent.clicked}"
|
|
17614
17751
|
},
|
|
17615
17752
|
"name": "pf-t--global--border--color--brand--accent--clicked",
|
|
17616
17753
|
"attributes": {
|
|
@@ -17630,50 +17767,105 @@
|
|
|
17630
17767
|
],
|
|
17631
17768
|
"references": [
|
|
17632
17769
|
{
|
|
17770
|
+
"description": "Use as the clicked state for elements that have a brand background color",
|
|
17633
17771
|
"type": "color",
|
|
17634
|
-
"value": "#
|
|
17635
|
-
"filePath": "tokens/default/highcontrast-dark/
|
|
17772
|
+
"value": "#b9dafc",
|
|
17773
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
17636
17774
|
"isSource": true,
|
|
17637
17775
|
"original": {
|
|
17776
|
+
"description": "Use as the clicked state for elements that have a brand background color",
|
|
17638
17777
|
"type": "color",
|
|
17639
|
-
"value": "{color.
|
|
17778
|
+
"value": "{global.color.brand.clicked}"
|
|
17640
17779
|
},
|
|
17641
|
-
"name": "pf-t--global--
|
|
17780
|
+
"name": "pf-t--global--color--brand--accent--clicked",
|
|
17642
17781
|
"attributes": {
|
|
17643
17782
|
"category": "global",
|
|
17644
|
-
"type": "
|
|
17645
|
-
"item": "
|
|
17646
|
-
"subitem": "
|
|
17647
|
-
"state": "
|
|
17783
|
+
"type": "color",
|
|
17784
|
+
"item": "brand",
|
|
17785
|
+
"subitem": "accent",
|
|
17786
|
+
"state": "clicked"
|
|
17648
17787
|
},
|
|
17649
17788
|
"path": [
|
|
17650
17789
|
"global",
|
|
17651
|
-
"dark",
|
|
17652
17790
|
"color",
|
|
17653
17791
|
"brand",
|
|
17654
17792
|
"accent",
|
|
17655
|
-
"
|
|
17793
|
+
"clicked"
|
|
17656
17794
|
],
|
|
17657
17795
|
"references": [
|
|
17658
17796
|
{
|
|
17797
|
+
"description": "Use as the clicked state for elements that have a brand background color",
|
|
17659
17798
|
"type": "color",
|
|
17660
|
-
"value": "#
|
|
17661
|
-
"filePath": "tokens/default/highcontrast-dark/
|
|
17799
|
+
"value": "#b9dafc",
|
|
17800
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
17662
17801
|
"isSource": true,
|
|
17663
17802
|
"original": {
|
|
17803
|
+
"description": "Use as the clicked state for elements that have a brand background color",
|
|
17664
17804
|
"type": "color",
|
|
17665
|
-
"value": "
|
|
17805
|
+
"value": "{global.dark.color.brand.200}"
|
|
17666
17806
|
},
|
|
17667
|
-
"name": "pf-t--color--
|
|
17807
|
+
"name": "pf-t--global--color--brand--clicked",
|
|
17668
17808
|
"attributes": {
|
|
17669
|
-
"category": "
|
|
17670
|
-
"type": "
|
|
17671
|
-
"item": "
|
|
17809
|
+
"category": "global",
|
|
17810
|
+
"type": "color",
|
|
17811
|
+
"item": "brand",
|
|
17812
|
+
"subitem": "clicked"
|
|
17672
17813
|
},
|
|
17673
17814
|
"path": [
|
|
17815
|
+
"global",
|
|
17674
17816
|
"color",
|
|
17675
|
-
"
|
|
17676
|
-
"
|
|
17817
|
+
"brand",
|
|
17818
|
+
"clicked"
|
|
17819
|
+
],
|
|
17820
|
+
"references": [
|
|
17821
|
+
{
|
|
17822
|
+
"type": "color",
|
|
17823
|
+
"value": "#b9dafc",
|
|
17824
|
+
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
17825
|
+
"isSource": true,
|
|
17826
|
+
"original": {
|
|
17827
|
+
"type": "color",
|
|
17828
|
+
"value": "{color.blue.20}"
|
|
17829
|
+
},
|
|
17830
|
+
"name": "pf-t--global--dark--color--brand--200",
|
|
17831
|
+
"attributes": {
|
|
17832
|
+
"category": "global",
|
|
17833
|
+
"type": "dark",
|
|
17834
|
+
"item": "color",
|
|
17835
|
+
"subitem": "brand",
|
|
17836
|
+
"state": "200"
|
|
17837
|
+
},
|
|
17838
|
+
"path": [
|
|
17839
|
+
"global",
|
|
17840
|
+
"dark",
|
|
17841
|
+
"color",
|
|
17842
|
+
"brand",
|
|
17843
|
+
"200"
|
|
17844
|
+
],
|
|
17845
|
+
"references": [
|
|
17846
|
+
{
|
|
17847
|
+
"type": "color",
|
|
17848
|
+
"value": "#b9dafc",
|
|
17849
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
17850
|
+
"isSource": true,
|
|
17851
|
+
"original": {
|
|
17852
|
+
"type": "color",
|
|
17853
|
+
"value": "#b9dafc"
|
|
17854
|
+
},
|
|
17855
|
+
"name": "pf-t--color--blue--20",
|
|
17856
|
+
"attributes": {
|
|
17857
|
+
"category": "color",
|
|
17858
|
+
"type": "blue",
|
|
17859
|
+
"item": "20"
|
|
17860
|
+
},
|
|
17861
|
+
"path": [
|
|
17862
|
+
"color",
|
|
17863
|
+
"blue",
|
|
17864
|
+
"20"
|
|
17865
|
+
]
|
|
17866
|
+
}
|
|
17867
|
+
]
|
|
17868
|
+
}
|
|
17677
17869
|
]
|
|
17678
17870
|
}
|
|
17679
17871
|
]
|
|
@@ -19986,230 +20178,334 @@
|
|
|
19986
20178
|
]
|
|
19987
20179
|
}
|
|
19988
20180
|
},
|
|
19989
|
-
"pf-t--global--border--color--disabled": {
|
|
19990
|
-
"default": {
|
|
19991
|
-
"description": "Use as the disabled border color for elements like form inputs, menu toggles, cards, etc.",
|
|
19992
|
-
"type": "color",
|
|
19993
|
-
"value": "#a3a3a3",
|
|
19994
|
-
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
19995
|
-
"isSource": true,
|
|
19996
|
-
"original": {
|
|
19997
|
-
"description": "Use as the disabled border color for elements like form inputs, menu toggles, cards, etc.",
|
|
19998
|
-
"type": "color",
|
|
19999
|
-
"value": "{global.dark.color.disabled.100}"
|
|
20000
|
-
},
|
|
20001
|
-
"name": "pf-t--global--border--color--disabled",
|
|
20002
|
-
"attributes": {
|
|
20003
|
-
"category": "global",
|
|
20004
|
-
"type": "border",
|
|
20005
|
-
"item": "color",
|
|
20006
|
-
"subitem": "disabled"
|
|
20007
|
-
},
|
|
20008
|
-
"path": [
|
|
20009
|
-
"global",
|
|
20010
|
-
"border",
|
|
20011
|
-
"color",
|
|
20012
|
-
"disabled"
|
|
20013
|
-
],
|
|
20014
|
-
"references": [
|
|
20015
|
-
{
|
|
20016
|
-
"type": "color",
|
|
20017
|
-
"value": "#a3a3a3",
|
|
20018
|
-
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
20019
|
-
"isSource": true,
|
|
20020
|
-
"original": {
|
|
20021
|
-
"type": "color",
|
|
20022
|
-
"value": "{color.gray.40}"
|
|
20023
|
-
},
|
|
20024
|
-
"name": "pf-t--global--dark--color--disabled--100",
|
|
20025
|
-
"attributes": {
|
|
20026
|
-
"category": "global",
|
|
20027
|
-
"type": "dark",
|
|
20028
|
-
"item": "color",
|
|
20029
|
-
"subitem": "disabled",
|
|
20030
|
-
"state": "100"
|
|
20031
|
-
},
|
|
20032
|
-
"path": [
|
|
20033
|
-
"global",
|
|
20034
|
-
"dark",
|
|
20035
|
-
"color",
|
|
20036
|
-
"disabled",
|
|
20037
|
-
"100"
|
|
20038
|
-
],
|
|
20039
|
-
"references": [
|
|
20040
|
-
{
|
|
20041
|
-
"type": "color",
|
|
20042
|
-
"value": "#a3a3a3",
|
|
20043
|
-
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
20044
|
-
"isSource": true,
|
|
20045
|
-
"original": {
|
|
20046
|
-
"type": "color",
|
|
20047
|
-
"value": "#a3a3a3"
|
|
20048
|
-
},
|
|
20049
|
-
"name": "pf-t--color--gray--40",
|
|
20050
|
-
"attributes": {
|
|
20051
|
-
"category": "color",
|
|
20052
|
-
"type": "gray",
|
|
20053
|
-
"item": "40"
|
|
20054
|
-
},
|
|
20055
|
-
"path": [
|
|
20056
|
-
"color",
|
|
20057
|
-
"gray",
|
|
20058
|
-
"40"
|
|
20059
|
-
]
|
|
20060
|
-
}
|
|
20061
|
-
]
|
|
20062
|
-
}
|
|
20063
|
-
]
|
|
20064
|
-
}
|
|
20065
|
-
},
|
|
20066
|
-
"pf-t--global--border--color--alt": {
|
|
20067
|
-
"default": {
|
|
20068
|
-
"description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
|
|
20069
|
-
"type": "color",
|
|
20070
|
-
"value": "#000000",
|
|
20071
|
-
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
20072
|
-
"isSource": true,
|
|
20073
|
-
"original": {
|
|
20074
|
-
"description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
|
|
20075
|
-
"type": "color",
|
|
20076
|
-
"value": "{global.background.color.primary.default}"
|
|
20077
|
-
},
|
|
20078
|
-
"name": "pf-t--global--border--color--alt",
|
|
20079
|
-
"attributes": {
|
|
20080
|
-
"category": "global",
|
|
20081
|
-
"type": "border",
|
|
20082
|
-
"item": "color",
|
|
20083
|
-
"subitem": "alt"
|
|
20084
|
-
},
|
|
20085
|
-
"path": [
|
|
20086
|
-
"global",
|
|
20087
|
-
"border",
|
|
20088
|
-
"color",
|
|
20089
|
-
"alt"
|
|
20090
|
-
],
|
|
20091
|
-
"references": [
|
|
20092
|
-
{
|
|
20093
|
-
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
20094
|
-
"type": "color",
|
|
20095
|
-
"value": "#000000",
|
|
20096
|
-
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
20097
|
-
"isSource": true,
|
|
20098
|
-
"original": {
|
|
20099
|
-
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
20100
|
-
"type": "color",
|
|
20101
|
-
"value": "{color.black}"
|
|
20102
|
-
},
|
|
20103
|
-
"name": "pf-t--global--background--color--primary--default",
|
|
20104
|
-
"attributes": {
|
|
20105
|
-
"category": "global",
|
|
20106
|
-
"type": "background",
|
|
20107
|
-
"item": "color",
|
|
20108
|
-
"subitem": "primary",
|
|
20109
|
-
"state": "default"
|
|
20110
|
-
},
|
|
20111
|
-
"path": [
|
|
20112
|
-
"global",
|
|
20113
|
-
"background",
|
|
20114
|
-
"color",
|
|
20115
|
-
"primary",
|
|
20116
|
-
"default"
|
|
20117
|
-
],
|
|
20118
|
-
"references": [
|
|
20119
|
-
{
|
|
20120
|
-
"type": "color",
|
|
20121
|
-
"value": "#000000",
|
|
20122
|
-
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
20123
|
-
"isSource": true,
|
|
20124
|
-
"original": {
|
|
20125
|
-
"type": "color",
|
|
20126
|
-
"value": "#000000"
|
|
20127
|
-
},
|
|
20128
|
-
"name": "pf-t--color--black",
|
|
20129
|
-
"attributes": {
|
|
20130
|
-
"category": "color",
|
|
20131
|
-
"type": "black"
|
|
20132
|
-
},
|
|
20133
|
-
"path": [
|
|
20134
|
-
"color",
|
|
20135
|
-
"black"
|
|
20136
|
-
]
|
|
20137
|
-
}
|
|
20138
|
-
]
|
|
20139
|
-
}
|
|
20140
|
-
]
|
|
20141
|
-
}
|
|
20142
|
-
},
|
|
20143
|
-
"pf-t--global--border--color--on-secondary": {
|
|
20181
|
+
"pf-t--global--border--color--disabled": {
|
|
20182
|
+
"default": {
|
|
20183
|
+
"description": "Use as the disabled border color for elements like form inputs, menu toggles, cards, etc.",
|
|
20184
|
+
"type": "color",
|
|
20185
|
+
"value": "#a3a3a3",
|
|
20186
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
20187
|
+
"isSource": true,
|
|
20188
|
+
"original": {
|
|
20189
|
+
"description": "Use as the disabled border color for elements like form inputs, menu toggles, cards, etc.",
|
|
20190
|
+
"type": "color",
|
|
20191
|
+
"value": "{global.dark.color.disabled.100}"
|
|
20192
|
+
},
|
|
20193
|
+
"name": "pf-t--global--border--color--disabled",
|
|
20194
|
+
"attributes": {
|
|
20195
|
+
"category": "global",
|
|
20196
|
+
"type": "border",
|
|
20197
|
+
"item": "color",
|
|
20198
|
+
"subitem": "disabled"
|
|
20199
|
+
},
|
|
20200
|
+
"path": [
|
|
20201
|
+
"global",
|
|
20202
|
+
"border",
|
|
20203
|
+
"color",
|
|
20204
|
+
"disabled"
|
|
20205
|
+
],
|
|
20206
|
+
"references": [
|
|
20207
|
+
{
|
|
20208
|
+
"type": "color",
|
|
20209
|
+
"value": "#a3a3a3",
|
|
20210
|
+
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
20211
|
+
"isSource": true,
|
|
20212
|
+
"original": {
|
|
20213
|
+
"type": "color",
|
|
20214
|
+
"value": "{color.gray.40}"
|
|
20215
|
+
},
|
|
20216
|
+
"name": "pf-t--global--dark--color--disabled--100",
|
|
20217
|
+
"attributes": {
|
|
20218
|
+
"category": "global",
|
|
20219
|
+
"type": "dark",
|
|
20220
|
+
"item": "color",
|
|
20221
|
+
"subitem": "disabled",
|
|
20222
|
+
"state": "100"
|
|
20223
|
+
},
|
|
20224
|
+
"path": [
|
|
20225
|
+
"global",
|
|
20226
|
+
"dark",
|
|
20227
|
+
"color",
|
|
20228
|
+
"disabled",
|
|
20229
|
+
"100"
|
|
20230
|
+
],
|
|
20231
|
+
"references": [
|
|
20232
|
+
{
|
|
20233
|
+
"type": "color",
|
|
20234
|
+
"value": "#a3a3a3",
|
|
20235
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
20236
|
+
"isSource": true,
|
|
20237
|
+
"original": {
|
|
20238
|
+
"type": "color",
|
|
20239
|
+
"value": "#a3a3a3"
|
|
20240
|
+
},
|
|
20241
|
+
"name": "pf-t--color--gray--40",
|
|
20242
|
+
"attributes": {
|
|
20243
|
+
"category": "color",
|
|
20244
|
+
"type": "gray",
|
|
20245
|
+
"item": "40"
|
|
20246
|
+
},
|
|
20247
|
+
"path": [
|
|
20248
|
+
"color",
|
|
20249
|
+
"gray",
|
|
20250
|
+
"40"
|
|
20251
|
+
]
|
|
20252
|
+
}
|
|
20253
|
+
]
|
|
20254
|
+
}
|
|
20255
|
+
]
|
|
20256
|
+
}
|
|
20257
|
+
},
|
|
20258
|
+
"pf-t--global--border--color--alt": {
|
|
20259
|
+
"default": {
|
|
20260
|
+
"description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
|
|
20261
|
+
"type": "color",
|
|
20262
|
+
"value": "#000000",
|
|
20263
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
20264
|
+
"isSource": true,
|
|
20265
|
+
"original": {
|
|
20266
|
+
"description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
|
|
20267
|
+
"type": "color",
|
|
20268
|
+
"value": "{global.background.color.primary.default}"
|
|
20269
|
+
},
|
|
20270
|
+
"name": "pf-t--global--border--color--alt",
|
|
20271
|
+
"attributes": {
|
|
20272
|
+
"category": "global",
|
|
20273
|
+
"type": "border",
|
|
20274
|
+
"item": "color",
|
|
20275
|
+
"subitem": "alt"
|
|
20276
|
+
},
|
|
20277
|
+
"path": [
|
|
20278
|
+
"global",
|
|
20279
|
+
"border",
|
|
20280
|
+
"color",
|
|
20281
|
+
"alt"
|
|
20282
|
+
],
|
|
20283
|
+
"references": [
|
|
20284
|
+
{
|
|
20285
|
+
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
20286
|
+
"type": "color",
|
|
20287
|
+
"value": "#000000",
|
|
20288
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
20289
|
+
"isSource": true,
|
|
20290
|
+
"original": {
|
|
20291
|
+
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
20292
|
+
"type": "color",
|
|
20293
|
+
"value": "{color.black}"
|
|
20294
|
+
},
|
|
20295
|
+
"name": "pf-t--global--background--color--primary--default",
|
|
20296
|
+
"attributes": {
|
|
20297
|
+
"category": "global",
|
|
20298
|
+
"type": "background",
|
|
20299
|
+
"item": "color",
|
|
20300
|
+
"subitem": "primary",
|
|
20301
|
+
"state": "default"
|
|
20302
|
+
},
|
|
20303
|
+
"path": [
|
|
20304
|
+
"global",
|
|
20305
|
+
"background",
|
|
20306
|
+
"color",
|
|
20307
|
+
"primary",
|
|
20308
|
+
"default"
|
|
20309
|
+
],
|
|
20310
|
+
"references": [
|
|
20311
|
+
{
|
|
20312
|
+
"type": "color",
|
|
20313
|
+
"value": "#000000",
|
|
20314
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
20315
|
+
"isSource": true,
|
|
20316
|
+
"original": {
|
|
20317
|
+
"type": "color",
|
|
20318
|
+
"value": "#000000"
|
|
20319
|
+
},
|
|
20320
|
+
"name": "pf-t--color--black",
|
|
20321
|
+
"attributes": {
|
|
20322
|
+
"category": "color",
|
|
20323
|
+
"type": "black"
|
|
20324
|
+
},
|
|
20325
|
+
"path": [
|
|
20326
|
+
"color",
|
|
20327
|
+
"black"
|
|
20328
|
+
]
|
|
20329
|
+
}
|
|
20330
|
+
]
|
|
20331
|
+
}
|
|
20332
|
+
]
|
|
20333
|
+
}
|
|
20334
|
+
},
|
|
20335
|
+
"pf-t--global--border--color--on-secondary": {
|
|
20336
|
+
"default": {
|
|
20337
|
+
"description": "Use on borders/dividers that are placed on a secondary bkg color.",
|
|
20338
|
+
"type": "color",
|
|
20339
|
+
"value": "#c7c7c7",
|
|
20340
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
20341
|
+
"isSource": true,
|
|
20342
|
+
"original": {
|
|
20343
|
+
"description": "Use on borders/dividers that are placed on a secondary bkg color.",
|
|
20344
|
+
"type": "color",
|
|
20345
|
+
"value": "{global.dark.border.color.300}"
|
|
20346
|
+
},
|
|
20347
|
+
"name": "pf-t--global--border--color--on-secondary",
|
|
20348
|
+
"attributes": {
|
|
20349
|
+
"category": "global",
|
|
20350
|
+
"type": "border",
|
|
20351
|
+
"item": "color",
|
|
20352
|
+
"subitem": "on-secondary"
|
|
20353
|
+
},
|
|
20354
|
+
"path": [
|
|
20355
|
+
"global",
|
|
20356
|
+
"border",
|
|
20357
|
+
"color",
|
|
20358
|
+
"on-secondary"
|
|
20359
|
+
],
|
|
20360
|
+
"references": [
|
|
20361
|
+
{
|
|
20362
|
+
"type": "color",
|
|
20363
|
+
"value": "#c7c7c7",
|
|
20364
|
+
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
20365
|
+
"isSource": true,
|
|
20366
|
+
"original": {
|
|
20367
|
+
"type": "color",
|
|
20368
|
+
"value": "{color.gray.30}"
|
|
20369
|
+
},
|
|
20370
|
+
"name": "pf-t--global--dark--border--color--300",
|
|
20371
|
+
"attributes": {
|
|
20372
|
+
"category": "global",
|
|
20373
|
+
"type": "dark",
|
|
20374
|
+
"item": "border",
|
|
20375
|
+
"subitem": "color",
|
|
20376
|
+
"state": "300"
|
|
20377
|
+
},
|
|
20378
|
+
"path": [
|
|
20379
|
+
"global",
|
|
20380
|
+
"dark",
|
|
20381
|
+
"border",
|
|
20382
|
+
"color",
|
|
20383
|
+
"300"
|
|
20384
|
+
],
|
|
20385
|
+
"references": [
|
|
20386
|
+
{
|
|
20387
|
+
"type": "color",
|
|
20388
|
+
"value": "#c7c7c7",
|
|
20389
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
20390
|
+
"isSource": true,
|
|
20391
|
+
"original": {
|
|
20392
|
+
"type": "color",
|
|
20393
|
+
"value": "#c7c7c7"
|
|
20394
|
+
},
|
|
20395
|
+
"name": "pf-t--color--gray--30",
|
|
20396
|
+
"attributes": {
|
|
20397
|
+
"category": "color",
|
|
20398
|
+
"type": "gray",
|
|
20399
|
+
"item": "30"
|
|
20400
|
+
},
|
|
20401
|
+
"path": [
|
|
20402
|
+
"color",
|
|
20403
|
+
"gray",
|
|
20404
|
+
"30"
|
|
20405
|
+
]
|
|
20406
|
+
}
|
|
20407
|
+
]
|
|
20408
|
+
}
|
|
20409
|
+
]
|
|
20410
|
+
}
|
|
20411
|
+
},
|
|
20412
|
+
"pf-t--global--border--color--glass--default": {
|
|
20144
20413
|
"default": {
|
|
20145
|
-
"description": "Use on borders/dividers that are placed on a secondary bkg color.",
|
|
20146
20414
|
"type": "color",
|
|
20147
20415
|
"value": "#c7c7c7",
|
|
20148
20416
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
20149
20417
|
"isSource": true,
|
|
20150
20418
|
"original": {
|
|
20151
|
-
"description": "Use on borders/dividers that are placed on a secondary bkg color.",
|
|
20152
20419
|
"type": "color",
|
|
20153
|
-
"value": "{global.
|
|
20420
|
+
"value": "{global.border.color.subtle}"
|
|
20154
20421
|
},
|
|
20155
|
-
"name": "pf-t--global--border--color--
|
|
20422
|
+
"name": "pf-t--global--border--color--glass--default",
|
|
20156
20423
|
"attributes": {
|
|
20157
20424
|
"category": "global",
|
|
20158
20425
|
"type": "border",
|
|
20159
20426
|
"item": "color",
|
|
20160
|
-
"subitem": "
|
|
20427
|
+
"subitem": "glass",
|
|
20428
|
+
"state": "default"
|
|
20161
20429
|
},
|
|
20162
20430
|
"path": [
|
|
20163
20431
|
"global",
|
|
20164
20432
|
"border",
|
|
20165
20433
|
"color",
|
|
20166
|
-
"
|
|
20434
|
+
"glass",
|
|
20435
|
+
"default"
|
|
20167
20436
|
],
|
|
20168
20437
|
"references": [
|
|
20169
20438
|
{
|
|
20439
|
+
"description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
|
|
20170
20440
|
"type": "color",
|
|
20171
20441
|
"value": "#c7c7c7",
|
|
20172
|
-
"filePath": "tokens/default/highcontrast-dark/
|
|
20442
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
20173
20443
|
"isSource": true,
|
|
20174
20444
|
"original": {
|
|
20445
|
+
"description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
|
|
20175
20446
|
"type": "color",
|
|
20176
|
-
"value": "{color.
|
|
20447
|
+
"value": "{global.dark.border.color.300}"
|
|
20177
20448
|
},
|
|
20178
|
-
"name": "pf-t--global--
|
|
20449
|
+
"name": "pf-t--global--border--color--subtle",
|
|
20179
20450
|
"attributes": {
|
|
20180
20451
|
"category": "global",
|
|
20181
|
-
"type": "
|
|
20182
|
-
"item": "
|
|
20183
|
-
"subitem": "
|
|
20184
|
-
"state": "300"
|
|
20452
|
+
"type": "border",
|
|
20453
|
+
"item": "color",
|
|
20454
|
+
"subitem": "subtle"
|
|
20185
20455
|
},
|
|
20186
20456
|
"path": [
|
|
20187
20457
|
"global",
|
|
20188
|
-
"dark",
|
|
20189
20458
|
"border",
|
|
20190
20459
|
"color",
|
|
20191
|
-
"
|
|
20460
|
+
"subtle"
|
|
20192
20461
|
],
|
|
20193
20462
|
"references": [
|
|
20194
20463
|
{
|
|
20195
20464
|
"type": "color",
|
|
20196
20465
|
"value": "#c7c7c7",
|
|
20197
|
-
"filePath": "tokens/default/highcontrast-dark/
|
|
20466
|
+
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
20198
20467
|
"isSource": true,
|
|
20199
20468
|
"original": {
|
|
20200
20469
|
"type": "color",
|
|
20201
|
-
"value": "
|
|
20470
|
+
"value": "{color.gray.30}"
|
|
20202
20471
|
},
|
|
20203
|
-
"name": "pf-t--color--
|
|
20472
|
+
"name": "pf-t--global--dark--border--color--300",
|
|
20204
20473
|
"attributes": {
|
|
20205
|
-
"category": "
|
|
20206
|
-
"type": "
|
|
20207
|
-
"item": "
|
|
20474
|
+
"category": "global",
|
|
20475
|
+
"type": "dark",
|
|
20476
|
+
"item": "border",
|
|
20477
|
+
"subitem": "color",
|
|
20478
|
+
"state": "300"
|
|
20208
20479
|
},
|
|
20209
20480
|
"path": [
|
|
20481
|
+
"global",
|
|
20482
|
+
"dark",
|
|
20483
|
+
"border",
|
|
20210
20484
|
"color",
|
|
20211
|
-
"
|
|
20212
|
-
|
|
20485
|
+
"300"
|
|
20486
|
+
],
|
|
20487
|
+
"references": [
|
|
20488
|
+
{
|
|
20489
|
+
"type": "color",
|
|
20490
|
+
"value": "#c7c7c7",
|
|
20491
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
20492
|
+
"isSource": true,
|
|
20493
|
+
"original": {
|
|
20494
|
+
"type": "color",
|
|
20495
|
+
"value": "#c7c7c7"
|
|
20496
|
+
},
|
|
20497
|
+
"name": "pf-t--color--gray--30",
|
|
20498
|
+
"attributes": {
|
|
20499
|
+
"category": "color",
|
|
20500
|
+
"type": "gray",
|
|
20501
|
+
"item": "30"
|
|
20502
|
+
},
|
|
20503
|
+
"path": [
|
|
20504
|
+
"color",
|
|
20505
|
+
"gray",
|
|
20506
|
+
"30"
|
|
20507
|
+
]
|
|
20508
|
+
}
|
|
20213
20509
|
]
|
|
20214
20510
|
}
|
|
20215
20511
|
]
|
|
@@ -31327,7 +31623,7 @@
|
|
|
31327
31623
|
"default": {
|
|
31328
31624
|
"description": "Use as the color of small box-shadows.",
|
|
31329
31625
|
"type": "color",
|
|
31330
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31626
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
31331
31627
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
31332
31628
|
"isSource": true,
|
|
31333
31629
|
"original": {
|
|
@@ -31353,12 +31649,12 @@
|
|
|
31353
31649
|
"references": [
|
|
31354
31650
|
{
|
|
31355
31651
|
"type": "color",
|
|
31356
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31652
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
31357
31653
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
31358
31654
|
"isSource": true,
|
|
31359
31655
|
"original": {
|
|
31360
31656
|
"type": "color",
|
|
31361
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31657
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
31362
31658
|
},
|
|
31363
31659
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
31364
31660
|
"attributes": {
|
|
@@ -31439,7 +31735,7 @@
|
|
|
31439
31735
|
"default": {
|
|
31440
31736
|
"description": "Use as the color of medium box-shadows.",
|
|
31441
31737
|
"type": "color",
|
|
31442
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31738
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
31443
31739
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
31444
31740
|
"isSource": true,
|
|
31445
31741
|
"original": {
|
|
@@ -31465,12 +31761,12 @@
|
|
|
31465
31761
|
"references": [
|
|
31466
31762
|
{
|
|
31467
31763
|
"type": "color",
|
|
31468
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31764
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
31469
31765
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
31470
31766
|
"isSource": true,
|
|
31471
31767
|
"original": {
|
|
31472
31768
|
"type": "color",
|
|
31473
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31769
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
31474
31770
|
},
|
|
31475
31771
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
31476
31772
|
"attributes": {
|
|
@@ -31551,7 +31847,7 @@
|
|
|
31551
31847
|
"default": {
|
|
31552
31848
|
"description": "Use as the color of large box-shadows.",
|
|
31553
31849
|
"type": "color",
|
|
31554
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31850
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
31555
31851
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
31556
31852
|
"isSource": true,
|
|
31557
31853
|
"original": {
|
|
@@ -31577,12 +31873,12 @@
|
|
|
31577
31873
|
"references": [
|
|
31578
31874
|
{
|
|
31579
31875
|
"type": "color",
|
|
31580
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31876
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
31581
31877
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
31582
31878
|
"isSource": true,
|
|
31583
31879
|
"original": {
|
|
31584
31880
|
"type": "color",
|
|
31585
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31881
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
31586
31882
|
},
|
|
31587
31883
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
31588
31884
|
"attributes": {
|
|
@@ -32527,12 +32823,12 @@
|
|
|
32527
32823
|
"pf-t--global--dark--color--brand--accent--200": {
|
|
32528
32824
|
"default": {
|
|
32529
32825
|
"type": "color",
|
|
32530
|
-
"value": "#
|
|
32826
|
+
"value": "#a60000",
|
|
32531
32827
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
32532
32828
|
"isSource": true,
|
|
32533
32829
|
"original": {
|
|
32534
32830
|
"type": "color",
|
|
32535
|
-
"value": "{color.red.
|
|
32831
|
+
"value": "{color.red.60}"
|
|
32536
32832
|
},
|
|
32537
32833
|
"name": "pf-t--global--dark--color--brand--accent--200",
|
|
32538
32834
|
"attributes": {
|
|
@@ -32553,23 +32849,23 @@
|
|
|
32553
32849
|
"references": [
|
|
32554
32850
|
{
|
|
32555
32851
|
"type": "color",
|
|
32556
|
-
"value": "#
|
|
32852
|
+
"value": "#a60000",
|
|
32557
32853
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
32558
32854
|
"isSource": true,
|
|
32559
32855
|
"original": {
|
|
32560
32856
|
"type": "color",
|
|
32561
|
-
"value": "#
|
|
32857
|
+
"value": "#a60000"
|
|
32562
32858
|
},
|
|
32563
|
-
"name": "pf-t--color--red--
|
|
32859
|
+
"name": "pf-t--color--red--60",
|
|
32564
32860
|
"attributes": {
|
|
32565
32861
|
"category": "color",
|
|
32566
32862
|
"type": "red",
|
|
32567
|
-
"item": "
|
|
32863
|
+
"item": "60"
|
|
32568
32864
|
},
|
|
32569
32865
|
"path": [
|
|
32570
32866
|
"color",
|
|
32571
32867
|
"red",
|
|
32572
|
-
"
|
|
32868
|
+
"60"
|
|
32573
32869
|
]
|
|
32574
32870
|
}
|
|
32575
32871
|
]
|
|
@@ -32578,12 +32874,12 @@
|
|
|
32578
32874
|
"pf-t--global--dark--color--brand--accent--300": {
|
|
32579
32875
|
"default": {
|
|
32580
32876
|
"type": "color",
|
|
32581
|
-
"value": "#
|
|
32877
|
+
"value": "#f56e6e",
|
|
32582
32878
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
32583
32879
|
"isSource": true,
|
|
32584
32880
|
"original": {
|
|
32585
32881
|
"type": "color",
|
|
32586
|
-
"value": "{color.red.
|
|
32882
|
+
"value": "{color.red.40}"
|
|
32587
32883
|
},
|
|
32588
32884
|
"name": "pf-t--global--dark--color--brand--accent--300",
|
|
32589
32885
|
"attributes": {
|
|
@@ -32604,23 +32900,23 @@
|
|
|
32604
32900
|
"references": [
|
|
32605
32901
|
{
|
|
32606
32902
|
"type": "color",
|
|
32607
|
-
"value": "#
|
|
32903
|
+
"value": "#f56e6e",
|
|
32608
32904
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
32609
32905
|
"isSource": true,
|
|
32610
32906
|
"original": {
|
|
32611
32907
|
"type": "color",
|
|
32612
|
-
"value": "#
|
|
32908
|
+
"value": "#f56e6e"
|
|
32613
32909
|
},
|
|
32614
|
-
"name": "pf-t--color--red--
|
|
32910
|
+
"name": "pf-t--color--red--40",
|
|
32615
32911
|
"attributes": {
|
|
32616
32912
|
"category": "color",
|
|
32617
32913
|
"type": "red",
|
|
32618
|
-
"item": "
|
|
32914
|
+
"item": "40"
|
|
32619
32915
|
},
|
|
32620
32916
|
"path": [
|
|
32621
32917
|
"color",
|
|
32622
32918
|
"red",
|
|
32623
|
-
"
|
|
32919
|
+
"40"
|
|
32624
32920
|
]
|
|
32625
32921
|
}
|
|
32626
32922
|
]
|
|
@@ -32629,12 +32925,12 @@
|
|
|
32629
32925
|
"pf-t--global--dark--color--brand--accent--350": {
|
|
32630
32926
|
"default": {
|
|
32631
32927
|
"type": "color",
|
|
32632
|
-
"value": "#
|
|
32928
|
+
"value": "#e0e0e0",
|
|
32633
32929
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
32634
32930
|
"isSource": true,
|
|
32635
32931
|
"original": {
|
|
32636
32932
|
"type": "color",
|
|
32637
|
-
"value": "{color.
|
|
32933
|
+
"value": "{color.gray.20}"
|
|
32638
32934
|
},
|
|
32639
32935
|
"name": "pf-t--global--dark--color--brand--accent--350",
|
|
32640
32936
|
"attributes": {
|
|
@@ -32655,22 +32951,22 @@
|
|
|
32655
32951
|
"references": [
|
|
32656
32952
|
{
|
|
32657
32953
|
"type": "color",
|
|
32658
|
-
"value": "#
|
|
32954
|
+
"value": "#e0e0e0",
|
|
32659
32955
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
32660
32956
|
"isSource": true,
|
|
32661
32957
|
"original": {
|
|
32662
32958
|
"type": "color",
|
|
32663
|
-
"value": "#
|
|
32959
|
+
"value": "#e0e0e0"
|
|
32664
32960
|
},
|
|
32665
|
-
"name": "pf-t--color--
|
|
32961
|
+
"name": "pf-t--color--gray--20",
|
|
32666
32962
|
"attributes": {
|
|
32667
32963
|
"category": "color",
|
|
32668
|
-
"type": "
|
|
32964
|
+
"type": "gray",
|
|
32669
32965
|
"item": "20"
|
|
32670
32966
|
},
|
|
32671
32967
|
"path": [
|
|
32672
32968
|
"color",
|
|
32673
|
-
"
|
|
32969
|
+
"gray",
|
|
32674
32970
|
"20"
|
|
32675
32971
|
]
|
|
32676
32972
|
}
|
|
@@ -35782,12 +36078,12 @@
|
|
|
35782
36078
|
"pf-t--global--dark--border--color--100": {
|
|
35783
36079
|
"default": {
|
|
35784
36080
|
"type": "color",
|
|
35785
|
-
"value": "#
|
|
36081
|
+
"value": "#4d4d4d",
|
|
35786
36082
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
35787
36083
|
"isSource": true,
|
|
35788
36084
|
"original": {
|
|
35789
36085
|
"type": "color",
|
|
35790
|
-
"value": "{color.gray.
|
|
36086
|
+
"value": "{color.gray.60}"
|
|
35791
36087
|
},
|
|
35792
36088
|
"name": "pf-t--global--dark--border--color--100",
|
|
35793
36089
|
"attributes": {
|
|
@@ -35807,23 +36103,23 @@
|
|
|
35807
36103
|
"references": [
|
|
35808
36104
|
{
|
|
35809
36105
|
"type": "color",
|
|
35810
|
-
"value": "#
|
|
36106
|
+
"value": "#4d4d4d",
|
|
35811
36107
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
35812
36108
|
"isSource": true,
|
|
35813
36109
|
"original": {
|
|
35814
36110
|
"type": "color",
|
|
35815
|
-
"value": "#
|
|
36111
|
+
"value": "#4d4d4d"
|
|
35816
36112
|
},
|
|
35817
|
-
"name": "pf-t--color--gray--
|
|
36113
|
+
"name": "pf-t--color--gray--60",
|
|
35818
36114
|
"attributes": {
|
|
35819
36115
|
"category": "color",
|
|
35820
36116
|
"type": "gray",
|
|
35821
|
-
"item": "
|
|
36117
|
+
"item": "60"
|
|
35822
36118
|
},
|
|
35823
36119
|
"path": [
|
|
35824
36120
|
"color",
|
|
35825
36121
|
"gray",
|
|
35826
|
-
"
|
|
36122
|
+
"60"
|
|
35827
36123
|
]
|
|
35828
36124
|
}
|
|
35829
36125
|
]
|
|
@@ -36511,12 +36807,12 @@
|
|
|
36511
36807
|
"pf-t--global--dark--box-shadow--color--200": {
|
|
36512
36808
|
"default": {
|
|
36513
36809
|
"type": "color",
|
|
36514
|
-
"value": "rgba(0, 0, 0, 0.
|
|
36810
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
36515
36811
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
36516
36812
|
"isSource": true,
|
|
36517
36813
|
"original": {
|
|
36518
36814
|
"type": "color",
|
|
36519
|
-
"value": "rgba(0, 0, 0, 0.
|
|
36815
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
36520
36816
|
},
|
|
36521
36817
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
36522
36818
|
"attributes": {
|