design-system-simplefi
Version:
Design System for SimpleFi Applications
79 lines • 2.52 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from 'styled-components';
import PropTypes from 'prop-types';
import { prop } from 'ramda';
import { createSpacings } from '../../../utils';
var FlexContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n flex-direction: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n flex-wrap: ", ";\n ", ";\n"], ["\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n flex-direction: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n flex-wrap: ", ";\n ", ";\n"])), prop('alignItems'), prop('justifyContent'), prop('flexDirection'), prop('flexGrow'), prop('flexShrink'), prop('flexWrap'), createSpacings);
FlexContainer.propTypes = {
alignItems: PropTypes.oneOf([
'inherit',
'-moz-initial',
'initial',
'revert',
'unset',
'center',
'end',
'flex-end',
'flex-start',
'self-end',
'self-start',
'start',
'baseline',
'normal',
'stretch',
]),
justifyContent: PropTypes.oneOf([
'inherit',
'-moz-initial',
'initial',
'revert',
'unset',
'center',
'end',
'flex-end',
'flex-start',
'start',
'normal',
'stretch',
'space-around',
'space-between',
'space-evenly',
'left',
'right',
]),
flexDirection: PropTypes.oneOf([
'inherit',
'-moz-initial',
'initial',
'unset',
'revert',
'column',
'column-reverse',
'row',
'row-reverse',
]),
flexGrow: PropTypes.oneOfType([
PropTypes.number,
PropTypes.oneOf(['inherit', '-moz-initial', 'initial', 'revert', 'unset']),
]),
flexShrink: PropTypes.oneOfType([
PropTypes.number,
PropTypes.oneOf(['inherit', '-moz-initial', 'initial', 'revert', 'unset']),
]),
flexWrap: PropTypes.oneOf([
'inherit',
'-moz-initial',
'initial',
'revert',
'unset',
'nowrap',
'wrap',
'wrap-reverse',
]),
};
export default FlexContainer;
var templateObject_1;
//# sourceMappingURL=FlexContainer.js.map