@patternfly/react-tokens 4.26.1 → 4.27.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.
Files changed (134) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/esm/c_menu.d.ts +381 -0
  3. package/dist/esm/c_menu.js +381 -0
  4. package/dist/esm/c_menu_BackgroundColor.d.ts +1 -1
  5. package/dist/esm/c_menu_BackgroundColor.js +1 -1
  6. package/dist/esm/c_menu_Top.d.ts +6 -0
  7. package/dist/esm/c_menu_Top.js +6 -0
  8. package/dist/esm/c_menu__item_FontSize.d.ts +1 -1
  9. package/dist/esm/c_menu__item_FontSize.js +1 -1
  10. package/dist/esm/c_menu__item_OutlineOffset.d.ts +1 -1
  11. package/dist/esm/c_menu__item_OutlineOffset.js +1 -1
  12. package/dist/esm/c_menu__item_description_Color.d.ts +1 -1
  13. package/dist/esm/c_menu__item_description_Color.js +1 -1
  14. package/dist/esm/c_menu_m_nav_BackgroundColor.d.ts +6 -0
  15. package/dist/esm/c_menu_m_nav_BackgroundColor.js +6 -0
  16. package/dist/esm/c_menu_m_nav_BoxShadow.d.ts +6 -0
  17. package/dist/esm/c_menu_m_nav_BoxShadow.js +6 -0
  18. package/dist/esm/c_menu_m_nav__item_Color.d.ts +6 -0
  19. package/dist/esm/c_menu_m_nav__item_Color.js +6 -0
  20. package/dist/esm/c_menu_m_nav__item_FontSize.d.ts +6 -0
  21. package/dist/esm/c_menu_m_nav__item_FontSize.js +6 -0
  22. package/dist/esm/c_menu_m_nav__item_OutlineOffset.d.ts +6 -0
  23. package/dist/esm/c_menu_m_nav__item_OutlineOffset.js +6 -0
  24. package/dist/esm/c_menu_m_nav__item_PaddingLeft.d.ts +6 -0
  25. package/dist/esm/c_menu_m_nav__item_PaddingLeft.js +6 -0
  26. package/dist/esm/c_menu_m_nav__item_PaddingRight.d.ts +6 -0
  27. package/dist/esm/c_menu_m_nav__item_PaddingRight.js +6 -0
  28. package/dist/esm/c_menu_m_nav__item__list_item_first_child__item_hover_after_Top.d.ts +6 -0
  29. package/dist/esm/c_menu_m_nav__item__list_item_first_child__item_hover_after_Top.js +6 -0
  30. package/dist/esm/c_menu_m_nav__item_before_BorderBottomColor.d.ts +6 -0
  31. package/dist/esm/c_menu_m_nav__item_before_BorderBottomColor.js +6 -0
  32. package/dist/esm/c_menu_m_nav__item_before_BorderBottomWidth.d.ts +6 -0
  33. package/dist/esm/c_menu_m_nav__item_before_BorderBottomWidth.js +6 -0
  34. package/dist/esm/c_menu_m_nav__item_description_Color.d.ts +6 -0
  35. package/dist/esm/c_menu_m_nav__item_description_Color.js +6 -0
  36. package/dist/esm/c_menu_m_nav__item_hover_after_BorderLeftColor.d.ts +6 -0
  37. package/dist/esm/c_menu_m_nav__item_hover_after_BorderLeftColor.js +6 -0
  38. package/dist/esm/c_menu_m_nav__item_hover_after_BorderLeftWidth.d.ts +6 -0
  39. package/dist/esm/c_menu_m_nav__item_hover_after_BorderLeftWidth.js +6 -0
  40. package/dist/esm/c_menu_m_nav__item_hover_after_Top.d.ts +6 -0
  41. package/dist/esm/c_menu_m_nav__item_hover_after_Top.js +6 -0
  42. package/dist/esm/c_menu_m_nav__list_PaddingBottom.d.ts +6 -0
  43. package/dist/esm/c_menu_m_nav__list_PaddingBottom.js +6 -0
  44. package/dist/esm/c_menu_m_nav__list_PaddingTop.d.ts +6 -0
  45. package/dist/esm/c_menu_m_nav__list_PaddingTop.js +6 -0
  46. package/dist/esm/c_menu_m_nav__list_item_active_BackgroundColor.d.ts +6 -0
  47. package/dist/esm/c_menu_m_nav__list_item_active_BackgroundColor.js +6 -0
  48. package/dist/esm/c_menu_m_nav__list_item_first_child_c_menu_Top.d.ts +6 -0
  49. package/dist/esm/c_menu_m_nav__list_item_first_child_c_menu_Top.js +6 -0
  50. package/dist/esm/c_menu_m_nav__list_item_focus_within_BackgroundColor.d.ts +6 -0
  51. package/dist/esm/c_menu_m_nav__list_item_focus_within_BackgroundColor.js +6 -0
  52. package/dist/esm/c_menu_m_nav__list_item_hover_BackgroundColor.d.ts +6 -0
  53. package/dist/esm/c_menu_m_nav__list_item_hover_BackgroundColor.js +6 -0
  54. package/dist/esm/c_menu_m_nav_c_menu_Left.d.ts +6 -0
  55. package/dist/esm/c_menu_m_nav_c_menu_Left.js +6 -0
  56. package/dist/esm/c_menu_m_nav_c_menu_Top.d.ts +6 -0
  57. package/dist/esm/c_menu_m_nav_c_menu_Top.js +6 -0
  58. package/dist/esm/c_menu_m_nav_c_menu_left_offset.d.ts +6 -0
  59. package/dist/esm/c_menu_m_nav_c_menu_left_offset.js +6 -0
  60. package/dist/esm/c_menu_m_nav_c_menu_m_left_Right.d.ts +6 -0
  61. package/dist/esm/c_menu_m_nav_c_menu_m_left_Right.js +6 -0
  62. package/dist/esm/c_menu_m_nav_c_menu_m_left_right_offset.d.ts +6 -0
  63. package/dist/esm/c_menu_m_nav_c_menu_m_left_right_offset.js +6 -0
  64. package/dist/esm/c_menu_m_nav_c_menu_m_top_Bottom.d.ts +6 -0
  65. package/dist/esm/c_menu_m_nav_c_menu_m_top_Bottom.js +6 -0
  66. package/dist/esm/index.d.ts +27 -0
  67. package/dist/esm/index.js +27 -0
  68. package/dist/js/c_menu.d.ts +381 -0
  69. package/dist/js/c_menu.js +381 -0
  70. package/dist/js/c_menu_BackgroundColor.d.ts +1 -1
  71. package/dist/js/c_menu_BackgroundColor.js +1 -1
  72. package/dist/js/c_menu_Top.d.ts +6 -0
  73. package/dist/js/c_menu_Top.js +8 -0
  74. package/dist/js/c_menu__item_FontSize.d.ts +1 -1
  75. package/dist/js/c_menu__item_FontSize.js +1 -1
  76. package/dist/js/c_menu__item_OutlineOffset.d.ts +1 -1
  77. package/dist/js/c_menu__item_OutlineOffset.js +1 -1
  78. package/dist/js/c_menu__item_description_Color.d.ts +1 -1
  79. package/dist/js/c_menu__item_description_Color.js +1 -1
  80. package/dist/js/c_menu_m_nav_BackgroundColor.d.ts +6 -0
  81. package/dist/js/c_menu_m_nav_BackgroundColor.js +8 -0
  82. package/dist/js/c_menu_m_nav_BoxShadow.d.ts +6 -0
  83. package/dist/js/c_menu_m_nav_BoxShadow.js +8 -0
  84. package/dist/js/c_menu_m_nav__item_Color.d.ts +6 -0
  85. package/dist/js/c_menu_m_nav__item_Color.js +8 -0
  86. package/dist/js/c_menu_m_nav__item_FontSize.d.ts +6 -0
  87. package/dist/js/c_menu_m_nav__item_FontSize.js +8 -0
  88. package/dist/js/c_menu_m_nav__item_OutlineOffset.d.ts +6 -0
  89. package/dist/js/c_menu_m_nav__item_OutlineOffset.js +8 -0
  90. package/dist/js/c_menu_m_nav__item_PaddingLeft.d.ts +6 -0
  91. package/dist/js/c_menu_m_nav__item_PaddingLeft.js +8 -0
  92. package/dist/js/c_menu_m_nav__item_PaddingRight.d.ts +6 -0
  93. package/dist/js/c_menu_m_nav__item_PaddingRight.js +8 -0
  94. package/dist/js/c_menu_m_nav__item__list_item_first_child__item_hover_after_Top.d.ts +6 -0
  95. package/dist/js/c_menu_m_nav__item__list_item_first_child__item_hover_after_Top.js +8 -0
  96. package/dist/js/c_menu_m_nav__item_before_BorderBottomColor.d.ts +6 -0
  97. package/dist/js/c_menu_m_nav__item_before_BorderBottomColor.js +8 -0
  98. package/dist/js/c_menu_m_nav__item_before_BorderBottomWidth.d.ts +6 -0
  99. package/dist/js/c_menu_m_nav__item_before_BorderBottomWidth.js +8 -0
  100. package/dist/js/c_menu_m_nav__item_description_Color.d.ts +6 -0
  101. package/dist/js/c_menu_m_nav__item_description_Color.js +8 -0
  102. package/dist/js/c_menu_m_nav__item_hover_after_BorderLeftColor.d.ts +6 -0
  103. package/dist/js/c_menu_m_nav__item_hover_after_BorderLeftColor.js +8 -0
  104. package/dist/js/c_menu_m_nav__item_hover_after_BorderLeftWidth.d.ts +6 -0
  105. package/dist/js/c_menu_m_nav__item_hover_after_BorderLeftWidth.js +8 -0
  106. package/dist/js/c_menu_m_nav__item_hover_after_Top.d.ts +6 -0
  107. package/dist/js/c_menu_m_nav__item_hover_after_Top.js +8 -0
  108. package/dist/js/c_menu_m_nav__list_PaddingBottom.d.ts +6 -0
  109. package/dist/js/c_menu_m_nav__list_PaddingBottom.js +8 -0
  110. package/dist/js/c_menu_m_nav__list_PaddingTop.d.ts +6 -0
  111. package/dist/js/c_menu_m_nav__list_PaddingTop.js +8 -0
  112. package/dist/js/c_menu_m_nav__list_item_active_BackgroundColor.d.ts +6 -0
  113. package/dist/js/c_menu_m_nav__list_item_active_BackgroundColor.js +8 -0
  114. package/dist/js/c_menu_m_nav__list_item_first_child_c_menu_Top.d.ts +6 -0
  115. package/dist/js/c_menu_m_nav__list_item_first_child_c_menu_Top.js +8 -0
  116. package/dist/js/c_menu_m_nav__list_item_focus_within_BackgroundColor.d.ts +6 -0
  117. package/dist/js/c_menu_m_nav__list_item_focus_within_BackgroundColor.js +8 -0
  118. package/dist/js/c_menu_m_nav__list_item_hover_BackgroundColor.d.ts +6 -0
  119. package/dist/js/c_menu_m_nav__list_item_hover_BackgroundColor.js +8 -0
  120. package/dist/js/c_menu_m_nav_c_menu_Left.d.ts +6 -0
  121. package/dist/js/c_menu_m_nav_c_menu_Left.js +8 -0
  122. package/dist/js/c_menu_m_nav_c_menu_Top.d.ts +6 -0
  123. package/dist/js/c_menu_m_nav_c_menu_Top.js +8 -0
  124. package/dist/js/c_menu_m_nav_c_menu_left_offset.d.ts +6 -0
  125. package/dist/js/c_menu_m_nav_c_menu_left_offset.js +8 -0
  126. package/dist/js/c_menu_m_nav_c_menu_m_left_Right.d.ts +6 -0
  127. package/dist/js/c_menu_m_nav_c_menu_m_left_Right.js +8 -0
  128. package/dist/js/c_menu_m_nav_c_menu_m_left_right_offset.d.ts +6 -0
  129. package/dist/js/c_menu_m_nav_c_menu_m_left_right_offset.js +8 -0
  130. package/dist/js/c_menu_m_nav_c_menu_m_top_Bottom.d.ts +6 -0
  131. package/dist/js/c_menu_m_nav_c_menu_m_top_Bottom.js +8 -0
  132. package/dist/js/index.d.ts +27 -0
  133. package/dist/js/index.js +27 -0
  134. package/package.json +3 -3
