@patternfly/react-tokens 6.5.0-prerelease.5 → 6.5.0-prerelease.9

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 (390) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/esm/c_compass.d.ts +347 -49
  3. package/dist/esm/c_compass.js +347 -49
  4. package/dist/esm/c_compass_Gap.d.ts +6 -0
  5. package/dist/esm/c_compass_Gap.js +6 -0
  6. package/dist/esm/c_compass__main_footer_MarginBlockStart.d.ts +6 -0
  7. package/dist/esm/c_compass__main_footer_MarginBlockStart.js +6 -0
  8. package/dist/esm/c_compass__main_header_content_ColumnGap.d.ts +6 -0
  9. package/dist/esm/c_compass__main_header_content_ColumnGap.js +6 -0
  10. package/dist/esm/c_compass__main_header_content_RowGap.d.ts +6 -0
  11. package/dist/esm/c_compass__main_header_content_RowGap.js +6 -0
  12. package/dist/esm/c_compass__nav_PaddingBlockEnd.d.ts +6 -0
  13. package/dist/esm/c_compass__nav_PaddingBlockEnd.js +6 -0
  14. package/dist/esm/c_compass__nav_PaddingBlockStart.d.ts +6 -0
  15. package/dist/esm/c_compass__nav_PaddingBlockStart.js +6 -0
  16. package/dist/esm/c_compass__nav_PaddingInlineEnd.d.ts +6 -0
  17. package/dist/esm/c_compass__nav_PaddingInlineEnd.js +6 -0
  18. package/dist/esm/c_compass__nav_PaddingInlineStart.d.ts +6 -0
  19. package/dist/esm/c_compass__nav_PaddingInlineStart.js +6 -0
  20. package/dist/esm/c_compass__nav_main_PaddingInlineEnd.d.ts +6 -0
  21. package/dist/esm/c_compass__nav_main_PaddingInlineEnd.js +6 -0
  22. package/dist/esm/c_compass__nav_main_PaddingInlineStart.d.ts +6 -0
  23. package/dist/esm/c_compass__nav_main_PaddingInlineStart.js +6 -0
  24. package/dist/esm/c_compass__panel_PaddingBlockEnd.d.ts +6 -0
  25. package/dist/esm/c_compass__panel_PaddingBlockEnd.js +6 -0
  26. package/dist/esm/c_compass__panel_PaddingBlockStart.d.ts +6 -0
  27. package/dist/esm/c_compass__panel_PaddingBlockStart.js +6 -0
  28. package/dist/esm/c_compass__panel_PaddingInlineEnd.d.ts +6 -0
  29. package/dist/esm/c_compass__panel_PaddingInlineEnd.js +6 -0
  30. package/dist/esm/c_compass__panel_PaddingInlineStart.d.ts +6 -0
  31. package/dist/esm/c_compass__panel_PaddingInlineStart.js +6 -0
  32. package/dist/esm/c_compass__sidebar_PaddingBlockEnd.d.ts +6 -0
  33. package/dist/esm/c_compass__sidebar_PaddingBlockEnd.js +6 -0
  34. package/dist/esm/c_compass__sidebar_PaddingBlockStart.d.ts +6 -0
  35. package/dist/esm/c_compass__sidebar_PaddingBlockStart.js +6 -0
  36. package/dist/esm/c_compass__sidebar_PaddingInlineEnd.d.ts +6 -0
  37. package/dist/esm/c_compass__sidebar_PaddingInlineEnd.js +6 -0
  38. package/dist/esm/c_compass__sidebar_PaddingInlineStart.d.ts +6 -0
  39. package/dist/esm/c_compass__sidebar_PaddingInlineStart.js +6 -0
  40. package/dist/esm/c_compass_section_TransitionDelay.d.ts +6 -0
  41. package/dist/esm/c_compass_section_TransitionDelay.js +6 -0
  42. package/dist/esm/c_compass_section_TransitionDuration.d.ts +6 -0
  43. package/dist/esm/c_compass_section_TransitionDuration.js +6 -0
  44. package/dist/esm/c_compass_section_TransitionProperty.d.ts +6 -0
  45. package/dist/esm/c_compass_section_TransitionProperty.js +6 -0
  46. package/dist/esm/c_compass_section_TransitionTimingFunction.d.ts +6 -0
  47. package/dist/esm/c_compass_section_TransitionTimingFunction.js +6 -0
  48. package/dist/esm/c_compass_section_duration.d.ts +6 -0
  49. package/dist/esm/c_compass_section_duration.js +6 -0
  50. package/dist/esm/c_compass_section_m_expanded_TransitionDelay.d.ts +6 -0
  51. package/dist/esm/c_compass_section_m_expanded_TransitionDelay.js +6 -0
  52. package/dist/esm/c_compass_section_m_expanded_TransitionDuration.d.ts +6 -0
  53. package/dist/esm/c_compass_section_m_expanded_TransitionDuration.js +6 -0
  54. package/dist/esm/c_compass_section_m_expanded_duration.d.ts +6 -0
  55. package/dist/esm/c_compass_section_m_expanded_duration.js +6 -0
  56. package/dist/esm/c_compass_section_slide_length_footer.d.ts +6 -0
  57. package/dist/esm/c_compass_section_slide_length_footer.js +6 -0
  58. package/dist/esm/c_compass_section_slide_length_header.d.ts +6 -0
  59. package/dist/esm/c_compass_section_slide_length_header.js +6 -0
  60. package/dist/esm/c_compass_section_slide_length_main_footer.d.ts +6 -0
  61. package/dist/esm/c_compass_section_slide_length_main_footer.js +6 -0
  62. package/dist/esm/c_compass_section_slide_length_sidebar.d.ts +6 -0
  63. package/dist/esm/c_compass_section_slide_length_sidebar.js +6 -0
  64. package/dist/esm/c_drawer.d.ts +1 -1
  65. package/dist/esm/c_drawer.js +1 -1
  66. package/dist/esm/c_drawer_m_pill_m_expanded__panel_inset.d.ts +1 -1
  67. package/dist/esm/c_drawer_m_pill_m_expanded__panel_inset.js +1 -1
  68. package/dist/esm/c_expandable_section.d.ts +8 -0
  69. package/dist/esm/c_expandable_section.js +8 -0
  70. package/dist/esm/c_masthead.d.ts +253 -0
  71. package/dist/esm/c_masthead.js +253 -0
  72. package/dist/esm/c_masthead_BackgroundColor.d.ts +1 -1
  73. package/dist/esm/c_masthead_BackgroundColor.js +1 -1
  74. package/dist/esm/c_masthead_GridTemplateRows.d.ts +6 -0
  75. package/dist/esm/c_masthead_GridTemplateRows.js +6 -0
  76. package/dist/esm/c_masthead_PaddingBlockEnd.d.ts +6 -0
  77. package/dist/esm/c_masthead_PaddingBlockEnd.js +6 -0
  78. package/dist/esm/c_masthead_PaddingBlockStart.d.ts +6 -0
  79. package/dist/esm/c_masthead_PaddingBlockStart.js +6 -0
  80. package/dist/esm/c_masthead_PaddingInlineEnd.d.ts +6 -0
  81. package/dist/esm/c_masthead_PaddingInlineEnd.js +6 -0
  82. package/dist/esm/c_masthead_PaddingInlineStart.d.ts +6 -0
  83. package/dist/esm/c_masthead_PaddingInlineStart.js +6 -0
  84. package/dist/esm/c_masthead_RowGap.d.ts +1 -1
  85. package/dist/esm/c_masthead_RowGap.js +1 -1
  86. package/dist/esm/c_masthead__logo_Width.d.ts +1 -1
  87. package/dist/esm/c_masthead__logo_Width.js +1 -1
  88. package/dist/esm/c_masthead__main_MarginInlineEnd.d.ts +1 -1
  89. package/dist/esm/c_masthead__main_MarginInlineEnd.js +1 -1
  90. package/dist/esm/c_masthead_c_toolbar_Width.d.ts +1 -1
  91. package/dist/esm/c_masthead_c_toolbar_Width.js +1 -1
  92. package/dist/esm/c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns.d.ts +1 -1
  93. package/dist/esm/c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns.js +1 -1
  94. package/dist/esm/c_masthead_m_docked_BackdropFilter.d.ts +6 -0
  95. package/dist/esm/c_masthead_m_docked_BackdropFilter.js +6 -0
  96. package/dist/esm/c_masthead_m_docked_BackgroundColor.d.ts +6 -0
  97. package/dist/esm/c_masthead_m_docked_BackgroundColor.js +6 -0
  98. package/dist/esm/c_masthead_m_docked_GridTemplateRows.d.ts +6 -0
  99. package/dist/esm/c_masthead_m_docked_GridTemplateRows.js +6 -0
  100. package/dist/esm/c_masthead_m_docked_PaddingBlockEnd.d.ts +6 -0
  101. package/dist/esm/c_masthead_m_docked_PaddingBlockEnd.js +6 -0
  102. package/dist/esm/c_masthead_m_docked_PaddingBlockStart.d.ts +6 -0
  103. package/dist/esm/c_masthead_m_docked_PaddingBlockStart.js +6 -0
  104. package/dist/esm/c_masthead_m_docked_PaddingInlineEnd.d.ts +6 -0
  105. package/dist/esm/c_masthead_m_docked_PaddingInlineEnd.js +6 -0
  106. package/dist/esm/c_masthead_m_docked_PaddingInlineStart.d.ts +6 -0
  107. package/dist/esm/c_masthead_m_docked_PaddingInlineStart.js +6 -0
  108. package/dist/esm/c_masthead_m_docked_RowGap.d.ts +6 -0
  109. package/dist/esm/c_masthead_m_docked_RowGap.js +6 -0
  110. package/dist/esm/c_masthead_m_docked_c_toolbar_Height.d.ts +6 -0
  111. package/dist/esm/c_masthead_m_docked_c_toolbar_Height.js +6 -0
  112. package/dist/esm/c_nav.d.ts +206 -0
  113. package/dist/esm/c_nav.js +206 -0
  114. package/dist/esm/c_nav_PaddingBlockEnd.d.ts +1 -1
  115. package/dist/esm/c_nav_PaddingBlockEnd.js +1 -1
  116. package/dist/esm/c_nav_PaddingBlockStart.d.ts +1 -1
  117. package/dist/esm/c_nav_PaddingBlockStart.js +1 -1
  118. package/dist/esm/c_nav__item_accent_BorderRadius.d.ts +6 -0
  119. package/dist/esm/c_nav__item_accent_BorderRadius.js +6 -0
  120. package/dist/esm/c_nav__item_accent_ScaleY.d.ts +6 -0
  121. package/dist/esm/c_nav__item_accent_ScaleY.js +6 -0
  122. package/dist/esm/c_nav__item_accent_TransitionDuration.d.ts +6 -0
  123. package/dist/esm/c_nav__item_accent_TransitionDuration.js +6 -0
  124. package/dist/esm/c_nav__item_accent_TransitionTimingFunction.d.ts +6 -0
  125. package/dist/esm/c_nav__item_accent_TransitionTimingFunction.js +6 -0
  126. package/dist/esm/c_nav__item_accent_color.d.ts +6 -0
  127. package/dist/esm/c_nav__item_accent_color.js +6 -0
  128. package/dist/esm/c_nav__item_accent_content.d.ts +6 -0
  129. package/dist/esm/c_nav__item_accent_content.js +6 -0
  130. package/dist/esm/c_nav__item_accent_offset.d.ts +6 -0
  131. package/dist/esm/c_nav__item_accent_offset.js +6 -0
  132. package/dist/esm/c_nav__item_accent_size.d.ts +6 -0
  133. package/dist/esm/c_nav__item_accent_size.js +6 -0
  134. package/dist/esm/c_nav__item_current_accent_ScaleY.d.ts +6 -0
  135. package/dist/esm/c_nav__item_current_accent_ScaleY.js +6 -0
  136. package/dist/esm/c_nav__item_current_accent_TransitionDuration.d.ts +6 -0
  137. package/dist/esm/c_nav__item_current_accent_TransitionDuration.js +6 -0
  138. package/dist/esm/c_nav__link_PaddingInlineEnd.d.ts +1 -1
  139. package/dist/esm/c_nav__link_PaddingInlineEnd.js +1 -1
  140. package/dist/esm/c_nav__link_PaddingInlineStart.d.ts +1 -1
  141. package/dist/esm/c_nav__link_PaddingInlineStart.js +1 -1
  142. package/dist/esm/c_nav__link_hover_BackgroundColor.d.ts +1 -1
  143. package/dist/esm/c_nav__link_hover_BackgroundColor.js +1 -1
  144. package/dist/esm/c_nav__link_m_current_BackgroundColor.d.ts +1 -1
  145. package/dist/esm/c_nav__link_m_current_BackgroundColor.js +1 -1
  146. package/dist/esm/c_nav__link_text_FontSize.d.ts +6 -0
  147. package/dist/esm/c_nav__link_text_FontSize.js +6 -0
  148. package/dist/esm/c_nav_m_docked__link_PaddingInlineEnd.d.ts +6 -0
  149. package/dist/esm/c_nav_m_docked__link_PaddingInlineEnd.js +6 -0
  150. package/dist/esm/c_nav_m_docked__link_PaddingInlineStart.d.ts +6 -0
  151. package/dist/esm/c_nav_m_docked__link_PaddingInlineStart.js +6 -0
  152. package/dist/esm/c_nav_m_docked__link_hover_BackgroundColor.d.ts +6 -0
  153. package/dist/esm/c_nav_m_docked__link_hover_BackgroundColor.js +6 -0
  154. package/dist/esm/c_nav_m_docked__link_m_current_BackgroundColor.d.ts +6 -0
  155. package/dist/esm/c_nav_m_docked__link_m_current_BackgroundColor.js +6 -0
  156. package/dist/esm/c_nav_m_docked__list_RowGap.d.ts +6 -0
  157. package/dist/esm/c_nav_m_docked__list_RowGap.js +6 -0
  158. package/dist/esm/c_page.d.ts +67 -0
  159. package/dist/esm/c_page.js +67 -0
  160. package/dist/esm/c_page__dock_ZIndex.d.ts +6 -0
  161. package/dist/esm/c_page__dock_ZIndex.js +6 -0
  162. package/dist/esm/c_page__main_container_MarginBlockStart.d.ts +6 -0
  163. package/dist/esm/c_page__main_container_MarginBlockStart.js +6 -0
  164. package/dist/esm/c_page__main_container_MarginInlineStart.d.ts +1 -1
  165. package/dist/esm/c_page__main_container_MarginInlineStart.js +1 -1
  166. package/dist/esm/c_page__main_container_MaxHeight.d.ts +1 -1
  167. package/dist/esm/c_page__main_container_MaxHeight.js +1 -1
  168. package/dist/esm/c_page_m_dock_ColumnGap.d.ts +6 -0
  169. package/dist/esm/c_page_m_dock_ColumnGap.js +6 -0
  170. package/dist/esm/c_page_m_dock__main_container_MarginBlockStart.d.ts +6 -0
  171. package/dist/esm/c_page_m_dock__main_container_MarginBlockStart.js +6 -0
  172. package/dist/esm/c_page_m_dock__main_container_MaxHeight.d.ts +6 -0
  173. package/dist/esm/c_page_m_dock__main_container_MaxHeight.js +6 -0
  174. package/dist/esm/c_page_masthead_main_container_GridArea.d.ts +1 -1
  175. package/dist/esm/c_page_masthead_main_container_GridArea.js +1 -1
  176. package/dist/esm/c_toolbar.d.ts +26 -0
  177. package/dist/esm/c_toolbar.js +26 -0
  178. package/dist/esm/c_toolbar_Width.d.ts +1 -1
  179. package/dist/esm/c_toolbar_Width.js +1 -1
  180. package/dist/esm/c_toolbar_child_m_align_end_MarginBlockStart.d.ts +6 -0
  181. package/dist/esm/c_toolbar_child_m_align_end_MarginBlockStart.js +6 -0
  182. package/dist/esm/c_toolbar_child_m_align_end_MarginInlineStart.d.ts +6 -0
  183. package/dist/esm/c_toolbar_child_m_align_end_MarginInlineStart.js +6 -0
  184. package/dist/esm/c_toolbar_m_vertical_Width.d.ts +6 -0
  185. package/dist/esm/c_toolbar_m_vertical_Width.js +6 -0
  186. package/dist/esm/index.d.ts +72 -8
  187. package/dist/esm/index.js +72 -8
  188. package/dist/js/c_compass.d.ts +347 -49
  189. package/dist/js/c_compass.js +347 -49
  190. package/dist/js/c_compass_Gap.d.ts +6 -0
  191. package/dist/js/c_compass_Gap.js +8 -0
  192. package/dist/js/c_compass__main_footer_MarginBlockStart.d.ts +6 -0
  193. package/dist/js/c_compass__main_footer_MarginBlockStart.js +8 -0
  194. package/dist/js/c_compass__main_header_content_ColumnGap.d.ts +6 -0
  195. package/dist/js/c_compass__main_header_content_ColumnGap.js +8 -0
  196. package/dist/js/c_compass__main_header_content_RowGap.d.ts +6 -0
  197. package/dist/js/c_compass__main_header_content_RowGap.js +8 -0
  198. package/dist/js/c_compass__nav_PaddingBlockEnd.d.ts +6 -0
  199. package/dist/js/c_compass__nav_PaddingBlockEnd.js +8 -0
  200. package/dist/js/c_compass__nav_PaddingBlockStart.d.ts +6 -0
  201. package/dist/js/c_compass__nav_PaddingBlockStart.js +8 -0
  202. package/dist/js/c_compass__nav_PaddingInlineEnd.d.ts +6 -0
  203. package/dist/js/c_compass__nav_PaddingInlineEnd.js +8 -0
  204. package/dist/js/c_compass__nav_PaddingInlineStart.d.ts +6 -0
  205. package/dist/js/c_compass__nav_PaddingInlineStart.js +8 -0
  206. package/dist/js/c_compass__nav_main_PaddingInlineEnd.d.ts +6 -0
  207. package/dist/js/c_compass__nav_main_PaddingInlineEnd.js +8 -0
  208. package/dist/js/c_compass__nav_main_PaddingInlineStart.d.ts +6 -0
  209. package/dist/js/c_compass__nav_main_PaddingInlineStart.js +8 -0
  210. package/dist/js/c_compass__panel_PaddingBlockEnd.d.ts +6 -0
  211. package/dist/js/c_compass__panel_PaddingBlockEnd.js +8 -0
  212. package/dist/js/c_compass__panel_PaddingBlockStart.d.ts +6 -0
  213. package/dist/js/c_compass__panel_PaddingBlockStart.js +8 -0
  214. package/dist/js/c_compass__panel_PaddingInlineEnd.d.ts +6 -0
  215. package/dist/js/c_compass__panel_PaddingInlineEnd.js +8 -0
  216. package/dist/js/c_compass__panel_PaddingInlineStart.d.ts +6 -0
  217. package/dist/js/c_compass__panel_PaddingInlineStart.js +8 -0
  218. package/dist/js/c_compass__sidebar_PaddingBlockEnd.d.ts +6 -0
  219. package/dist/js/c_compass__sidebar_PaddingBlockEnd.js +8 -0
  220. package/dist/js/c_compass__sidebar_PaddingBlockStart.d.ts +6 -0
  221. package/dist/js/c_compass__sidebar_PaddingBlockStart.js +8 -0
  222. package/dist/js/c_compass__sidebar_PaddingInlineEnd.d.ts +6 -0
  223. package/dist/js/c_compass__sidebar_PaddingInlineEnd.js +8 -0
  224. package/dist/js/c_compass__sidebar_PaddingInlineStart.d.ts +6 -0
  225. package/dist/js/c_compass__sidebar_PaddingInlineStart.js +8 -0
  226. package/dist/js/c_compass_section_TransitionDelay.d.ts +6 -0
  227. package/dist/js/c_compass_section_TransitionDelay.js +8 -0
  228. package/dist/js/c_compass_section_TransitionDuration.d.ts +6 -0
  229. package/dist/js/c_compass_section_TransitionDuration.js +8 -0
  230. package/dist/js/c_compass_section_TransitionProperty.d.ts +6 -0
  231. package/dist/js/c_compass_section_TransitionProperty.js +8 -0
  232. package/dist/js/c_compass_section_TransitionTimingFunction.d.ts +6 -0
  233. package/dist/js/c_compass_section_TransitionTimingFunction.js +8 -0
  234. package/dist/js/c_compass_section_duration.d.ts +6 -0
  235. package/dist/js/c_compass_section_duration.js +8 -0
  236. package/dist/js/c_compass_section_m_expanded_TransitionDelay.d.ts +6 -0
  237. package/dist/js/c_compass_section_m_expanded_TransitionDelay.js +8 -0
  238. package/dist/js/c_compass_section_m_expanded_TransitionDuration.d.ts +6 -0
  239. package/dist/js/c_compass_section_m_expanded_TransitionDuration.js +8 -0
  240. package/dist/js/c_compass_section_m_expanded_duration.d.ts +6 -0
  241. package/dist/js/c_compass_section_m_expanded_duration.js +8 -0
  242. package/dist/js/c_compass_section_slide_length_footer.d.ts +6 -0
  243. package/dist/js/c_compass_section_slide_length_footer.js +8 -0
  244. package/dist/js/c_compass_section_slide_length_header.d.ts +6 -0
  245. package/dist/js/c_compass_section_slide_length_header.js +8 -0
  246. package/dist/js/c_compass_section_slide_length_main_footer.d.ts +6 -0
  247. package/dist/js/c_compass_section_slide_length_main_footer.js +8 -0
  248. package/dist/js/c_compass_section_slide_length_sidebar.d.ts +6 -0
  249. package/dist/js/c_compass_section_slide_length_sidebar.js +8 -0
  250. package/dist/js/c_drawer.d.ts +1 -1
  251. package/dist/js/c_drawer.js +1 -1
  252. package/dist/js/c_drawer_m_pill_m_expanded__panel_inset.d.ts +1 -1
  253. package/dist/js/c_drawer_m_pill_m_expanded__panel_inset.js +1 -1
  254. package/dist/js/c_expandable_section.d.ts +8 -0
  255. package/dist/js/c_expandable_section.js +8 -0
  256. package/dist/js/c_masthead.d.ts +253 -0
  257. package/dist/js/c_masthead.js +253 -0
  258. package/dist/js/c_masthead_BackgroundColor.d.ts +1 -1
  259. package/dist/js/c_masthead_BackgroundColor.js +1 -1
  260. package/dist/js/c_masthead_GridTemplateRows.d.ts +6 -0
  261. package/dist/js/c_masthead_GridTemplateRows.js +8 -0
  262. package/dist/js/c_masthead_PaddingBlockEnd.d.ts +6 -0
  263. package/dist/js/c_masthead_PaddingBlockEnd.js +8 -0
  264. package/dist/js/c_masthead_PaddingBlockStart.d.ts +6 -0
  265. package/dist/js/c_masthead_PaddingBlockStart.js +8 -0
  266. package/dist/js/c_masthead_PaddingInlineEnd.d.ts +6 -0
  267. package/dist/js/c_masthead_PaddingInlineEnd.js +8 -0
  268. package/dist/js/c_masthead_PaddingInlineStart.d.ts +6 -0
  269. package/dist/js/c_masthead_PaddingInlineStart.js +8 -0
  270. package/dist/js/c_masthead_RowGap.d.ts +1 -1
  271. package/dist/js/c_masthead_RowGap.js +1 -1
  272. package/dist/js/c_masthead__logo_Width.d.ts +1 -1
  273. package/dist/js/c_masthead__logo_Width.js +1 -1
  274. package/dist/js/c_masthead__main_MarginInlineEnd.d.ts +1 -1
  275. package/dist/js/c_masthead__main_MarginInlineEnd.js +1 -1
  276. package/dist/js/c_masthead_c_toolbar_Width.d.ts +1 -1
  277. package/dist/js/c_masthead_c_toolbar_Width.js +1 -1
  278. package/dist/js/c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns.d.ts +1 -1
  279. package/dist/js/c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns.js +1 -1
  280. package/dist/js/c_masthead_m_docked_BackdropFilter.d.ts +6 -0
  281. package/dist/js/c_masthead_m_docked_BackdropFilter.js +8 -0
  282. package/dist/js/c_masthead_m_docked_BackgroundColor.d.ts +6 -0
  283. package/dist/js/c_masthead_m_docked_BackgroundColor.js +8 -0
  284. package/dist/js/c_masthead_m_docked_GridTemplateRows.d.ts +6 -0
  285. package/dist/js/c_masthead_m_docked_GridTemplateRows.js +8 -0
  286. package/dist/js/c_masthead_m_docked_PaddingBlockEnd.d.ts +6 -0
  287. package/dist/js/c_masthead_m_docked_PaddingBlockEnd.js +8 -0
  288. package/dist/js/c_masthead_m_docked_PaddingBlockStart.d.ts +6 -0
  289. package/dist/js/c_masthead_m_docked_PaddingBlockStart.js +8 -0
  290. package/dist/js/c_masthead_m_docked_PaddingInlineEnd.d.ts +6 -0
  291. package/dist/js/c_masthead_m_docked_PaddingInlineEnd.js +8 -0
  292. package/dist/js/c_masthead_m_docked_PaddingInlineStart.d.ts +6 -0
  293. package/dist/js/c_masthead_m_docked_PaddingInlineStart.js +8 -0
  294. package/dist/js/c_masthead_m_docked_RowGap.d.ts +6 -0
  295. package/dist/js/c_masthead_m_docked_RowGap.js +8 -0
  296. package/dist/js/c_masthead_m_docked_c_toolbar_Height.d.ts +6 -0
  297. package/dist/js/c_masthead_m_docked_c_toolbar_Height.js +8 -0
  298. package/dist/js/c_nav.d.ts +206 -0
  299. package/dist/js/c_nav.js +206 -0
  300. package/dist/js/c_nav_PaddingBlockEnd.d.ts +1 -1
  301. package/dist/js/c_nav_PaddingBlockEnd.js +1 -1
  302. package/dist/js/c_nav_PaddingBlockStart.d.ts +1 -1
  303. package/dist/js/c_nav_PaddingBlockStart.js +1 -1
  304. package/dist/js/c_nav__item_accent_BorderRadius.d.ts +6 -0
  305. package/dist/js/c_nav__item_accent_BorderRadius.js +8 -0
  306. package/dist/js/c_nav__item_accent_ScaleY.d.ts +6 -0
  307. package/dist/js/c_nav__item_accent_ScaleY.js +8 -0
  308. package/dist/js/c_nav__item_accent_TransitionDuration.d.ts +6 -0
  309. package/dist/js/c_nav__item_accent_TransitionDuration.js +8 -0
  310. package/dist/js/c_nav__item_accent_TransitionTimingFunction.d.ts +6 -0
  311. package/dist/js/c_nav__item_accent_TransitionTimingFunction.js +8 -0
  312. package/dist/js/c_nav__item_accent_color.d.ts +6 -0
  313. package/dist/js/c_nav__item_accent_color.js +8 -0
  314. package/dist/js/c_nav__item_accent_content.d.ts +6 -0
  315. package/dist/js/c_nav__item_accent_content.js +8 -0
  316. package/dist/js/c_nav__item_accent_offset.d.ts +6 -0
  317. package/dist/js/c_nav__item_accent_offset.js +8 -0
  318. package/dist/js/c_nav__item_accent_size.d.ts +6 -0
  319. package/dist/js/c_nav__item_accent_size.js +8 -0
  320. package/dist/js/c_nav__item_current_accent_ScaleY.d.ts +6 -0
  321. package/dist/js/c_nav__item_current_accent_ScaleY.js +8 -0
  322. package/dist/js/c_nav__item_current_accent_TransitionDuration.d.ts +6 -0
  323. package/dist/js/c_nav__item_current_accent_TransitionDuration.js +8 -0
  324. package/dist/js/c_nav__link_PaddingInlineEnd.d.ts +1 -1
  325. package/dist/js/c_nav__link_PaddingInlineEnd.js +1 -1
  326. package/dist/js/c_nav__link_PaddingInlineStart.d.ts +1 -1
  327. package/dist/js/c_nav__link_PaddingInlineStart.js +1 -1
  328. package/dist/js/c_nav__link_hover_BackgroundColor.d.ts +1 -1
  329. package/dist/js/c_nav__link_hover_BackgroundColor.js +1 -1
  330. package/dist/js/c_nav__link_m_current_BackgroundColor.d.ts +1 -1
  331. package/dist/js/c_nav__link_m_current_BackgroundColor.js +1 -1
  332. package/dist/js/c_nav__link_text_FontSize.d.ts +6 -0
  333. package/dist/js/c_nav__link_text_FontSize.js +8 -0
  334. package/dist/js/c_nav_m_docked__link_PaddingInlineEnd.d.ts +6 -0
  335. package/dist/js/c_nav_m_docked__link_PaddingInlineEnd.js +8 -0
  336. package/dist/js/c_nav_m_docked__link_PaddingInlineStart.d.ts +6 -0
  337. package/dist/js/c_nav_m_docked__link_PaddingInlineStart.js +8 -0
  338. package/dist/js/c_nav_m_docked__link_hover_BackgroundColor.d.ts +6 -0
  339. package/dist/js/c_nav_m_docked__link_hover_BackgroundColor.js +8 -0
  340. package/dist/js/c_nav_m_docked__link_m_current_BackgroundColor.d.ts +6 -0
  341. package/dist/js/c_nav_m_docked__link_m_current_BackgroundColor.js +8 -0
  342. package/dist/js/c_nav_m_docked__list_RowGap.d.ts +6 -0
  343. package/dist/js/c_nav_m_docked__list_RowGap.js +8 -0
  344. package/dist/js/c_page.d.ts +67 -0
  345. package/dist/js/c_page.js +67 -0
  346. package/dist/js/c_page__dock_ZIndex.d.ts +6 -0
  347. package/dist/js/c_page__dock_ZIndex.js +8 -0
  348. package/dist/js/c_page__main_container_MarginBlockStart.d.ts +6 -0
  349. package/dist/js/c_page__main_container_MarginBlockStart.js +8 -0
  350. package/dist/js/c_page__main_container_MarginInlineStart.d.ts +1 -1
  351. package/dist/js/c_page__main_container_MarginInlineStart.js +1 -1
  352. package/dist/js/c_page__main_container_MaxHeight.d.ts +1 -1
  353. package/dist/js/c_page__main_container_MaxHeight.js +1 -1
  354. package/dist/js/c_page_m_dock_ColumnGap.d.ts +6 -0
  355. package/dist/js/c_page_m_dock_ColumnGap.js +8 -0
  356. package/dist/js/c_page_m_dock__main_container_MarginBlockStart.d.ts +6 -0
  357. package/dist/js/c_page_m_dock__main_container_MarginBlockStart.js +8 -0
  358. package/dist/js/c_page_m_dock__main_container_MaxHeight.d.ts +6 -0
  359. package/dist/js/c_page_m_dock__main_container_MaxHeight.js +8 -0
  360. package/dist/js/c_page_masthead_main_container_GridArea.d.ts +1 -1
  361. package/dist/js/c_page_masthead_main_container_GridArea.js +1 -1
  362. package/dist/js/c_toolbar.d.ts +26 -0
  363. package/dist/js/c_toolbar.js +26 -0
  364. package/dist/js/c_toolbar_Width.d.ts +1 -1
  365. package/dist/js/c_toolbar_Width.js +1 -1
  366. package/dist/js/c_toolbar_child_m_align_end_MarginBlockStart.d.ts +6 -0
  367. package/dist/js/c_toolbar_child_m_align_end_MarginBlockStart.js +8 -0
  368. package/dist/js/c_toolbar_child_m_align_end_MarginInlineStart.d.ts +6 -0
  369. package/dist/js/c_toolbar_child_m_align_end_MarginInlineStart.js +8 -0
  370. package/dist/js/c_toolbar_m_vertical_Width.d.ts +6 -0
  371. package/dist/js/c_toolbar_m_vertical_Width.js +8 -0
  372. package/dist/js/index.d.ts +72 -8
  373. package/dist/js/index.js +72 -8
  374. package/package.json +3 -3
  375. package/dist/esm/c_compass_ColumnGap.d.ts +0 -6
  376. package/dist/esm/c_compass_ColumnGap.js +0 -6
  377. package/dist/esm/c_compass_RowGap.d.ts +0 -6
  378. package/dist/esm/c_compass_RowGap.js +0 -6
  379. package/dist/esm/c_compass__panel_Padding.d.ts +0 -6
  380. package/dist/esm/c_compass__panel_Padding.js +0 -6
  381. package/dist/esm/c_compass__sidebar_Padding.d.ts +0 -6
  382. package/dist/esm/c_compass__sidebar_Padding.js +0 -6
  383. package/dist/js/c_compass_ColumnGap.d.ts +0 -6
  384. package/dist/js/c_compass_ColumnGap.js +0 -8
  385. package/dist/js/c_compass_RowGap.d.ts +0 -6
  386. package/dist/js/c_compass_RowGap.js +0 -8
  387. package/dist/js/c_compass__panel_Padding.d.ts +0 -6
  388. package/dist/js/c_compass__panel_Padding.js +0 -8
  389. package/dist/js/c_compass__sidebar_Padding.d.ts +0 -6
  390. package/dist/js/c_compass__sidebar_Padding.js +0 -8
