@patternfly/design-tokens 1.14.1 → 1.14.2
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-charts-dark.scss +1 -1
- package/build/css/tokens-charts.scss +1 -1
- package/build/css/tokens-dark.scss +2 -1
- package/build/css/tokens-default.scss +8 -2
- package/build/css/tokens-highcontrast-dark.scss +5 -4
- package/build/css/tokens-highcontrast.scss +275 -4
- package/build/css/tokens-palette.scss +1 -1
- package/package.json +1 -1
- package/patternfly-docs/content/token-layers-dark.json +848 -627
- package/patternfly-docs/content/token-layers-default.json +469 -298
- package/plugins/export-patternfly-tokens/dist/ui.html +48 -27
- package/plugins/export-patternfly-tokens/src/ui.tsx +50 -26
- package/tokens/dark/base.dark.json +46 -42
- package/tokens/dark/charts.dark.json +4 -4
- package/tokens/default/base.json +1 -1
- package/tokens/default/charts.json +4 -4
- package/tokens/default/semantic.dimension.json +41 -10
- package/tokens/default/semantic.motion.json +25 -25
- package/tokens/highcontrast/base.dimension.json +387 -0
- package/tokens/highcontrast/base.json +1 -1
- package/tokens/highcontrast/semantic.dimension.highcontrast.json +1055 -0
- package/tokens/highcontrast/semantic.highcontrast.json +2 -2
- package/tokens/highcontrast-dark/base.dark.json +46 -42
- package/tokens/highcontrast-dark/semantic.highcontrast.dark.json +2 -2
|
@@ -1078,7 +1078,7 @@
|
|
|
1078
1078
|
"default": {
|
|
1079
1079
|
"description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
|
|
1080
1080
|
"type": "color",
|
|
1081
|
-
"value": "{global.border.color.
|
|
1081
|
+
"value": "{global.border.color.400}"
|
|
1082
1082
|
},
|
|
1083
1083
|
"hover": {
|
|
1084
1084
|
"description": "Use as the hover state border color for elements like form inputs, menu toggles, cards, etc.",
|
|
@@ -1103,7 +1103,7 @@
|
|
|
1103
1103
|
"on-secondary": {
|
|
1104
1104
|
"description": "Use on borders/dividers that are placed on a secondary bkg color.",
|
|
1105
1105
|
"type": "color",
|
|
1106
|
-
"value": "{color.
|
|
1106
|
+
"value": "{global.border.color.400}"
|
|
1107
1107
|
},
|
|
1108
1108
|
"nonstatus": {
|
|
1109
1109
|
"red": {
|
|
@@ -87,6 +87,48 @@
|
|
|
87
87
|
"value": "{color.yellow.20}"
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
|
+
"severity": {
|
|
91
|
+
"undefined": {
|
|
92
|
+
"100": {
|
|
93
|
+
"type": "color",
|
|
94
|
+
"value": "{color.gray.40}"
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
"none": {
|
|
98
|
+
"100": {
|
|
99
|
+
"type": "color",
|
|
100
|
+
"value": "{color.blue.30}"
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
"minor": {
|
|
104
|
+
"100": {
|
|
105
|
+
"type": "color",
|
|
106
|
+
"value": "{color.gray.30}"
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
"moderate": {
|
|
110
|
+
"100": {
|
|
111
|
+
"type": "color",
|
|
112
|
+
"value": "{color.yellow.30}"
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
"important": {
|
|
116
|
+
"100": {
|
|
117
|
+
"type": "color",
|
|
118
|
+
"value": "{color.orange.40}"
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
"critical": {
|
|
122
|
+
"100": {
|
|
123
|
+
"type": "color",
|
|
124
|
+
"value": "{color.red-orange.50}"
|
|
125
|
+
},
|
|
126
|
+
"200": {
|
|
127
|
+
"type": "color",
|
|
128
|
+
"value": "{color.red-orange.40}"
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
},
|
|
90
132
|
"status": {
|
|
91
133
|
"success": {
|
|
92
134
|
"100": {
|
|
@@ -159,48 +201,6 @@
|
|
|
159
201
|
}
|
|
160
202
|
}
|
|
161
203
|
},
|
|
162
|
-
"severity": {
|
|
163
|
-
"undefined": {
|
|
164
|
-
"100": {
|
|
165
|
-
"type": "color",
|
|
166
|
-
"value": "{color.gray.40}"
|
|
167
|
-
}
|
|
168
|
-
},
|
|
169
|
-
"none": {
|
|
170
|
-
"100": {
|
|
171
|
-
"type": "color",
|
|
172
|
-
"value": "{color.blue.30}"
|
|
173
|
-
}
|
|
174
|
-
},
|
|
175
|
-
"minor": {
|
|
176
|
-
"100": {
|
|
177
|
-
"type": "color",
|
|
178
|
-
"value": "{color.gray.30}"
|
|
179
|
-
}
|
|
180
|
-
},
|
|
181
|
-
"moderate": {
|
|
182
|
-
"100": {
|
|
183
|
-
"type": "color",
|
|
184
|
-
"value": "{color.yellow.30}"
|
|
185
|
-
}
|
|
186
|
-
},
|
|
187
|
-
"important": {
|
|
188
|
-
"100": {
|
|
189
|
-
"type": "color",
|
|
190
|
-
"value": "{color.orange.40}"
|
|
191
|
-
}
|
|
192
|
-
},
|
|
193
|
-
"critical": {
|
|
194
|
-
"100": {
|
|
195
|
-
"type": "color",
|
|
196
|
-
"value": "{color.red-orange.50}"
|
|
197
|
-
},
|
|
198
|
-
"200": {
|
|
199
|
-
"type": "color",
|
|
200
|
-
"value": "{color.red-orange.40}"
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
},
|
|
204
204
|
"nonstatus": {
|
|
205
205
|
"red": {
|
|
206
206
|
"100": {
|
|
@@ -347,6 +347,10 @@
|
|
|
347
347
|
"200": {
|
|
348
348
|
"type": "color",
|
|
349
349
|
"value": "{color.gray.40}"
|
|
350
|
+
},
|
|
351
|
+
"300": {
|
|
352
|
+
"type": "color",
|
|
353
|
+
"value": "{color.gray.30}"
|
|
350
354
|
}
|
|
351
355
|
}
|
|
352
356
|
},
|
|
@@ -1078,7 +1078,7 @@
|
|
|
1078
1078
|
"default": {
|
|
1079
1079
|
"description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
|
|
1080
1080
|
"type": "color",
|
|
1081
|
-
"value": "{color.
|
|
1081
|
+
"value": "{global.dark.border.color.300}"
|
|
1082
1082
|
},
|
|
1083
1083
|
"hover": {
|
|
1084
1084
|
"description": "Use as the hover state border color for elements like form inputs, menu toggles, cards, etc.",
|
|
@@ -1103,7 +1103,7 @@
|
|
|
1103
1103
|
"on-secondary": {
|
|
1104
1104
|
"description": "Use on borders/dividers that are placed on a secondary bkg color.",
|
|
1105
1105
|
"type": "color",
|
|
1106
|
-
"value": "{color.
|
|
1106
|
+
"value": "{global.dark.border.color.300}"
|
|
1107
1107
|
},
|
|
1108
1108
|
"nonstatus": {
|
|
1109
1109
|
"red": {
|