@patternfly/react-tokens

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_TransitionTimingFunction": { "name": "--pf-v6-c-expandable-section__toggle-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_expandable_section__toggle_icon_TransitionDuration": { "name": "--pf-v6-c-expandable-section__toggle-icon--TransitionDuration", "value": "100ms", "values": [ "--pf-t--global--motion--duration--icon--default", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_expandable_section__toggle_icon_Transition": { "name": "--pf-v6-c-expandable-section__toggle-icon--Transition", "value": "transform 100ms cubic-bezier(.4, 0, .2, 1)", "values": [ "transform --pf-v6-c-expandable-section__toggle-icon--TransitionDuration --pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction", "transform --pf-t--global--motion--duration--icon--default --pf-t--global--motion--timing-function--default", "transform --pf-t--global--motion--duration--sm --pf-t--global--timing-function--200", "transform --pf-t--global--duration--100 cubic-bezier(.4, 0, .2, 1)", "transform 100ms cubic-bezier(.4, 0, .2, 1)" ] }, "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": "-180deg" }, "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": "180deg" }, "c_expandable_section__content_TransitionDuration_collapse_slide": { "name": "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide", "value": "0s" }, "c_expandable_section__content_TransitionDuration_collapse_fade": { "name": "--pf-v6-c-expandable-section__content--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_expandable_section__content_TransitionDuration_expand_slide": { "name": "--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide", "value": "0s" }, "c_expandable_section__content_TransitionDuration_expand_fade": { "name": "--pf-v6-c-expandable-section__content--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_expandable_section__content_TransitionDuration_slide": { "name": "--pf-v6-c-expandable-section__content--TransitionDuration--slide", "value": "0s", "values": [ "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide", "0s" ] }, "c_expandable_section__content_TransitionDuration_fade": { "name": "--pf-v6-c-expandable-section__content--TransitionDuration--fade", "value": "100ms", "values": [ "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade", "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_expandable_section__content_TransitionTimingFunction": { "name": "--pf-v6-c-expandable-section__content--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_expandable_section__content_TransitionDelay_hide": { "name": "--pf-v6-c-expandable-section__content--TransitionDelay--hide", "value": "100ms", "values": [ "--pf-v6-c-expandable-section__content--TransitionDuration--fade", "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade", "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "c_expandable_section__content_Opacity": { "name": "--pf-v6-c-expandable-section__content--Opacity", "value": "0" }, "c_expandable_section__content_TranslateY": { "name": "--pf-v6-c-expandable-section__content--TranslateY", "value": "0" }, "c_expandable_section__content_PaddingInlineStart": { "name": "--pf-v6-c-expandable-section__content--PaddingInlineStart", "value": "0" }, "c_expandable_section__content_MaxHeight": { "name": "--pf-v6-c-expandable-section__content--MaxHeight", "value": "0px" }, "c_expandable_section__content_Visibility": { "name": "--pf-v6-c-expandable-section__content--Visibility", "value": "hidden" }, "c_expandable_section_m_expand_top__content_TranslateY": { "name": "--pf-v6-c-expandable-section--m-expand-top__content--TranslateY", "value": "0" }, "c_expandable_section_m_expand_bottom__content_TranslateY": { "name": "--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY", "value": "0" }, "c_expandable_section_m_expanded__content_Opacity": { "name": "--pf-v6-c-expandable-section--m-expanded__content--Opacity", "value": "1" }, "c_expandable_section_m_expanded__content_TranslateY": { "name": "--pf-v6-c-expandable-section--m-expanded__content--TranslateY", "value": "0" }, "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": "#e0e0e0", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--50", "--pf-t--color--gray--20", "#e0e0e0" ] }, "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_display_lg_TransitionDelay": { "name": "--pf-v6-c-expandable-section--m-display-lg--TransitionDelay", "value": "100ms", "values": [ "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade", "--pf-t--global--motion--duration--fade--short", "--pf-t--global--motion--duration--sm", "--pf-t--global--duration--100", "100ms" ] }, "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": "-180deg", "values": [ "--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate", "-180deg" ] }, "c_expandable_section__toggle_icon_m_expand_top_Rotate": { "name": "--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate", "value": "180deg", "values": [ "--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate", "180deg" ] }, "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" ] }, "c_expandable_section__content_TransitionDuration_slide": { "name": "--pf-v6-c-expandable-section__content--TransitionDuration--slide", "value": "0s", "values": [ "--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide", "0s" ] }, "c_expandable_section__content_TransitionDuration_fade": { "name": "--pf-v6-c-expandable-section__content--TransitionDuration--fade", "value": "200ms", "values": [ "--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade", "--pf-t--global--motion--duration--fade--default", "--pf-t--global--motion--duration--md", "--pf-t--global--duration--200", "200ms" ] }, "c_expandable_section__content_Opacity": { "name": "--pf-v6-c-expandable-section__content--Opacity", "value": "1", "values": [ "--pf-v6-c-expandable-section--m-expanded__content--Opacity", "1" ] }, "c_expandable_section__content_TranslateY": { "name": "--pf-v6-c-expandable-section__content--TranslateY", "value": "0", "values": [ "--pf-v6-c-expandable-section--m-expanded__content--TranslateY", "0" ] }, "c_expandable_section__content_Visibility": { "name": "--pf-v6-c-expandable-section__content--Visibility", "value": "auto" }, "c_expandable_section__content_Overflow": { "name": "--pf-v6-c-expandable-section__content--Overflow", "value": "visible" }, "c_expandable_section__content_MaxHeight": { "name": "--pf-v6-c-expandable-section__content--MaxHeight", "value": "99999px" }, "c_expandable_section__content_TransitionDelay_hide": { "name": "--pf-v6-c-expandable-section__content--TransitionDelay--hide", "value": "0s" } }, ".pf-v6-c-expandable-section.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" ] } }, ".pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child):not(.pf-m-expand-top, .pf-m-expand-bottom)": { "c_expandable_section__content_TranslateY": { "name": "--pf-v6-c-expandable-section__content--TranslateY", "value": "0" }, "c_expandable_section__content_TransitionDuration_expand_fade": { "name": "--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade", "value": "0s" }, "c_expandable_section__content_TransitionDuration_collapse_fade": { "name": "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade", "value": "0s" } }, ".pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-top:not(.pf-m-expanded)": { "c_expandable_section__content_TranslateY": { "name": "--pf-v6-c-expandable-section__content--TranslateY", "value": "0", "values": [ "--pf-v6-c-expandable-section--m-expand-top__content--TranslateY", "0" ] } }, ".pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-bottom:not(.pf-m-expanded)": { "c_expandable_section__content_TranslateY": { "name": "--pf-v6-c-expandable-section__content--TranslateY", "value": "0", "values": [ "--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY", "0" ] } }, ".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" ] }, "c_expandable_section__content_TransitionDelay_hide": { "name": "--pf-v6-c-expandable-section__content--TransitionDelay--hide", "value": "0s" } }, ".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;