@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
725 lines • 28.1 kB
JavaScript
export const c_text_input_group = {
".pf-v6-c-text-input-group": {
"c_text_input_group_BackgroundColor": {
"name": "--pf-v6-c-text-input-group--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--control--default",
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_text_input_group_BorderColor": {
"name": "--pf-v6-c-text-input-group--BorderColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_text_input_group_m_success_BorderColor": {
"name": "--pf-v6-c-text-input-group--m-success--BorderColor",
"value": "#3d7317",
"values": [
"--pf-t--global--border--color--status--success--default",
"--pf-t--global--color--status--success--default",
"--pf-t--global--color--status--success--100",
"--pf-t--color--green--60",
"#3d7317"
]
},
"c_text_input_group_m_warning_BorderColor": {
"name": "--pf-v6-c-text-input-group--m-warning--BorderColor",
"value": "#dca614",
"values": [
"--pf-t--global--border--color--status--warning--default",
"--pf-t--global--color--status--warning--200",
"--pf-t--color--yellow--40",
"#dca614"
]
},
"c_text_input_group_m_error_BorderColor": {
"name": "--pf-v6-c-text-input-group--m-error--BorderColor",
"value": "#b1380b",
"values": [
"--pf-t--global--border--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
},
"c_text_input_group_BorderWidth": {
"name": "--pf-v6-c-text-input-group--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_text_input_group__LineHeight": {
"name": "--pf-v6-c-text-input-group__LineHeight",
"value": "1.5",
"values": [
"--pf-t--global--font--line-height--body",
"--pf-t--global--font--line-height--200",
"1.5"
]
},
"c_text_input_group__FontSize": {
"name": "--pf-v6-c-text-input-group__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_text_input_group_m_hover_BorderColor": {
"name": "--pf-v6-c-text-input-group--m-hover--BorderColor",
"value": "#4394e5",
"values": [
"--pf-t--global--border--color--hover",
"--pf-t--global--color--brand--100",
"--pf-t--color--blue--40",
"#4394e5"
]
},
"c_text_input_group_m_hover_m_success_BorderColor": {
"name": "--pf-v6-c-text-input-group--m-hover--m-success--BorderColor",
"value": "#204d00",
"values": [
"--pf-t--global--border--color--status--success--hover",
"--pf-t--global--color--status--success--hover",
"--pf-t--global--color--status--success--200",
"--pf-t--color--green--70",
"#204d00"
]
},
"c_text_input_group_m_hover_m_warning_BorderColor": {
"name": "--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor",
"value": "#b98412",
"values": [
"--pf-t--global--border--color--status--warning--hover",
"--pf-t--global--color--status--warning--300",
"--pf-t--color--yellow--50",
"#b98412"
]
},
"c_text_input_group_m_hover_m_error_BorderColor": {
"name": "--pf-v6-c-text-input-group--m-hover--m-error--BorderColor",
"value": "#731f00",
"values": [
"--pf-t--global--border--color--status--danger--hover",
"--pf-t--global--color--status--danger--hover",
"--pf-t--global--color--status--danger--200",
"--pf-t--color--red-orange--70",
"#731f00"
]
},
"c_text_input_group__main_first_child_not_text_input_MarginInlineStart": {
"name": "--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart",
"value": "calc(0.5rem / 2)",
"values": [
"calc(--pf-t--global--spacer--control--horizontal--plain / 2)",
"calc(--pf-t--global--spacer--sm / 2)",
"calc(--pf-t--global--spacer--200 / 2)",
"calc(0.5rem / 2)"
]
},
"c_text_input_group__main_m_icon__text_input_PaddingInlineStart": {
"name": "--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart",
"value": "calc(1rem + 0.875rem + 0.5rem)",
"values": [
"calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-text-input-group__icon--FontSize + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--spacer--300 + --pf-t--global--font--size--body--default + --pf-t--global--spacer--200)",
"calc(1rem + --pf-t--global--font--size--sm + 0.5rem)",
"calc(1rem + --pf-t--global--font--size--200 + 0.5rem)",
"calc(1rem + 0.875rem + 0.5rem)"
]
},
"c_text_input_group_status__text_input_PaddingInlineEnd": {
"name": "--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd",
"value": "calc(1rem + 0.875rem + 0.5rem)",
"values": [
"calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-text-input-group__icon--FontSize + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--spacer--300 + --pf-t--global--font--size--body--default + --pf-t--global--spacer--200)",
"calc(1rem + --pf-t--global--font--size--sm + 0.5rem)",
"calc(1rem + --pf-t--global--font--size--200 + 0.5rem)",
"calc(1rem + 0.875rem + 0.5rem)"
]
},
"c_text_input_group_utilities_status__text_input_PaddingInlineEnd": {
"name": "--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd",
"value": "calc(0.5rem + 0.875rem + 0.5rem)",
"values": [
"calc(--pf-t--global--spacer--sm + --pf-v6-c-text-input-group__icon--FontSize + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--spacer--200 + --pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--sm)",
"calc(0.5rem + --pf-t--global--font--size--body--default + --pf-t--global--spacer--200)",
"calc(0.5rem + --pf-t--global--font--size--sm + 0.5rem)",
"calc(0.5rem + --pf-t--global--font--size--200 + 0.5rem)",
"calc(0.5rem + 0.875rem + 0.5rem)"
]
},
"c_text_input_group__main_RowGap": {
"name": "--pf-v6-c-text-input-group__main--RowGap",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_text_input_group__main_ColumnGap": {
"name": "--pf-v6-c-text-input-group__main--ColumnGap",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_text_input_group__text_BorderRadius_base": {
"name": "--pf-v6-c-text-input-group__text--BorderRadius--base",
"value": "6px",
"values": [
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_text_input_group__text_BorderStartStartRadius": {
"name": "--pf-v6-c-text-input-group__text--BorderStartStartRadius",
"value": "6px",
"values": [
"--pf-v6-c-text-input-group__text--BorderRadius--base",
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_text_input_group__text_BorderStartEndRadius": {
"name": "--pf-v6-c-text-input-group__text--BorderStartEndRadius",
"value": "6px",
"values": [
"--pf-v6-c-text-input-group__text--BorderRadius--base",
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_text_input_group__text_BorderEndEndRadius": {
"name": "--pf-v6-c-text-input-group__text--BorderEndEndRadius",
"value": "6px",
"values": [
"--pf-v6-c-text-input-group__text--BorderRadius--base",
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_text_input_group__text_BorderEndStartRadius": {
"name": "--pf-v6-c-text-input-group__text--BorderEndStartRadius",
"value": "6px",
"values": [
"--pf-v6-c-text-input-group__text--BorderRadius--base",
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_text_input_group_c_label_group__main_PaddingBlockStart": {
"name": "--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart",
"value": "calc(0.5rem / 2)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--default / 2)",
"calc(--pf-t--global--spacer--sm / 2)",
"calc(--pf-t--global--spacer--200 / 2)",
"calc(0.5rem / 2)"
]
},
"c_text_input_group_c_label_group__main_PaddingInlineEnd": {
"name": "--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd",
"value": "calc(0.5rem / 2)",
"values": [
"calc(--pf-t--global--spacer--control--horizontal--plain / 2)",
"calc(--pf-t--global--spacer--sm / 2)",
"calc(--pf-t--global--spacer--200 / 2)",
"calc(0.5rem / 2)"
]
},
"c_text_input_group_c_label_group__main_PaddingBlockEnd": {
"name": "--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd",
"value": "calc(0.5rem / 2)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--default / 2)",
"calc(--pf-t--global--spacer--sm / 2)",
"calc(--pf-t--global--spacer--200 / 2)",
"calc(0.5rem / 2)"
]
},
"c_text_input_group__text_input_PaddingBlockStart": {
"name": "--pf-v6-c-text-input-group__text-input--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--control--vertical--default",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_text_input_group__text_input_PaddingInlineEnd": {
"name": "--pf-v6-c-text-input-group__text-input--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_text_input_group__text_input_PaddingBlockEnd": {
"name": "--pf-v6-c-text-input-group__text-input--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--control--vertical--default",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_text_input_group__text_input_PaddingInlineStart": {
"name": "--pf-v6-c-text-input-group__text-input--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_text_input_group__text_input_MinWidth": {
"name": "--pf-v6-c-text-input-group__text-input--MinWidth",
"value": "12ch"
},
"c_text_input_group__text_input_m_hint_Color": {
"name": "--pf-v6-c-text-input-group__text-input--m-hint--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--placeholder",
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_text_input_group__text_input_placeholder_Color": {
"name": "--pf-v6-c-text-input-group__text-input--placeholder--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--placeholder",
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_text_input_group__text_input_BackgroundColor": {
"name": "--pf-v6-c-text-input-group__text-input--BackgroundColor",
"value": "transparent"
},
"c_text_input_group__text_input_OutlineOffset": {
"name": "--pf-v6-c-text-input-group__text-input--OutlineOffset",
"value": "-6px"
},
"c_text_input_group__icon_FontSize": {
"name": "--pf-v6-c-text-input-group__icon--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--icon--size--font--body--default",
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_text_input_group__icon_InsetInlineStart": {
"name": "--pf-v6-c-text-input-group__icon--InsetInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_text_input_group__icon_m_status_InsetInlineEnd": {
"name": "--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_text_input_group_utilities_icon_m_status_InsetInlineEnd": {
"name": "--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_text_input_group__icon_Color": {
"name": "--pf-v6-c-text-input-group__icon--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_text_input_group_m_disabled__icon_Color": {
"name": "--pf-v6-c-text-input-group--m-disabled__icon--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--icon--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_text_input_group__icon_m_status_Color": {
"name": "--pf-v6-c-text-input-group__icon--m-status--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_text_input_group_m_disabled__icon_m_status_Color": {
"name": "--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--icon--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_text_input_group__main_m_success__icon_m_status_Color": {
"name": "--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color",
"value": "#3d7317",
"values": [
"--pf-t--global--icon--color--status--success--default",
"--pf-t--global--color--status--success--default",
"--pf-t--global--color--status--success--100",
"--pf-t--color--green--60",
"#3d7317"
]
},
"c_text_input_group__main_m_warning__icon_m_status_Color": {
"name": "--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color",
"value": "#dca614",
"values": [
"--pf-t--global--icon--color--status--warning--default",
"--pf-t--global--color--status--warning--200",
"--pf-t--color--yellow--40",
"#dca614"
]
},
"c_text_input_group__main_m_error__icon_m_status_Color": {
"name": "--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color",
"value": "#b1380b",
"values": [
"--pf-t--global--icon--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
},
"c_text_input_group__icon_TranslateY": {
"name": "--pf-v6-c-text-input-group__icon--TranslateY",
"value": "-50%"
},
"c_text_input_group__utilities_child_MarginInlineStart": {
"name": "--pf-v6-c-text-input-group__utilities--child--MarginInlineStart",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_text_input_group_m_disabled_Color": {
"name": "--pf-v6-c-text-input-group--m-disabled--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_text_input_group_m_disabled_BackgroundColor": {
"name": "--pf-v6-c-text-input-group--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-text-input-group.pf-m-disabled": {
"c_text_input_group_Color": {
"name": "--pf-v6-c-text-input-group--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-text-input-group--m-disabled--Color",
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_text_input_group__icon_Color": {
"name": "--pf-v6-c-text-input-group__icon--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-text-input-group--m-disabled__icon--Color",
"--pf-t--global--icon--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_text_input_group__icon_m_status_Color": {
"name": "--pf-v6-c-text-input-group__icon--m-status--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color",
"--pf-t--global--icon--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_text_input_group_BackgroundColor": {
"name": "--pf-v6-c-text-input-group--BackgroundColor",
"value": "#c7c7c7",
"values": [
"--pf-v6-c-text-input-group--m-disabled--BackgroundColor",
"--pf-t--global--background--color--disabled--default",
"--pf-t--global--color--disabled--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
}
},
".pf-v6-c-text-input-group.pf-m-plain": {
"c_text_input_group_BackgroundColor": {
"name": "--pf-v6-c-text-input-group--BackgroundColor",
"value": "transparent"
}
},
".pf-v6-c-text-input-group.pf-m-success": {
"c_text_input_group_BorderColor": {
"name": "--pf-v6-c-text-input-group--BorderColor",
"value": "#3d7317",
"values": [
"--pf-v6-c-text-input-group--m-success--BorderColor",
"--pf-t--global--border--color--status--success--default",
"--pf-t--global--color--status--success--default",
"--pf-t--global--color--status--success--100",
"--pf-t--color--green--60",
"#3d7317"
]
},
"c_text_input_group_m_hover_BorderColor": {
"name": "--pf-v6-c-text-input-group--m-hover--BorderColor",
"value": "#204d00",
"values": [
"--pf-v6-c-text-input-group--m-hover--m-success--BorderColor",
"--pf-t--global--border--color--status--success--hover",
"--pf-t--global--color--status--success--hover",
"--pf-t--global--color--status--success--200",
"--pf-t--color--green--70",
"#204d00"
]
},
"c_text_input_group__icon_m_status_Color": {
"name": "--pf-v6-c-text-input-group__icon--m-status--Color",
"value": "#3d7317",
"values": [
"--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color",
"--pf-t--global--icon--color--status--success--default",
"--pf-t--global--color--status--success--default",
"--pf-t--global--color--status--success--100",
"--pf-t--color--green--60",
"#3d7317"
]
}
},
".pf-v6-c-text-input-group.pf-m-warning": {
"c_text_input_group_BorderColor": {
"name": "--pf-v6-c-text-input-group--BorderColor",
"value": "#dca614",
"values": [
"--pf-v6-c-text-input-group--m-warning--BorderColor",
"--pf-t--global--border--color--status--warning--default",
"--pf-t--global--color--status--warning--200",
"--pf-t--color--yellow--40",
"#dca614"
]
},
"c_text_input_group_m_hover_BorderColor": {
"name": "--pf-v6-c-text-input-group--m-hover--BorderColor",
"value": "#b98412",
"values": [
"--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor",
"--pf-t--global--border--color--status--warning--hover",
"--pf-t--global--color--status--warning--300",
"--pf-t--color--yellow--50",
"#b98412"
]
},
"c_text_input_group__icon_m_status_Color": {
"name": "--pf-v6-c-text-input-group__icon--m-status--Color",
"value": "#dca614",
"values": [
"--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color",
"--pf-t--global--icon--color--status--warning--default",
"--pf-t--global--color--status--warning--200",
"--pf-t--color--yellow--40",
"#dca614"
]
}
},
".pf-v6-c-text-input-group.pf-m-error": {
"c_text_input_group_BorderColor": {
"name": "--pf-v6-c-text-input-group--BorderColor",
"value": "#b1380b",
"values": [
"--pf-v6-c-text-input-group--m-error--BorderColor",
"--pf-t--global--border--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
},
"c_text_input_group_m_hover_BorderColor": {
"name": "--pf-v6-c-text-input-group--m-hover--BorderColor",
"value": "#731f00",
"values": [
"--pf-v6-c-text-input-group--m-hover--m-error--BorderColor",
"--pf-t--global--border--color--status--danger--hover",
"--pf-t--global--color--status--danger--hover",
"--pf-t--global--color--status--danger--200",
"--pf-t--color--red-orange--70",
"#731f00"
]
},
"c_text_input_group__icon_m_status_Color": {
"name": "--pf-v6-c-text-input-group__icon--m-status--Color",
"value": "#b1380b",
"values": [
"--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color",
"--pf-t--global--icon--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
}
},
".pf-v6-c-text-input-group:hover": {
"c_text_input_group_BorderColor": {
"name": "--pf-v6-c-text-input-group--BorderColor",
"value": "#4394e5",
"values": [
"--pf-v6-c-text-input-group--m-hover--BorderColor",
"--pf-t--global--border--color--hover",
"--pf-t--global--color--brand--100",
"--pf-t--color--blue--40",
"#4394e5"
]
}
},
".pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error)": {
"c_text_input_group__text_input_PaddingInlineEnd": {
"name": "--pf-v6-c-text-input-group__text-input--PaddingInlineEnd",
"value": "calc(1rem + 0.875rem + 0.5rem)",
"values": [
"--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd",
"calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-text-input-group__icon--FontSize + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--spacer--300 + --pf-t--global--font--size--body--default + --pf-t--global--spacer--200)",
"calc(1rem + --pf-t--global--font--size--sm + 0.5rem)",
"calc(1rem + --pf-t--global--font--size--200 + 0.5rem)",
"calc(1rem + 0.875rem + 0.5rem)"
]
}
},
".pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities)": {
"c_text_input_group__icon_m_status_InsetInlineEnd": {
"name": "--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd",
"value": "0.5rem",
"values": [
"--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_text_input_group_status__text_input_PaddingInlineEnd": {
"name": "--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd",
"value": "calc(0.5rem + 0.875rem + 0.5rem)",
"values": [
"--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd",
"calc(--pf-t--global--spacer--sm + --pf-v6-c-text-input-group__icon--FontSize + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--spacer--200 + --pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--sm)",
"calc(0.5rem + --pf-t--global--font--size--body--default + --pf-t--global--spacer--200)",
"calc(0.5rem + --pf-t--global--font--size--sm + 0.5rem)",
"calc(0.5rem + --pf-t--global--font--size--200 + 0.5rem)",
"calc(0.5rem + 0.875rem + 0.5rem)"
]
}
},
".pf-v6-c-text-input-group__main.pf-m-icon": {
"c_text_input_group__text_Position": {
"name": "--pf-v6-c-text-input-group__text--Position",
"value": "relative"
},
"c_text_input_group__text_input_PaddingInlineStart": {
"name": "--pf-v6-c-text-input-group__text-input--PaddingInlineStart",
"value": "calc(1rem + 0.875rem + 0.5rem)",
"values": [
"--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart",
"calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-text-input-group__icon--FontSize + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--spacer--md + --pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--spacer--300 + --pf-t--global--font--size--body--default + --pf-t--global--spacer--200)",
"calc(1rem + --pf-t--global--font--size--sm + 0.5rem)",
"calc(1rem + --pf-t--global--font--size--200 + 0.5rem)",
"calc(1rem + 0.875rem + 0.5rem)"
]
}
}
};
export default c_text_input_group;