@patternfly/react-tokens 4.84.3 → 4.84.6

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.
Files changed (102) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/esm/c_button.d.ts +77 -0
  3. package/dist/esm/c_button.js +77 -0
  4. package/dist/esm/c_button__count_MarginLeft.d.ts +6 -0
  5. package/dist/esm/c_button__count_MarginLeft.js +6 -0
  6. package/dist/esm/c_button_disabled__c_badge_BackgroundColor.d.ts +6 -0
  7. package/dist/esm/c_button_disabled__c_badge_BackgroundColor.js +6 -0
  8. package/dist/esm/c_button_disabled__c_badge_Color.d.ts +6 -0
  9. package/dist/esm/c_button_disabled__c_badge_Color.js +6 -0
  10. package/dist/esm/c_button_m_primary__c_badge_BorderColor.d.ts +6 -0
  11. package/dist/esm/c_button_m_primary__c_badge_BorderColor.js +6 -0
  12. package/dist/esm/c_button_m_primary__c_badge_BorderWidth.d.ts +6 -0
  13. package/dist/esm/c_button_m_primary__c_badge_BorderWidth.js +6 -0
  14. package/dist/esm/c_check.d.ts +30 -0
  15. package/dist/esm/c_check.js +30 -0
  16. package/dist/esm/c_check__label_required_Color.d.ts +6 -0
  17. package/dist/esm/c_check__label_required_Color.js +6 -0
  18. package/dist/esm/c_check__label_required_FontSize.d.ts +6 -0
  19. package/dist/esm/c_check__label_required_FontSize.js +6 -0
  20. package/dist/esm/c_check__label_required_MarginLeft.d.ts +6 -0
  21. package/dist/esm/c_check__label_required_MarginLeft.js +6 -0
  22. package/dist/esm/c_expandable_section.d.ts +47 -0
  23. package/dist/esm/c_expandable_section.js +47 -0
  24. package/dist/esm/c_expandable_section__toggle_MarginTop.d.ts +6 -0
  25. package/dist/esm/c_expandable_section__toggle_MarginTop.js +6 -0
  26. package/dist/esm/c_expandable_section__toggle_PaddingBottom.d.ts +1 -1
  27. package/dist/esm/c_expandable_section__toggle_PaddingBottom.js +1 -1
  28. package/dist/esm/c_expandable_section__toggle_PaddingRight.d.ts +1 -1
  29. package/dist/esm/c_expandable_section__toggle_PaddingRight.js +1 -1
  30. package/dist/esm/c_expandable_section__toggle_PaddingTop.d.ts +1 -1
  31. package/dist/esm/c_expandable_section__toggle_PaddingTop.js +1 -1
  32. package/dist/esm/c_expandable_section__toggle_text_MarginLeft.d.ts +1 -1
  33. package/dist/esm/c_expandable_section__toggle_text_MarginLeft.js +1 -1
  34. package/dist/esm/c_expandable_section_m_truncate__content_LineClamp.d.ts +6 -0
  35. package/dist/esm/c_expandable_section_m_truncate__content_LineClamp.js +6 -0
  36. package/dist/esm/c_expandable_section_m_truncate__toggle_MarginTop.d.ts +6 -0
  37. package/dist/esm/c_expandable_section_m_truncate__toggle_MarginTop.js +6 -0
  38. package/dist/esm/c_input_group.d.ts +6 -0
  39. package/dist/esm/c_input_group.js +6 -0
  40. package/dist/esm/c_input_group_BackgroundColor.d.ts +1 -1
  41. package/dist/esm/c_input_group_BackgroundColor.js +1 -1
  42. package/dist/esm/c_masthead.d.ts +177 -175
  43. package/dist/esm/c_masthead.js +177 -175
  44. package/dist/esm/c_menu.d.ts +0 -24
  45. package/dist/esm/c_menu.js +0 -24
  46. package/dist/esm/index.d.ts +13 -4
  47. package/dist/esm/index.js +13 -4
  48. package/dist/js/c_button.d.ts +77 -0
  49. package/dist/js/c_button.js +77 -0
  50. package/dist/js/c_button__count_MarginLeft.d.ts +6 -0
  51. package/dist/js/c_button__count_MarginLeft.js +8 -0
  52. package/dist/js/c_button_disabled__c_badge_BackgroundColor.d.ts +6 -0
  53. package/dist/js/c_button_disabled__c_badge_BackgroundColor.js +8 -0
  54. package/dist/js/c_button_disabled__c_badge_Color.d.ts +6 -0
  55. package/dist/js/c_button_disabled__c_badge_Color.js +8 -0
  56. package/dist/js/c_button_m_primary__c_badge_BorderColor.d.ts +6 -0
  57. package/dist/js/c_button_m_primary__c_badge_BorderColor.js +8 -0
  58. package/dist/js/c_button_m_primary__c_badge_BorderWidth.d.ts +6 -0
  59. package/dist/js/c_button_m_primary__c_badge_BorderWidth.js +8 -0
  60. package/dist/js/c_check.d.ts +30 -0
  61. package/dist/js/c_check.js +30 -0
  62. package/dist/js/c_check__label_required_Color.d.ts +6 -0
  63. package/dist/js/c_check__label_required_Color.js +8 -0
  64. package/dist/js/c_check__label_required_FontSize.d.ts +6 -0
  65. package/dist/js/c_check__label_required_FontSize.js +8 -0
  66. package/dist/js/c_check__label_required_MarginLeft.d.ts +6 -0
  67. package/dist/js/c_check__label_required_MarginLeft.js +8 -0
  68. package/dist/js/c_expandable_section.d.ts +47 -0
  69. package/dist/js/c_expandable_section.js +47 -0
  70. package/dist/js/c_expandable_section__toggle_MarginTop.d.ts +6 -0
  71. package/dist/js/c_expandable_section__toggle_MarginTop.js +8 -0
  72. package/dist/js/c_expandable_section__toggle_PaddingBottom.d.ts +1 -1
  73. package/dist/js/c_expandable_section__toggle_PaddingBottom.js +1 -1
  74. package/dist/js/c_expandable_section__toggle_PaddingRight.d.ts +1 -1
  75. package/dist/js/c_expandable_section__toggle_PaddingRight.js +1 -1
  76. package/dist/js/c_expandable_section__toggle_PaddingTop.d.ts +1 -1
  77. package/dist/js/c_expandable_section__toggle_PaddingTop.js +1 -1
  78. package/dist/js/c_expandable_section__toggle_text_MarginLeft.d.ts +1 -1
  79. package/dist/js/c_expandable_section__toggle_text_MarginLeft.js +1 -1
  80. package/dist/js/c_expandable_section_m_truncate__content_LineClamp.d.ts +6 -0
  81. package/dist/js/c_expandable_section_m_truncate__content_LineClamp.js +8 -0
  82. package/dist/js/c_expandable_section_m_truncate__toggle_MarginTop.d.ts +6 -0
  83. package/dist/js/c_expandable_section_m_truncate__toggle_MarginTop.js +8 -0
  84. package/dist/js/c_input_group.d.ts +6 -0
  85. package/dist/js/c_input_group.js +6 -0
  86. package/dist/js/c_input_group_BackgroundColor.d.ts +1 -1
  87. package/dist/js/c_input_group_BackgroundColor.js +1 -1
  88. package/dist/js/c_masthead.d.ts +177 -175
  89. package/dist/js/c_masthead.js +177 -175
  90. package/dist/js/c_menu.d.ts +0 -24
  91. package/dist/js/c_menu.js +0 -24
  92. package/dist/js/index.d.ts +13 -4
  93. package/dist/js/index.js +13 -4
  94. package/package.json +3 -3
  95. package/dist/esm/c_menu__footer_after_BorderBottomColor.d.ts +0 -6
  96. package/dist/esm/c_menu__footer_after_BorderBottomColor.js +0 -6
  97. package/dist/esm/c_menu__footer_after_BorderBottomWidth.d.ts +0 -6
  98. package/dist/esm/c_menu__footer_after_BorderBottomWidth.js +0 -6
  99. package/dist/js/c_menu__footer_after_BorderBottomColor.d.ts +0 -6
  100. package/dist/js/c_menu__footer_after_BorderBottomColor.js +0 -8
  101. package/dist/js/c_menu__footer_after_BorderBottomWidth.d.ts +0 -6
  102. package/dist/js/c_menu__footer_after_BorderBottomWidth.js +0 -8
