@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",
|
|
@@ -7303,7 +7330,7 @@
|
|
|
7303
7330
|
"default": {
|
|
7304
7331
|
"description": "Use as the color for icons that convey your brand and/or are paired with branded text color.",
|
|
7305
7332
|
"type": "color",
|
|
7306
|
-
"value": "#
|
|
7333
|
+
"value": "#ffffff",
|
|
7307
7334
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
7308
7335
|
"isSource": true,
|
|
7309
7336
|
"original": {
|
|
@@ -7331,13 +7358,13 @@
|
|
|
7331
7358
|
{
|
|
7332
7359
|
"description": "Use this color for elements that you want to reinforce your brand",
|
|
7333
7360
|
"type": "color",
|
|
7334
|
-
"value": "#
|
|
7361
|
+
"value": "#ffffff",
|
|
7335
7362
|
"filePath": "tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json",
|
|
7336
7363
|
"isSource": true,
|
|
7337
7364
|
"original": {
|
|
7338
7365
|
"description": "Use this color for elements that you want to reinforce your brand",
|
|
7339
7366
|
"type": "color",
|
|
7340
|
-
"value": "{global.dark.color.brand.accent.
|
|
7367
|
+
"value": "{global.dark.color.brand.accent.400}"
|
|
7341
7368
|
},
|
|
7342
7369
|
"name": "pf-t--global--color--brand--accent--default",
|
|
7343
7370
|
"attributes": {
|
|
@@ -7357,14 +7384,14 @@
|
|
|
7357
7384
|
"references": [
|
|
7358
7385
|
{
|
|
7359
7386
|
"type": "color",
|
|
7360
|
-
"value": "#
|
|
7387
|
+
"value": "#ffffff",
|
|
7361
7388
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
7362
7389
|
"isSource": true,
|
|
7363
7390
|
"original": {
|
|
7364
7391
|
"type": "color",
|
|
7365
|
-
"value": "{color.
|
|
7392
|
+
"value": "{color.white}"
|
|
7366
7393
|
},
|
|
7367
|
-
"name": "pf-t--global--dark--color--brand--accent--
|
|
7394
|
+
"name": "pf-t--global--dark--color--brand--accent--400",
|
|
7368
7395
|
"attributes": {
|
|
7369
7396
|
"category": "global",
|
|
7370
7397
|
"type": "dark",
|
|
@@ -7378,28 +7405,26 @@
|
|
|
7378
7405
|
"color",
|
|
7379
7406
|
"brand",
|
|
7380
7407
|
"accent",
|
|
7381
|
-
"
|
|
7408
|
+
"400"
|
|
7382
7409
|
],
|
|
7383
7410
|
"references": [
|
|
7384
7411
|
{
|
|
7385
7412
|
"type": "color",
|
|
7386
|
-
"value": "#
|
|
7413
|
+
"value": "#ffffff",
|
|
7387
7414
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
7388
7415
|
"isSource": true,
|
|
7389
7416
|
"original": {
|
|
7390
7417
|
"type": "color",
|
|
7391
|
-
"value": "#
|
|
7418
|
+
"value": "#ffffff"
|
|
7392
7419
|
},
|
|
7393
|
-
"name": "pf-t--color--
|
|
7420
|
+
"name": "pf-t--color--white",
|
|
7394
7421
|
"attributes": {
|
|
7395
7422
|
"category": "color",
|
|
7396
|
-
"type": "
|
|
7397
|
-
"item": "30"
|
|
7423
|
+
"type": "white"
|
|
7398
7424
|
},
|
|
7399
7425
|
"path": [
|
|
7400
7426
|
"color",
|
|
7401
|
-
"
|
|
7402
|
-
"30"
|
|
7427
|
+
"white"
|
|
7403
7428
|
]
|
|
7404
7429
|
}
|
|
7405
7430
|
]
|
|
@@ -7413,7 +7438,7 @@
|
|
|
7413
7438
|
"default": {
|
|
7414
7439
|
"description": "Use as the hover state color for icons that convey your brand and/or are paired with branded text color.",
|
|
7415
7440
|
"type": "color",
|
|
7416
|
-
"value": "#
|
|
7441
|
+
"value": "#e0e0e0",
|
|
7417
7442
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
7418
7443
|
"isSource": true,
|
|
7419
7444
|
"original": {
|
|
@@ -7441,7 +7466,7 @@
|
|
|
7441
7466
|
{
|
|
7442
7467
|
"description": "Use as the hover state for elements that have a branded background color",
|
|
7443
7468
|
"type": "color",
|
|
7444
|
-
"value": "#
|
|
7469
|
+
"value": "#e0e0e0",
|
|
7445
7470
|
"filePath": "tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json",
|
|
7446
7471
|
"isSource": true,
|
|
7447
7472
|
"original": {
|
|
@@ -7467,12 +7492,12 @@
|
|
|
7467
7492
|
"references": [
|
|
7468
7493
|
{
|
|
7469
7494
|
"type": "color",
|
|
7470
|
-
"value": "#
|
|
7495
|
+
"value": "#e0e0e0",
|
|
7471
7496
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
7472
7497
|
"isSource": true,
|
|
7473
7498
|
"original": {
|
|
7474
7499
|
"type": "color",
|
|
7475
|
-
"value": "{color.
|
|
7500
|
+
"value": "{color.gray.20}"
|
|
7476
7501
|
},
|
|
7477
7502
|
"name": "pf-t--global--dark--color--brand--accent--350",
|
|
7478
7503
|
"attributes": {
|
|
@@ -7493,22 +7518,22 @@
|
|
|
7493
7518
|
"references": [
|
|
7494
7519
|
{
|
|
7495
7520
|
"type": "color",
|
|
7496
|
-
"value": "#
|
|
7521
|
+
"value": "#e0e0e0",
|
|
7497
7522
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
7498
7523
|
"isSource": true,
|
|
7499
7524
|
"original": {
|
|
7500
7525
|
"type": "color",
|
|
7501
|
-
"value": "#
|
|
7526
|
+
"value": "#e0e0e0"
|
|
7502
7527
|
},
|
|
7503
|
-
"name": "pf-t--color--
|
|
7528
|
+
"name": "pf-t--color--gray--20",
|
|
7504
7529
|
"attributes": {
|
|
7505
7530
|
"category": "color",
|
|
7506
|
-
"type": "
|
|
7531
|
+
"type": "gray",
|
|
7507
7532
|
"item": "20"
|
|
7508
7533
|
},
|
|
7509
7534
|
"path": [
|
|
7510
7535
|
"color",
|
|
7511
|
-
"
|
|
7536
|
+
"gray",
|
|
7512
7537
|
"20"
|
|
7513
7538
|
]
|
|
7514
7539
|
}
|
|
@@ -7523,7 +7548,7 @@
|
|
|
7523
7548
|
"default": {
|
|
7524
7549
|
"description": "Use as the clicked state for icons that convey your brand and/or are paired with branded text color.",
|
|
7525
7550
|
"type": "color",
|
|
7526
|
-
"value": "#
|
|
7551
|
+
"value": "#e0e0e0",
|
|
7527
7552
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
7528
7553
|
"isSource": true,
|
|
7529
7554
|
"original": {
|
|
@@ -7551,7 +7576,7 @@
|
|
|
7551
7576
|
{
|
|
7552
7577
|
"description": "Use as the clicked state for elements that have a brand background color",
|
|
7553
7578
|
"type": "color",
|
|
7554
|
-
"value": "#
|
|
7579
|
+
"value": "#e0e0e0",
|
|
7555
7580
|
"filePath": "tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json",
|
|
7556
7581
|
"isSource": true,
|
|
7557
7582
|
"original": {
|
|
@@ -7577,12 +7602,12 @@
|
|
|
7577
7602
|
"references": [
|
|
7578
7603
|
{
|
|
7579
7604
|
"type": "color",
|
|
7580
|
-
"value": "#
|
|
7605
|
+
"value": "#e0e0e0",
|
|
7581
7606
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
7582
7607
|
"isSource": true,
|
|
7583
7608
|
"original": {
|
|
7584
7609
|
"type": "color",
|
|
7585
|
-
"value": "{color.
|
|
7610
|
+
"value": "{color.gray.20}"
|
|
7586
7611
|
},
|
|
7587
7612
|
"name": "pf-t--global--dark--color--brand--accent--350",
|
|
7588
7613
|
"attributes": {
|
|
@@ -7603,22 +7628,22 @@
|
|
|
7603
7628
|
"references": [
|
|
7604
7629
|
{
|
|
7605
7630
|
"type": "color",
|
|
7606
|
-
"value": "#
|
|
7631
|
+
"value": "#e0e0e0",
|
|
7607
7632
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
7608
7633
|
"isSource": true,
|
|
7609
7634
|
"original": {
|
|
7610
7635
|
"type": "color",
|
|
7611
|
-
"value": "#
|
|
7636
|
+
"value": "#e0e0e0"
|
|
7612
7637
|
},
|
|
7613
|
-
"name": "pf-t--color--
|
|
7638
|
+
"name": "pf-t--color--gray--20",
|
|
7614
7639
|
"attributes": {
|
|
7615
7640
|
"category": "color",
|
|
7616
|
-
"type": "
|
|
7641
|
+
"type": "gray",
|
|
7617
7642
|
"item": "20"
|
|
7618
7643
|
},
|
|
7619
7644
|
"path": [
|
|
7620
7645
|
"color",
|
|
7621
|
-
"
|
|
7646
|
+
"gray",
|
|
7622
7647
|
"20"
|
|
7623
7648
|
]
|
|
7624
7649
|
}
|
|
@@ -19578,6 +19603,110 @@
|
|
|
19578
19603
|
]
|
|
19579
19604
|
}
|
|
19580
19605
|
},
|
|
19606
|
+
"pf-t--global--border--color--glass--default": {
|
|
19607
|
+
"default": {
|
|
19608
|
+
"type": "color",
|
|
19609
|
+
"value": "#c7c7c7",
|
|
19610
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
19611
|
+
"isSource": true,
|
|
19612
|
+
"original": {
|
|
19613
|
+
"type": "color",
|
|
19614
|
+
"value": "{global.border.color.subtle}"
|
|
19615
|
+
},
|
|
19616
|
+
"name": "pf-t--global--border--color--glass--default",
|
|
19617
|
+
"attributes": {
|
|
19618
|
+
"category": "global",
|
|
19619
|
+
"type": "border",
|
|
19620
|
+
"item": "color",
|
|
19621
|
+
"subitem": "glass",
|
|
19622
|
+
"state": "default"
|
|
19623
|
+
},
|
|
19624
|
+
"path": [
|
|
19625
|
+
"global",
|
|
19626
|
+
"border",
|
|
19627
|
+
"color",
|
|
19628
|
+
"glass",
|
|
19629
|
+
"default"
|
|
19630
|
+
],
|
|
19631
|
+
"references": [
|
|
19632
|
+
{
|
|
19633
|
+
"description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
|
|
19634
|
+
"type": "color",
|
|
19635
|
+
"value": "#c7c7c7",
|
|
19636
|
+
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
19637
|
+
"isSource": true,
|
|
19638
|
+
"original": {
|
|
19639
|
+
"description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
|
|
19640
|
+
"type": "color",
|
|
19641
|
+
"value": "{global.dark.border.color.300}"
|
|
19642
|
+
},
|
|
19643
|
+
"name": "pf-t--global--border--color--subtle",
|
|
19644
|
+
"attributes": {
|
|
19645
|
+
"category": "global",
|
|
19646
|
+
"type": "border",
|
|
19647
|
+
"item": "color",
|
|
19648
|
+
"subitem": "subtle"
|
|
19649
|
+
},
|
|
19650
|
+
"path": [
|
|
19651
|
+
"global",
|
|
19652
|
+
"border",
|
|
19653
|
+
"color",
|
|
19654
|
+
"subtle"
|
|
19655
|
+
],
|
|
19656
|
+
"references": [
|
|
19657
|
+
{
|
|
19658
|
+
"type": "color",
|
|
19659
|
+
"value": "#c7c7c7",
|
|
19660
|
+
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
19661
|
+
"isSource": true,
|
|
19662
|
+
"original": {
|
|
19663
|
+
"type": "color",
|
|
19664
|
+
"value": "{color.gray.30}"
|
|
19665
|
+
},
|
|
19666
|
+
"name": "pf-t--global--dark--border--color--300",
|
|
19667
|
+
"attributes": {
|
|
19668
|
+
"category": "global",
|
|
19669
|
+
"type": "dark",
|
|
19670
|
+
"item": "border",
|
|
19671
|
+
"subitem": "color",
|
|
19672
|
+
"state": "300"
|
|
19673
|
+
},
|
|
19674
|
+
"path": [
|
|
19675
|
+
"global",
|
|
19676
|
+
"dark",
|
|
19677
|
+
"border",
|
|
19678
|
+
"color",
|
|
19679
|
+
"300"
|
|
19680
|
+
],
|
|
19681
|
+
"references": [
|
|
19682
|
+
{
|
|
19683
|
+
"type": "color",
|
|
19684
|
+
"value": "#c7c7c7",
|
|
19685
|
+
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
19686
|
+
"isSource": true,
|
|
19687
|
+
"original": {
|
|
19688
|
+
"type": "color",
|
|
19689
|
+
"value": "#c7c7c7"
|
|
19690
|
+
},
|
|
19691
|
+
"name": "pf-t--color--gray--30",
|
|
19692
|
+
"attributes": {
|
|
19693
|
+
"category": "color",
|
|
19694
|
+
"type": "gray",
|
|
19695
|
+
"item": "30"
|
|
19696
|
+
},
|
|
19697
|
+
"path": [
|
|
19698
|
+
"color",
|
|
19699
|
+
"gray",
|
|
19700
|
+
"30"
|
|
19701
|
+
]
|
|
19702
|
+
}
|
|
19703
|
+
]
|
|
19704
|
+
}
|
|
19705
|
+
]
|
|
19706
|
+
}
|
|
19707
|
+
]
|
|
19708
|
+
}
|
|
19709
|
+
},
|
|
19581
19710
|
"pf-t--global--border--color--nonstatus--red--default": {
|
|
19582
19711
|
"default": {
|
|
19583
19712
|
"description": "Use as the default border color for any element that does not convey status and that you always will want to be red (i.e. color-coded labels, banners, etc.)",
|
|
@@ -30688,7 +30817,7 @@
|
|
|
30688
30817
|
"default": {
|
|
30689
30818
|
"description": "Use as the color of small box-shadows.",
|
|
30690
30819
|
"type": "color",
|
|
30691
|
-
"value": "rgba(0, 0, 0, 0.
|
|
30820
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
30692
30821
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
30693
30822
|
"isSource": true,
|
|
30694
30823
|
"original": {
|
|
@@ -30714,12 +30843,12 @@
|
|
|
30714
30843
|
"references": [
|
|
30715
30844
|
{
|
|
30716
30845
|
"type": "color",
|
|
30717
|
-
"value": "rgba(0, 0, 0, 0.
|
|
30846
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
30718
30847
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
30719
30848
|
"isSource": true,
|
|
30720
30849
|
"original": {
|
|
30721
30850
|
"type": "color",
|
|
30722
|
-
"value": "rgba(0, 0, 0, 0.
|
|
30851
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
30723
30852
|
},
|
|
30724
30853
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
30725
30854
|
"attributes": {
|
|
@@ -30800,7 +30929,7 @@
|
|
|
30800
30929
|
"default": {
|
|
30801
30930
|
"description": "Use as the color of medium box-shadows.",
|
|
30802
30931
|
"type": "color",
|
|
30803
|
-
"value": "rgba(0, 0, 0, 0.
|
|
30932
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
30804
30933
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
30805
30934
|
"isSource": true,
|
|
30806
30935
|
"original": {
|
|
@@ -30826,12 +30955,12 @@
|
|
|
30826
30955
|
"references": [
|
|
30827
30956
|
{
|
|
30828
30957
|
"type": "color",
|
|
30829
|
-
"value": "rgba(0, 0, 0, 0.
|
|
30958
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
30830
30959
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
30831
30960
|
"isSource": true,
|
|
30832
30961
|
"original": {
|
|
30833
30962
|
"type": "color",
|
|
30834
|
-
"value": "rgba(0, 0, 0, 0.
|
|
30963
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
30835
30964
|
},
|
|
30836
30965
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
30837
30966
|
"attributes": {
|
|
@@ -30912,7 +31041,7 @@
|
|
|
30912
31041
|
"default": {
|
|
30913
31042
|
"description": "Use as the color of large box-shadows.",
|
|
30914
31043
|
"type": "color",
|
|
30915
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31044
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
30916
31045
|
"filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
|
|
30917
31046
|
"isSource": true,
|
|
30918
31047
|
"original": {
|
|
@@ -30938,12 +31067,12 @@
|
|
|
30938
31067
|
"references": [
|
|
30939
31068
|
{
|
|
30940
31069
|
"type": "color",
|
|
30941
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31070
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
30942
31071
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
30943
31072
|
"isSource": true,
|
|
30944
31073
|
"original": {
|
|
30945
31074
|
"type": "color",
|
|
30946
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31075
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
30947
31076
|
},
|
|
30948
31077
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
30949
31078
|
"attributes": {
|
|
@@ -31888,12 +32017,12 @@
|
|
|
31888
32017
|
"pf-t--global--dark--color--brand--accent--200": {
|
|
31889
32018
|
"default": {
|
|
31890
32019
|
"type": "color",
|
|
31891
|
-
"value": "#
|
|
32020
|
+
"value": "#a60000",
|
|
31892
32021
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
31893
32022
|
"isSource": true,
|
|
31894
32023
|
"original": {
|
|
31895
32024
|
"type": "color",
|
|
31896
|
-
"value": "{color.red.
|
|
32025
|
+
"value": "{color.red.60}"
|
|
31897
32026
|
},
|
|
31898
32027
|
"name": "pf-t--global--dark--color--brand--accent--200",
|
|
31899
32028
|
"attributes": {
|
|
@@ -31914,23 +32043,23 @@
|
|
|
31914
32043
|
"references": [
|
|
31915
32044
|
{
|
|
31916
32045
|
"type": "color",
|
|
31917
|
-
"value": "#
|
|
32046
|
+
"value": "#a60000",
|
|
31918
32047
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
31919
32048
|
"isSource": true,
|
|
31920
32049
|
"original": {
|
|
31921
32050
|
"type": "color",
|
|
31922
|
-
"value": "#
|
|
32051
|
+
"value": "#a60000"
|
|
31923
32052
|
},
|
|
31924
|
-
"name": "pf-t--color--red--
|
|
32053
|
+
"name": "pf-t--color--red--60",
|
|
31925
32054
|
"attributes": {
|
|
31926
32055
|
"category": "color",
|
|
31927
32056
|
"type": "red",
|
|
31928
|
-
"item": "
|
|
32057
|
+
"item": "60"
|
|
31929
32058
|
},
|
|
31930
32059
|
"path": [
|
|
31931
32060
|
"color",
|
|
31932
32061
|
"red",
|
|
31933
|
-
"
|
|
32062
|
+
"60"
|
|
31934
32063
|
]
|
|
31935
32064
|
}
|
|
31936
32065
|
]
|
|
@@ -31939,12 +32068,12 @@
|
|
|
31939
32068
|
"pf-t--global--dark--color--brand--accent--300": {
|
|
31940
32069
|
"default": {
|
|
31941
32070
|
"type": "color",
|
|
31942
|
-
"value": "#
|
|
32071
|
+
"value": "#f56e6e",
|
|
31943
32072
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
31944
32073
|
"isSource": true,
|
|
31945
32074
|
"original": {
|
|
31946
32075
|
"type": "color",
|
|
31947
|
-
"value": "{color.red.
|
|
32076
|
+
"value": "{color.red.40}"
|
|
31948
32077
|
},
|
|
31949
32078
|
"name": "pf-t--global--dark--color--brand--accent--300",
|
|
31950
32079
|
"attributes": {
|
|
@@ -31965,23 +32094,23 @@
|
|
|
31965
32094
|
"references": [
|
|
31966
32095
|
{
|
|
31967
32096
|
"type": "color",
|
|
31968
|
-
"value": "#
|
|
32097
|
+
"value": "#f56e6e",
|
|
31969
32098
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
31970
32099
|
"isSource": true,
|
|
31971
32100
|
"original": {
|
|
31972
32101
|
"type": "color",
|
|
31973
|
-
"value": "#
|
|
32102
|
+
"value": "#f56e6e"
|
|
31974
32103
|
},
|
|
31975
|
-
"name": "pf-t--color--red--
|
|
32104
|
+
"name": "pf-t--color--red--40",
|
|
31976
32105
|
"attributes": {
|
|
31977
32106
|
"category": "color",
|
|
31978
32107
|
"type": "red",
|
|
31979
|
-
"item": "
|
|
32108
|
+
"item": "40"
|
|
31980
32109
|
},
|
|
31981
32110
|
"path": [
|
|
31982
32111
|
"color",
|
|
31983
32112
|
"red",
|
|
31984
|
-
"
|
|
32113
|
+
"40"
|
|
31985
32114
|
]
|
|
31986
32115
|
}
|
|
31987
32116
|
]
|
|
@@ -31990,12 +32119,12 @@
|
|
|
31990
32119
|
"pf-t--global--dark--color--brand--accent--350": {
|
|
31991
32120
|
"default": {
|
|
31992
32121
|
"type": "color",
|
|
31993
|
-
"value": "#
|
|
32122
|
+
"value": "#e0e0e0",
|
|
31994
32123
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
31995
32124
|
"isSource": true,
|
|
31996
32125
|
"original": {
|
|
31997
32126
|
"type": "color",
|
|
31998
|
-
"value": "{color.
|
|
32127
|
+
"value": "{color.gray.20}"
|
|
31999
32128
|
},
|
|
32000
32129
|
"name": "pf-t--global--dark--color--brand--accent--350",
|
|
32001
32130
|
"attributes": {
|
|
@@ -32016,22 +32145,22 @@
|
|
|
32016
32145
|
"references": [
|
|
32017
32146
|
{
|
|
32018
32147
|
"type": "color",
|
|
32019
|
-
"value": "#
|
|
32148
|
+
"value": "#e0e0e0",
|
|
32020
32149
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
32021
32150
|
"isSource": true,
|
|
32022
32151
|
"original": {
|
|
32023
32152
|
"type": "color",
|
|
32024
|
-
"value": "#
|
|
32153
|
+
"value": "#e0e0e0"
|
|
32025
32154
|
},
|
|
32026
|
-
"name": "pf-t--color--
|
|
32155
|
+
"name": "pf-t--color--gray--20",
|
|
32027
32156
|
"attributes": {
|
|
32028
32157
|
"category": "color",
|
|
32029
|
-
"type": "
|
|
32158
|
+
"type": "gray",
|
|
32030
32159
|
"item": "20"
|
|
32031
32160
|
},
|
|
32032
32161
|
"path": [
|
|
32033
32162
|
"color",
|
|
32034
|
-
"
|
|
32163
|
+
"gray",
|
|
32035
32164
|
"20"
|
|
32036
32165
|
]
|
|
32037
32166
|
}
|
|
@@ -35143,12 +35272,12 @@
|
|
|
35143
35272
|
"pf-t--global--dark--border--color--100": {
|
|
35144
35273
|
"default": {
|
|
35145
35274
|
"type": "color",
|
|
35146
|
-
"value": "#
|
|
35275
|
+
"value": "#4d4d4d",
|
|
35147
35276
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
35148
35277
|
"isSource": true,
|
|
35149
35278
|
"original": {
|
|
35150
35279
|
"type": "color",
|
|
35151
|
-
"value": "{color.gray.
|
|
35280
|
+
"value": "{color.gray.60}"
|
|
35152
35281
|
},
|
|
35153
35282
|
"name": "pf-t--global--dark--border--color--100",
|
|
35154
35283
|
"attributes": {
|
|
@@ -35168,23 +35297,23 @@
|
|
|
35168
35297
|
"references": [
|
|
35169
35298
|
{
|
|
35170
35299
|
"type": "color",
|
|
35171
|
-
"value": "#
|
|
35300
|
+
"value": "#4d4d4d",
|
|
35172
35301
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
35173
35302
|
"isSource": true,
|
|
35174
35303
|
"original": {
|
|
35175
35304
|
"type": "color",
|
|
35176
|
-
"value": "#
|
|
35305
|
+
"value": "#4d4d4d"
|
|
35177
35306
|
},
|
|
35178
|
-
"name": "pf-t--color--gray--
|
|
35307
|
+
"name": "pf-t--color--gray--60",
|
|
35179
35308
|
"attributes": {
|
|
35180
35309
|
"category": "color",
|
|
35181
35310
|
"type": "gray",
|
|
35182
|
-
"item": "
|
|
35311
|
+
"item": "60"
|
|
35183
35312
|
},
|
|
35184
35313
|
"path": [
|
|
35185
35314
|
"color",
|
|
35186
35315
|
"gray",
|
|
35187
|
-
"
|
|
35316
|
+
"60"
|
|
35188
35317
|
]
|
|
35189
35318
|
}
|
|
35190
35319
|
]
|
|
@@ -35872,12 +36001,12 @@
|
|
|
35872
36001
|
"pf-t--global--dark--box-shadow--color--200": {
|
|
35873
36002
|
"default": {
|
|
35874
36003
|
"type": "color",
|
|
35875
|
-
"value": "rgba(0, 0, 0, 0.
|
|
36004
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
35876
36005
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
35877
36006
|
"isSource": true,
|
|
35878
36007
|
"original": {
|
|
35879
36008
|
"type": "color",
|
|
35880
|
-
"value": "rgba(0, 0, 0, 0.
|
|
36009
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
35881
36010
|
},
|
|
35882
36011
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
35883
36012
|
"attributes": {
|
|
@@ -35955,13 +36084,13 @@
|
|
|
35955
36084
|
"redhat": {
|
|
35956
36085
|
"description": "Use this color for elements that you want to reinforce your brand",
|
|
35957
36086
|
"type": "color",
|
|
35958
|
-
"value": "#
|
|
36087
|
+
"value": "#ffffff",
|
|
35959
36088
|
"filePath": "tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json",
|
|
35960
36089
|
"isSource": true,
|
|
35961
36090
|
"original": {
|
|
35962
36091
|
"description": "Use this color for elements that you want to reinforce your brand",
|
|
35963
36092
|
"type": "color",
|
|
35964
|
-
"value": "{global.dark.color.brand.accent.
|
|
36093
|
+
"value": "{global.dark.color.brand.accent.400}"
|
|
35965
36094
|
},
|
|
35966
36095
|
"name": "pf-t--global--color--brand--accent--default",
|
|
35967
36096
|
"attributes": {
|
|
@@ -35981,14 +36110,14 @@
|
|
|
35981
36110
|
"references": [
|
|
35982
36111
|
{
|
|
35983
36112
|
"type": "color",
|
|
35984
|
-
"value": "#
|
|
36113
|
+
"value": "#ffffff",
|
|
35985
36114
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
35986
36115
|
"isSource": true,
|
|
35987
36116
|
"original": {
|
|
35988
36117
|
"type": "color",
|
|
35989
|
-
"value": "{color.
|
|
36118
|
+
"value": "{color.white}"
|
|
35990
36119
|
},
|
|
35991
|
-
"name": "pf-t--global--dark--color--brand--accent--
|
|
36120
|
+
"name": "pf-t--global--dark--color--brand--accent--400",
|
|
35992
36121
|
"attributes": {
|
|
35993
36122
|
"category": "global",
|
|
35994
36123
|
"type": "dark",
|
|
@@ -36002,28 +36131,26 @@
|
|
|
36002
36131
|
"color",
|
|
36003
36132
|
"brand",
|
|
36004
36133
|
"accent",
|
|
36005
|
-
"
|
|
36134
|
+
"400"
|
|
36006
36135
|
],
|
|
36007
36136
|
"references": [
|
|
36008
36137
|
{
|
|
36009
36138
|
"type": "color",
|
|
36010
|
-
"value": "#
|
|
36139
|
+
"value": "#ffffff",
|
|
36011
36140
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
36012
36141
|
"isSource": true,
|
|
36013
36142
|
"original": {
|
|
36014
36143
|
"type": "color",
|
|
36015
|
-
"value": "#
|
|
36144
|
+
"value": "#ffffff"
|
|
36016
36145
|
},
|
|
36017
|
-
"name": "pf-t--color--
|
|
36146
|
+
"name": "pf-t--color--white",
|
|
36018
36147
|
"attributes": {
|
|
36019
36148
|
"category": "color",
|
|
36020
|
-
"type": "
|
|
36021
|
-
"item": "30"
|
|
36149
|
+
"type": "white"
|
|
36022
36150
|
},
|
|
36023
36151
|
"path": [
|
|
36024
36152
|
"color",
|
|
36025
|
-
"
|
|
36026
|
-
"30"
|
|
36153
|
+
"white"
|
|
36027
36154
|
]
|
|
36028
36155
|
}
|
|
36029
36156
|
]
|
|
@@ -36035,7 +36162,7 @@
|
|
|
36035
36162
|
"redhat": {
|
|
36036
36163
|
"description": "Use as the hover state for elements that have a branded background color",
|
|
36037
36164
|
"type": "color",
|
|
36038
|
-
"value": "#
|
|
36165
|
+
"value": "#e0e0e0",
|
|
36039
36166
|
"filePath": "tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json",
|
|
36040
36167
|
"isSource": true,
|
|
36041
36168
|
"original": {
|
|
@@ -36061,12 +36188,12 @@
|
|
|
36061
36188
|
"references": [
|
|
36062
36189
|
{
|
|
36063
36190
|
"type": "color",
|
|
36064
|
-
"value": "#
|
|
36191
|
+
"value": "#e0e0e0",
|
|
36065
36192
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
36066
36193
|
"isSource": true,
|
|
36067
36194
|
"original": {
|
|
36068
36195
|
"type": "color",
|
|
36069
|
-
"value": "{color.
|
|
36196
|
+
"value": "{color.gray.20}"
|
|
36070
36197
|
},
|
|
36071
36198
|
"name": "pf-t--global--dark--color--brand--accent--350",
|
|
36072
36199
|
"attributes": {
|
|
@@ -36087,22 +36214,22 @@
|
|
|
36087
36214
|
"references": [
|
|
36088
36215
|
{
|
|
36089
36216
|
"type": "color",
|
|
36090
|
-
"value": "#
|
|
36217
|
+
"value": "#e0e0e0",
|
|
36091
36218
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
36092
36219
|
"isSource": true,
|
|
36093
36220
|
"original": {
|
|
36094
36221
|
"type": "color",
|
|
36095
|
-
"value": "#
|
|
36222
|
+
"value": "#e0e0e0"
|
|
36096
36223
|
},
|
|
36097
|
-
"name": "pf-t--color--
|
|
36224
|
+
"name": "pf-t--color--gray--20",
|
|
36098
36225
|
"attributes": {
|
|
36099
36226
|
"category": "color",
|
|
36100
|
-
"type": "
|
|
36227
|
+
"type": "gray",
|
|
36101
36228
|
"item": "20"
|
|
36102
36229
|
},
|
|
36103
36230
|
"path": [
|
|
36104
36231
|
"color",
|
|
36105
|
-
"
|
|
36232
|
+
"gray",
|
|
36106
36233
|
"20"
|
|
36107
36234
|
]
|
|
36108
36235
|
}
|
|
@@ -36115,7 +36242,7 @@
|
|
|
36115
36242
|
"redhat": {
|
|
36116
36243
|
"description": "Use as the clicked state for elements that have a brand background color",
|
|
36117
36244
|
"type": "color",
|
|
36118
|
-
"value": "#
|
|
36245
|
+
"value": "#e0e0e0",
|
|
36119
36246
|
"filePath": "tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json",
|
|
36120
36247
|
"isSource": true,
|
|
36121
36248
|
"original": {
|
|
@@ -36141,12 +36268,12 @@
|
|
|
36141
36268
|
"references": [
|
|
36142
36269
|
{
|
|
36143
36270
|
"type": "color",
|
|
36144
|
-
"value": "#
|
|
36271
|
+
"value": "#e0e0e0",
|
|
36145
36272
|
"filePath": "tokens/default/highcontrast-dark/base.dark.json",
|
|
36146
36273
|
"isSource": true,
|
|
36147
36274
|
"original": {
|
|
36148
36275
|
"type": "color",
|
|
36149
|
-
"value": "{color.
|
|
36276
|
+
"value": "{color.gray.20}"
|
|
36150
36277
|
},
|
|
36151
36278
|
"name": "pf-t--global--dark--color--brand--accent--350",
|
|
36152
36279
|
"attributes": {
|
|
@@ -36167,22 +36294,22 @@
|
|
|
36167
36294
|
"references": [
|
|
36168
36295
|
{
|
|
36169
36296
|
"type": "color",
|
|
36170
|
-
"value": "#
|
|
36297
|
+
"value": "#e0e0e0",
|
|
36171
36298
|
"filePath": "tokens/default/highcontrast-dark/palette.color.json",
|
|
36172
36299
|
"isSource": true,
|
|
36173
36300
|
"original": {
|
|
36174
36301
|
"type": "color",
|
|
36175
|
-
"value": "#
|
|
36302
|
+
"value": "#e0e0e0"
|
|
36176
36303
|
},
|
|
36177
|
-
"name": "pf-t--color--
|
|
36304
|
+
"name": "pf-t--color--gray--20",
|
|
36178
36305
|
"attributes": {
|
|
36179
36306
|
"category": "color",
|
|
36180
|
-
"type": "
|
|
36307
|
+
"type": "gray",
|
|
36181
36308
|
"item": "20"
|
|
36182
36309
|
},
|
|
36183
36310
|
"path": [
|
|
36184
36311
|
"color",
|
|
36185
|
-
"
|
|
36312
|
+
"gray",
|
|
36186
36313
|
"20"
|
|
36187
36314
|
]
|
|
36188
36315
|
}
|