@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
118 lines • 4.04 kB
TypeScript
export const c_inline_edit: {
".pf-v6-c-inline-edit": {
"c_inline_edit__group_item_MarginInlineEnd": {
"name": "--pf-v6-c-inline-edit__group--item--MarginInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--action-to-action--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_inline_edit__action_c_button_m_valid_m_plain_Color": {
"name": "--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color",
"value": "#0066cc",
"values": [
"--pf-t--global--icon--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_inline_edit__action_c_button_m_valid_m_plain_hover_Color": {
"name": "--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color",
"value": "#004d99",
"values": [
"--pf-t--global--icon--color--brand--hover",
"--pf-t--global--color--brand--hover",
"--pf-t--global--color--brand--300",
"--pf-t--color--blue--60",
"#004d99"
]
},
"c_inline_edit__action_m_icon_group_item_MarginInlineEnd": {
"name": "--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--gap--action-to-action--plain",
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_inline_edit__group_m_footer_MarginBlockStart": {
"name": "--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_inline_edit__label_m_bold_FontWeight": {
"name": "--pf-v6-c-inline-edit__label--m-bold--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"500"
]
}
},
".pf-v6-c-inline-edit__group.pf-m-icon-group": {
"c_inline_edit__group_item_MarginInlineEnd": {
"name": "--pf-v6-c-inline-edit__group--item--MarginInlineEnd",
"value": "0.25rem",
"values": [
"--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd",
"--pf-t--global--spacer--gap--action-to-action--plain",
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
}
},
".pf-v6-c-inline-edit__group.pf-m-column": {
"c_inline_edit__group_item_MarginInlineEnd": {
"name": "--pf-v6-c-inline-edit__group--item--MarginInlineEnd",
"value": "0"
}
},
".pf-v6-c-inline-edit__group > :last-child": {
"c_inline_edit__group_item_MarginInlineEnd": {
"name": "--pf-v6-c-inline-edit__group--item--MarginInlineEnd",
"value": "0"
}
},
".pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain": {
"c_button_m_plain_Color": {
"name": "--pf-v6-c-button--m-plain--Color",
"value": "#0066cc",
"values": [
"--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color",
"--pf-t--global--icon--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
}
},
".pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover": {
"c_button_m_plain_Color": {
"name": "--pf-v6-c-button--m-plain--Color",
"value": "#004d99",
"values": [
"--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color",
"--pf-t--global--icon--color--brand--hover",
"--pf-t--global--color--brand--hover",
"--pf-t--global--color--brand--300",
"--pf-t--color--blue--60",
"#004d99"
]
}
}
};
export default c_inline_edit;