@patternfly/react-tokens 5.0.0-alpha.5 → 5.0.0-alpha.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 (458) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/esm/c_about_modal_box.d.ts +32 -182
  3. package/dist/esm/c_about_modal_box.js +32 -182
  4. package/dist/esm/c_about_modal_box_BackgroundImage.d.ts +6 -0
  5. package/dist/esm/c_about_modal_box_BackgroundImage.js +6 -0
  6. package/dist/esm/c_about_modal_box_BackgroundPosition.d.ts +6 -0
  7. package/dist/esm/c_about_modal_box_BackgroundPosition.js +6 -0
  8. package/dist/esm/c_about_modal_box_BackgroundSize.d.ts +6 -0
  9. package/dist/esm/c_about_modal_box_BackgroundSize.js +6 -0
  10. package/dist/esm/c_about_modal_box_BackgroundSize_max_width.d.ts +6 -0
  11. package/dist/esm/c_about_modal_box_BackgroundSize_max_width.js +6 -0
  12. package/dist/esm/c_about_modal_box_BackgroundSize_min_width.d.ts +6 -0
  13. package/dist/esm/c_about_modal_box_BackgroundSize_min_width.js +6 -0
  14. package/dist/esm/c_about_modal_box_BackgroundSize_width.d.ts +6 -0
  15. package/dist/esm/c_about_modal_box_BackgroundSize_width.js +6 -0
  16. package/dist/esm/c_about_modal_box_lg_GridTemplateColumns.d.ts +6 -0
  17. package/dist/esm/c_about_modal_box_lg_GridTemplateColumns.js +6 -0
  18. package/dist/esm/c_about_modal_box_sm_GridTemplateColumns.d.ts +6 -0
  19. package/dist/esm/c_about_modal_box_sm_GridTemplateColumns.js +6 -0
  20. package/dist/esm/c_alert.d.ts +94 -21
  21. package/dist/esm/c_alert.js +94 -21
  22. package/dist/esm/c_alert_m_custom_BorderTopColor.d.ts +6 -0
  23. package/dist/esm/c_alert_m_custom_BorderTopColor.js +6 -0
  24. package/dist/esm/c_alert_m_custom__icon_Color.d.ts +6 -0
  25. package/dist/esm/c_alert_m_custom__icon_Color.js +6 -0
  26. package/dist/esm/c_alert_m_custom__title_Color.d.ts +6 -0
  27. package/dist/esm/c_alert_m_custom__title_Color.js +6 -0
  28. package/dist/esm/c_alert_m_inline_m_custom_BackgroundColor.d.ts +6 -0
  29. package/dist/esm/c_alert_m_inline_m_custom_BackgroundColor.js +6 -0
  30. package/dist/esm/c_background_image.d.ts +20 -16
  31. package/dist/esm/c_background_image.js +20 -16
  32. package/dist/esm/c_background_image_BackgroundImage.d.ts +1 -1
  33. package/dist/esm/c_background_image_BackgroundImage.js +1 -1
  34. package/dist/esm/c_background_image_BackgroundPosition.d.ts +6 -0
  35. package/dist/esm/c_background_image_BackgroundPosition.js +6 -0
  36. package/dist/esm/c_background_image_BackgroundSize.d.ts +6 -0
  37. package/dist/esm/c_background_image_BackgroundSize.js +6 -0
  38. package/dist/esm/c_background_image_BackgroundSize_max_width.d.ts +6 -0
  39. package/dist/esm/c_background_image_BackgroundSize_max_width.js +6 -0
  40. package/dist/esm/c_background_image_BackgroundSize_min_width.d.ts +6 -0
  41. package/dist/esm/c_background_image_BackgroundSize_min_width.js +6 -0
  42. package/dist/esm/c_background_image_BackgroundSize_width.d.ts +6 -0
  43. package/dist/esm/c_background_image_BackgroundSize_width.js +6 -0
  44. package/dist/esm/c_banner.d.ts +0 -174
  45. package/dist/esm/c_banner.js +0 -174
  46. package/dist/esm/c_button_m_primary_BackgroundColor.d.ts +1 -1
  47. package/dist/esm/c_button_m_primary_BackgroundColor.js +1 -1
  48. package/dist/esm/c_button_m_primary_Color.d.ts +1 -1
  49. package/dist/esm/c_button_m_primary_Color.js +1 -1
  50. package/dist/esm/c_button_m_primary_active_BackgroundColor.d.ts +1 -1
  51. package/dist/esm/c_button_m_primary_active_BackgroundColor.js +1 -1
  52. package/dist/esm/c_button_m_primary_active_Color.d.ts +1 -1
  53. package/dist/esm/c_button_m_primary_active_Color.js +1 -1
  54. package/dist/esm/c_button_m_primary_focus_BackgroundColor.d.ts +1 -1
  55. package/dist/esm/c_button_m_primary_focus_BackgroundColor.js +1 -1
  56. package/dist/esm/c_button_m_primary_focus_Color.d.ts +1 -1
  57. package/dist/esm/c_button_m_primary_focus_Color.js +1 -1
  58. package/dist/esm/c_button_m_primary_hover_BackgroundColor.d.ts +1 -1
  59. package/dist/esm/c_button_m_primary_hover_BackgroundColor.js +1 -1
  60. package/dist/esm/c_button_m_primary_hover_Color.d.ts +1 -1
  61. package/dist/esm/c_button_m_primary_hover_Color.js +1 -1
  62. package/dist/esm/c_button_m_secondary_Color.d.ts +1 -1
  63. package/dist/esm/c_button_m_secondary_Color.js +1 -1
  64. package/dist/esm/c_button_m_secondary_active_Color.d.ts +1 -1
  65. package/dist/esm/c_button_m_secondary_active_Color.js +1 -1
  66. package/dist/esm/c_button_m_secondary_focus_Color.d.ts +1 -1
  67. package/dist/esm/c_button_m_secondary_focus_Color.js +1 -1
  68. package/dist/esm/c_button_m_secondary_hover_Color.d.ts +1 -1
  69. package/dist/esm/c_button_m_secondary_hover_Color.js +1 -1
  70. package/dist/esm/c_card_BackgroundColor.d.ts +1 -1
  71. package/dist/esm/c_card_BackgroundColor.js +1 -1
  72. package/dist/esm/c_context_selector.d.ts +19 -9
  73. package/dist/esm/c_context_selector.js +19 -9
  74. package/dist/esm/c_context_selector__toggle_ColumnGap.d.ts +6 -0
  75. package/dist/esm/c_context_selector__toggle_ColumnGap.js +6 -0
  76. package/dist/esm/c_context_selector__toggle_icon_PaddingLeft.d.ts +6 -0
  77. package/dist/esm/c_context_selector__toggle_icon_PaddingLeft.js +6 -0
  78. package/dist/esm/c_context_selector__toggle_icon_PaddingRight.d.ts +6 -0
  79. package/dist/esm/c_context_selector__toggle_icon_PaddingRight.js +6 -0
  80. package/dist/esm/c_dropdown.d.ts +53 -41
  81. package/dist/esm/c_dropdown.js +53 -41
  82. package/dist/esm/c_dropdown__toggle_ColumnGap.d.ts +6 -0
  83. package/dist/esm/c_dropdown__toggle_ColumnGap.js +6 -0
  84. package/dist/esm/c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft.d.ts +6 -0
  85. package/dist/esm/c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft.js +6 -0
  86. package/dist/esm/c_dropdown__toggle_c_badge__toggle_icon_PaddingRight.d.ts +6 -0
  87. package/dist/esm/c_dropdown__toggle_c_badge__toggle_icon_PaddingRight.js +6 -0
  88. package/dist/esm/c_dropdown__toggle_icon_PaddingLeft.d.ts +6 -0
  89. package/dist/esm/c_dropdown__toggle_icon_PaddingLeft.js +6 -0
  90. package/dist/esm/c_dropdown__toggle_icon_PaddingRight.d.ts +6 -0
  91. package/dist/esm/c_dropdown__toggle_icon_PaddingRight.js +6 -0
  92. package/dist/esm/c_icon.d.ts +8 -8
  93. package/dist/esm/c_icon.js +8 -8
  94. package/dist/esm/c_icon__content_m_custom_Color.d.ts +6 -0
  95. package/dist/esm/c_icon__content_m_custom_Color.js +6 -0
  96. package/dist/esm/c_label.d.ts +16 -16
  97. package/dist/esm/c_label.js +16 -16
  98. package/dist/esm/c_log_viewer.d.ts +0 -174
  99. package/dist/esm/c_log_viewer.js +0 -174
  100. package/dist/esm/c_login.d.ts +29 -187
  101. package/dist/esm/c_login.js +29 -187
  102. package/dist/esm/c_login__main_BoxShadow.d.ts +6 -0
  103. package/dist/esm/c_login__main_BoxShadow.js +6 -0
  104. package/dist/esm/c_login__main_footer_band_BorderTopColor.d.ts +6 -0
  105. package/dist/esm/c_login__main_footer_band_BorderTopColor.js +6 -0
  106. package/dist/esm/c_login__main_footer_band_BorderTopWidth.d.ts +6 -0
  107. package/dist/esm/c_login__main_footer_band_BorderTopWidth.js +6 -0
  108. package/dist/esm/c_masthead.d.ts +0 -174
  109. package/dist/esm/c_masthead.js +0 -174
  110. package/dist/esm/c_modal_box.d.ts +8 -8
  111. package/dist/esm/c_modal_box.js +8 -8
  112. package/dist/esm/c_modal_box_m_custom__title_icon_Color.d.ts +6 -0
  113. package/dist/esm/c_modal_box_m_custom__title_icon_Color.js +6 -0
  114. package/dist/esm/c_notification_drawer.d.ts +15 -15
  115. package/dist/esm/c_notification_drawer.js +15 -15
  116. package/dist/esm/c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor.d.ts +6 -0
  117. package/dist/esm/c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor.js +6 -0
  118. package/dist/esm/c_notification_drawer__list_item_m_custom__list_item_header_icon_Color.d.ts +6 -0
  119. package/dist/esm/c_notification_drawer__list_item_m_custom__list_item_header_icon_Color.js +6 -0
  120. package/dist/esm/c_options_menu.d.ts +19 -9
  121. package/dist/esm/c_options_menu.js +19 -9
  122. package/dist/esm/c_options_menu__toggle_ColumnGap.d.ts +6 -0
  123. package/dist/esm/c_options_menu__toggle_ColumnGap.js +6 -0
  124. package/dist/esm/c_options_menu__toggle_icon_PaddingLeft.d.ts +6 -0
  125. package/dist/esm/c_options_menu__toggle_icon_PaddingLeft.js +6 -0
  126. package/dist/esm/c_options_menu__toggle_icon_PaddingRight.d.ts +6 -0
  127. package/dist/esm/c_options_menu__toggle_icon_PaddingRight.js +6 -0
  128. package/dist/esm/c_page.d.ts +75 -209
  129. package/dist/esm/c_page.js +75 -209
  130. package/dist/esm/c_page__sidebar_body_PaddingLeft.d.ts +6 -0
  131. package/dist/esm/c_page__sidebar_body_PaddingLeft.js +6 -0
  132. package/dist/esm/c_page__sidebar_body_PaddingRight.d.ts +6 -0
  133. package/dist/esm/c_page__sidebar_body_PaddingRight.js +6 -0
  134. package/dist/esm/c_page__sidebar_body_m_page_insets_PaddingLeft.d.ts +6 -0
  135. package/dist/esm/c_page__sidebar_body_m_page_insets_PaddingLeft.js +6 -0
  136. package/dist/esm/c_page__sidebar_body_m_page_insets_PaddingRight.d.ts +6 -0
  137. package/dist/esm/c_page__sidebar_body_m_page_insets_PaddingRight.js +6 -0
  138. package/dist/esm/c_page_inset.d.ts +6 -0
  139. package/dist/esm/c_page_inset.js +6 -0
  140. package/dist/esm/c_page_xl_inset.d.ts +6 -0
  141. package/dist/esm/c_page_xl_inset.js +6 -0
  142. package/dist/esm/c_popover.d.ts +15 -15
  143. package/dist/esm/c_popover.js +15 -15
  144. package/dist/esm/c_popover_m_custom__title_icon_Color.d.ts +6 -0
  145. package/dist/esm/c_popover_m_custom__title_icon_Color.js +6 -0
  146. package/dist/esm/c_popover_m_custom__title_text_Color.d.ts +6 -0
  147. package/dist/esm/c_popover_m_custom__title_text_Color.js +6 -0
  148. package/dist/esm/c_wizard.d.ts +0 -174
  149. package/dist/esm/c_wizard.js +0 -174
  150. package/dist/esm/global_custom_color_100.d.ts +6 -0
  151. package/dist/esm/global_custom_color_100.js +6 -0
  152. package/dist/esm/global_custom_color_200.d.ts +6 -0
  153. package/dist/esm/global_custom_color_200.js +6 -0
  154. package/dist/esm/global_custom_color_300.d.ts +6 -0
  155. package/dist/esm/global_custom_color_300.js +6 -0
  156. package/dist/esm/index.d.ts +60 -49
  157. package/dist/esm/index.js +60 -49
  158. package/dist/esm/patternfly_variables.d.ts +6 -6
  159. package/dist/esm/patternfly_variables.js +6 -6
  160. package/dist/js/c_about_modal_box.d.ts +32 -182
  161. package/dist/js/c_about_modal_box.js +32 -182
  162. package/dist/js/c_about_modal_box_BackgroundImage.d.ts +6 -0
  163. package/dist/js/c_about_modal_box_BackgroundImage.js +8 -0
  164. package/dist/js/c_about_modal_box_BackgroundPosition.d.ts +6 -0
  165. package/dist/js/c_about_modal_box_BackgroundPosition.js +8 -0
  166. package/dist/js/c_about_modal_box_BackgroundSize.d.ts +6 -0
  167. package/dist/js/c_about_modal_box_BackgroundSize.js +8 -0
  168. package/dist/js/c_about_modal_box_BackgroundSize_max_width.d.ts +6 -0
  169. package/dist/js/c_about_modal_box_BackgroundSize_max_width.js +8 -0
  170. package/dist/js/c_about_modal_box_BackgroundSize_min_width.d.ts +6 -0
  171. package/dist/js/c_about_modal_box_BackgroundSize_min_width.js +8 -0
  172. package/dist/js/c_about_modal_box_BackgroundSize_width.d.ts +6 -0
  173. package/dist/js/c_about_modal_box_BackgroundSize_width.js +8 -0
  174. package/dist/js/c_about_modal_box_lg_GridTemplateColumns.d.ts +6 -0
  175. package/dist/js/c_about_modal_box_lg_GridTemplateColumns.js +8 -0
  176. package/dist/js/c_about_modal_box_sm_GridTemplateColumns.d.ts +6 -0
  177. package/dist/js/c_about_modal_box_sm_GridTemplateColumns.js +8 -0
  178. package/dist/js/c_alert.d.ts +94 -21
  179. package/dist/js/c_alert.js +94 -21
  180. package/dist/js/c_alert_m_custom_BorderTopColor.d.ts +6 -0
  181. package/dist/js/c_alert_m_custom_BorderTopColor.js +8 -0
  182. package/dist/js/c_alert_m_custom__icon_Color.d.ts +6 -0
  183. package/dist/js/c_alert_m_custom__icon_Color.js +8 -0
  184. package/dist/js/c_alert_m_custom__title_Color.d.ts +6 -0
  185. package/dist/js/c_alert_m_custom__title_Color.js +8 -0
  186. package/dist/js/c_alert_m_inline_m_custom_BackgroundColor.d.ts +6 -0
  187. package/dist/js/c_alert_m_inline_m_custom_BackgroundColor.js +8 -0
  188. package/dist/js/c_background_image.d.ts +20 -16
  189. package/dist/js/c_background_image.js +20 -16
  190. package/dist/js/c_background_image_BackgroundImage.d.ts +1 -1
  191. package/dist/js/c_background_image_BackgroundImage.js +1 -1
  192. package/dist/js/c_background_image_BackgroundPosition.d.ts +6 -0
  193. package/dist/js/c_background_image_BackgroundPosition.js +8 -0
  194. package/dist/js/c_background_image_BackgroundSize.d.ts +6 -0
  195. package/dist/js/c_background_image_BackgroundSize.js +8 -0
  196. package/dist/js/c_background_image_BackgroundSize_max_width.d.ts +6 -0
  197. package/dist/js/c_background_image_BackgroundSize_max_width.js +8 -0
  198. package/dist/js/c_background_image_BackgroundSize_min_width.d.ts +6 -0
  199. package/dist/js/c_background_image_BackgroundSize_min_width.js +8 -0
  200. package/dist/js/c_background_image_BackgroundSize_width.d.ts +6 -0
  201. package/dist/js/c_background_image_BackgroundSize_width.js +8 -0
  202. package/dist/js/c_banner.d.ts +0 -174
  203. package/dist/js/c_banner.js +0 -174
  204. package/dist/js/c_button_m_primary_BackgroundColor.d.ts +1 -1
  205. package/dist/js/c_button_m_primary_BackgroundColor.js +1 -1
  206. package/dist/js/c_button_m_primary_Color.d.ts +1 -1
  207. package/dist/js/c_button_m_primary_Color.js +1 -1
  208. package/dist/js/c_button_m_primary_active_BackgroundColor.d.ts +1 -1
  209. package/dist/js/c_button_m_primary_active_BackgroundColor.js +1 -1
  210. package/dist/js/c_button_m_primary_active_Color.d.ts +1 -1
  211. package/dist/js/c_button_m_primary_active_Color.js +1 -1
  212. package/dist/js/c_button_m_primary_focus_BackgroundColor.d.ts +1 -1
  213. package/dist/js/c_button_m_primary_focus_BackgroundColor.js +1 -1
  214. package/dist/js/c_button_m_primary_focus_Color.d.ts +1 -1
  215. package/dist/js/c_button_m_primary_focus_Color.js +1 -1
  216. package/dist/js/c_button_m_primary_hover_BackgroundColor.d.ts +1 -1
  217. package/dist/js/c_button_m_primary_hover_BackgroundColor.js +1 -1
  218. package/dist/js/c_button_m_primary_hover_Color.d.ts +1 -1
  219. package/dist/js/c_button_m_primary_hover_Color.js +1 -1
  220. package/dist/js/c_button_m_secondary_Color.d.ts +1 -1
  221. package/dist/js/c_button_m_secondary_Color.js +1 -1
  222. package/dist/js/c_button_m_secondary_active_Color.d.ts +1 -1
  223. package/dist/js/c_button_m_secondary_active_Color.js +1 -1
  224. package/dist/js/c_button_m_secondary_focus_Color.d.ts +1 -1
  225. package/dist/js/c_button_m_secondary_focus_Color.js +1 -1
  226. package/dist/js/c_button_m_secondary_hover_Color.d.ts +1 -1
  227. package/dist/js/c_button_m_secondary_hover_Color.js +1 -1
  228. package/dist/js/c_card_BackgroundColor.d.ts +1 -1
  229. package/dist/js/c_card_BackgroundColor.js +1 -1
  230. package/dist/js/c_context_selector.d.ts +19 -9
  231. package/dist/js/c_context_selector.js +19 -9
  232. package/dist/js/c_context_selector__toggle_ColumnGap.d.ts +6 -0
  233. package/dist/js/c_context_selector__toggle_ColumnGap.js +8 -0
  234. package/dist/js/c_context_selector__toggle_icon_PaddingLeft.d.ts +6 -0
  235. package/dist/js/c_context_selector__toggle_icon_PaddingLeft.js +8 -0
  236. package/dist/js/c_context_selector__toggle_icon_PaddingRight.d.ts +6 -0
  237. package/dist/js/c_context_selector__toggle_icon_PaddingRight.js +8 -0
  238. package/dist/js/c_dropdown.d.ts +53 -41
  239. package/dist/js/c_dropdown.js +53 -41
  240. package/dist/js/c_dropdown__toggle_ColumnGap.d.ts +6 -0
  241. package/dist/js/c_dropdown__toggle_ColumnGap.js +8 -0
  242. package/dist/js/c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft.d.ts +6 -0
  243. package/dist/js/c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft.js +8 -0
  244. package/dist/js/c_dropdown__toggle_c_badge__toggle_icon_PaddingRight.d.ts +6 -0
  245. package/dist/js/c_dropdown__toggle_c_badge__toggle_icon_PaddingRight.js +8 -0
  246. package/dist/js/c_dropdown__toggle_icon_PaddingLeft.d.ts +6 -0
  247. package/dist/js/c_dropdown__toggle_icon_PaddingLeft.js +8 -0
  248. package/dist/js/c_dropdown__toggle_icon_PaddingRight.d.ts +6 -0
  249. package/dist/js/c_dropdown__toggle_icon_PaddingRight.js +8 -0
  250. package/dist/js/c_icon.d.ts +8 -8
  251. package/dist/js/c_icon.js +8 -8
  252. package/dist/js/c_icon__content_m_custom_Color.d.ts +6 -0
  253. package/dist/js/c_icon__content_m_custom_Color.js +8 -0
  254. package/dist/js/c_label.d.ts +16 -16
  255. package/dist/js/c_label.js +16 -16
  256. package/dist/js/c_log_viewer.d.ts +0 -174
  257. package/dist/js/c_log_viewer.js +0 -174
  258. package/dist/js/c_login.d.ts +29 -187
  259. package/dist/js/c_login.js +29 -187
  260. package/dist/js/c_login__main_BoxShadow.d.ts +6 -0
  261. package/dist/js/c_login__main_BoxShadow.js +8 -0
  262. package/dist/js/c_login__main_footer_band_BorderTopColor.d.ts +6 -0
  263. package/dist/js/c_login__main_footer_band_BorderTopColor.js +8 -0
  264. package/dist/js/c_login__main_footer_band_BorderTopWidth.d.ts +6 -0
  265. package/dist/js/c_login__main_footer_band_BorderTopWidth.js +8 -0
  266. package/dist/js/c_masthead.d.ts +0 -174
  267. package/dist/js/c_masthead.js +0 -174
  268. package/dist/js/c_modal_box.d.ts +8 -8
  269. package/dist/js/c_modal_box.js +8 -8
  270. package/dist/js/c_modal_box_m_custom__title_icon_Color.d.ts +6 -0
  271. package/dist/js/c_modal_box_m_custom__title_icon_Color.js +8 -0
  272. package/dist/js/c_notification_drawer.d.ts +15 -15
  273. package/dist/js/c_notification_drawer.js +15 -15
  274. package/dist/js/c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor.d.ts +6 -0
  275. package/dist/js/c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor.js +8 -0
  276. package/dist/js/c_notification_drawer__list_item_m_custom__list_item_header_icon_Color.d.ts +6 -0
  277. package/dist/js/c_notification_drawer__list_item_m_custom__list_item_header_icon_Color.js +8 -0
  278. package/dist/js/c_options_menu.d.ts +19 -9
  279. package/dist/js/c_options_menu.js +19 -9
  280. package/dist/js/c_options_menu__toggle_ColumnGap.d.ts +6 -0
  281. package/dist/js/c_options_menu__toggle_ColumnGap.js +8 -0
  282. package/dist/js/c_options_menu__toggle_icon_PaddingLeft.d.ts +6 -0
  283. package/dist/js/c_options_menu__toggle_icon_PaddingLeft.js +8 -0
  284. package/dist/js/c_options_menu__toggle_icon_PaddingRight.d.ts +6 -0
  285. package/dist/js/c_options_menu__toggle_icon_PaddingRight.js +8 -0
  286. package/dist/js/c_page.d.ts +75 -209
  287. package/dist/js/c_page.js +75 -209
  288. package/dist/js/c_page__sidebar_body_PaddingLeft.d.ts +6 -0
  289. package/dist/js/c_page__sidebar_body_PaddingLeft.js +8 -0
  290. package/dist/js/c_page__sidebar_body_PaddingRight.d.ts +6 -0
  291. package/dist/js/c_page__sidebar_body_PaddingRight.js +8 -0
  292. package/dist/js/c_page__sidebar_body_m_page_insets_PaddingLeft.d.ts +6 -0
  293. package/dist/js/c_page__sidebar_body_m_page_insets_PaddingLeft.js +8 -0
  294. package/dist/js/c_page__sidebar_body_m_page_insets_PaddingRight.d.ts +6 -0
  295. package/dist/js/c_page__sidebar_body_m_page_insets_PaddingRight.js +8 -0
  296. package/dist/js/c_page_inset.d.ts +6 -0
  297. package/dist/js/c_page_inset.js +8 -0
  298. package/dist/js/c_page_xl_inset.d.ts +6 -0
  299. package/dist/js/c_page_xl_inset.js +8 -0
  300. package/dist/js/c_popover.d.ts +15 -15
  301. package/dist/js/c_popover.js +15 -15
  302. package/dist/js/c_popover_m_custom__title_icon_Color.d.ts +6 -0
  303. package/dist/js/c_popover_m_custom__title_icon_Color.js +8 -0
  304. package/dist/js/c_popover_m_custom__title_text_Color.d.ts +6 -0
  305. package/dist/js/c_popover_m_custom__title_text_Color.js +8 -0
  306. package/dist/js/c_wizard.d.ts +0 -174
  307. package/dist/js/c_wizard.js +0 -174
  308. package/dist/js/global_custom_color_100.d.ts +6 -0
  309. package/dist/js/global_custom_color_100.js +8 -0
  310. package/dist/js/global_custom_color_200.d.ts +6 -0
  311. package/dist/js/global_custom_color_200.js +8 -0
  312. package/dist/js/global_custom_color_300.d.ts +6 -0
  313. package/dist/js/global_custom_color_300.js +8 -0
  314. package/dist/js/index.d.ts +60 -49
  315. package/dist/js/index.js +60 -49
  316. package/dist/js/patternfly_variables.d.ts +6 -6
  317. package/dist/js/patternfly_variables.js +6 -6
  318. package/package.json +3 -3
  319. package/dist/esm/c_about_modal_box__close_sm_PaddingRight.d.ts +0 -6
  320. package/dist/esm/c_about_modal_box__close_sm_PaddingRight.js +0 -6
  321. package/dist/esm/c_about_modal_box_lg_grid_template_columns.d.ts +0 -6
  322. package/dist/esm/c_about_modal_box_lg_grid_template_columns.js +0 -6
  323. package/dist/esm/c_about_modal_box_sm_grid_template_columns.d.ts +0 -6
  324. package/dist/esm/c_about_modal_box_sm_grid_template_columns.js +0 -6
  325. package/dist/esm/c_background_image_BackgroundImage_2x.d.ts +0 -6
  326. package/dist/esm/c_background_image_BackgroundImage_2x.js +0 -6
  327. package/dist/esm/c_background_image_BackgroundImage_lg.d.ts +0 -6
  328. package/dist/esm/c_background_image_BackgroundImage_lg.js +0 -6
  329. package/dist/esm/c_background_image_BackgroundImage_sm.d.ts +0 -6
  330. package/dist/esm/c_background_image_BackgroundImage_sm.js +0 -6
  331. package/dist/esm/c_background_image_BackgroundImage_sm_2x.d.ts +0 -6
  332. package/dist/esm/c_background_image_BackgroundImage_sm_2x.js +0 -6
  333. package/dist/esm/c_background_image_Filter.d.ts +0 -6
  334. package/dist/esm/c_background_image_Filter.js +0 -6
  335. package/dist/esm/c_button_m_secondary_BorderColor.d.ts +0 -6
  336. package/dist/esm/c_button_m_secondary_BorderColor.js +0 -6
  337. package/dist/esm/c_button_m_secondary_active_BorderColor.d.ts +0 -6
  338. package/dist/esm/c_button_m_secondary_active_BorderColor.js +0 -6
  339. package/dist/esm/c_button_m_secondary_focus_BorderColor.d.ts +0 -6
  340. package/dist/esm/c_button_m_secondary_focus_BorderColor.js +0 -6
  341. package/dist/esm/c_button_m_secondary_hover_BorderColor.d.ts +0 -6
  342. package/dist/esm/c_button_m_secondary_hover_BorderColor.js +0 -6
  343. package/dist/esm/c_context_selector__toggle_icon_MarginLeft.d.ts +0 -6
  344. package/dist/esm/c_context_selector__toggle_icon_MarginLeft.js +0 -6
  345. package/dist/esm/c_context_selector__toggle_icon_MarginRight.d.ts +0 -6
  346. package/dist/esm/c_context_selector__toggle_icon_MarginRight.js +0 -6
  347. package/dist/esm/c_dropdown__toggle_icon_MarginRight.d.ts +0 -6
  348. package/dist/esm/c_dropdown__toggle_icon_MarginRight.js +0 -6
  349. package/dist/esm/c_dropdown__toggle_image_MarginBottom.d.ts +0 -6
  350. package/dist/esm/c_dropdown__toggle_image_MarginBottom.js +0 -6
  351. package/dist/esm/c_dropdown__toggle_image_MarginRight.d.ts +0 -6
  352. package/dist/esm/c_dropdown__toggle_image_MarginRight.js +0 -6
  353. package/dist/esm/c_dropdown__toggle_image_MarginTop.d.ts +0 -6
  354. package/dist/esm/c_dropdown__toggle_image_MarginTop.js +0 -6
  355. package/dist/esm/c_icon__content_m_default_Color.d.ts +0 -6
  356. package/dist/esm/c_icon__content_m_default_Color.js +0 -6
  357. package/dist/esm/c_login__main_footer_band_BackgroundColor.d.ts +0 -6
  358. package/dist/esm/c_login__main_footer_band_BackgroundColor.js +0 -6
  359. package/dist/esm/c_login_xl_BackgroundImage.d.ts +0 -6
  360. package/dist/esm/c_login_xl_BackgroundImage.js +0 -6
  361. package/dist/esm/c_modal_box_m_default__title_icon_Color.d.ts +0 -6
  362. package/dist/esm/c_modal_box_m_default__title_icon_Color.js +0 -6
  363. package/dist/esm/c_notification_drawer__list_item_m_default__list_item_before_BackgroundColor.d.ts +0 -6
  364. package/dist/esm/c_notification_drawer__list_item_m_default__list_item_before_BackgroundColor.js +0 -6
  365. package/dist/esm/c_notification_drawer__list_item_m_default__list_item_header_icon_Color.d.ts +0 -6
  366. package/dist/esm/c_notification_drawer__list_item_m_default__list_item_header_icon_Color.js +0 -6
  367. package/dist/esm/c_options_menu__toggle_icon_MarginLeft.d.ts +0 -6
  368. package/dist/esm/c_options_menu__toggle_icon_MarginLeft.js +0 -6
  369. package/dist/esm/c_options_menu__toggle_icon_MarginRight.d.ts +0 -6
  370. package/dist/esm/c_options_menu__toggle_icon_MarginRight.js +0 -6
  371. package/dist/esm/c_page__sidebar_body_PaddingBottom.d.ts +0 -6
  372. package/dist/esm/c_page__sidebar_body_PaddingBottom.js +0 -6
  373. package/dist/esm/c_page__sidebar_body_PaddingTop.d.ts +0 -6
  374. package/dist/esm/c_page__sidebar_body_PaddingTop.js +0 -6
  375. package/dist/esm/c_page__sidebar_body_m_menu_PaddingBottom.d.ts +0 -6
  376. package/dist/esm/c_page__sidebar_body_m_menu_PaddingBottom.js +0 -6
  377. package/dist/esm/c_page__sidebar_body_m_menu_PaddingTop.d.ts +0 -6
  378. package/dist/esm/c_page__sidebar_body_m_menu_PaddingTop.js +0 -6
  379. package/dist/esm/c_popover_m_default__title_icon_Color.d.ts +0 -6
  380. package/dist/esm/c_popover_m_default__title_icon_Color.js +0 -6
  381. package/dist/esm/c_popover_m_default__title_text_Color.d.ts +0 -6
  382. package/dist/esm/c_popover_m_default__title_text_Color.js +0 -6
  383. package/dist/esm/global_default_color_100.d.ts +0 -6
  384. package/dist/esm/global_default_color_100.js +0 -6
  385. package/dist/esm/global_default_color_200.d.ts +0 -6
  386. package/dist/esm/global_default_color_200.js +0 -6
  387. package/dist/esm/global_default_color_300.d.ts +0 -6
  388. package/dist/esm/global_default_color_300.js +0 -6
  389. package/dist/js/c_about_modal_box__close_sm_PaddingRight.d.ts +0 -6
  390. package/dist/js/c_about_modal_box__close_sm_PaddingRight.js +0 -8
  391. package/dist/js/c_about_modal_box_lg_grid_template_columns.d.ts +0 -6
  392. package/dist/js/c_about_modal_box_lg_grid_template_columns.js +0 -8
  393. package/dist/js/c_about_modal_box_sm_grid_template_columns.d.ts +0 -6
  394. package/dist/js/c_about_modal_box_sm_grid_template_columns.js +0 -8
  395. package/dist/js/c_background_image_BackgroundImage_2x.d.ts +0 -6
  396. package/dist/js/c_background_image_BackgroundImage_2x.js +0 -8
  397. package/dist/js/c_background_image_BackgroundImage_lg.d.ts +0 -6
  398. package/dist/js/c_background_image_BackgroundImage_lg.js +0 -8
  399. package/dist/js/c_background_image_BackgroundImage_sm.d.ts +0 -6
  400. package/dist/js/c_background_image_BackgroundImage_sm.js +0 -8
  401. package/dist/js/c_background_image_BackgroundImage_sm_2x.d.ts +0 -6
  402. package/dist/js/c_background_image_BackgroundImage_sm_2x.js +0 -8
  403. package/dist/js/c_background_image_Filter.d.ts +0 -6
  404. package/dist/js/c_background_image_Filter.js +0 -8
  405. package/dist/js/c_button_m_secondary_BorderColor.d.ts +0 -6
  406. package/dist/js/c_button_m_secondary_BorderColor.js +0 -8
  407. package/dist/js/c_button_m_secondary_active_BorderColor.d.ts +0 -6
  408. package/dist/js/c_button_m_secondary_active_BorderColor.js +0 -8
  409. package/dist/js/c_button_m_secondary_focus_BorderColor.d.ts +0 -6
  410. package/dist/js/c_button_m_secondary_focus_BorderColor.js +0 -8
  411. package/dist/js/c_button_m_secondary_hover_BorderColor.d.ts +0 -6
  412. package/dist/js/c_button_m_secondary_hover_BorderColor.js +0 -8
  413. package/dist/js/c_context_selector__toggle_icon_MarginLeft.d.ts +0 -6
  414. package/dist/js/c_context_selector__toggle_icon_MarginLeft.js +0 -8
  415. package/dist/js/c_context_selector__toggle_icon_MarginRight.d.ts +0 -6
  416. package/dist/js/c_context_selector__toggle_icon_MarginRight.js +0 -8
  417. package/dist/js/c_dropdown__toggle_icon_MarginRight.d.ts +0 -6
  418. package/dist/js/c_dropdown__toggle_icon_MarginRight.js +0 -8
  419. package/dist/js/c_dropdown__toggle_image_MarginBottom.d.ts +0 -6
  420. package/dist/js/c_dropdown__toggle_image_MarginBottom.js +0 -8
  421. package/dist/js/c_dropdown__toggle_image_MarginRight.d.ts +0 -6
  422. package/dist/js/c_dropdown__toggle_image_MarginRight.js +0 -8
  423. package/dist/js/c_dropdown__toggle_image_MarginTop.d.ts +0 -6
  424. package/dist/js/c_dropdown__toggle_image_MarginTop.js +0 -8
  425. package/dist/js/c_icon__content_m_default_Color.d.ts +0 -6
  426. package/dist/js/c_icon__content_m_default_Color.js +0 -8
  427. package/dist/js/c_login__main_footer_band_BackgroundColor.d.ts +0 -6
  428. package/dist/js/c_login__main_footer_band_BackgroundColor.js +0 -8
  429. package/dist/js/c_login_xl_BackgroundImage.d.ts +0 -6
  430. package/dist/js/c_login_xl_BackgroundImage.js +0 -8
  431. package/dist/js/c_modal_box_m_default__title_icon_Color.d.ts +0 -6
  432. package/dist/js/c_modal_box_m_default__title_icon_Color.js +0 -8
  433. package/dist/js/c_notification_drawer__list_item_m_default__list_item_before_BackgroundColor.d.ts +0 -6
  434. package/dist/js/c_notification_drawer__list_item_m_default__list_item_before_BackgroundColor.js +0 -8
  435. package/dist/js/c_notification_drawer__list_item_m_default__list_item_header_icon_Color.d.ts +0 -6
  436. package/dist/js/c_notification_drawer__list_item_m_default__list_item_header_icon_Color.js +0 -8
  437. package/dist/js/c_options_menu__toggle_icon_MarginLeft.d.ts +0 -6
  438. package/dist/js/c_options_menu__toggle_icon_MarginLeft.js +0 -8
  439. package/dist/js/c_options_menu__toggle_icon_MarginRight.d.ts +0 -6
  440. package/dist/js/c_options_menu__toggle_icon_MarginRight.js +0 -8
  441. package/dist/js/c_page__sidebar_body_PaddingBottom.d.ts +0 -6
  442. package/dist/js/c_page__sidebar_body_PaddingBottom.js +0 -8
  443. package/dist/js/c_page__sidebar_body_PaddingTop.d.ts +0 -6
  444. package/dist/js/c_page__sidebar_body_PaddingTop.js +0 -8
  445. package/dist/js/c_page__sidebar_body_m_menu_PaddingBottom.d.ts +0 -6
  446. package/dist/js/c_page__sidebar_body_m_menu_PaddingBottom.js +0 -8
  447. package/dist/js/c_page__sidebar_body_m_menu_PaddingTop.d.ts +0 -6
  448. package/dist/js/c_page__sidebar_body_m_menu_PaddingTop.js +0 -8
  449. package/dist/js/c_popover_m_default__title_icon_Color.d.ts +0 -6
  450. package/dist/js/c_popover_m_default__title_icon_Color.js +0 -8
  451. package/dist/js/c_popover_m_default__title_text_Color.d.ts +0 -6
  452. package/dist/js/c_popover_m_default__title_text_Color.js +0 -8
  453. package/dist/js/global_default_color_100.d.ts +0 -6
  454. package/dist/js/global_default_color_100.js +0 -8
  455. package/dist/js/global_default_color_200.d.ts +0 -6
  456. package/dist/js/global_default_color_200.js +0 -8
  457. package/dist/js/global_default_color_300.d.ts +0 -6
  458. package/dist/js/global_default_color_300.js +0 -8
