@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
590 lines • 19.7 kB
TypeScript
export const c_jump_links: {
".pf-v6-c-jump-links": {
"c_jump_links__list_Display": {
"name": "--pf-v6-c-jump-links__list--Display",
"value": "flex"
},
"c_jump_links__list_PaddingBlockStart": {
"name": "--pf-v6-c-jump-links__list--PaddingBlockStart",
"value": "0"
},
"c_jump_links__list_PaddingInlineEnd": {
"name": "--pf-v6-c-jump-links__list--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_jump_links__list_PaddingBlockEnd": {
"name": "--pf-v6-c-jump-links__list--PaddingBlockEnd",
"value": "0"
},
"c_jump_links__list_PaddingInlineStart": {
"name": "--pf-v6-c-jump-links__list--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_jump_links_m_vertical__list_PaddingBlockStart": {
"name": "--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_jump_links_m_vertical__list_PaddingInlineEnd": {
"name": "--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd",
"value": "0"
},
"c_jump_links_m_vertical__list_PaddingBlockEnd": {
"name": "--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_jump_links_m_vertical__list_PaddingInlineStart": {
"name": "--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart",
"value": "0"
},
"c_jump_links__list_FlexDirection": {
"name": "--pf-v6-c-jump-links__list--FlexDirection",
"value": "row"
},
"c_jump_links_m_vertical__list_FlexDirection": {
"name": "--pf-v6-c-jump-links--m-vertical__list--FlexDirection",
"value": "column"
},
"c_jump_links__list_before_BorderColor": {
"name": "--pf-v6-c-jump-links__list--before--BorderColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_jump_links__list_before_BorderBlockStartWidth": {
"name": "--pf-v6-c-jump-links__list--before--BorderBlockStartWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_jump_links__list_before_BorderInlineEndWidth": {
"name": "--pf-v6-c-jump-links__list--before--BorderInlineEndWidth",
"value": "0"
},
"c_jump_links__list_before_BorderBlockEndWidth": {
"name": "--pf-v6-c-jump-links__list--before--BorderBlockEndWidth",
"value": "0"
},
"c_jump_links__list_before_BorderInlineStartWidth": {
"name": "--pf-v6-c-jump-links__list--before--BorderInlineStartWidth",
"value": "0"
},
"c_jump_links_m_vertical__list_before_BorderInlineStartWidth": {
"name": "--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_jump_links_m_vertical__list_before_BorderBlockStartWidth": {
"name": "--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth",
"value": "0"
},
"c_jump_links__list__list_MarginBlockStart": {
"name": "--pf-v6-c-jump-links__list__list--MarginBlockStart",
"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_jump_links__link_PaddingBlockStart": {
"name": "--pf-v6-c-jump-links__link--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_jump_links__link_PaddingInlineEnd": {
"name": "--pf-v6-c-jump-links__link--PaddingInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_jump_links__link_PaddingBlockEnd": {
"name": "--pf-v6-c-jump-links__link--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_jump_links__link_PaddingInlineStart": {
"name": "--pf-v6-c-jump-links__link--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_jump_links__list__list__link_PaddingBlockStart": {
"name": "--pf-v6-c-jump-links__list__list__link--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_jump_links__list__list__link_PaddingInlineStart": {
"name": "--pf-v6-c-jump-links__list__list__link--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_jump_links__list__list__link_PaddingBlockEnd": {
"name": "--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_jump_links__link_OutlineOffset": {
"name": "--pf-v6-c-jump-links__link--OutlineOffset",
"value": "calc(-1 * 0.5rem)",
"values": [
"calc(-1 * --pf-t--global--spacer--sm)",
"calc(-1 * --pf-t--global--spacer--200)",
"calc(-1 * 0.5rem)"
]
},
"c_jump_links__link_before_BorderBlockStartWidth": {
"name": "--pf-v6-c-jump-links__link--before--BorderBlockStartWidth",
"value": "0"
},
"c_jump_links__link_before_BorderInlineEndWidth": {
"name": "--pf-v6-c-jump-links__link--before--BorderInlineEndWidth",
"value": "0"
},
"c_jump_links__link_before_BorderBlockEndWidth": {
"name": "--pf-v6-c-jump-links__link--before--BorderBlockEndWidth",
"value": "0"
},
"c_jump_links__link_before_BorderInlineStartWidth": {
"name": "--pf-v6-c-jump-links__link--before--BorderInlineStartWidth",
"value": "0"
},
"c_jump_links__link_before_BorderColor": {
"name": "--pf-v6-c-jump-links__link--before--BorderColor",
"value": "transparent"
},
"c_jump_links__item_m_current__link_before_BorderBlockStartWidth": {
"name": "--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth",
"value": "3px",
"values": [
"--pf-t--global--border--width--extra-strong",
"--pf-t--global--border--width--300",
"3px"
]
},
"c_jump_links__item_m_current__link_before_BorderInlineStartWidth": {
"name": "--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth",
"value": "0"
},
"c_jump_links__item_m_current__link_before_BorderColor": {
"name": "--pf-v6-c-jump-links__item--m-current__link--before--BorderColor",
"value": "#0066cc",
"values": [
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_jump_links_m_vertical__item_m_current__link_before_BorderBlockStartWidth": {
"name": "--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth",
"value": "0"
},
"c_jump_links_m_vertical__item_m_current__link_before_BorderInlineStartWidth": {
"name": "--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth",
"value": "3px",
"values": [
"--pf-t--global--border--width--extra-strong",
"--pf-t--global--border--width--300",
"3px"
]
},
"c_jump_links__link_text_Color": {
"name": "--pf-v6-c-jump-links__link-text--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_jump_links__link_hover__link_text_Color": {
"name": "--pf-v6-c-jump-links__link--hover__link-text--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_jump_links__item_m_current__link_text_Color": {
"name": "--pf-v6-c-jump-links__item--m-current__link-text--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_jump_links__label_MarginBlockEnd": {
"name": "--pf-v6-c-jump-links__label--MarginBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_jump_links__label_Display": {
"name": "--pf-v6-c-jump-links__label--Display",
"value": "block"
},
"c_jump_links__toggle_MarginBlockEnd": {
"name": "--pf-v6-c-jump-links__toggle--MarginBlockEnd",
"value": "0"
},
"c_jump_links_m_expanded__toggle_MarginBlockEnd": {
"name": "--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_jump_links__toggle_Display": {
"name": "--pf-v6-c-jump-links__toggle--Display",
"value": "none"
},
"c_jump_links__toggle_icon_Color": {
"name": "--pf-v6-c-jump-links__toggle-icon--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_jump_links__toggle_icon_TransitionDuration": {
"name": "--pf-v6-c-jump-links__toggle-icon--TransitionDuration",
"value": "200ms",
"values": [
"--pf-t--global--motion--duration--icon--long",
"--pf-t--global--motion--duration--md",
"--pf-t--global--duration--200",
"200ms"
]
},
"c_jump_links__toggle_icon_TransitionTimingFunction": {
"name": "--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction",
"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_jump_links__toggle_icon_Rotate": {
"name": "--pf-v6-c-jump-links__toggle-icon--Rotate",
"value": "0"
},
"c_jump_links_m_expanded__toggle_icon_Rotate": {
"name": "--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate",
"value": "90deg"
}
},
".pf-v6-c-jump-links.pf-m-vertical": {
"c_jump_links__list_PaddingBlockStart": {
"name": "--pf-v6-c-jump-links__list--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_jump_links__list_PaddingInlineEnd": {
"name": "--pf-v6-c-jump-links__list--PaddingInlineEnd",
"value": "0",
"values": [
"--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd",
"0"
]
},
"c_jump_links__list_PaddingBlockEnd": {
"name": "--pf-v6-c-jump-links__list--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_jump_links__list_PaddingInlineStart": {
"name": "--pf-v6-c-jump-links__list--PaddingInlineStart",
"value": "0",
"values": [
"--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart",
"0"
]
},
"c_jump_links__list_before_BorderBlockStartWidth": {
"name": "--pf-v6-c-jump-links__list--before--BorderBlockStartWidth",
"value": "0",
"values": [
"--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth",
"0"
]
},
"c_jump_links__list_before_BorderInlineStartWidth": {
"name": "--pf-v6-c-jump-links__list--before--BorderInlineStartWidth",
"value": "1px",
"values": [
"--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth",
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_jump_links__item_m_current__link_before_BorderBlockStartWidth": {
"name": "--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth",
"value": "0",
"values": [
"--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth",
"0"
]
},
"c_jump_links__item_m_current__link_before_BorderInlineStartWidth": {
"name": "--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth",
"value": "3px",
"values": [
"--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth",
"--pf-t--global--border--width--extra-strong",
"--pf-t--global--border--width--300",
"3px"
]
},
"c_jump_links__list_FlexDirection": {
"name": "--pf-v6-c-jump-links__list--FlexDirection",
"value": "column",
"values": [
"--pf-v6-c-jump-links--m-vertical__list--FlexDirection",
"column"
]
}
},
".pf-v6-c-jump-links.pf-m-expandable": {
"c_jump_links__list_Display": {
"name": "--pf-v6-c-jump-links__list--Display",
"value": "none"
},
"c_jump_links__toggle_Display": {
"name": "--pf-v6-c-jump-links__toggle--Display",
"value": "block"
},
"c_jump_links__label_Display": {
"name": "--pf-v6-c-jump-links__label--Display",
"value": "none"
}
},
".pf-v6-c-jump-links.pf-m-non-expandable": {
"c_jump_links__list_Display": {
"name": "--pf-v6-c-jump-links__list--Display",
"value": "flex"
},
"c_jump_links__toggle_Display": {
"name": "--pf-v6-c-jump-links__toggle--Display",
"value": "none"
},
"c_jump_links__label_Display": {
"name": "--pf-v6-c-jump-links__label--Display",
"value": "block"
}
},
".pf-v6-c-jump-links.pf-m-expanded": {
"c_jump_links__list_Display": {
"name": "--pf-v6-c-jump-links__list--Display",
"value": "flex"
},
"c_jump_links__toggle_MarginBlockEnd": {
"name": "--pf-v6-c-jump-links__toggle--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_jump_links__toggle_icon_Rotate": {
"name": "--pf-v6-c-jump-links__toggle-icon--Rotate",
"value": "90deg",
"values": [
"--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate",
"90deg"
]
},
"c_jump_links__toggle_icon_Color": {
"name": "--pf-v6-c-jump-links__toggle-icon--Color",
"value": "undefined",
"values": [
"--pf-v6-c-jump-links--m-expanded__toggle-icon--Color",
"undefined"
]
}
},
".pf-v6-c-jump-links__list .pf-v6-c-jump-links__list": {
"c_jump_links__list_PaddingBlockStart": {
"name": "--pf-v6-c-jump-links__list--PaddingBlockStart",
"value": "0"
},
"c_jump_links__list_PaddingBlockEnd": {
"name": "--pf-v6-c-jump-links__list--PaddingBlockEnd",
"value": "0"
},
"c_jump_links__link_PaddingBlockStart": {
"name": "--pf-v6-c-jump-links__link--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-v6-c-jump-links__list__list__link--PaddingBlockStart",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_jump_links__link_PaddingBlockEnd": {
"name": "--pf-v6-c-jump-links__link--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_jump_links__link_PaddingInlineStart": {
"name": "--pf-v6-c-jump-links__link--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-v6-c-jump-links__list__list__link--PaddingInlineStart",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
}
},
".pf-v6-c-jump-links__link:is(:hover, :focus)": {
"c_jump_links__link_text_Color": {
"name": "--pf-v6-c-jump-links__link-text--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-jump-links__link--hover__link-text--Color",
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
}
},
".pf-v6-c-jump-links__item": {
"c_jump_links__list_before_BorderColor": {
"name": "--pf-v6-c-jump-links__list--before--BorderColor",
"value": "transparent"
}
},
".pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link": {
"c_jump_links__link_before_BorderBlockStartWidth": {
"name": "--pf-v6-c-jump-links__link--before--BorderBlockStartWidth",
"value": "3px",
"values": [
"--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth",
"--pf-t--global--border--width--extra-strong",
"--pf-t--global--border--width--300",
"3px"
]
},
"c_jump_links__link_before_BorderInlineStartWidth": {
"name": "--pf-v6-c-jump-links__link--before--BorderInlineStartWidth",
"value": "0",
"values": [
"--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth",
"0"
]
},
"c_jump_links__link_before_BorderColor": {
"name": "--pf-v6-c-jump-links__link--before--BorderColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-jump-links__item--m-current__link--before--BorderColor",
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_jump_links__link_text_Color": {
"name": "--pf-v6-c-jump-links__link-text--Color",
"value": "#151515",
"values": [
"--pf-v6-c-jump-links__item--m-current__link-text--Color",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
}
};
export default c_jump_links;