@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
235 lines • 6.71 kB
TypeScript
export const c_list: {
".pf-v6-c-list": {
"c_list_PaddingInlineStart": {
"name": "--pf-v6-c-list--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_list_ul_ListStyle": {
"name": "--pf-v6-c-list--ul--ListStyle",
"value": "disc outside",
"values": [
"--pf-t--global--list-style",
"disc outside"
]
},
"c_list_Gap": {
"name": "--pf-v6-c-list--Gap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_list_nested_PaddingBlockStart": {
"name": "--pf-v6-c-list--nested--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-v6-c-list--Gap",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_list_m_plain_PaddingInlineStart": {
"name": "--pf-v6-c-list--m-plain--PaddingInlineStart",
"value": "0"
},
"c_list_m_inline_PaddingInlineStart": {
"name": "--pf-v6-c-list--m-inline--PaddingInlineStart",
"value": "0"
},
"c_list_m_inline_ColumnGap": {
"name": "--pf-v6-c-list--m-inline--ColumnGap",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_list_m_inline_RowGap": {
"name": "--pf-v6-c-list--m-inline--RowGap",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_list_m_bordered_li_PaddingBlockStart": {
"name": "--pf-v6-c-list--m-bordered--li--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-v6-c-list--Gap",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_list_m_bordered_li_BorderBlockStartColor": {
"name": "--pf-v6-c-list--m-bordered--li--BorderBlockStartColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_list_m_bordered_li_BorderBlockStartWidth": {
"name": "--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_list__item_icon_MinWidth": {
"name": "--pf-v6-c-list__item-icon--MinWidth",
"value": "0.75rem",
"values": [
"--pf-t--global--icon--size--sm",
"--pf-t--global--icon--size--100",
"0.75rem"
]
},
"c_list__item_icon_MarginBlockStart": {
"name": "--pf-v6-c-list__item-icon--MarginBlockStart",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_list__item_icon_MarginInlineEnd": {
"name": "--pf-v6-c-list__item-icon--MarginInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_list__item_icon_Color": {
"name": "--pf-v6-c-list__item-icon--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_list__item_icon_FontSize": {
"name": "--pf-v6-c-list__item-icon--FontSize",
"value": "0.75rem",
"values": [
"--pf-t--global--icon--size--sm",
"--pf-t--global--icon--size--100",
"0.75rem"
]
},
"c_list_m_icon_lg__item_icon_MinWidth": {
"name": "--pf-v6-c-list--m-icon-lg__item-icon--MinWidth",
"value": "1rem",
"values": [
"--pf-t--global--icon--size--lg",
"--pf-t--global--icon--size--250",
"1rem"
]
},
"c_list_m_icon_lg__item_icon_MarginInlineEnd": {
"name": "--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_list_m_icon_lg__item_icon_FontSize": {
"name": "--pf-v6-c-list--m-icon-lg__item-icon--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--icon--size--lg",
"--pf-t--global--icon--size--250",
"1rem"
]
}
},
".pf-v6-c-list.pf-m-icon-lg": {
"c_list__item_icon_MinWidth": {
"name": "--pf-v6-c-list__item-icon--MinWidth",
"value": "1rem",
"values": [
"--pf-v6-c-list--m-icon-lg__item-icon--MinWidth",
"--pf-t--global--icon--size--lg",
"--pf-t--global--icon--size--250",
"1rem"
]
},
"c_list__item_icon_MarginBlockStart": {
"name": "--pf-v6-c-list__item-icon--MarginBlockStart",
"value": "0"
},
"c_list__item_icon_MarginInlineEnd": {
"name": "--pf-v6-c-list__item-icon--MarginInlineEnd",
"value": "1rem",
"values": [
"--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_list__item_icon_FontSize": {
"name": "--pf-v6-c-list__item-icon--FontSize",
"value": "1rem",
"values": [
"--pf-v6-c-list--m-icon-lg__item-icon--FontSize",
"--pf-t--global--icon--size--lg",
"--pf-t--global--icon--size--250",
"1rem"
]
}
},
".pf-v6-c-list.pf-m-plain": {
"c_list_PaddingInlineStart": {
"name": "--pf-v6-c-list--PaddingInlineStart",
"value": "0",
"values": [
"--pf-v6-c-list--m-plain--PaddingInlineStart",
"0"
]
}
},
".pf-v6-c-list.pf-m-inline": {
"c_list_PaddingInlineStart": {
"name": "--pf-v6-c-list--PaddingInlineStart",
"value": "0",
"values": [
"--pf-v6-c-list--m-inline--PaddingInlineStart",
"0"
]
},
"c_list_Gap": {
"name": "--pf-v6-c-list--Gap",
"value": "0.25rem 1.5rem",
"values": [
"--pf-v6-c-list--m-inline--RowGap --pf-v6-c-list--m-inline--ColumnGap",
"--pf-t--global--spacer--xs --pf-t--global--spacer--lg",
"--pf-t--global--spacer--100 --pf-t--global--spacer--400",
"0.25rem 1.5rem"
]
}
}
};
export default c_list;