@@ -215,6 +215,74 @@ export const c_nav: {
215
215
  "0.5rem"
216
216
  ]
217
217
  },
218
+ "c_nav__item_accent_size": {
219
+ "name": "--pf-v6-c-nav__item--accent--size",
220
+ "value": "3px",
221
+ "values": [
222
+ "--pf-t--global--border--width--extra-strong",
223
+ "--pf-t--global--border--width--300",
224
+ "3px"
225
+ ]
226
+ },
227
+ "c_nav__item_accent_color": {
228
+ "name": "--pf-v6-c-nav__item--accent--color",
229
+ "value": "#0066cc",
230
+ "values": [
231
+ "--pf-t--global--border--color--clicked",
232
+ "--pf-t--global--color--brand--200",
233
+ "--pf-t--color--blue--50",
234
+ "#0066cc"
235
+ ]
236
+ },
237
+ "c_nav__item_accent_offset": {
238
+ "name": "--pf-v6-c-nav__item--accent--offset",
239
+ "value": "calc(0.5rem * -1)",
240
+ "values": [
241
+ "calc(--pf-t--global--spacer--sm * -1)",
242
+ "calc(--pf-t--global--spacer--200 * -1)",
243
+ "calc(0.5rem * -1)"
244
+ ]
245
+ },
246
+ "c_nav__item_accent_BorderRadius": {
247
+ "name": "--pf-v6-c-nav__item--accent--BorderRadius",
248
+ "value": "6px",
249
+ "values": [
250
+ "--pf-t--global--border--radius--small",
251
+ "--pf-t--global--border--radius--200",
252
+ "6px"
253
+ ]
254
+ },
255
+ "c_nav__item_accent_ScaleY": {
256
+ "name": "--pf-v6-c-nav__item--accent--ScaleY",
257
+ "value": "0"
258
+ },
259
+ "c_nav__item_current_accent_ScaleY": {
260
+ "name": "--pf-v6-c-nav__item--current--accent--ScaleY",
261
+ "value": "1"
262
+ },
263
+ "c_nav__item_accent_TransitionDuration": {
264
+ "name": "--pf-v6-c-nav__item--accent--TransitionDuration",
265
+ "value": "0"
266
+ },
267
+ "c_nav__item_current_accent_TransitionDuration": {
268
+ "name": "--pf-v6-c-nav__item--current--accent--TransitionDuration",
269
+ "value": "200ms",
270
+ "values": [
271
+ "--pf-t--global--motion--duration--fade--default",
272
+ "--pf-t--global--motion--duration--md",
273
+ "--pf-t--global--duration--200",
274
+ "200ms"
275
+ ]
276
+ },
277
+ "c_nav__item_accent_TransitionTimingFunction": {
278
+ "name": "--pf-v6-c-nav__item--accent--TransitionTimingFunction",
279
+ "value": "cubic-bezier(0, 0, .2, 1)",
280
+ "values": [
281
+ "--pf-t--global--motion--timing-function--decelerate",
282
+ "--pf-t--global--timing-function--300",
283
+ "cubic-bezier(0, 0, .2, 1)"
284
+ ]
285
+ },
218
286
  "c_nav__item__toggle_icon_Rotate": {
219
287
  "name": "--pf-v6-c-nav__item__toggle-icon--Rotate",
220
288
  "value": "0"
@@ -416,6 +484,10 @@ export const c_nav: {
416
484
  "#1f1f1f"
417
485
  ]
418
486
  },
