@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
490 lines • 16 kB
TypeScript
export const c_code_editor: {
".pf-v6-c-code-editor": {
"c_code_editor__controls_PaddingInlineStart": {
"name": "--pf-v6-c-code-editor__controls--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__controls_Gap": {
"name": "--pf-v6-c-code-editor__controls--Gap",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--gap--action-to-action--plain",
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_code_editor__header_before_BorderBlockEndWidth": {
"name": "--pf-v6-c-code-editor__header--before--BorderBlockEndWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_code_editor__header_before_BorderBlockEndColor": {
"name": "--pf-v6-c-code-editor__header--before--BorderBlockEndColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_code_editor__header_content_BackgroundColor": {
"name": "--pf-v6-c-code-editor__header-content--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_code_editor__header_content_m_plain_BackgroundColor": {
"name": "--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_code_editor__header_content_PaddingBlockStart": {
"name": "--pf-v6-c-code-editor__header-content--PaddingBlockStart",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_code_editor__header_content_PaddingBlockEnd": {
"name": "--pf-v6-c-code-editor__header-content--PaddingBlockEnd",
"value": "0.25rem",
"values": [
"--pf-t--global--spacer--xs",
"--pf-t--global--spacer--100",
"0.25rem"
]
},
"c_code_editor__header_content_PaddingInlineStart": {
"name": "--pf-v6-c-code-editor__header-content--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__header_content_PaddingInlineEnd": {
"name": "--pf-v6-c-code-editor__header-content--PaddingInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__header_content_BorderStartStartRadius": {
"name": "--pf-v6-c-code-editor__header-content--BorderStartStartRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_code_editor__header_content_BorderStartEndRadius": {
"name": "--pf-v6-c-code-editor__header-content--BorderStartEndRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_code_editor__upload_PaddingInlineStart": {
"name": "--pf-v6-c-code-editor__upload--PaddingInlineStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_code_editor__upload_PaddingInlineEnd": {
"name": "--pf-v6-c-code-editor__upload--PaddingInlineEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_code_editor__upload_PaddingBlockStart": {
"name": "--pf-v6-c-code-editor__upload--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_code_editor__upload_PaddingBlockEnd": {
"name": "--pf-v6-c-code-editor__upload--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_code_editor__upload_BorderRadius": {
"name": "--pf-v6-c-code-editor__upload--BorderRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_code_editor__main_BorderColor": {
"name": "--pf-v6-c-code-editor__main--BorderColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_code_editor__main_BorderWidth": {
"name": "--pf-v6-c-code-editor__main--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_code_editor__main_BorderEndStartRadius": {
"name": "--pf-v6-c-code-editor__main--BorderEndStartRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_code_editor__main_BorderEndEndRadius": {
"name": "--pf-v6-c-code-editor__main--BorderEndEndRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_code_editor__main_BackgroundColor": {
"name": "--pf-v6-c-code-editor__main--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_code_editor_m_read_only__main_BackgroundColor": {
"name": "--pf-v6-c-code-editor--m-read-only__main--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
},
"c_code_editor__upload_before_BorderWidth": {
"name": "--pf-v6-c-code-editor__upload--before--BorderWidth",
"value": "0"
},
"c_code_editor__upload_before_BorderColor": {
"name": "--pf-v6-c-code-editor__upload--before--BorderColor",
"value": "transparent"
},
"c_code_editor__main_m_drag_hover_before_BorderWidth": {
"name": "--pf-v6-c-code-editor__main--m-drag-hover--before--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--divider--hover",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_code_editor__main_m_drag_hover_before_BorderColor": {
"name": "--pf-v6-c-code-editor__main--m-drag-hover--before--BorderColor",
"value": "var( --pf-t--global--border--color--clicked)",
"values": [
"var( --pf-t--global--border--color--clicked)",
"var( --pf-t--global--border--color--clicked)"
]
},
"c_code_editor__main_m_drag_hover_after_BackgroundColor": {
"name": "--pf-v6-c-code-editor__main--m-drag-hover--after--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_code_editor__main_m_drag_hover_after_Opacity": {
"name": "--pf-v6-c-code-editor__main--m-drag-hover--after--Opacity",
"value": ".1"
},
"c_code_editor__code_PaddingBlockStart": {
"name": "--pf-v6-c-code-editor__code--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__code_PaddingInlineEnd": {
"name": "--pf-v6-c-code-editor__code--PaddingInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__code_PaddingBlockEnd": {
"name": "--pf-v6-c-code-editor__code--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__code_PaddingInlineStart": {
"name": "--pf-v6-c-code-editor__code--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__code_pre_FontSize": {
"name": "--pf-v6-c-code-editor__code-pre--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_code_editor__code_pre_FontFamily": {
"name": "--pf-v6-c-code-editor__code-pre--FontFamily",
"value": "\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace",
"values": [
"--pf-t--global--font--family--mono",
"--pf-t--global--font--family--300",
"\"Red Hat Mono\", \"RedHatMono\", \"Courier New\", Courier, monospace"
]
},
"c_code_editor__header_main_PaddingInlineEnd": {
"name": "--pf-v6-c-code-editor__header-main--PaddingInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__header_main_PaddingInlineStart": {
"name": "--pf-v6-c-code-editor__header-main--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__tab_BackgroundColor": {
"name": "--pf-v6-c-code-editor__tab--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_code_editor__tab_Color": {
"name": "--pf-v6-c-code-editor__tab--Color",
"value": "#4d4d4d",
"values": [
"--pf-t--global--text--color--subtle",
"--pf-t--global--text--color--200",
"--pf-t--color--gray--60",
"#4d4d4d"
]
},
"c_code_editor__tab_PaddingBlockStart": {
"name": "--pf-v6-c-code-editor__tab--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__tab_PaddingInlineEnd": {
"name": "--pf-v6-c-code-editor__tab--PaddingInlineEnd",
"value": "var( --pf-t--global--spacer--sm)",
"values": [
"var( --pf-t--global--spacer--sm)",
"var( --pf-t--global--spacer--sm)"
]
},
"c_code_editor__tab_PaddingBlockEnd": {
"name": "--pf-v6-c-code-editor__tab--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_code_editor__tab_PaddingInlineStart": {
"name": "--pf-v6-c-code-editor__tab--PaddingInlineStart",
"value": "var( --pf-t--global--spacer--sm)",
"values": [
"var( --pf-t--global--spacer--sm)",
"var( --pf-t--global--spacer--sm)"
]
},
"c_code_editor__tab_BorderBlockStartWidth": {
"name": "--pf-v6-c-code-editor__tab--BorderBlockStartWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_code_editor__tab_BorderInlineEndWidth": {
"name": "--pf-v6-c-code-editor__tab--BorderInlineEndWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_code_editor__tab_BorderBlockEndWidth": {
"name": "--pf-v6-c-code-editor__tab--BorderBlockEndWidth",
"value": "0"
},
"c_code_editor__tab_BorderInlineStartWidth": {
"name": "--pf-v6-c-code-editor__tab--BorderInlineStartWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--box--default",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_code_editor__tab_BorderColor": {
"name": "--pf-v6-c-code-editor__tab--BorderColor",
"value": "#c7c7c7",
"values": [
"--pf-t--global--border--color--default",
"--pf-t--global--border--color--100",
"--pf-t--color--gray--30",
"#c7c7c7"
]
},
"c_code_editor__tab_BorderStartEndRadius": {
"name": "--pf-v6-c-code-editor__tab--BorderStartEndRadius",
"value": "16px",
"values": [
"--pf-t--global--border--radius--medium",
"--pf-t--global--border--radius--300",
"16px"
]
},
"c_code_editor__tab_icon_text_MarginInlineStart": {
"name": "--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
}
},
".pf-v6-c-code-editor.pf-m-read-only": {
"c_code_editor__main_BackgroundColor": {
"name": "--pf-v6-c-code-editor__main--BackgroundColor",
"value": "#f2f2f2",
"values": [
"--pf-v6-c-code-editor--m-read-only__main--BackgroundColor",
"--pf-t--global--background--color--secondary--default",
"--pf-t--global--background--color--200",
"--pf-t--color--gray--10",
"#f2f2f2"
]
}
},
".pf-v6-c-code-editor__header.pf-m-plain": {
"c_code_editor__header_content_BackgroundColor": {
"name": "--pf-v6-c-code-editor__header-content--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor",
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
}
},
".pf-v6-c-code-editor__main.pf-m-drag-hover": {
"c_code_editor__upload_before_BorderWidth": {
"name": "--pf-v6-c-code-editor__upload--before--BorderWidth",
"value": "1px",
"values": [
"--pf-v6-c-code-editor__main--m-drag-hover--before--BorderWidth",
"--pf-t--global--border--width--divider--hover",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_code_editor__upload_before_BorderColor": {
"name": "--pf-v6-c-code-editor__upload--before--BorderColor",
"value": "var( --pf-t--global--border--color--clicked)",
"values": [
"--pf-v6-c-code-editor__main--m-drag-hover--before--BorderColor",
"var( --pf-t--global--border--color--clicked)",
"var( --pf-t--global--border--color--clicked)"
]
}
}
};
export default c_code_editor;