package.dist.esm.c_panel.js 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_panel = {
".pf-v5-c-panel": {
"c_panel_Width": {
"name": "--pf-v5-c-panel--Width",
"value": "auto"
},
"c_panel_MinWidth": {
"name": "--pf-v5-c-panel--MinWidth",
"value": "auto"
},
"c_panel_MaxWidth": {
"name": "--pf-v5-c-panel--MaxWidth",
"value": "none"
},
"c_panel_ZIndex": {
"name": "--pf-v5-c-panel--ZIndex",
"value": "auto"
},
"c_panel_BackgroundColor": {
"name": "--pf-v5-c-panel--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_panel_BoxShadow": {
"name": "--pf-v5-c-panel--BoxShadow",
"value": "none"
},
"c_panel_before_BorderWidth": {
"name": "--pf-v5-c-panel--before--BorderWidth",
"value": "0"
},
"c_panel_before_BorderColor": {
"name": "--pf-v5-c-panel--before--BorderColor",
"value": "#d2d2d2",
"values": [
"--pf-v5-global--BorderColor--100",
"$pf-v5-global--BorderColor--100",
"$pf-v5-color-black-300",
"#d2d2d2"
]
},
"c_panel_m_bordered_before_BorderWidth": {
"name": "--pf-v5-c-panel--m-bordered--before--BorderWidth",
"value": "1px",
"values": [
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
},
"c_panel_m_raised_BoxShadow": {
"name": "--pf-v5-c-panel--m-raised--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_panel_m_raised_ZIndex": {
"name": "--pf-v5-c-panel--m-raised--ZIndex",
"value": "200",
"values": [
"--pf-v5-global--ZIndex--sm",
"$pf-v5-global--ZIndex--sm",
"200"
]
},
"c_panel_m_raised_BackgroundColor": {
"name": "--pf-v5-c-panel--m-raised--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_panel__header_PaddingTop": {
"name": "--pf-v5-c-panel__header--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__header_PaddingRight": {
"name": "--pf-v5-c-panel__header--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__header_PaddingBottom": {
"name": "--pf-v5-c-panel__header--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__header_PaddingLeft": {
"name": "--pf-v5-c-panel__header--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__main_MaxHeight": {
"name": "--pf-v5-c-panel__main--MaxHeight",
"value": "none"
},
"c_panel__main_Overflow": {
"name": "--pf-v5-c-panel__main--Overflow",
"value": "visible"
},
"c_panel__main_body_PaddingTop": {
"name": "--pf-v5-c-panel__main-body--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__main_body_PaddingRight": {
"name": "--pf-v5-c-panel__main-body--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__main_body_PaddingBottom": {
"name": "--pf-v5-c-panel__main-body--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__main_body_PaddingLeft": {
"name": "--pf-v5-c-panel__main-body--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__footer_PaddingTop": {
"name": "--pf-v5-c-panel__footer--PaddingTop",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__footer_PaddingRight": {
"name": "--pf-v5-c-panel__footer--PaddingRight",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__footer_PaddingBottom": {
"name": "--pf-v5-c-panel__footer--PaddingBottom",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__footer_PaddingLeft": {
"name": "--pf-v5-c-panel__footer--PaddingLeft",
"value": "1rem",
"values": [
"--pf-v5-global--spacer--md",
"$pf-v5-global--spacer--md",
"pf-size-prem(16px)",
"1rem"
]
},
"c_panel__footer_BoxShadow": {
"name": "--pf-v5-c-panel__footer--BoxShadow",
"value": "none"
},
"c_panel_m_scrollable__main_MaxHeight": {
"name": "--pf-v5-c-panel--m-scrollable__main--MaxHeight",
"value": "18.75rem"
},
"c_panel_m_scrollable__main_Overflow": {
"name": "--pf-v5-c-panel--m-scrollable__main--Overflow",
"value": "auto"
},
"c_panel_m_scrollable__footer_BoxShadow": {
"name": "--pf-v5-c-panel--m-scrollable__footer--BoxShadow",
"value": "0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16)"
}
},
".pf-v5-c-panel.pf-m-bordered": {
"c_panel_before_BorderWidth": {
"name": "--pf-v5-c-panel--before--BorderWidth",
"value": "1px",
"values": [
"--pf-v5-c-panel--m-bordered--before--BorderWidth",
"--pf-v5-global--BorderWidth--sm",
"$pf-v5-global--BorderWidth--sm",
"1px"
]
}
},
".pf-v5-c-panel.pf-m-raised": {
"c_panel_BackgroundColor": {
"name": "--pf-v5-c-panel--BackgroundColor",
"value": "#fff",
"values": [
"--pf-v5-c-panel--m-raised--BackgroundColor",
"--pf-v5-global--BackgroundColor--100",
"$pf-v5-global--BackgroundColor--100",
"$pf-v5-color-white",
"#fff"
]
},
"c_panel_BoxShadow": {
"name": "--pf-v5-c-panel--BoxShadow",
"value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
"values": [
"--pf-v5-c-panel--m-raised--BoxShadow",
"--pf-v5-global--BoxShadow--md",
"$pf-v5-global--BoxShadow--md",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
"0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
"0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
]
},
"c_panel_ZIndex": {
"name": "--pf-v5-c-panel--ZIndex",
"value": "200",
"values": [
"--pf-v5-c-panel--m-raised--ZIndex",
"--pf-v5-global--ZIndex--sm",
"$pf-v5-global--ZIndex--sm",
"200"
]
}
},
".pf-v5-c-panel.pf-m-scrollable": {
"c_panel__main_MaxHeight": {
"name": "--pf-v5-c-panel__main--MaxHeight",
"value": "18.75rem",
"values": [
"--pf-v5-c-panel--m-scrollable__main--MaxHeight",
"18.75rem"
]
},
"c_panel__main_Overflow": {
"name": "--pf-v5-c-panel__main--Overflow",
"value": "auto",
"values": [
"--pf-v5-c-panel--m-scrollable__main--Overflow",
"auto"
]
},
"c_panel__footer_BoxShadow": {
"name": "--pf-v5-c-panel__footer--BoxShadow",
"value": "0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16)",
"values": [
"--pf-v5-c-panel--m-scrollable__footer--BoxShadow",
"0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16)"
]
}
}
};
export default c_panel;© 2015 - 2025 Weber Informatics LLC | Privacy Policy