487
+ "c_nav__link_text_FontSize": {
488
+ "name": "--pf-v6-c-nav__link-text--FontSize",
489
+ "value": "initial"
490
+ },
419
491
  "c_nav__subnav_RowGap": {
420
492
  "name": "--pf-v6-c-nav__subnav--RowGap",
421
493
  "value": "3px",
@@ -747,6 +819,52 @@ export const c_nav: {
747
819
  "--pf-t--global--spacer--300",
748
820
  "1rem"
749
821
  ]
822
+ },
823
+ "c_nav_m_docked__list_RowGap": {
824
+ "name": "--pf-v6-c-nav--m-docked__list--RowGap",
825
+ "value": "0.25rem",
826
+ "values": [
827
+ "--pf-t--global--spacer--gap--action-to-action--plain",
828
+ "--pf-t--global--spacer--xs",
829
+ "--pf-t--global--spacer--100",
830
+ "0.25rem"
831
+ ]
832
+ },
833
+ "c_nav_m_docked__link_PaddingInlineStart": {
834
+ "name": "--pf-v6-c-nav--m-docked__link--PaddingInlineStart",
835
+ "value": "0.5rem",
836
+ "values": [
837
+ "--pf-t--global--spacer--sm",
838
+ "--pf-t--global--spacer--200",
839
+ "0.5rem"
840
+ ]
841
+ },
842
+ "c_nav_m_docked__link_PaddingInlineEnd": {
843
+ "name": "--pf-v6-c-nav--m-docked__link--PaddingInlineEnd",
844
+ "value": "0.5rem",
845
+ "values": [
846
+ "--pf-t--global--spacer--sm",
847
+ "--pf-t--global--spacer--200",
848
+ "0.5rem"
849
+ ]
850
+ },
851
+ "c_nav_m_docked__link_hover_BackgroundColor": {
852
+ "name": "--pf-v6-c-nav--m-docked__link--hover--BackgroundColor",
853
+ "value": "rgba(199, 199, 199, 0.2500)",
854
+ "values": [
855
+ "--pf-t--global--background--color--action--plain--hover",
856
+ "--pf-t--global--background--color--600",
857
+ "rgba(199, 199, 199, 0.2500)"
858
+ ]
859
+ },
860
+ "c_nav_m_docked__link_m_current_BackgroundColor": {
861
+ "name": "--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor",
862
+ "value": "rgba(199, 199, 199, 0.2500)",
863
+ "values": [
864
+ "--pf-t--global--background--color--action--plain--clicked",
865
+ "--pf-t--global--background--color--600",
866
+ "rgba(199, 199, 199, 0.2500)"
867
+ ]
750
868
  }
