@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
1,224 lines • 40.1 kB
JavaScript
export const c_avatar = {
".pf-v6-c-avatar": {
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "transparent"
},
"c_avatar_BorderWidth": {
"name": "--pf-v6-c-avatar--BorderWidth",
"value": "0"
},
"c_avatar_BorderRadius": {
"name": "--pf-v6-c-avatar--BorderRadius",
"value": "999px",
"values": [
"--pf-t--global--border--radius--pill",
"--pf-t--global--border--radius--500",
"999px"
]
},
"c_avatar_Width": {
"name": "--pf-v6-c-avatar--Width",
"value": "2.25rem"
},
"c_avatar_Height": {
"name": "--pf-v6-c-avatar--Height",
"value": "2.25rem"
},
"c_avatar_FontSize": {
"name": "--pf-v6-c-avatar--FontSize",
"value": "calc(2.25rem / 1.414)"
},
"c_avatar_m_sm_Width": {
"name": "--pf-v6-c-avatar--m-sm--Width",
"value": "1.5rem"
},
"c_avatar_m_sm_Height": {
"name": "--pf-v6-c-avatar--m-sm--Height",
"value": "1.5rem"
},
"c_avatar_m_sm_FontSize": {
"name": "--pf-v6-c-avatar--m-sm--FontSize",
"value": "calc(1.5rem / 1.414)"
},
"c_avatar_m_md_Width": {
"name": "--pf-v6-c-avatar--m-md--Width",
"value": "2.25rem"
},
"c_avatar_m_md_Height": {
"name": "--pf-v6-c-avatar--m-md--Height",
"value": "2.25rem"
},
"c_avatar_m_md_FontSize": {
"name": "--pf-v6-c-avatar--m-md--FontSize",
"value": "calc(2.25rem / 1.414)"
},
"c_avatar_m_lg_Width": {
"name": "--pf-v6-c-avatar--m-lg--Width",
"value": "4.5rem"
},
"c_avatar_m_lg_Height": {
"name": "--pf-v6-c-avatar--m-lg--Height",
"value": "4.5rem"
},
"c_avatar_m_lg_FontSize": {
"name": "--pf-v6-c-avatar--m-lg--FontSize",
"value": "calc(4.5rem / 1.414)"
},
"c_avatar_m_xl_Width": {
"name": "--pf-v6-c-avatar--m-xl--Width",
"value": "8rem"
},
"c_avatar_m_xl_Height": {
"name": "--pf-v6-c-avatar--m-xl--Height",
"value": "8rem"
},
"c_avatar_m_xl_FontSize": {
"name": "--pf-v6-c-avatar--m-xl--FontSize",
"value": "calc(8rem / 1.414)"
},
"c_avatar_m_bordered_BorderColor": {
"name": "--pf-v6-c-avatar--m-bordered--BorderColor",
"value": "#e0e0e0",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--50",
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"c_avatar_m_bordered_BorderWidth": {
"name": "--pf-v6-c-avatar--m-bordered--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_avatar_m_colorful_BorderWidth": {
"name": "--pf-v6-c-avatar--m-colorful--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_avatar_m_gray_BackgroundColor": {
"name": "--pf-v6-c-avatar--m-gray--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_avatar_m_gray_Color": {
"name": "--pf-v6-c-avatar--m-gray--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-gray--hover",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_m_gray_BorderColor": {
"name": "--pf-v6-c-avatar--m-gray--BorderColor",
"value": "#e0e0e0",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--50",
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"c_avatar_m_red_BackgroundColor": {
"name": "--pf-v6-c-avatar--m-red--BackgroundColor",
"value": "#fbc5c5",
"values": [
"--pf-t--global--color--nonstatus--red--default",
"--pf-t--global--color--nonstatus--red--100",
"--pf-t--color--red--20",
"#fbc5c5"
]
},
"c_avatar_m_red_Color": {
"name": "--pf-v6-c-avatar--m-red--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-red--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_m_red_BorderColor": {
"name": "--pf-v6-c-avatar--m-red--BorderColor",
"value": "#f9a8a8",
"values": [
"--pf-t--global--border--color--nonstatus--red--default",
"--pf-t--global--color--nonstatus--red--200",
"--pf-t--color--red--30",
"#f9a8a8"
]
},
"c_avatar_m_orangered_BackgroundColor": {
"name": "--pf-v6-c-avatar--m-orangered--BackgroundColor",
"value": "#fbbea8",
"values": [
"--pf-t--global--color--nonstatus--orangered--default",
"--pf-t--global--color--nonstatus--orangered--100",
"--pf-t--color--red-orange--20",
"#fbbea8"
]
},
"c_avatar_m_orangered_Color": {
"name": "--pf-v6-c-avatar--m-orangered--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-orangered--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_m_orangered_BorderColor": {
"name": "--pf-v6-c-avatar--m-orangered--BorderColor",
"value": "#f89b78",
"values": [
"--pf-t--global--border--color--nonstatus--orangered--default",
"--pf-t--global--color--nonstatus--orangered--200",
"--pf-t--color--red-orange--30",
"#f89b78"
]
},
"c_avatar_m_orange_BackgroundColor": {
"name": "--pf-v6-c-avatar--m-orange--BackgroundColor",
"value": "#fccb8f",
"values": [
"--pf-t--global--color--nonstatus--orange--default",
"--pf-t--global--color--nonstatus--orange--100",
"--pf-t--color--orange--20",
"#fccb8f"
]
},
"c_avatar_m_orange_Color": {
"name": "--pf-v6-c-avatar--m-orange--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-orange--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_m_orange_BorderColor": {
"name": "--pf-v6-c-avatar--m-orange--BorderColor",
"value": "#f8ae54",
"values": [
"--pf-t--global--border--color--nonstatus--orange--default",
"--pf-t--global--color--nonstatus--orange--200",
"--pf-t--color--orange--30",
"#f8ae54"
]
},
"c_avatar_m_yellow_BackgroundColor": {
"name": "--pf-v6-c-avatar--m-yellow--BackgroundColor",
"value": "#ffe072",
"values": [
"--pf-t--global--color--nonstatus--yellow--default",
"--pf-t--global--color--nonstatus--yellow--100",
"--pf-t--color--yellow--20",
"#ffe072"
]
},
"c_avatar_m_yellow_Color": {
"name": "--pf-v6-c-avatar--m-yellow--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-yellow--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_m_yellow_BorderColor": {
"name": "--pf-v6-c-avatar--m-yellow--BorderColor",
"value": "#ffcc17",
"values": [
"--pf-t--global--border--color--nonstatus--yellow--default",
"--pf-t--global--color--nonstatus--yellow--200",
"--pf-t--color--yellow--30",
"#ffcc17"
]
},
"c_avatar_m_green_BackgroundColor": {
"name": "--pf-v6-c-avatar--m-green--BackgroundColor",
"value": "#d1f1bb",
"values": [
"--pf-t--global--color--nonstatus--green--default",
"--pf-t--global--color--nonstatus--green--100",
"--pf-t--color--green--20",
"#d1f1bb"
]
},
"c_avatar_m_green_Color": {
"name": "--pf-v6-c-avatar--m-green--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-green--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_m_green_BorderColor": {
"name": "--pf-v6-c-avatar--m-green--BorderColor",
"value": "#afdc8f",
"values": [
"--pf-t--global--border--color--nonstatus--green--default",
"--pf-t--global--color--nonstatus--green--200",
"--pf-t--color--green--30",
"#afdc8f"
]
},
"c_avatar_m_teal_BackgroundColor": {
"name": "--pf-v6-c-avatar--m-teal--BackgroundColor",
"value": "#b9e5e5",
"values": [
"--pf-t--global--color--nonstatus--teal--default",
"--pf-t--global--color--nonstatus--teal--100",
"--pf-t--color--teal--20",
"#b9e5e5"
]
},
"c_avatar_m_teal_Color": {
"name": "--pf-v6-c-avatar--m-teal--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-teal--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_m_teal_BorderColor": {
"name": "--pf-v6-c-avatar--m-teal--BorderColor",
"value": "#9ad8d8",
"values": [
"--pf-t--global--border--color--nonstatus--teal--default",
"--pf-t--global--color--nonstatus--teal--200",
"--pf-t--color--teal--30",
"#9ad8d8"
]
},
"c_avatar_m_blue_BackgroundColor": {
"name": "--pf-v6-c-avatar--m-blue--BackgroundColor",
"value": "#b9dafc",
"values": [
"--pf-t--global--color--nonstatus--blue--default",
"--pf-t--global--color--nonstatus--blue--100",
"--pf-t--color--blue--20",
"#b9dafc"
]
},
"c_avatar_m_blue_Color": {
"name": "--pf-v6-c-avatar--m-blue--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-blue--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_m_blue_BorderColor": {
"name": "--pf-v6-c-avatar--m-blue--BorderColor",
"value": "#92c5f9",
"values": [
"--pf-t--global--border--color--nonstatus--blue--default",
"--pf-t--global--color--nonstatus--blue--200",
"--pf-t--color--blue--30",
"#92c5f9"
]
},
"c_avatar_m_purple_BackgroundColor": {
"name": "--pf-v6-c-avatar--m-purple--BackgroundColor",
"value": "#d0c5f4",
"values": [
"--pf-t--global--color--nonstatus--purple--default",
"--pf-t--global--color--nonstatus--purple--100",
"--pf-t--color--purple--20",
"#d0c5f4"
]
},
"c_avatar_m_purple_Color": {
"name": "--pf-v6-c-avatar--m-purple--Color",
"value": "#1f1f1f",
"values": [
"--pf-t--global--icon--color--nonstatus--on-purple--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_m_purple_BorderColor": {
"name": "--pf-v6-c-avatar--m-purple--BorderColor",
"value": "#b6a6e9",
"values": [
"--pf-t--global--border--color--nonstatus--purple--default",
"--pf-t--global--color--nonstatus--purple--200",
"--pf-t--color--purple--30",
"#b6a6e9"
]
},
"c_avatar__initials_FontSize": {
"name": "--pf-v6-c-avatar__initials--FontSize",
"value": "1rem",
"values": [
"--pf-t--global--font--size--body--lg",
"--pf-t--global--font--size--md",
"--pf-t--global--font--size--300",
"1rem"
]
},
"c_avatar__initials_FontWeight": {
"name": "--pf-v6-c-avatar__initials--FontWeight",
"value": "600",
"values": [
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"600"
]
},
"c_avatar_m_sm__initials_FontSize": {
"name": "--pf-v6-c-avatar--m-sm__initials--FontSize",
"value": "0.75rem",
"values": [
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
},
"c_avatar_m_sm__initials_FontWeight": {
"name": "--pf-v6-c-avatar--m-sm__initials--FontWeight",
"value": "600",
"values": [
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"600"
]
},
"c_avatar_m_lg__initials_FontSize": {
"name": "--pf-v6-c-avatar--m-lg__initials--FontSize",
"value": "1.5rem",
"values": [
"--pf-t--global--font--size--2xl",
"--pf-t--global--font--size--600",
"1.5rem"
]
},
"c_avatar_m_lg__initials_FontWeight": {
"name": "--pf-v6-c-avatar--m-lg__initials--FontWeight",
"value": "800",
"values": [
"--pf-t--global--font--weight--heading--bold",
"--pf-t--global--font--weight--400",
"800"
]
},
"c_avatar_m_lg__initials_FontFamily": {
"name": "--pf-v6-c-avatar--m-lg__initials--FontFamily",
"value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif",
"values": [
"--pf-t--global--font--family--heading",
"--pf-t--global--font--family--200",
"\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif"
]
},
"c_avatar_m_xl__initials_FontSize": {
"name": "--pf-v6-c-avatar--m-xl__initials--FontSize",
"value": "2.25rem",
"values": [
"--pf-t--global--font--size--4xl",
"--pf-t--global--font--size--800",
"2.25rem"
]
},
"c_avatar_m_xl__initials_FontWeight": {
"name": "--pf-v6-c-avatar--m-xl__initials--FontWeight",
"value": "600",
"values": [
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"600"
]
},
"c_avatar_m_xl__initials_FontFamily": {
"name": "--pf-v6-c-avatar--m-xl__initials--FontFamily",
"value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif",
"values": [
"--pf-t--global--font--family--heading",
"--pf-t--global--font--family--200",
"\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif"
]
},
"c_avatar_m_gray__initials_Color": {
"name": "--pf-v6-c-avatar--m-gray__initials--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-gray--hover",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_avatar_m_red__initials_Color": {
"name": "--pf-v6-c-avatar--m-red__initials--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-red--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_avatar_m_orangered__initials_Color": {
"name": "--pf-v6-c-avatar--m-orangered__initials--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-orangered--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_avatar_m_orange__initials_Color": {
"name": "--pf-v6-c-avatar--m-orange__initials--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-orange--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_avatar_m_yellow__initials_Color": {
"name": "--pf-v6-c-avatar--m-yellow__initials--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-yellow--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_avatar_m_green__initials_Color": {
"name": "--pf-v6-c-avatar--m-green__initials--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-green--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_avatar_m_teal__initials_Color": {
"name": "--pf-v6-c-avatar--m-teal__initials--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-teal--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_avatar_m_blue__initials_Color": {
"name": "--pf-v6-c-avatar--m-blue__initials--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-blue--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
},
"c_avatar_m_purple__initials_Color": {
"name": "--pf-v6-c-avatar--m-purple__initials--Color",
"value": "#151515",
"values": [
"--pf-t--global--text--color--nonstatus--on-purple--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
},
".pf-v6-c-avatar.pf-m-bordered": {
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "#e0e0e0",
"values": [
"--pf-v6-c-avatar--m-bordered--BorderColor",
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--50",
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"c_avatar_BorderWidth": {
"name": "--pf-v6-c-avatar--BorderWidth",
"value": "1px",
"values": [
"--pf-v6-c-avatar--m-bordered--BorderWidth",
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
}
},
".pf-v6-c-avatar.pf-m-sm": {
"c_avatar_Width": {
"name": "--pf-v6-c-avatar--Width",
"value": "1.5rem",
"values": [
"--pf-v6-c-avatar--m-sm--Width",
"1.5rem"
]
},
"c_avatar_Height": {
"name": "--pf-v6-c-avatar--Height",
"value": "1.5rem",
"values": [
"--pf-v6-c-avatar--m-sm--Height",
"1.5rem"
]
},
"c_avatar_FontSize": {
"name": "--pf-v6-c-avatar--FontSize",
"value": "calc(1.5rem / 1.414)",
"values": [
"--pf-v6-c-avatar--m-sm--FontSize",
"calc(1.5rem / 1.414)"
]
},
"c_avatar__initials_FontSize": {
"name": "--pf-v6-c-avatar__initials--FontSize",
"value": "0.75rem",
"values": [
"--pf-v6-c-avatar--m-sm__initials--FontSize",
"--pf-t--global--font--size--body--sm",
"--pf-t--global--font--size--xs",
"--pf-t--global--font--size--100",
"0.75rem"
]
},
"c_avatar__initials_FontWeight": {
"name": "--pf-v6-c-avatar__initials--FontWeight",
"value": "600",
"values": [
"--pf-v6-c-avatar--m-sm__initials--FontWeight",
"--pf-t--global--font--weight--body--bold",
"--pf-t--global--font--weight--200",
"600"
]
}
},
".pf-v6-c-avatar.pf-m-md": {
"c_avatar_Width": {
"name": "--pf-v6-c-avatar--Width",
"value": "2.25rem",
"values": [
"--pf-v6-c-avatar--m-md--Width",
"2.25rem"
]
},
"c_avatar_Height": {
"name": "--pf-v6-c-avatar--Height",
"value": "2.25rem",
"values": [
"--pf-v6-c-avatar--m-md--Height",
"2.25rem"
]
}
},
".pf-v6-c-avatar.pf-m-lg": {
"c_avatar_Width": {
"name": "--pf-v6-c-avatar--Width",
"value": "4.5rem",
"values": [
"--pf-v6-c-avatar--m-lg--Width",
"4.5rem"
]
},
"c_avatar_Height": {
"name": "--pf-v6-c-avatar--Height",
"value": "4.5rem",
"values": [
"--pf-v6-c-avatar--m-lg--Height",
"4.5rem"
]
},
"c_avatar_FontSize": {
"name": "--pf-v6-c-avatar--FontSize",
"value": "calc(4.5rem / 1.414)",
"values": [
"--pf-v6-c-avatar--m-lg--FontSize",
"calc(4.5rem / 1.414)"
]
},
"c_avatar__initials_FontSize": {
"name": "--pf-v6-c-avatar__initials--FontSize",
"value": "1.5rem",
"values": [
"--pf-v6-c-avatar--m-lg__initials--FontSize",
"--pf-t--global--font--size--2xl",
"--pf-t--global--font--size--600",
"1.5rem"
]
},
"c_avatar__initials_FontWeight": {
"name": "--pf-v6-c-avatar__initials--FontWeight",
"value": "800",
"values": [
"--pf-v6-c-avatar--m-lg__initials--FontWeight",
"--pf-t--global--font--weight--heading--bold",
"--pf-t--global--font--weight--400",
"800"
]
},
"c_avatar__initials_FontFamily": {
"name": "--pf-v6-c-avatar__initials--FontFamily",
"value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif",
"values": [
"--pf-v6-c-avatar--m-lg__initials--FontFamily",
"--pf-t--global--font--family--heading",
"--pf-t--global--font--family--200",
"\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif"
]
}
},
".pf-v6-c-avatar.pf-m-xl": {
"c_avatar_Width": {
"name": "--pf-v6-c-avatar--Width",
"value": "8rem",
"values": [
"--pf-v6-c-avatar--m-xl--Width",
"8rem"
]
},
"c_avatar_Height": {
"name": "--pf-v6-c-avatar--Height",
"value": "8rem",
"values": [
"--pf-v6-c-avatar--m-xl--Height",
"8rem"
]
},
"c_avatar_FontSize": {
"name": "--pf-v6-c-avatar--FontSize",
"value": "calc(8rem / 1.414)",
"values": [
"--pf-v6-c-avatar--m-xl--FontSize",
"calc(8rem / 1.414)"
]
},
"c_avatar__initials_FontSize": {
"name": "--pf-v6-c-avatar__initials--FontSize",
"value": "2.25rem",
"values": [
"--pf-v6-c-avatar--m-xl__initials--FontSize",
"--pf-t--global--font--size--4xl",
"--pf-t--global--font--size--800",
"2.25rem"
]
},
"c_avatar__initials_FontWeight": {
"name": "--pf-v6-c-avatar__initials--FontWeight",
"value": "600",
"values": [
"--pf-v6-c-avatar--m-xl__initials--FontWeight",
"--pf-t--global--font--weight--heading--default",
"--pf-t--global--font--weight--300",
"600"
]
},
"c_avatar__initials_FontFamily": {
"name": "--pf-v6-c-avatar__initials--FontFamily",
"value": "\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif",
"values": [
"--pf-v6-c-avatar--m-xl__initials--FontFamily",
"--pf-t--global--font--family--heading",
"--pf-t--global--font--family--200",
"\"Red Hat Display\", \"RedHatDisplay\", \"Noto Sans Arabic\", \"Noto Sans Hebrew\", \"Noto Sans JP\", \"Noto Sans KR\", \"Noto Sans Malayalam\", \"Noto Sans SC\", \"Noto Sans TC\", \"Noto Sans Thai\", Helvetica, Arial, sans-serif"
]
}
},
".pf-v6-c-avatar.pf-m-colorful": {
"c_avatar_BorderWidth": {
"name": "--pf-v6-c-avatar--BorderWidth",
"value": "1px",
"values": [
"--pf-v6-c-avatar--m-colorful--BorderWidth",
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
}
},
".pf-v6-c-avatar.pf-m-red": {
"c_avatar_BackgroundColor": {
"name": "--pf-v6-c-avatar--BackgroundColor",
"value": "#fbc5c5",
"values": [
"--pf-v6-c-avatar--m-red--BackgroundColor",
"--pf-t--global--color--nonstatus--red--default",
"--pf-t--global--color--nonstatus--red--100",
"--pf-t--color--red--20",
"#fbc5c5"
]
},
"c_avatar_Color": {
"name": "--pf-v6-c-avatar--Color",
"value": "#1f1f1f",
"values": [
"--pf-v6-c-avatar--m-red--Color",
"--pf-t--global--icon--color--nonstatus--on-red--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "#f9a8a8",
"values": [
"--pf-v6-c-avatar--m-red--BorderColor",
"--pf-t--global--border--color--nonstatus--red--default",
"--pf-t--global--color--nonstatus--red--200",
"--pf-t--color--red--30",
"#f9a8a8"
]
},
"c_avatar__initials_Color": {
"name": "--pf-v6-c-avatar__initials--Color",
"value": "#151515",
"values": [
"--pf-v6-c-avatar--m-red__initials--Color",
"--pf-t--global--text--color--nonstatus--on-red--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
},
".pf-v6-c-avatar.pf-m-orangered": {
"c_avatar_BackgroundColor": {
"name": "--pf-v6-c-avatar--BackgroundColor",
"value": "#fbbea8",
"values": [
"--pf-v6-c-avatar--m-orangered--BackgroundColor",
"--pf-t--global--color--nonstatus--orangered--default",
"--pf-t--global--color--nonstatus--orangered--100",
"--pf-t--color--red-orange--20",
"#fbbea8"
]
},
"c_avatar_Color": {
"name": "--pf-v6-c-avatar--Color",
"value": "#1f1f1f",
"values": [
"--pf-v6-c-avatar--m-orangered--Color",
"--pf-t--global--icon--color--nonstatus--on-orangered--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "#f89b78",
"values": [
"--pf-v6-c-avatar--m-orangered--BorderColor",
"--pf-t--global--border--color--nonstatus--orangered--default",
"--pf-t--global--color--nonstatus--orangered--200",
"--pf-t--color--red-orange--30",
"#f89b78"
]
},
"c_avatar__initials_Color": {
"name": "--pf-v6-c-avatar__initials--Color",
"value": "#151515",
"values": [
"--pf-v6-c-avatar--m-orangered__initials--Color",
"--pf-t--global--text--color--nonstatus--on-orangered--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
},
".pf-v6-c-avatar.pf-m-orange": {
"c_avatar_BackgroundColor": {
"name": "--pf-v6-c-avatar--BackgroundColor",
"value": "#fccb8f",
"values": [
"--pf-v6-c-avatar--m-orange--BackgroundColor",
"--pf-t--global--color--nonstatus--orange--default",
"--pf-t--global--color--nonstatus--orange--100",
"--pf-t--color--orange--20",
"#fccb8f"
]
},
"c_avatar_Color": {
"name": "--pf-v6-c-avatar--Color",
"value": "#1f1f1f",
"values": [
"--pf-v6-c-avatar--m-orange--Color",
"--pf-t--global--icon--color--nonstatus--on-orange--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "#f8ae54",
"values": [
"--pf-v6-c-avatar--m-orange--BorderColor",
"--pf-t--global--border--color--nonstatus--orange--default",
"--pf-t--global--color--nonstatus--orange--200",
"--pf-t--color--orange--30",
"#f8ae54"
]
},
"c_avatar__initials_Color": {
"name": "--pf-v6-c-avatar__initials--Color",
"value": "#151515",
"values": [
"--pf-v6-c-avatar--m-orange__initials--Color",
"--pf-t--global--text--color--nonstatus--on-orange--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
},
".pf-v6-c-avatar.pf-m-yellow": {
"c_avatar_BackgroundColor": {
"name": "--pf-v6-c-avatar--BackgroundColor",
"value": "#ffe072",
"values": [
"--pf-v6-c-avatar--m-yellow--BackgroundColor",
"--pf-t--global--color--nonstatus--yellow--default",
"--pf-t--global--color--nonstatus--yellow--100",
"--pf-t--color--yellow--20",
"#ffe072"
]
},
"c_avatar_Color": {
"name": "--pf-v6-c-avatar--Color",
"value": "#1f1f1f",
"values": [
"--pf-v6-c-avatar--m-yellow--Color",
"--pf-t--global--icon--color--nonstatus--on-yellow--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "#ffcc17",
"values": [
"--pf-v6-c-avatar--m-yellow--BorderColor",
"--pf-t--global--border--color--nonstatus--yellow--default",
"--pf-t--global--color--nonstatus--yellow--200",
"--pf-t--color--yellow--30",
"#ffcc17"
]
},
"c_avatar__initials_Color": {
"name": "--pf-v6-c-avatar__initials--Color",
"value": "#151515",
"values": [
"--pf-v6-c-avatar--m-yellow__initials--Color",
"--pf-t--global--text--color--nonstatus--on-yellow--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
},
".pf-v6-c-avatar.pf-m-green": {
"c_avatar_BackgroundColor": {
"name": "--pf-v6-c-avatar--BackgroundColor",
"value": "#d1f1bb",
"values": [
"--pf-v6-c-avatar--m-green--BackgroundColor",
"--pf-t--global--color--nonstatus--green--default",
"--pf-t--global--color--nonstatus--green--100",
"--pf-t--color--green--20",
"#d1f1bb"
]
},
"c_avatar_Color": {
"name": "--pf-v6-c-avatar--Color",
"value": "#1f1f1f",
"values": [
"--pf-v6-c-avatar--m-green--Color",
"--pf-t--global--icon--color--nonstatus--on-green--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "#afdc8f",
"values": [
"--pf-v6-c-avatar--m-green--BorderColor",
"--pf-t--global--border--color--nonstatus--green--default",
"--pf-t--global--color--nonstatus--green--200",
"--pf-t--color--green--30",
"#afdc8f"
]
},
"c_avatar__initials_Color": {
"name": "--pf-v6-c-avatar__initials--Color",
"value": "#151515",
"values": [
"--pf-v6-c-avatar--m-green__initials--Color",
"--pf-t--global--text--color--nonstatus--on-green--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
},
".pf-v6-c-avatar.pf-m-teal": {
"c_avatar_BackgroundColor": {
"name": "--pf-v6-c-avatar--BackgroundColor",
"value": "#b9e5e5",
"values": [
"--pf-v6-c-avatar--m-teal--BackgroundColor",
"--pf-t--global--color--nonstatus--teal--default",
"--pf-t--global--color--nonstatus--teal--100",
"--pf-t--color--teal--20",
"#b9e5e5"
]
},
"c_avatar_Color": {
"name": "--pf-v6-c-avatar--Color",
"value": "#1f1f1f",
"values": [
"--pf-v6-c-avatar--m-teal--Color",
"--pf-t--global--icon--color--nonstatus--on-teal--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "#9ad8d8",
"values": [
"--pf-v6-c-avatar--m-teal--BorderColor",
"--pf-t--global--border--color--nonstatus--teal--default",
"--pf-t--global--color--nonstatus--teal--200",
"--pf-t--color--teal--30",
"#9ad8d8"
]
},
"c_avatar__initials_Color": {
"name": "--pf-v6-c-avatar__initials--Color",
"value": "#151515",
"values": [
"--pf-v6-c-avatar--m-teal__initials--Color",
"--pf-t--global--text--color--nonstatus--on-teal--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
},
".pf-v6-c-avatar.pf-m-blue": {
"c_avatar_BackgroundColor": {
"name": "--pf-v6-c-avatar--BackgroundColor",
"value": "#b9dafc",
"values": [
"--pf-v6-c-avatar--m-blue--BackgroundColor",
"--pf-t--global--color--nonstatus--blue--default",
"--pf-t--global--color--nonstatus--blue--100",
"--pf-t--color--blue--20",
"#b9dafc"
]
},
"c_avatar_Color": {
"name": "--pf-v6-c-avatar--Color",
"value": "#1f1f1f",
"values": [
"--pf-v6-c-avatar--m-blue--Color",
"--pf-t--global--icon--color--nonstatus--on-blue--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "#92c5f9",
"values": [
"--pf-v6-c-avatar--m-blue--BorderColor",
"--pf-t--global--border--color--nonstatus--blue--default",
"--pf-t--global--color--nonstatus--blue--200",
"--pf-t--color--blue--30",
"#92c5f9"
]
},
"c_avatar__initials_Color": {
"name": "--pf-v6-c-avatar__initials--Color",
"value": "#151515",
"values": [
"--pf-v6-c-avatar--m-blue__initials--Color",
"--pf-t--global--text--color--nonstatus--on-blue--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
},
".pf-v6-c-avatar.pf-m-purple": {
"c_avatar_BackgroundColor": {
"name": "--pf-v6-c-avatar--BackgroundColor",
"value": "#d0c5f4",
"values": [
"--pf-v6-c-avatar--m-purple--BackgroundColor",
"--pf-t--global--color--nonstatus--purple--default",
"--pf-t--global--color--nonstatus--purple--100",
"--pf-t--color--purple--20",
"#d0c5f4"
]
},
"c_avatar_Color": {
"name": "--pf-v6-c-avatar--Color",
"value": "#1f1f1f",
"values": [
"--pf-v6-c-avatar--m-purple--Color",
"--pf-t--global--icon--color--nonstatus--on-purple--default",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "#b6a6e9",
"values": [
"--pf-v6-c-avatar--m-purple--BorderColor",
"--pf-t--global--border--color--nonstatus--purple--default",
"--pf-t--global--color--nonstatus--purple--200",
"--pf-t--color--purple--30",
"#b6a6e9"
]
},
"c_avatar__initials_Color": {
"name": "--pf-v6-c-avatar__initials--Color",
"value": "#151515",
"values": [
"--pf-v6-c-avatar--m-purple__initials--Color",
"--pf-t--global--text--color--nonstatus--on-purple--default",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
},
".pf-v6-c-avatar.pf-m-gray": {
"c_avatar_BackgroundColor": {
"name": "--pf-v6-c-avatar--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-v6-c-avatar--m-gray--BackgroundColor",
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_avatar_Color": {
"name": "--pf-v6-c-avatar--Color",
"value": "#1f1f1f",
"values": [
"--pf-v6-c-avatar--m-gray--Color",
"--pf-t--global--icon--color--nonstatus--on-gray--hover",
"--pf-t--global--icon--color--regular",
"--pf-t--global--icon--color--100",
"--pf-t--color--gray--90",
"#1f1f1f"
]
},
"c_avatar_BorderColor": {
"name": "--pf-v6-c-avatar--BorderColor",
"value": "#e0e0e0",
"values": [
"--pf-v6-c-avatar--m-gray--BorderColor",
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--50",
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"c_avatar__initials_Color": {
"name": "--pf-v6-c-avatar__initials--Color",
"value": "#151515",
"values": [
"--pf-v6-c-avatar--m-gray__initials--Color",
"--pf-t--global--text--color--nonstatus--on-gray--hover",
"--pf-t--global--text--color--regular",
"--pf-t--global--text--color--100",
"--pf-t--color--gray--95",
"#151515"
]
}
}
};
export default c_avatar;