carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.12 kB
JavaScript
import t,{css as e}from"styled-components";import{margin as o,padding as i}from"styled-system";import s from"../../../style/themes/apply-base-theme.js";const a=t.div.attrs(s).withConfig({displayName:"draggable-item.style__StyledDraggableContainer",componentId:"sc-b40520d8-0"})(["",""],o),l=t.div.withConfig({displayName:"draggable-item.style__StyledDraggableItem",componentId:"sc-b40520d8-1"})(["opacity:",";"," "," ",""],(({isDragging:t})=>t?"0":"1"),(({isDraggingAndLeftSelf:t})=>t&&e(["display:none;"])),(({shadowStyling:t})=>t&&"top"===t.closestEdge&&e(['&::before{content:"";display:block;height:',"px;}"],t.height)),(({shadowStyling:t})=>t&&"bottom"===t.closestEdge&&e(['&::after{content:"";display:block;height:',"px;}"],t.height))),n=t.div.attrs(s).withConfig({displayName:"draggable-item.style__StyledItemContent",componentId:"sc-b40520d8-2"})(["display:flex;align-items:center;border-bottom:1px solid var(--colorsUtilityMajor050);"," cursor:grab;justify-content:space-between;flex-direction:",";"],i,(({flexDirection:t})=>t));export{a as StyledDraggableContainer,l as StyledDraggableItem,n as StyledItemContent};