@razorpay/blade/build/lib/native/components/FileUpload/StyledFileUploadItemWrapper.js

The Design System that powers Razorpay

import styled from 'styled-components/native';
import { fileUploadItemBackgroundColors, fileUploadMotionTokens, fileUploadHeightTokens } from './fileUploadTokens.js';
import getIn from '../../utils/lodashButBetter/get.js';
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { castWebType } from '../../utils/platform/castUtils.js';
import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
import { makeSize } from '../../utils/makeSize/makeSize.js';
import { colors } from '../../tokens/global/colors.js';
import '../../tokens/global/typography.js';
import '../../tokens/global/motion.js';
import useTheme from '../BladeProvider/useTheme.js';
import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';

var StyledFileUploadItemWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,status=_ref.status,size=_ref.size;var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;var boxShadowColor=colorScheme==='light'?colors.neutral.blueGrayLight.a906:colors.neutral.black[50];var easing=getIn(theme.motion,fileUploadMotionTokens.easing);var duration=castWebType(makeMotionTime(getIn(theme.motion,fileUploadMotionTokens.duration)));return Object.assign({position:'relative',overflow:'hidden',display:'flex',justifyContent:'space-between',borderStyle:'solid',minHeight:makeSize(fileUploadHeightTokens[size==='variable'?'large':size]),width:'100%',backgroundColor:getIn(theme.colors,fileUploadItemBackgroundColors[status].default),transitionProperty:'background-color',transitionTimingFunction:easing,transitionDuration:duration,borderColor:status==='error'?theme.colors.interactive.border.negative.faded:theme.colors.surface.border.gray.subtle,wordBreak:'break-all',boxShadow:`0px 0.5px 4px 0px ${boxShadowColor}`},status!=='uploading'&&{'&:hover':{backgroundColor:getIn(theme.colors,fileUploadItemBackgroundColors[status].hover)}});});

export { StyledFileUploadItemWrapper };
//# sourceMappingURL=StyledFileUploadItemWrapper.js.map