@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
386 lines • 12.5 kB
JavaScript
export const c_tooltip = {
".pf-v6-c-tooltip": {
"c_tooltip_MaxWidth": {
"name": "--pf-v6-c-tooltip--MaxWidth",
"value": "18.75rem"
},
"c_tooltip_BoxShadow": {
"name": "--pf-v6-c-tooltip--BoxShadow",
"value": "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--md",
"--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
"0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_tooltip__content_PaddingBlockStart": {
"name": "--pf-v6-c-tooltip__content--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_tooltip__content_PaddingInlineEnd": {
"name": "--pf-v6-c-tooltip__content--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_tooltip__content_PaddingBlockEnd": {
"name": "--pf-v6-c-tooltip__content--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_tooltip__content_PaddingInlineStart": {
"name": "--pf-v6-c-tooltip__content--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_tooltip__content_Color": {
"name": "--pf-v6-c-tooltip__content--Color",
"value": "#ffffff",
"values": [
"--pf-t--global--text--color--inverse",
"--pf-t--global--text--color--300",
"--pf-t--color--white",
"#ffffff"
]
},
"c_tooltip__content_BackgroundColor": {
"name": "--pf-v6-c-tooltip__content--BackgroundColor",
"value": "#292929",
"values": [
"--pf-t--global--background--color--inverse--default",
"--pf-t--global--background--color--400",
"--pf-t--color--gray--80",
"#292929"
]
},
"c_tooltip__content_FontSize": {
"name": "--pf-v6-c-tooltip__content--FontSize",
"value": "0.75rem",
"values": [
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
},
"c_tooltip__content_BorderRadius": {
"name": "--pf-v6-c-tooltip__content--BorderRadius",
"value": "6px",
"values": [
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_tooltip__arrow_Width": {
"name": "--pf-v6-c-tooltip__arrow--Width",
"value": "0.9375rem"
},
"c_tooltip__arrow_Height": {
"name": "--pf-v6-c-tooltip__arrow--Height",
"value": "0.9375rem"
},
"c_tooltip__arrow_BackgroundColor": {
"name": "--pf-v6-c-tooltip__arrow--BackgroundColor",
"value": "#292929",
"values": [
"--pf-t--global--background--color--inverse--default",
"--pf-t--global--background--color--400",
"--pf-t--color--gray--80",
"#292929"
]
},
"c_tooltip__arrow_BoxShadow": {
"name": "--pf-v6-c-tooltip__arrow--BoxShadow",
"value": "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--md",
"--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
"0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_tooltip__arrow_m_top_TranslateX": {
"name": "--pf-v6-c-tooltip__arrow--m-top--TranslateX",
"value": "-50%"
},
"c_tooltip__arrow_m_top_TranslateY": {
"name": "--pf-v6-c-tooltip__arrow--m-top--TranslateY",
"value": "50%"
},
"c_tooltip__arrow_m_top_Rotate": {
"name": "--pf-v6-c-tooltip__arrow--m-top--Rotate",
"value": "45deg"
},
"c_tooltip__arrow_m_right_TranslateX": {
"name": "--pf-v6-c-tooltip__arrow--m-right--TranslateX",
"value": "-50%"
},
"c_tooltip__arrow_m_right_TranslateY": {
"name": "--pf-v6-c-tooltip__arrow--m-right--TranslateY",
"value": "-50%"
},
"c_tooltip__arrow_m_right_Rotate": {
"name": "--pf-v6-c-tooltip__arrow--m-right--Rotate",
"value": "45deg"
},
"c_tooltip__arrow_m_bottom_TranslateX": {
"name": "--pf-v6-c-tooltip__arrow--m-bottom--TranslateX",
"value": "-50%"
},
"c_tooltip__arrow_m_bottom_TranslateY": {
"name": "--pf-v6-c-tooltip__arrow--m-bottom--TranslateY",
"value": "-50%"
},
"c_tooltip__arrow_m_bottom_Rotate": {
"name": "--pf-v6-c-tooltip__arrow--m-bottom--Rotate",
"value": "45deg"
},
"c_tooltip__arrow_m_left_TranslateX": {
"name": "--pf-v6-c-tooltip__arrow--m-left--TranslateX",
"value": "50%"
},
"c_tooltip__arrow_m_left_TranslateY": {
"name": "--pf-v6-c-tooltip__arrow--m-left--TranslateY",
"value": "-50%"
},
"c_tooltip__arrow_m_left_Rotate": {
"name": "--pf-v6-c-tooltip__arrow--m-left--Rotate",
"value": "45deg"
}
},
".pf-v6-c-tooltip:is(.pf-m-top,\n.pf-m-top-left,\n.pf-m-top-right)": {
"c_tooltip__arrow_InsetBlockEnd": {
"name": "--pf-v6-c-tooltip__arrow--InsetBlockEnd",
"value": "undefined, 0",
"values": [
"var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0)",
"undefined, 0"
]
},
"c_tooltip__arrow_InsetInlineStart": {
"name": "--pf-v6-c-tooltip__arrow--InsetInlineStart",
"value": "undefined, 50%",
"values": [
"var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%)",
"undefined, 50%"
]
},
"c_tooltip__arrow_TranslateX": {
"name": "--pf-v6-c-tooltip__arrow--TranslateX",
"value": "-50%",
"values": [
"--pf-v6-c-tooltip__arrow--m-top--TranslateX",
"-50%"
]
},
"c_tooltip__arrow_TranslateY": {
"name": "--pf-v6-c-tooltip__arrow--TranslateY",
"value": "50%",
"values": [
"--pf-v6-c-tooltip__arrow--m-top--TranslateY",
"50%"
]
},
"c_tooltip__arrow_Rotate": {
"name": "--pf-v6-c-tooltip__arrow--Rotate",
"value": "45deg",
"values": [
"--pf-v6-c-tooltip__arrow--m-top--Rotate",
"45deg"
]
}
},
".pf-v6-c-tooltip:is(.pf-m-bottom,\n.pf-m-bottom-left,\n.pf-m-bottom-right)": {
"c_tooltip__arrow_InsetBlockStart": {
"name": "--pf-v6-c-tooltip__arrow--InsetBlockStart",
"value": "undefined, 0",
"values": [
"var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0)",
"undefined, 0"
]
},
"c_tooltip__arrow_InsetInlineStart": {
"name": "--pf-v6-c-tooltip__arrow--InsetInlineStart",
"value": "undefined, 50%",
"values": [
"var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%)",
"undefined, 50%"
]
},
"c_tooltip__arrow_TranslateX": {
"name": "--pf-v6-c-tooltip__arrow--TranslateX",
"value": "-50%",
"values": [
"--pf-v6-c-tooltip__arrow--m-bottom--TranslateX",
"-50%"
]
},
"c_tooltip__arrow_TranslateY": {
"name": "--pf-v6-c-tooltip__arrow--TranslateY",
"value": "-50%",
"values": [
"--pf-v6-c-tooltip__arrow--m-bottom--TranslateY",
"-50%"
]
},
"c_tooltip__arrow_Rotate": {
"name": "--pf-v6-c-tooltip__arrow--Rotate",
"value": "45deg",
"values": [
"--pf-v6-c-tooltip__arrow--m-bottom--Rotate",
"45deg"
]
}
},
".pf-v6-c-tooltip:is(.pf-m-left,\n.pf-m-left-top,\n.pf-m-left-bottom)": {
"c_tooltip__arrow_InsetBlockStart": {
"name": "--pf-v6-c-tooltip__arrow--InsetBlockStart",
"value": "undefined, 50%",
"values": [
"var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%)",
"undefined, 50%"
]
},
"c_tooltip__arrow_InsetInlineEnd": {
"name": "--pf-v6-c-tooltip__arrow--InsetInlineEnd",
"value": "undefined, 0",
"values": [
"var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0)",
"undefined, 0"
]
},
"c_tooltip__arrow_TranslateX": {
"name": "--pf-v6-c-tooltip__arrow--TranslateX",
"value": "50%",
"values": [
"--pf-v6-c-tooltip__arrow--m-left--TranslateX",
"50%"
]
},
"c_tooltip__arrow_TranslateY": {
"name": "--pf-v6-c-tooltip__arrow--TranslateY",
"value": "-50%",
"values": [
"--pf-v6-c-tooltip__arrow--m-left--TranslateY",
"-50%"
]
},
"c_tooltip__arrow_Rotate": {
"name": "--pf-v6-c-tooltip__arrow--Rotate",
"value": "45deg",
"values": [
"--pf-v6-c-tooltip__arrow--m-left--Rotate",
"45deg"
]
}
},
".pf-v6-c-tooltip:is(.pf-m-right,\n.pf-m-right-top,\n.pf-m-right-bottom)": {
"c_tooltip__arrow_InsetBlockStart": {
"name": "--pf-v6-c-tooltip__arrow--InsetBlockStart",
"value": "undefined, 50%",
"values": [
"var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%)",
"undefined, 50%"
]
},
"c_tooltip__arrow_InsetInlineStart": {
"name": "--pf-v6-c-tooltip__arrow--InsetInlineStart",
"value": "undefined, 0",
"values": [
"var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0)",
"undefined, 0"
]
},
"c_tooltip__arrow_TranslateX": {
"name": "--pf-v6-c-tooltip__arrow--TranslateX",
"value": "-50%",
"values": [
"--pf-v6-c-tooltip__arrow--m-right--TranslateX",
"-50%"
]
},
"c_tooltip__arrow_TranslateY": {
"name": "--pf-v6-c-tooltip__arrow--TranslateY",
"value": "-50%",
"values": [
"--pf-v6-c-tooltip__arrow--m-right--TranslateY",
"-50%"
]
},
"c_tooltip__arrow_Rotate": {
"name": "--pf-v6-c-tooltip__arrow--Rotate",
"value": "45deg",
"values": [
"--pf-v6-c-tooltip__arrow--m-right--Rotate",
"45deg"
]
}
},
".pf-v6-c-tooltip:is(.pf-m-left-top,\n.pf-m-right-top)": {
"c_tooltip__arrow_InsetBlockStart": {
"name": "--pf-v6-c-tooltip__arrow--InsetBlockStart",
"value": "0"
},
"c_tooltip__arrow_TranslateY": {
"name": "--pf-v6-c-tooltip__arrow--TranslateY",
"value": "50%",
"values": [
"--pf-v6-c-tooltip__arrow--m-top--TranslateY",
"50%"
]
}
},
".pf-v6-c-tooltip:is(.pf-m-left-bottom,\n.pf-m-right-bottom)": {
"c_tooltip__arrow_InsetBlockStart": {
"name": "--pf-v6-c-tooltip__arrow--InsetBlockStart",
"value": "auto"
},
"c_tooltip__arrow_InsetBlockEnd": {
"name": "--pf-v6-c-tooltip__arrow--InsetBlockEnd",
"value": "0"
}
},
".pf-v6-c-tooltip:is(.pf-m-top-left,\n.pf-m-bottom-left)": {
"c_tooltip__arrow_InsetInlineStart": {
"name": "--pf-v6-c-tooltip__arrow--InsetInlineStart",
"value": "0"
},
"c_tooltip__arrow_TranslateX": {
"name": "--pf-v6-c-tooltip__arrow--TranslateX",
"value": "50%",
"values": [
"--pf-v6-c-tooltip__arrow--m-left--TranslateX",
"50%"
]
}
},
".pf-v6-c-tooltip:is(.pf-m-top-right,\n.pf-m-bottom-right)": {
"c_tooltip__arrow_InsetInlineEnd": {
"name": "--pf-v6-c-tooltip__arrow--InsetInlineEnd",
"value": "0"
},
"c_tooltip__arrow_InsetInlineStart": {
"name": "--pf-v6-c-tooltip__arrow--InsetInlineStart",
"value": "auto"
}
}
};
export default c_tooltip;