@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
477 lines • 18.2 kB
JavaScript
;
exports.__esModule = true;
exports.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"
]
}
}
};
exports["default"] = exports.c_expandable_section;