export const c_nav: { ".pf-v6-c-nav": { "c_nav__link_PaddingBlockStart": { "name": "--pf-v6-c-nav__link--PaddingBlockStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__link_PaddingBlockEnd": { "name": "--pf-v6-c-nav__link--PaddingBlockEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__link_PaddingInlineStart": { "name": "--pf-v6-c-nav__link--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav__link_PaddingInlineEnd": { "name": "--pf-v6-c-nav__link--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav__list_RowGap": { "name": "--pf-v6-c-nav__list--RowGap", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__list_ColumnGap": { "name": "--pf-v6-c-nav__list--ColumnGap", "value": "0.25rem", "values": [ "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_PaddingBlockStart": { "name": "--pf-v6-c-nav--PaddingBlockStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav_PaddingBlockEnd": { "name": "--pf-v6-c-nav--PaddingBlockEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav_PaddingInlineStart": { "name": "--pf-v6-c-nav--PaddingInlineStart", "value": "0" }, "c_nav_PaddingInlineEnd": { "name": "--pf-v6-c-nav--PaddingInlineEnd", "value": "0" }, "c_nav_RowGap": { "name": "--pf-v6-c-nav--RowGap", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_nav_ColumnGap": { "name": "--pf-v6-c-nav--ColumnGap", "value": "0" }, "c_nav_AlignItems": { "name": "--pf-v6-c-nav--AlignItems", "value": "baseline" }, "c_nav_FontSize": { "name": "--pf-v6-c-nav--FontSize", "value": "0.875rem", "values": [ "--pf-t--global--font--size--body--default", "--pf-t--global--font--size--sm", "--pf-t--global--font--size--200", "0.875rem" ] }, "c_nav_FontWeight": { "name": "--pf-v6-c-nav--FontWeight", "value": "400", "values": [ "--pf-t--global--font--weight--body--default", "--pf-t--global--font--weight--100", "400" ] }, "c_nav_LineHeight": { "name": "--pf-v6-c-nav--LineHeight", "value": "1.5", "values": [ "--pf-t--global--font--line-height--body", "--pf-t--global--font--line-height--200", "1.5" ] }, "c_nav_OutlineOffset": { "name": "--pf-v6-c-nav--OutlineOffset", "value": "calc(0.25rem * -1)", "values": [ "calc(--pf-t--global--spacer--xs * -1)", "calc(--pf-t--global--spacer--100 * -1)", "calc(0.25rem * -1)" ] }, "c_nav_BackgroundColor": { "name": "--pf-v6-c-nav--BackgroundColor", "value": "transparent" }, "c_nav__list_ScrollSnapTypeAxis": { "name": "--pf-v6-c-nav__list--ScrollSnapTypeAxis", "value": "x" }, "c_nav__list_ScrollSnapTypeStrictness": { "name": "--pf-v6-c-nav__list--ScrollSnapTypeStrictness", "value": "proximity" }, "c_nav__list_ScrollSnapType": { "name": "--pf-v6-c-nav__list--ScrollSnapType", "value": "x proximity", "values": [ "--pf-v6-c-nav__list--ScrollSnapTypeAxis --pf-v6-c-nav__list--ScrollSnapTypeStrictness", "x proximity" ] }, "c_nav__item_ScrollSnapAlign": { "name": "--pf-v6-c-nav__item--ScrollSnapAlign", "value": "end" }, "c_nav__section_title_FontWeight": { "name": "--pf-v6-c-nav__section-title--FontWeight", "value": "600", "values": [ "--pf-t--global--font--weight--body--bold", "--pf-t--global--font--weight--200", "600" ] }, "c_nav__section_title_Color": { "name": "--pf-v6-c-nav__section-title--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_nav__section_title_PaddingBlockStart": { "name": "--pf-v6-c-nav__section-title--PaddingBlockStart", "value": "0" }, "c_nav__section_title_PaddingBlockEnd": { "name": "--pf-v6-c-nav__section-title--PaddingBlockEnd", "value": "0" }, "c_nav__section_title_PaddingInlineStart": { "name": "--pf-v6-c-nav__section-title--PaddingInlineStart", "value": "1rem", "values": [ "--pf-v6-c-nav__link--PaddingInlineStart", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav__section_title_PaddingInlineEnd": { "name": "--pf-v6-c-nav__section-title--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-v6-c-nav__link--PaddingInlineEnd", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav__item_RowGap": { "name": "--pf-v6-c-nav__item--RowGap", "value": "0.5rem", "values": [ "--pf-v6-c-nav__list--RowGap", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__item_accent_size": { "name": "--pf-v6-c-nav__item--accent--size", "value": "3px", "values": [ "--pf-t--global--border--width--extra-strong", "--pf-t--global--border--width--300", "3px" ] }, "c_nav__item_accent_color": { "name": "--pf-v6-c-nav__item--accent--color", "value": "#0066cc", "values": [ "--pf-t--global--color--brand--accent--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_nav__item_accent_offset": { "name": "--pf-v6-c-nav__item--accent--offset", "value": "calc(0.5rem * -1)", "values": [ "calc(--pf-t--global--spacer--sm * -1)", "calc(--pf-t--global--spacer--200 * -1)", "calc(0.5rem * -1)" ] }, "c_nav__item_accent_BorderRadius": { "name": "--pf-v6-c-nav__item--accent--BorderRadius", "value": "6px", "values": [ "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_nav__item_accent_ScaleY": { "name": "--pf-v6-c-nav__item--accent--ScaleY", "value": "0" }, "c_nav__item_current_accent_ScaleY": { "name": "--pf-v6-c-nav__item--current--accent--ScaleY", "value": "1" }, "c_nav__item_accent_TransitionDuration": { "name": "--pf-v6-c-nav__item--accent--TransitionDuration", "value": "0" }, "c_nav__item_current_accent_TransitionDuration": { "name": "--pf-v6-c-nav__item--current--accent--TransitionDuration", "value": "200ms", "values": [ "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_nav__item_accent_TransitionTimingFunction": { "name": "--pf-v6-c-nav__item--accent--TransitionTimingFunction", "value": "cubic-bezier(0, 0, .2, 1)", "values": [ "--pf-t--global--motion--timing-function--decelerate", "--pf-t--global--timing-function--300", "cubic-bezier(0, 0, .2, 1)" ] }, "c_nav__item__toggle_icon_Rotate": { "name": "--pf-v6-c-nav__item__toggle-icon--Rotate", "value": "0" }, "c_nav__item_m_expanded__toggle_icon_Rotate": { "name": "--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate", "value": "-180deg" }, "c_nav__item__toggle_icon_TransitionDuration_transform": { "name": "--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform", "value": "100ms", "values": [ "--pf-t--global--motion--duration--icon--default", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_nav__item__toggle_icon_TransitionTimingFunction_transform": { "name": "--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform", "value": "cubic-bezier(.4, 0, .2, 1)", "values": [ "--pf-t--global--motion--timing-function--default", "--pf-t--global--timing-function--200", "cubic-bezier(.4, 0, .2, 1)" ] }, "c_nav__link_ColumnGap": { "name": "--pf-v6-c-nav__link--ColumnGap", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__link_AlignItems": { "name": "--pf-v6-c-nav__link--AlignItems", "value": "baseline" }, "c_nav__link_BorderRadius": { "name": "--pf-v6-c-nav__link--BorderRadius", "value": "6px", "values": [ "--pf-t--global--border--radius--action--plain--default", "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_nav__link_BackgroundColor": { "name": "--pf-v6-c-nav__link--BackgroundColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--background--color--action--plain--default", "rgb(255, 255, 255, 0.0000)" ] }, "c_nav__link_WhiteSpace": { "name": "--pf-v6-c-nav__link--WhiteSpace", "value": "normal" }, "c_nav__link_Color": { "name": "--pf-v6-c-nav__link--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--text--color--subtle", "--pf-t--global--text--color--200", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_nav__link_hover_Color": { "name": "--pf-v6-c-nav__link--hover--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_nav__link_hover_BackgroundColor": { "name": "--pf-v6-c-nav__link--hover--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--action--plain--alt--hover", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_nav__link_m_current_BackgroundColor": { "name": "--pf-v6-c-nav__link--m-current--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--action--plain--alt--clicked", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_nav__link_m_current_Color": { "name": "--pf-v6-c-nav__link--m-current--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_nav__link_BorderColor": { "name": "--pf-v6-c-nav__link--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_nav__link_BorderWidth": { "name": "--pf-v6-c-nav__link--BorderWidth", "value": "0px", "values": [ "--pf-t--global--border--width--action--plain--default", "0px" ] }, "c_nav__link_hover_BorderWidth": { "name": "--pf-v6-c-nav__link--hover--BorderWidth", "value": "0px", "values": [ "--pf-t--global--border--width--action--plain--hover", "0px" ] }, "c_nav__link_m_current_BorderWidth": { "name": "--pf-v6-c-nav__link--m-current--BorderWidth", "value": "0px", "values": [ "--pf-t--global--border--width--action--plain--clicked", "0px" ] }, "c_nav__link_TransitionDuration_background_color": { "name": "--pf-v6-c-nav__link--TransitionDuration--background-color", "value": "200ms", "values": [ "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_nav__link_TransitionTimingFunction_background_color": { "name": "--pf-v6-c-nav__link--TransitionTimingFunction--background-color", "value": "cubic-bezier(.4, 0, .2, 1)", "values": [ "--pf-t--global--motion--timing-function--default", "--pf-t--global--timing-function--200", "cubic-bezier(.4, 0, .2, 1)" ] }, "c_nav__link_m_current_TransitionDuration_color": { "name": "--pf-v6-c-nav__link--m-current--TransitionDuration--color", "value": "100ms", "values": [ "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_nav__link_m_current_TransitionTimingFunction_color": { "name": "--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color", "value": "cubic-bezier(.4, 0, .2, 1)", "values": [ "--pf-t--global--motion--timing-function--default", "--pf-t--global--timing-function--200", "cubic-bezier(.4, 0, .2, 1)" ] }, "c_nav__link_icon_Color": { "name": "--pf-v6-c-nav__link-icon--Color", "value": "#707070", "values": [ "--pf-t--global--icon--color--subtle", "--pf-t--global--icon--color--200", "--pf-t--color--gray--50", "#707070" ] }, "c_nav__link_m_current__link_icon_Color": { "name": "--pf-v6-c-nav__link--m-current__link-icon--Color", "value": "#1f1f1f", "values": [ "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_nav__link_text_FontSize": { "name": "--pf-v6-c-nav__link-text--FontSize", "value": "initial" }, "c_nav__subnav_RowGap": { "name": "--pf-v6-c-nav__subnav--RowGap", "value": "3px", "values": [ "--pf-t--global--border--width--extra-strong", "--pf-t--global--border--width--300", "3px" ] }, "c_nav__subnav_PaddingBlockStart": { "name": "--pf-v6-c-nav__subnav--PaddingBlockStart", "value": "0.5rem", "values": [ "--pf-v6-c-nav__item--RowGap", "--pf-v6-c-nav__list--RowGap", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__subnav_PaddingBlockEnd": { "name": "--pf-v6-c-nav__subnav--PaddingBlockEnd", "value": "0.5rem", "values": [ "--pf-v6-c-nav__item--RowGap", "--pf-v6-c-nav__list--RowGap", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__subnav_PaddingInlineStart": { "name": "--pf-v6-c-nav__subnav--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav__subnav_TransitionDuration_expand": { "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand", "value": "200ms", "values": [ "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_nav__subnav_TransitionDuration_expand_slide": { "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide", "value": "0s" }, "c_nav__subnav_TransitionDuration_collapse": { "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse", "value": "100ms", "values": [ "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_nav__subnav_TransitionDuration_collapse_slide": { "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide", "value": "0s" }, "c_nav__subnav_TransitionTimingFunction_expand": { "name": "--pf-v6-c-nav__subnav--TransitionTimingFunction--expand", "value": "cubic-bezier(.4, 0, .2, 1)", "values": [ "--pf-t--global--motion--timing-function--default", "--pf-t--global--timing-function--200", "cubic-bezier(.4, 0, .2, 1)" ] }, "c_nav__subnav_TranslateY": { "name": "--pf-v6-c-nav__subnav--TranslateY", "value": "0" }, "c_nav__subnav_hidden_TranslateY": { "name": "--pf-v6-c-nav__subnav--hidden--TranslateY", "value": "0" }, "c_nav__scroll_button_BorderColor": { "name": "--pf-v6-c-nav__scroll-button--BorderColor", "value": "#e0e0e0", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_nav__scroll_button_BorderWidth": { "name": "--pf-v6-c-nav__scroll-button--BorderWidth", "value": "1px", "values": [ "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_nav__scroll_button_first_of_type_c_button_BorderStartStartRadius": { "name": "--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_nav__scroll_button_first_of_type_c_button_BorderEndStartRadius": { "name": "--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_nav__scroll_button_last_of_type_c_button_BorderStartEndRadius": { "name": "--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_nav__scroll_button_last_of_type_c_button_BorderEndEndRadius": { "name": "--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_nav__toggle_PaddingInlineStart": { "name": "--pf-v6-c-nav__toggle--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__toggle_PaddingInlineEnd": { "name": "--pf-v6-c-nav__toggle--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__toggle_TranslateY": { "name": "--pf-v6-c-nav__toggle--TranslateY", "value": "calc((1.5 * 0.875rem / 2) - 50%)", "values": [ "calc((--pf-v6-c-nav--LineHeight * --pf-v6-c-nav--FontSize / 2) - 50%)", "calc((--pf-t--global--font--line-height--body * --pf-t--global--font--size--body--default / 2) - 50%)", "calc((--pf-t--global--font--line-height--200 * --pf-t--global--font--size--sm / 2) - 50%)", "calc((1.5 * --pf-t--global--font--size--200 / 2) - 50%)", "calc((1.5 * 0.875rem / 2) - 50%)" ] }, "c_nav_m_horizontal__list_PaddingBlockStart": { "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart", "value": "0" }, "c_nav_m_horizontal__list_PaddingBlockEnd": { "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd", "value": "0" }, "c_nav_m_horizontal__list_PaddingInlineStart": { "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart", "value": "0" }, "c_nav_m_horizontal__list_PaddingInlineEnd": { "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd", "value": "0" }, "c_nav_m_horizontal_m_scrollable__list_PaddingInlineStart": { "name": "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart", "value": "0.25rem", "values": [ "--pf-v6-c-nav__list--ColumnGap", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal_m_scrollable__list_PaddingInlineEnd": { "name": "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd", "value": "0.25rem", "values": [ "--pf-v6-c-nav__list--ColumnGap", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal_m_subnav_BackgroundColor": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_nav_m_horizontal_m_subnav_BorderRadius": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius", "value": "999px", "values": [ "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_nav_m_horizontal_m_subnav_BorderWidth": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth", "value": "0px", "values": [ "--pf-t--global--border--width--high-contrast--regular", "0px" ] }, "c_nav_m_horizontal_m_subnav_BorderColor": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor", "value": "rgb(255, 255, 255, 0.0000)", "values": [ "--pf-t--global--border--color--high-contrast", "rgb(255, 255, 255, 0.0000)" ] }, "c_nav_m_horizontal_m_subnav__list_PaddingBlockStart": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart", "value": "0.25rem", "values": [ "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal_m_subnav__list_PaddingBlockEnd": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd", "value": "0.25rem", "values": [ "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal_m_subnav__list_PaddingInlineStart": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav_m_horizontal_m_subnav__list_PaddingInlineEnd": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav_m_horizontal_m_subnav_m_scrollable__list_PaddingInlineStart": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart", "value": "0.25rem", "values": [ "--pf-v6-c-nav__list--ColumnGap", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal_m_subnav_m_scrollable__list_PaddingInlineEnd": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd", "value": "0.25rem", "values": [ "--pf-v6-c-nav__list--ColumnGap", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal_m_subnav__link_PaddingBlockStart": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart", "value": "0.25rem", "values": [ "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal_m_subnav__link_PaddingBlockEnd": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd", "value": "0.25rem", "values": [ "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal_m_subnav__link_PaddingInlineStart": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav_m_horizontal_m_subnav__link_PaddingInlineEnd": { "name": "--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav_m_docked__list_RowGap": { "name": "--pf-v6-c-nav--m-docked__list--RowGap", "value": "0.25rem", "values": [ "--pf-t--global--spacer--gap--action-to-action--plain", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_docked__link_PaddingInlineStart": { "name": "--pf-v6-c-nav--m-docked__link--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav_m_docked__link_PaddingInlineEnd": { "name": "--pf-v6-c-nav--m-docked__link--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav_m_docked__link_hover_BackgroundColor": { "name": "--pf-v6-c-nav--m-docked__link--hover--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-t--global--background--color--action--plain--hover", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_nav_m_docked__link_m_current_BackgroundColor": { "name": "--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-t--global--background--color--action--plain--clicked", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] } }, ".pf-v6-c-nav.pf-m-inset": { "c_nav_PaddingInlineStart": { "name": "--pf-v6-c-nav--PaddingInlineStart", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav_PaddingInlineEnd": { "name": "--pf-v6-c-nav--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] } }, ".pf-v6-c-nav.pf-m-docked": { "c_nav_PaddingBlockStart": { "name": "--pf-v6-c-nav--PaddingBlockStart", "value": "0" }, "c_nav_PaddingBlockEnd": { "name": "--pf-v6-c-nav--PaddingBlockEnd", "value": "0" }, "c_nav__list_RowGap": { "name": "--pf-v6-c-nav__list--RowGap", "value": "0.25rem", "values": [ "--pf-v6-c-nav--m-docked__list--RowGap", "--pf-t--global--spacer--gap--action-to-action--plain", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav__link_PaddingInlineStart": { "name": "--pf-v6-c-nav__link--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-v6-c-nav--m-docked__link--PaddingInlineStart", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__link_PaddingInlineEnd": { "name": "--pf-v6-c-nav__link--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-v6-c-nav--m-docked__link--PaddingInlineEnd", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_nav__link_hover_BackgroundColor": { "name": "--pf-v6-c-nav__link--hover--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-v6-c-nav--m-docked__link--hover--BackgroundColor", "--pf-t--global--background--color--action--plain--hover", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] }, "c_nav__link_m_current_BackgroundColor": { "name": "--pf-v6-c-nav__link--m-current--BackgroundColor", "value": "rgb(199, 199, 199, 0.2500)", "values": [ "--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor", "--pf-t--global--background--color--action--plain--clicked", "--pf-t--global--background--color--600", "rgb(199, 199, 199, 0.2500)" ] } }, ".pf-v6-c-nav .pf-v6-c-menu": { "c_menu_MinWidth": { "name": "--pf-v6-c-menu--MinWidth", "value": "100%" } }, ".pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown": { "c_menu_PaddingBlockStart": { "name": "--pf-v6-c-menu--PaddingBlockStart", "value": "0" }, "c_menu_PaddingBlockEnd": { "name": "--pf-v6-c-menu--PaddingBlockEnd", "value": "0" }, "c_menu_BackgroundColor": { "name": "--pf-v6-c-menu--BackgroundColor", "value": "transparent", "values": [ "--pf-v6-c-nav--BackgroundColor", "transparent" ] }, "c_menu_BoxShadow": { "name": "--pf-v6-c-menu--BoxShadow", "value": "none" }, "c_menu__list_item_hover_BackgroundColor": { "name": "--pf-v6-c-menu__list-item--hover--BackgroundColor", "value": "#ffffff", "values": [ "--pf-v6-c-nav__link--hover--BackgroundColor", "--pf-t--global--background--color--action--plain--alt--hover", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] } }, ".pf-v6-c-nav__nav": { "c_nav__item_RowGap_row_offset": { "name": "--pf-v6-c-nav__item--RowGap--row-offset", "value": "calc(0.5rem / 2 * -1)", "values": [ "calc(--pf-v6-c-nav__list--RowGap / 2 * -1)", "calc(--pf-t--global--spacer--sm / 2 * -1)", "calc(--pf-t--global--spacer--200 / 2 * -1)", "calc(0.5rem / 2 * -1)" ] }, "c_nav__link_clickable_inset_Block": { "name": "--pf-v6-c-nav__link--clickable-inset--Block", "value": "calc(0.5rem / 2 * -1)", "values": [ "--pf-v6-c-nav__item--RowGap--row-offset", "calc(--pf-v6-c-nav__list--RowGap / 2 * -1)", "calc(--pf-t--global--spacer--sm / 2 * -1)", "calc(--pf-t--global--spacer--200 / 2 * -1)", "calc(0.5rem / 2 * -1)" ] }, "c_nav__button_RowGap_row_offset": { "name": "--pf-v6-c-nav__button--RowGap--row-offset", "value": "calc(0.5rem * -1)", "values": [ "calc(--pf-v6-c-nav__item--RowGap * -1)", "calc(--pf-v6-c-nav__list--RowGap * -1)", "calc(--pf-t--global--spacer--sm * -1)", "calc(--pf-t--global--spacer--200 * -1)", "calc(0.5rem * -1)" ] } }, ".pf-v6-c-nav__subnav": { "c_nav__list_RowGap": { "name": "--pf-v6-c-nav__list--RowGap", "value": "3px", "values": [ "--pf-v6-c-nav__subnav--RowGap", "--pf-t--global--border--width--extra-strong", "--pf-t--global--border--width--300", "3px" ] } }, ".pf-v6-c-nav__subnav[hidden]": { "c_nav__subnav_TransitionDelay_expand_focus": { "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus", "value": "200ms", "values": [ "--pf-v6-c-nav__subnav--TransitionDuration--expand", "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_nav__subnav_TransitionDuration_expand": { "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand", "value": "100ms", "values": [ "--pf-v6-c-nav__subnav--TransitionDuration--collapse", "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_nav__subnav_TransitionDuration_expand_slide": { "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide", "value": "0s", "values": [ "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide", "0s" ] }, "c_nav__subnav_PaddingBlockStart": { "name": "--pf-v6-c-nav__subnav--PaddingBlockStart", "value": "0" }, "c_nav__subnav_PaddingBlockEnd": { "name": "--pf-v6-c-nav__subnav--PaddingBlockEnd", "value": "0" }, "c_nav__subnav_TranslateY": { "name": "--pf-v6-c-nav__subnav--TranslateY", "value": "0", "values": [ "--pf-v6-c-nav__subnav--hidden--TranslateY", "0" ] } }, ".pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current)": { "c_nav__item_accent_ScaleY": { "name": "--pf-v6-c-nav__item--accent--ScaleY", "value": "1", "values": [ "--pf-v6-c-nav__item--current--accent--ScaleY", "1" ] }, "c_nav__item_accent_TransitionDuration": { "name": "--pf-v6-c-nav__item--accent--TransitionDuration", "value": "200ms", "values": [ "--pf-v6-c-nav__item--current--accent--TransitionDuration", "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] } }, ".pf-v6-c-nav__link:hover": { "c_nav__link_BorderWidth": { "name": "--pf-v6-c-nav__link--BorderWidth", "value": "0px", "values": [ "--pf-v6-c-nav__link--hover--BorderWidth", "--pf-t--global--border--width--action--plain--hover", "0px" ] } }, ".pf-v6-c-nav__link.pf-m-current": { "c_nav__link_icon_Color": { "name": "--pf-v6-c-nav__link-icon--Color", "value": "#1f1f1f", "values": [ "--pf-v6-c-nav__link--m-current__link-icon--Color", "--pf-t--global--icon--color--regular", "--pf-t--global--icon--color--100", "--pf-t--color--gray--90", "#1f1f1f" ] }, "c_nav__link_BorderWidth": { "name": "--pf-v6-c-nav__link--BorderWidth", "value": "0px", "values": [ "--pf-v6-c-nav__link--m-current--BorderWidth", "--pf-t--global--border--width--action--plain--clicked", "0px" ] } }, ".pf-v6-c-nav__item:where(.pf-m-flyout) .pf-v6-c-nav__toggle-icon": { "c_nav__item_m_expanded__toggle_icon_Rotate": { "name": "--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate", "value": "0" } }, ".pf-v6-c-nav__scroll-button:first-of-type .pf-v6-c-button": { "c_button_BorderStartStartRadius": { "name": "--pf-v6-c-button--BorderStartStartRadius", "value": "999px", "values": [ "--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius", "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_button_BorderEndStartRadius": { "name": "--pf-v6-c-button--BorderEndStartRadius", "value": "999px", "values": [ "--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius", "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] } }, ".pf-v6-c-nav__scroll-button:last-of-type .pf-v6-c-button": { "c_button_BorderStartEndRadius": { "name": "--pf-v6-c-button--BorderStartEndRadius", "value": "999px", "values": [ "--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius", "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] }, "c_button_BorderEndEndRadius": { "name": "--pf-v6-c-button--BorderEndEndRadius", "value": "999px", "values": [ "--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius", "--pf-t--global--border--radius--pill", "--pf-t--global--border--radius--500", "999px" ] } }, ".pf-v6-c-nav:where(.pf-m-horizontal)": { "c_nav__item_accent_content": { "name": "--pf-v6-c-nav__item--accent--content", "value": "none" } }, ".pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav": { "c_nav_BackgroundColor": { "name": "--pf-v6-c-nav--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor", "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_nav_m_horizontal__list_PaddingBlockStart": { "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart", "value": "0.25rem", "values": [ "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal__list_PaddingBlockEnd": { "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd", "value": "0.25rem", "values": [ "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal__list_PaddingInlineStart": { "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart", "value": "1rem", "values": [ "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav_m_horizontal__list_PaddingInlineEnd": { "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd", "value": "1rem", "values": [ "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd", "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_nav_m_horizontal_m_scrollable__list_PaddingInlineStart": { "name": "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart", "value": "0.25rem", "values": [ "--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart", "--pf-v6-c-nav__list--ColumnGap", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal_m_scrollable__list_PaddingInlineEnd": { "name": "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd", "value": "0.25rem", "values": [ "--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd", "--pf-v6-c-nav__list--ColumnGap", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav__link_PaddingBlockStart": { "name": "--pf-v6-c-nav__link--PaddingBlockStart", "value": "0.25rem", "values": [ "--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav__link_PaddingBlockEnd": { "name": "--pf-v6-c-nav__link--PaddingBlockEnd", "value": "0.25rem", "values": [ "--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] } }, ".pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable": { "c_nav_m_horizontal__list_PaddingInlineStart": { "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart", "value": "0.25rem", "values": [ "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart", "--pf-v6-c-nav__list--ColumnGap", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_nav_m_horizontal__list_PaddingInlineEnd": { "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd", "value": "0.25rem", "values": [ "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd", "--pf-v6-c-nav__list--ColumnGap", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] } } }; export default c_nav;