751
869
  },
752
870
  ".pf-v6-c-nav.pf-m-inset": {
@@ -769,6 +887,67 @@ export const c_nav: {
769
887
  ]
770
888
  }
771
889
  },
890
+ ".pf-v6-c-nav.pf-m-docked": {
891
+ "c_nav_PaddingBlockStart": {
892
+ "name": "--pf-v6-c-nav--PaddingBlockStart",
893
+ "value": "0"
894
+ },
895
+ "c_nav_PaddingBlockEnd": {
896
+ "name": "--pf-v6-c-nav--PaddingBlockEnd",
897
+ "value": "0"
898
+ },
899
+ "c_nav__list_RowGap": {
900
+ "name": "--pf-v6-c-nav__list--RowGap",
901
+ "value": "0.25rem",
902
+ "values": [
903
+ "--pf-v6-c-nav--m-docked__list--RowGap",
904
+ "--pf-t--global--spacer--gap--action-to-action--plain",
905
+ "--pf-t--global--spacer--xs",
906
+ "--pf-t--global--spacer--100",
907
+ "0.25rem"
908
+ ]
909
+ },
910
+ "c_nav__link_PaddingInlineStart": {
911
+ "name": "--pf-v6-c-nav__link--PaddingInlineStart",
912
+ "value": "0.5rem",
913
+ "values": [
914
+ "--pf-v6-c-nav--m-docked__link--PaddingInlineStart",
915
+ "--pf-t--global--spacer--sm",
916
+ "--pf-t--global--spacer--200",
917
+ "0.5rem"
918
+ ]
919
+ },
920
+ "c_nav__link_PaddingInlineEnd": {
921
+ "name": "--pf-v6-c-nav__link--PaddingInlineEnd",
922
+ "value": "0.5rem",
923
+ "values": [
924
+ "--pf-v6-c-nav--m-docked__link--PaddingInlineEnd",
925
+ "--pf-t--global--spacer--sm",
926
+ "--pf-t--global--spacer--200",
927
+ "0.5rem"
928
+ ]
929
+ },
930
+ "c_nav__link_hover_BackgroundColor": {
931
+ "name": "--pf-v6-c-nav__link--hover--BackgroundColor",
932
+ "value": "rgba(199, 199, 199, 0.2500)",
933
+ "values": [
934
+ "--pf-v6-c-nav--m-docked__link--hover--BackgroundColor",
935
+ "--pf-t--global--background--color--action--plain--hover",
936
+ "--pf-t--global--background--color--600",
937
+ "rgba(199, 199, 199, 0.2500)"
938
+ ]
939
+ },
940
+ "c_nav__link_m_current_BackgroundColor": {
941
+ "name": "--pf-v6-c-nav__link--m-current--BackgroundColor",
942
+ "value": "rgba(199, 199, 199, 0.2500)",
943
+ "values": [
944
+ "--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor",
945
+ "--pf-t--global--background--color--action--plain--clicked",
946
+ "--pf-t--global--background--color--600",
947
+ "rgba(199, 199, 199, 0.2500)"
948
+ ]
949
+ }
950
+ },
772
951
  ".pf-v6-c-nav .pf-v6-c-menu": {
773
952
  "c_menu_MinWidth": {
774
953
  "name": "--pf-v6-c-menu--MinWidth",
@@ -902,6 +1081,27 @@ export const c_nav: {
902
1081
  ]
903
1082
  }
904
1083
  },
