@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
235 lines • 8.5 kB
TypeScript
export const c_expandable_section: {
".pf-v6-c-expandable-section": {
"c_expandable_section_Gap": {
"name": "--pf-v6-c-expandable-section--Gap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_expandable_section__toggle_icon_MinWidth": {
"name": "--pf-v6-c-expandable-section__toggle-icon--MinWidth",
"value": "1em"
},
"c_expandable_section__toggle_icon_Color": {
"name": "--pf-v6-c-expandable-section__toggle-icon--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_expandable_section__toggle_icon_Transition": {
"name": "--pf-v6-c-expandable-section__toggle-icon--Transition",
"value": ".2s ease-in 0s"
},
"c_expandable_section__toggle_icon_Rotate": {
"name": "--pf-v6-c-expandable-section__toggle-icon--Rotate",
"value": "0"
},
"c_expandable_section__toggle_icon_m_expand_top_Rotate": {
"name": "--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate",
"value": "0"
},
"c_expandable_section_m_expanded__toggle_icon_Rotate": {
"name": "--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate",
"value": "90deg"
},
"c_expandable_section_m_expanded__toggle_icon_m_expand_top_Rotate": {
"name": "--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate",
"value": "-90deg"
},
"c_expandable_section__content_MaxWidth": {
"name": "--pf-v6-c-expandable-section__content--MaxWidth",
"value": "auto"
},
"c_expandable_section_m_limit_width__content_MaxWidth": {
"name": "--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth",
"value": "46.875rem"
},
"c_expandable_section_m_display_lg_PaddingBlockStart": {
"name": "--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_expandable_section_m_display_lg_PaddingBlockEnd": {
"name": "--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_expandable_section_m_display_lg_PaddingInlineStart": {
"name": "--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_expandable_section_m_display_lg_PaddingInlineEnd": {
"name": "--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_expandable_section_m_display_lg_m_expanded_PaddingBlockEnd": {
"name": "--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_expandable_section_m_display_lg_BackgroundColor": {
"name": "--pf-v6-c-expandable-section--m-display-lg--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_expandable_section_m_display_lg_BorderWidth": {
"name": "--pf-v6-c-expandable-section--m-display-lg--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_expandable_section_m_display_lg_BorderColor": {
"name": "--pf-v6-c-expandable-section--m-display-lg--BorderColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_expandable_section_m_display_lg_BorderRadius": {
"name": "--pf-v6-c-expandable-section--m-display-lg--BorderRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_expandable_section_m_indented__content_PaddingInlineStart": {
"name": "--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart",
"value": "calc(0.5rem + 0.5rem + 1em)",
"values": [
"calc(--pf-t--global--spacer--action--horizontal--plain--default + --pf-t--global--spacer--gap--text-to-element--default + --pf-v6-c-expandable-section__toggle-icon--MinWidth)",
"calc(--pf-t--global--spacer--sm + --pf-t--global--spacer--sm + 1em)",
"calc(--pf-t--global--spacer--200 + --pf-t--global--spacer--200 + 1em)",
"calc(0.5rem + 0.5rem + 1em)"
]
},
"c_expandable_section_m_truncate__content_LineClamp": {
"name": "--pf-v6-c-expandable-section--m-truncate__content--LineClamp",
"value": "3"
},
"c_expandable_section_m_truncate_Gap": {
"name": "--pf-v6-c-expandable-section--m-truncate--Gap",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
}
},
".pf-v6-c-expandable-section.pf-m-expanded": {
"c_expandable_section__toggle_icon_Rotate": {
"name": "--pf-v6-c-expandable-section__toggle-icon--Rotate",
"value": "90deg",
"values": [
"--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate",
"90deg"
]
},
"c_expandable_section__toggle_icon_m_expand_top_Rotate": {
"name": "--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate",
"value": "-90deg",
"values": [
"--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate",
"-90deg"
]
},
"c_expandable_section_m_display_lg_PaddingBlockEnd": {
"name": "--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
}
},
".pf-v6-c-expandable-section.pf-m-limit-width": {
"c_expandable_section__content_MaxWidth": {
"name": "--pf-v6-c-expandable-section__content--MaxWidth",
"value": "46.875rem",
"values": [
"--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth",
"46.875rem"
]
}
},
".pf-v6-c-expandable-section.pf-m-indented": {
"c_expandable_section__content_PaddingInlineStart": {
"name": "--pf-v6-c-expandable-section__content--PaddingInlineStart",
"value": "calc(0.5rem + 0.5rem + 1em)",
"values": [
"--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart",
"calc(--pf-t--global--spacer--action--horizontal--plain--default + --pf-t--global--spacer--gap--text-to-element--default + --pf-v6-c-expandable-section__toggle-icon--MinWidth)",
"calc(--pf-t--global--spacer--sm + --pf-t--global--spacer--sm + 1em)",
"calc(--pf-t--global--spacer--200 + --pf-t--global--spacer--200 + 1em)",
"calc(0.5rem + 0.5rem + 1em)"
]
}
},
".pf-v6-c-expandable-section.pf-m-truncate": {
"c_expandable_section_Gap": {
"name": "--pf-v6-c-expandable-section--Gap",
"value": "0.25rem",
"values": [
"--pf-v6-c-expandable-section--m-truncate--Gap",
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
}
},
".pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top": {
"c_expandable_section__toggle_icon_Rotate": {
"name": "--pf-v6-c-expandable-section__toggle-icon--Rotate",
"value": "0",
"values": [
"--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate",
"0"
]
}
}
};
export default c_expandable_section;