@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
528 lines • 17.1 kB
JavaScript
export const c_toolbar = {
".pf-v6-c-toolbar": {
"c_toolbar_RowGap": {
"name": "--pf-v6-c-toolbar--RowGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar_PaddingBlockStart": {
"name": "--pf-v6-c-toolbar--PaddingBlockStart",
"value": "0"
},
"c_toolbar_PaddingBlockEnd": {
"name": "--pf-v6-c-toolbar--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar_PaddingInlineStart": {
"name": "--pf-v6-c-toolbar--PaddingInlineStart",
"value": "0"
},
"c_toolbar_PaddingInlineEnd": {
"name": "--pf-v6-c-toolbar--PaddingInlineEnd",
"value": "0"
},
"c_toolbar_LineHeight": {
"name": "--pf-v6-c-toolbar--LineHeight",
"value": "1.5",
"values": [
"--pf-t--global--font--line-height--body",
"--pf-t--global--font--line-height--200",
"1.5"
]
},
"c_toolbar_FontSize": {
"name": "--pf-v6-c-toolbar--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_toolbar_BackgroundColor": {
"name": "--pf-v6-c-toolbar--BackgroundColor",
"value": "transparent"
},
"c_toolbar_m_primary_BackgroundColor": {
"name": "--pf-v6-c-toolbar--m-primary--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_toolbar_m_secondary_BackgroundColor": {
"name": "--pf-v6-c-toolbar--m-secondary--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_toolbar_m_no_background_BackgroundColor": {
"name": "--pf-v6-c-toolbar--m-no-background--BackgroundColor",
"value": "transparent"
},
"c_toolbar__item_Width": {
"name": "--pf-v6-c-toolbar__item--Width",
"value": "auto"
},
"c_toolbar__item_MinWidth": {
"name": "--pf-v6-c-toolbar__item--MinWidth",
"value": "auto"
},
"c_toolbar__item_RowGap": {
"name": "--pf-v6-c-toolbar__item--RowGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_toolbar__item_ColumnGap": {
"name": "--pf-v6-c-toolbar__item--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--group--horizontal",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar__item_m_overflow_container_MinWidth": {
"name": "--pf-v6-c-toolbar__item--m-overflow-container--MinWidth",
"value": "0"
},
"c_toolbar__group_RowGap": {
"name": "--pf-v6-c-toolbar__group--RowGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_toolbar__group_ColumnGap": {
"name": "--pf-v6-c-toolbar__group--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--group--horizontal",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar__group_m_overflow_container_MinWidth": {
"name": "--pf-v6-c-toolbar__group--m-overflow-container--MinWidth",
"value": "0"
},
"c_toolbar__content_RowGap": {
"name": "--pf-v6-c-toolbar__content--RowGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar__content_PaddingInlineStart": {
"name": "--pf-v6-c-toolbar__content--PaddingInlineStart",
"value": "0"
},
"c_toolbar__content_PaddingInlineEnd": {
"name": "--pf-v6-c-toolbar__content--PaddingInlineEnd",
"value": "0"
},
"c_toolbar__content_section_RowGap": {
"name": "--pf-v6-c-toolbar__content-section--RowGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_toolbar__content_section_ColumnGap": {
"name": "--pf-v6-c-toolbar__content-section--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--group--horizontal",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar__expandable_content_ZIndex": {
"name": "--pf-v6-c-toolbar__expandable-content--ZIndex",
"value": "200",
"values": [
"--pf-t--global--z-index--sm",
"--pf-t--global--z-index--200",
"200"
]
},
"c_toolbar__expandable_content_RowGap": {
"name": "--pf-v6-c-toolbar__expandable-content--RowGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_toolbar__expandable_content_PaddingBlockStart": {
"name": "--pf-v6-c-toolbar__expandable-content--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar__expandable_content_PaddingBlockEnd": {
"name": "--pf-v6-c-toolbar__expandable-content--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar__expandable_content_PaddingInlineStart": {
"name": "--pf-v6-c-toolbar__expandable-content--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar__expandable_content_PaddingInlineEnd": {
"name": "--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar__expandable_content_BoxShadow": {
"name": "--pf-v6-c-toolbar__expandable-content--BoxShadow",
"value": "0px\n 10px\n 9px\n -8px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--md--bottom",
"--pf-t--global--box-shadow--X--md--bottom\n --pf-t--global--box-shadow--Y--md--bottom\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--directional\n --pf-t--global--box-shadow--color--md--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--700\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--300\n --pf-t--global--box-shadow--color--100",
"0px\n 10px\n 9px\n -8px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_toolbar__expandable_content_BackgroundColor": {
"name": "--pf-v6-c-toolbar__expandable-content--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--floating--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_toolbar_m_sticky_ZIndex": {
"name": "--pf-v6-c-toolbar--m-sticky--ZIndex",
"value": "100",
"values": [
"--pf-t--global--z-index--xs",
"--pf-t--global--z-index--100",
"100"
]
},
"c_toolbar_m_sticky_PaddingBlockStart": {
"name": "--pf-v6-c-toolbar--m-sticky--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar_m_sticky_PaddingBlockEnd": {
"name": "--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar_m_sticky_BoxShadow": {
"name": "--pf-v6-c-toolbar--m-sticky--BoxShadow",
"value": "0px\n 10px\n 9px\n -8px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--md--bottom",
"--pf-t--global--box-shadow--X--md--bottom\n --pf-t--global--box-shadow--Y--md--bottom\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--directional\n --pf-t--global--box-shadow--color--md--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--700\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--300\n --pf-t--global--box-shadow--color--100",
"0px\n 10px\n 9px\n -8px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_toolbar_m_sticky_BackgroundColor": {
"name": "--pf-v6-c-toolbar--m-sticky--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_toolbar__expand_all_icon_Rotate": {
"name": "--pf-v6-c-toolbar__expand-all-icon--Rotate",
"value": "0"
},
"c_toolbar__expand_all_icon_TransitionDuration": {
"name": "--pf-v6-c-toolbar__expand-all-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_toolbar__expand_all_icon_TransitionTimingFunction": {
"name": "--pf-v6-c-toolbar__expand-all-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_toolbar__item_m_expand_all_m_expanded__expand_all_icon_Rotate": {
"name": "--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate",
"value": "90deg"
},
"c_toolbar__group_m_filter_group_ColumnGap": {
"name": "--pf-v6-c-toolbar__group--m-filter-group--ColumnGap",
"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_toolbar__item_m_label_FontWeight": {
"name": "--pf-v6-c-toolbar__item--m-label--FontWeight",
"value": "500",
"values": [
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"500"
]
},
"c_toolbar__group_m_label_group_ColumnGap": {
"name": "--pf-v6-c-toolbar__group--m-label-group--ColumnGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--text-to-element--default",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_toolbar__group_m_action_group_ColumnGap": {
"name": "--pf-v6-c-toolbar__group--m-action-group--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--action-to-action--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_toolbar__group_m_action_group_plain_ColumnGap": {
"name": "--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--gap--action-to-action--plain",
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_toolbar__group_m_action_group_inline_ColumnGap": {
"name": "--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gap--action-to-action--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
}
},
".pf-v6-c-toolbar__content-section": {
"hidden_visible_visible_Display": {
"name": "--pf-v6-hidden-visible--visible--Display",
"value": "flex"
},
"hidden_visible_hidden_Display": {
"name": "--pf-v6-hidden-visible--hidden--Display",
"value": "none"
},
"hidden_visible_Display": {
"name": "--pf-v6-hidden-visible--Display",
"value": "flex",
"values": [
"--pf-v6-hidden-visible--visible--Display",
"--pf-v6-c-data-list__item-action--Display",
"flex"
]
}
},
".pf-v6-c-toolbar__content-section.pf-m-hidden": {
"hidden_visible_Display": {
"name": "--pf-v6-hidden-visible--Display",
"value": "none",
"values": [
"--pf-v6-hidden-visible--hidden--Display",
"none"
]
}
},
".pf-v6-c-toolbar__content": {
"hidden_visible_visible_Display": {
"name": "--pf-v6-hidden-visible--visible--Display",
"value": "grid"
},
"hidden_visible_hidden_Display": {
"name": "--pf-v6-hidden-visible--hidden--Display",
"value": "none"
},
"hidden_visible_Display": {
"name": "--pf-v6-hidden-visible--Display",
"value": "flex",
"values": [
"--pf-v6-hidden-visible--visible--Display",
"--pf-v6-c-data-list__item-action--Display",
"flex"
]
}
},
".pf-v6-c-toolbar__content.pf-m-hidden": {
"hidden_visible_Display": {
"name": "--pf-v6-hidden-visible--Display",
"value": "none",
"values": [
"--pf-v6-hidden-visible--hidden--Display",
"none"
]
}
},
".pf-v6-c-toolbar.pf-m-sticky": {
"c_toolbar_BackgroundColor": {
"name": "--pf-v6-c-toolbar--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-v6-c-toolbar--m-sticky--BackgroundColor",
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
}
},
".pf-v6-c-toolbar.pf-m-full-height": {
"c_toolbar_PaddingBlockStart": {
"name": "--pf-v6-c-toolbar--PaddingBlockStart",
"value": "0"
},
"c_toolbar_PaddinkBlockEnd": {
"name": "--pf-v6-c-toolbar--PaddinkBlockEnd",
"value": "0"
}
},
".pf-v6-c-toolbar.pf-m-primary": {
"c_toolbar_BackgroundColor": {
"name": "--pf-v6-c-toolbar--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-v6-c-toolbar--m-primary--BackgroundColor",
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
}
},
".pf-v6-c-toolbar.pf-m-secondary": {
"c_toolbar_BackgroundColor": {
"name": "--pf-v6-c-toolbar--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-v6-c-toolbar--m-secondary--BackgroundColor",
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
}
},
".pf-v6-c-toolbar.pf-m-no-background": {
"c_toolbar_BackgroundColor": {
"name": "--pf-v6-c-toolbar--BackgroundColor",
"value": "transparent",
"values": [
"--pf-v6-c-toolbar--m-no-background--BackgroundColor",
"transparent"
]
}
},
".pf-v6-c-toolbar__item": {
"c_toolbar__item_Width_base": {
"name": "--pf-v6-c-toolbar__item--Width--base",
"value": "auto",
"values": [
"--pf-v6-c-toolbar__item--Width",
"auto"
]
},
"c_toolbar__item_MinWidth_base": {
"name": "--pf-v6-c-toolbar__item--MinWidth--base",
"value": "auto",
"values": [
"--pf-v6-c-toolbar__item--MinWidth",
"auto"
]
}
},
".pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded": {
"c_toolbar__expand_all_icon_Rotate": {
"name": "--pf-v6-c-toolbar__expand-all-icon--Rotate",
"value": "90deg",
"values": [
"--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate",
"90deg"
]
}
}
};
export default c_toolbar;