@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
301 lines • 9.86 kB
TypeScript
export const c_simple_list: {
".pf-v6-c-simple-list": {
"c_simple_list__item_link_PaddingBlockStart": {
"name": "--pf-v6-c-simple-list__item-link--PaddingBlockStart",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_simple_list__item_link_PaddingInlineEnd": {
"name": "--pf-v6-c-simple-list__item-link--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_simple_list__item_link_PaddingBlockEnd": {
"name": "--pf-v6-c-simple-list__item-link--PaddingBlockEnd",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_simple_list__item_link_PaddingInlineStart": {
"name": "--pf-v6-c-simple-list__item-link--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_simple_list__item_link_BackgroundColor": {
"name": "--pf-v6-c-simple-list__item-link--BackgroundColor",
"value": "rgba(255, 255, 255, 0.0000)",
"values": [
"--pf-t--global--background--color--action--plain--default",
"rgba(255, 255, 255, 0.0000)"
]
},
"c_simple_list__item_link_Color": {
"name": "--pf-v6-c-simple-list__item-link--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_simple_list__item_link_FontSize": {
"name": "--pf-v6-c-simple-list__item-link--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_simple_list__item_link_m_current_Color": {
"name": "--pf-v6-c-simple-list__item-link--m-current--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_simple_list__item_link_m_current_BackgroundColor": {
"name": "--pf-v6-c-simple-list__item-link--m-current--BackgroundColor",
"value": "rgba(199, 199, 199, 0.2500)",
"values": [
"--pf-t--global--background--color--action--plain--clicked",
"--pf-t--global--background--color--600",
"rgba(199, 199, 199, 0.2500)"
]
},
"c_simple_list__item_link_hover_Color": {
"name": "--pf-v6-c-simple-list__item-link--hover--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_simple_list__item_link_hover_BackgroundColor": {
"name": "--pf-v6-c-simple-list__item-link--hover--BackgroundColor",
"value": "rgba(199, 199, 199, 0.2500)",
"values": [
"--pf-t--global--background--color--action--plain--hover",
"--pf-t--global--background--color--600",
"rgba(199, 199, 199, 0.2500)"
]
},
"c_simple_list__item_link_BorderRadius": {
"name": "--pf-v6-c-simple-list__item-link--BorderRadius",
"value": "4px",
"values": [
"--pf-t--global--border--radius--tiny",
"--pf-t--global--border--radius--100",
"4px"
]
},
"c_simple_list__item_link_m_link_Color": {
"name": "--pf-v6-c-simple-list__item-link--m-link--Color",
"value": "#0066cc",
"values": [
"--pf-t--global--text--color--link--default",
"--pf-t--global--text--color--link--100",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_simple_list__item_link_m_link_m_current_Color": {
"name": "--pf-v6-c-simple-list__item-link--m-link--m-current--Color",
"value": "#004d99",
"values": [
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_simple_list__item_link_m_link_hover_Color": {
"name": "--pf-v6-c-simple-list__item-link--m-link--hover--Color",
"value": "#004d99",
"values": [
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_simple_list__title_PaddingBlockStart": {
"name": "--pf-v6-c-simple-list__title--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_simple_list__title_PaddingInlineEnd": {
"name": "--pf-v6-c-simple-list__title--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_simple_list__title_PaddingBlockEnd": {
"name": "--pf-v6-c-simple-list__title--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_simple_list__title_PaddingInlineStart": {
"name": "--pf-v6-c-simple-list__title--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_simple_list__title_FontSize": {
"name": "--pf-v6-c-simple-list__title--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_simple_list__title_Color": {
"name": "--pf-v6-c-simple-list__title--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_simple_list__title_FontWeight": {
"name": "--pf-v6-c-simple-list__title--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"500"
]
},
"c_simple_list__section_section_MarginBlockStart": {
"name": "--pf-v6-c-simple-list__section--section--MarginBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
}
},
".pf-v6-c-simple-list__item-link.pf-m-link": {
"c_simple_list__item_link_Color": {
"name": "--pf-v6-c-simple-list__item-link--Color",
"value": "#0066cc",
"values": [
"--pf-v6-c-simple-list__item-link--m-link--Color",
"--pf-t--global--text--color--link--default",
"--pf-t--global--text--color--link--100",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_simple_list__item_link_hover_Color": {
"name": "--pf-v6-c-simple-list__item-link--hover--Color",
"value": "#004d99",
"values": [
"--pf-v6-c-simple-list__item-link--m-link--m-current--Color",
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_simple_list__item_link_m_current_Color": {
"name": "--pf-v6-c-simple-list__item-link--m-current--Color",
"value": "#004d99",
"values": [
"--pf-v6-c-simple-list__item-link--m-link--hover--Color",
"--pf-t--global--text--color--link--hover",
"--pf-t--global--text--color--link--200",
"--pf-t--color--blue--60",
"#004d99"
]
}
},
".pf-v6-c-simple-list__item-link:is(:hover, :focus)": {
"c_simple_list__item_link_BackgroundColor": {
"name": "--pf-v6-c-simple-list__item-link--BackgroundColor",
"value": "rgba(199, 199, 199, 0.2500)",
"values": [
"--pf-v6-c-simple-list__item-link--hover--BackgroundColor",
"--pf-t--global--background--color--action--plain--hover",
"--pf-t--global--background--color--600",
"rgba(199, 199, 199, 0.2500)"
]
},
"c_simple_list__item_link_Color": {
"name": "--pf-v6-c-simple-list__item-link--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-simple-list__item-link--hover--Color",
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
}
},
".pf-v6-c-simple-list__item-link.pf-m-current": {
"c_simple_list__item_link_BackgroundColor": {
"name": "--pf-v6-c-simple-list__item-link--BackgroundColor",
"value": "rgba(199, 199, 199, 0.2500)",
"values": [
"--pf-v6-c-simple-list__item-link--m-current--BackgroundColor",
"--pf-t--global--background--color--action--plain--clicked",
"--pf-t--global--background--color--600",
"rgba(199, 199, 199, 0.2500)"
]
},
"c_simple_list__item_link_Color": {
"name": "--pf-v6-c-simple-list__item-link--Color",
"value": "#151515",
"values": [
"--pf-v6-c-simple-list__item-link--m-current--Color",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
}
};
export default c_simple_list;