1084
+ ".pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current)": {
1085
+ "c_nav__item_accent_ScaleY": {
1086
+ "name": "--pf-v6-c-nav__item--accent--ScaleY",
1087
+ "value": "1",
1088
+ "values": [
1089
+ "--pf-v6-c-nav__item--current--accent--ScaleY",
1090
+ "1"
1091
+ ]
1092
+ },
1093
+ "c_nav__item_accent_TransitionDuration": {
1094
+ "name": "--pf-v6-c-nav__item--accent--TransitionDuration",
1095
+ "value": "200ms",
1096
+ "values": [
1097
+ "--pf-v6-c-nav__item--current--accent--TransitionDuration",
1098
+ "--pf-t--global--motion--duration--fade--default",
1099
+ "--pf-t--global--motion--duration--md",
1100
+ "--pf-t--global--duration--200",
1101
+ "200ms"
1102
+ ]
1103
+ }
1104
+ },
905
1105
  ".pf-v6-c-nav__link:hover": {
906
1106
  "c_nav__link_BorderWidth": {
907
1107
  "name": "--pf-v6-c-nav__link--BorderWidth",
@@ -985,6 +1185,12 @@ export const c_nav: {
985
1185
  ]
986
1186
  }
987
1187
  },
1188
+ ".pf-v6-c-nav:where(.pf-m-horizontal)": {
1189
+ "c_nav__item_accent_content": {
1190
+ "name": "--pf-v6-c-nav__item--accent--content",
1191
+ "value": "none"
1192
+ }
1193
+ },
988
1194
  ".pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav": {
989
1195
  "c_nav_BackgroundColor": {
990
1196
  "name": "--pf-v6-c-nav--BackgroundColor",
package/dist/esm/c_nav.js CHANGED
@@ -215,6 +215,74 @@ export const c_nav = {
215
215
  "0.5rem"
216
216
  ]
217
217
  },
218
+ "c_nav__item_accent_size": {
219
+ "name": "--pf-v6-c-nav__item--accent--size",
220
+ "value": "3px",
221
+ "values": [
222
+ "--pf-t--global--border--width--extra-strong",
223
+ "--pf-t--global--border--width--300",
224
+ "3px"
225
+ ]
226
+ },
227
+ "c_nav__item_accent_color": {
228
+ "name": "--pf-v6-c-nav__item--accent--color",
229
+ "value": "#0066cc",
230
+ "values": [
231
+ "--pf-t--global--border--color--clicked",
232
+ "--pf-t--global--color--brand--200",
233
+ "--pf-t--color--blue--50",
234
+ "#0066cc"
235
+ ]
236
+ },
237
+ "c_nav__item_accent_offset": {
238
+ "name": "--pf-v6-c-nav__item--accent--offset",
239
+ "value": "calc(0.5rem * -1)",
240
+ "values": [
241
+ "calc(--pf-t--global--spacer--sm * -1)",
242
+ "calc(--pf-t--global--spacer--200 * -1)",
243
+ "calc(0.5rem * -1)"
244
+ ]
245
+ },
246
+ "c_nav__item_accent_BorderRadius": {
247
+ "name": "--pf-v6-c-nav__item--accent--BorderRadius",
248
+ "value": "6px",
249
+ "values": [
250
+ "--pf-t--global--border--radius--small",
251
+ "--pf-t--global--border--radius--200",
252
+ "6px"
253
+ ]
254
+ },
255
+ "c_nav__item_accent_ScaleY": {
256
+ "name": "--pf-v6-c-nav__item--accent--ScaleY",
257
+ "value": "0"
258
+ },
259
+ "c_nav__item_current_accent_ScaleY": {
260
+ "name": "--pf-v6-c-nav__item--current--accent--ScaleY",
261
+ "value": "1"
262
+ },
263
+ "c_nav__item_accent_TransitionDuration": {
264
+ "name": "--pf-v6-c-nav__item--accent--TransitionDuration",
265
+ "value": "0"
266
+ },
267
+ "c_nav__item_current_accent_TransitionDuration": {
268
+ "name": "--pf-v6-c-nav__item--current--accent--TransitionDuration",
269
+ "value": "200ms",
270
+ "values": [
271
+ "--pf-t--global--motion--duration--fade--default",
272
+ "--pf-t--global--motion--duration--md",
273
+ "--pf-t--global--duration--200",
274
+ "200ms"
275
+ ]
276
+ },
277
+ "c_nav__item_accent_TransitionTimingFunction": {
278
+ "name": "--pf-v6-c-nav__item--accent--TransitionTimingFunction",
279
+ "value": "cubic-bezier(0, 0, .2, 1)",
280
+ "values": [
281
+ "--pf-t--global--motion--timing-function--decelerate",
282
+ "--pf-t--global--timing-function--300",
283
+ "cubic-bezier(0, 0, .2, 1)"
284
+ ]
285
+ },
218
286
  "c_nav__item__toggle_icon_Rotate": {
219
287
  "name": "--pf-v6-c-nav__item__toggle-icon--Rotate",
220
288
  "value": "0"
@@ -416,6 +484,10 @@ export const c_nav = {
416
484
  "#1f1f1f"
417
485
  ]
418
486
  },
487
+ "c_nav__link_text_FontSize": {
488
+ "name": "--pf-v6-c-nav__link-text--FontSize",
489
+ "value": "initial"
490
+ },
419
491
  "c_nav__subnav_RowGap": {
420
492
  "name": "--pf-v6-c-nav__subnav--RowGap",
421
493
  "value": "3px",
@@ -747,6 +819,52 @@ export const c_nav = {
747
819
  "--pf-t--global--spacer--300",
748
820
  "1rem"
749
821
  ]
822
+ },
823
+ "c_nav_m_docked__list_RowGap": {
824
+ "name": "--pf-v6-c-nav--m-docked__list--RowGap",
825
+ "value": "0.25rem",
826
+ "values": [
827
+ "--pf-t--global--spacer--gap--action-to-action--plain",
828
+ "--pf-t--global--spacer--xs",
829
+ "--pf-t--global--spacer--100",
830
+ "0.25rem"
831
+ ]
832
+ },
833
+ "c_nav_m_docked__link_PaddingInlineStart": {
834
+ "name": "--pf-v6-c-nav--m-docked__link--PaddingInlineStart",
835
+ "value": "0.5rem",
836
+ "values": [
837
+ "--pf-t--global--spacer--sm",
838
+ "--pf-t--global--spacer--200",
839
+ "0.5rem"
840
+ ]
841
+ },
842
+ "c_nav_m_docked__link_PaddingInlineEnd": {
843
+ "name": "--pf-v6-c-nav--m-docked__link--PaddingInlineEnd",
844
+ "value": "0.5rem",
845
+ "values": [
846
+ "--pf-t--global--spacer--sm",
847
+ "--pf-t--global--spacer--200",
848
+ "0.5rem"
849
+ ]
850
+ },
851
+ "c_nav_m_docked__link_hover_BackgroundColor": {
852
+ "name": "--pf-v6-c-nav--m-docked__link--hover--BackgroundColor",
853
+ "value": "rgba(199, 199, 199, 0.2500)",
854
+ "values": [
855
+ "--pf-t--global--background--color--action--plain--hover",
856
+ "--pf-t--global--background--color--600",
857
+ "rgba(199, 199, 199, 0.2500)"
858
+ ]
859
+ },
860
+ "c_nav_m_docked__link_m_current_BackgroundColor": {
861
+ "name": "--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor",
862
+ "value": "rgba(199, 199, 199, 0.2500)",
863
+ "values": [
864
+ "--pf-t--global--background--color--action--plain--clicked",
865
+ "--pf-t--global--background--color--600",
866
+ "rgba(199, 199, 199, 0.2500)"
867
+ ]
750
868
  }
751
869
  },
