package.dist.js.c_tabs.d.ts Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of react-tokens Show documentation
Show all versions of react-tokens Show documentation
This library provides access to the design tokens of PatternFly 4 from JavaScript
export const c_tabs: {
".pf-v5-c-tabs": {
"c_tabs_inset": {
"name": "--pf-v5-c-tabs--inset",
"value": "0"
},
"c_tabs_Width": {
"name": "--pf-v5-c-tabs--Width",
"value": "auto"
},
"c_tabs_before_BorderColor": {
"name": "--pf-v5-c-tabs--before--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs_before_border_width_base": {
"name": "--pf-v5-c-tabs--before--border-width--base",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs_before_BorderTopWidth": {
"name": "--pf-v5-c-tabs--before--BorderTopWidth",
"value": "0"
},
"c_tabs_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs--before--BorderRightWidth",
"value": "0"
},
"c_tabs_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs--before--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs--before--BorderLeftWidth",
"value": "0"
},
"c_tabs_m_vertical_inset": {
"name": "--pf-v5-c-tabs--m-vertical--inset",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_tabs_m_page_insets_inset": {
"name": "--pf-v5-c-tabs--m-page-insets--inset",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs_m_page_insets_xl_inset": {
"name": "--pf-v5-c-tabs--m-page-insets--xl--inset",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_tabs_m_vertical_Width": {
"name": "--pf-v5-c-tabs--m-vertical--Width",
"value": "100%"
},
"c_tabs_m_vertical_MaxWidth": {
"name": "--pf-v5-c-tabs--m-vertical--MaxWidth",
"value": "15.625rem"
},
"c_tabs_m_vertical_m_box_inset": {
"name": "--pf-v5-c-tabs--m-vertical--m-box--inset",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_tabs_m_vertical__list_before_BorderColor": {
"name": "--pf-v5-c-tabs--m-vertical__list--before--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-tabs--before--BorderColor",
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs_m_vertical__list_before_BorderTopWidth": {
"name": "--pf-v5-c-tabs--m-vertical__list--before--BorderTopWidth",
"value": "0"
},
"c_tabs_m_vertical__list_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth",
"value": "0"
},
"c_tabs_m_vertical__list_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs--m-vertical__list--before--BorderBottomWidth",
"value": "0"
},
"c_tabs_m_vertical__list_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs_m_box__item_m_current_first_child__link_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__link--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs_m_box__item_m_current_last_child__link_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs_m_color_scheme_light_300__link_BackgroundColor": {
"name": "--pf-v5-c-tabs--m-color-scheme--light-300__link--BackgroundColor",
"value": "transparent"
},
"c_tabs_m_color_scheme_light_300__item_m_current__link_BackgroundColor": {
"name": "--pf-v5-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BackgroundColor--light-300",
"$pf-v5-global--BackgroundColor--light-300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_tabs_m_color_scheme_light_300__link_disabled_BackgroundColor": {
"name": "--pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor",
"value": "#f5f5f5",
"values": [
"--pf-v5-global--palette--black-150",
"$pf-v5-color-black-150",
"#f5f5f5"
]
},
"c_tabs__list_Display": {
"name": "--pf-v5-c-tabs__list--Display",
"value": "flex"
},
"c_tabs__item_m_action_before_ZIndex": {
"name": "--pf-v5-c-tabs__item--m-action--before--ZIndex",
"value": "100",
"values": [
"--pf-v5-global--ZIndex--xs",
"$pf-v5-global--ZIndex--xs",
"100"
]
},
"c_tabs__link_Color": {
"name": "--pf-v5-c-tabs__link--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--200",
"$pf-v5-global--Color--200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_tabs__link_FontSize": {
"name": "--pf-v5-c-tabs__link--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_tabs__link_BackgroundColor": {
"name": "--pf-v5-c-tabs__link--BackgroundColor",
"value": "transparent"
},
"c_tabs__link_OutlineOffset": {
"name": "--pf-v5-c-tabs__link--OutlineOffset",
"value": "calc(-1 * 0.375rem)"
},
"c_tabs__link_PaddingTop": {
"name": "--pf-v5-c-tabs__link--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_tabs__link_PaddingRight": {
"name": "--pf-v5-c-tabs__link--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs__link_PaddingBottom": {
"name": "--pf-v5-c-tabs__link--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_tabs__link_PaddingLeft": {
"name": "--pf-v5-c-tabs__link--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs__link_disabled_Color": {
"name": "--pf-v5-c-tabs__link--disabled--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_tabs__link_disabled_BackgroundColor": {
"name": "--pf-v5-c-tabs__link--disabled--BackgroundColor",
"value": "#f5f5f5",
"values": [
"--pf-v5-global--palette--black-150",
"$pf-v5-color-black-150",
"#f5f5f5"
]
},
"c_tabs__item_m_current__link_Color": {
"name": "--pf-v5-c-tabs__item--m-current__link--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_tabs__item_m_current__link_BackgroundColor": {
"name": "--pf-v5-c-tabs__item--m-current__link--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_tabs_m_vertical__link_PaddingTop": {
"name": "--pf-v5-c-tabs--m-vertical__link--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs_m_vertical__link_PaddingBottom": {
"name": "--pf-v5-c-tabs--m-vertical__link--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs_m_box__link_BackgroundColor": {
"name": "--pf-v5-c-tabs--m-box__link--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_tabs_m_box__link_disabled_BackgroundColor": {
"name": "--pf-v5-c-tabs--m-box__link--disabled--BackgroundColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs_m_box__item_action_c_button_disabled_BackgroundColor": {
"name": "--pf-v5-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor",
"value": "#b8bbbe",
"values": [
"--pf-v5-global--palette--black-400",
"$pf-v5-color-black-400",
"#b8bbbe"
]
},
"c_tabs_m_secondary__link_FontSize": {
"name": "--pf-v5-c-tabs--m-secondary__link--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_tabs__item_m_action__link_PaddingRight": {
"name": "--pf-v5-c-tabs__item--m-action__link--PaddingRight",
"value": "0.25rem",
"values": [
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_tabs__link_before_border_color_base": {
"name": "--pf-v5-c-tabs__link--before--border-color--base",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs__link_before_border_width_base": {
"name": "--pf-v5-c-tabs__link--before--border-width--base",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__link_before_BorderTopColor": {
"name": "--pf-v5-c-tabs__link--before--BorderTopColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-tabs__link--before--border-color--base",
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs__link_before_BorderRightColor": {
"name": "--pf-v5-c-tabs__link--before--BorderRightColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-tabs__link--before--border-color--base",
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs__link_before_BorderBottomColor": {
"name": "--pf-v5-c-tabs__link--before--BorderBottomColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-tabs__link--before--border-color--base",
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs__link_before_BorderLeftColor": {
"name": "--pf-v5-c-tabs__link--before--BorderLeftColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-tabs__link--before--border-color--base",
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs__link_before_BorderTopWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderTopWidth",
"value": "0"
},
"c_tabs__link_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderRightWidth",
"value": "0"
},
"c_tabs__link_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderBottomWidth",
"value": "0"
},
"c_tabs__link_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderLeftWidth",
"value": "0"
},
"c_tabs__link_before_Left": {
"name": "--pf-v5-c-tabs__link--before--Left",
"value": "calc(1px * -1)",
"values": [
"calc(--pf-v5-c-tabs__link--before--border-width--base * -1)",
"calc(--pf-v5-global--BorderWidth--sm * -1)",
"calc($pf-v5-global--BorderWidth--sm * -1)",
"calc(1px * -1)"
]
},
"c_tabs__link_disabled_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs__link--disabled--before--BorderRightWidth",
"value": "0"
},
"c_tabs__link_disabled_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--disabled--before--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__link_disabled_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs__link--disabled--before--BorderLeftWidth",
"value": "0"
},
"c_tabs__link_after_Top": {
"name": "--pf-v5-c-tabs__link--after--Top",
"value": "auto"
},
"c_tabs__link_after_Right": {
"name": "--pf-v5-c-tabs__link--after--Right",
"value": "0"
},
"c_tabs__link_after_Bottom": {
"name": "--pf-v5-c-tabs__link--after--Bottom",
"value": "0"
},
"c_tabs__link_after_BorderColor": {
"name": "--pf-v5-c-tabs__link--after--BorderColor",
"value": "#b8bbbe",
"values": [
"--pf-v5-global--BorderColor--light-100",
"$pf-v5-global--BorderColor--light-100",
"$pf-v5-color-black-400",
"#b8bbbe"
]
},
"c_tabs__link_after_BorderWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderWidth",
"value": "0"
},
"c_tabs__link_after_BorderTopWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderTopWidth",
"value": "0"
},
"c_tabs__link_after_BorderRightWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderRightWidth",
"value": "0"
},
"c_tabs__link_after_BorderLeftWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderLeftWidth",
"value": "0"
},
"c_tabs__link_hover_after_BorderWidth": {
"name": "--pf-v5-c-tabs__link--hover--after--BorderWidth",
"value": "3px",
"values": [
"--pf-v5-global--BorderWidth--lg",
"$pf-v5-global--BorderWidth--lg",
"3px"
]
},
"c_tabs__link_focus_after_BorderWidth": {
"name": "--pf-v5-c-tabs__link--focus--after--BorderWidth",
"value": "3px",
"values": [
"--pf-v5-global--BorderWidth--lg",
"$pf-v5-global--BorderWidth--lg",
"3px"
]
},
"c_tabs__link_active_after_BorderWidth": {
"name": "--pf-v5-c-tabs__link--active--after--BorderWidth",
"value": "3px",
"values": [
"--pf-v5-global--BorderWidth--lg",
"$pf-v5-global--BorderWidth--lg",
"3px"
]
},
"c_tabs__item_m_current__link_after_BorderColor": {
"name": "--pf-v5-c-tabs__item--m-current__link--after--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_tabs__item_m_current__link_after_BorderWidth": {
"name": "--pf-v5-c-tabs__item--m-current__link--after--BorderWidth",
"value": "3px",
"values": [
"--pf-v5-global--BorderWidth--lg",
"$pf-v5-global--BorderWidth--lg",
"3px"
]
},
"c_tabs__link_child_MarginRight": {
"name": "--pf-v5-c-tabs__link--child--MarginRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs__scroll_button_Color": {
"name": "--pf-v5-c-tabs__scroll-button--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_tabs__scroll_button_hover_Color": {
"name": "--pf-v5-c-tabs__scroll-button--hover--Color",
"value": "#06c",
"values": [
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_tabs__scroll_button_disabled_Color": {
"name": "--pf-v5-c-tabs__scroll-button--disabled--Color",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs__scroll_button_BackgroundColor": {
"name": "--pf-v5-c-tabs__scroll-button--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_tabs__scroll_button_Width": {
"name": "--pf-v5-c-tabs__scroll-button--Width",
"value": "3rem",
"values": [
"--pf-v5-global--spacer--2xl",
"$pf-v5-global--spacer--2xl",
"pf-size-prem(48px)",
"3rem"
]
},
"c_tabs__scroll_button_xl_Width": {
"name": "--pf-v5-c-tabs__scroll-button--xl--Width",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_tabs__scroll_button_OutlineOffset": {
"name": "--pf-v5-c-tabs__scroll-button--OutlineOffset",
"value": "calc(-1 * 0.25rem)",
"values": [
"calc(-1 * --pf-v5-global--spacer--xs)",
"calc(-1 * $pf-v5-global--spacer--xs)",
"calc(-1 * pf-size-prem(4px))",
"calc(-1 * 0.25rem)"
]
},
"c_tabs__scroll_button_TransitionDuration_margin": {
"name": "--pf-v5-c-tabs__scroll-button--TransitionDuration--margin",
"value": ".125s"
},
"c_tabs__scroll_button_TransitionDuration_transform": {
"name": "--pf-v5-c-tabs__scroll-button--TransitionDuration--transform",
"value": ".125s"
},
"c_tabs__scroll_button_TransitionDuration_opacity": {
"name": "--pf-v5-c-tabs__scroll-button--TransitionDuration--opacity",
"value": ".125s"
},
"c_tabs__scroll_button_before_BorderColor": {
"name": "--pf-v5-c-tabs__scroll-button--before--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-tabs--before--BorderColor",
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs__scroll_button_before_border_width_base": {
"name": "--pf-v5-c-tabs__scroll-button--before--border-width--base",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__scroll_button_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs__scroll-button--before--BorderRightWidth",
"value": "0"
},
"c_tabs__scroll_button_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__scroll-button--before--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__scroll-button--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__scroll_button_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs__scroll-button--before--BorderLeftWidth",
"value": "0"
},
"c_tabs__list_ScrollSnapTypeAxis": {
"name": "--pf-v5-c-tabs__list--ScrollSnapTypeAxis",
"value": "x"
},
"c_tabs__list_ScrollSnapTypeStrictness": {
"name": "--pf-v5-c-tabs__list--ScrollSnapTypeStrictness",
"value": "proximity"
},
"c_tabs__list_ScrollSnapType": {
"name": "--pf-v5-c-tabs__list--ScrollSnapType",
"value": "x proximity",
"values": [
"--pf-v5-c-tabs__list--ScrollSnapTypeAxis --pf-v5-c-tabs__list--ScrollSnapTypeStrictness",
"x proximity"
]
},
"c_tabs__item_ScrollSnapAlign": {
"name": "--pf-v5-c-tabs__item--ScrollSnapAlign",
"value": "end"
},
"c_tabs_m_vertical__list_ScrollSnapTypeAxis": {
"name": "--pf-v5-c-tabs--m-vertical__list--ScrollSnapTypeAxis",
"value": "y"
},
"c_tabs__toggle_Display": {
"name": "--pf-v5-c-tabs__toggle--Display",
"value": "flex"
},
"c_tabs__toggle_MarginBottom": {
"name": "--pf-v5-c-tabs__toggle--MarginBottom",
"value": "0"
},
"c_tabs_m_expanded__toggle_MarginBottom": {
"name": "--pf-v5-c-tabs--m-expanded__toggle--MarginBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs__toggle_icon_Color": {
"name": "--pf-v5-c-tabs__toggle-icon--Color",
"value": "currentcolor"
},
"c_tabs__toggle_icon_Transition": {
"name": "--pf-v5-c-tabs__toggle-icon--Transition",
"value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
"values": [
"--pf-v5-global--Transition",
"$pf-v5-global--Transition",
"all 250ms cubic-bezier(.42, 0, .58, 1)"
]
},
"c_tabs__toggle_icon_Rotate": {
"name": "--pf-v5-c-tabs__toggle-icon--Rotate",
"value": "0"
},
"c_tabs__toggle_text_MarginLeft": {
"name": "--pf-v5-c-tabs__toggle-text--MarginLeft",
"value": "0"
},
"c_tabs__toggle_button__toggle_text_MarginLeft": {
"name": "--pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs__toggle_button__toggle_text_Color": {
"name": "--pf-v5-c-tabs__toggle-button__toggle-text--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_tabs__toggle_button_MarginTop": {
"name": "--pf-v5-c-tabs__toggle-button--MarginTop",
"value": "calc(-1 * 0.375rem)",
"values": [
"calc(-1 * --pf-v5-global--spacer--form-element)",
"calc(-1 * $pf-v5-global--spacer--form-element)",
"calc(-1 * pf-size-prem(6px))",
"calc(-1 * 0.375rem)"
]
},
"c_tabs__toggle_button_MarginBottom": {
"name": "--pf-v5-c-tabs__toggle-button--MarginBottom",
"value": "calc(-1 * 0.375rem)",
"values": [
"calc(-1 * --pf-v5-global--spacer--form-element)",
"calc(-1 * $pf-v5-global--spacer--form-element)",
"calc(-1 * pf-size-prem(6px))",
"calc(-1 * 0.375rem)"
]
},
"c_tabs__toggle_button_MarginLeft": {
"name": "--pf-v5-c-tabs__toggle-button--MarginLeft",
"value": "calc(-1 * 1rem)",
"values": [
"calc(-1 * --pf-v5-global--spacer--md)",
"calc(-1 * $pf-v5-global--spacer--md)",
"calc(-1 * pf-size-prem(16px))",
"calc(-1 * 1rem)"
]
},
"c_tabs_m_expanded__toggle_icon_Color": {
"name": "--pf-v5-c-tabs--m-expanded__toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_tabs_m_expanded__toggle_icon_Rotate": {
"name": "--pf-v5-c-tabs--m-expanded__toggle-icon--Rotate",
"value": "90deg"
},
"c_tabs__item_action_c_button_FontSize": {
"name": "--pf-v5-c-tabs__item-action--c-button--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-global--FontSize--xs",
"$pf-v5-global--FontSize--xs",
"pf-font-prem(12px)",
"0.75rem"
]
},
"c_tabs_m_secondary__item_action_c_button_FontSize": {
"name": "--pf-v5-c-tabs--m-secondary__item-action--c-button--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-global--icon--FontSize--sm",
"$pf-v5-global--icon--FontSize--sm",
"pf-font-prem(12px)",
"0.75rem"
]
},
"c_tabs__item_action_c_button_PaddingTop": {
"name": "--pf-v5-c-tabs__item-action--c-button--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_tabs__item_action_c_button_PaddingRight": {
"name": "--pf-v5-c-tabs__item-action--c-button--PaddingRight",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_tabs__item_action_c_button_PaddingBottom": {
"name": "--pf-v5-c-tabs__item-action--c-button--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_tabs__item_action_c_button_PaddingLeft": {
"name": "--pf-v5-c-tabs__item-action--c-button--PaddingLeft",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_tabs__item_action_last_child_c_button_PaddingRight": {
"name": "--pf-v5-c-tabs__item-action--last-child--c-button--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs__item_action_c_button_OutlineOffset": {
"name": "--pf-v5-c-tabs__item-action--c-button--OutlineOffset",
"value": "-0.1875rem"
},
"c_tabs__item_action_icon_MarginTop": {
"name": "--pf-v5-c-tabs__item-action-icon--MarginTop",
"value": "0.125rem"
},
"c_tabs__add_before_BorderColor": {
"name": "--pf-v5-c-tabs__add--before--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-tabs__link--before--border-color--base",
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs__add_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs__add--before--BorderLeftWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__link--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__add_c_button_FontSize": {
"name": "--pf-v5-c-tabs__add--c-button--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_tabs_m_secondary__add_c_button_FontSize": {
"name": "--pf-v5-c-tabs--m-secondary__add--c-button--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-global--FontSize--xs",
"$pf-v5-global--FontSize--xs",
"pf-font-prem(12px)",
"0.75rem"
]
},
"c_tabs__add_c_button_PaddingTop": {
"name": "--pf-v5-c-tabs__add--c-button--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-c-tabs__link--PaddingTop",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_tabs__add_c_button_PaddingBottom": {
"name": "--pf-v5-c-tabs__add--c-button--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-c-tabs__link--PaddingBottom",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_tabs__add_c_button_OutlineOffset": {
"name": "--pf-v5-c-tabs__add--c-button--OutlineOffset",
"value": "calc(-1 * 0.25rem)",
"values": [
"calc(-1 * --pf-v5-global--spacer--xs)",
"calc(-1 * $pf-v5-global--spacer--xs)",
"calc(-1 * pf-size-prem(4px))",
"calc(-1 * 0.25rem)"
]
},
"c_tabs__link_toggle_icon_Color": {
"name": "--pf-v5-c-tabs__link-toggle-icon--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--200",
"$pf-v5-global--Color--200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_tabs__link_toggle_icon_Transition": {
"name": "--pf-v5-c-tabs__link-toggle-icon--Transition",
"value": ".2s ease-in 0s"
},
"c_tabs__link_toggle_icon_Rotate": {
"name": "--pf-v5-c-tabs__link-toggle-icon--Rotate",
"value": "0"
},
"c_tabs__link_toggle_icon_FontSize": {
"name": "--pf-v5-c-tabs__link-toggle-icon--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_tabs__link_m_expanded__toggle_icon_Color": {
"name": "--pf-v5-c-tabs__link--m-expanded__toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_tabs__link_m_expanded__toggle_icon_Rotate": {
"name": "--pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate",
"value": "90deg"
},
"c_tabs__link_hover__toggle_icon_Color": {
"name": "--pf-v5-c-tabs__link--hover__toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_tabs__link_active__toggle_icon_Color": {
"name": "--pf-v5-c-tabs__link--active__toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_tabs__link_focus__toggle_icon_Color": {
"name": "--pf-v5-c-tabs__link--focus__toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-tabs.pf-m-fill .pf-v5-c-tabs__item:first-child": {
"c_tabs_m_box__item_m_current_first_child__link_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth",
"value": "0"
}
},
".pf-v5-c-tabs.pf-m-fill .pf-v5-c-tabs__item:last-child": {
"c_tabs_m_box__item_m_current_last_child__link_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth",
"value": "0"
}
},
".pf-v5-c-tabs.pf-m-no-border-bottom": {
"c_tabs_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs--before--BorderBottomWidth",
"value": "0"
},
"c_tabs__link_disabled_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--disabled--before--BorderBottomWidth",
"value": "0"
}
},
".pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link": {
"c_tabs__link_after_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderBottomWidth",
"value": "0"
},
"c_tabs__link_after_BorderTopWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderTopWidth",
"value": "0",
"values": [
"--pf-v5-c-tabs__link--after--BorderWidth",
"0"
]
}
},
".pf-v5-c-tabs.pf-m-box": {
"c_tabs__link_BackgroundColor": {
"name": "--pf-v5-c-tabs__link--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-tabs--m-box__link--BackgroundColor",
"--pf-v5-global--BackgroundColor--200",
"$pf-v5-global--BackgroundColor--200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_tabs__link_disabled_BackgroundColor": {
"name": "--pf-v5-c-tabs__link--disabled--BackgroundColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-tabs--m-box__link--disabled--BackgroundColor",
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs__link_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__link--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__link_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderRightWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__link--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__link_disabled_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs__link--disabled--before--BorderRightWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__link--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__link_after_Top": {
"name": "--pf-v5-c-tabs__link--after--Top",
"value": "0"
},
"c_tabs__link_after_Bottom": {
"name": "--pf-v5-c-tabs__link--after--Bottom",
"value": "auto"
}
},
".pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item:last-child": {
"c_tabs__link_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderRightWidth",
"value": "0"
}
},
".pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current": {
"c_tabs__link_BackgroundColor": {
"name": "--pf-v5-c-tabs__link--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-c-tabs__item--m-current__link--BackgroundColor",
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_tabs__link_before_BorderBottomColor": {
"name": "--pf-v5-c-tabs__link--before--BorderBottomColor",
"value": "#fff",
"values": [
"--pf-v5-c-tabs__link--BackgroundColor",
"--pf-v5-c-tabs__item--m-current__link--BackgroundColor",
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
}
},
".pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current + .pf-v5-c-tabs__item": {
"c_tabs__link_before_Left": {
"name": "--pf-v5-c-tabs__link--before--Left",
"value": "0"
}
},
".pf-v5-c-tabs.pf-m-box.pf-m-color-scheme--light-300": {
"c_tabs__link_BackgroundColor": {
"name": "--pf-v5-c-tabs__link--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-tabs--m-color-scheme--light-300__link--BackgroundColor",
"transparent"
]
},
"c_tabs__item_m_current__link_BackgroundColor": {
"name": "--pf-v5-c-tabs__item--m-current__link--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor",
"--pf-v5-global--BackgroundColor--light-300",
"$pf-v5-global--BackgroundColor--light-300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_tabs__link_disabled_BackgroundColor": {
"name": "--pf-v5-c-tabs__link--disabled--BackgroundColor",
"value": "#f5f5f5",
"values": [
"--pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor",
"--pf-v5-global--palette--black-150",
"$pf-v5-color-black-150",
"#f5f5f5"
]
}
},
".pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item-action .pf-v5-c-button": {
"c_button_m_plain_disabled_Color": {
"name": "--pf-v5-c-button--m-plain--disabled--Color",
"value": "#b8bbbe",
"values": [
"--pf-v5-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor",
"--pf-v5-global--palette--black-400",
"$pf-v5-color-black-400",
"#b8bbbe"
]
}
},
".pf-v5-c-tabs.pf-m-vertical": {
"c_tabs_Width": {
"name": "--pf-v5-c-tabs--Width",
"value": "100%",
"values": [
"--pf-v5-c-tabs--m-vertical--Width",
"100%"
]
},
"c_tabs_inset": {
"name": "--pf-v5-c-tabs--inset",
"value": "1.5rem",
"values": [
"--pf-v5-c-tabs--m-vertical--inset",
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_tabs_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs--before--BorderBottomWidth",
"value": "0"
},
"c_tabs__link_PaddingTop": {
"name": "--pf-v5-c-tabs__link--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-c-tabs--m-vertical__link--PaddingTop",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs__link_PaddingBottom": {
"name": "--pf-v5-c-tabs__link--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-c-tabs--m-vertical__link--PaddingBottom",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs__link_before_Left": {
"name": "--pf-v5-c-tabs__link--before--Left",
"value": "0"
},
"c_tabs__link_disabled_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--disabled--before--BorderBottomWidth",
"value": "0"
},
"c_tabs__link_disabled_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs__link--disabled--before--BorderLeftWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__link_after_Top": {
"name": "--pf-v5-c-tabs__link--after--Top",
"value": "0"
},
"c_tabs__link_after_Bottom": {
"name": "--pf-v5-c-tabs__link--after--Bottom",
"value": "0"
},
"c_tabs__link_after_Right": {
"name": "--pf-v5-c-tabs__link--after--Right",
"value": "auto"
},
"c_tabs__list_ScrollSnapTypeAxis": {
"name": "--pf-v5-c-tabs__list--ScrollSnapTypeAxis",
"value": "y",
"values": [
"--pf-v5-c-tabs--m-vertical__list--ScrollSnapTypeAxis",
"y"
]
}
},
".pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__link": {
"c_tabs__link_after_BorderTopWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderTopWidth",
"value": "0"
},
"c_tabs__link_after_BorderLeftWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderLeftWidth",
"value": "0",
"values": [
"--pf-v5-c-tabs__link--after--BorderWidth",
"0"
]
}
},
".pf-v5-c-tabs.pf-m-vertical.pf-m-expandable": {
"c_tabs__list_Display": {
"name": "--pf-v5-c-tabs__list--Display",
"value": "none"
},
"c_tabs__toggle_Display": {
"name": "--pf-v5-c-tabs__toggle--Display",
"value": "flex"
}
},
".pf-v5-c-tabs.pf-m-vertical.pf-m-non-expandable": {
"c_tabs__list_Display": {
"name": "--pf-v5-c-tabs__list--Display",
"value": "flex"
},
"c_tabs__toggle_Display": {
"name": "--pf-v5-c-tabs__toggle--Display",
"value": "none"
}
},
".pf-v5-c-tabs.pf-m-vertical.pf-m-expanded": {
"c_tabs__list_Display": {
"name": "--pf-v5-c-tabs__list--Display",
"value": "flex"
},
"c_tabs__toggle_MarginBottom": {
"name": "--pf-v5-c-tabs__toggle--MarginBottom",
"value": "1rem",
"values": [
"--pf-v5-c-tabs--m-expanded__toggle--MarginBottom",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs__toggle_icon_Color": {
"name": "--pf-v5-c-tabs__toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-c-tabs--m-expanded__toggle-icon--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_tabs__toggle_icon_Rotate": {
"name": "--pf-v5-c-tabs__toggle-icon--Rotate",
"value": "90deg",
"values": [
"--pf-v5-c-tabs--m-expanded__toggle-icon--Rotate",
"90deg"
]
}
},
".pf-v5-c-tabs.pf-m-box.pf-m-vertical": {
"c_tabs_inset": {
"name": "--pf-v5-c-tabs--inset",
"value": "2rem",
"values": [
"--pf-v5-c-tabs--m-vertical--m-box--inset",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_tabs_m_vertical__list_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth",
"value": "0"
},
"c_tabs_m_vertical__list_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__link_disabled_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs__link--disabled--before--BorderRightWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__link_disabled_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--disabled--before--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__link_disabled_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs__link--disabled--before--BorderLeftWidth",
"value": "0"
}
},
".pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:last-child": {
"c_tabs__link_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderBottomWidth",
"value": "0"
},
"c_tabs__link_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderRightWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__link--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
}
},
".pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current": {
"c_tabs__link_before_BorderRightColor": {
"name": "--pf-v5-c-tabs__link--before--BorderRightColor",
"value": "#fff",
"values": [
"--pf-v5-c-tabs__item--m-current__link--BackgroundColor",
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_tabs__link_before_BorderBottomColor": {
"name": "--pf-v5-c-tabs__link--before--BorderBottomColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-tabs__link--before--border-color--base",
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_tabs__link_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__link--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
}
},
".pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current:first-child": {
"c_tabs__link_before_BorderTopWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderTopWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__link--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
}
},
".pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:first-child.pf-m-current": {
"c_tabs__link_before_BorderTopWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderTopWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__link--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
}
},
".pf-v5-c-tabs.pf-m-secondary": {
"c_tabs__link_FontSize": {
"name": "--pf-v5-c-tabs__link--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-c-tabs--m-secondary__link--FontSize",
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_tabs__item_action_c_button_FontSize": {
"name": "--pf-v5-c-tabs__item-action--c-button--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-c-tabs--m-secondary__item-action--c-button--FontSize",
"--pf-v5-global--icon--FontSize--sm",
"$pf-v5-global--icon--FontSize--sm",
"pf-font-prem(12px)",
"0.75rem"
]
},
"c_tabs__add_c_button_FontSize": {
"name": "--pf-v5-c-tabs__add--c-button--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-c-tabs--m-secondary__add--c-button--FontSize",
"--pf-v5-global--FontSize--xs",
"$pf-v5-global--FontSize--xs",
"pf-font-prem(12px)",
"0.75rem"
]
}
},
".pf-v5-c-tabs.pf-m-page-insets": {
"c_tabs_inset": {
"name": "--pf-v5-c-tabs--inset",
"value": "1rem",
"values": [
"--pf-v5-c-tabs--m-page-insets--inset",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
}
},
".pf-v5-c-tabs__toggle-button": {
"c_tabs__toggle_text_MarginLeft": {
"name": "--pf-v5-c-tabs__toggle-text--MarginLeft",
"value": "1rem",
"values": [
"--pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs__toggle_text_Color": {
"name": "--pf-v5-c-tabs__toggle-text--Color",
"value": "#151515",
"values": [
"--pf-v5-c-tabs__toggle-button__toggle-text--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-tabs__item.pf-m-current": {
"c_tabs__link_Color": {
"name": "--pf-v5-c-tabs__link--Color",
"value": "#151515",
"values": [
"--pf-v5-c-tabs__item--m-current__link--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_tabs__link_after_BorderColor": {
"name": "--pf-v5-c-tabs__link--after--BorderColor",
"value": "#06c",
"values": [
"--pf-v5-c-tabs__item--m-current__link--after--BorderColor",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_tabs__link_after_BorderWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderWidth",
"value": "3px",
"values": [
"--pf-v5-c-tabs__item--m-current__link--after--BorderWidth",
"--pf-v5-global--BorderWidth--lg",
"$pf-v5-global--BorderWidth--lg",
"3px"
]
}
},
".pf-v5-c-tabs__item.pf-m-action": {
"c_tabs__link_PaddingRight": {
"name": "--pf-v5-c-tabs__link--PaddingRight",
"value": "0.25rem",
"values": [
"--pf-v5-c-tabs__item--m-action__link--PaddingRight",
"--pf-v5-global--spacer--xs",
"$pf-v5-global--spacer--xs",
"pf-size-prem(4px)",
"0.25rem"
]
},
"c_tabs__link_after_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderBottomWidth",
"value": "0",
"values": [
"--pf-v5-c-tabs__link--after--BorderWidth",
"0"
]
}
},
".pf-v5-c-tabs__item.pf-m-action:hover": {
"c_tabs__link_after_BorderWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderWidth",
"value": "3px",
"values": [
"--pf-v5-c-tabs__link--hover--after--BorderWidth",
"--pf-v5-global--BorderWidth--lg",
"$pf-v5-global--BorderWidth--lg",
"3px"
]
}
},
".pf-v5-c-tabs__item.pf-m-action:focus-within": {
"c_tabs__link_after_BorderWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderWidth",
"value": "3px",
"values": [
"--pf-v5-c-tabs__link--focus--after--BorderWidth",
"--pf-v5-global--BorderWidth--lg",
"$pf-v5-global--BorderWidth--lg",
"3px"
]
}
},
".pf-v5-c-tabs__item.pf-m-action:active": {
"c_tabs__link_after_BorderWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderWidth",
"value": "3px",
"values": [
"--pf-v5-c-tabs__link--active--after--BorderWidth",
"--pf-v5-global--BorderWidth--lg",
"$pf-v5-global--BorderWidth--lg",
"3px"
]
}
},
".pf-v5-c-tabs__link:hover": {
"c_tabs__link_toggle_icon_Color": {
"name": "--pf-v5-c-tabs__link-toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-c-tabs__link--hover__toggle-icon--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-tabs__link:focus": {
"c_tabs__link_toggle_icon_Color": {
"name": "--pf-v5-c-tabs__link-toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-c-tabs__link--focus__toggle-icon--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-tabs__link:active": {
"c_tabs__link_toggle_icon_Color": {
"name": "--pf-v5-c-tabs__link-toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-c-tabs__link--active__toggle-icon--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-tabs__item.pf-m-action.pf-m-disabled": {
"c_tabs__link_Color": {
"name": "--pf-v5-c-tabs__link--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-tabs__link--disabled--Color",
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_tabs__link_BackgroundColor": {
"name": "--pf-v5-c-tabs__link--BackgroundColor",
"value": "#f5f5f5",
"values": [
"--pf-v5-c-tabs__link--disabled--BackgroundColor",
"--pf-v5-global--palette--black-150",
"$pf-v5-color-black-150",
"#f5f5f5"
]
},
"c_tabs__link_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderRightWidth",
"value": "0",
"values": [
"--pf-v5-c-tabs__link--disabled--before--BorderRightWidth",
"0"
]
},
"c_tabs__link_before_BorderBottomWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__link--disabled--before--BorderBottomWidth",
"--pf-v5-c-tabs--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_tabs__link_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs__link--before--BorderLeftWidth",
"value": "0",
"values": [
"--pf-v5-c-tabs__link--disabled--before--BorderLeftWidth",
"0"
]
},
"c_tabs__link_after_BorderWidth": {
"name": "--pf-v5-c-tabs__link--after--BorderWidth",
"value": "0"
}
},
".pf-v5-c-tabs__link .pf-v5-c-tabs__item-icon:last-child": {
"c_tabs__link_child_MarginRight": {
"name": "--pf-v5-c-tabs__link--child--MarginRight",
"value": "0"
}
},
".pf-v5-c-tabs__link.pf-m-expanded": {
"c_tabs__link_toggle_icon_Color": {
"name": "--pf-v5-c-tabs__link-toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-c-tabs__link--m-expanded__toggle-icon--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_tabs__link_toggle_icon_Rotate": {
"name": "--pf-v5-c-tabs__link-toggle-icon--Rotate",
"value": "90deg",
"values": [
"--pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate",
"90deg"
]
}
},
".pf-v5-c-tabs__item-action .pf-v5-c-button": {
"c_button_FontSize": {
"name": "--pf-v5-c-button--FontSize",
"value": "0.75rem",
"values": [
"--pf-v5-c-tabs__item-action--c-button--FontSize",
"--pf-v5-global--FontSize--xs",
"$pf-v5-global--FontSize--xs",
"pf-font-prem(12px)",
"0.75rem"
]
},
"c_button_PaddingTop": {
"name": "--pf-v5-c-button--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-c-tabs__item-action--c-button--PaddingTop",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_button_PaddingRight": {
"name": "--pf-v5-c-button--PaddingRight",
"value": "0.5rem",
"values": [
"--pf-v5-c-tabs__item-action--c-button--PaddingRight",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_button_PaddingBottom": {
"name": "--pf-v5-c-button--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-c-tabs__item-action--c-button--PaddingBottom",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_button_PaddingLeft": {
"name": "--pf-v5-c-button--PaddingLeft",
"value": "0.5rem",
"values": [
"--pf-v5-c-tabs__item-action--c-button--PaddingLeft",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
}
},
".pf-v5-c-tabs__item-action:last-child": {
"c_tabs__item_action_c_button_PaddingRight": {
"name": "--pf-v5-c-tabs__item-action--c-button--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-c-tabs__item-action--last-child--c-button--PaddingRight",
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
}
},
".pf-v5-c-tabs__scroll-button:hover": {
"c_tabs__scroll_button_Color": {
"name": "--pf-v5-c-tabs__scroll-button--Color",
"value": "#06c",
"values": [
"--pf-v5-c-tabs__scroll-button--hover--Color",
"--pf-v5-global--active-color--100",
"$pf-v5-global--active-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-tabs__scroll-button:nth-of-type(1)": {
"c_tabs__scroll_button_before_BorderRightWidth": {
"name": "--pf-v5-c-tabs__scroll-button--before--BorderRightWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__scroll-button--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
}
},
".pf-v5-c-tabs__scroll-button:nth-of-type(2)": {
"c_tabs__scroll_button_before_BorderLeftWidth": {
"name": "--pf-v5-c-tabs__scroll-button--before--BorderLeftWidth",
"value": "1px",
"values": [
"--pf-v5-c-tabs__scroll-button--before--border-width--base",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
}
},
".pf-v5-c-tabs__scroll-button:disabled": {
"c_tabs__scroll_button_Color": {
"name": "--pf-v5-c-tabs__scroll-button--Color",
"value": "#d2d2d2",
"values": [
"--pf-v5-c-tabs__scroll-button--disabled--Color",
"--pf-v5-global--disabled-color--200",
"$pf-v5-global--disabled-color--200",
"$pf-v5-color-black-300",
"#d2d2d2"
]
}
},
".pf-v5-c-tabs__add .pf-v5-c-button": {
"c_button_FontSize": {
"name": "--pf-v5-c-button--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-c-tabs__add--c-button--FontSize",
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_button_PaddingTop": {
"name": "--pf-v5-c-button--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-c-tabs__add--c-button--PaddingTop",
"--pf-v5-c-tabs__link--PaddingTop",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_button_PaddingBottom": {
"name": "--pf-v5-c-button--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-c-tabs__add--c-button--PaddingBottom",
"--pf-v5-c-tabs__link--PaddingBottom",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
}
},
".pf-v5-c-tabs.pf-m-inset-none": {
"c_tabs_inset": {
"name": "--pf-v5-c-tabs--inset",
"value": "0"
},
"c_tabs_m_vertical_inset": {
"name": "--pf-v5-c-tabs--m-vertical--inset",
"value": "0"
},
"c_tabs_m_vertical_m_box_inset": {
"name": "--pf-v5-c-tabs--m-vertical--m-box--inset",
"value": "0"
}
},
".pf-v5-c-tabs.pf-m-inset-sm": {
"c_tabs_inset": {
"name": "--pf-v5-c-tabs--inset",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_tabs_m_vertical_inset": {
"name": "--pf-v5-c-tabs--m-vertical--inset",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_tabs_m_vertical_m_box_inset": {
"name": "--pf-v5-c-tabs--m-vertical--m-box--inset",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
}
},
".pf-v5-c-tabs.pf-m-inset-md": {
"c_tabs_inset": {
"name": "--pf-v5-c-tabs--inset",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs_m_vertical_inset": {
"name": "--pf-v5-c-tabs--m-vertical--inset",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_tabs_m_vertical_m_box_inset": {
"name": "--pf-v5-c-tabs--m-vertical--m-box--inset",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
}
},
".pf-v5-c-tabs.pf-m-inset-lg": {
"c_tabs_inset": {
"name": "--pf-v5-c-tabs--inset",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_tabs_m_vertical_inset": {
"name": "--pf-v5-c-tabs--m-vertical--inset",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_tabs_m_vertical_m_box_inset": {
"name": "--pf-v5-c-tabs--m-vertical--m-box--inset",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
}
},
".pf-v5-c-tabs.pf-m-inset-xl": {
"c_tabs_inset": {
"name": "--pf-v5-c-tabs--inset",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_tabs_m_vertical_inset": {
"name": "--pf-v5-c-tabs--m-vertical--inset",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_tabs_m_vertical_m_box_inset": {
"name": "--pf-v5-c-tabs--m-vertical--m-box--inset",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
}
},
".pf-v5-c-tabs.pf-m-inset-2xl": {
"c_tabs_inset": {
"name": "--pf-v5-c-tabs--inset",
"value": "3rem",
"values": [
"--pf-v5-global--spacer--2xl",
"$pf-v5-global--spacer--2xl",
"pf-size-prem(48px)",
"3rem"
]
},
"c_tabs_m_vertical_inset": {
"name": "--pf-v5-c-tabs--m-vertical--inset",
"value": "3rem",
"values": [
"--pf-v5-global--spacer--2xl",
"$pf-v5-global--spacer--2xl",
"pf-size-prem(48px)",
"3rem"
]
},
"c_tabs_m_vertical_m_box_inset": {
"name": "--pf-v5-c-tabs--m-vertical--m-box--inset",
"value": "3rem",
"values": [
"--pf-v5-global--spacer--2xl",
"$pf-v5-global--spacer--2xl",
"pf-size-prem(48px)",
"3rem"
]
}
}
};
export default c_tabs;© 2015 - 2025 Weber Informatics LLC | Privacy Policy