UNPKG

@patternfly/react-tokens

Version:

This library provides access to the design tokens of PatternFly 4 from JavaScript

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