@nitive/whitepaper-react
Version:
React components automatically generated by whitepaper-bem
149 lines (145 loc) • 9.01 kB
JavaScript
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
import React from 'react';
import PropTypes from 'prop-types';
import { Bem } from '../../../_internal/bem';
import './pt-list__item.post.css';
import './_border/pt-list__item_border_bottom.post.css';
import './_border/pt-list__item_border_top.post.css';
import './_distribute/pt-list__item_distribute_between.post.css';
import './_distribute/pt-list__item_distribute_default.post.css';
import './_indent-a/pt-list__item_indent-a_l.post.css';
import './_indent-a/pt-list__item_indent-a_m.post.css';
import './_indent-a/pt-list__item_indent-a_s.post.css';
import './_indent-a/pt-list__item_indent-a_xl.post.css';
import './_indent-a/pt-list__item_indent-a_xs.post.css';
import './_indent-a/pt-list__item_indent-a_xxl.post.css';
import './_indent-a/pt-list__item_indent-a_xxxl.post.css';
import './_indent-b/pt-list__item_indent-b_l.post.css';
import './_indent-b/pt-list__item_indent-b_m.post.css';
import './_indent-b/pt-list__item_indent-b_s.post.css';
import './_indent-b/pt-list__item_indent-b_xl.post.css';
import './_indent-b/pt-list__item_indent-b_xs.post.css';
import './_indent-b/pt-list__item_indent-b_xxl.post.css';
import './_indent-b/pt-list__item_indent-b_xxxl.post.css';
import './_indent-h/pt-list__item_indent-h_l.post.css';
import './_indent-h/pt-list__item_indent-h_m.post.css';
import './_indent-h/pt-list__item_indent-h_s.post.css';
import './_indent-h/pt-list__item_indent-h_xl.post.css';
import './_indent-h/pt-list__item_indent-h_xs.post.css';
import './_indent-h/pt-list__item_indent-h_xxl.post.css';
import './_indent-h/pt-list__item_indent-h_xxxl.post.css';
import './_indent-r/pt-list__item_indent-r_l.post.css';
import './_indent-r/pt-list__item_indent-r_m.post.css';
import './_indent-r/pt-list__item_indent-r_s.post.css';
import './_indent-r/pt-list__item_indent-r_xl.post.css';
import './_indent-r/pt-list__item_indent-r_xs.post.css';
import './_indent-r/pt-list__item_indent-r_xxl.post.css';
import './_indent-r/pt-list__item_indent-r_xxxl.post.css';
import './_indent-l/pt-list__item_indent-l_l.post.css';
import './_indent-l/pt-list__item_indent-l_m.post.css';
import './_indent-l/pt-list__item_indent-l_s.post.css';
import './_indent-l/pt-list__item_indent-l_xl.post.css';
import './_indent-l/pt-list__item_indent-l_xs.post.css';
import './_indent-l/pt-list__item_indent-l_xxl.post.css';
import './_indent-l/pt-list__item_indent-l_xxxl.post.css';
import './_indent-t/pt-list__item_indent-t_l.post.css';
import './_indent-t/pt-list__item_indent-t_m.post.css';
import './_indent-t/pt-list__item_indent-t_s.post.css';
import './_indent-t/pt-list__item_indent-t_xl.post.css';
import './_indent-t/pt-list__item_indent-t_xs.post.css';
import './_indent-t/pt-list__item_indent-t_xxl.post.css';
import './_indent-t/pt-list__item_indent-t_xxxl.post.css';
import './_space-a/pt-list__item_space-a_l.post.css';
import './_space-a/pt-list__item_space-a_m.post.css';
import './_space-a/pt-list__item_space-a_s.post.css';
import './_space-a/pt-list__item_space-a_xl.post.css';
import './_space-a/pt-list__item_space-a_xs.post.css';
import './_space-a/pt-list__item_space-a_xxl.post.css';
import './_space-a/pt-list__item_space-a_xxs.post.css';
import './_space-b/pt-list__item_space-b_l.post.css';
import './_space-b/pt-list__item_space-b_m.post.css';
import './_space-b/pt-list__item_space-b_s.post.css';
import './_space-b/pt-list__item_space-b_xl.post.css';
import './_space-b/pt-list__item_space-b_xs.post.css';
import './_space-b/pt-list__item_space-b_xxl.post.css';
import './_space-b/pt-list__item_space-b_xxs.post.css';
import './_indent-v/pt-list__item_indent-v_l.post.css';
import './_indent-v/pt-list__item_indent-v_m.post.css';
import './_indent-v/pt-list__item_indent-v_s.post.css';
import './_indent-v/pt-list__item_indent-v_xl.post.css';
import './_indent-v/pt-list__item_indent-v_xxl.post.css';
import './_indent-v/pt-list__item_indent-v_xs.post.css';
import './_indent-v/pt-list__item_indent-v_xxxl.post.css';
import './_space-h/pt-list__item_space-h_l.post.css';
import './_space-h/pt-list__item_space-h_m.post.css';
import './_space-h/pt-list__item_space-h_s.post.css';
import './_space-h/pt-list__item_space-h_xl.post.css';
import './_space-h/pt-list__item_space-h_xs.post.css';
import './_space-h/pt-list__item_space-h_xxl.post.css';
import './_space-h/pt-list__item_space-h_xxs.post.css';
import './_space-l/pt-list__item_space-l_l.post.css';
import './_space-l/pt-list__item_space-l_m.post.css';
import './_space-l/pt-list__item_space-l_s.post.css';
import './_space-l/pt-list__item_space-l_xl.post.css';
import './_space-l/pt-list__item_space-l_xs.post.css';
import './_space-l/pt-list__item_space-l_xxl.post.css';
import './_space-l/pt-list__item_space-l_xxs.post.css';
import './_space-r/pt-list__item_space-r_l.post.css';
import './_space-r/pt-list__item_space-r_m.post.css';
import './_space-r/pt-list__item_space-r_s.post.css';
import './_space-r/pt-list__item_space-r_xl.post.css';
import './_space-r/pt-list__item_space-r_xs.post.css';
import './_space-r/pt-list__item_space-r_xxl.post.css';
import './_space-r/pt-list__item_space-r_xxs.post.css';
import './_space-t/pt-list__item_space-t_l.post.css';
import './_space-t/pt-list__item_space-t_m.post.css';
import './_space-t/pt-list__item_space-t_s.post.css';
import './_space-t/pt-list__item_space-t_xl.post.css';
import './_space-t/pt-list__item_space-t_xs.post.css';
import './_space-t/pt-list__item_space-t_xxl.post.css';
import './_space-t/pt-list__item_space-t_xxs.post.css';
import './_space-v/pt-list__item_space-v_l.post.css';
import './_space-v/pt-list__item_space-v_m.post.css';
import './_space-v/pt-list__item_space-v_s.post.css';
import './_space-v/pt-list__item_space-v_xl.post.css';
import './_space-v/pt-list__item_space-v_xs.post.css';
import './_space-v/pt-list__item_space-v_xxl.post.css';
import './_space-v/pt-list__item_space-v_xxs.post.css';
import './_vertical-align/pt-list__item_vertical-align_baseline.post.css';
import './_vertical-align/pt-list__item_vertical-align_center.post.css';
import './_vertical-align/pt-list__item_vertical-align_top.post.css';
var modNames = ['distribute', 'border', 'indentA', 'indentB', 'indentH', 'indentL', 'indentR', 'indentT', 'spaceA', 'indentV', 'spaceB', 'spaceH', 'spaceL', 'spaceR', 'spaceT', 'spaceV', 'verticalAlign'];
export function PtListItem(_ref) {
var additionalModNames = _ref.modNames,
props = _objectWithoutProperties(_ref, ["modNames"]);
return React.createElement(Bem, _extends({
block: "pt-list",
elem: "item"
}, props, {
modNames: modNames.concat(additionalModNames || [])
}));
}
PtListItem.propTypes = {
tag: PropTypes.string,
className: PropTypes.string,
modNames: PropTypes.arrayOf(PropTypes.string),
distribute: PropTypes.oneOf(['between', 'default']),
border: PropTypes.oneOf(['bottom', 'top']),
indentA: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxxl']),
indentB: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxxl']),
indentH: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxxl']),
indentL: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxxl']),
indentR: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxxl']),
indentT: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxxl']),
spaceA: PropTypes.oneOf(['m', 'l', 's', 'xl', 'xs', 'xxl', 'xxs']),
indentV: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxxl']),
spaceB: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxs']),
spaceH: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxs']),
spaceL: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxs']),
spaceR: PropTypes.oneOf(['m', 's', 'xl', 'l', 'xs', 'xxl', 'xxs']),
spaceT: PropTypes.oneOf(['l', 'm', 's', 'xl', 'xs', 'xxl', 'xxs']),
spaceV: PropTypes.oneOf(['m', 'l', 's', 'xl', 'xs', 'xxl', 'xxs']),
verticalAlign: PropTypes.oneOf(['baseline', 'center', 'top'])
};