@@ -158,180 +158,6 @@ export const c_page: {
158
158
  ]
159
159
  }
160
160
  },
161
- ".pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card": {
162
- "c_card_BackgroundColor": {
163
- "name": "--pf-c-card--BackgroundColor",
164
- "value": "rgba(#030303, .32)",
165
- "values": [
166
- "--pf-global--BackgroundColor--dark-transparent-200",
167
- "$pf-global--BackgroundColor--dark-transparent-200",
168
- "rgba($pf-color-black-1000, .32)",
169
- "rgba(#030303, .32)"
170
- ]
171
- }
172
- },
173
- ".pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button": {
174
- "c_button_m_primary_Color": {
175
- "name": "--pf-c-button--m-primary--Color",
176
- "value": "#06c",
177
- "values": [
178
- "--pf-global--primary-color--dark-100",
179
- "$pf-global--primary-color--dark-100",
180
- "$pf-color-blue-400",
181
- "#06c"
182
- ]
183
- },
184
- "c_button_m_primary_hover_Color": {
185
- "name": "--pf-c-button--m-primary--hover--Color",
186
- "value": "#06c",
187
- "values": [
188
- "--pf-global--primary-color--dark-100",
189
- "$pf-global--primary-color--dark-100",
190
- "$pf-color-blue-400",
191
- "#06c"
192
- ]
193
- },
194
- "c_button_m_primary_focus_Color": {
195
- "name": "--pf-c-button--m-primary--focus--Color",
196
- "value": "#06c",
197
- "values": [
198
- "--pf-global--primary-color--dark-100",
199
- "$pf-global--primary-color--dark-100",
200
- "$pf-color-blue-400",
201
- "#06c"
202
- ]
203
- },
204
- "c_button_m_primary_active_Color": {
205
- "name": "--pf-c-button--m-primary--active--Color",
206
- "value": "#06c",
207
- "values": [
208
- "--pf-global--primary-color--dark-100",
209
- "$pf-global--primary-color--dark-100",
210
- "$pf-color-blue-400",
211
- "#06c"
212
- ]
213
- },
214
- "c_button_m_primary_BackgroundColor": {
215
- "name": "--pf-c-button--m-primary--BackgroundColor",
216
- "value": "#fff",
217
- "values": [
218
- "--pf-global--BackgroundColor--light-100",
219
- "$pf-global--BackgroundColor--light-100",
220
- "$pf-color-white",
221
- "#fff"
222
- ]
223
- },
224
- "c_button_m_primary_hover_BackgroundColor": {
225
- "name": "--pf-c-button--m-primary--hover--BackgroundColor",
226
- "value": "#f0f0f0",
227
- "values": [
228
- "--pf-global--BackgroundColor--light-300",
229
- "$pf-global--BackgroundColor--light-300",
230
- "$pf-color-black-200",
231
- "#f0f0f0"
232
- ]
233
- },
234
- "c_button_m_primary_focus_BackgroundColor": {
235
- "name": "--pf-c-button--m-primary--focus--BackgroundColor",
236
- "value": "#f0f0f0",
237
- "values": [
238
- "--pf-global--BackgroundColor--light-300",
239
- "$pf-global--BackgroundColor--light-300",
240
- "$pf-color-black-200",
241
- "#f0f0f0"
242
- ]
243
- },
244
- "c_button_m_primary_active_BackgroundColor": {
245
- "name": "--pf-c-button--m-primary--active--BackgroundColor",
246
- "value": "#f0f0f0",
247
- "values": [
248
- "--pf-global--BackgroundColor--light-300",
249
- "$pf-global--BackgroundColor--light-300",
250
- "$pf-color-black-200",
251
- "#f0f0f0"
252
- ]
253
- },
254
- "c_button_m_secondary_Color": {
255
- "name": "--pf-c-button--m-secondary--Color",
256
- "value": "#fff",
257
- "values": [
258
- "--pf-global--Color--light-100",
259
- "$pf-global--Color--light-100",
260
- "$pf-color-white",
261
- "#fff"
262
- ]
263
- },
264
- "c_button_m_secondary_hover_Color": {
265
- "name": "--pf-c-button--m-secondary--hover--Color",
266
- "value": "#fff",
267
- "values": [
268
- "--pf-global--Color--light-100",
269
- "$pf-global--Color--light-100",
270
- "$pf-color-white",
271
- "#fff"
272
- ]
273
- },
274
- "c_button_m_secondary_focus_Color": {
275
- "name": "--pf-c-button--m-secondary--focus--Color",
276
- "value": "#fff",
277
- "values": [
278
- "--pf-global--Color--light-100",
279
- "$pf-global--Color--light-100",
280
- "$pf-color-white",
281
- "#fff"
282
- ]
283
- },
284
- "c_button_m_secondary_active_Color": {
285
- "name": "--pf-c-button--m-secondary--active--Color",
286
- "value": "#fff",
287
- "values": [
288
- "--pf-global--Color--light-100",
289
- "$pf-global--Color--light-100",
290
- "$pf-color-white",
291
- "#fff"
292
- ]
293
- },
294
- "c_button_m_secondary_BorderColor": {
295
- "name": "--pf-c-button--m-secondary--BorderColor",
296
- "value": "#fff",
297
- "values": [
298
- "--pf-global--Color--light-100",
299
- "$pf-global--Color--light-100",
300
- "$pf-color-white",
301
- "#fff"
302
- ]
303
- },
304
- "c_button_m_secondary_hover_BorderColor": {
305
- "name": "--pf-c-button--m-secondary--hover--BorderColor",
306
- "value": "#fff",
307
- "values": [
308
- "--pf-global--Color--light-100",
309
- "$pf-global--Color--light-100",
310
- "$pf-color-white",
311
- "#fff"
312
- ]
313
- },
314
- "c_button_m_secondary_focus_BorderColor": {
315
- "name": "--pf-c-button--m-secondary--focus--BorderColor",
316
- "value": "#fff",
317
- "values": [
318
- "--pf-global--Color--light-100",
319
- "$pf-global--Color--light-100",
320
- "$pf-color-white",
321
- "#fff"
322
- ]
323
- },
324
- "c_button_m_secondary_active_BorderColor": {
325
- "name": "--pf-c-button--m-secondary--active--BorderColor",
326
- "value": "#fff",
327
- "values": [
328
- "--pf-global--Color--light-100",
329
- "$pf-global--Color--light-100",
330
- "$pf-color-white",
331
- "#fff"
332
- ]
333
- }
334
- },
335
161
  ".pf-c-page__header-tools-item": {
336
162
  "hidden_visible_hidden_Display": {
337
163
  "name": "--pf-hidden-visible--hidden--Display",
@@ -376,6 +202,26 @@ export const c_page: {
376
202
  "#f0f0f0"
377
203
  ]
378
204
  },
205
+ "c_page_inset": {
206
+ "name": "--pf-c-page--inset",
207
+ "value": "1rem",
208
+ "values": [
209
+ "--pf-global--spacer--md",
210
+ "$pf-global--spacer--md",
211
+ "pf-size-prem(16px)",
212
+ "1rem"
213
+ ]
214
+ },
215
+ "c_page_xl_inset": {
216
+ "name": "--pf-c-page--xl--inset",
217
+ "value": "1.5rem",
218
+ "values": [
219
+ "--pf-global--spacer--lg",
220
+ "$pf-global--spacer--lg",
221
+ "pf-size-prem(24px)",
222
+ "1.5rem"
223
+ ]
224
+ },
379
225
  "c_page__header_BackgroundColor": {
380
226
  "name": "--pf-c-page__header--BackgroundColor",
381
227
  "value": "#151515",
@@ -755,34 +601,36 @@ export const c_page: {
755
601
  "name": "--pf-c-page__sidebar--xl--TranslateX",
756
602
  "value": "0"
757
603
  },
758
- "c_page__sidebar_body_PaddingTop": {
759
- "name": "--pf-c-page__sidebar-body--PaddingTop",
760
- "value": "0.5rem",
604
+ "c_page__sidebar_body_PaddingRight": {
605
+ "name": "--pf-c-page__sidebar-body--PaddingRight",
606
+ "value": "0"
607
+ },
608
+ "c_page__sidebar_body_PaddingLeft": {
609
+ "name": "--pf-c-page__sidebar-body--PaddingLeft",
610
+ "value": "0"
611
+ },
612
+ "c_page__sidebar_body_m_page_insets_PaddingRight": {
613
+ "name": "--pf-c-page__sidebar-body--m-page-insets--PaddingRight",
614
+ "value": "1rem",
761
615
  "values": [
762
- "--pf-global--spacer--sm",
763
- "$pf-global--spacer--sm",
764
- "pf-size-prem(8px)",
765
- "0.5rem"
616
+ "--pf-c-page--inset",
617
+ "--pf-global--spacer--md",
618
+ "$pf-global--spacer--md",
619
+ "pf-size-prem(16px)",
620
+ "1rem"
766
621
  ]
767
622
  },
768
- "c_page__sidebar_body_PaddingBottom": {
769
- "name": "--pf-c-page__sidebar-body--PaddingBottom",
623
+ "c_page__sidebar_body_m_page_insets_PaddingLeft": {
624
+ "name": "--pf-c-page__sidebar-body--m-page-insets--PaddingLeft",
770
625
  "value": "1rem",
771
626
  "values": [
627
+ "--pf-c-page--inset",
772
628
  "--pf-global--spacer--md",
773
629
  "$pf-global--spacer--md",
774
630
  "pf-size-prem(16px)",
775
631
  "1rem"
776
632
  ]
777
633
  },
778
- "c_page__sidebar_body_m_menu_PaddingTop": {
779
- "name": "--pf-c-page__sidebar-body--m-menu--PaddingTop",
780
- "value": "0"
781
- },
782
- "c_page__sidebar_body_m_menu_PaddingBottom": {
783
- "name": "--pf-c-page__sidebar-body--m-menu--PaddingBottom",
784
- "value": "0"
785
- },
786
634
  "c_page__sidebar_body_m_menu_BorderTopColor": {
787
635
  "name": "--pf-c-page__sidebar-body--m-menu--BorderTopColor",
788
636
  "value": "#3c3f42",
@@ -1405,24 +1253,6 @@ export const c_page: {
1405
1253
  ]
1406
1254
  }
1407
1255
  },
1408
- ".pf-c-page__sidebar-body.pf-m-menu": {
1409
- "c_page__sidebar_body_PaddingTop": {
1410
- "name": "--pf-c-page__sidebar-body--PaddingTop",
1411
- "value": "0",
1412
- "values": [
1413
- "--pf-c-page__sidebar-body--m-menu--PaddingTop",
1414
- "0"
1415
- ]
1416
- },
1417
- "c_page__sidebar_body_PaddingBottom": {
1418
- "name": "--pf-c-page__sidebar-body--PaddingBottom",
1419
- "value": "0",
1420
- "values": [
1421
- "--pf-c-page__sidebar-body--m-menu--PaddingBottom",
1422
- "0"
1423
- ]
1424
- }
1425
- },
1426
1256
  ".pf-c-page__sidebar-body.pf-m-menu + .pf-c-page__sidebar-body.pf-m-menu": {
1427
1257
  "c_page__sidebar_body_m_menu_BorderTopWidth": {
1428
1258
  "name": "--pf-c-page__sidebar-body--m-menu--BorderTopWidth",
@@ -1458,6 +1288,42 @@ export const c_page: {
1458
1288
  "value": "100%"
1459
1289
  }
1460
1290
  },
1291
+ ".pf-c-page__sidebar-body.pf-m-page-insets": {
1292
+ "c_page__sidebar_body_PaddingRight": {
1293
+ "name": "--pf-c-page__sidebar-body--PaddingRight",
1294
+ "value": "1rem",
1295
+ "values": [
1296
+ "--pf-c-page__sidebar-body--m-page-insets--PaddingRight",
1297
+ "--pf-c-page--inset",
1298
+ "--pf-global--spacer--md",
1299
+ "$pf-global--spacer--md",
1300
+ "pf-size-prem(16px)",
1301
+ "1rem"
1302
+ ]
1303
+ },
1304
+ "c_page__sidebar_body_PaddingLeft": {
1305
+ "name": "--pf-c-page__sidebar-body--PaddingLeft",
1306
+ "value": "1rem",
1307
+ "values": [
1308
+ "--pf-c-page__sidebar-body--m-page-insets--PaddingLeft",
1309
+ "--pf-c-page--inset",
1310
+ "--pf-global--spacer--md",
1311
+ "$pf-global--spacer--md",
1312
+ "pf-size-prem(16px)",
1313
+ "1rem"
1314
+ ]
1315
+ }
1316
+ },
1317
+ ".pf-c-page__sidebar-body.pf-m-inset-none": {
1318
+ "c_page__sidebar_body_PaddingRight": {
1319
+ "name": "--pf-c-page__sidebar-body--PaddingRight",
1320
+ "value": "0"
1321
+ },
1322
+ "c_page__sidebar_body_PaddingLeft": {
1323
+ "name": "--pf-c-page__sidebar-body--PaddingLeft",
1324
+ "value": "0"
1325
+ }
1326
+ },
1461
1327
  ".pf-c-page__sidebar.pf-m-collapsed ~ .pf-c-page__main": {
1462
1328
  "c_page__main_subnav_BorderLeftWidth": {
1463
1329
  "name": "--pf-c-page__main-subnav--BorderLeftWidth",
package/dist/js/c_page.js CHANGED
@@ -160,180 +160,6 @@ exports.c_page = {
160
160
  ]
161
161
  }
162
162
  },
163
- ".pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card": {
164
- "c_card_BackgroundColor": {
165
- "name": "--pf-c-card--BackgroundColor",
166
- "value": "rgba(#030303, .32)",
167
- "values": [
168
- "--pf-global--BackgroundColor--dark-transparent-200",
169
- "$pf-global--BackgroundColor--dark-transparent-200",
170
- "rgba($pf-color-black-1000, .32)",
171
- "rgba(#030303, .32)"
172
- ]
173
- }
174
- },
175
- ".pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button": {
176
- "c_button_m_primary_Color": {
177
- "name": "--pf-c-button--m-primary--Color",
178
- "value": "#06c",
179
- "values": [
180
- "--pf-global--primary-color--dark-100",
181
- "$pf-global--primary-color--dark-100",
182
- "$pf-color-blue-400",
183
- "#06c"
184
- ]
185
- },
186
- "c_button_m_primary_hover_Color": {
187
- "name": "--pf-c-button--m-primary--hover--Color",
188
- "value": "#06c",
189
- "values": [
190
- "--pf-global--primary-color--dark-100",
191
- "$pf-global--primary-color--dark-100",
192
- "$pf-color-blue-400",
193
- "#06c"
194
- ]
195
- },
196
- "c_button_m_primary_focus_Color": {
197
- "name": "--pf-c-button--m-primary--focus--Color",
198
- "value": "#06c",
199
- "values": [
200
- "--pf-global--primary-color--dark-100",
201
- "$pf-global--primary-color--dark-100",
202
- "$pf-color-blue-400",
203
- "#06c"
204
- ]
205
- },
206
- "c_button_m_primary_active_Color": {
207
- "name": "--pf-c-button--m-primary--active--Color",
208
- "value": "#06c",
209
- "values": [
210
- "--pf-global--primary-color--dark-100",
211
- "$pf-global--primary-color--dark-100",
212
- "$pf-color-blue-400",
213
- "#06c"
214
- ]
215
- },
216
- "c_button_m_primary_BackgroundColor": {
217
- "name": "--pf-c-button--m-primary--BackgroundColor",
218
- "value": "#fff",
219
- "values": [
220
- "--pf-global--BackgroundColor--light-100",
221
- "$pf-global--BackgroundColor--light-100",
222
- "$pf-color-white",
223
- "#fff"
224
- ]
225
- },
226
- "c_button_m_primary_hover_BackgroundColor": {
227
- "name": "--pf-c-button--m-primary--hover--BackgroundColor",
228
- "value": "#f0f0f0",
229
- "values": [
230
- "--pf-global--BackgroundColor--light-300",
231
- "$pf-global--BackgroundColor--light-300",
232
- "$pf-color-black-200",
233
- "#f0f0f0"
234
- ]
235
- },
236
- "c_button_m_primary_focus_BackgroundColor": {
237
- "name": "--pf-c-button--m-primary--focus--BackgroundColor",
238
- "value": "#f0f0f0",
239
- "values": [
240
- "--pf-global--BackgroundColor--light-300",
241
- "$pf-global--BackgroundColor--light-300",
242
- "$pf-color-black-200",
243
- "#f0f0f0"
244
- ]
245
- },
246
- "c_button_m_primary_active_BackgroundColor": {
247
- "name": "--pf-c-button--m-primary--active--BackgroundColor",
248
- "value": "#f0f0f0",
249
- "values": [
250
- "--pf-global--BackgroundColor--light-300",
251
- "$pf-global--BackgroundColor--light-300",
252
- "$pf-color-black-200",
253
- "#f0f0f0"
254
- ]
255
- },
256
- "c_button_m_secondary_Color": {
257
- "name": "--pf-c-button--m-secondary--Color",
258
- "value": "#fff",
259
- "values": [
260
- "--pf-global--Color--light-100",
261
- "$pf-global--Color--light-100",
262
- "$pf-color-white",
263
- "#fff"
264
- ]
265
- },
266
- "c_button_m_secondary_hover_Color": {
267
- "name": "--pf-c-button--m-secondary--hover--Color",
268
- "value": "#fff",
269
- "values": [
270
- "--pf-global--Color--light-100",
271
- "$pf-global--Color--light-100",
272
- "$pf-color-white",
273
- "#fff"
274
- ]
275
- },
276
- "c_button_m_secondary_focus_Color": {
277
- "name": "--pf-c-button--m-secondary--focus--Color",
278
- "value": "#fff",
279
- "values": [
280
- "--pf-global--Color--light-100",
281
- "$pf-global--Color--light-100",
282
- "$pf-color-white",
283
- "#fff"
284
- ]
285
- },
286
- "c_button_m_secondary_active_Color": {
287
- "name": "--pf-c-button--m-secondary--active--Color",
288
- "value": "#fff",
289
- "values": [
290
- "--pf-global--Color--light-100",
291
- "$pf-global--Color--light-100",
292
- "$pf-color-white",
293
- "#fff"
294
- ]
295
- },
296
- "c_button_m_secondary_BorderColor": {
297
- "name": "--pf-c-button--m-secondary--BorderColor",
298
- "value": "#fff",
299
- "values": [
300
- "--pf-global--Color--light-100",
301
- "$pf-global--Color--light-100",
302
- "$pf-color-white",
303
- "#fff"
304
- ]
305
- },
306
- "c_button_m_secondary_hover_BorderColor": {
307
- "name": "--pf-c-button--m-secondary--hover--BorderColor",
308
- "value": "#fff",
309
- "values": [
310
- "--pf-global--Color--light-100",
311
- "$pf-global--Color--light-100",
312
- "$pf-color-white",
313
- "#fff"
314
- ]
315
- },
316
- "c_button_m_secondary_focus_BorderColor": {
317
- "name": "--pf-c-button--m-secondary--focus--BorderColor",
318
- "value": "#fff",
319
- "values": [
320
- "--pf-global--Color--light-100",
321
- "$pf-global--Color--light-100",
322
- "$pf-color-white",
323
- "#fff"
324
- ]
325
- },
326
- "c_button_m_secondary_active_BorderColor": {
327
- "name": "--pf-c-button--m-secondary--active--BorderColor",
328
- "value": "#fff",
329
- "values": [
330
- "--pf-global--Color--light-100",
331
- "$pf-global--Color--light-100",
332
- "$pf-color-white",
333
- "#fff"
334
- ]
335
- }
336
- },
337
163
  ".pf-c-page__header-tools-item": {
338
164
  "hidden_visible_hidden_Display": {
339
165
  "name": "--pf-hidden-visible--hidden--Display",
@@ -378,6 +204,26 @@ exports.c_page = {
378
204
  "#f0f0f0"
379
205
  ]
380
206
  },
207
+ "c_page_inset": {
208
+ "name": "--pf-c-page--inset",
209
+ "value": "1rem",
210
+ "values": [
211
+ "--pf-global--spacer--md",
212
+ "$pf-global--spacer--md",
213
+ "pf-size-prem(16px)",
214
+ "1rem"
215
+ ]
216
+ },
217
+ "c_page_xl_inset": {
218
+ "name": "--pf-c-page--xl--inset",
219
+ "value": "1.5rem",
220
+ "values": [
221
+ "--pf-global--spacer--lg",
222
+ "$pf-global--spacer--lg",
223
+ "pf-size-prem(24px)",
224
+ "1.5rem"
225
+ ]
226
+ },
381
227
  "c_page__header_BackgroundColor": {
382
228
  "name": "--pf-c-page__header--BackgroundColor",
383
229
  "value": "#151515",
@@ -757,34 +603,36 @@ exports.c_page = {
757
603
  "name": "--pf-c-page__sidebar--xl--TranslateX",
758
604
  "value": "0"
759
605
  },
760
- "c_page__sidebar_body_PaddingTop": {
761
- "name": "--pf-c-page__sidebar-body--PaddingTop",
762
- "value": "0.5rem",
606
+ "c_page__sidebar_body_PaddingRight": {
607
+ "name": "--pf-c-page__sidebar-body--PaddingRight",
608
+ "value": "0"
609
+ },
610
+ "c_page__sidebar_body_PaddingLeft": {
611
+ "name": "--pf-c-page__sidebar-body--PaddingLeft",
612
+ "value": "0"
613
+ },
614
+ "c_page__sidebar_body_m_page_insets_PaddingRight": {
615
+ "name": "--pf-c-page__sidebar-body--m-page-insets--PaddingRight",
616
+ "value": "1rem",
763
617
  "values": [
764
- "--pf-global--spacer--sm",
765
- "$pf-global--spacer--sm",
766
- "pf-size-prem(8px)",
767
- "0.5rem"
618
+ "--pf-c-page--inset",
619
+ "--pf-global--spacer--md",
620
+ "$pf-global--spacer--md",
621
+ "pf-size-prem(16px)",
622
+ "1rem"
768
623
  ]
769
624
  },
770
- "c_page__sidebar_body_PaddingBottom": {
771
- "name": "--pf-c-page__sidebar-body--PaddingBottom",
625
+ "c_page__sidebar_body_m_page_insets_PaddingLeft": {
626
+ "name": "--pf-c-page__sidebar-body--m-page-insets--PaddingLeft",
772
627
  "value": "1rem",
773
628
  "values": [
629
+ "--pf-c-page--inset",
774
630
  "--pf-global--spacer--md",
775
631
  "$pf-global--spacer--md",
776
632
  "pf-size-prem(16px)",
777
633
  "1rem"
778
634
  ]
779
635
  },
780
- "c_page__sidebar_body_m_menu_PaddingTop": {
781
- "name": "--pf-c-page__sidebar-body--m-menu--PaddingTop",
782
- "value": "0"
783
- },
784
- "c_page__sidebar_body_m_menu_PaddingBottom": {
785
- "name": "--pf-c-page__sidebar-body--m-menu--PaddingBottom",
786
- "value": "0"
787
- },
788
636
  "c_page__sidebar_body_m_menu_BorderTopColor": {
789
637
  "name": "--pf-c-page__sidebar-body--m-menu--BorderTopColor",
790
638
  "value": "#3c3f42",
@@ -1407,24 +1255,6 @@ exports.c_page = {
1407
1255
  ]
1408
1256
  }
1409
1257
  },
1410
- ".pf-c-page__sidebar-body.pf-m-menu": {
1411
- "c_page__sidebar_body_PaddingTop": {
1412
- "name": "--pf-c-page__sidebar-body--PaddingTop",
1413
- "value": "0",
1414
- "values": [
1415
- "--pf-c-page__sidebar-body--m-menu--PaddingTop",
1416
- "0"
1417
- ]
1418
- },
1419
- "c_page__sidebar_body_PaddingBottom": {
1420
- "name": "--pf-c-page__sidebar-body--PaddingBottom",
1421
- "value": "0",
1422
- "values": [
1423
- "--pf-c-page__sidebar-body--m-menu--PaddingBottom",
1424
- "0"
1425
- ]
1426
- }
1427
- },
1428
1258
  ".pf-c-page__sidebar-body.pf-m-menu + .pf-c-page__sidebar-body.pf-m-menu": {
1429
1259
  "c_page__sidebar_body_m_menu_BorderTopWidth": {
1430
1260
  "name": "--pf-c-page__sidebar-body--m-menu--BorderTopWidth",
@@ -1460,6 +1290,42 @@ exports.c_page = {
1460
1290
  "value": "100%"
1461
1291
  }
1462
1292
  },
1293
+ ".pf-c-page__sidebar-body.pf-m-page-insets": {
1294
+ "c_page__sidebar_body_PaddingRight": {
1295
+ "name": "--pf-c-page__sidebar-body--PaddingRight",
1296
+ "value": "1rem",
1297
+ "values": [
1298
+ "--pf-c-page__sidebar-body--m-page-insets--PaddingRight",
1299
+ "--pf-c-page--inset",
1300
+ "--pf-global--spacer--md",
1301
+ "$pf-global--spacer--md",
1302
+ "pf-size-prem(16px)",
1303
+ "1rem"
1304
+ ]
1305
+ },
1306
+ "c_page__sidebar_body_PaddingLeft": {
1307
+ "name": "--pf-c-page__sidebar-body--PaddingLeft",
1308
+ "value": "1rem",
1309
+ "values": [
1310
+ "--pf-c-page__sidebar-body--m-page-insets--PaddingLeft",
1311
+ "--pf-c-page--inset",
1312
+ "--pf-global--spacer--md",
1313
+ "$pf-global--spacer--md",
1314
+ "pf-size-prem(16px)",
1315
+ "1rem"
1316
+ ]
1317
+ }
1318
+ },
1319
+ ".pf-c-page__sidebar-body.pf-m-inset-none": {
1320
+ "c_page__sidebar_body_PaddingRight": {
1321
+ "name": "--pf-c-page__sidebar-body--PaddingRight",
1322
+ "value": "0"
1323
+ },
1324
+ "c_page__sidebar_body_PaddingLeft": {
1325
+ "name": "--pf-c-page__sidebar-body--PaddingLeft",
1326
+ "value": "0"
1327
+ }
1328
+ },
1463
1329
  ".pf-c-page__sidebar.pf-m-collapsed ~ .pf-c-page__main": {
1464
1330
  "c_page__main_subnav_BorderLeftWidth": {
1465
1331
  "name": "--pf-c-page__main-subnav--BorderLeftWidth",
@@ -0,0 +1,6 @@
1
+ export const c_page__sidebar_body_PaddingLeft: {
2
+ "name": "--pf-c-page__sidebar-body--PaddingLeft",
3
+ "value": "0",
4
+ "var": "var(--pf-c-page__sidebar-body--PaddingLeft)"
5
+ };
6
+ export default c_page__sidebar_body_PaddingLeft;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page__sidebar_body_PaddingLeft = {
4
+ "name": "--pf-c-page__sidebar-body--PaddingLeft",
5
+ "value": "0",
6
+ "var": "var(--pf-c-page__sidebar-body--PaddingLeft)"
7
+ };
8
+ exports["default"] = exports.c_page__sidebar_body_PaddingLeft;
@@ -0,0 +1,6 @@
1
+ export const c_page__sidebar_body_PaddingRight: {
2
+ "name": "--pf-c-page__sidebar-body--PaddingRight",
3
+ "value": "0",
4
+ "var": "var(--pf-c-page__sidebar-body--PaddingRight)"
5
+ };
6
+ export default c_page__sidebar_body_PaddingRight;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page__sidebar_body_PaddingRight = {
4
+ "name": "--pf-c-page__sidebar-body--PaddingRight",
5
+ "value": "0",
6
+ "var": "var(--pf-c-page__sidebar-body--PaddingRight)"
7
+ };
8
+ exports["default"] = exports.c_page__sidebar_body_PaddingRight;