@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
132 lines • 4.01 kB
JavaScript
export const c_file_upload = {
".pf-v6-c-file-upload": {
"c_file_upload_RowGap": {
"name": "--pf-v6-c-file-upload--RowGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_file_upload_PaddingBlockStart": {
"name": "--pf-v6-c-file-upload--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_file_upload_PaddingBlockEnd": {
"name": "--pf-v6-c-file-upload--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_file_upload_PaddingInlineStart": {
"name": "--pf-v6-c-file-upload--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_file_upload_PaddingInlineEnd": {
"name": "--pf-v6-c-file-upload--PaddingInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_file_upload_BorderRadius": {
"name": "--pf-v6-c-file-upload--BorderRadius",
"value": "6px",
"values": [
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_file_upload_BorderWidth": {
"name": "--pf-v6-c-file-upload--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--regular",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_file_upload_BorderColor": {
"name": "--pf-v6-c-file-upload--BorderColor",
"value": "transparent"
},
"c_file_upload_BorderStyle": {
"name": "--pf-v6-c-file-upload--BorderStyle",
"value": "solid"
},
"c_file_upload_m_drag_hover_BorderColor": {
"name": "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
"value": "#0066cc",
"values": [
"--pf-t--global--icon--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_file_upload_m_drag_hover_BorderStyle": {
"name": "--pf-v6-c-file-upload--m-drag-hover--BorderStyle",
"value": "dashed"
},
"c_file_upload__file_select__c_button_m_control_OutlineOffset": {
"name": "--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset",
"value": "calc(-1 * 0.25rem)",
"values": [
"calc(-1 * --pf-t--global--spacer--xs)",
"calc(-1 * --pf-t--global--spacer--100)",
"calc(-1 * 0.25rem)"
]
},
"c_file_upload__file_details__c_form_control_MinHeight": {
"name": "--pf-v6-c-file-upload__file-details__c-form-control--MinHeight",
"value": "calc(4rem * 2)",
"values": [
"calc(--pf-t--global--spacer--3xl * 2)",
"calc(--pf-t--global--spacer--700 * 2)",
"calc(4rem * 2)"
]
}
},
".pf-v6-c-file-upload.pf-m-drag-hover": {
"c_file_upload_BorderColor": {
"name": "--pf-v6-c-file-upload--BorderColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-file-upload--m-drag-hover--BorderColor",
"--pf-t--global--icon--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_file_upload_BorderStyle": {
"name": "--pf-v6-c-file-upload--BorderStyle",
"value": "dashed",
"values": [
"--pf-v6-c-file-upload--m-drag-hover--BorderStyle",
"dashed"
]
}
}
};
export default c_file_upload;