package.dist.js.c_toggle_group.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_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;© 2015 - 2025 Weber Informatics LLC | Privacy Policy