@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
1,799 lines • 191 kB
JavaScript
export const patternfly_variables = {
":root": {
"global_inverse_multiplier": {
"name": "--pf-v6-global--inverse--multiplier",
"value": "1"
},
"t_color_black": {
"name": "--pf-t--color--black",
"value": "#000000"
},
"t_color_blue_10": {
"name": "--pf-t--color--blue--10",
"value": "#e0f0ff"
},
"t_color_blue_20": {
"name": "--pf-t--color--blue--20",
"value": "#b9dafc"
},
"t_color_blue_30": {
"name": "--pf-t--color--blue--30",
"value": "#92c5f9"
},
"t_color_blue_40": {
"name": "--pf-t--color--blue--40",
"value": "#4394e5"
},
"t_color_blue_50": {
"name": "--pf-t--color--blue--50",
"value": "#0066cc"
},
"t_color_blue_60": {
"name": "--pf-t--color--blue--60",
"value": "#004d99"
},
"t_color_blue_70": {
"name": "--pf-t--color--blue--70",
"value": "#003366"
},
"t_color_gray_10": {
"name": "--pf-t--color--gray--10",
"value": "#f2f2f2"
},
"t_color_gray_20": {
"name": "--pf-t--color--gray--20",
"value": "#e0e0e0"
},
"t_color_gray_30": {
"name": "--pf-t--color--gray--30",
"value": "#c7c7c7"
},
"t_color_gray_40": {
"name": "--pf-t--color--gray--40",
"value": "#a3a3a3"
},
"t_color_gray_50": {
"name": "--pf-t--color--gray--50",
"value": "#707070"
},
"t_color_gray_60": {
"name": "--pf-t--color--gray--60",
"value": "#4d4d4d"
},
"t_color_gray_70": {
"name": "--pf-t--color--gray--70",
"value": "#383838"
},
"t_color_gray_80": {
"name": "--pf-t--color--gray--80",
"value": "#292929"
},
"t_color_gray_90": {
"name": "--pf-t--color--gray--90",
"value": "#1f1f1f"
},
"t_color_gray_95": {
"name": "--pf-t--color--gray--95",
"value": "#151515"
},
"t_color_green_10": {
"name": "--pf-t--color--green--10",
"value": "#e9f7df"
},
"t_color_green_20": {
"name": "--pf-t--color--green--20",
"value": "#d1f1bb"
},
"t_color_green_30": {
"name": "--pf-t--color--green--30",
"value": "#afdc8f"
},
"t_color_green_40": {
"name": "--pf-t--color--green--40",
"value": "#87bb62"
},
"t_color_green_50": {
"name": "--pf-t--color--green--50",
"value": "#63993d"
},
"t_color_green_60": {
"name": "--pf-t--color--green--60",
"value": "#3d7317"
},
"t_color_green_70": {
"name": "--pf-t--color--green--70",
"value": "#204d00"
},
"t_color_orange_10": {
"name": "--pf-t--color--orange--10",
"value": "#ffe8cc"
},
"t_color_orange_20": {
"name": "--pf-t--color--orange--20",
"value": "#fccb8f"
},
"t_color_orange_30": {
"name": "--pf-t--color--orange--30",
"value": "#f8ae54"
},
"t_color_orange_40": {
"name": "--pf-t--color--orange--40",
"value": "#f5921b"
},
"t_color_orange_50": {
"name": "--pf-t--color--orange--50",
"value": "#ca6c0f"
},
"t_color_orange_60": {
"name": "--pf-t--color--orange--60",
"value": "#9e4a06"
},
"t_color_orange_70": {
"name": "--pf-t--color--orange--70",
"value": "#732e00"
},
"t_color_purple_10": {
"name": "--pf-t--color--purple--10",
"value": "#ece6ff"
},
"t_color_purple_20": {
"name": "--pf-t--color--purple--20",
"value": "#d0c5f4"
},
"t_color_purple_30": {
"name": "--pf-t--color--purple--30",
"value": "#b6a6e9"
},
"t_color_purple_40": {
"name": "--pf-t--color--purple--40",
"value": "#876fd4"
},
"t_color_purple_50": {
"name": "--pf-t--color--purple--50",
"value": "#5e40be"
},
"t_color_purple_60": {
"name": "--pf-t--color--purple--60",
"value": "#3d2785"
},
"t_color_purple_70": {
"name": "--pf-t--color--purple--70",
"value": "#21134d"
},
"t_color_red_10": {
"name": "--pf-t--color--red--10",
"value": "#fce3e3"
},
"t_color_red_20": {
"name": "--pf-t--color--red--20",
"value": "#fbc5c5"
},
"t_color_red_30": {
"name": "--pf-t--color--red--30",
"value": "#f9a8a8"
},
"t_color_red_40": {
"name": "--pf-t--color--red--40",
"value": "#f56e6e"
},
"t_color_red_50": {
"name": "--pf-t--color--red--50",
"value": "#ee0000"
},
"t_color_red_60": {
"name": "--pf-t--color--red--60",
"value": "#a60000"
},
"t_color_red_70": {
"name": "--pf-t--color--red--70",
"value": "#5f0000"
},
"t_color_red_orange_10": {
"name": "--pf-t--color--red-orange--10",
"value": "#ffe3d9"
},
"t_color_red_orange_20": {
"name": "--pf-t--color--red-orange--20",
"value": "#fbbea8"
},
"t_color_red_orange_30": {
"name": "--pf-t--color--red-orange--30",
"value": "#f89b78"
},
"t_color_red_orange_40": {
"name": "--pf-t--color--red-orange--40",
"value": "#f4784a"
},
"t_color_red_orange_50": {
"name": "--pf-t--color--red-orange--50",
"value": "#f0561d"
},
"t_color_red_orange_60": {
"name": "--pf-t--color--red-orange--60",
"value": "#b1380b"
},
"t_color_red_orange_70": {
"name": "--pf-t--color--red-orange--70",
"value": "#731f00"
},
"t_color_teal_10": {
"name": "--pf-t--color--teal--10",
"value": "#daf2f2"
},
"t_color_teal_20": {
"name": "--pf-t--color--teal--20",
"value": "#b9e5e5"
},
"t_color_teal_30": {
"name": "--pf-t--color--teal--30",
"value": "#9ad8d8"
},
"t_color_teal_40": {
"name": "--pf-t--color--teal--40",
"value": "#63bdbd"
},
"t_color_teal_50": {
"name": "--pf-t--color--teal--50",
"value": "#37a3a3"
},
"t_color_teal_60": {
"name": "--pf-t--color--teal--60",
"value": "#147878"
},
"t_color_teal_70": {
"name": "--pf-t--color--teal--70",
"value": "#004d4d"
},
"t_color_white": {
"name": "--pf-t--color--white",
"value": "#ffffff"
},
"t_color_yellow_10": {
"name": "--pf-t--color--yellow--10",
"value": "#fff4cc"
},
"t_color_yellow_20": {
"name": "--pf-t--color--yellow--20",
"value": "#ffe072"
},
"t_color_yellow_30": {
"name": "--pf-t--color--yellow--30",
"value": "#ffcc17"
},
"t_color_yellow_40": {
"name": "--pf-t--color--yellow--40",
"value": "#dca614"
},
"t_color_yellow_50": {
"name": "--pf-t--color--yellow--50",
"value": "#b98412"
},
"t_color_yellow_60": {
"name": "--pf-t--color--yellow--60",
"value": "#96640f"
},
"t_color_yellow_70": {
"name": "--pf-t--color--yellow--70",
"value": "#73480b"
},
"t_global_background_color_500": {
"name": "--pf-t--global--background--color--500",
"value": "rgba(21, 21, 21, 0.2000)"
},
"t_global_background_color_600": {
"name": "--pf-t--global--background--color--600",
"value": "rgba(199, 199, 199, 0.2500)"
},
"t_global_background_color_action_plain_default": {
"name": "--pf-t--global--background--color--action--plain--default",
"value": "rgba(255, 255, 255, 0.0000)"
},
"t_global_border_radius_0": {
"name": "--pf-t--global--border--radius--0",
"value": "0px"
},
"t_global_border_radius_100": {
"name": "--pf-t--global--border--radius--100",
"value": "4px"
},
"t_global_border_radius_200": {
"name": "--pf-t--global--border--radius--200",
"value": "6px"
},
"t_global_border_radius_300": {
"name": "--pf-t--global--border--radius--300",
"value": "16px"
},
"t_global_border_radius_400": {
"name": "--pf-t--global--border--radius--400",
"value": "24px"
},
"t_global_border_radius_500": {
"name": "--pf-t--global--border--radius--500",
"value": "999px"
},
"t_global_border_width_100": {
"name": "--pf-t--global--border--width--100",
"value": "1px"
},
"t_global_border_width_200": {
"name": "--pf-t--global--border--width--200",
"value": "2px"
},
"t_global_border_width_300": {
"name": "--pf-t--global--border--width--300",
"value": "3px"
},
"t_global_box_shadow_X_100": {
"name": "--pf-t--global--box-shadow--X--100",
"value": "-10px"
},
"t_global_box_shadow_X_200": {
"name": "--pf-t--global--box-shadow--X--200",
"value": "-4px"
},
"t_global_box_shadow_X_300": {
"name": "--pf-t--global--box-shadow--X--300",
"value": "-1px"
},
"t_global_box_shadow_X_400": {
"name": "--pf-t--global--box-shadow--X--400",
"value": "0px"
},
"t_global_box_shadow_X_50": {
"name": "--pf-t--global--box-shadow--X--50",
"value": "-20px"
},
"t_global_box_shadow_X_500": {
"name": "--pf-t--global--box-shadow--X--500",
"value": "1px"
},
"t_global_box_shadow_X_600": {
"name": "--pf-t--global--box-shadow--X--600",
"value": "4px"
},
"t_global_box_shadow_X_700": {
"name": "--pf-t--global--box-shadow--X--700",
"value": "10px"
},
"t_global_box_shadow_X_800": {
"name": "--pf-t--global--box-shadow--X--800",
"value": "20px"
},
"t_global_box_shadow_Y_100": {
"name": "--pf-t--global--box-shadow--Y--100",
"value": "-10px"
},
"t_global_box_shadow_Y_200": {
"name": "--pf-t--global--box-shadow--Y--200",
"value": "-4px"
},
"t_global_box_shadow_Y_300": {
"name": "--pf-t--global--box-shadow--Y--300",
"value": "-1px"
},
"t_global_box_shadow_Y_400": {
"name": "--pf-t--global--box-shadow--Y--400",
"value": "0px"
},
"t_global_box_shadow_Y_50": {
"name": "--pf-t--global--box-shadow--Y--50",
"value": "-20px"
},
"t_global_box_shadow_Y_500": {
"name": "--pf-t--global--box-shadow--Y--500",
"value": "1px"
},
"t_global_box_shadow_Y_600": {
"name": "--pf-t--global--box-shadow--Y--600",
"value": "4px"
},
"t_global_box_shadow_Y_700": {
"name": "--pf-t--global--box-shadow--Y--700",
"value": "10px"
},
"t_global_box_shadow_Y_800": {
"name": "--pf-t--global--box-shadow--Y--800",
"value": "20px"
},
"t_global_box_shadow_blur_100": {
"name": "--pf-t--global--box-shadow--blur--100",
"value": "4px"
},
"t_global_box_shadow_blur_200": {
"name": "--pf-t--global--box-shadow--blur--200",
"value": "9px"
},
"t_global_box_shadow_blur_300": {
"name": "--pf-t--global--box-shadow--blur--300",
"value": "20px"
},
"t_global_box_shadow_color_100": {
"name": "--pf-t--global--box-shadow--color--100",
"value": "rgba(41, 41, 41, 0.1500)"
},
"t_global_box_shadow_color_200": {
"name": "--pf-t--global--box-shadow--color--200",
"value": "rgba(41, 41, 41, 0.2000)"
},
"t_global_box_shadow_spread_100": {
"name": "--pf-t--global--box-shadow--spread--100",
"value": "0px"
},
"t_global_box_shadow_spread_200": {
"name": "--pf-t--global--box-shadow--spread--200",
"value": "-4px"
},
"t_global_box_shadow_spread_300": {
"name": "--pf-t--global--box-shadow--spread--300",
"value": "-8px"
},
"t_global_box_shadow_spread_400": {
"name": "--pf-t--global--box-shadow--spread--400",
"value": "-20px"
},
"t_global_breakpoint_100": {
"name": "--pf-t--global--breakpoint--100",
"value": "0rem"
},
"t_global_breakpoint_200": {
"name": "--pf-t--global--breakpoint--200",
"value": "36rem"
},
"t_global_breakpoint_250": {
"name": "--pf-t--global--breakpoint--250",
"value": "40rem"
},
"t_global_breakpoint_300": {
"name": "--pf-t--global--breakpoint--300",
"value": "48rem"
},
"t_global_breakpoint_350": {
"name": "--pf-t--global--breakpoint--350",
"value": "60rem"
},
"t_global_breakpoint_400": {
"name": "--pf-t--global--breakpoint--400",
"value": "62rem"
},
"t_global_breakpoint_500": {
"name": "--pf-t--global--breakpoint--500",
"value": "75rem"
},
"t_global_breakpoint_550": {
"name": "--pf-t--global--breakpoint--550",
"value": "80rem"
},
"t_global_breakpoint_600": {
"name": "--pf-t--global--breakpoint--600",
"value": "90.625rem"
},
"t_global_delay_100": {
"name": "--pf-t--global--delay--100",
"value": "0ms"
},
"t_global_delay_200": {
"name": "--pf-t--global--delay--200",
"value": "50ms"
},
"t_global_delay_300": {
"name": "--pf-t--global--delay--300",
"value": "100ms"
},
"t_global_delay_400": {
"name": "--pf-t--global--delay--400",
"value": "7000ms"
},
"t_global_duration_100": {
"name": "--pf-t--global--duration--100",
"value": "100ms"
},
"t_global_duration_200": {
"name": "--pf-t--global--duration--200",
"value": "200ms"
},
"t_global_duration_300": {
"name": "--pf-t--global--duration--300",
"value": "300ms"
},
"t_global_duration_400": {
"name": "--pf-t--global--duration--400",
"value": "400ms"
},
"t_global_duration_50": {
"name": "--pf-t--global--duration--50",
"value": "50ms"
},
"t_global_duration_500": {
"name": "--pf-t--global--duration--500",
"value": "500ms"
},
"t_global_duration_600": {
"name": "--pf-t--global--duration--600",
"value": "600ms"
},
"t_global_font_family_100": {
"name": "--pf-t--global--font--family--100",
"value": "\"Red Hat Text\", \"RedHatText\", \"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"
},
"t_global_font_family_200": {
"name": "--pf-t--global--font--family--200",
"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"
},
"t_global_font_family_300": {
"name": "--pf-t--global--font--family--300",
"value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace"
},
"t_global_font_line_height_100": {
"name": "--pf-t--global--font--line-height--100",
"value": "1.3"
},
"t_global_font_line_height_200": {
"name": "--pf-t--global--font--line-height--200",
"value": "1.5"
},
"t_global_font_size_100": {
"name": "--pf-t--global--font--size--100",
"value": "0.75rem"
},
"t_global_font_size_200": {
"name": "--pf-t--global--font--size--200",
"value": "0.875rem"
},
"t_global_font_size_300": {
"name": "--pf-t--global--font--size--300",
"value": "1rem"
},
"t_global_font_size_400": {
"name": "--pf-t--global--font--size--400",
"value": "1.125rem"
},
"t_global_font_size_500": {
"name": "--pf-t--global--font--size--500",
"value": "1.25rem"
},
"t_global_font_size_600": {
"name": "--pf-t--global--font--size--600",
"value": "1.5rem"
},
"t_global_font_size_700": {
"name": "--pf-t--global--font--size--700",
"value": "1.75rem"
},
"t_global_font_size_800": {
"name": "--pf-t--global--font--size--800",
"value": "2.25rem"
},
"t_global_font_weight_100": {
"name": "--pf-t--global--font--weight--100",
"value": "400"
},
"t_global_font_weight_200": {
"name": "--pf-t--global--font--weight--200",
"value": "500"
},
"t_global_font_weight_300": {
"name": "--pf-t--global--font--weight--300",
"value": "500"
},
"t_global_font_weight_400": {
"name": "--pf-t--global--font--weight--400",
"value": "700"
},
"t_global_icon_size_100": {
"name": "--pf-t--global--icon--size--100",
"value": "0.75rem"
},
"t_global_icon_size_200": {
"name": "--pf-t--global--icon--size--200",
"value": "0.875rem"
},
"t_global_icon_size_250": {
"name": "--pf-t--global--icon--size--250",
"value": "1rem"
},
"t_global_icon_size_300": {
"name": "--pf-t--global--icon--size--300",
"value": "1.5rem"
},
"t_global_icon_size_400": {
"name": "--pf-t--global--icon--size--400",
"value": "3.5rem"
},
"t_global_icon_size_500": {
"name": "--pf-t--global--icon--size--500",
"value": "6rem"
},
"t_global_spacer_100": {
"name": "--pf-t--global--spacer--100",
"value": "0.25rem"
},
"t_global_spacer_200": {
"name": "--pf-t--global--spacer--200",
"value": "0.5rem"
},
"t_global_spacer_300": {
"name": "--pf-t--global--spacer--300",
"value": "1rem"
},
"t_global_spacer_400": {
"name": "--pf-t--global--spacer--400",
"value": "1.5rem"
},
"t_global_spacer_500": {
"name": "--pf-t--global--spacer--500",
"value": "2rem"
},
"t_global_spacer_600": {
"name": "--pf-t--global--spacer--600",
"value": "3rem"
},
"t_global_spacer_700": {
"name": "--pf-t--global--spacer--700",
"value": "4rem"
},
"t_global_spacer_800": {
"name": "--pf-t--global--spacer--800",
"value": "5rem"
},
"t_global_text_decoration_line_100": {
"name": "--pf-t--global--text-decoration--line--100",
"value": "none"
},
"t_global_text_decoration_line_200": {
"name": "--pf-t--global--text-decoration--line--200",
"value": "underline"
},
"t_global_text_decoration_style_100": {
"name": "--pf-t--global--text-decoration--style--100",
"value": "solid"
},
"t_global_text_decoration_style_200": {
"name": "--pf-t--global--text-decoration--style--200",
"value": "dashed"
},
"t_global_timing_function_100": {
"name": "--pf-t--global--timing-function--100",
"value": "cubic-bezier(.4, 0, .7, .2)"
},
"t_global_timing_function_200": {
"name": "--pf-t--global--timing-function--200",
"value": "cubic-bezier(.4, 0, .2, 1)"
},
"t_global_timing_function_300": {
"name": "--pf-t--global--timing-function--300",
"value": "cubic-bezier(0, 0, .2, 1)"
},
"t_global_z_index_100": {
"name": "--pf-t--global--z-index--100",
"value": "100"
},
"t_global_z_index_200": {
"name": "--pf-t--global--z-index--200",
"value": "200"
},
"t_global_z_index_300": {
"name": "--pf-t--global--z-index--300",
"value": "300"
},
"t_global_z_index_400": {
"name": "--pf-t--global--z-index--400",
"value": "400"
},
"t_global_z_index_500": {
"name": "--pf-t--global--z-index--500",
"value": "500"
},
"t_global_z_index_600": {
"name": "--pf-t--global--z-index--600",
"value": "600"
},
"t_global_background_color_100": {
"name": "--pf-t--global--background--color--100",
"value": "#ffffff",
"values": [
"--pf-t--color--white",
"#ffffff"
]
},
"t_global_background_color_200": {
"name": "--pf-t--global--background--color--200",
"value": "#f2f2f2",
"values": [
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"t_global_background_color_300": {
"name": "--pf-t--global--background--color--300",
"value": "#e0e0e0",
"values": [
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"t_global_background_color_400": {
"name": "--pf-t--global--background--color--400",
"value": "#292929",
"values": [
"--pf-t--color--gray--80",
"#292929"
]
},
"t_global_background_color_450": {
"name": "--pf-t--global--background--color--450",
"value": "#383838",
"values": [
"--pf-t--color--gray--70",
"#383838"
]
},
"t_global_background_color_action_plain_clicked": {
"name": "--pf-t--global--background--color--action--plain--clicked",
"value": "rgba(199, 199, 199, 0.2500)",
"values": [
"--pf-t--global--background--color--600",
"rgba(199, 199, 199, 0.2500)"
]
},
"t_global_background_color_action_plain_hover": {
"name": "--pf-t--global--background--color--action--plain--hover",
"value": "rgba(199, 199, 199, 0.2500)",
"values": [
"--pf-t--global--background--color--600",
"rgba(199, 199, 199, 0.2500)"
]
},
"t_global_background_color_backdrop_default": {
"name": "--pf-t--global--background--color--backdrop--default",
"value": "rgba(21, 21, 21, 0.2000)",
"values": [
"--pf-t--global--background--color--500",
"rgba(21, 21, 21, 0.2000)"
]
},
"t_global_background_color_highlight_100": {
"name": "--pf-t--global--background--color--highlight--100",
"value": "#ffcc17",
"values": [
"--pf-t--color--yellow--30",
"#ffcc17"
]
},
"t_global_background_color_highlight_200": {
"name": "--pf-t--global--background--color--highlight--200",
"value": "#dca614",
"values": [
"--pf-t--color--yellow--40",
"#dca614"
]
},
"t_global_background_color_tertiary_default": {
"name": "--pf-t--global--background--color--tertiary--default",
"value": "rgba(199, 199, 199, 0.2500)",
"values": [
"--pf-t--global--background--color--600",
"rgba(199, 199, 199, 0.2500)"
]
},
"t_global_border_color_100": {
"name": "--pf-t--global--border--color--100",
"value": "#c7c7c7",
"values": [
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"t_global_border_color_200": {
"name": "--pf-t--global--border--color--200",
"value": "#a3a3a3",
"values": [
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"t_global_border_color_300": {
"name": "--pf-t--global--border--color--300",
"value": "#707070",
"values": [
"--pf-t--color--gray--50",
"#707070"
]
},
"t_global_border_color_50": {
"name": "--pf-t--global--border--color--50",
"value": "#e0e0e0",
"values": [
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"t_global_border_radius_large": {
"name": "--pf-t--global--border--radius--large",
"value": "24px",
"values": [
"--pf-t--global--border--radius--400",
"24px"
]
},
"t_global_border_radius_medium": {
"name": "--pf-t--global--border--radius--medium",
"value": "16px",
"values": [
"--pf-t--global--border--radius--300",
"16px"
]
},
"t_global_border_radius_pill": {
"name": "--pf-t--global--border--radius--pill",
"value": "999px",
"values": [
"--pf-t--global--border--radius--500",
"999px"
]
},
"t_global_border_radius_sharp": {
"name": "--pf-t--global--border--radius--sharp",
"value": "0px",
"values": [
"--pf-t--global--border--radius--0",
"0px"
]
},
"t_global_border_radius_small": {
"name": "--pf-t--global--border--radius--small",
"value": "6px",
"values": [
"--pf-t--global--border--radius--200",
"6px"
]
},
"t_global_border_radius_tiny": {
"name": "--pf-t--global--border--radius--tiny",
"value": "4px",
"values": [
"--pf-t--global--border--radius--100",
"4px"
]
},
"t_global_border_width_action_clicked": {
"name": "--pf-t--global--border--width--action--clicked",
"value": "2px",
"values": [
"--pf-t--global--border--width--200",
"2px"
]
},
"t_global_border_width_action_default": {
"name": "--pf-t--global--border--width--action--default",
"value": "1px",
"values": [
"--pf-t--global--border--width--100",
"1px"
]
},
"t_global_border_width_action_hover": {
"name": "--pf-t--global--border--width--action--hover",
"value": "2px",
"values": [
"--pf-t--global--border--width--200",
"2px"
]
},
"t_global_border_width_box_clicked": {
"name": "--pf-t--global--border--width--box--clicked",
"value": "2px",
"values": [
"--pf-t--global--border--width--200",
"2px"
]
},
"t_global_border_width_box_default": {
"name": "--pf-t--global--border--width--box--default",
"value": "1px",
"values": [
"--pf-t--global--border--width--100",
"1px"
]
},
"t_global_border_width_box_hover": {
"name": "--pf-t--global--border--width--box--hover",
"value": "1px",
"values": [
"--pf-t--global--border--width--100",
"1px"
]
},
"t_global_border_width_box_status_default": {
"name": "--pf-t--global--border--width--box--status--default",
"value": "2px",
"values": [
"--pf-t--global--border--width--200",
"2px"
]
},
"t_global_border_width_box_status_read": {
"name": "--pf-t--global--border--width--box--status--read",
"value": "1px",
"values": [
"--pf-t--global--border--width--100",
"1px"
]
},
"t_global_border_width_control_clicked": {
"name": "--pf-t--global--border--width--control--clicked",
"value": "2px",
"values": [
"--pf-t--global--border--width--200",
"2px"
]
},
"t_global_border_width_control_default": {
"name": "--pf-t--global--border--width--control--default",
"value": "1px",
"values": [
"--pf-t--global--border--width--100",
"1px"
]
},
"t_global_border_width_control_hover": {
"name": "--pf-t--global--border--width--control--hover",
"value": "1px",
"values": [
"--pf-t--global--border--width--100",
"1px"
]
},
"t_global_border_width_divider_clicked": {
"name": "--pf-t--global--border--width--divider--clicked",
"value": "1px",
"values": [
"--pf-t--global--border--width--100",
"1px"
]
},
"t_global_border_width_divider_default": {
"name": "--pf-t--global--border--width--divider--default",
"value": "1px",
"values": [
"--pf-t--global--border--width--100",
"1px"
]
},
"t_global_border_width_divider_hover": {
"name": "--pf-t--global--border--width--divider--hover",
"value": "1px",
"values": [
"--pf-t--global--border--width--100",
"1px"
]
},
"t_global_border_width_extra_strong": {
"name": "--pf-t--global--border--width--extra-strong",
"value": "3px",
"values": [
"--pf-t--global--border--width--300",
"3px"
]
},
"t_global_border_width_regular": {
"name": "--pf-t--global--border--width--regular",
"value": "1px",
"values": [
"--pf-t--global--border--width--100",
"1px"
]
},
"t_global_border_width_strong": {
"name": "--pf-t--global--border--width--strong",
"value": "2px",
"values": [
"--pf-t--global--border--width--200",
"2px"
]
},
"t_global_box_shadow_X_lg_bottom": {
"name": "--pf-t--global--box-shadow--X--lg--bottom",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--X--400",
"0px"
]
},
"t_global_box_shadow_X_lg_default": {
"name": "--pf-t--global--box-shadow--X--lg--default",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--X--400",
"0px"
]
},
"t_global_box_shadow_X_lg_left": {
"name": "--pf-t--global--box-shadow--X--lg--left",
"value": "-20px",
"values": [
"--pf-t--global--box-shadow--X--50",
"-20px"
]
},
"t_global_box_shadow_X_lg_right": {
"name": "--pf-t--global--box-shadow--X--lg--right",
"value": "20px",
"values": [
"--pf-t--global--box-shadow--X--800",
"20px"
]
},
"t_global_box_shadow_X_lg_top": {
"name": "--pf-t--global--box-shadow--X--lg--top",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--X--400",
"0px"
]
},
"t_global_box_shadow_X_md_bottom": {
"name": "--pf-t--global--box-shadow--X--md--bottom",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--X--400",
"0px"
]
},
"t_global_box_shadow_X_md_default": {
"name": "--pf-t--global--box-shadow--X--md--default",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--X--400",
"0px"
]
},
"t_global_box_shadow_X_md_left": {
"name": "--pf-t--global--box-shadow--X--md--left",
"value": "-10px",
"values": [
"--pf-t--global--box-shadow--X--100",
"-10px"
]
},
"t_global_box_shadow_X_md_right": {
"name": "--pf-t--global--box-shadow--X--md--right",
"value": "10px",
"values": [
"--pf-t--global--box-shadow--X--700",
"10px"
]
},
"t_global_box_shadow_X_md_top": {
"name": "--pf-t--global--box-shadow--X--md--top",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--X--400",
"0px"
]
},
"t_global_box_shadow_X_sm_bottom": {
"name": "--pf-t--global--box-shadow--X--sm--bottom",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--X--400",
"0px"
]
},
"t_global_box_shadow_X_sm_default": {
"name": "--pf-t--global--box-shadow--X--sm--default",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--X--400",
"0px"
]
},
"t_global_box_shadow_X_sm_left": {
"name": "--pf-t--global--box-shadow--X--sm--left",
"value": "-4px",
"values": [
"--pf-t--global--box-shadow--X--200",
"-4px"
]
},
"t_global_box_shadow_X_sm_right": {
"name": "--pf-t--global--box-shadow--X--sm--right",
"value": "4px",
"values": [
"--pf-t--global--box-shadow--X--600",
"4px"
]
},
"t_global_box_shadow_X_sm_top": {
"name": "--pf-t--global--box-shadow--X--sm--top",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--X--400",
"0px"
]
},
"t_global_box_shadow_Y_lg_bottom": {
"name": "--pf-t--global--box-shadow--Y--lg--bottom",
"value": "20px",
"values": [
"--pf-t--global--box-shadow--Y--800",
"20px"
]
},
"t_global_box_shadow_Y_lg_default": {
"name": "--pf-t--global--box-shadow--Y--lg--default",
"value": "10px",
"values": [
"--pf-t--global--box-shadow--Y--700",
"10px"
]
},
"t_global_box_shadow_Y_lg_left": {
"name": "--pf-t--global--box-shadow--Y--lg--left",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--Y--400",
"0px"
]
},
"t_global_box_shadow_Y_lg_right": {
"name": "--pf-t--global--box-shadow--Y--lg--right",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--Y--400",
"0px"
]
},
"t_global_box_shadow_Y_lg_top": {
"name": "--pf-t--global--box-shadow--Y--lg--top",
"value": "-20px",
"values": [
"--pf-t--global--box-shadow--Y--50",
"-20px"
]
},
"t_global_box_shadow_Y_md_bottom": {
"name": "--pf-t--global--box-shadow--Y--md--bottom",
"value": "10px",
"values": [
"--pf-t--global--box-shadow--Y--700",
"10px"
]
},
"t_global_box_shadow_Y_md_default": {
"name": "--pf-t--global--box-shadow--Y--md--default",
"value": "4px",
"values": [
"--pf-t--global--box-shadow--Y--600",
"4px"
]
},
"t_global_box_shadow_Y_md_left": {
"name": "--pf-t--global--box-shadow--Y--md--left",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--Y--400",
"0px"
]
},
"t_global_box_shadow_Y_md_right": {
"name": "--pf-t--global--box-shadow--Y--md--right",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--Y--400",
"0px"
]
},
"t_global_box_shadow_Y_md_top": {
"name": "--pf-t--global--box-shadow--Y--md--top",
"value": "-10px",
"values": [
"--pf-t--global--box-shadow--Y--100",
"-10px"
]
},
"t_global_box_shadow_Y_sm_bottom": {
"name": "--pf-t--global--box-shadow--Y--sm--bottom",
"value": "4px",
"values": [
"--pf-t--global--box-shadow--Y--600",
"4px"
]
},
"t_global_box_shadow_Y_sm_default": {
"name": "--pf-t--global--box-shadow--Y--sm--default",
"value": "1px",
"values": [
"--pf-t--global--box-shadow--Y--500",
"1px"
]
},
"t_global_box_shadow_Y_sm_left": {
"name": "--pf-t--global--box-shadow--Y--sm--left",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--Y--400",
"0px"
]
},
"t_global_box_shadow_Y_sm_right": {
"name": "--pf-t--global--box-shadow--Y--sm--right",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--Y--400",
"0px"
]
},
"t_global_box_shadow_Y_sm_top": {
"name": "--pf-t--global--box-shadow--Y--sm--top",
"value": "-4px",
"values": [
"--pf-t--global--box-shadow--Y--200",
"-4px"
]
},
"t_global_box_shadow_blur_lg": {
"name": "--pf-t--global--box-shadow--blur--lg",
"value": "20px",
"values": [
"--pf-t--global--box-shadow--blur--300",
"20px"
]
},
"t_global_box_shadow_blur_md": {
"name": "--pf-t--global--box-shadow--blur--md",
"value": "9px",
"values": [
"--pf-t--global--box-shadow--blur--200",
"9px"
]
},
"t_global_box_shadow_blur_sm": {
"name": "--pf-t--global--box-shadow--blur--sm",
"value": "4px",
"values": [
"--pf-t--global--box-shadow--blur--100",
"4px"
]
},
"t_global_box_shadow_color_lg_default": {
"name": "--pf-t--global--box-shadow--color--lg--default",
"value": "rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--color--100",
"rgba(41, 41, 41, 0.1500)"
]
},
"t_global_box_shadow_color_lg_directional": {
"name": "--pf-t--global--box-shadow--color--lg--directional",
"value": "rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--color--200",
"rgba(41, 41, 41, 0.2000)"
]
},
"t_global_box_shadow_color_md_default": {
"name": "--pf-t--global--box-shadow--color--md--default",
"value": "rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--color--100",
"rgba(41, 41, 41, 0.1500)"
]
},
"t_global_box_shadow_color_md_directional": {
"name": "--pf-t--global--box-shadow--color--md--directional",
"value": "rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--color--100",
"rgba(41, 41, 41, 0.1500)"
]
},
"t_global_box_shadow_color_sm_default": {
"name": "--pf-t--global--box-shadow--color--sm--default",
"value": "rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--color--100",
"rgba(41, 41, 41, 0.1500)"
]
},
"t_global_box_shadow_color_sm_directional": {
"name": "--pf-t--global--box-shadow--color--sm--directional",
"value": "rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--color--200",
"rgba(41, 41, 41, 0.2000)"
]
},
"t_global_box_shadow_spread_lg_default": {
"name": "--pf-t--global--box-shadow--spread--lg--default",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--spread--100",
"0px"
]
},
"t_global_box_shadow_spread_lg_directional": {
"name": "--pf-t--global--box-shadow--spread--lg--directional",
"value": "-20px",
"values": [
"--pf-t--global--box-shadow--spread--400",
"-20px"
]
},
"t_global_box_shadow_spread_md_default": {
"name": "--pf-t--global--box-shadow--spread--md--default",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--spread--100",
"0px"
]
},
"t_global_box_shadow_spread_md_directional": {
"name": "--pf-t--global--box-shadow--spread--md--directional",
"value": "-8px",
"values": [
"--pf-t--global--box-shadow--spread--300",
"-8px"
]
},
"t_global_box_shadow_spread_sm_default": {
"name": "--pf-t--global--box-shadow--spread--sm--default",
"value": "0px",
"values": [
"--pf-t--global--box-shadow--spread--100",
"0px"
]
},
"t_global_box_shadow_spread_sm_directional": {
"name": "--pf-t--global--box-shadow--spread--sm--directional",
"value": "-4px",
"values": [
"--pf-t--global--box-shadow--spread--200",
"-4px"
]
},
"t_global_breakpoint_2xl": {
"name": "--pf-t--global--breakpoint--2xl",
"value": "90.625rem",
"values": [
"--pf-t--global--breakpoint--600",
"90.625rem"
]
},
"t_global_breakpoint_height_2xl": {
"name": "--pf-t--global--breakpoint--height--2xl",
"value": "80rem",
"values": [
"--pf-t--global--breakpoint--550",
"80rem"
]
},
"t_global_breakpoint_height_lg": {
"name": "--pf-t--global--breakpoint--height--lg",
"value": "48rem",
"values": [
"--pf-t--global--breakpoint--300",
"48rem"
]
},
"t_global_breakpoint_height_md": {
"name": "--pf-t--global--breakpoint--height--md",
"value": "40rem",
"values": [
"--pf-t--global--breakpoint--250",
"40rem"
]
},
"t_global_breakpoint_height_sm": {
"name": "--pf-t--global--breakpoint--height--sm",
"value": "0rem",
"values": [
"--pf-t--global--breakpoint--100",
"0rem"
]
},
"t_global_breakpoint_height_xl": {
"name": "--pf-t--global--breakpoint--height--xl",
"value": "60rem",
"values": [
"--pf-t--global--breakpoint--350",
"60rem"
]
},
"t_global_breakpoint_lg": {
"name": "--pf-t--global--breakpoint--lg",
"value": "62rem",
"values": [
"--pf-t--global--breakpoint--400",
"62rem"
]
},
"t_global_breakpoint_md": {
"name": "--pf-t--global--breakpoint--md",
"value": "48rem",
"values": [
"--pf-t--global--breakpoint--300",
"48rem"
]
},
"t_global_breakpoint_sm": {
"name": "--pf-t--global--breakpoint--sm",
"value": "36rem",
"values": [
"--pf-t--global--breakpoint--200",
"36rem"
]
},
"t_global_breakpoint_xl": {
"name": "--pf-t--global--breakpoint--xl",
"value": "75rem",
"values": [
"--pf-t--global--breakpoint--500",
"75rem"
]
},
"t_global_breakpoint_xs": {
"name": "--pf-t--global--breakpoint--xs",
"value": "0rem",
"values": [
"--pf-t--global--breakpoint--100",
"0rem"
]
},
"t_global_color_brand_100": {
"name": "--pf-t--global--color--brand--100",
"value": "#4394e5",
"values": [
"--pf-t--color--blue--40",
"#4394e5"
]
},
"t_global_color_brand_200": {
"name": "--pf-t--global--color--brand--200",
"value": "#0066cc",
"values": [
"--pf-t--color--blue--50",
"#0066cc"
]
},
"t_global_color_brand_300": {
"name": "--pf-t--global--color--brand--300",
"value": "#004d99",
"values": [
"--pf-t--color--blue--60",
"#004d99"
]
},
"t_global_color_disabled_100": {
"name": "--pf-t--global--color--disabled--100",
"value": "#c7c7c7",
"values": [
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"t_global_color_disabled_200": {
"name": "--pf-t--global--color--disabled--200",
"value": "#a3a3a3",
"values": [
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"t_global_color_disabled_300": {
"name": "--pf-t--global--color--disabled--300",
"value": "#4d4d4d",
"values": [
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"t_global_color_favorite_100": {
"name": "--pf-t--global--color--favorite--100",
"value": "#ffcc17",
"values": [
"--pf-t--color--yellow--30",
"#ffcc17"
]
},
"t_global_color_favorite_200": {
"name": "--pf-t--global--color--favorite--200",
"value": "#dca614",
"values": [
"--pf-t--color--yellow--40",
"#dca614"
]
},
"t_global_color_nonstatus_blue_100": {
"name": "--pf-t--global--color--nonstatus--blue--100",
"value": "#b9dafc",
"values": [
"--pf-t--color--blue--20",
"#b9dafc"
]
},
"t_global_color_nonstatus_blue_200": {
"name": "--pf-t--global--color--nonstatus--blue--200",
"value": "#92c5f9",
"values": [
"--pf-t--color--blue--30",
"#92c5f9"
]
},
"t_global_color_nonstatus_blue_300": {
"name": "--pf-t--global--color--nonstatus--blue--300",
"value": "#4394e5",
"values": [
"--pf-t--color--blue--40",
"#4394e5"
]
},
"t_global_color_nonstatus_gray_100": {
"name": "--pf-t--global--color--nonstatus--gray--100",
"value": "#e0e0e0",
"values": [
"--pf-t--color--gray--20",
"#e0e0e0"
]
},
"t_global_color_nonstatus_gray_200": {
"name": "--pf-t--global--color--nonstatus--gray--200",
"value": "#c7c7c7",
"values": [
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"t_global_color_nonstatus_gray_300": {
"name": "--pf-t--global--color--nonstatus--gray--300",
"value": "#a3a3a3",
"values": [
"--pf-t--color--gray--40",
"#a3a3a3"
]
},
"t_global_color_nonstatus_green_100": {
"name": "--pf-t--global--color--nonstatus--green--100",
"value": "#d1f1bb",
"values": [
"--pf-t--color--green--20",
"#d1f1bb"
]
},
"t_global_color_nonstatus_green_200": {
"name": "--pf-t--global--color--nonstatus--green--200",
"value": "#afdc8f",
"values": [
"--pf-t--color--green--30",
"#afdc8f"
]
},
"t_global_color_nonstatus_green_300": {
"name": "--pf-t--global--color--nonstatus--green--300",
"value": "#87bb62",
"values": [
"--pf-t--color--green--40",
"#87bb62"
]
},
"t_global_color_nonstatus_orange_100": {
"name": "--pf-t--global--color--nonstatus--orange--100",
"value": "#fccb8f",
"values": [
"--pf-t--color--orange--20",
"#fccb8f"
]
},
"t_global_color_nonstatus_orange_200": {
"name": "--pf-t--global--color--nonstatus--orange--200",
"value": "#f8ae54",
"values": [
"--pf-t--color--orange--30",
"#f8ae54"
]
},
"t_global_color_nonstatus_orange_300": {
"name": "--pf-t--global--color--nonstatus--orange--300",
"value": "#f5921b",
"values": [
"--pf-t--color--orange--40",
"#f5921b"
]
},
"t_global_color_nonstatus_orangered_100": {
"name": "--pf-t--global--color--nonstatus--orangered--100",
"value": "#fbbea8",
"values": [
"--pf-t--color--red-orange--20",
"#fbbea8"
]
},
"t_global_color_nonstatus_orangered_200": {
"name": "--pf-t--global--color--nonstatus--orangered--200",
"value": "#f89b78",
"values": [
"--pf-t--color--red-orange--30",
"#f89b78"
]
},
"t_global_color_nonstatus_orangered_300": {
"name": "--pf-t--global--color--nonstatus--orangered--300",
"value": "#f4784a",
"values": [
"--pf-t--color--red-orange--40",
"#f4784a"
]
},
"t_global_color_nonstatus_purple_100": {
"name": "--pf-t--global--color--nonstatus--purple--100",
"value": "#d0c5f4",
"values": [
"--pf-t--color--purple--20",
"#d0c5f4"
]
},
"t_global_color_nonstatus_purple_200": {
"name": "--pf-t--global--color--nonstatus--purple--200",
"value": "#b6a6e9",
"values": [
"--pf-t--color--purple--30",
"#b6a6e9"
]
},
"t_global_color_nonstatus_purple_300": {
"name": "--pf-t--global--color--nonstatus--purple--300",
"value": "#876fd4",
"values": [
"--pf-t--color--purple--40",
"#876fd4"
]
},
"t_global_color_nonstatus_red_100": {
"name": "--pf-t--global--color--nonstatus--red--100",
"value": "#fbc5c5",
"values": [
"--pf-t--color--red--20",
"#fbc5c5"
]
},
"t_global_color_nonstatus_red_200": {
"name": "--pf-t--global--color--nonstatus--red--200",
"value": "#f9a8a8",
"values": [
"--pf-t--color--red--30",
"#f9a8a8"
]
},
"t_global_color_nonstatus_red_300": {
"name": "--pf-t--global--color--nonstatus--red--300",
"value": "#f56e6e",
"values": [
"--pf-t--color--red--40",
"#f56e6e"
]
},
"t_global_color_nonstatus_teal_100": {
"name": "--pf-t--global--color--nonstatus--teal--100",
"value": "#b9e5e5",
"values": [
"--pf-t--color--teal--20",
"#b9e5e5"
]
},
"t_global_color_nonstatus_teal_200": {
"name": "--pf-t--global--color--nonstatus--teal--200",
"value": "#9ad8d8",
"values": [
"--pf-t--color--teal--30",
"#9ad8d8"
]
},
"t_global_color_nonstatus_teal_300": {
"name": "--pf-t--global--color--nonstatus--teal--300",
"value": "#63bdbd",
"values": [
"--pf-t--color--teal--40",
"#63bdbd"
]
},
"t_global_color_nonstatus_yellow_100": {
"name": "--pf-t--global--color--nonstatus--yellow--100",
"value": "#ffe072",
"values": [
"--pf-t--color--yellow--20",
"#ffe072"
]
},
"t_global_color_nonstatus_yellow_200": {
"name": "--pf-t--global--color--nonstatus--yellow--200",
"value": "#ffcc17",
"values": [
"--pf-t--color--yellow--30",
"#ffcc17"
]
},
"t_global_color_nonstatus_yellow_300": {
"name": "--pf-t--global--color--nonstatus--yellow--300",
"value": "#dca614",
"values": [
"--pf-t--color--yellow--40",
"#dca614"
]
},
"t_global_color_severity_critical_100": {
"name": "--pf-t--global--color--severity--critical--100",
"value": "#b1380b",
"values": [
"--pf-t--color--red-orange--60",
"#b1380b"
]
},
"t_global_color_severity_important_100": {
"name": "--pf-t--global--color--severity--important--100",
"value": "#ca6c0f",
"values": [
"--pf-t--color--orange--50",
"#ca6c0f"
]
},
"t_global_color_severity_minor_100": {
"name": "--pf-t--global--color--severity--minor--100",
"value": "#707070",
"values": [
"--pf-t--color--gray--50",
"#707070"
]
},
"t_global_color_severity_moderate_100": {
"name": "--pf-t--global--color--severity--moderate--100",
"value": "#dca614",
"values": [
"--pf-t--color--yellow--40",
"#dca614"
]
},
"t_global_color_severity_none_100": {
"name": "--pf-t--global--color--severity--none--100",
"value": "#4394e5",
"values": [
"--pf-t--color--blue--40",
"#4394e5"
]
},
"t_global_color_severity_undefined_100": {
"name": "--pf-t--global--color--severity--undefined--100",
"value": "#c7c7c7",
"values": [
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"t_global_color_status_custom_100": {
"name": "--pf-t--global--color--status--custom--100",
"value": "#147878",
"values": [
"--pf-t--color--teal--60",
"#147878"
]
},
"t_global_color_status_custom_200": {
"name": "--pf-t--global--color--status--custom--200",
"value": "#004d4d",
"values": [
"--pf-t--color--teal--70",
"#004d4d"
]
},
"t_global_color_status_danger_100": {
"name": "--pf-t--global--color--status--danger--100",
"value": "#b1380b",
"values": [
"--pf-t--color--red-orange--60",
"#b1380b"
]
},
"t_global_color_status_danger_200": {
"name": "--pf-t--global--color--status--danger--200",
"value": "#731f00",
"values": [
"--pf-t--color