export const c_toggle_group = { ".pf-v5-c-toggle-group": { "c_toggle_group__button_PaddingTop": { "name": "--pf-v5-c-toggle-group__button--PaddingTop", "value": "0.375rem", "values": [ "--pf-v5-global--spacer--form-element", "$pf-v5-global--spacer--form-element", "pf-size-prem(6px)", "0.375rem" ] }, "c_toggle_group__button_PaddingRight": { "name": "--pf-v5-c-toggle-group__button--PaddingRight", "value": "1rem", "values": [ "--pf-v5-global--spacer--md", "$pf-v5-global--spacer--md", "pf-size-prem(16px)", "1rem" ] }, "c_toggle_group__button_PaddingBottom": { "name": "--pf-v5-c-toggle-group__button--PaddingBottom", "value": "0.375rem", "values": [ "--pf-v5-global--spacer--form-element", "$pf-v5-global--spacer--form-element", "pf-size-prem(6px)", "0.375rem" ] }, "c_toggle_group__button_PaddingLeft": { "name": "--pf-v5-c-toggle-group__button--PaddingLeft", "value": "1rem", "values": [ "--pf-v5-global--spacer--md", "$pf-v5-global--spacer--md", "pf-size-prem(16px)", "1rem" ] }, "c_toggle_group__button_FontSize": { "name": "--pf-v5-c-toggle-group__button--FontSize", "value": "0.875rem", "values": [ "--pf-v5-global--FontSize--sm", "$pf-v5-global--FontSize--sm", "pf-font-prem(14px)", "0.875rem" ] }, "c_toggle_group__button_LineHeight": { "name": "--pf-v5-c-toggle-group__button--LineHeight", "value": "calc(1rem * 1.5)", "values": [ "calc(--pf-v5-global--FontSize--md * --pf-v5-global--LineHeight--md)", "calc($pf-v5-global--FontSize--md * $pf-v5-global--LineHeight--md)", "calc(pf-font-prem(16px) * 1.5)", "calc(1rem * 1.5)" ] }, "c_toggle_group__button_Color": { "name": "--pf-v5-c-toggle-group__button--Color", "value": "#151515", "values": [ "--pf-v5-global--Color--100", "$pf-v5-global--Color--100", "$pf-v5-color-black-900", "#151515" ] }, "c_toggle_group__button_BackgroundColor": { "name": "--pf-v5-c-toggle-group__button--BackgroundColor", "value": "#fff", "values": [ "--pf-v5-global--BackgroundColor--100", "$pf-v5-global--BackgroundColor--100", "$pf-v5-color-white", "#fff" ] }, "c_toggle_group__button_ZIndex": { "name": "--pf-v5-c-toggle-group__button--ZIndex", "value": "auto" }, "c_toggle_group__button_hover_BackgroundColor": { "name": "--pf-v5-c-toggle-group__button--hover--BackgroundColor", "value": "#f0f0f0", "values": [ "--pf-v5-global--BackgroundColor--200", "$pf-v5-global--BackgroundColor--200", "$pf-v5-color-black-200", "#f0f0f0" ] }, "c_toggle_group__button_hover_ZIndex": { "name": "--pf-v5-c-toggle-group__button--hover--ZIndex", "value": "100", "values": [ "--pf-v5-global--ZIndex--xs", "$pf-v5-global--ZIndex--xs", "100" ] }, "c_toggle_group__button_hover_before_BorderColor": { "name": "--pf-v5-c-toggle-group__button--hover--before--BorderColor", "value": "#8a8d90", "values": [ "--pf-v5-global--BorderColor--200", "$pf-v5-global--BorderColor--200", "$pf-v5-color-black-500", "#8a8d90" ] }, "c_toggle_group__button_focus_BackgroundColor": { "name": "--pf-v5-c-toggle-group__button--focus--BackgroundColor", "value": "#f0f0f0", "values": [ "--pf-v5-global--BackgroundColor--200", "$pf-v5-global--BackgroundColor--200", "$pf-v5-color-black-200", "#f0f0f0" ] }, "c_toggle_group__button_focus_ZIndex": { "name": "--pf-v5-c-toggle-group__button--focus--ZIndex", "value": "100", "values": [ "--pf-v5-global--ZIndex--xs", "$pf-v5-global--ZIndex--xs", "100" ] }, "c_toggle_group__button_focus_before_BorderColor": { "name": "--pf-v5-c-toggle-group__button--focus--before--BorderColor", "value": "#8a8d90", "values": [ "--pf-v5-global--BorderColor--200", "$pf-v5-global--BorderColor--200", "$pf-v5-color-black-500", "#8a8d90" ] }, "c_toggle_group__button_disabled_BackgroundColor": { "name": "--pf-v5-c-toggle-group__button--disabled--BackgroundColor", "value": "#d2d2d2", "values": [ "--pf-v5-global--disabled-color--200", "$pf-v5-global--disabled-color--200", "$pf-v5-color-black-300", "#d2d2d2" ] }, "c_toggle_group__button_disabled_Color": { "name": "--pf-v5-c-toggle-group__button--disabled--Color", "value": "#6a6e73", "values": [ "--pf-v5-global--disabled-color--100", "$pf-v5-global--disabled-color--100", "$pf-v5-color-black-600", "#6a6e73" ] }, "c_toggle_group__button_before_BorderWidth": { "name": "--pf-v5-c-toggle-group__button--before--BorderWidth", "value": "1px", "values": [ "--pf-v5-global--BorderWidth--sm", "$pf-v5-global--BorderWidth--sm", "1px" ] }, "c_toggle_group__button_before_BorderColor": { "name": "--pf-v5-c-toggle-group__button--before--BorderColor", "value": "#d2d2d2", "values": [ "--pf-v5-global--BorderColor--100", "$pf-v5-global--BorderColor--100", "$pf-v5-color-black-300", "#d2d2d2" ] }, "c_toggle_group__item_item_MarginLeft": { "name": "--pf-v5-c-toggle-group__item--item--MarginLeft", "value": "calc(-1 * 1px)", "values": [ "calc(-1 * --pf-v5-global--BorderWidth--sm)", "calc(-1 * $pf-v5-global--BorderWidth--sm)", "calc(-1 * 1px)" ] }, "c_toggle_group__item_first_child__button_BorderTopLeftRadius": { "name": "--pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius", "value": "3px", "values": [ "--pf-v5-global--BorderRadius--sm", "$pf-v5-global--BorderRadius--sm", "3px" ] }, "c_toggle_group__item_first_child__button_BorderBottomLeftRadius": { "name": "--pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius", "value": "3px", "values": [ "--pf-v5-global--BorderRadius--sm", "$pf-v5-global--BorderRadius--sm", "3px" ] }, "c_toggle_group__item_last_child__button_BorderTopRightRadius": { "name": "--pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius", "value": "3px", "values": [ "--pf-v5-global--BorderRadius--sm", "$pf-v5-global--BorderRadius--sm", "3px" ] }, "c_toggle_group__item_last_child__button_BorderBottomRightRadius": { "name": "--pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius", "value": "3px", "values": [ "--pf-v5-global--BorderRadius--sm", "$pf-v5-global--BorderRadius--sm", "3px" ] }, "c_toggle_group__icon_text_MarginLeft": { "name": "--pf-v5-c-toggle-group__icon--text--MarginLeft", "value": "0.5rem", "values": [ "--pf-v5-global--spacer--sm", "$pf-v5-global--spacer--sm", "pf-size-prem(8px)", "0.5rem" ] }, "c_toggle_group__button_m_selected_BackgroundColor": { "name": "--pf-v5-c-toggle-group__button--m-selected--BackgroundColor", "value": "#e7f1fa", "values": [ "--pf-v5-global--palette--blue-50", "$pf-v5-color-blue-50", "#e7f1fa" ] }, "c_toggle_group__button_m_selected_Color": { "name": "--pf-v5-c-toggle-group__button--m-selected--Color", "value": "initial" }, "c_toggle_group__button_m_selected_before_BorderColor": { "name": "--pf-v5-c-toggle-group__button--m-selected--before--BorderColor", "value": "#06c", "values": [ "--pf-v5-global--primary-color--100", "$pf-v5-global--primary-color--100", "$pf-v5-color-blue-400", "#06c" ] }, "c_toggle_group__button_m_selected_ZIndex": { "name": "--pf-v5-c-toggle-group__button--m-selected--ZIndex", "value": "100", "values": [ "--pf-v5-global--ZIndex--xs", "$pf-v5-global--ZIndex--xs", "100" ] }, "c_toggle_group_m_compact__button_PaddingTop": { "name": "--pf-v5-c-toggle-group--m-compact__button--PaddingTop", "value": "0" }, "c_toggle_group_m_compact__button_PaddingRight": { "name": "--pf-v5-c-toggle-group--m-compact__button--PaddingRight", "value": "0.5rem", "values": [ "--pf-v5-global--spacer--sm", "$pf-v5-global--spacer--sm", "pf-size-prem(8px)", "0.5rem" ] }, "c_toggle_group_m_compact__button_PaddingBottom": { "name": "--pf-v5-c-toggle-group--m-compact__button--PaddingBottom", "value": "0" }, "c_toggle_group_m_compact__button_PaddingLeft": { "name": "--pf-v5-c-toggle-group--m-compact__button--PaddingLeft", "value": "0.5rem", "values": [ "--pf-v5-global--spacer--sm", "$pf-v5-global--spacer--sm", "pf-size-prem(8px)", "0.5rem" ] }, "c_toggle_group_m_compact__button_FontSize": { "name": "--pf-v5-c-toggle-group--m-compact__button--FontSize", "value": "0.75rem", "values": [ "--pf-v5-global--FontSize--xs", "$pf-v5-global--FontSize--xs", "pf-font-prem(12px)", "0.75rem" ] } }, ".pf-v5-c-toggle-group.pf-m-compact": { "c_toggle_group__button_PaddingTop": { "name": "--pf-v5-c-toggle-group__button--PaddingTop", "value": "0", "values": [ "--pf-v5-c-toggle-group--m-compact__button--PaddingTop", "0" ] }, "c_toggle_group__button_PaddingRight": { "name": "--pf-v5-c-toggle-group__button--PaddingRight", "value": "0.5rem", "values": [ "--pf-v5-c-toggle-group--m-compact__button--PaddingRight", "--pf-v5-global--spacer--sm", "$pf-v5-global--spacer--sm", "pf-size-prem(8px)", "0.5rem" ] }, "c_toggle_group__button_PaddingBottom": { "name": "--pf-v5-c-toggle-group__button--PaddingBottom", "value": "0", "values": [ "--pf-v5-c-toggle-group--m-compact__button--PaddingBottom", "0" ] }, "c_toggle_group__button_PaddingLeft": { "name": "--pf-v5-c-toggle-group__button--PaddingLeft", "value": "0.5rem", "values": [ "--pf-v5-c-toggle-group--m-compact__button--PaddingLeft", "--pf-v5-global--spacer--sm", "$pf-v5-global--spacer--sm", "pf-size-prem(8px)", "0.5rem" ] }, "c_toggle_group__button_FontSize": { "name": "--pf-v5-c-toggle-group__button--FontSize", "value": "0.75rem", "values": [ "--pf-v5-c-toggle-group--m-compact__button--FontSize", "--pf-v5-global--FontSize--xs", "$pf-v5-global--FontSize--xs", "pf-font-prem(12px)", "0.75rem" ] } }, ".pf-v5-c-toggle-group__button:hover": { "c_toggle_group__button_BackgroundColor": { "name": "--pf-v5-c-toggle-group__button--BackgroundColor", "value": "#f0f0f0", "values": [ "--pf-v5-c-toggle-group__button--hover--BackgroundColor", "--pf-v5-global--BackgroundColor--200", "$pf-v5-global--BackgroundColor--200", "$pf-v5-color-black-200", "#f0f0f0" ] }, "c_toggle_group__button_ZIndex": { "name": "--pf-v5-c-toggle-group__button--ZIndex", "value": "100", "values": [ "--pf-v5-c-toggle-group__button--hover--ZIndex", "--pf-v5-global--ZIndex--xs", "$pf-v5-global--ZIndex--xs", "100" ] }, "c_toggle_group__button_before_BorderColor": { "name": "--pf-v5-c-toggle-group__button--before--BorderColor", "value": "#8a8d90", "values": [ "--pf-v5-c-toggle-group__button--hover--before--BorderColor", "--pf-v5-global--BorderColor--200", "$pf-v5-global--BorderColor--200", "$pf-v5-color-black-500", "#8a8d90" ] } }, ".pf-v5-c-toggle-group__button:focus": { "c_toggle_group__button_BackgroundColor": { "name": "--pf-v5-c-toggle-group__button--BackgroundColor", "value": "#f0f0f0", "values": [ "--pf-v5-c-toggle-group__button--focus--BackgroundColor", "--pf-v5-global--BackgroundColor--200", "$pf-v5-global--BackgroundColor--200", "$pf-v5-color-black-200", "#f0f0f0" ] }, "c_toggle_group__button_ZIndex": { "name": "--pf-v5-c-toggle-group__button--ZIndex", "value": "100", "values": [ "--pf-v5-c-toggle-group__button--focus--ZIndex", "--pf-v5-global--ZIndex--xs", "$pf-v5-global--ZIndex--xs", "100" ] }, "c_toggle_group__button_before_BorderColor": { "name": "--pf-v5-c-toggle-group__button--before--BorderColor", "value": "#8a8d90", "values": [ "--pf-v5-c-toggle-group__button--focus--before--BorderColor", "--pf-v5-global--BorderColor--200", "$pf-v5-global--BorderColor--200", "$pf-v5-color-black-500", "#8a8d90" ] } }, ".pf-v5-c-toggle-group__button.pf-m-selected": { "c_toggle_group__button_BackgroundColor": { "name": "--pf-v5-c-toggle-group__button--BackgroundColor", "value": "#e7f1fa", "values": [ "--pf-v5-c-toggle-group__button--m-selected--BackgroundColor", "--pf-v5-global--palette--blue-50", "$pf-v5-color-blue-50", "#e7f1fa" ] }, "c_toggle_group__button_Color": { "name": "--pf-v5-c-toggle-group__button--Color", "value": "initial, inherit", "values": [ "var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit)", "initial, inherit" ] }, "c_toggle_group__button_ZIndex": { "name": "--pf-v5-c-toggle-group__button--ZIndex", "value": "100", "values": [ "--pf-v5-c-toggle-group__button--m-selected--ZIndex", "--pf-v5-global--ZIndex--xs", "$pf-v5-global--ZIndex--xs", "100" ] }, "c_toggle_group__button_before_BorderColor": { "name": "--pf-v5-c-toggle-group__button--before--BorderColor", "value": "#06c", "values": [ "--pf-v5-c-toggle-group__button--m-selected--before--BorderColor", "--pf-v5-global--primary-color--100", "$pf-v5-global--primary-color--100", "$pf-v5-color-blue-400", "#06c" ] } }, ".pf-v5-c-toggle-group__button:disabled": { "c_toggle_group__button_BackgroundColor": { "name": "--pf-v5-c-toggle-group__button--BackgroundColor", "value": "#d2d2d2", "values": [ "--pf-v5-c-toggle-group__button--disabled--BackgroundColor", "--pf-v5-global--disabled-color--200", "$pf-v5-global--disabled-color--200", "$pf-v5-color-black-300", "#d2d2d2" ] }, "c_toggle_group__button_Color": { "name": "--pf-v5-c-toggle-group__button--Color", "value": "#6a6e73", "values": [ "--pf-v5-c-toggle-group__button--disabled--Color", "--pf-v5-global--disabled-color--100", "$pf-v5-global--disabled-color--100", "$pf-v5-color-black-600", "#6a6e73" ] } } }; export default c_toggle_group;