carbon-react/lib/components/draggable/draggable-item/draggable-item.style.js

A library of reusable React components for easily building user interfaces.

"use strict";var e=require("styled-components"),t=require("styled-system"),a=require("../../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var i=s(e);const l=i.default.div.attrs(a.default).withConfig({displayName:"draggable-item.style__StyledDraggableContainer",componentId:"sc-b40520d8-0"})(["",""],t.margin),o=i.default.div.withConfig({displayName:"draggable-item.style__StyledDraggableItem",componentId:"sc-b40520d8-1"})(["opacity:",";"," "," ",""],(({isDragging:e})=>e?"0":"1"),(({isDraggingAndLeftSelf:t})=>t&&e.css(["display:none;"])),(({shadowStyling:t})=>t&&"top"===t.closestEdge&&e.css(['&::before{content:"";display:block;height:',"px;}"],t.height)),(({shadowStyling:t})=>t&&"bottom"===t.closestEdge&&e.css(['&::after{content:"";display:block;height:',"px;}"],t.height))),d=i.default.div.attrs(a.default).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:",";"],t.padding,(({flexDirection:e})=>e));exports.StyledDraggableContainer=l,exports.StyledDraggableItem=o,exports.StyledItemContent=d;