@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
40 lines • 1.48 kB
JavaScript
/* eslint-disable @typescript-eslint/naming-convention */
import styled from '@emotion/styled';
import { keyframes } from '@emotion/react';
import { handleProps } from '../../../../utils';
var FrameFadeIn = keyframes({
'0%': {
opacity: 0
},
'100%': {
opacity: 1
}
});
export var ItemRoot = styled('li', {
shouldForwardProp: function shouldForwardProp(prop) {
return handleProps(prop, ['translateX', 'translateY', 'scaleX', 'scaleY', 'dragOverlay', 'fadeIn']);
}
})(function (_ref) {
var _ref$translateX = _ref.translateX,
translateX = _ref$translateX === void 0 ? '0' : _ref$translateX,
_ref$translateY = _ref.translateY,
translateY = _ref$translateY === void 0 ? '0' : _ref$translateY,
_ref$scaleX = _ref.scaleX,
scaleX = _ref$scaleX === void 0 ? '1' : _ref$scaleX,
_ref$scaleY = _ref.scaleY,
scaleY = _ref$scaleY === void 0 ? '1' : _ref$scaleY,
_ref$dragOverlay = _ref.dragOverlay,
dragOverlay = _ref$dragOverlay === void 0 ? false : _ref$dragOverlay,
_ref$fadeIn = _ref.fadeIn,
fadeIn = _ref$fadeIn === void 0 ? false : _ref$fadeIn;
return Object.assign({
display: 'flex',
transform: "translate3d(".concat(translateX, ", ").concat(translateY, ", 0)\n scaleX(").concat(scaleX, ") scaleY(").concat(scaleY, ")"),
transformOrigin: '0 0',
touchAction: 'manipulation'
}, fadeIn && {
animation: "".concat(FrameFadeIn, " 0.3s ease-in-out")
}, dragOverlay && {
zIndex: 999
});
});