@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
840 lines • 31.5 kB
JavaScript
export const c_form = {
".pf-v6-c-form": {
"c_form_GridGap": {
"name": "--pf-v6-c-form--GridGap",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--gap--group-to-group--vertical--default",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_form__group_Gap": {
"name": "--pf-v6-c-form__group--Gap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_form__group_m_action_MarginBlockStart": {
"name": "--pf-v6-c-form__group--m-action--MarginBlockStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_form_m_horizontal__group_label_md_GridColumnWidth": {
"name": "--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth",
"value": "9.375rem"
},
"c_form_m_horizontal__group_label_md_GridColumnGap": {
"name": "--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--group--horizontal",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form_m_horizontal__group_control_md_GridColumnWidth": {
"name": "--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth",
"value": "1fr"
},
"c_form_m_limit_width_MaxWidth": {
"name": "--pf-v6-c-form--m-limit-width--MaxWidth",
"value": "55rem"
},
"c_form_m_horizontal__group_label_md_PaddingBlockStart": {
"name": "--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart",
"value": "calc((((((0.875rem * 1.5) + (2 * 1px)) - 0.875rem) / 2) + 0.875rem) - ((((0.75rem * 1.5) - 0.75rem) / 2) + 0.75rem) + 1px)",
"values": [
"calc((((((--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body) + (2 * --pf-t--global--border--width--control--default)) - --pf-t--global--font--size--body--default) / 2) + --pf-t--global--font--size--body--default) - ((((--pf-t--global--font--size--body--sm * --pf-t--global--font--line-height--body) - --pf-t--global--font--size--body--sm) / 2) + --pf-t--global--font--size--body--sm) + --pf-t--global--border--width--control--default)",
"calc((((((--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200) + (2 * --pf-t--global--border--width--100)) - --pf-t--global--font--size--sm) / 2) + --pf-t--global--font--size--sm) - ((((--pf-t--global--font--size--xs * --pf-t--global--font--line-height--200) - --pf-t--global--font--size--xs) / 2) + --pf-t--global--font--size--xs) + --pf-t--global--border--width--100)",
"calc((((((--pf-t--global--font--size--200 * 1.5) + (2 * 1px)) - --pf-t--global--font--size--200) / 2) + --pf-t--global--font--size--200) - ((((--pf-t--global--font--size--100 * 1.5) - --pf-t--global--font--size--100) / 2) + --pf-t--global--font--size--100) + 1px)",
"calc((((((0.875rem * 1.5) + (2 * 1px)) - 0.875rem) / 2) + 0.875rem) - ((((0.75rem * 1.5) - 0.75rem) / 2) + 0.75rem) + 1px)"
]
},
"c_form__group_label_PaddingBlockEnd": {
"name": "--pf-v6-c-form__group-label--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_form_m_horizontal__group_label_m_no_padding_md_PaddingBlockStart": {
"name": "--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart",
"value": "0"
},
"c_form_m_horizontal__group_label_m_no_padding_md_TranslateY": {
"name": "--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY",
"value": "calc(((((0.75rem * 1.5) - 0.75rem) / 2) + 0.75rem) - ((((0.875rem * 1.5) - 0.875rem) / 2) + 0.875rem))",
"values": [
"calc(((((--pf-t--global--font--size--body--sm * --pf-t--global--font--line-height--body) - --pf-t--global--font--size--body--sm) / 2) + --pf-t--global--font--size--body--sm) - ((((--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body) - --pf-t--global--font--size--body--default) / 2) + --pf-t--global--font--size--body--default))",
"calc(((((--pf-t--global--font--size--xs * --pf-t--global--font--line-height--200) - --pf-t--global--font--size--xs) / 2) + --pf-t--global--font--size--xs) - ((((--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200) - --pf-t--global--font--size--sm) / 2) + --pf-t--global--font--size--sm))",
"calc(((((--pf-t--global--font--size--100 * 1.5) - --pf-t--global--font--size--100) / 2) + --pf-t--global--font--size--100) - ((((--pf-t--global--font--size--200 * 1.5) - --pf-t--global--font--size--200) / 2) + --pf-t--global--font--size--200))",
"calc(((((0.75rem * 1.5) - 0.75rem) / 2) + 0.75rem) - ((((0.875rem * 1.5) - 0.875rem) / 2) + 0.875rem))"
]
},
"c_form__label_FontSize": {
"name": "--pf-v6-c-form__label--FontSize",
"value": "0.75rem",
"values": [
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
},
"c_form__label_LineHeight": {
"name": "--pf-v6-c-form__label--LineHeight",
"value": "1.5",
"values": [
"--pf-t--global--font--line-height--body",
"--pf-t--global--font--line-height--200",
"1.5"
]
},
"c_form__label_m_disabled_Color": {
"name": "--pf-v6-c-form__label--m-disabled--Color",
"value": "#a3a3a3",
"values": [
"--pf-t--global--text--color--disabled",
"--pf-t--global--color--disabled--200",
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"c_form__label_hover_Cursor": {
"name": "--pf-v6-c-form__label--hover--Cursor",
"value": "pointer"
},
"c_form__label_m_disabled_hover_Cursor": {
"name": "--pf-v6-c-form__label--m-disabled--hover--Cursor",
"value": "not-allowed"
},
"c_form__label_text_FontWeight": {
"name": "--pf-v6-c-form__label-text--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"500"
]
},
"c_form__label_required_MarginInlineStart": {
"name": "--pf-v6-c-form__label-required--MarginInlineStart",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_form__label_required_FontSize": {
"name": "--pf-v6-c-form__label-required--FontSize",
"value": "0.75rem",
"values": [
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
},
"c_form__label_required_Color": {
"name": "--pf-v6-c-form__label-required--Color",
"value": "#b1380b",
"values": [
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
},
"c_form__group_label_help_FontSize": {
"name": "--pf-v6-c-form__group-label-help--FontSize",
"value": "0.75rem",
"values": [
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
},
"c_form__group_label_m_info_Gap": {
"name": "--pf-v6-c-form__group-label--m-info--Gap",
"value": "undefined",
"values": [
"--pf-t--global--spacer--gap--horizontal",
"undefined"
]
},
"c_form__group_label_info_FontSize": {
"name": "--pf-v6-c-form__group-label-info--FontSize",
"value": "0.75rem",
"values": [
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
},
"c_form_m_horizontal__group_label_m_info_Gap": {
"name": "--pf-v6-c-form--m-horizontal__group-label--m-info--Gap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_form__group_control_m_inline_Gap": {
"name": "--pf-v6-c-form__group-control--m-inline--Gap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--group--horizontal",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form__group_control__helper_text_MarginBlockEnd": {
"name": "--pf-v6-c-form__group-control__helper-text--MarginBlockEnd",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_form__group_control_m_stack_Gap": {
"name": "--pf-v6-c-form__group-control--m-stack--Gap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_form__group_control_m_stack__helper_text_MarginBlockStart": {
"name": "--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart",
"value": "calc(0.5rem * -1 + 0.25rem)",
"values": [
"calc(--pf-v6-c-form__group-control--m-stack--Gap * -1 + --pf-v6-c-form__helper-text--MarginBlockStart--base)",
"calc(--pf-t--global--spacer--gap--group--vertical * -1 + --pf-t--global--spacer--xs)",
"calc(--pf-t--global--spacer--sm * -1 + --pf-t--global--spacer--100)",
"calc(--pf-t--global--spacer--200 * -1 + 0.25rem)",
"calc(0.5rem * -1 + 0.25rem)"
]
},
"c_form__actions_child_MarginBlockStart": {
"name": "--pf-v6-c-form__actions--child--MarginBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_form__actions_child_MarginInlineEnd": {
"name": "--pf-v6-c-form__actions--child--MarginInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_form__actions_child_MarginBlockEnd": {
"name": "--pf-v6-c-form__actions--child--MarginBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_form__actions_child_MarginInlineStart": {
"name": "--pf-v6-c-form__actions--child--MarginInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_form__actions_MarginBlockStart": {
"name": "--pf-v6-c-form__actions--MarginBlockStart",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-v6-c-form__actions--child--MarginBlockStart * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_form__actions_MarginInlineEnd": {
"name": "--pf-v6-c-form__actions--MarginInlineEnd",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-v6-c-form__actions--child--MarginInlineEnd * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_form__actions_MarginBlockEnd": {
"name": "--pf-v6-c-form__actions--MarginBlockEnd",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-v6-c-form__actions--child--MarginBlockEnd * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_form__actions_MarginInlineStart": {
"name": "--pf-v6-c-form__actions--MarginInlineStart",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-v6-c-form__actions--child--MarginInlineStart * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_form__helper_text_MarginBlockStart_base": {
"name": "--pf-v6-c-form__helper-text--MarginBlockStart--base",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_form__helper_text_MarginBlockStart": {
"name": "--pf-v6-c-form__helper-text--MarginBlockStart",
"value": "0.25rem",
"values": [
"--pf-v6-c-form__helper-text--MarginBlockStart--base",
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_form__section_MarginBlockStart": {
"name": "--pf-v6-c-form__section--MarginBlockStart",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
},
"c_form__section_Gap": {
"name": "--pf-v6-c-form__section--Gap",
"value": "1.5rem",
"values": [
"--pf-v6-c-form--GridGap",
"--pf-t--global--spacer--gap--group-to-group--vertical--default",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_form__section_title_FontSize": {
"name": "--pf-v6-c-form__section-title--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--heading--xs",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_form__section_title_FontWeight": {
"name": "--pf-v6-c-form__section-title--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"500"
]
},
"c_form__section_title_MarginBlockEnd": {
"name": "--pf-v6-c-form__section-title--MarginBlockEnd",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_form__field_group_border_width_base": {
"name": "--pf-v6-c-form__field-group--border-width-base",
"value": "1px",
"values": [
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form__field_group_BorderBlockStartWidth": {
"name": "--pf-v6-c-form__field-group--BorderBlockStartWidth",
"value": "1px",
"values": [
"--pf-v6-c-form__field-group--border-width-base",
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form__field_group_BorderBlockStartColor": {
"name": "--pf-v6-c-form__field-group--BorderBlockStartColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_form__field_group_BorderBlockEndWidth": {
"name": "--pf-v6-c-form__field-group--BorderBlockEndWidth",
"value": "1px",
"values": [
"--pf-v6-c-form__field-group--border-width-base",
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form__field_group_BorderBlockEndColor": {
"name": "--pf-v6-c-form__field-group--BorderBlockEndColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_form__field_group_field_group_MarginBlockStart": {
"name": "--pf-v6-c-form__field-group--field-group--MarginBlockStart",
"value": "calc(1.5rem * -1)",
"values": [
"calc(--pf-v6-c-form--GridGap * -1)",
"calc(--pf-t--global--spacer--gap--group-to-group--vertical--default * -1)",
"calc(--pf-t--global--spacer--lg * -1)",
"calc(--pf-t--global--spacer--400 * -1)",
"calc(1.5rem * -1)"
]
},
"c_form__field_group_GridTemplateColumns_toggle": {
"name": "--pf-v6-c-form__field-group--GridTemplateColumns--toggle",
"value": "calc(1rem * 2 + 0.875rem + 0.25rem)",
"values": [
"calc(--pf-t--global--spacer--md * 2 + --pf-v6-c-form__field-group-toggle-icon--MinWidth + --pf-t--global--spacer--xs)",
"calc(--pf-t--global--spacer--300 * 2 + --pf-t--global--font--size--body--default + --pf-t--global--spacer--100)",
"calc(1rem * 2 + --pf-t--global--font--size--sm + 0.25rem)",
"calc(1rem * 2 + --pf-t--global--font--size--200 + 0.25rem)",
"calc(1rem * 2 + 0.875rem + 0.25rem)"
]
},
"c_form__field_group_toggle_PaddingBlockStart": {
"name": "--pf-v6-c-form__field-group-toggle--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-v6-c-form__field-group-header--PaddingBlockStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form__field_group_toggle_PaddingInlineEnd": {
"name": "--pf-v6-c-form__field-group-toggle--PaddingInlineEnd",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_form__field_group__field_group__field_group_toggle_PaddingBlockStart": {
"name": "--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form__field_group_header_toggle_BorderWidth_base": {
"name": "--pf-v6-c-form__field-group-header-toggle--BorderWidth--base",
"value": "1px",
"values": [
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form__field_group__field_group_field_group__field_group_toggle_after_BorderBlockStartWidth": {
"name": "--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth",
"value": "1px",
"values": [
"--pf-v6-c-form__field-group-header-toggle--BorderWidth--base",
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form__field_group_toggle_button_MarginBlockStart": {
"name": "--pf-v6-c-form__field-group-toggle-button--MarginBlockStart",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--plain * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_form__field_group_toggle_button_MarginBlockEnd": {
"name": "--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd",
"value": "calc(0.5rem * -1)",
"values": [
"calc(--pf-t--global--spacer--control--vertical--plain * -1)",
"calc(--pf-t--global--spacer--sm * -1)",
"calc(--pf-t--global--spacer--200 * -1)",
"calc(0.5rem * -1)"
]
},
"c_form__field_group_toggle_icon_TransitionDuration": {
"name": "--pf-v6-c-form__field-group-toggle-icon--TransitionDuration",
"value": "200ms",
"values": [
"--pf-t--global--motion--duration--icon--long",
"--pf-t--global--motion--duration--md",
"--pf-t--global--duration--200",
"200ms"
]
},
"c_form__field_group_toggle_icon_TransitionTimingFunction": {
"name": "--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction",
"value": "cubic-bezier(.4, 0, .2, 1)",
"values": [
"--pf-t--global--motion--timing-function--default",
"--pf-t--global--timing-function--200",
"cubic-bezier(.4, 0, .2, 1)"
]
},
"c_form__field_group_toggle_icon_MinWidth": {
"name": "--pf-v6-c-form__field-group-toggle-icon--MinWidth",
"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__field_group_toggle_icon_Rotate": {
"name": "--pf-v6-c-form__field-group-toggle-icon--Rotate",
"value": "0"
},
"c_form__field_group_m_expanded__toggle_icon_Rotate": {
"name": "--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate",
"value": "90deg"
},
"c_form__field_group_header_PaddingBlockStart": {
"name": "--pf-v6-c-form__field-group-header--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form__field_group_header_PaddingBlockEnd": {
"name": "--pf-v6-c-form__field-group-header--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form__field_group_header_GridColumn": {
"name": "--pf-v6-c-form__field-group-header--GridColumn",
"value": "1 / 3"
},
"c_form__field_group__field_group__field_group_header_PaddingBlockStart": {
"name": "--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_form__field_group__field_group__field_group_header_PaddingBlockEnd": {
"name": "--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_form__field_group_toggle_field_group_header_GridColumn": {
"name": "--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn",
"value": "2 / 3"
},
"c_form__field_group__field_group_field_group__field_group_header_after_BorderBlockStartWidth": {
"name": "--pf-v6-c-form__field-group__field-group--field-group__field-group-header--after--BorderBlockStartWidth",
"value": "1px",
"values": [
"--pf-v6-c-form__field-group-header-toggle--BorderWidth--base",
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_form__field_group_header_description_MarginBlockStart": {
"name": "--pf-v6-c-form__field-group-header-description--MarginBlockStart",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_form__field_group_header_description_Color": {
"name": "--pf-v6-c-form__field-group-header-description--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_form__field_group_header_actions_MarginInlineStart": {
"name": "--pf-v6-c-form__field-group-header-actions--MarginInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_form__field_group_body_PaddingBlockStart": {
"name": "--pf-v6-c-form__field-group-body--PaddingBlockStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_form__field_group_body_PaddingBlockEnd": {
"name": "--pf-v6-c-form__field-group-body--PaddingBlockEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_form__field_group_body_Gap": {
"name": "--pf-v6-c-form__field-group-body--Gap",
"value": "1.5rem",
"values": [
"--pf-v6-c-form--GridGap",
"--pf-t--global--spacer--gap--group-to-group--vertical--default",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_form__field_group_body_GridColumn": {
"name": "--pf-v6-c-form__field-group-body--GridColumn",
"value": "2 / 3"
},
"c_form__field_group__field_group__field_group_body_GridColumn": {
"name": "--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn",
"value": "1 / 3"
},
"c_form__field_group__field_group__field_group_toggle_field_group_body_GridColumn": {
"name": "--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn",
"value": "2 / 3"
},
"c_form__field_group_body__field_group_last_child_MarginBlockEnd": {
"name": "--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd",
"value": "calc(1.5rem * -1)",
"values": [
"calc(--pf-v6-c-form__field-group-body--PaddingBlockEnd * -1)",
"calc(--pf-t--global--spacer--lg * -1)",
"calc(--pf-t--global--spacer--400 * -1)",
"calc(1.5rem * -1)"
]
}
},
".pf-v6-c-form__group-label": {
"c_form__helper_text_MarginBlockStart": {
"name": "--pf-v6-c-form__helper-text--MarginBlockStart",
"value": "0"
}
},
".pf-v6-c-form__group-label-help .pf-v6-c-button": {
"c_button_FontSize": {
"name": "--pf-v6-c-button--FontSize",
"value": "0.75rem",
"values": [
"--pf-v6-c-form__group-label-help--FontSize",
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
}
},
".pf-v6-c-form__group-control.pf-m-stack": {
"c_form__helper_text_MarginBlockStart": {
"name": "--pf-v6-c-form__helper-text--MarginBlockStart",
"value": "calc(0.5rem * -1 + 0.25rem)",
"values": [
"--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart",
"calc(--pf-v6-c-form__group-control--m-stack--Gap * -1 + --pf-v6-c-form__helper-text--MarginBlockStart--base)",
"calc(--pf-t--global--spacer--gap--group--vertical * -1 + --pf-t--global--spacer--xs)",
"calc(--pf-t--global--spacer--sm * -1 + --pf-t--global--spacer--100)",
"calc(--pf-t--global--spacer--200 * -1 + 0.25rem)",
"calc(0.5rem * -1 + 0.25rem)"
]
}
},
".pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child": {
"c_form__helper_text_MarginBlockStart": {
"name": "--pf-v6-c-form__helper-text--MarginBlockStart",
"value": "0"
}
},
".pf-v6-c-form__field-group": {
"c_form__field_group_BorderBlockStartWidth": {
"name": "--pf-v6-c-form__field-group--BorderBlockStartWidth",
"value": "1px",
"values": [
"--pf-v6-c-form__field-group--border-width-base",
"--pf-t--global--border--width--divider--default",
"--pf-t--global--border--width--100",
"1px"
]
}
},
".pf-v6-c-form__field-group:last-child": {
"c_form__field_group_BorderBlockEndWidth": {
"name": "--pf-v6-c-form__field-group--BorderBlockEndWidth",
"value": "0"
}
},
".pf-v6-c-form__field-group + .pf-v6-c-form__field-group": {
"c_form__field_group_BorderBlockStartWidth": {
"name": "--pf-v6-c-form__field-group--BorderBlockStartWidth",
"value": "0"
}
},
".pf-v6-c-form__field-group .pf-v6-c-form__field-group": {
"c_form__field_group_body_GridColumn": {
"name": "--pf-v6-c-form__field-group-body--GridColumn",
"value": "1 / 3",
"values": [
"--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn",
"1 / 3"
]
},
"c_form__field_group_toggle_PaddingBlockStart": {
"name": "--pf-v6-c-form__field-group-toggle--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_form__field_group_header_PaddingBlockStart": {
"name": "--pf-v6-c-form__field-group-header--PaddingBlockStart",
"value": "1.5rem",
"values": [
"--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_form__field_group_header_PaddingBlockEnd": {
"name": "--pf-v6-c-form__field-group-header--PaddingBlockEnd",
"value": "1.5rem",
"values": [
"--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_form__field_group_body_PaddingBlockStart": {
"name": "--pf-v6-c-form__field-group-body--PaddingBlockStart",
"value": "0"
}
},
".pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body": {
"c_form__field_group_body_GridColumn": {
"name": "--pf-v6-c-form__field-group-body--GridColumn",
"value": "2 / 3",
"values": [
"--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn",
"2 / 3"
]
}
},
".pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle": {
"c_form__field_group_toggle_icon_Rotate": {
"name": "--pf-v6-c-form__field-group-toggle-icon--Rotate",
"value": "90deg",
"values": [
"--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate",
"90deg"
]
}
},
".pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header": {
"c_form__field_group_header_GridColumn": {
"name": "--pf-v6-c-form__field-group-header--GridColumn",
"value": "2 / 3",
"values": [
"--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn",
"2 / 3"
]
}
},
".pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child": {
"c_form__field_group_toggle_PaddingBlockStart": {
"name": "--pf-v6-c-form__field-group-toggle--PaddingBlockStart",
"value": "0"
},
"c_form__field_group_header_PaddingBlockStart": {
"name": "--pf-v6-c-form__field-group-header--PaddingBlockStart",
"value": "0"
}
}
};
export default c_form;