package.dist.js.c_about_modal_box.d.ts 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_about_modal_box: {
".pf-v5-c-about-modal-box": {
"global_Color_100": {
"name": "--pf-v5-global--Color--100",
"value": "#fff",
"values": [
"--pf-v5-global--Color--light-100",
"$pf-v5-global--Color--light-100",
"$pf-v5-color-white",
"#fff"
]
},
"global_Color_200": {
"name": "--pf-v5-global--Color--200",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--Color--light-200",
"$pf-v5-global--Color--light-200",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"global_BorderColor_100": {
"name": "--pf-v5-global--BorderColor--100",
"value": "#b8bbbe",
"values": [
"--pf-v5-global--BorderColor--light-100",
"$pf-v5-global--BorderColor--light-100",
"$pf-v5-color-black-400",
"#b8bbbe"
]
},
"global_primary_color_100": {
"name": "--pf-v5-global--primary-color--100",
"value": "#73bcf7",
"values": [
"--pf-v5-global--primary-color--light-100",
"$pf-v5-global--primary-color--light-100",
"$pf-v5-color-blue-200",
"#73bcf7"
]
},
"global_link_Color": {
"name": "--pf-v5-global--link--Color",
"value": "#2b9af3",
"values": [
"--pf-v5-global--link--Color--light",
"$pf-v5-global--link--Color--light",
"$pf-v5-global--active-color--300",
"$pf-v5-color-blue-300",
"#2b9af3"
]
},
"global_link_Color_hover": {
"name": "--pf-v5-global--link--Color--hover",
"value": "#2b9af3",
"values": [
"--pf-v5-global--link--Color--light",
"$pf-v5-global--link--Color--light",
"$pf-v5-global--active-color--300",
"$pf-v5-color-blue-300",
"#2b9af3"
]
},
"global_BackgroundColor_100": {
"name": "--pf-v5-global--BackgroundColor--100",
"value": "#151515",
"values": [
"--pf-v5-global--BackgroundColor--dark-100",
"$pf-v5-global--BackgroundColor--dark-100",
"$pf-v5-color-black-900",
"#151515"
]
},
"global_icon_Color_light": {
"name": "--pf-v5-global--icon--Color--light",
"value": "#f0f0f0",
"values": [
"--pf-v5-global--icon--Color--light--light",
"$pf-v5-global--icon--Color--light--light",
"$pf-v5-color-black-200",
"#f0f0f0"
]
},
"global_icon_Color_dark": {
"name": "--pf-v5-global--icon--Color--dark",
"value": "#fff",
"values": [
"--pf-v5-global--icon--Color--dark--light",
"$pf-v5-global--icon--Color--dark--light",
"$pf-v5-color-white",
"#fff"
]
},
"c_about_modal_box_BackgroundImage": {
"name": "--pf-v5-c-about-modal-box--BackgroundImage",
"value": "none"
},
"c_about_modal_box_BackgroundColor": {
"name": "--pf-v5-c-about-modal-box--BackgroundColor",
"value": "#030303",
"values": [
"--pf-v5-global--palette--black-1000",
"$pf-v5-color-black-1000",
"#030303"
]
},
"c_about_modal_box_BackgroundPosition": {
"name": "--pf-v5-c-about-modal-box--BackgroundPosition",
"value": "bottom right"
},
"c_about_modal_box_BackgroundSize_min_width": {
"name": "--pf-v5-c-about-modal-box--BackgroundSize--min-width",
"value": "200px"
},
"c_about_modal_box_BackgroundSize_width": {
"name": "--pf-v5-c-about-modal-box--BackgroundSize--width",
"value": "60%"
},
"c_about_modal_box_BackgroundSize_max_width": {
"name": "--pf-v5-c-about-modal-box--BackgroundSize--max-width",
"value": "600px"
},
"c_about_modal_box_BackgroundSize": {
"name": "--pf-v5-c-about-modal-box--BackgroundSize",
"value": "clamp(200px, 60%, 600px)",
"values": [
"clamp(--pf-v5-c-about-modal-box--BackgroundSize--min-width, --pf-v5-c-about-modal-box--BackgroundSize--width, --pf-v5-c-about-modal-box--BackgroundSize--max-width)",
"clamp(200px, 60%, 600px)"
]
},
"c_about_modal_box_Height": {
"name": "--pf-v5-c-about-modal-box--Height",
"value": "100%"
},
"c_about_modal_box_lg_Height": {
"name": "--pf-v5-c-about-modal-box--lg--Height",
"value": "47.625rem"
},
"c_about_modal_box_Width": {
"name": "--pf-v5-c-about-modal-box--Width",
"value": "100%"
},
"c_about_modal_box_sm_GridTemplateColumns": {
"name": "--pf-v5-c-about-modal-box--sm--GridTemplateColumns",
"value": "5fr 1fr"
},
"c_about_modal_box_lg_GridTemplateColumns": {
"name": "--pf-v5-c-about-modal-box--lg--GridTemplateColumns",
"value": "1fr .6fr"
},
"c_about_modal_box__brand_PaddingTop": {
"name": "--pf-v5-c-about-modal-box__brand--PaddingTop",
"value": "3rem",
"values": [
"--pf-v5-global--spacer--2xl",
"$pf-v5-global--spacer--2xl",
"pf-size-prem(48px)",
"3rem"
]
},
"c_about_modal_box__brand_PaddingRight": {
"name": "--pf-v5-c-about-modal-box__brand--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__brand_PaddingLeft": {
"name": "--pf-v5-c-about-modal-box__brand--PaddingLeft",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__brand_PaddingBottom": {
"name": "--pf-v5-c-about-modal-box__brand--PaddingBottom",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__brand_sm_PaddingRight": {
"name": "--pf-v5-c-about-modal-box__brand--sm--PaddingRight",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_about_modal_box__brand_sm_PaddingLeft": {
"name": "--pf-v5-c-about-modal-box__brand--sm--PaddingLeft",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_about_modal_box__brand_sm_PaddingBottom": {
"name": "--pf-v5-c-about-modal-box__brand--sm--PaddingBottom",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_about_modal_box__close_ZIndex": {
"name": "--pf-v5-c-about-modal-box__close--ZIndex",
"value": "600",
"values": [
"--pf-v5-global--ZIndex--2xl",
"$pf-v5-global--ZIndex--2xl",
"600"
]
},
"c_about_modal_box__close_PaddingTop": {
"name": "--pf-v5-c-about-modal-box__close--PaddingTop",
"value": "3rem",
"values": [
"--pf-v5-global--spacer--2xl",
"$pf-v5-global--spacer--2xl",
"pf-size-prem(48px)",
"3rem"
]
},
"c_about_modal_box__close_PaddingRight": {
"name": "--pf-v5-c-about-modal-box__close--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__close_PaddingBottom": {
"name": "--pf-v5-c-about-modal-box__close--PaddingBottom",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__close_sm_PaddingBottom": {
"name": "--pf-v5-c-about-modal-box__close--sm--PaddingBottom",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_about_modal_box__close_lg_PaddingRight": {
"name": "--pf-v5-c-about-modal-box__close--lg--PaddingRight",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_about_modal_box__close_c_button_Color": {
"name": "--pf-v5-c-about-modal-box__close--c-button--Color",
"value": "#151515",
"values": [
"--pf-v5-global--Color--100",
"$pf-v5-global--Color--100",
"$pf-v5-color-black-900",
"#151515"
]
},
"c_about_modal_box__close_c_button_FontSize": {
"name": "--pf-v5-c-about-modal-box__close--c-button--FontSize",
"value": "1.25rem",
"values": [
"--pf-v5-global--FontSize--xl",
"$pf-v5-global--FontSize--xl",
"pf-font-prem(20px)",
"1.25rem"
]
},
"c_about_modal_box__close_c_button_BorderRadius": {
"name": "--pf-v5-c-about-modal-box__close--c-button--BorderRadius",
"value": "30em",
"values": [
"--pf-v5-global--BorderRadius--lg",
"$pf-v5-global--BorderRadius--lg",
"30em"
]
},
"c_about_modal_box__close_c_button_Width": {
"name": "--pf-v5-c-about-modal-box__close--c-button--Width",
"value": "calc(1.25rem * 2)",
"values": [
"calc(--pf-v5-c-about-modal-box__close--c-button--FontSize * 2)",
"calc(--pf-v5-global--FontSize--xl * 2)",
"calc($pf-v5-global--FontSize--xl * 2)",
"calc(pf-font-prem(20px) * 2)",
"calc(1.25rem * 2)"
]
},
"c_about_modal_box__close_c_button_Height": {
"name": "--pf-v5-c-about-modal-box__close--c-button--Height",
"value": "calc(1.25rem * 2)",
"values": [
"calc(--pf-v5-c-about-modal-box__close--c-button--FontSize * 2)",
"calc(--pf-v5-global--FontSize--xl * 2)",
"calc($pf-v5-global--FontSize--xl * 2)",
"calc(pf-font-prem(20px) * 2)",
"calc(1.25rem * 2)"
]
},
"c_about_modal_box__close_c_button_BackgroundColor": {
"name": "--pf-v5-c-about-modal-box__close--c-button--BackgroundColor",
"value": "#030303",
"values": [
"--pf-v5-global--palette--black-1000",
"$pf-v5-color-black-1000",
"#030303"
]
},
"c_about_modal_box__close_c_button_hover_BackgroundColor": {
"name": "--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor",
"value": "rgba(3, 3, 3, 0.4)"
},
"c_about_modal_box__brand_image_Height": {
"name": "--pf-v5-c-about-modal-box__brand-image--Height",
"value": "2.5rem"
},
"c_about_modal_box__header_PaddingRight": {
"name": "--pf-v5-c-about-modal-box__header--PaddingRight",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__header_PaddingBottom": {
"name": "--pf-v5-c-about-modal-box__header--PaddingBottom",
"value": "0.5rem",
"values": [
"--pf-v5-global--spacer--sm",
"$pf-v5-global--spacer--sm",
"pf-size-prem(8px)",
"0.5rem"
]
},
"c_about_modal_box__header_PaddingLeft": {
"name": "--pf-v5-c-about-modal-box__header--PaddingLeft",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__header_sm_PaddingRight": {
"name": "--pf-v5-c-about-modal-box__header--sm--PaddingRight",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_about_modal_box__header_sm_PaddingLeft": {
"name": "--pf-v5-c-about-modal-box__header--sm--PaddingLeft",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_about_modal_box__strapline_PaddingTop": {
"name": "--pf-v5-c-about-modal-box__strapline--PaddingTop",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__strapline_FontSize": {
"name": "--pf-v5-c-about-modal-box__strapline--FontSize",
"value": "0.875rem",
"values": [
"--pf-v5-global--FontSize--sm",
"$pf-v5-global--FontSize--sm",
"pf-font-prem(14px)",
"0.875rem"
]
},
"c_about_modal_box__strapline_sm_PaddingTop": {
"name": "--pf-v5-c-about-modal-box__strapline--sm--PaddingTop",
"value": "3rem",
"values": [
"--pf-v5-global--spacer--2xl",
"$pf-v5-global--spacer--2xl",
"pf-size-prem(48px)",
"3rem"
]
},
"c_about_modal_box__content_MarginTop": {
"name": "--pf-v5-c-about-modal-box__content--MarginTop",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__content_MarginRight": {
"name": "--pf-v5-c-about-modal-box__content--MarginRight",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__content_MarginBottom": {
"name": "--pf-v5-c-about-modal-box__content--MarginBottom",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__content_MarginLeft": {
"name": "--pf-v5-c-about-modal-box__content--MarginLeft",
"value": "2rem",
"values": [
"--pf-v5-global--spacer--xl",
"$pf-v5-global--spacer--xl",
"pf-size-prem(32px)",
"2rem"
]
},
"c_about_modal_box__content_sm_MarginTop": {
"name": "--pf-v5-c-about-modal-box__content--sm--MarginTop",
"value": "3rem",
"values": [
"--pf-v5-global--spacer--2xl",
"$pf-v5-global--spacer--2xl",
"pf-size-prem(48px)",
"3rem"
]
},
"c_about_modal_box__content_sm_MarginRight": {
"name": "--pf-v5-c-about-modal-box__content--sm--MarginRight",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
},
"c_about_modal_box__content_sm_MarginBottom": {
"name": "--pf-v5-c-about-modal-box__content--sm--MarginBottom",
"value": "3rem",
"values": [
"--pf-v5-global--spacer--2xl",
"$pf-v5-global--spacer--2xl",
"pf-size-prem(48px)",
"3rem"
]
},
"c_about_modal_box__content_sm_MarginLeft": {
"name": "--pf-v5-c-about-modal-box__content--sm--MarginLeft",
"value": "4rem",
"values": [
"--pf-v5-global--spacer--3xl",
"$pf-v5-global--spacer--3xl",
"pf-size-prem(64px)",
"4rem"
]
}
},
".pf-v5-c-about-modal-box .pf-v5-c-button": {
"c_button_m_primary_BackgroundColor": {
"name": "--pf-v5-c-button--m-primary--BackgroundColor",
"value": "#06c",
"values": [
"--pf-v5-global--primary-color--dark-100",
"$pf-v5-global--primary-color--dark-100",
"$pf-v5-color-blue-400",
"#06c"
]
}
},
":where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-about-modal-box": {
"c_about_modal_box_BackgroundPosition": {
"name": "--pf-v5-c-about-modal-box--BackgroundPosition",
"value": "bottom left"
}
},
".pf-v5-c-about-modal-box__close .pf-v5-c-button.pf-m-plain:hover": {
"c_about_modal_box__close_c_button_BackgroundColor": {
"name": "--pf-v5-c-about-modal-box__close--c-button--BackgroundColor",
"value": "rgba(3, 3, 3, 0.4)",
"values": [
"--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor",
"rgba(3, 3, 3, 0.4)"
]
}
}
};
export default c_about_modal_box;© 2015 - 2025 Weber Informatics LLC | Privacy Policy