752
870
  ".pf-v6-c-nav.pf-m-inset": {
@@ -769,6 +887,67 @@ export const c_nav = {
769
887
  ]
770
888
  }
771
889
  },
890
+ ".pf-v6-c-nav.pf-m-docked": {
891
+ "c_nav_PaddingBlockStart": {
892
+ "name": "--pf-v6-c-nav--PaddingBlockStart",
893
+ "value": "0"
894
+ },
895
+ "c_nav_PaddingBlockEnd": {
896
+ "name": "--pf-v6-c-nav--PaddingBlockEnd",
897
+ "value": "0"
898
+ },
899
+ "c_nav__list_RowGap": {
900
+ "name": "--pf-v6-c-nav__list--RowGap",
901
+ "value": "0.25rem",
902
+ "values": [
903
+ "--pf-v6-c-nav--m-docked__list--RowGap",
904
+ "--pf-t--global--spacer--gap--action-to-action--plain",
905
+ "--pf-t--global--spacer--xs",
906
+ "--pf-t--global--spacer--100",
907
+ "0.25rem"
908
+ ]
909
+ },
910
+ "c_nav__link_PaddingInlineStart": {
911
+ "name": "--pf-v6-c-nav__link--PaddingInlineStart",
912
+ "value": "0.5rem",
913
+ "values": [
914
+ "--pf-v6-c-nav--m-docked__link--PaddingInlineStart",
915
+ "--pf-t--global--spacer--sm",
916
+ "--pf-t--global--spacer--200",
917
+ "0.5rem"
918
+ ]
919
+ },
920
+ "c_nav__link_PaddingInlineEnd": {
921
+ "name": "--pf-v6-c-nav__link--PaddingInlineEnd",
922
+ "value": "0.5rem",
923
+ "values": [
924
+ "--pf-v6-c-nav--m-docked__link--PaddingInlineEnd",
925
+ "--pf-t--global--spacer--sm",
926
+ "--pf-t--global--spacer--200",
927
+ "0.5rem"
928
+ ]
929
+ },
930
+ "c_nav__link_hover_BackgroundColor": {
931
+ "name": "--pf-v6-c-nav__link--hover--BackgroundColor",
932
+ "value": "rgba(199, 199, 199, 0.2500)",
933
+ "values": [
934
+ "--pf-v6-c-nav--m-docked__link--hover--BackgroundColor",
935
+ "--pf-t--global--background--color--action--plain--hover",
936
+ "--pf-t--global--background--color--600",
937
+ "rgba(199, 199, 199, 0.2500)"
938
+ ]
939
+ },
940
+ "c_nav__link_m_current_BackgroundColor": {
941
+ "name": "--pf-v6-c-nav__link--m-current--BackgroundColor",
942
+ "value": "rgba(199, 199, 199, 0.2500)",
943
+ "values": [
944
+ "--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor",
945
+ "--pf-t--global--background--color--action--plain--clicked",
946
+ "--pf-t--global--background--color--600",
947
+ "rgba(199, 199, 199, 0.2500)"
948
+ ]
949
+ }
950
+ },
772
951
  ".pf-v6-c-nav .pf-v6-c-menu": {
773
952
  "c_menu_MinWidth": {
774
953
  "name": "--pf-v6-c-menu--MinWidth",
@@ -902,6 +1081,27 @@ export const c_nav = {
902
1081
  ]
903
1082
  }
904
1083
  },
