@patternfly/design-tokens 1.14.7 → 1.14.8
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 +3 -3
- package/build/css/tokens-default.scss +3 -3
- package/build/css/tokens-glass-dark.scss +3 -6
- package/build/css/tokens-glass.scss +3 -6
- package/build/css/tokens-redhat-dark.scss +1 -1
- package/build/css/tokens-redhat-glass-dark.scss +3 -6
- package/build/css/tokens-redhat-glass.scss +3 -6
- package/build/css/tokens-redhat-highcontrast-dark.scss +1 -1
- package/build/css/tokens-redhat-highcontrast.scss +1 -1
- package/build/css/tokens-redhat.scss +1 -1
- package/build.js +10 -3
- package/package.json +1 -1
- package/patternfly-docs/content/token-layers-glass-dark.json +154 -154
- package/patternfly-docs/content/token-layers-glass.json +51 -51
- package/patternfly-docs/content/token-layers-highcontrast-dark.json +133 -133
- package/patternfly-docs/content/token-layers-highcontrast.json +192 -192
- package/patternfly-docs/content/token-layers-redhat-dark.json +156 -156
- package/patternfly-docs/content/token-layers-redhat-glass-dark.json +154 -154
- package/patternfly-docs/content/token-layers-redhat-glass.json +51 -51
- package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +133 -133
- package/patternfly-docs/content/token-layers-redhat-highcontrast.json +192 -192
- package/patternfly-docs/content/token-layers-redhat.json +413 -413
- package/tokens/default/dark/charts.dark.json +4 -4
- package/tokens/default/dark/semantic.dark.json +23 -23
- package/tokens/default/glass/base.dimension.json +10 -10
- package/tokens/default/glass/semantic.glass.json +25 -25
- package/tokens/default/glass-dark/semantic.glass.dark.json +25 -25
- package/tokens/default/highcontrast/base.dimension.json +10 -10
- package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +5 -5
- package/tokens/default/highcontrast/semantic.highcontrast.json +23 -23
- package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +23 -23
- package/tokens/default/light/base.dimension.json +10 -10
- package/tokens/default/light/charts.json +4 -4
- package/tokens/default/light/semantic.dimension.json +5 -5
- package/tokens/default/light/semantic.json +23 -23
- package/tokens/default/light/semantic.motion.json +25 -25
|
@@ -1,6 +1,62 @@
|
|
|
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(12.5px)",
|
|
8
|
+
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
9
|
+
"isSource": true,
|
|
10
|
+
"original": {
|
|
11
|
+
"type": "number",
|
|
12
|
+
"value": 12.5
|
|
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/glass-dark/semantic.glass.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
|
+
},
|
|
4
60
|
"pf-t--global--background--color--glass--primary": {
|
|
5
61
|
"default": {
|
|
6
62
|
"type": "color",
|
|
@@ -110,12 +166,12 @@
|
|
|
110
166
|
"pf-t--global--background--color--glass--floating": {
|
|
111
167
|
"default": {
|
|
112
168
|
"type": "color",
|
|
113
|
-
"value": "#
|
|
169
|
+
"value": "#383838",
|
|
114
170
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
115
171
|
"isSource": true,
|
|
116
172
|
"original": {
|
|
117
173
|
"type": "color",
|
|
118
|
-
"value": "{global.background.color.
|
|
174
|
+
"value": "{global.background.color.floating.default}"
|
|
119
175
|
},
|
|
120
176
|
"name": "pf-t--global--background--color--glass--floating",
|
|
121
177
|
"attributes": {
|
|
@@ -134,76 +190,76 @@
|
|
|
134
190
|
],
|
|
135
191
|
"references": [
|
|
136
192
|
{
|
|
137
|
-
"description": "Use as the
|
|
193
|
+
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
138
194
|
"type": "color",
|
|
139
|
-
"value": "#
|
|
195
|
+
"value": "#383838",
|
|
140
196
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
141
197
|
"isSource": true,
|
|
142
198
|
"original": {
|
|
143
|
-
"description": "Use as the
|
|
199
|
+
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
144
200
|
"type": "color",
|
|
145
|
-
"value": "{global.dark.background.color.
|
|
201
|
+
"value": "{global.dark.background.color.300}"
|
|
146
202
|
},
|
|
147
|
-
"name": "pf-t--global--background--color--
|
|
203
|
+
"name": "pf-t--global--background--color--floating--default",
|
|
148
204
|
"attributes": {
|
|
149
205
|
"category": "global",
|
|
150
206
|
"type": "background",
|
|
151
207
|
"item": "color",
|
|
152
|
-
"subitem": "
|
|
208
|
+
"subitem": "floating",
|
|
153
209
|
"state": "default"
|
|
154
210
|
},
|
|
155
211
|
"path": [
|
|
156
212
|
"global",
|
|
157
213
|
"background",
|
|
158
214
|
"color",
|
|
159
|
-
"
|
|
215
|
+
"floating",
|
|
160
216
|
"default"
|
|
161
217
|
],
|
|
162
218
|
"references": [
|
|
163
219
|
{
|
|
164
220
|
"type": "color",
|
|
165
|
-
"value": "#
|
|
221
|
+
"value": "#383838",
|
|
166
222
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
167
223
|
"isSource": true,
|
|
168
224
|
"original": {
|
|
169
225
|
"type": "color",
|
|
170
|
-
"value": "{color.gray.
|
|
226
|
+
"value": "{color.gray.70}"
|
|
171
227
|
},
|
|
172
|
-
"name": "pf-t--global--dark--background--color--
|
|
228
|
+
"name": "pf-t--global--dark--background--color--300",
|
|
173
229
|
"attributes": {
|
|
174
230
|
"category": "global",
|
|
175
231
|
"type": "dark",
|
|
176
232
|
"item": "background",
|
|
177
233
|
"subitem": "color",
|
|
178
|
-
"state": "
|
|
234
|
+
"state": "300"
|
|
179
235
|
},
|
|
180
236
|
"path": [
|
|
181
237
|
"global",
|
|
182
238
|
"dark",
|
|
183
239
|
"background",
|
|
184
240
|
"color",
|
|
185
|
-
"
|
|
241
|
+
"300"
|
|
186
242
|
],
|
|
187
243
|
"references": [
|
|
188
244
|
{
|
|
189
245
|
"type": "color",
|
|
190
|
-
"value": "#
|
|
246
|
+
"value": "#383838",
|
|
191
247
|
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
192
248
|
"isSource": true,
|
|
193
249
|
"original": {
|
|
194
250
|
"type": "color",
|
|
195
|
-
"value": "#
|
|
251
|
+
"value": "#383838"
|
|
196
252
|
},
|
|
197
|
-
"name": "pf-t--color--gray--
|
|
253
|
+
"name": "pf-t--color--gray--70",
|
|
198
254
|
"attributes": {
|
|
199
255
|
"category": "color",
|
|
200
256
|
"type": "gray",
|
|
201
|
-
"item": "
|
|
257
|
+
"item": "70"
|
|
202
258
|
},
|
|
203
259
|
"path": [
|
|
204
260
|
"color",
|
|
205
261
|
"gray",
|
|
206
|
-
"
|
|
262
|
+
"70"
|
|
207
263
|
]
|
|
208
264
|
}
|
|
209
265
|
]
|
|
@@ -2084,62 +2140,6 @@
|
|
|
2084
2140
|
]
|
|
2085
2141
|
}
|
|
2086
2142
|
},
|
|
2087
|
-
"pf-t--global--background--filter--glass--blur--primary": {
|
|
2088
|
-
"default": {
|
|
2089
|
-
"type": "number",
|
|
2090
|
-
"value": "12.5px",
|
|
2091
|
-
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
2092
|
-
"isSource": true,
|
|
2093
|
-
"original": {
|
|
2094
|
-
"type": "number",
|
|
2095
|
-
"value": 12.5
|
|
2096
|
-
},
|
|
2097
|
-
"name": "pf-t--global--background--filter--glass--blur--primary",
|
|
2098
|
-
"attributes": {
|
|
2099
|
-
"category": "global",
|
|
2100
|
-
"type": "background",
|
|
2101
|
-
"item": "filter",
|
|
2102
|
-
"subitem": "glass",
|
|
2103
|
-
"state": "blur"
|
|
2104
|
-
},
|
|
2105
|
-
"path": [
|
|
2106
|
-
"global",
|
|
2107
|
-
"background",
|
|
2108
|
-
"filter",
|
|
2109
|
-
"glass",
|
|
2110
|
-
"blur",
|
|
2111
|
-
"primary"
|
|
2112
|
-
]
|
|
2113
|
-
}
|
|
2114
|
-
},
|
|
2115
|
-
"pf-t--global--background--filter--glass--blur--floating": {
|
|
2116
|
-
"default": {
|
|
2117
|
-
"type": "number",
|
|
2118
|
-
"value": "12.5px",
|
|
2119
|
-
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
2120
|
-
"isSource": true,
|
|
2121
|
-
"original": {
|
|
2122
|
-
"type": "number",
|
|
2123
|
-
"value": 12.5
|
|
2124
|
-
},
|
|
2125
|
-
"name": "pf-t--global--background--filter--glass--blur--floating",
|
|
2126
|
-
"attributes": {
|
|
2127
|
-
"category": "global",
|
|
2128
|
-
"type": "background",
|
|
2129
|
-
"item": "filter",
|
|
2130
|
-
"subitem": "glass",
|
|
2131
|
-
"state": "blur"
|
|
2132
|
-
},
|
|
2133
|
-
"path": [
|
|
2134
|
-
"global",
|
|
2135
|
-
"background",
|
|
2136
|
-
"filter",
|
|
2137
|
-
"glass",
|
|
2138
|
-
"blur",
|
|
2139
|
-
"floating"
|
|
2140
|
-
]
|
|
2141
|
-
}
|
|
2142
|
-
},
|
|
2143
2143
|
"pf-t--global--background--opacity--glass--primary": {
|
|
2144
2144
|
"default": {
|
|
2145
2145
|
"type": "number",
|
|
@@ -2170,12 +2170,12 @@
|
|
|
2170
2170
|
"pf-t--global--background--opacity--glass--floating": {
|
|
2171
2171
|
"default": {
|
|
2172
2172
|
"type": "number",
|
|
2173
|
-
"value": "
|
|
2173
|
+
"value": "100%",
|
|
2174
2174
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
2175
2175
|
"isSource": true,
|
|
2176
2176
|
"original": {
|
|
2177
2177
|
"type": "number",
|
|
2178
|
-
"value":
|
|
2178
|
+
"value": 100
|
|
2179
2179
|
},
|
|
2180
2180
|
"name": "pf-t--global--background--opacity--glass--floating",
|
|
2181
2181
|
"attributes": {
|
|
@@ -30869,6 +30869,83 @@
|
|
|
30869
30869
|
]
|
|
30870
30870
|
}
|
|
30871
30871
|
},
|
|
30872
|
+
"pf-t--global--focus-ring--color--default": {
|
|
30873
|
+
"default": {
|
|
30874
|
+
"description": "Use as color value for custom focus rings",
|
|
30875
|
+
"type": "color",
|
|
30876
|
+
"value": "#92c5f9",
|
|
30877
|
+
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
30878
|
+
"isSource": true,
|
|
30879
|
+
"original": {
|
|
30880
|
+
"description": "Use as color value for custom focus rings",
|
|
30881
|
+
"type": "color",
|
|
30882
|
+
"value": "{global.dark.focus-ring.color.100}"
|
|
30883
|
+
},
|
|
30884
|
+
"name": "pf-t--global--focus-ring--color--default",
|
|
30885
|
+
"attributes": {
|
|
30886
|
+
"category": "global",
|
|
30887
|
+
"type": "focus-ring",
|
|
30888
|
+
"item": "color",
|
|
30889
|
+
"subitem": "default"
|
|
30890
|
+
},
|
|
30891
|
+
"path": [
|
|
30892
|
+
"global",
|
|
30893
|
+
"focus-ring",
|
|
30894
|
+
"color",
|
|
30895
|
+
"default"
|
|
30896
|
+
],
|
|
30897
|
+
"references": [
|
|
30898
|
+
{
|
|
30899
|
+
"type": "color",
|
|
30900
|
+
"value": "#92c5f9",
|
|
30901
|
+
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
30902
|
+
"isSource": true,
|
|
30903
|
+
"original": {
|
|
30904
|
+
"type": "color",
|
|
30905
|
+
"value": "{color.blue.30}"
|
|
30906
|
+
},
|
|
30907
|
+
"name": "pf-t--global--dark--focus-ring--color--100",
|
|
30908
|
+
"attributes": {
|
|
30909
|
+
"category": "global",
|
|
30910
|
+
"type": "dark",
|
|
30911
|
+
"item": "focus-ring",
|
|
30912
|
+
"subitem": "color",
|
|
30913
|
+
"state": "100"
|
|
30914
|
+
},
|
|
30915
|
+
"path": [
|
|
30916
|
+
"global",
|
|
30917
|
+
"dark",
|
|
30918
|
+
"focus-ring",
|
|
30919
|
+
"color",
|
|
30920
|
+
"100"
|
|
30921
|
+
],
|
|
30922
|
+
"references": [
|
|
30923
|
+
{
|
|
30924
|
+
"type": "color",
|
|
30925
|
+
"value": "#92c5f9",
|
|
30926
|
+
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
30927
|
+
"isSource": true,
|
|
30928
|
+
"original": {
|
|
30929
|
+
"type": "color",
|
|
30930
|
+
"value": "#92c5f9"
|
|
30931
|
+
},
|
|
30932
|
+
"name": "pf-t--color--blue--30",
|
|
30933
|
+
"attributes": {
|
|
30934
|
+
"category": "color",
|
|
30935
|
+
"type": "blue",
|
|
30936
|
+
"item": "30"
|
|
30937
|
+
},
|
|
30938
|
+
"path": [
|
|
30939
|
+
"color",
|
|
30940
|
+
"blue",
|
|
30941
|
+
"30"
|
|
30942
|
+
]
|
|
30943
|
+
}
|
|
30944
|
+
]
|
|
30945
|
+
}
|
|
30946
|
+
]
|
|
30947
|
+
}
|
|
30948
|
+
},
|
|
30872
30949
|
"pf-t--global--text-decoration--color--default": {
|
|
30873
30950
|
"default": {
|
|
30874
30951
|
"type": "color",
|
|
@@ -31072,83 +31149,6 @@
|
|
|
31072
31149
|
}
|
|
31073
31150
|
]
|
|
31074
31151
|
}
|
|
31075
|
-
},
|
|
31076
|
-
"pf-t--global--focus-ring--color--default": {
|
|
31077
|
-
"default": {
|
|
31078
|
-
"description": "Use as color value for custom focus rings",
|
|
31079
|
-
"type": "color",
|
|
31080
|
-
"value": "#92c5f9",
|
|
31081
|
-
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
31082
|
-
"isSource": true,
|
|
31083
|
-
"original": {
|
|
31084
|
-
"description": "Use as color value for custom focus rings",
|
|
31085
|
-
"type": "color",
|
|
31086
|
-
"value": "{global.dark.focus-ring.color.100}"
|
|
31087
|
-
},
|
|
31088
|
-
"name": "pf-t--global--focus-ring--color--default",
|
|
31089
|
-
"attributes": {
|
|
31090
|
-
"category": "global",
|
|
31091
|
-
"type": "focus-ring",
|
|
31092
|
-
"item": "color",
|
|
31093
|
-
"subitem": "default"
|
|
31094
|
-
},
|
|
31095
|
-
"path": [
|
|
31096
|
-
"global",
|
|
31097
|
-
"focus-ring",
|
|
31098
|
-
"color",
|
|
31099
|
-
"default"
|
|
31100
|
-
],
|
|
31101
|
-
"references": [
|
|
31102
|
-
{
|
|
31103
|
-
"type": "color",
|
|
31104
|
-
"value": "#92c5f9",
|
|
31105
|
-
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
31106
|
-
"isSource": true,
|
|
31107
|
-
"original": {
|
|
31108
|
-
"type": "color",
|
|
31109
|
-
"value": "{color.blue.30}"
|
|
31110
|
-
},
|
|
31111
|
-
"name": "pf-t--global--dark--focus-ring--color--100",
|
|
31112
|
-
"attributes": {
|
|
31113
|
-
"category": "global",
|
|
31114
|
-
"type": "dark",
|
|
31115
|
-
"item": "focus-ring",
|
|
31116
|
-
"subitem": "color",
|
|
31117
|
-
"state": "100"
|
|
31118
|
-
},
|
|
31119
|
-
"path": [
|
|
31120
|
-
"global",
|
|
31121
|
-
"dark",
|
|
31122
|
-
"focus-ring",
|
|
31123
|
-
"color",
|
|
31124
|
-
"100"
|
|
31125
|
-
],
|
|
31126
|
-
"references": [
|
|
31127
|
-
{
|
|
31128
|
-
"type": "color",
|
|
31129
|
-
"value": "#92c5f9",
|
|
31130
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
31131
|
-
"isSource": true,
|
|
31132
|
-
"original": {
|
|
31133
|
-
"type": "color",
|
|
31134
|
-
"value": "#92c5f9"
|
|
31135
|
-
},
|
|
31136
|
-
"name": "pf-t--color--blue--30",
|
|
31137
|
-
"attributes": {
|
|
31138
|
-
"category": "color",
|
|
31139
|
-
"type": "blue",
|
|
31140
|
-
"item": "30"
|
|
31141
|
-
},
|
|
31142
|
-
"path": [
|
|
31143
|
-
"color",
|
|
31144
|
-
"blue",
|
|
31145
|
-
"30"
|
|
31146
|
-
]
|
|
31147
|
-
}
|
|
31148
|
-
]
|
|
31149
|
-
}
|
|
31150
|
-
]
|
|
31151
|
-
}
|
|
31152
31152
|
}
|
|
31153
31153
|
},
|
|
31154
31154
|
"dimension": {},
|