UNPKG

@patternfly/react-tokens

Version:

This library provides access to the design tokens of PatternFly 4 from JavaScript

590 lines 19.7 kB
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;