@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
233 lines • 7.64 kB
TypeScript
export const c_input_group: {
".pf-v6-c-input-group": {
"c_input_group_Gap": {
"name": "--pf-v6-c-input-group--Gap",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--gap--control-to-control--default",
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_input_group__item_offset": {
"name": "--pf-v6-c-input-group__item--offset",
"value": "1px",
"values": [
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_input_group__item_BorderWidth_base": {
"name": "--pf-v6-c-input-group__item--BorderWidth--base",
"value": "1px",
"values": [
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_input_group__item_BorderColor_base": {
"name": "--pf-v6-c-input-group__item--BorderColor--base",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_input_group__item_BackgroundColor": {
"name": "--pf-v6-c-input-group__item--BackgroundColor",
"value": "transparent"
},
"c_input_group__item_AlignItems": {
"name": "--pf-v6-c-input-group__item--AlignItems",
"value": "start"
},
"c_input_group__item_m_box_PaddingInlineEnd": {
"name": "--pf-v6-c-input-group__item--m-box--PaddingInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_input_group__item_m_box_PaddingInlineStart": {
"name": "--pf-v6-c-input-group__item--m-box--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_input_group__item_m_box_BackgroundColor": {
"name": "--pf-v6-c-input-group__item--m-box--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_input_group__item_m_box_BorderWidth": {
"name": "--pf-v6-c-input-group__item--m-box--BorderWidth",
"value": "1px",
"values": [
"--pf-v6-c-input-group__item--BorderWidth--base",
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_input_group__item_m_box_BorderRadius": {
"name": "--pf-v6-c-input-group__item--m-box--BorderRadius",
"value": "6px",
"values": [
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_input_group__item_m_box_BorderBlockStartColor": {
"name": "--pf-v6-c-input-group__item--m-box--BorderBlockStartColor",
"value": "#c7c7c7",
"values": [
"--pf-v6-c-input-group__item--BorderColor--base",
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_input_group__item_m_box_BorderInlineEndColor": {
"name": "--pf-v6-c-input-group__item--m-box--BorderInlineEndColor",
"value": "#c7c7c7",
"values": [
"--pf-v6-c-input-group__item--BorderColor--base",
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_input_group__item_m_box_BorderBlockEndColor": {
"name": "--pf-v6-c-input-group__item--m-box--BorderBlockEndColor",
"value": "#c7c7c7",
"values": [
"--pf-v6-c-input-group__item--BorderColor--base",
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_input_group__item_m_box_BorderInlineStartColor": {
"name": "--pf-v6-c-input-group__item--m-box--BorderInlineStartColor",
"value": "#c7c7c7",
"values": [
"--pf-v6-c-input-group__item--BorderColor--base",
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_input_group__item_m_plain_BackgroundColor": {
"name": "--pf-v6-c-input-group__item--m-plain--BackgroundColor",
"value": "transparent"
},
"c_input_group__text_FontSize": {
"name": "--pf-v6-c-input-group__text--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_input_group__text_Color": {
"name": "--pf-v6-c-input-group__text--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_input_group__item_m_disabled__text_Color": {
"name": "--pf-v6-c-input-group__item--m-disabled__text--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_input_group__item_m_disabled_BackgroundColor": {
"name": "--pf-v6-c-input-group__item--m-disabled--BackgroundColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--background--color--disabled--default",
"--pf-t--global--color--disabled--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
}
},
".pf-v6-c-input-group__item.pf-m-box": {
"c_input_group__item_BackgroundColor": {
"name": "--pf-v6-c-input-group__item--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-v6-c-input-group__item--m-box--BackgroundColor",
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
}
},
".pf-v6-c-input-group__item.pf-m-plain": {
"c_input_group__item_BackgroundColor": {
"name": "--pf-v6-c-input-group__item--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v6-c-input-group__item--m-plain--BackgroundColor",
"transparent"
]
}
},
".pf-v6-c-input-group__item.pf-m-disabled": {
"c_input_group__item_BackgroundColor": {
"name": "--pf-v6-c-input-group__item--BackgroundColor",
"value": "#c7c7c7",
"values": [
"--pf-v6-c-input-group__item--m-disabled--BackgroundColor",
"--pf-t--global--background--color--disabled--default",
"--pf-t--global--color--disabled--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_input_group__text_Color": {
"name": "--pf-v6-c-input-group__text--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-input-group__item--m-disabled__text--Color",
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
}
}
};
export default c_input_group;