UNPKG

@nitive/whitepaper-react

Version:

React components automatically generated by whitepaper-bem

149 lines (145 loc) 9.01 kB
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']) };