@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
880 lines • 27.8 kB
JavaScript
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": "500",
"values": [
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"500"
]
},
"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.5rem",
"values": [
"--pf-v6-c-nav__link--PaddingBlockStart",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_nav__section_title_PaddingBlockEnd": {
"name": "--pf-v6-c-nav__section-title--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-v6-c-nav__link--PaddingBlockEnd",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"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__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": "90deg"
},
"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--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_nav__link_BackgroundColor": {
"name": "--pf-v6-c-nav__link--BackgroundColor",
"value": "rgba(255, 255, 255, 0.0000)",
"values": [
"--pf-t--global--background--color--action--plain--default",
"rgba(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_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__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_PaddingInlineStart": {
"name": "--pf-v6-c-nav__subnav--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_nav__scroll_button_BorderColor": {
"name": "--pf-v6-c-nav__scroll-button--BorderColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"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__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"
]
}
},
".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-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__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"
]
}
},
".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).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;