package.dist.esm.c_form_control.d.ts Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of react-tokens Show documentation
Show all versions of react-tokens Show documentation
This library provides access to the design tokens of PatternFly 4 from JavaScript
export const c_form_control: {
".pf-v5-c-form-control": {
"global_Color_100": {
"name": "--pf-v5-global--Color--100",
"value": "#151515",
"values": [
"--pf-v5-global--Color--dark-100",
"$pf-v5-global--Color--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"global_Color_200": {
"name": "--pf-v5-global--Color--200",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--dark-200",
"$pf-v5-global--Color--dark-200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"global_BorderColor_100": {
"name": "--pf-v5-global--BorderColor--100",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--dark-100",
"$pf-v5-global--BorderColor--dark-100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"global_primary_color_100": {
"name": "--pf-v5-global--primary-color--100",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--dark-100",
"$pf-v5-global--primary-color--dark-100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"global_link_Color": {
"name": "--pf-v5-global--link--Color",
"value": "#06c",
"values": [
"--pf-v5-global--link--Color--dark",
"$pf-v5-global--link--Color--dark",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"global_link_Color_hover": {
"name": "--pf-v5-global--link--Color--hover",
"value": "#004080",
"values": [
"--pf-v5-global--link--Color--dark--hover",
"$pf-v5-global--link--Color--dark--hover",
"$pf-v5-global--primary-color--200",
"$pf-v5-color-blue-500",
"#004080"
]
},
"global_BackgroundColor_100": {
"name": "--pf-v5-global--BackgroundColor--100",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--light-100",
"$pf-v5-global--BackgroundColor--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"global_icon_Color_light": {
"name": "--pf-v5-global--icon--Color--light",
"value": "#6a6e73",
"values": [
"--pf-v5-global--icon--Color--light--dark",
"$pf-v5-global--icon--Color--light--dark",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"global_icon_Color_dark": {
"name": "--pf-v5-global--icon--Color--dark",
"value": "#151515",
"values": [
"--pf-v5-global--icon--Color--dark--dark",
"$pf-v5-global--icon--Color--dark--dark",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_form_control_ColumnGap": {
"name": "--pf-v5-c-form-control--ColumnGap",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control_Color": {
"name": "--pf-v5-c-form-control--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_form_control_FontSize": {
"name": "--pf-v5-c-form-control--FontSize",
"value": "1rem",
"values": [
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_form_control_LineHeight": {
"name": "--pf-v5-c-form-control--LineHeight",
"value": "1.5",
"values": [
"--pf-v5-global--LineHeight--md",
"$pf-v5-global--LineHeight--md",
"1.5"
]
},
"c_form_control_Resize": {
"name": "--pf-v5-c-form-control--Resize",
"value": "none"
},
"c_form_control_OutlineOffset": {
"name": "--pf-v5-c-form-control--OutlineOffset",
"value": "-2px"
},
"c_form_control_before_BorderTopWidth": {
"name": "--pf-v5-c-form-control--before--BorderTopWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_form_control_before_BorderRightWidth": {
"name": "--pf-v5-c-form-control--before--BorderRightWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_form_control_before_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--before--BorderBottomWidth",
"value": "0"
},
"c_form_control_before_BorderLeftWidth": {
"name": "--pf-v5-c-form-control--before--BorderLeftWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_form_control_before_BorderTopColor": {
"name": "--pf-v5-c-form-control--before--BorderTopColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BorderColor--300",
"$pf-v5-global--BorderColor--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_form_control_before_BorderRightColor": {
"name": "--pf-v5-c-form-control--before--BorderRightColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BorderColor--300",
"$pf-v5-global--BorderColor--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_form_control_before_BorderBottomColor": {
"name": "--pf-v5-c-form-control--before--BorderBottomColor",
"value": "transparent"
},
"c_form_control_before_BorderLeftColor": {
"name": "--pf-v5-c-form-control--before--BorderLeftColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--BorderColor--300",
"$pf-v5-global--BorderColor--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_form_control_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--after--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_form_control_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--after--BorderBottomColor",
"value": "#8a8d90",
"values": [
"--pf-v5-global--BorderColor--200",
"$pf-v5-global--BorderColor--200",
"$pf-v5-color-black-500",
"#8a8d90"
]
},
"c_form_control_BackgroundColor": {
"name": "--pf-v5-c-form-control--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_form_control_Width": {
"name": "--pf-v5-c-form-control--Width",
"value": "100%"
},
"c_form_control_inset_base": {
"name": "--pf-v5-c-form-control--inset--base",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control_PaddingTop": {
"name": "--pf-v5-c-form-control--PaddingTop",
"value": "0.375rem",
"values": [
"--pf-v5-global--spacer--form-element",
"$pf-v5-global--spacer--form-element",
"pf-size-prem(6px)",
"0.375rem"
]
},
"c_form_control_PaddingBottom": {
"name": "--pf-v5-c-form-control--PaddingBottom",
"value": "0.375rem",
"values": [
"--pf-v5-global--spacer--form-element",
"$pf-v5-global--spacer--form-element",
"pf-size-prem(6px)",
"0.375rem"
]
},
"c_form_control_PaddingRight": {
"name": "--pf-v5-c-form-control--PaddingRight",
"value": "0.5rem",
"values": [
"--pf-v5-c-form-control--inset--base",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control_PaddingLeft": {
"name": "--pf-v5-c-form-control--PaddingLeft",
"value": "0.5rem",
"values": [
"--pf-v5-c-form-control--inset--base",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control_hover_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--hover--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_form_control_focus_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--focus--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_form_control_focus_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--focus--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_form_control_m_expanded_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--m-expanded--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_form_control_m_expanded_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--m-expanded--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_form_control_m_placeholder_Color": {
"name": "--pf-v5-c-form-control--m-placeholder--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--Color--dark-200",
"$pf-v5-global--Color--dark-200",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_form_control_m_placeholder_child_Color": {
"name": "--pf-v5-c-form-control--m-placeholder--child--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_form_control_m_disabled_Color": {
"name": "--pf-v5-c-form-control--m-disabled--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_form_control_m_disabled_BackgroundColor": {
"name": "--pf-v5-c-form-control--m-disabled--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--disabled-color--300",
"$pf-v5-global--disabled-color--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_form_control_m_disabled_after_BorderColor": {
"name": "--pf-v5-c-form-control--m-disabled--after--BorderColor",
"value": "transparent"
},
"c_form_control_m_readonly_BackgroundColor": {
"name": "--pf-v5-c-form-control--m-readonly--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--disabled-color--300",
"$pf-v5-global--disabled-color--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_form_control_m_readonly_hover_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor",
"value": "#8a8d90",
"values": [
"--pf-v5-global--BorderColor--200",
"$pf-v5-global--BorderColor--200",
"$pf-v5-color-black-500",
"#8a8d90"
]
},
"c_form_control_m_readonly_focus_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_form_control_m_readonly_focus_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor",
"value": "#8a8d90",
"values": [
"--pf-v5-global--BorderColor--200",
"$pf-v5-global--BorderColor--200",
"$pf-v5-color-black-500",
"#8a8d90"
]
},
"c_form_control_m_readonly_m_plain_BackgroundColor": {
"name": "--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor",
"value": "transparent"
},
"c_form_control_m_readonly_m_plain_inset_base": {
"name": "--pf-v5-c-form-control--m-readonly--m-plain--inset--base",
"value": "0"
},
"c_form_control_m_readonly_m_plain_OutlineOffset": {
"name": "--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset",
"value": "0"
},
"c_form_control_m_success_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--m-success--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_form_control_m_success_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--m-success--after--BorderBottomColor",
"value": "#3e8635",
"values": [
"--pf-v5-global--success-color--100",
"$pf-v5-global--success-color--100",
"$pf-v5-color-green-500",
"#3e8635"
]
},
"c_form_control_m_success_PaddingRight": {
"name": "--pf-v5-c-form-control--m-success--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_form_control_m_warning_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--m-warning--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_form_control_m_warning_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--m-warning--after--BorderBottomColor",
"value": "#f0ab00",
"values": [
"--pf-v5-global--warning-color--100",
"$pf-v5-global--warning-color--100",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_form_control_m_warning_PaddingRight": {
"name": "--pf-v5-c-form-control--m-warning--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_form_control_m_error_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--m-error--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
},
"c_form_control_m_error_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--m-error--after--BorderBottomColor",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_form_control_m_error_PaddingRight": {
"name": "--pf-v5-c-form-control--m-error--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_form_control_m_error_icon_width": {
"name": "--pf-v5-c-form-control--m-error--icon--width",
"value": "1rem",
"values": [
"--pf-v5-c-form-control--FontSize",
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_form_control_m_icon_PaddingRight": {
"name": "--pf-v5-c-form-control--m-icon--PaddingRight",
"value": "calc(0.5rem + 1rem + 0.5rem)",
"values": [
"calc(--pf-v5-c-form-control--inset--base + --pf-v5-c-form-control--m-icon--icon--width + --pf-v5-c-form-control--m-icon--icon--spacer)",
"calc(--pf-v5-global--spacer--sm + --pf-v5-c-form-control--FontSize + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + --pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + $pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(8px) + pf-font-prem(16px) + pf-size-prem(8px))",
"calc(0.5rem + 1rem + 0.5rem)"
]
},
"c_form_control_m_icon_icon_width": {
"name": "--pf-v5-c-form-control--m-icon--icon--width",
"value": "1rem",
"values": [
"--pf-v5-c-form-control--FontSize",
"--pf-v5-global--FontSize--md",
"$pf-v5-global--FontSize--md",
"pf-font-prem(16px)",
"1rem"
]
},
"c_form_control_m_icon_icon_spacer": {
"name": "--pf-v5-c-form-control--m-icon--icon--spacer",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control_m_icon_icon_PaddingRight": {
"name": "--pf-v5-c-form-control--m-icon--icon--PaddingRight",
"value": "calc(0.5rem + 1rem + 0.5rem + 1rem + 0.5rem)",
"values": [
"calc(--pf-v5-c-form-control--inset--base + --pf-v5-c-form-control--m-error--icon--width + --pf-v5-c-form-control--m-icon--icon--spacer + --pf-v5-c-form-control--m-icon--icon--width + --pf-v5-c-form-control--m-icon--icon--spacer)",
"calc(--pf-v5-global--spacer--sm + --pf-v5-c-form-control--FontSize + --pf-v5-global--spacer--sm + --pf-v5-c-form-control--FontSize + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + --pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm + --pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + $pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm + $pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(8px) + pf-font-prem(16px) + pf-size-prem(8px) + pf-font-prem(16px) + pf-size-prem(8px))",
"calc(0.5rem + 1rem + 0.5rem + 1rem + 0.5rem)"
]
},
"c_form_control__select_PaddingRight": {
"name": "--pf-v5-c-form-control__select--PaddingRight",
"value": "1.5rem",
"values": [
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_form_control__select_PaddingLeft": {
"name": "--pf-v5-c-form-control__select--PaddingLeft",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control__select_m_success_m_status_PaddingRight": {
"name": "--pf-v5-c-form-control__select--m-success--m-status--PaddingRight",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_form_control__select_m_warning_m_status_PaddingRight": {
"name": "--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_form_control__select_m_error_m_status_PaddingRight": {
"name": "--pf-v5-c-form-control__select--m-error--m-status--PaddingRight",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_form_control_textarea_Width": {
"name": "--pf-v5-c-form-control--textarea--Width",
"value": "100%",
"values": [
"--pf-v5-c-form-control--Width",
"100%"
]
},
"c_form_control_textarea_Height": {
"name": "--pf-v5-c-form-control--textarea--Height",
"value": "auto"
},
"c_form_control__icon_PaddingTop": {
"name": "--pf-v5-c-form-control__icon--PaddingTop",
"value": "0.375rem",
"values": [
"--pf-v5-global--spacer--form-element",
"$pf-v5-global--spacer--form-element",
"pf-size-prem(6px)",
"0.375rem"
]
},
"c_form_control__icon_Color": {
"name": "--pf-v5-c-form-control__icon--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--icon--Color--light",
"$pf-v5-global--icon--Color--light",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_form_control__icon_m_status_Color": {
"name": "--pf-v5-c-form-control__icon--m-status--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--icon--Color--light",
"$pf-v5-global--icon--Color--light",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_form_control_m_success__icon_m_status_Color": {
"name": "--pf-v5-c-form-control--m-success__icon--m-status--Color",
"value": "#3e8635",
"values": [
"--pf-v5-global--success-color--100",
"$pf-v5-global--success-color--100",
"$pf-v5-color-green-500",
"#3e8635"
]
},
"c_form_control_m_warning__icon_m_status_Color": {
"name": "--pf-v5-c-form-control--m-warning__icon--m-status--Color",
"value": "#f0ab00",
"values": [
"--pf-v5-global--warning-color--100",
"$pf-v5-global--warning-color--100",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_form_control_m_error__icon_m_status_Color": {
"name": "--pf-v5-c-form-control--m-error__icon--m-status--Color",
"value": "#c9190b",
"values": [
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_form_control__utilities_Gap": {
"name": "--pf-v5-c-form-control__utilities--Gap",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control__utilities_PaddingTop": {
"name": "--pf-v5-c-form-control__utilities--PaddingTop",
"value": "0.5rem",
"values": [
"--pf-v5-c-form-control--inset--base",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control__utilities_PaddingRight": {
"name": "--pf-v5-c-form-control__utilities--PaddingRight",
"value": "0.5rem",
"values": [
"--pf-v5-c-form-control--inset--base",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control__toggle_icon_PaddingTop": {
"name": "--pf-v5-c-form-control__toggle-icon--PaddingTop",
"value": "0.375rem",
"values": [
"--pf-v5-global--spacer--form-element",
"$pf-v5-global--spacer--form-element",
"pf-size-prem(6px)",
"0.375rem"
]
},
"c_form_control__toggle_icon_PaddingRight": {
"name": "--pf-v5-c-form-control__toggle-icon--PaddingRight",
"value": "0.5rem",
"values": [
"--pf-v5-c-form-control--inset--base",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control__toggle_icon_PaddingLeft": {
"name": "--pf-v5-c-form-control__toggle-icon--PaddingLeft",
"value": "0.5rem",
"values": [
"--pf-v5-c-form-control--inset--base",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_form_control__toggle_icon_Color": {
"name": "--pf-v5-c-form-control__toggle-icon--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_form_control_m_disabled__toggle_icon_Color": {
"name": "--pf-v5-c-form-control--m-disabled__toggle-icon--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
}
},
".pf-v5-c-form-control.pf-m-readonly": {
"c_form_control_BackgroundColor": {
"name": "--pf-v5-c-form-control--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-form-control--m-readonly--BackgroundColor",
"--pf-v5-global--disabled-color--300",
"$pf-v5-global--disabled-color--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
}
},
".pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error)": {
"c_form_control_hover_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--hover--after--BorderBottomColor",
"value": "#8a8d90",
"values": [
"--pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor",
"--pf-v5-global--BorderColor--200",
"$pf-v5-global--BorderColor--200",
"$pf-v5-color-black-500",
"#8a8d90"
]
},
"c_form_control_focus_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--focus--after--BorderBottomWidth",
"value": "1px",
"values": [
"--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomWidth",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_form_control_focus_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--focus--after--BorderBottomColor",
"value": "#8a8d90",
"values": [
"--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor",
"--pf-v5-global--BorderColor--200",
"$pf-v5-global--BorderColor--200",
"$pf-v5-color-black-500",
"#8a8d90"
]
}
},
".pf-v5-c-form-control.pf-m-readonly.pf-m-plain": {
"c_form_control_m_readonly_BackgroundColor": {
"name": "--pf-v5-c-form-control--m-readonly--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor",
"transparent"
]
},
"c_form_control_inset_base": {
"name": "--pf-v5-c-form-control--inset--base",
"value": "0",
"values": [
"--pf-v5-c-form-control--m-readonly--m-plain--inset--base",
"0"
]
},
"c_form_control_before_BorderStyle": {
"name": "--pf-v5-c-form-control--before--BorderStyle",
"value": "none"
},
"c_form_control_after_BorderStyle": {
"name": "--pf-v5-c-form-control--after--BorderStyle",
"value": "none"
},
"c_form_control_OutlineOffset": {
"name": "--pf-v5-c-form-control--OutlineOffset",
"value": "0",
"values": [
"--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset",
"0"
]
}
},
".pf-v5-c-form-control:hover": {
"c_form_control_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-c-form-control--hover--after--BorderBottomColor",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
".pf-v5-c-form-control:focus-within": {
"c_form_control_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-c-form-control--focus--after--BorderBottomColor",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_form_control_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-c-form-control--focus--after--BorderBottomWidth",
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
}
},
".pf-v5-c-form-control.pf-m-expanded": {
"c_form_control_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--after--BorderBottomColor",
"value": "#06c",
"values": [
"--pf-v5-c-form-control--m-expanded--after--BorderBottomColor",
"--pf-v5-global--primary-color--100",
"$pf-v5-global--primary-color--100",
"$pf-v5-color-blue-400",
"#06c"
]
},
"c_form_control_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-c-form-control--m-expanded--after--BorderBottomWidth",
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
}
},
".pf-v5-c-form-control.pf-m-disabled": {
"c_form_control_BackgroundColor": {
"name": "--pf-v5-c-form-control--BackgroundColor",
"value": "#f0f0f0",
"values": [
"--pf-v5-c-form-control--m-disabled--BackgroundColor",
"--pf-v5-global--disabled-color--300",
"$pf-v5-global--disabled-color--300",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"c_form_control_Color": {
"name": "--pf-v5-c-form-control--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-form-control--m-disabled--Color",
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_form_control_m_placeholder_Color": {
"name": "--pf-v5-c-form-control--m-placeholder--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-form-control--m-disabled--Color",
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_form_control__toggle_icon_Color": {
"name": "--pf-v5-c-form-control__toggle-icon--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-form-control--m-disabled__toggle-icon--Color",
"--pf-v5-global--disabled-color--100",
"$pf-v5-global--disabled-color--100",
"$pf-v5-color-black-600",
"#6a6e73"
]
},
"c_form_control_before_BorderStyle": {
"name": "--pf-v5-c-form-control--before--BorderStyle",
"value": "none"
},
"c_form_control_after_BorderStyle": {
"name": "--pf-v5-c-form-control--after--BorderStyle",
"value": "none"
}
},
".pf-v5-c-form-control.pf-m-error": {
"c_form_control_PaddingRight": {
"name": "--pf-v5-c-form-control--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-c-form-control--m-error--PaddingRight",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_form_control_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--after--BorderBottomColor",
"value": "#c9190b",
"values": [
"--pf-v5-c-form-control--m-error--after--BorderBottomColor",
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_form_control__icon_m_status_Color": {
"name": "--pf-v5-c-form-control__icon--m-status--Color",
"value": "#c9190b",
"values": [
"--pf-v5-c-form-control--m-error__icon--m-status--Color",
"--pf-v5-global--danger-color--100",
"$pf-v5-global--danger-color--100",
"$pf-v5-color-red-100",
"#c9190b"
]
},
"c_form_control__select_PaddingRight": {
"name": "--pf-v5-c-form-control__select--PaddingRight",
"value": "4rem",
"values": [
"--pf-v5-c-form-control__select--m-error--m-status--PaddingRight",
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_form_control_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-c-form-control--m-error--after--BorderBottomWidth",
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
}
},
".pf-v5-c-form-control.pf-m-error.pf-m-icon": {
"c_form_control_PaddingRight": {
"name": "--pf-v5-c-form-control--PaddingRight",
"value": "calc(0.5rem + 1rem + 0.5rem + 1rem + 0.5rem)",
"values": [
"--pf-v5-c-form-control--m-icon--icon--PaddingRight",
"calc(--pf-v5-c-form-control--inset--base + --pf-v5-c-form-control--m-error--icon--width + --pf-v5-c-form-control--m-icon--icon--spacer + --pf-v5-c-form-control--m-icon--icon--width + --pf-v5-c-form-control--m-icon--icon--spacer)",
"calc(--pf-v5-global--spacer--sm + --pf-v5-c-form-control--FontSize + --pf-v5-global--spacer--sm + --pf-v5-c-form-control--FontSize + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + --pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm + --pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + $pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm + $pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(8px) + pf-font-prem(16px) + pf-size-prem(8px) + pf-font-prem(16px) + pf-size-prem(8px))",
"calc(0.5rem + 1rem + 0.5rem + 1rem + 0.5rem)"
]
}
},
".pf-v5-c-form-control.pf-m-success": {
"c_form_control_PaddingRight": {
"name": "--pf-v5-c-form-control--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-c-form-control--m-success--PaddingRight",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_form_control_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--after--BorderBottomColor",
"value": "#3e8635",
"values": [
"--pf-v5-c-form-control--m-success--after--BorderBottomColor",
"--pf-v5-global--success-color--100",
"$pf-v5-global--success-color--100",
"$pf-v5-color-green-500",
"#3e8635"
]
},
"c_form_control__icon_m_status_Color": {
"name": "--pf-v5-c-form-control__icon--m-status--Color",
"value": "#3e8635",
"values": [
"--pf-v5-c-form-control--m-success__icon--m-status--Color",
"--pf-v5-global--success-color--100",
"$pf-v5-global--success-color--100",
"$pf-v5-color-green-500",
"#3e8635"
]
},
"c_form_control__select_PaddingRight": {
"name": "--pf-v5-c-form-control__select--PaddingRight",
"value": "4rem",
"values": [
"--pf-v5-c-form-control__select--m-success--m-status--PaddingRight",
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_form_control_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-c-form-control--m-success--after--BorderBottomWidth",
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
}
},
".pf-v5-c-form-control.pf-m-success.pf-m-icon": {
"c_form_control_PaddingRight": {
"name": "--pf-v5-c-form-control--PaddingRight",
"value": "calc(0.5rem + 1rem + 0.5rem + 1rem + 0.5rem)",
"values": [
"--pf-v5-c-form-control--m-icon--icon--PaddingRight",
"calc(--pf-v5-c-form-control--inset--base + --pf-v5-c-form-control--m-error--icon--width + --pf-v5-c-form-control--m-icon--icon--spacer + --pf-v5-c-form-control--m-icon--icon--width + --pf-v5-c-form-control--m-icon--icon--spacer)",
"calc(--pf-v5-global--spacer--sm + --pf-v5-c-form-control--FontSize + --pf-v5-global--spacer--sm + --pf-v5-c-form-control--FontSize + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + --pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm + --pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + $pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm + $pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(8px) + pf-font-prem(16px) + pf-size-prem(8px) + pf-font-prem(16px) + pf-size-prem(8px))",
"calc(0.5rem + 1rem + 0.5rem + 1rem + 0.5rem)"
]
}
},
".pf-v5-c-form-control.pf-m-warning": {
"c_form_control_PaddingRight": {
"name": "--pf-v5-c-form-control--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-c-form-control--m-warning--PaddingRight",
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_form_control_after_BorderBottomColor": {
"name": "--pf-v5-c-form-control--after--BorderBottomColor",
"value": "#f0ab00",
"values": [
"--pf-v5-c-form-control--m-warning--after--BorderBottomColor",
"--pf-v5-global--warning-color--100",
"$pf-v5-global--warning-color--100",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_form_control__icon_m_status_Color": {
"name": "--pf-v5-c-form-control__icon--m-status--Color",
"value": "#f0ab00",
"values": [
"--pf-v5-c-form-control--m-warning__icon--m-status--Color",
"--pf-v5-global--warning-color--100",
"$pf-v5-global--warning-color--100",
"$pf-v5-color-gold-400",
"#f0ab00"
]
},
"c_form_control__select_PaddingRight": {
"name": "--pf-v5-c-form-control__select--PaddingRight",
"value": "4rem",
"values": [
"--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight",
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_form_control_after_BorderBottomWidth": {
"name": "--pf-v5-c-form-control--after--BorderBottomWidth",
"value": "2px",
"values": [
"--pf-v5-c-form-control--m-warning--after--BorderBottomWidth",
"--pf-v5-global--BorderWidth--md",
"$pf-v5-global--BorderWidth--md",
"2px"
]
}
},
".pf-v5-c-form-control.pf-m-warning.pf-m-icon": {
"c_form_control_PaddingRight": {
"name": "--pf-v5-c-form-control--PaddingRight",
"value": "calc(0.5rem + 1rem + 0.5rem + 1rem + 0.5rem)",
"values": [
"--pf-v5-c-form-control--m-icon--icon--PaddingRight",
"calc(--pf-v5-c-form-control--inset--base + --pf-v5-c-form-control--m-error--icon--width + --pf-v5-c-form-control--m-icon--icon--spacer + --pf-v5-c-form-control--m-icon--icon--width + --pf-v5-c-form-control--m-icon--icon--spacer)",
"calc(--pf-v5-global--spacer--sm + --pf-v5-c-form-control--FontSize + --pf-v5-global--spacer--sm + --pf-v5-c-form-control--FontSize + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + --pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm + --pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + $pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm + $pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(8px) + pf-font-prem(16px) + pf-size-prem(8px) + pf-font-prem(16px) + pf-size-prem(8px))",
"calc(0.5rem + 1rem + 0.5rem + 1rem + 0.5rem)"
]
}
},
".pf-v5-c-form-control.pf-m-icon": {
"c_form_control_PaddingRight": {
"name": "--pf-v5-c-form-control--PaddingRight",
"value": "calc(0.5rem + 1rem + 0.5rem)",
"values": [
"--pf-v5-c-form-control--m-icon--PaddingRight",
"calc(--pf-v5-c-form-control--inset--base + --pf-v5-c-form-control--m-icon--icon--width + --pf-v5-c-form-control--m-icon--icon--spacer)",
"calc(--pf-v5-global--spacer--sm + --pf-v5-c-form-control--FontSize + --pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + --pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc($pf-v5-global--spacer--sm + $pf-v5-global--FontSize--md + $pf-v5-global--spacer--sm)",
"calc(pf-size-prem(8px) + pf-font-prem(16px) + pf-size-prem(8px))",
"calc(0.5rem + 1rem + 0.5rem)"
]
}
},
".pf-v5-c-form-control > select": {
"c_form_control_PaddingRight": {
"name": "--pf-v5-c-form-control--PaddingRight",
"value": "1.5rem",
"values": [
"--pf-v5-c-form-control__select--PaddingRight",
"--pf-v5-global--spacer--lg",
"$pf-v5-global--spacer--lg",
"pf-size-prem(24px)",
"1.5rem"
]
},
"c_form_control_PaddingLeft": {
"name": "--pf-v5-c-form-control--PaddingLeft",
"value": "0.5rem",
"values": [
"--pf-v5-c-form-control__select--PaddingLeft",
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
}
},
".pf-v5-c-form-control.pf-m-placeholder > select": {
"c_form_control_Color": {
"name": "--pf-v5-c-form-control--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-form-control--m-placeholder--Color",
"--pf-v5-global--Color--dark-200",
"$pf-v5-global--Color--dark-200",
"$pf-v5-color-black-600",
"#6a6e73"
]
}
},
".pf-v5-c-form-control.pf-m-placeholder > select *": {
"c_form_control_Color": {
"name": "--pf-v5-c-form-control--Color",
"value": "#151515",
"values": [
"--pf-v5-c-form-control--m-placeholder--child--Color",
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
}
},
".pf-v5-c-form-control.pf-m-resize-vertical": {
"c_form_control_Resize": {
"name": "--pf-v5-c-form-control--Resize",
"value": "vertical"
}
},
".pf-v5-c-form-control.pf-m-resize-horizontal": {
"c_form_control_Resize": {
"name": "--pf-v5-c-form-control--Resize",
"value": "horizontal"
}
},
".pf-v5-c-form-control.pf-m-resize-both": {
"c_form_control_Resize": {
"name": "--pf-v5-c-form-control--Resize",
"value": "both"
}
},
".pf-v5-c-form-control__icon.pf-m-status": {
"c_form_control__icon_Color": {
"name": "--pf-v5-c-form-control__icon--Color",
"value": "#6a6e73",
"values": [
"--pf-v5-c-form-control__icon--m-status--Color",
"--pf-v5-global--icon--Color--light",
"$pf-v5-global--icon--Color--light",
"$pf-v5-color-black-600",
"#6a6e73"
]
}
}
};
export default c_form_control;© 2015 - 2025 Weber Informatics LLC | Privacy Policy