@@ -110,6 +110,10 @@ export const c_menu = {
110
110
  "200"
111
111
  ]
112
112
  },
113
+ "c_menu_Top": {
114
+ "name": "--pf-c-menu--Top",
115
+ "value": "auto"
116
+ },
113
117
  "c_menu_m_flyout__menu_Top": {
114
118
  "name": "--pf-c-menu--m-flyout__menu--Top",
115
119
  "value": "calc(0.5rem * -1 + 0px)",
@@ -1127,6 +1131,223 @@ export const c_menu = {
1127
1131
  "$pf-global--BorderWidth--sm",
1128
1132
  "1px"
1129
1133
  ]
1134
+ },
1135
+ "c_menu_m_nav_BoxShadow": {
1136
+ "name": "--pf-c-menu--m-nav--BoxShadow",
1137
+ "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
1138
+ "values": [
1139
+ "--pf-global--BoxShadow--lg",
1140
+ "$pf-global--BoxShadow--lg",
1141
+ "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08)",
1142
+ "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
1143
+ "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
1144
+ ]
1145
+ },
1146
+ "c_menu_m_nav_BackgroundColor": {
1147
+ "name": "--pf-c-menu--m-nav--BackgroundColor",
1148
+ "value": "#212427",
1149
+ "values": [
1150
+ "--pf-global--BackgroundColor--dark-300",
1151
+ "$pf-global--BackgroundColor--dark-300",
1152
+ "$pf-color-black-850",
1153
+ "#212427"
1154
+ ]
1155
+ },
1156
+ "c_menu_m_nav__list_PaddingTop": {
1157
+ "name": "--pf-c-menu--m-nav__list--PaddingTop",
1158
+ "value": "0"
1159
+ },
1160
+ "c_menu_m_nav__list_PaddingBottom": {
1161
+ "name": "--pf-c-menu--m-nav__list--PaddingBottom",
1162
+ "value": "0"
1163
+ },
1164
+ "c_menu_m_nav__list_item_hover_BackgroundColor": {
1165
+ "name": "--pf-c-menu--m-nav__list-item--hover--BackgroundColor",
1166
+ "value": "#3c3f42",
1167
+ "values": [
1168
+ "--pf-global--BackgroundColor--dark-200",
1169
+ "$pf-global--BackgroundColor--dark-200",
1170
+ "$pf-color-black-800",
1171
+ "#3c3f42"
1172
+ ]
1173
+ },
1174
+ "c_menu_m_nav__list_item_focus_within_BackgroundColor": {
1175
+ "name": "--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor",
1176
+ "value": "#3c3f42",
1177
+ "values": [
1178
+ "--pf-global--BackgroundColor--dark-200",
1179
+ "$pf-global--BackgroundColor--dark-200",
1180
+ "$pf-color-black-800",
1181
+ "#3c3f42"
1182
+ ]
1183
+ },
1184
+ "c_menu_m_nav__list_item_active_BackgroundColor": {
1185
+ "name": "--pf-c-menu--m-nav__list-item--active--BackgroundColor",
1186
+ "value": "#3c3f42",
1187
+ "values": [
1188
+ "--pf-global--BackgroundColor--dark-200",
1189
+ "$pf-global--BackgroundColor--dark-200",
1190
+ "$pf-color-black-800",
1191
+ "#3c3f42"
1192
+ ]
1193
+ },
1194
+ "c_menu_m_nav__item_PaddingRight": {
1195
+ "name": "--pf-c-menu--m-nav__item--PaddingRight",
1196
+ "value": "1.5rem",
1197
+ "values": [
1198
+ "--pf-global--spacer--lg",
1199
+ "$pf-global--spacer--lg",
1200
+ "pf-size-prem(24px)",
1201
+ "1.5rem"
1202
+ ]
1203
+ },
1204
+ "c_menu_m_nav__item_PaddingLeft": {
1205
+ "name": "--pf-c-menu--m-nav__item--PaddingLeft",
1206
+ "value": "1.5rem",
1207
+ "values": [
1208
+ "--pf-global--spacer--lg",
1209
+ "$pf-global--spacer--lg",
1210
+ "pf-size-prem(24px)",
1211
+ "1.5rem"
1212
+ ]
1213
+ },
1214
+ "c_menu_m_nav__item_Color": {
1215
+ "name": "--pf-c-menu--m-nav__item--Color",
1216
+ "value": "#fff",
1217
+ "values": [
1218
+ "--pf-global--Color--light-100",
1219
+ "$pf-global--Color--light-100",
1220
+ "$pf-color-white",
1221
+ "#fff"
1222
+ ]
1223
+ },
1224
+ "c_menu_m_nav__item_FontSize": {
1225
+ "name": "--pf-c-menu--m-nav__item--FontSize",
1226
+ "value": "0.875rem",
1227
+ "values": [
1228
+ "--pf-global--FontSize--sm",
1229
+ "$pf-global--FontSize--sm",
1230
+ "pf-font-prem(14px)",
1231
+ "0.875rem"
1232
+ ]
1233
+ },
1234
+ "c_menu_m_nav__item_OutlineOffset": {
1235
+ "name": "--pf-c-menu--m-nav__item--OutlineOffset",
1236
+ "value": "calc(0.25rem * -1)",
1237
+ "values": [
1238
+ "calc(--pf-global--spacer--xs * -1)",
1239
+ "calc($pf-global--spacer--xs * -1)",
1240
+ "calc(pf-size-prem(4px) * -1)",
1241
+ "calc(0.25rem * -1)"
1242
+ ]
1243
+ },
1244
+ "c_menu_m_nav__item_before_BorderBottomColor": {
1245
+ "name": "--pf-c-menu--m-nav__item--before--BorderBottomColor",
1246
+ "value": "#3c3f42",
1247
+ "values": [
1248
+ "--pf-global--BackgroundColor--dark-200",
1249
+ "$pf-global--BackgroundColor--dark-200",
1250
+ "$pf-color-black-800",
1251
+ "#3c3f42"
1252
+ ]
1253
+ },
1254
+ "c_menu_m_nav__item_before_BorderBottomWidth": {
1255
+ "name": "--pf-c-menu--m-nav__item--before--BorderBottomWidth",
1256
+ "value": "1px",
1257
+ "values": [
1258
+ "--pf-global--BorderWidth--sm",
1259
+ "$pf-global--BorderWidth--sm",
1260
+ "1px"
1261
+ ]
1262
+ },
1263
+ "c_menu_m_nav__item_hover_after_BorderLeftColor": {
1264
+ "name": "--pf-c-menu--m-nav__item--hover--after--BorderLeftColor",
1265
+ "value": "#8a8d90",
1266
+ "values": [
1267
+ "--pf-global--BorderColor--200",
1268
+ "$pf-global--BorderColor--200",
1269
+ "$pf-color-black-500",
1270
+ "#8a8d90"
1271
+ ]
1272
+ },
1273
+ "c_menu_m_nav__item_hover_after_BorderLeftWidth": {
1274
+ "name": "--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth",
1275
+ "value": "1px",
1276
+ "values": [
1277
+ "--pf-global--BorderWidth--sm",
1278
+ "$pf-global--BorderWidth--sm",
1279
+ "1px"
1280
+ ]
1281
+ },
1282
+ "c_menu_m_nav__item_hover_after_Top": {
1283
+ "name": "--pf-c-menu--m-nav__item--hover--after--Top",
1284
+ "value": "calc(1px * -1)",
1285
+ "values": [
1286
+ "calc(--pf-c-menu--m-nav__item--before--BorderBottomWidth * -1)",
1287
+ "calc(--pf-global--BorderWidth--sm * -1)",
1288
+ "calc($pf-global--BorderWidth--sm * -1)",
1289
+ "calc(1px * -1)"
1290
+ ]
1291
+ },
1292
+ "c_menu_m_nav__item__list_item_first_child__item_hover_after_Top": {
1293
+ "name": "--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top",
1294
+ "value": "0"
1295
+ },
1296
+ "c_menu_m_nav__item_description_Color": {
1297
+ "name": "--pf-c-menu--m-nav__item-description--Color",
1298
+ "value": "#f0f0f0",
1299
+ "values": [
1300
+ "--pf-global--Color--light-200",
1301
+ "$pf-global--Color--light-200",
1302
+ "$pf-color-black-200",
1303
+ "#f0f0f0"
1304
+ ]
1305
+ },
1306
+ "c_menu_m_nav_c_menu_left_offset": {
1307
+ "name": "--pf-c-menu--m-nav--c-menu--left-offset",
1308
+ "value": "0.25rem"
1309
+ },
1310
+ "c_menu_m_nav_c_menu_m_left_right_offset": {
1311
+ "name": "--pf-c-menu--m-nav--c-menu--m-left--right-offset",
1312
+ "value": "0.25rem"
1313
+ },
1314
+ "c_menu_m_nav_c_menu_Top": {
1315
+ "name": "--pf-c-menu--m-nav--c-menu--Top",
1316
+ "value": "calc(1px * -1)",
1317
+ "values": [
1318
+ "calc(--pf-c-menu--m-nav__item--before--BorderBottomWidth * -1)",
1319
+ "calc(--pf-global--BorderWidth--sm * -1)",
1320
+ "calc($pf-global--BorderWidth--sm * -1)",
1321
+ "calc(1px * -1)"
1322
+ ]
1323
+ },
1324
+ "c_menu_m_nav_c_menu_Left": {
1325
+ "name": "--pf-c-menu--m-nav--c-menu--Left",
1326
+ "value": "calc(100% - 0.25rem)",
1327
+ "values": [
1328
+ "calc(100% - --pf-c-menu--m-nav--c-menu--left-offset)",
1329
+ "calc(100% - 0.25rem)"
1330
+ ]
1331
+ },
1332
+ "c_menu_m_nav_c_menu_m_left_Right": {
1333
+ "name": "--pf-c-menu--m-nav--c-menu--m-left--Right",
1334
+ "value": "calc(100% - 0.25rem)",
1335
+ "values": [
1336
+ "calc(100% - --pf-c-menu--m-nav--c-menu--m-left--right-offset)",
1337
+ "calc(100% - 0.25rem)"
1338
+ ]
1339
+ },
1340
+ "c_menu_m_nav_c_menu_m_top_Bottom": {
1341
+ "name": "--pf-c-menu--m-nav--c-menu--m-top--Bottom",
1342
+ "value": "calc(0 + undefined)",
1343
+ "values": [
1344
+ "calc(0 + --pf-c-menu--m-nav--c-menu--m-top--bottom-offset)",
1345
+ "calc(0 + undefined)"
1346
+ ]
1347
+ },
1348
+ "c_menu_m_nav__list_item_first_child_c_menu_Top": {
1349
+ "name": "--pf-c-menu--m-nav__list-item--first-child--c-menu--Top",
1350
+ "value": "0"
1130
1351
  }