1084
+ ".pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current)": {
1085
+ "c_nav__item_accent_ScaleY": {
1086
+ "name": "--pf-v6-c-nav__item--accent--ScaleY",
1087
+ "value": "1",
1088
+ "values": [
1089
+ "--pf-v6-c-nav__item--current--accent--ScaleY",
1090
+ "1"
1091
+ ]
1092
+ },
1093
+ "c_nav__item_accent_TransitionDuration": {
1094
+ "name": "--pf-v6-c-nav__item--accent--TransitionDuration",
1095
+ "value": "200ms",
1096
+ "values": [
1097
+ "--pf-v6-c-nav__item--current--accent--TransitionDuration",
1098
+ "--pf-t--global--motion--duration--fade--default",
1099
+ "--pf-t--global--motion--duration--md",
1100
+ "--pf-t--global--duration--200",
1101
+ "200ms"
1102
+ ]
1103
+ }
1104
+ },
905
1105
  ".pf-v6-c-nav__link:hover": {
906
1106
  "c_nav__link_BorderWidth": {
907
1107
  "name": "--pf-v6-c-nav__link--BorderWidth",
@@ -985,6 +1185,12 @@ export const c_nav = {
985
1185
  ]
986
1186
  }
987
1187
  },
1188
+ ".pf-v6-c-nav:where(.pf-m-horizontal)": {
1189
+ "c_nav__item_accent_content": {
1190
+ "name": "--pf-v6-c-nav__item--accent--content",
1191
+ "value": "none"
1192
+ }
1193
+ },
988
1194
  ".pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav": {
989
1195
  "c_nav_BackgroundColor": {
990
1196
  "name": "--pf-v6-c-nav--BackgroundColor",
@@ -1,6 +1,6 @@
1
1
  export const c_nav_PaddingBlockEnd: {
2
2
  "name": "--pf-v6-c-nav--PaddingBlockEnd",
3
- "value": "1rem",
3
+ "value": "0",
4
4
  "var": "var(--pf-v6-c-nav--PaddingBlockEnd)"
5
5
  };
6
6
  export default c_nav_PaddingBlockEnd;
@@ -1,6 +1,6 @@
1
1
  export const c_nav_PaddingBlockEnd = {
2
2
  "name": "--pf-v6-c-nav--PaddingBlockEnd",
3
- "value": "1rem",
3
+ "value": "0",
4
4
  "var": "var(--pf-v6-c-nav--PaddingBlockEnd)"
5
5
  };
6
6
  export default c_nav_PaddingBlockEnd;
@@ -1,6 +1,6 @@
1
1
  export const c_nav_PaddingBlockStart: {
2
2
  "name": "--pf-v6-c-nav--PaddingBlockStart",
3
- "value": "1rem",
3
+ "value": "0",
4
4
  "var": "var(--pf-v6-c-nav--PaddingBlockStart)"
5
5
  };
6
6
  export default c_nav_PaddingBlockStart;
@@ -1,6 +1,6 @@
1
1
  export const c_nav_PaddingBlockStart = {
2
2
  "name": "--pf-v6-c-nav--PaddingBlockStart",
3
- "value": "1rem",
3
+ "value": "0",
4
4
  "var": "var(--pf-v6-c-nav--PaddingBlockStart)"
5
5
  };
6
6
  export default c_nav_PaddingBlockStart;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_BorderRadius: {
2
+ "name": "--pf-v6-c-nav__item--accent--BorderRadius",
3
+ "value": "6px",
4
+ "var": "var(--pf-v6-c-nav__item--accent--BorderRadius)"
5
+ };
6
+ export default c_nav__item_accent_BorderRadius;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_BorderRadius = {
2
+ "name": "--pf-v6-c-nav__item--accent--BorderRadius",
3
+ "value": "6px",
4
+ "var": "var(--pf-v6-c-nav__item--accent--BorderRadius)"
5
+ };
6
+ export default c_nav__item_accent_BorderRadius;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_ScaleY: {
2
+ "name": "--pf-v6-c-nav__item--accent--ScaleY",
3
+ "value": "1",
4
+ "var": "var(--pf-v6-c-nav__item--accent--ScaleY)"
5
+ };
6
+ export default c_nav__item_accent_ScaleY;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_ScaleY = {
2
+ "name": "--pf-v6-c-nav__item--accent--ScaleY",
3
+ "value": "1",
4
+ "var": "var(--pf-v6-c-nav__item--accent--ScaleY)"
5
+ };
6
+ export default c_nav__item_accent_ScaleY;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_TransitionDuration: {
2
+ "name": "--pf-v6-c-nav__item--accent--TransitionDuration",
3
+ "value": "200ms",
4
+ "var": "var(--pf-v6-c-nav__item--accent--TransitionDuration)"
5
+ };
6
+ export default c_nav__item_accent_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_TransitionDuration = {
2
+ "name": "--pf-v6-c-nav__item--accent--TransitionDuration",
3
+ "value": "200ms",
4
+ "var": "var(--pf-v6-c-nav__item--accent--TransitionDuration)"
5
+ };
6
+ export default c_nav__item_accent_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_TransitionTimingFunction: {
2
+ "name": "--pf-v6-c-nav__item--accent--TransitionTimingFunction",
3
+ "value": "cubic-bezier(0, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-nav__item--accent--TransitionTimingFunction)"
5
+ };
6
+ export default c_nav__item_accent_TransitionTimingFunction;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_TransitionTimingFunction = {
2
+ "name": "--pf-v6-c-nav__item--accent--TransitionTimingFunction",
3
+ "value": "cubic-bezier(0, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-nav__item--accent--TransitionTimingFunction)"
5
+ };
6
+ export default c_nav__item_accent_TransitionTimingFunction;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_color: {
2
+ "name": "--pf-v6-c-nav__item--accent--color",
3
+ "value": "#0066cc",
4
+ "var": "var(--pf-v6-c-nav__item--accent--color)"
5
+ };
6
+ export default c_nav__item_accent_color;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_color = {
2
+ "name": "--pf-v6-c-nav__item--accent--color",
3
+ "value": "#0066cc",
4
+ "var": "var(--pf-v6-c-nav__item--accent--color)"
5
+ };
6
+ export default c_nav__item_accent_color;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_content: {
2
+ "name": "--pf-v6-c-nav__item--accent--content",
3
+ "value": "none",
4
+ "var": "var(--pf-v6-c-nav__item--accent--content)"
5
+ };
6
+ export default c_nav__item_accent_content;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_content = {
2
+ "name": "--pf-v6-c-nav__item--accent--content",
3
+ "value": "none",
4
+ "var": "var(--pf-v6-c-nav__item--accent--content)"
5
+ };
6
+ export default c_nav__item_accent_content;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_offset: {
2
+ "name": "--pf-v6-c-nav__item--accent--offset",
3
+ "value": "calc(0.5rem * -1)",
4
+ "var": "var(--pf-v6-c-nav__item--accent--offset)"
5
+ };
6
+ export default c_nav__item_accent_offset;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_offset = {
2
+ "name": "--pf-v6-c-nav__item--accent--offset",
3
+ "value": "calc(0.5rem * -1)",
4
+ "var": "var(--pf-v6-c-nav__item--accent--offset)"
5
+ };
6
+ export default c_nav__item_accent_offset;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_size: {
2
+ "name": "--pf-v6-c-nav__item--accent--size",
3
+ "value": "3px",
4
+ "var": "var(--pf-v6-c-nav__item--accent--size)"
5
+ };
6
+ export default c_nav__item_accent_size;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_accent_size = {
2
+ "name": "--pf-v6-c-nav__item--accent--size",
3
+ "value": "3px",
4
+ "var": "var(--pf-v6-c-nav__item--accent--size)"
5
+ };
6
+ export default c_nav__item_accent_size;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_current_accent_ScaleY: {
2
+ "name": "--pf-v6-c-nav__item--current--accent--ScaleY",
3
+ "value": "1",
4
+ "var": "var(--pf-v6-c-nav__item--current--accent--ScaleY)"
5
+ };
6
+ export default c_nav__item_current_accent_ScaleY;
@@ -0,0 +1,6 @@
1
+ export const c_nav__item_current_accent_ScaleY = {
2
+ "name": "--pf-v6-c-nav__item--current--accent--ScaleY",
3
+ "value": "1",
4
+ "var": "var(--pf-v6-c-nav__item--current--accent--ScaleY)"
5
+ };
6
+ export default c_nav__item_current_accent_ScaleY;