@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
1,316 lines • 42.3 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": "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;