1131
1352
  },
1132
1353
  ".pf-c-menu__group": {
@@ -1285,6 +1506,166 @@ export const c_menu = {
1285
1506
  ]
1286
1507
  }
1287
1508
  },
1509
+ ".pf-c-menu.pf-m-nav": {
1510
+ "c_menu_BackgroundColor": {
1511
+ "name": "--pf-c-menu--BackgroundColor",
1512
+ "value": "#212427",
1513
+ "values": [
1514
+ "--pf-c-menu--m-nav--BackgroundColor",
1515
+ "--pf-global--BackgroundColor--dark-300",
1516
+ "$pf-global--BackgroundColor--dark-300",
1517
+ "$pf-color-black-850",
1518
+ "#212427"
1519
+ ]
1520
+ },
1521
+ "c_menu__list_PaddingTop": {
1522
+ "name": "--pf-c-menu__list--PaddingTop",
1523
+ "value": "0",
1524
+ "values": [
1525
+ "--pf-c-menu--m-nav__list--PaddingTop",
1526
+ "0"
1527
+ ]
1528
+ },
1529
+ "c_menu__list_PaddingBottom": {
1530
+ "name": "--pf-c-menu__list--PaddingBottom",
1531
+ "value": "0",
1532
+ "values": [
1533
+ "--pf-c-menu--m-nav__list--PaddingBottom",
1534
+ "0"
1535
+ ]
1536
+ },
1537
+ "c_menu__list_item_hover_BackgroundColor": {
1538
+ "name": "--pf-c-menu__list-item--hover--BackgroundColor",
1539
+ "value": "#3c3f42",
1540
+ "values": [
1541
+ "--pf-c-menu--m-nav__list-item--hover--BackgroundColor",
1542
+ "--pf-global--BackgroundColor--dark-200",
1543
+ "$pf-global--BackgroundColor--dark-200",
1544
+ "$pf-color-black-800",
1545
+ "#3c3f42"
1546
+ ]
1547
+ },
1548
+ "c_menu__list_item_focus_within_BackgroundColor": {
1549
+ "name": "--pf-c-menu__list-item--focus-within--BackgroundColor",
1550
+ "value": "#3c3f42",
1551
+ "values": [
1552
+ "--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor",
1553
+ "--pf-global--BackgroundColor--dark-200",
1554
+ "$pf-global--BackgroundColor--dark-200",
1555
+ "$pf-color-black-800",
1556
+ "#3c3f42"
1557
+ ]
1558
+ },
1559
+ "c_menu__list_item_active_BackgroundColor": {
1560
+ "name": "--pf-c-menu__list-item--active--BackgroundColor",
1561
+ "value": "#3c3f42",
1562
+ "values": [
1563
+ "--pf-c-menu--m-nav__list-item--active--BackgroundColor",
1564
+ "--pf-global--BackgroundColor--dark-200",
1565
+ "$pf-global--BackgroundColor--dark-200",
1566
+ "$pf-color-black-800",
1567
+ "#3c3f42"
1568
+ ]
1569
+ },
1570
+ "c_menu__item_Color": {
1571
+ "name": "--pf-c-menu__item--Color",
1572
+ "value": "#fff",
1573
+ "values": [
1574
+ "--pf-c-menu--m-nav__item--Color",
1575
+ "--pf-global--Color--light-100",
1576
+ "$pf-global--Color--light-100",
1577
+ "$pf-color-white",
1578
+ "#fff"
1579
+ ]
1580
+ },
1581
+ "c_menu__item_FontSize": {
1582
+ "name": "--pf-c-menu__item--FontSize",
1583
+ "value": "0.875rem",
1584
+ "values": [
1585
+ "--pf-c-menu--m-nav__item--FontSize",
1586
+ "--pf-global--FontSize--sm",
1587
+ "$pf-global--FontSize--sm",
1588
+ "pf-font-prem(14px)",
1589
+ "0.875rem"
1590
+ ]
1591
+ },
1592
+ "c_menu__item_OutlineOffset": {
1593
+ "name": "--pf-c-menu__item--OutlineOffset",
1594
+ "value": "calc(0.25rem * -1)",
1595
+ "values": [
1596
+ "--pf-c-menu--m-nav__item--OutlineOffset",
1597
+ "calc(--pf-global--spacer--xs * -1)",
1598
+ "calc($pf-global--spacer--xs * -1)",
1599
+ "calc(pf-size-prem(4px) * -1)",
1600
+ "calc(0.25rem * -1)"
1601
+ ]
1602
+ },
1603
+ "c_menu__item_PaddingRight": {
1604
+ "name": "--pf-c-menu__item--PaddingRight",
1605
+ "value": "1.5rem",
1606
+ "values": [
1607
+ "--pf-c-menu--m-nav__item--PaddingRight",
1608
+ "--pf-global--spacer--lg",
1609
+ "$pf-global--spacer--lg",
1610
+ "pf-size-prem(24px)",
1611
+ "1.5rem"
1612
+ ]
1613
+ },
1614
+ "c_menu__item_PaddingLeft": {
1615
+ "name": "--pf-c-menu__item--PaddingLeft",
1616
+ "value": "1.5rem",
1617
+ "values": [
1618
+ "--pf-c-menu--m-nav__item--PaddingLeft",
1619
+ "--pf-global--spacer--lg",
1620
+ "$pf-global--spacer--lg",
1621
+ "pf-size-prem(24px)",
1622
+ "1.5rem"
1623
+ ]
1624
+ },
1625
+ "c_menu__item_description_Color": {
1626
+ "name": "--pf-c-menu__item-description--Color",
1627
+ "value": "#f0f0f0",
1628
+ "values": [
1629
+ "--pf-c-menu--m-nav__item-description--Color",
1630
+ "--pf-global--Color--light-200",
1631
+ "$pf-global--Color--light-200",
1632
+ "$pf-color-black-200",
1633
+ "#f0f0f0"
1634
+ ]
1635
+ }
1636
+ },
1637
+ ".pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-top": {
1638
+ "c_menu_m_nav_c_menu_Top": {
1639
+ "name": "--pf-c-menu--m-nav--c-menu--Top",
1640
+ "value": "auto"
1641
+ }
1642
+ },
1643
+ ".pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-left": {
1644
+ "c_menu_m_nav_c_menu_Left": {
1645
+ "name": "--pf-c-menu--m-nav--c-menu--Left",
1646
+ "value": "auto"
1647
+ }
1648
+ },
1649
+ ".pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child": {
1650
+ "c_menu_m_nav__item_hover_after_Top": {
1651
+ "name": "--pf-c-menu--m-nav__item--hover--after--Top",
1652
+ "value": "0",
1653
+ "values": [
1654
+ "--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top",
1655
+ "0"
1656
+ ]
1657
+ }
1658
+ },
1659
+ ".pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child .pf-c-menu": {
1660
+ "c_menu_m_nav_c_menu_Top": {
1661
+ "name": "--pf-c-menu--m-nav--c-menu--Top",
1662
+ "value": "0",
1663
+ "values": [
1664
+ "--pf-c-menu--m-nav__list-item--first-child--c-menu--Top",
1665
+ "0"
1666
+ ]
1667
+ }
1668
+ },
1288
1669
  ".pf-c-menu__breadcrumb .pf-c-breadcrumb": {
1289
1670
  "c_breadcrumb__item_FontSize": {
1290
1671
  "name": "--pf-c-breadcrumb__item--FontSize",
@@ -1,6 +1,6 @@
1
1
  export const c_menu_BackgroundColor: {
2
2
  "name": "--pf-c-menu--BackgroundColor",
3
- "value": "#fff",
3
+ "value": "#212427",
4
4
  "var": "var(--pf-c-menu--BackgroundColor)"
5
5
  };
6
6
  export default c_menu_BackgroundColor;
@@ -1,6 +1,6 @@
1
1
  export const c_menu_BackgroundColor = {
2
2
  "name": "--pf-c-menu--BackgroundColor",
3
- "value": "#fff",
3
+ "value": "#212427",
4
4
  "var": "var(--pf-c-menu--BackgroundColor)"
5
5
  };
6
6
  export default c_menu_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_menu_Top: {
2
+ "name": "--pf-c-menu--Top",
3
+ "value": "auto",
4
+ "var": "var(--pf-c-menu--Top)"
5
+ };
6
+ export default c_menu_Top;
@@ -0,0 +1,6 @@
1
+ export const c_menu_Top = {
2
+ "name": "--pf-c-menu--Top",
3
+ "value": "auto",
4
+ "var": "var(--pf-c-menu--Top)"
5
+ };
6
+ export default c_menu_Top;
@@ -1,6 +1,6 @@
1
1
  export const c_menu__item_FontSize: {
2
2
  "name": "--pf-c-menu__item--FontSize",
3
- "value": "1rem",
3
+ "value": "0.875rem",
4
4
  "var": "var(--pf-c-menu__item--FontSize)"
5
5
  };
6
6
  export default c_menu__item_FontSize;
@@ -1,6 +1,6 @@
1
1
  export const c_menu__item_FontSize = {
2
2
  "name": "--pf-c-menu__item--FontSize",
3
- "value": "1rem",
3
+ "value": "0.875rem",
4
4
  "var": "var(--pf-c-menu__item--FontSize)"
5
5
  };
6
6
  export default c_menu__item_FontSize;
@@ -1,6 +1,6 @@
1
1
  export const c_menu__item_OutlineOffset: {
2
2
  "name": "--pf-c-menu__item--OutlineOffset",
3
- "value": "calc(0.125rem * -1)",
3
+ "value": "calc(0.25rem * -1)",
4
4
  "var": "var(--pf-c-menu__item--OutlineOffset)"
5
5
  };
6
6
  export default c_menu__item_OutlineOffset;
@@ -1,6 +1,6 @@
1
1
  export const c_menu__item_OutlineOffset = {
2
2
  "name": "--pf-c-menu__item--OutlineOffset",
3
- "value": "calc(0.125rem * -1)",
3
+ "value": "calc(0.25rem * -1)",
4
4
  "var": "var(--pf-c-menu__item--OutlineOffset)"
5
5
  };
6
6
  export default c_menu__item_OutlineOffset;
@@ -1,6 +1,6 @@
1
1
  export const c_menu__item_description_Color: {
2
2
  "name": "--pf-c-menu__item-description--Color",
3
- "value": "#6a6e73",
3
+ "value": "#f0f0f0",
4
4
  "var": "var(--pf-c-menu__item-description--Color)"
5
5
  };
6
6
  export default c_menu__item_description_Color;
@@ -1,6 +1,6 @@
1
1
  export const c_menu__item_description_Color = {
2
2
  "name": "--pf-c-menu__item-description--Color",
3
- "value": "#6a6e73",
3
+ "value": "#f0f0f0",
4
4
  "var": "var(--pf-c-menu__item-description--Color)"
5
5
  };
6
6
  export default c_menu__item_description_Color;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav_BackgroundColor: {
2
+ "name": "--pf-c-menu--m-nav--BackgroundColor",
3
+ "value": "#212427",
4
+ "var": "var(--pf-c-menu--m-nav--BackgroundColor)"
5
+ };
6
+ export default c_menu_m_nav_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav_BackgroundColor = {
2
+ "name": "--pf-c-menu--m-nav--BackgroundColor",
3
+ "value": "#212427",
4
+ "var": "var(--pf-c-menu--m-nav--BackgroundColor)"
5
+ };
6
+ export default c_menu_m_nav_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav_BoxShadow: {
2
+ "name": "--pf-c-menu--m-nav--BoxShadow",
3
+ "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
4
+ "var": "var(--pf-c-menu--m-nav--BoxShadow)"
5
+ };
6
+ export default c_menu_m_nav_BoxShadow;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav_BoxShadow = {
2
+ "name": "--pf-c-menu--m-nav--BoxShadow",
3
+ "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
4
+ "var": "var(--pf-c-menu--m-nav--BoxShadow)"
5
+ };
6
+ export default c_menu_m_nav_BoxShadow;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_Color: {
2
+ "name": "--pf-c-menu--m-nav__item--Color",
3
+ "value": "#fff",
4
+ "var": "var(--pf-c-menu--m-nav__item--Color)"
5
+ };
6
+ export default c_menu_m_nav__item_Color;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_Color = {
2
+ "name": "--pf-c-menu--m-nav__item--Color",
3
+ "value": "#fff",
4
+ "var": "var(--pf-c-menu--m-nav__item--Color)"
5
+ };
6
+ export default c_menu_m_nav__item_Color;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_FontSize: {
2
+ "name": "--pf-c-menu--m-nav__item--FontSize",
3
+ "value": "0.875rem",
4
+ "var": "var(--pf-c-menu--m-nav__item--FontSize)"
5
+ };
6
+ export default c_menu_m_nav__item_FontSize;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_FontSize = {
2
+ "name": "--pf-c-menu--m-nav__item--FontSize",
3
+ "value": "0.875rem",
4
+ "var": "var(--pf-c-menu--m-nav__item--FontSize)"
5
+ };
6
+ export default c_menu_m_nav__item_FontSize;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_OutlineOffset: {
2
+ "name": "--pf-c-menu--m-nav__item--OutlineOffset",
3
+ "value": "calc(0.25rem * -1)",
4
+ "var": "var(--pf-c-menu--m-nav__item--OutlineOffset)"
5
+ };
6
+ export default c_menu_m_nav__item_OutlineOffset;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_OutlineOffset = {
2
+ "name": "--pf-c-menu--m-nav__item--OutlineOffset",
3
+ "value": "calc(0.25rem * -1)",
4
+ "var": "var(--pf-c-menu--m-nav__item--OutlineOffset)"
5
+ };
6
+ export default c_menu_m_nav__item_OutlineOffset;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_PaddingLeft: {
2
+ "name": "--pf-c-menu--m-nav__item--PaddingLeft",
3
+ "value": "1.5rem",
4
+ "var": "var(--pf-c-menu--m-nav__item--PaddingLeft)"
5
+ };
6
+ export default c_menu_m_nav__item_PaddingLeft;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_PaddingLeft = {
2
+ "name": "--pf-c-menu--m-nav__item--PaddingLeft",
3
+ "value": "1.5rem",
4
+ "var": "var(--pf-c-menu--m-nav__item--PaddingLeft)"
5
+ };
6
+ export default c_menu_m_nav__item_PaddingLeft;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_PaddingRight: {
2
+ "name": "--pf-c-menu--m-nav__item--PaddingRight",
3
+ "value": "1.5rem",
4
+ "var": "var(--pf-c-menu--m-nav__item--PaddingRight)"
5
+ };
6
+ export default c_menu_m_nav__item_PaddingRight;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_PaddingRight = {
2
+ "name": "--pf-c-menu--m-nav__item--PaddingRight",
3
+ "value": "1.5rem",
4
+ "var": "var(--pf-c-menu--m-nav__item--PaddingRight)"
5
+ };
6
+ export default c_menu_m_nav__item_PaddingRight;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item__list_item_first_child__item_hover_after_Top: {
2
+ "name": "--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top",
3
+ "value": "0",
4
+ "var": "var(--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top)"
5
+ };
6
+ export default c_menu_m_nav__item__list_item_first_child__item_hover_after_Top;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item__list_item_first_child__item_hover_after_Top = {
2
+ "name": "--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top",
3
+ "value": "0",
4
+ "var": "var(--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top)"
5
+ };
6
+ export default c_menu_m_nav__item__list_item_first_child__item_hover_after_Top;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_before_BorderBottomColor: {
2
+ "name": "--pf-c-menu--m-nav__item--before--BorderBottomColor",
3
+ "value": "#3c3f42",
4
+ "var": "var(--pf-c-menu--m-nav__item--before--BorderBottomColor)"
5
+ };
6
+ export default c_menu_m_nav__item_before_BorderBottomColor;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_before_BorderBottomColor = {
2
+ "name": "--pf-c-menu--m-nav__item--before--BorderBottomColor",
3
+ "value": "#3c3f42",
4
+ "var": "var(--pf-c-menu--m-nav__item--before--BorderBottomColor)"
5
+ };
6
+ export default c_menu_m_nav__item_before_BorderBottomColor;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_before_BorderBottomWidth: {
2
+ "name": "--pf-c-menu--m-nav__item--before--BorderBottomWidth",
3
+ "value": "1px",
4
+ "var": "var(--pf-c-menu--m-nav__item--before--BorderBottomWidth)"
5
+ };
6
+ export default c_menu_m_nav__item_before_BorderBottomWidth;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_before_BorderBottomWidth = {
2
+ "name": "--pf-c-menu--m-nav__item--before--BorderBottomWidth",
3
+ "value": "1px",
4
+ "var": "var(--pf-c-menu--m-nav__item--before--BorderBottomWidth)"
5
+ };
6
+ export default c_menu_m_nav__item_before_BorderBottomWidth;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_description_Color: {
2
+ "name": "--pf-c-menu--m-nav__item-description--Color",
3
+ "value": "#f0f0f0",
4
+ "var": "var(--pf-c-menu--m-nav__item-description--Color)"
5
+ };
6
+ export default c_menu_m_nav__item_description_Color;
@@ -0,0 +1,6 @@
1
+ export const c_menu_m_nav__item_description_Color = {
2
+ "name": "--pf-c-menu--m-nav__item-description--Color",
3
+ "value": "#f0f0f0",
4
+ "var": "var(--pf-c-menu--m-nav__item-description--Color)"
5
+ };
6
+ export default c_menu_m_nav__item_description_Color;