@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
1,157 lines (1,156 loc) • 55.6 kB
JavaScript
export const c_form_control = {
".pf-v6-c-form-control": {
"c_form_control_ColumnGap": {
"name": "--pf-v6-c-form-control--ColumnGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--text-to-element--default",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_form_control_Color": {
"name": "--pf-v6-c-form-control--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_form_control_FontSize": {
"name": "--pf-v6-c-form-control--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_form_control_LineHeight": {
"name": "--pf-v6-c-form-control--LineHeight",
"value": "1.5",
"values": [
"--pf-t--global--font--line-height--body",
"--pf-t--global--font--line-height--200",
"1.5"
]
},
"c_form_control_Resize": {
"name": "--pf-v6-c-form-control--Resize",
"value": "none"
},
"c_form_control_OutlineOffset": {
"name": "--pf-v6-c-form-control--OutlineOffset",
"value": "-6px"
},
"c_form_control_BorderRadius": {
"name": "--pf-v6-c-form-control--BorderRadius",
"value": "6px",
"values": [
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_form_control_before_BorderWidth": {
"name": "--pf-v6-c-form-control--before--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form_control_before_BorderStyle": {
"name": "--pf-v6-c-form-control--before--BorderStyle",
"value": "solid"
},
"c_form_control_before_BorderColor": {
"name": "--pf-v6-c-form-control--before--BorderColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_form_control_before_BorderRadius": {
"name": "--pf-v6-c-form-control--before--BorderRadius",
"value": "6px",
"values": [
"--pf-v6-c-form-control--BorderRadius",
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_form_control_after_BorderWidth": {
"name": "--pf-v6-c-form-control--after--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form_control_after_BorderStyle": {
"name": "--pf-v6-c-form-control--after--BorderStyle",
"value": "solid"
},
"c_form_control_after_BorderColor": {
"name": "--pf-v6-c-form-control--after--BorderColor",
"value": "transparent"
},
"c_form_control_after_BorderRadius": {
"name": "--pf-v6-c-form-control--after--BorderRadius",
"value": "6px",
"values": [
"--pf-v6-c-form-control--BorderRadius",
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_form_control_BackgroundColor": {
"name": "--pf-v6-c-form-control--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_form_control_Width": {
"name": "--pf-v6-c-form-control--Width",
"value": "100%"
},
"c_form_control_inset_base": {
"name": "--pf-v6-c-form-control--inset--base",
"value": "1rem",
"values": [
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form_control_PaddingBlockStart": {
"name": "--pf-v6-c-form-control--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_form_control_PaddingBlockEnd": {
"name": "--pf-v6-c-form-control--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_form_control_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-v6-c-form-control--inset--base",
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form_control_PaddingInlineStart": {
"name": "--pf-v6-c-form-control--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-v6-c-form-control--inset--base",
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form_control_hover_after_BorderWidth": {
"name": "--pf-v6-c-form-control--hover--after--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--control--hover",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form_control_hover_after_BorderColor": {
"name": "--pf-v6-c-form-control--hover--after--BorderColor",
"value": "#4394e5",
"values": [
"--pf-t--global--border--color--hover",
"--pf-t--global--color--brand--100",
"--pf-t--color--blue--40",
"#4394e5"
]
},
"c_form_control_m_success_hover_after_BorderColor": {
"name": "--pf-v6-c-form-control--m-success--hover--after--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_form_control_m_warning_hover_after_BorderColor": {
"name": "--pf-v6-c-form-control--m-warning--hover--after--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_form_control_m_error_hover_after_BorderColor": {
"name": "--pf-v6-c-form-control--m-error--hover--after--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_form_control_m_expanded_after_BorderWidth": {
"name": "--pf-v6-c-form-control--m-expanded--after--BorderWidth",
"value": "2px",
"values": [
"--pf-t--global--border--width--control--clicked",
"--pf-t--global--border--width--200",
"2px"
]
},
"c_form_control_m_expanded_after_BorderColor": {
"name": "--pf-v6-c-form-control--m-expanded--after--BorderColor",
"value": "#0066cc",
"values": [
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_form_control_m_placeholder_Color": {
"name": "--pf-v6-c-form-control--m-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_form_control_m_placeholder_child_Color": {
"name": "--pf-v6-c-form-control--m-placeholder--child--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_form_control_m_disabled_Color": {
"name": "--pf-v6-c-form-control--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_form_control_m_disabled_BackgroundColor": {
"name": "--pf-v6-c-form-control--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"
]
},
"c_form_control_m_disabled_after_BorderColor": {
"name": "--pf-v6-c-form-control--m-disabled--after--BorderColor",
"value": "transparent"
},
"c_form_control_m_readonly_BackgroundColor": {
"name": "--pf-v6-c-form-control--m-readonly--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--control--read-only",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_form_control_m_readonly_BorderColor": {
"name": "--pf-v6-c-form-control--m-readonly--BorderColor",
"value": "#e0e0e0",
"values": [
"--pf-t--global--border--color--control--read-only",
"--pf-t--global--border--color--50",
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"c_form_control_m_readonly_hover_after_BorderColor": {
"name": "--pf-v6-c-form-control--m-readonly--hover--after--BorderColor",
"value": "revert"
},
"c_form_control_m_readonly_m_plain_BackgroundColor": {
"name": "--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor",
"value": "transparent"
},
"c_form_control_m_readonly_m_plain_BorderColor": {
"name": "--pf-v6-c-form-control--m-readonly--m-plain--BorderColor",
"value": "transparent"
},
"c_form_control_m_readonly_m_plain_inset_base": {
"name": "--pf-v6-c-form-control--m-readonly--m-plain--inset--base",
"value": "0"
},
"c_form_control_m_readonly_m_plain_OutlineOffset": {
"name": "--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset",
"value": "0"
},
"c_form_control_m_success_after_BorderWidth": {
"name": "--pf-v6-c-form-control--m-success--after--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form_control_m_success_after_BorderColor": {
"name": "--pf-v6-c-form-control--m-success--after--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_form_control_m_success_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--m-success--PaddingInlineEnd",
"value": "calc(0.875rem + 1rem + 0.5rem)",
"values": [
"calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
"calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
"calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
"calc(0.875rem + 1rem + 0.5rem)"
]
},
"c_form_control_m_warning_after_BorderWidth": {
"name": "--pf-v6-c-form-control--m-warning--after--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form_control_m_warning_after_BorderColor": {
"name": "--pf-v6-c-form-control--m-warning--after--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_form_control_m_warning_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--m-warning--PaddingInlineEnd",
"value": "calc(0.875rem + 1rem + 0.5rem)",
"values": [
"calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
"calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
"calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
"calc(0.875rem + 1rem + 0.5rem)"
]
},
"c_form_control_m_error_after_BorderWidth": {
"name": "--pf-v6-c-form-control--m-error--after--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form_control_m_error_after_BorderColor": {
"name": "--pf-v6-c-form-control--m-error--after--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_form_control_m_error_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--m-error--PaddingInlineEnd",
"value": "calc(0.875rem + 1rem + 0.5rem)",
"values": [
"calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
"calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
"calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
"calc(0.875rem + 1rem + 0.5rem)"
]
},
"c_form_control_m_error_icon_width": {
"name": "--pf-v6-c-form-control--m-error--icon--width",
"value": "0.875rem",
"values": [
"--pf-v6-c-form-control--FontSize",
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_form_control_m_icon_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--m-icon--PaddingInlineEnd",
"value": "calc(1rem + 0.875rem + calc(1rem / 2))",
"values": [
"calc(--pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--m-icon--icon--width + --pf-v6-c-form-control--m-icon--icon--spacer)",
"calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-form-control--FontSize + calc(--pf-t--global--spacer--control--horizontal--default / 2))",
"calc(--pf-t--global--spacer--md + --pf-t--global--font--size--body--default + calc(--pf-t--global--spacer--md / 2))",
"calc(--pf-t--global--spacer--300 + --pf-t--global--font--size--sm + calc(--pf-t--global--spacer--300 / 2))",
"calc(1rem + --pf-t--global--font--size--200 + calc(1rem / 2))",
"calc(1rem + 0.875rem + calc(1rem / 2))"
]
},
"c_form_control_m_icon_icon_width": {
"name": "--pf-v6-c-form-control--m-icon--icon--width",
"value": "0.875rem",
"values": [
"--pf-v6-c-form-control--FontSize",
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_form_control_m_icon_icon_spacer": {
"name": "--pf-v6-c-form-control--m-icon--icon--spacer",
"value": "calc(1rem / 2)",
"values": [
"calc(--pf-t--global--spacer--control--horizontal--default / 2)",
"calc(--pf-t--global--spacer--md / 2)",
"calc(--pf-t--global--spacer--300 / 2)",
"calc(1rem / 2)"
]
},
"c_form_control_m_icon_icon_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd",
"value": "calc(1rem + 0.875rem + calc(1rem / 2) + 0.875rem + calc(1rem / 2))",
"values": [
"calc(--pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--m-error--icon--width + --pf-v6-c-form-control--m-icon--icon--spacer + --pf-v6-c-form-control--m-icon--icon--width + --pf-v6-c-form-control--m-icon--icon--spacer)",
"calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-form-control--FontSize + calc(--pf-t--global--spacer--control--horizontal--default / 2) + --pf-v6-c-form-control--FontSize + calc(--pf-t--global--spacer--control--horizontal--default / 2))",
"calc(--pf-t--global--spacer--md + --pf-t--global--font--size--body--default + calc(--pf-t--global--spacer--md / 2) + --pf-t--global--font--size--body--default + calc(--pf-t--global--spacer--md / 2))",
"calc(--pf-t--global--spacer--300 + --pf-t--global--font--size--sm + calc(--pf-t--global--spacer--300 / 2) + --pf-t--global--font--size--sm + calc(--pf-t--global--spacer--300 / 2))",
"calc(1rem + --pf-t--global--font--size--200 + calc(1rem / 2) + --pf-t--global--font--size--200 + calc(1rem / 2))",
"calc(1rem + 0.875rem + calc(1rem / 2) + 0.875rem + calc(1rem / 2))"
]
},
"c_form_control__select_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control__select--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-v6-c-form-control--inset--base",
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form_control__select_PaddingInlineStart": {
"name": "--pf-v6-c-form-control__select--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-v6-c-form-control--inset--base",
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form_control__select_m_success_m_status_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd",
"value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
"values": [
"calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
"calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
"calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
"calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
"calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
"calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
]
},
"c_form_control__select_m_warning_m_status_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd",
"value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
"values": [
"calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
"calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
"calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
"calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
"calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
"calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
]
},
"c_form_control__select_m_error_m_status_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd",
"value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
"values": [
"calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
"calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
"calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
"calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
"calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
"calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
]
},
"c_form_control_textarea_Width": {
"name": "--pf-v6-c-form-control--textarea--Width",
"value": "100%",
"values": [
"--pf-v6-c-form-control--Width",
"100%"
]
},
"c_form_control_textarea_Height": {
"name": "--pf-v6-c-form-control--textarea--Height",
"value": "auto"
},
"c_form_control_textarea_PaddingBlockStart_offset": {
"name": "--pf-v6-c-form-control--textarea--PaddingBlockStart--offset",
"value": "calc(-1 * -6px)",
"values": [
"calc(-1 * --pf-v6-c-form-control--OutlineOffset)",
"calc(-1 * -6px)"
]
},
"c_form_control_textarea_PaddingBlockEnd_offset": {
"name": "--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset",
"value": "calc(-1 * -6px)",
"values": [
"calc(-1 * --pf-v6-c-form-control--OutlineOffset)",
"calc(-1 * -6px)"
]
},
"c_form_control_textarea_PaddingInlineEnd_offset": {
"name": "--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset",
"value": "calc(-1 * -6px)",
"values": [
"calc(-1 * --pf-v6-c-form-control--OutlineOffset)",
"calc(-1 * -6px)"
]
},
"c_form_control_textarea_PaddingInlineStart_offset": {
"name": "--pf-v6-c-form-control--textarea--PaddingInlineStart--offset",
"value": "calc(-1 * -6px)",
"values": [
"calc(-1 * --pf-v6-c-form-control--OutlineOffset)",
"calc(-1 * -6px)"
]
},
"c_form_control__icon_Color": {
"name": "--pf-v6-c-form-control__icon--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_form_control__icon_FontSize": {
"name": "--pf-v6-c-form-control__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_form_control__icon_m_status_Color": {
"name": "--pf-v6-c-form-control__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_form_control_m_success__icon_m_status_Color": {
"name": "--pf-v6-c-form-control--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_form_control_m_warning__icon_m_status_Color": {
"name": "--pf-v6-c-form-control--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_form_control_m_error__icon_m_status_Color": {
"name": "--pf-v6-c-form-control--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_form_control__utilities_Gap": {
"name": "--pf-v6-c-form-control__utilities--Gap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--group--horizontal",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form_control__utilities_PaddingBlockStart": {
"name": "--pf-v6-c-form-control__utilities--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_form_control__utilities_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control__utilities--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-v6-c-form-control--inset--base",
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form_control__toggle_icon_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-v6-c-form-control--inset--base",
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form_control__toggle_icon_PaddingInlineStart": {
"name": "--pf-v6-c-form-control__toggle-icon--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-v6-c-form-control--inset--base",
"--pf-t--global--spacer--control--horizontal--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form_control__toggle_icon_Color": {
"name": "--pf-v6-c-form-control__toggle-icon--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_form_control_m_disabled__toggle_icon_Color": {
"name": "--pf-v6-c-form-control--m-disabled__toggle-icon--Color",
"value": "#a3a3a3",
"values": [
"--pf-t--global--icon--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
}
},
".pf-v6-c-form-control.pf-m-textarea.pf-m-success": {
"c_form_control_m_status_PaddingInlineEnd_offset": {
"name": "--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset",
"value": "calc(0.875rem + 0.5rem)",
"values": [
"calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--ColumnGap)",
"calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--200)",
"calc(--pf-t--global--font--size--200 + 0.5rem)",
"calc(0.875rem + 0.5rem)"
]
}
},
".pf-v6-c-form-control.pf-m-readonly": {
"c_form_control_BackgroundColor": {
"name": "--pf-v6-c-form-control--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-v6-c-form-control--m-readonly--BackgroundColor",
"--pf-t--global--background--color--control--read-only",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_form_control_before_BorderColor": {
"name": "--pf-v6-c-form-control--before--BorderColor",
"value": "#e0e0e0",
"values": [
"--pf-v6-c-form-control--m-readonly--BorderColor",
"--pf-t--global--border--color--control--read-only",
"--pf-t--global--border--color--50",
"--pf-t--color--gray--20",
"#e0e0e0"
]
}
},
".pf-v6-c-form-control.pf-m-readonly:hover": {
"c_form_control_hover_after_BorderColor": {
"name": "--pf-v6-c-form-control--hover--after--BorderColor",
"value": "revert",
"values": [
"--pf-v6-c-form-control--m-readonly--hover--after--BorderColor",
"revert"
]
}
},
".pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error)": {
"c_form_control_hover_after_BorderColor": {
"name": "--pf-v6-c-form-control--hover--after--BorderColor",
"value": "revert",
"values": [
"--pf-v6-c-form-control--m-readonly--hover--after--BorderColor",
"revert"
]
}
},
".pf-v6-c-form-control.pf-m-readonly.pf-m-plain": {
"c_form_control_m_readonly_BackgroundColor": {
"name": "--pf-v6-c-form-control--m-readonly--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor",
"transparent"
]
},
"c_form_control_m_readonly_BorderColor": {
"name": "--pf-v6-c-form-control--m-readonly--BorderColor",
"value": "transparent",
"values": [
"--pf-v6-c-form-control--m-readonly--m-plain--BorderColor",
"transparent"
]
},
"c_form_control_inset_base": {
"name": "--pf-v6-c-form-control--inset--base",
"value": "0",
"values": [
"--pf-v6-c-form-control--m-readonly--m-plain--inset--base",
"0"
]
},
"c_form_control_before_BorderStyle": {
"name": "--pf-v6-c-form-control--before--BorderStyle",
"value": "none"
},
"c_form_control_after_BorderStyle": {
"name": "--pf-v6-c-form-control--after--BorderStyle",
"value": "none"
},
"c_form_control_OutlineOffset": {
"name": "--pf-v6-c-form-control--OutlineOffset",
"value": "0",
"values": [
"--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset",
"0"
]
}
},
".pf-v6-c-form-control.pf-m-expanded": {
"c_form_control_after_BorderColor": {
"name": "--pf-v6-c-form-control--after--BorderColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-form-control--m-expanded--after--BorderColor",
"--pf-t--global--border--color--clicked",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_form_control_after_BorderWidth": {
"name": "--pf-v6-c-form-control--after--BorderWidth",
"value": "2px",
"values": [
"--pf-v6-c-form-control--m-expanded--after--BorderWidth",
"--pf-t--global--border--width--control--clicked",
"--pf-t--global--border--width--200",
"2px"
]
}
},
".pf-v6-c-form-control.pf-m-disabled": {
"c_form_control_BackgroundColor": {
"name": "--pf-v6-c-form-control--BackgroundColor",
"value": "#c7c7c7",
"values": [
"--pf-v6-c-form-control--m-disabled--BackgroundColor",
"--pf-t--global--background--color--disabled--default",
"--pf-t--global--color--disabled--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_form_control_Color": {
"name": "--pf-v6-c-form-control--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-form-control--m-disabled--Color",
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_form_control_m_placeholder_Color": {
"name": "--pf-v6-c-form-control--m-placeholder--Color",
"value": "#4d4d4d",
"values": [
"--pf-v6-c-form-control--m-disabled--Color",
"--pf-t--global--text--color--on-disabled",
"--pf-t--global--color--disabled--300",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_form_control__toggle_icon_Color": {
"name": "--pf-v6-c-form-control__toggle-icon--Color",
"value": "#a3a3a3",
"values": [
"--pf-v6-c-form-control--m-disabled__toggle-icon--Color",
"--pf-t--global--icon--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_form_control_before_BorderStyle": {
"name": "--pf-v6-c-form-control--before--BorderStyle",
"value": "none"
},
"c_form_control_after_BorderStyle": {
"name": "--pf-v6-c-form-control--after--BorderStyle",
"value": "none"
}
},
".pf-v6-c-form-control.pf-m-error": {
"c_form_control_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--PaddingInlineEnd",
"value": "calc(0.875rem + 1rem + 0.5rem)",
"values": [
"--pf-v6-c-form-control--m-error--PaddingInlineEnd",
"calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
"calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
"calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
"calc(0.875rem + 1rem + 0.5rem)"
]
},
"c_form_control_after_BorderColor": {
"name": "--pf-v6-c-form-control--after--BorderColor",
"value": "#b1380b",
"values": [
"--pf-v6-c-form-control--m-error--after--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_form_control_hover_after_BorderColor": {
"name": "--pf-v6-c-form-control--hover--after--BorderColor",
"value": "#731f00",
"values": [
"--pf-v6-c-form-control--m-error--hover--after--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_form_control__icon_m_status_Color": {
"name": "--pf-v6-c-form-control__icon--m-status--Color",
"value": "#b1380b",
"values": [
"--pf-v6-c-form-control--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"
]
},
"c_form_control__select_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control__select--PaddingInlineEnd",
"value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
"values": [
"--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd",
"calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
"calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
"calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
"calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
"calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
"calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
]
},
"c_form_control_after_BorderWidth": {
"name": "--pf-v6-c-form-control--after--BorderWidth",
"value": "1px",
"values": [
"--pf-v6-c-form-control--m-error--after--BorderWidth",
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
}
},
".pf-v6-c-form-control.pf-m-error.pf-m-icon": {
"c_form_control_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--PaddingInlineEnd",
"value": "calc(1rem + 0.875rem + calc(1rem / 2) + 0.875rem + calc(1rem / 2))",
"values": [
"--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd",
"calc(--pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--m-error--icon--width + --pf-v6-c-form-control--m-icon--icon--spacer + --pf-v6-c-form-control--m-icon--icon--width + --pf-v6-c-form-control--m-icon--icon--spacer)",
"calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-form-control--FontSize + calc(--pf-t--global--spacer--control--horizontal--default / 2) + --pf-v6-c-form-control--FontSize + calc(--pf-t--global--spacer--control--horizontal--default / 2))",
"calc(--pf-t--global--spacer--md + --pf-t--global--font--size--body--default + calc(--pf-t--global--spacer--md / 2) + --pf-t--global--font--size--body--default + calc(--pf-t--global--spacer--md / 2))",
"calc(--pf-t--global--spacer--300 + --pf-t--global--font--size--sm + calc(--pf-t--global--spacer--300 / 2) + --pf-t--global--font--size--sm + calc(--pf-t--global--spacer--300 / 2))",
"calc(1rem + --pf-t--global--font--size--200 + calc(1rem / 2) + --pf-t--global--font--size--200 + calc(1rem / 2))",
"calc(1rem + 0.875rem + calc(1rem / 2) + 0.875rem + calc(1rem / 2))"
]
}
},
".pf-v6-c-form-control.pf-m-success": {
"c_form_control_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--PaddingInlineEnd",
"value": "calc(0.875rem + 1rem + 0.5rem)",
"values": [
"--pf-v6-c-form-control--m-success--PaddingInlineEnd",
"calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
"calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
"calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
"calc(0.875rem + 1rem + 0.5rem)"
]
},
"c_form_control_after_BorderColor": {
"name": "--pf-v6-c-form-control--after--BorderColor",
"value": "#3d7317",
"values": [
"--pf-v6-c-form-control--m-success--after--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_form_control_hover_after_BorderColor": {
"name": "--pf-v6-c-form-control--hover--after--BorderColor",
"value": "#204d00",
"values": [
"--pf-v6-c-form-control--m-success--hover--after--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_form_control__icon_m_status_Color": {
"name": "--pf-v6-c-form-control__icon--m-status--Color",
"value": "#3d7317",
"values": [
"--pf-v6-c-form-control--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"
]
},
"c_form_control__select_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control__select--PaddingInlineEnd",
"value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
"values": [
"--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd",
"calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
"calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
"calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
"calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
"calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
"calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
]
},
"c_form_control_after_BorderWidth": {
"name": "--pf-v6-c-form-control--after--BorderWidth",
"value": "1px",
"values": [
"--pf-v6-c-form-control--m-success--after--BorderWidth",
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
}
},
".pf-v6-c-form-control.pf-m-success.pf-m-icon": {
"c_form_control_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--PaddingInlineEnd",
"value": "calc(1rem + 0.875rem + calc(1rem / 2) + 0.875rem + calc(1rem / 2))",
"values": [
"--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd",
"calc(--pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--m-error--icon--width + --pf-v6-c-form-control--m-icon--icon--spacer + --pf-v6-c-form-control--m-icon--icon--width + --pf-v6-c-form-control--m-icon--icon--spacer)",
"calc(--pf-t--global--spacer--control--horizontal--default + --pf-v6-c-form-control--FontSize + calc(--pf-t--global--spacer--control--horizontal--default / 2) + --pf-v6-c-form-control--FontSize + calc(--pf-t--global--spacer--control--horizontal--default / 2))",
"calc(--pf-t--global--spacer--md + --pf-t--global--font--size--body--default + calc(--pf-t--global--spacer--md / 2) + --pf-t--global--font--size--body--default + calc(--pf-t--global--spacer--md / 2))",
"calc(--pf-t--global--spacer--300 + --pf-t--global--font--size--sm + calc(--pf-t--global--spacer--300 / 2) + --pf-t--global--font--size--sm + calc(--pf-t--global--spacer--300 / 2))",
"calc(1rem + --pf-t--global--font--size--200 + calc(1rem / 2) + --pf-t--global--font--size--200 + calc(1rem / 2))",
"calc(1rem + 0.875rem + calc(1rem / 2) + 0.875rem + calc(1rem / 2))"
]
}
},
".pf-v6-c-form-control.pf-m-warning": {
"c_form_control_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control--PaddingInlineEnd",
"value": "calc(0.875rem + 1rem + 0.5rem)",
"values": [
"--pf-v6-c-form-control--m-warning--PaddingInlineEnd",
"calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
"calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
"calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
"calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
"calc(0.875rem + 1rem + 0.5rem)"
]
},
"c_form_control_after_BorderColor": {
"name": "--pf-v6-c-form-control--after--BorderColor",
"value": "#dca614",
"values": [
"--pf-v6-c-form-control--m-warning--after--BorderColor",
"--pf-t--global--border--color--status--warning--default",
"--pf-t--global--color--status--warning--200",
"--pf-t--color--yellow--40",
"#dca614"
]
},
"c_form_control_hover_after_BorderColor": {
"name": "--pf-v6-c-form-control--hover--after--BorderColor",
"value": "#b98412",
"values": [
"--pf-v6-c-form-control--m-warning--hover--after--BorderColor",
"--pf-t--global--border--color--status--warning--hover",
"--pf-t--global--color--status--warning--300",
"--pf-t--color--yellow--50",
"#b98412"
]
},
"c_form_control__icon_m_status_Color": {
"name": "--pf-v6-c-form-control__icon--m-status--Color",
"value": "#dca614",
"values": [
"--pf-v6-c-form-control--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"
]
},
"c_form_control__select_PaddingInlineEnd": {
"name": "--pf-v6-c-form-control__select--PaddingInlineEnd",
"value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
"values": [
"--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd",
"calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
"calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
"calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
"calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
"calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
"calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
]
},
"c_form_control_after_BorderWidth": {
"name": "--pf-v6-c-form-control--after--BorderWidth",
"value": "1px",
"values": [
"--pf-v6-c-form-control--m-warning--after--BorderWidth",
"--pf-t--global--border--width--control--default",
"--pf-t--global--border--width--100",
"1px"
]
}
},