@patternfly/react-tokens

export const c_input_group: { ".pf-v6-c-input-group": { "c_input_group_Gap": { "name": "--pf-v6-c-input-group--Gap", "value": "0.25rem", "values": [ "--pf-t--global--spacer--gap--control-to-control--default", "--pf-t--global--spacer--xs", "--pf-t--global--spacer--100", "0.25rem" ] }, "c_input_group__item_offset": { "name": "--pf-v6-c-input-group__item--offset", "value": "1px", "values": [ "--pf-t--global--border--width--control--default", "--pf-t--global--border--width--100", "1px" ] }, "c_input_group__item_BorderWidth_base": { "name": "--pf-v6-c-input-group__item--BorderWidth--base", "value": "1px", "values": [ "--pf-t--global--border--width--control--default", "--pf-t--global--border--width--100", "1px" ] }, "c_input_group__item_BorderColor_base": { "name": "--pf-v6-c-input-group__item--BorderColor--base", "value": "#e0e0e0", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_input_group__item_BackgroundColor": { "name": "--pf-v6-c-input-group__item--BackgroundColor", "value": "transparent" }, "c_input_group__item_AlignItems": { "name": "--pf-v6-c-input-group__item--AlignItems", "value": "start" }, "c_input_group__item_m_box_PaddingInlineEnd": { "name": "--pf-v6-c-input-group__item--m-box--PaddingInlineEnd", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_input_group__item_m_box_PaddingInlineStart": { "name": "--pf-v6-c-input-group__item--m-box--PaddingInlineStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_input_group__item_m_box_BackgroundColor": { "name": "--pf-v6-c-input-group__item--m-box--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_input_group__item_m_box_BorderWidth": { "name": "--pf-v6-c-input-group__item--m-box--BorderWidth", "value": "1px", "values": [ "--pf-v6-c-input-group__item--BorderWidth--base", "--pf-t--global--border--width--control--default", "--pf-t--global--border--width--100", "1px" ] }, "c_input_group__item_m_box_BorderRadius": { "name": "--pf-v6-c-input-group__item--m-box--BorderRadius", "value": "6px", "values": [ "--pf-t--global--border--radius--small", "--pf-t--global--border--radius--200", "6px" ] }, "c_input_group__item_m_box_BorderBlockStartColor": { "name": "--pf-v6-c-input-group__item--m-box--BorderBlockStartColor", "value": "#e0e0e0", "values": [ "--pf-v6-c-input-group__item--BorderColor--base", "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_input_group__item_m_box_BorderInlineEndColor": { "name": "--pf-v6-c-input-group__item--m-box--BorderInlineEndColor", "value": "#e0e0e0", "values": [ "--pf-v6-c-input-group__item--BorderColor--base", "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_input_group__item_m_box_BorderBlockEndColor": { "name": "--pf-v6-c-input-group__item--m-box--BorderBlockEndColor", "value": "#e0e0e0", "values": [ "--pf-v6-c-input-group__item--BorderColor--base", "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_input_group__item_m_box_BorderInlineStartColor": { "name": "--pf-v6-c-input-group__item--m-box--BorderInlineStartColor", "value": "#e0e0e0", "values": [ "--pf-v6-c-input-group__item--BorderColor--base", "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "c_input_group__item_m_plain_BackgroundColor": { "name": "--pf-v6-c-input-group__item--m-plain--BackgroundColor", "value": "transparent" }, "c_input_group__text_FontSize": { "name": "--pf-v6-c-input-group__text--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_input_group__text_Color": { "name": "--pf-v6-c-input-group__text--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_input_group__item_m_disabled__text_Color": { "name": "--pf-v6-c-input-group__item--m-disabled__text--Color", "value": "#707070", "values": [ "--pf-t--global--text--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--50", "#707070" ] }, "c_input_group__item_m_disabled_BackgroundColor": { "name": "--pf-v6-c-input-group__item--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_input_group__item_m_search_text_input_TransitionTimingFunction": { "name": "--pf-v6-c-input-group__item--m-search-text-input--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_input_group__item_m_search_text_input_TransitionDuration_expand_fade": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade", "value": "200ms", "values": [ "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_input_group__item_m_search_text_input_TransitionDuration_collapse_fade": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade", "value": "100ms", "values": [ "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_input_group__item_m_search_text_input_TransitionDuration_expand_slide": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide", "value": "200ms", "values": [ "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_input_group__item_m_search_text_input_TransitionDuration_collapse_slide": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide", "value": "100ms", "values": [ "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_input_group__item_m_search_text_input_TransitionDuration_fade": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade", "value": "100ms", "values": [ "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade", "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_input_group__item_m_search_text_input_TransitionDuration_slide": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide", "value": "100ms", "values": [ "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide", "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_input_group__item_m_search_text_input_ScaleX": { "name": "--pf-v6-c-input-group__item--m-search-text-input--ScaleX", "value": "1" }, "c_input_group__item_m_search_text_input_TransformOriginX_expand_start": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start", "value": "100%" }, "c_input_group__item_m_search_text_input_TransformOriginX_expand_end": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end", "value": "0" }, "c_input_group__item_m_search_text_input_TransformOriginX": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX", "value": "0", "values": [ "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end", "0" ] }, "c_input_group__item_m_search_expand_TransitionTimingFunction": { "name": "--pf-v6-c-input-group__item--m-search-expand--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_input_group__item_m_search_expand_TransitionDuration_expand_fade": { "name": "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade", "value": "0s" }, "c_input_group__item_m_search_expand_TransitionDuration_collapse_fade": { "name": "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade", "value": "0s" }, "c_input_group__item_m_search_expand_TransitionDuration_fade": { "name": "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade", "value": "0s", "values": [ "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade", "0s" ] }, "c_input_group__item_m_search_action_TransitionTimingFunction": { "name": "--pf-v6-c-input-group__item--m-search-action--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_input_group__item_m_search_action_TransitionDuration_expand_fade": { "name": "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade", "value": "200ms", "values": [ "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_input_group__item_m_search_action_TransitionDuration_collapse_fade": { "name": "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade", "value": "100ms", "values": [ "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_input_group__item_m_search_action_TransitionDuration_fade": { "name": "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade", "value": "100ms", "values": [ "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade", "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] } }, ".pf-v6-c-input-group.pf-m-search-expandable:not(.pf-m-expanded)": { "c_input_group_Gap": { "name": "--pf-v6-c-input-group--Gap", "value": "0" } }, ".pf-v6-c-input-group.pf-m-search-expandable.pf-m-expand-start": { "c_input_group__item_m_search_text_input_TransformOriginX": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX", "value": "100%", "values": [ "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start", "100%" ] } }, ".pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded": { "c_input_group__item_m_search_text_input_MaxWidth": { "name": "--pf-v6-c-input-group__item--m-search-text-input--MaxWidth", "value": "100%" }, "c_input_group__item_m_search_text_input_Visibility": { "name": "--pf-v6-c-input-group__item--m-search-text-input--Visibility", "value": "visible" }, "c_input_group__item_m_search_text_input_Opacity": { "name": "--pf-v6-c-input-group__item--m-search-text-input--Opacity", "value": "1" }, "c_input_group__item_m_search_text_input_TransitionDuration_fade": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade", "value": "200ms", "values": [ "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade", "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_input_group__item_m_search_text_input_TransitionDuration_slide": { "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide", "value": "200ms", "values": [ "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide", "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_input_group__item_m_search_text_input_ScaleX": { "name": "--pf-v6-c-input-group__item--m-search-text-input--ScaleX", "value": "1" }, "c_input_group__item_m_search_action_MaxWidth": { "name": "--pf-v6-c-input-group__item--m-search-action--MaxWidth", "value": "100%" }, "c_input_group__item_m_search_action_Visibility": { "name": "--pf-v6-c-input-group__item--m-search-action--Visibility", "value": "visible" }, "c_input_group__item_m_search_action_Opacity": { "name": "--pf-v6-c-input-group__item--m-search-action--Opacity", "value": "1" }, "c_input_group__item_m_search_action_TransitionDuration_fade": { "name": "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade", "value": "200ms", "values": [ "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade", "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_input_group__item_m_search_expand_MaxWidth": { "name": "--pf-v6-c-input-group__item--m-search-expand--MaxWidth", "value": "0" }, "c_input_group__item_m_search_expand_Visibility": { "name": "--pf-v6-c-input-group__item--m-search-expand--Visibility", "value": "hidden" }, "c_input_group__item_m_search_expand_Opacity": { "name": "--pf-v6-c-input-group__item--m-search-expand--Opacity", "value": "0" }, "c_input_group__item_m_search_expand_TransitionDuration_fade": { "name": "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade", "value": "0s", "values": [ "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade", "0s" ] } }, ".pf-v6-c-input-group__item.pf-m-box": { "c_input_group__item_BackgroundColor": { "name": "--pf-v6-c-input-group__item--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-v6-c-input-group__item--m-box--BackgroundColor", "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] } }, ".pf-v6-c-input-group__item.pf-m-plain": { "c_input_group__item_BackgroundColor": { "name": "--pf-v6-c-input-group__item--BackgroundColor", "value": "transparent", "values": [ "--pf-v6-c-input-group__item--m-plain--BackgroundColor", "transparent" ] } }, ".pf-v6-c-input-group__item.pf-m-disabled": { "c_input_group__item_BackgroundColor": { "name": "--pf-v6-c-input-group__item--BackgroundColor", "value": "#c7c7c7", "values": [ "--pf-v6-c-input-group__item--m-disabled--BackgroundColor", "--pf-t--global--background--color--disabled--default", "--pf-t--global--color--disabled--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_input_group__text_Color": { "name": "--pf-v6-c-input-group__text--Color", "value": "#707070", "values": [ "--pf-v6-c-input-group__item--m-disabled__text--Color", "--pf-t--global--text--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--50", "#707070" ] } } }; export default c_input_group;