@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
232 lines • 8.13 kB
JavaScript
export const c_drag_drop = {
".pf-v6-c-draggable": {
"c_draggable_Cursor": {
"name": "--pf-v6-c-draggable--Cursor",
"value": "auto"
},
"c_draggable_m_dragging_Cursor": {
"name": "--pf-v6-c-draggable--m-dragging--Cursor",
"value": "grabbing"
},
"c_draggable_m_dragging_BoxShadow": {
"name": "--pf-v6-c-draggable--m-dragging--BoxShadow",
"value": "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--md",
"--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
"0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_draggable_m_dragging_BackgroundColor": {
"name": "--pf-v6-c-draggable--m-dragging--BackgroundColor",
"value": "transparent"
},
"c_draggable_m_dragging_after_BorderWidth": {
"name": "--pf-v6-c-draggable--m-dragging--after--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--regular",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_draggable_m_dragging_after_BorderColor": {
"name": "--pf-v6-c-draggable--m-dragging--after--BorderColor",
"value": "#0066cc",
"values": [
"--pf-t--global--border--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_draggable_m_dragging_after_BorderRadius": {
"name": "--pf-v6-c-draggable--m-dragging--after--BorderRadius",
"value": "6px",
"values": [
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_draggable_m_drag_outside_Cursor": {
"name": "--pf-v6-c-draggable--m-drag-outside--Cursor",
"value": "not-allowed"
},
"c_draggable_m_drag_outside_after_BorderColor": {
"name": "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
"value": "#b1380b",
"values": [
"--pf-t--global--border--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
}
},
".pf-v6-c-draggable.pf-m-dragging": {
"c_draggable_Cursor": {
"name": "--pf-v6-c-draggable--Cursor",
"value": "grabbing",
"values": [
"--pf-v6-c-draggable--m-dragging--Cursor",
"grabbing"
]
}
},
".pf-v6-c-draggable.pf-m-drag-outside": {
"c_draggable_m_dragging_Cursor": {
"name": "--pf-v6-c-draggable--m-dragging--Cursor",
"value": "not-allowed",
"values": [
"--pf-v6-c-draggable--m-drag-outside--Cursor",
"not-allowed"
]
},
"c_draggable_m_dragging_after_BorderColor": {
"name": "--pf-v6-c-draggable--m-dragging--after--BorderColor",
"value": "#b1380b",
"values": [
"--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
"--pf-t--global--border--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
}
},
".pf-v6-c-droppable": {
"c_droppable_before_BackgroundColor": {
"name": "--pf-v6-c-droppable--before--BackgroundColor",
"value": "transparent"
},
"c_droppable_before_Opacity": {
"name": "--pf-v6-c-droppable--before--Opacity",
"value": "0"
},
"c_droppable_after_BorderWidth": {
"name": "--pf-v6-c-droppable--after--BorderWidth",
"value": "0"
},
"c_droppable_after_BorderColor": {
"name": "--pf-v6-c-droppable--after--BorderColor",
"value": "transparent"
},
"c_droppable_m_dragging_before_BackgroundColor": {
"name": "--pf-v6-c-droppable--m-dragging--before--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_droppable_m_dragging_before_Opacity": {
"name": "--pf-v6-c-droppable--m-dragging--before--Opacity",
"value": ".6"
},
"c_droppable_m_dragging_after_BorderWidth": {
"name": "--pf-v6-c-droppable--m-dragging--after--BorderWidth",
"value": "1px",
"values": [
"--pf-t--global--border--width--regular",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_droppable_m_dragging_after_BorderColor": {
"name": "--pf-v6-c-droppable--m-dragging--after--BorderColor",
"value": "#0066cc",
"values": [
"--pf-t--global--border--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
},
"c_droppable_m_dragging_after_BorderRadius": {
"name": "--pf-v6-c-droppable--m-dragging--after--BorderRadius",
"value": "6px",
"values": [
"--pf-t--global--border--radius--small",
"--pf-t--global--border--radius--200",
"6px"
]
},
"c_droppable_m_drag_outside_after_BorderColor": {
"name": "--pf-v6-c-droppable--m-drag-outside--after--BorderColor",
"value": "#b1380b",
"values": [
"--pf-t--global--border--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
}
},
".pf-v6-c-droppable.pf-m-dragging": {
"c_droppable_before_BackgroundColor": {
"name": "--pf-v6-c-droppable--before--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-v6-c-droppable--m-dragging--before--BackgroundColor",
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_droppable_before_Opacity": {
"name": "--pf-v6-c-droppable--before--Opacity",
"value": ".6",
"values": [
"--pf-v6-c-droppable--m-dragging--before--Opacity",
".6"
]
},
"c_droppable_after_BorderWidth": {
"name": "--pf-v6-c-droppable--after--BorderWidth",
"value": "1px",
"values": [
"--pf-v6-c-droppable--m-dragging--after--BorderWidth",
"--pf-t--global--border--width--regular",
"--pf-t--global--border--width--100",
"1px"
]
},
"c_droppable_after_BorderColor": {
"name": "--pf-v6-c-droppable--after--BorderColor",
"value": "#0066cc",
"values": [
"--pf-v6-c-droppable--m-dragging--after--BorderColor",
"--pf-t--global--border--color--brand--default",
"--pf-t--global--color--brand--default",
"--pf-t--global--color--brand--200",
"--pf-t--color--blue--50",
"#0066cc"
]
}
},
".pf-v6-c-droppable.pf-m-drag-outside": {
"c_droppable_m_dragging_after_BorderColor": {
"name": "--pf-v6-c-droppable--m-dragging--after--BorderColor",
"value": "#b1380b",
"values": [
"--pf-v6-c-droppable--m-drag-outside--after--BorderColor",
"--pf-t--global--border--color--status--danger--default",
"--pf-t--global--color--status--danger--default",
"--pf-t--global--color--status--danger--100",
"--pf-t--color--red-orange--60",
"#b1380b"
]
}
}
};
export default c_drag_drop;