package/dist/js/c_masthead.d.ts CHANGED
@@ -95,7 +95,7 @@ export const c_masthead: {
95
95
  ]
96
96
  }
97
97
  },
98
- ".pf-c-masthead": {
98
+ ".pf-c-masthead .pf-c-button.pf-m-plain": {
99
99
  "global_Color_100": {
100
100
  "name": "--pf-global--Color--100",
101
101
  "value": "#fff",
@@ -167,7 +167,183 @@ export const c_masthead: {
167
167
  "$pf-color-black-900",
168
168
  "#151515"
169
169
  ]
170
+ }
171
+ },
172
+ ".pf-c-masthead .pf-c-button.pf-m-plain .pf-c-card": {
173
+ "c_card_BackgroundColor": {
174
+ "name": "--pf-c-card--BackgroundColor",
175
+ "value": "rgba(#030303, .32)",
176
+ "values": [
177
+ "--pf-global--BackgroundColor--dark-transparent-200",
178
+ "$pf-global--BackgroundColor--dark-transparent-200",
179
+ "rgba($pf-color-black-1000, .32)",
180
+ "rgba(#030303, .32)"
181
+ ]
182
+ }
183
+ },
184
+ ".pf-c-masthead .pf-c-button.pf-m-plain .pf-c-button": {
185
+ "c_button_m_primary_Color": {
186
+ "name": "--pf-c-button--m-primary--Color",
187
+ "value": "#06c",
188
+ "values": [
189
+ "--pf-global--primary-color--dark-100",
190
+ "$pf-global--primary-color--dark-100",
191
+ "$pf-color-blue-400",
192
+ "#06c"
193
+ ]
194
+ },
195
+ "c_button_m_primary_hover_Color": {
196
+ "name": "--pf-c-button--m-primary--hover--Color",
197
+ "value": "#06c",
198
+ "values": [
199
+ "--pf-global--primary-color--dark-100",
200
+ "$pf-global--primary-color--dark-100",
201
+ "$pf-color-blue-400",
202
+ "#06c"
203
+ ]
204
+ },
205
+ "c_button_m_primary_focus_Color": {
206
+ "name": "--pf-c-button--m-primary--focus--Color",
207
+ "value": "#06c",
208
+ "values": [
209
+ "--pf-global--primary-color--dark-100",
210
+ "$pf-global--primary-color--dark-100",
211
+ "$pf-color-blue-400",
212
+ "#06c"
213
+ ]
214
+ },
215
+ "c_button_m_primary_active_Color": {
216
+ "name": "--pf-c-button--m-primary--active--Color",
217
+ "value": "#06c",
218
+ "values": [
219
+ "--pf-global--primary-color--dark-100",
220
+ "$pf-global--primary-color--dark-100",
221
+ "$pf-color-blue-400",
222
+ "#06c"
223
+ ]
224
+ },
225
+ "c_button_m_primary_BackgroundColor": {
226
+ "name": "--pf-c-button--m-primary--BackgroundColor",
227
+ "value": "#fff",
228
+ "values": [
229
+ "--pf-global--BackgroundColor--light-100",
230
+ "$pf-global--BackgroundColor--light-100",
231
+ "$pf-color-white",
232
+ "#fff"
233
+ ]
234
+ },
235
+ "c_button_m_primary_hover_BackgroundColor": {
236
+ "name": "--pf-c-button--m-primary--hover--BackgroundColor",
237
+ "value": "#f0f0f0",
238
+ "values": [
239
+ "--pf-global--BackgroundColor--light-300",
240
+ "$pf-global--BackgroundColor--light-300",
241
+ "$pf-color-black-200",
242
+ "#f0f0f0"
243
+ ]
244
+ },
245
+ "c_button_m_primary_focus_BackgroundColor": {
246
+ "name": "--pf-c-button--m-primary--focus--BackgroundColor",
247
+ "value": "#f0f0f0",
248
+ "values": [
249
+ "--pf-global--BackgroundColor--light-300",
250
+ "$pf-global--BackgroundColor--light-300",
251
+ "$pf-color-black-200",
252
+ "#f0f0f0"
253
+ ]
254
+ },
255
+ "c_button_m_primary_active_BackgroundColor": {
256
+ "name": "--pf-c-button--m-primary--active--BackgroundColor",
257
+ "value": "#f0f0f0",
258
+ "values": [
259
+ "--pf-global--BackgroundColor--light-300",
260
+ "$pf-global--BackgroundColor--light-300",
261
+ "$pf-color-black-200",
262
+ "#f0f0f0"
263
+ ]
264
+ },
265
+ "c_button_m_secondary_Color": {
266
+ "name": "--pf-c-button--m-secondary--Color",
267
+ "value": "#fff",
268
+ "values": [
269
+ "--pf-global--Color--light-100",
270
+ "$pf-global--Color--light-100",
271
+ "$pf-color-white",
272
+ "#fff"
273
+ ]
274
+ },
275
+ "c_button_m_secondary_hover_Color": {
276
+ "name": "--pf-c-button--m-secondary--hover--Color",
277
+ "value": "#fff",
278
+ "values": [
279
+ "--pf-global--Color--light-100",
280
+ "$pf-global--Color--light-100",
281
+ "$pf-color-white",
282
+ "#fff"
283
+ ]
284
+ },
285
+ "c_button_m_secondary_focus_Color": {
286
+ "name": "--pf-c-button--m-secondary--focus--Color",
287
+ "value": "#fff",
288
+ "values": [
289
+ "--pf-global--Color--light-100",
290
+ "$pf-global--Color--light-100",
291
+ "$pf-color-white",
292
+ "#fff"
293
+ ]
170
294
  },
295
+ "c_button_m_secondary_active_Color": {
296
+ "name": "--pf-c-button--m-secondary--active--Color",
297
+ "value": "#fff",
298
+ "values": [
299
+ "--pf-global--Color--light-100",
300
+ "$pf-global--Color--light-100",
301
+ "$pf-color-white",
302
+ "#fff"
303
+ ]
304
+ },
305
+ "c_button_m_secondary_BorderColor": {
306
+ "name": "--pf-c-button--m-secondary--BorderColor",
307
+ "value": "#fff",
308
+ "values": [
309
+ "--pf-global--Color--light-100",
310
+ "$pf-global--Color--light-100",
311
+ "$pf-color-white",
312
+ "#fff"
313
+ ]
314
+ },
315
+ "c_button_m_secondary_hover_BorderColor": {
316
+ "name": "--pf-c-button--m-secondary--hover--BorderColor",
317
+ "value": "#fff",
318
+ "values": [
319
+ "--pf-global--Color--light-100",
320
+ "$pf-global--Color--light-100",
321
+ "$pf-color-white",
322
+ "#fff"
323
+ ]
324
+ },
325
+ "c_button_m_secondary_focus_BorderColor": {
326
+ "name": "--pf-c-button--m-secondary--focus--BorderColor",
327
+ "value": "#fff",
328
+ "values": [
329
+ "--pf-global--Color--light-100",
330
+ "$pf-global--Color--light-100",
331
+ "$pf-color-white",
332
+ "#fff"
333
+ ]
334
+ },
335
+ "c_button_m_secondary_active_BorderColor": {
336
+ "name": "--pf-c-button--m-secondary--active--BorderColor",
337
+ "value": "#fff",
338
+ "values": [
339
+ "--pf-global--Color--light-100",
340
+ "$pf-global--Color--light-100",
341
+ "$pf-color-white",
342
+ "#fff"
343
+ ]
344
+ }
345
+ },
346
+ ".pf-c-masthead": {
171
347
  "c_masthead_PaddingLeft": {
172
348
  "name": "--pf-c-masthead--PaddingLeft",
173
349
  "value": "1rem",
@@ -872,180 +1048,6 @@ export const c_masthead: {
872
1048
  ]
873
1049
  }
874
1050
  },
875
- ".pf-c-masthead .pf-c-card": {
876
- "c_card_BackgroundColor": {
877
- "name": "--pf-c-card--BackgroundColor",
878
- "value": "rgba(#030303, .32)",
879
- "values": [
880
- "--pf-global--BackgroundColor--dark-transparent-200",
881
- "$pf-global--BackgroundColor--dark-transparent-200",
882
- "rgba($pf-color-black-1000, .32)",
883
- "rgba(#030303, .32)"
884
- ]
885
- }
886
- },
887
- ".pf-c-masthead .pf-c-button": {
888
- "c_button_m_primary_Color": {
889
- "name": "--pf-c-button--m-primary--Color",
890
- "value": "#06c",
891
- "values": [
892
- "--pf-global--primary-color--dark-100",
893
- "$pf-global--primary-color--dark-100",
894
- "$pf-color-blue-400",
895
- "#06c"
896
- ]
897
- },
898
- "c_button_m_primary_hover_Color": {
899
- "name": "--pf-c-button--m-primary--hover--Color",
900
- "value": "#06c",
901
- "values": [
902
- "--pf-global--primary-color--dark-100",
903
- "$pf-global--primary-color--dark-100",
904
- "$pf-color-blue-400",
905
- "#06c"
906
- ]
907
- },
908
- "c_button_m_primary_focus_Color": {
909
- "name": "--pf-c-button--m-primary--focus--Color",
910
- "value": "#06c",
911
- "values": [
912
- "--pf-global--primary-color--dark-100",
913
- "$pf-global--primary-color--dark-100",
914
- "$pf-color-blue-400",
915
- "#06c"
916
- ]
917
- },
918
- "c_button_m_primary_active_Color": {
919
- "name": "--pf-c-button--m-primary--active--Color",
920
- "value": "#06c",
921
- "values": [
922
- "--pf-global--primary-color--dark-100",
923
- "$pf-global--primary-color--dark-100",
924
- "$pf-color-blue-400",
925
- "#06c"
926
- ]
927
- },
928
- "c_button_m_primary_BackgroundColor": {
929
- "name": "--pf-c-button--m-primary--BackgroundColor",
930
- "value": "#fff",
931
- "values": [
932
- "--pf-global--BackgroundColor--light-100",
933
- "$pf-global--BackgroundColor--light-100",
934
- "$pf-color-white",
935
- "#fff"
936
- ]
937
- },
938
- "c_button_m_primary_hover_BackgroundColor": {
939
- "name": "--pf-c-button--m-primary--hover--BackgroundColor",
940
- "value": "#f0f0f0",
941
- "values": [
942
- "--pf-global--BackgroundColor--light-300",
943
- "$pf-global--BackgroundColor--light-300",
944
- "$pf-color-black-200",
945
- "#f0f0f0"
946
- ]
947
- },
948
- "c_button_m_primary_focus_BackgroundColor": {
949
- "name": "--pf-c-button--m-primary--focus--BackgroundColor",
950
- "value": "#f0f0f0",
951
- "values": [
952
- "--pf-global--BackgroundColor--light-300",
953
- "$pf-global--BackgroundColor--light-300",
954
- "$pf-color-black-200",
955
- "#f0f0f0"
956
- ]
957
- },
958
- "c_button_m_primary_active_BackgroundColor": {
959
- "name": "--pf-c-button--m-primary--active--BackgroundColor",
960
- "value": "#f0f0f0",
961
- "values": [
962
- "--pf-global--BackgroundColor--light-300",
963
- "$pf-global--BackgroundColor--light-300",
964
- "$pf-color-black-200",
965
- "#f0f0f0"
966
- ]
967
- },
968
- "c_button_m_secondary_Color": {
969
- "name": "--pf-c-button--m-secondary--Color",
970
- "value": "#fff",
971
- "values": [
972
- "--pf-global--Color--light-100",
973
- "$pf-global--Color--light-100",
974
- "$pf-color-white",
975
- "#fff"
976
- ]
977
- },
978
- "c_button_m_secondary_hover_Color": {
979
- "name": "--pf-c-button--m-secondary--hover--Color",
980
- "value": "#fff",
981
- "values": [
982
- "--pf-global--Color--light-100",
983
- "$pf-global--Color--light-100",
984
- "$pf-color-white",
985
- "#fff"
986
- ]
987
- },
988
- "c_button_m_secondary_focus_Color": {
989
- "name": "--pf-c-button--m-secondary--focus--Color",
990
- "value": "#fff",
991
- "values": [
992
- "--pf-global--Color--light-100",
993
- "$pf-global--Color--light-100",
994
- "$pf-color-white",
995
- "#fff"
996
- ]
997
- },
998
- "c_button_m_secondary_active_Color": {
999
- "name": "--pf-c-button--m-secondary--active--Color",
1000
- "value": "#fff",
1001
- "values": [
1002
- "--pf-global--Color--light-100",
1003
- "$pf-global--Color--light-100",
1004
- "$pf-color-white",
1005
- "#fff"
1006
- ]
1007
- },
1008
- "c_button_m_secondary_BorderColor": {
1009
- "name": "--pf-c-button--m-secondary--BorderColor",
1010
- "value": "#fff",
1011
- "values": [
1012
- "--pf-global--Color--light-100",
1013
- "$pf-global--Color--light-100",
1014
- "$pf-color-white",
1015
- "#fff"
1016
- ]
1017
- },
1018
- "c_button_m_secondary_hover_BorderColor": {
1019
- "name": "--pf-c-button--m-secondary--hover--BorderColor",
1020
- "value": "#fff",
1021
- "values": [
1022
- "--pf-global--Color--light-100",
1023
- "$pf-global--Color--light-100",
1024
- "$pf-color-white",
1025
- "#fff"
1026
- ]
1027
- },
1028
- "c_button_m_secondary_focus_BorderColor": {
1029
- "name": "--pf-c-button--m-secondary--focus--BorderColor",
1030
- "value": "#fff",
1031
- "values": [
1032
- "--pf-global--Color--light-100",
1033
- "$pf-global--Color--light-100",
1034
- "$pf-color-white",
1035
- "#fff"
1036
- ]
1037
- },
1038
- "c_button_m_secondary_active_BorderColor": {
1039
- "name": "--pf-c-button--m-secondary--active--BorderColor",
1040
- "value": "#fff",
1041
- "values": [
1042
- "--pf-global--Color--light-100",
1043
- "$pf-global--Color--light-100",
1044
- "$pf-color-white",
1045
- "#fff"
1046
- ]
1047
- }
1048
- },
1049
1051
  ".pf-c-masthead.pf-m-light": {
1050
1052
  "c_masthead_BackgroundColor": {
1051
1053
  "name": "--pf-c-masthead--BackgroundColor",