@sergiodxa/ui/lib/list.js

UI components for my projects

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require("babel-runtime/helpers/extends");

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require("babel-runtime/helpers/objectWithoutProperties");

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

exports.UL = UL;
exports.OL = OL;
exports.LI = LI;
exports.DL = DL;
exports.DT = DT;
exports.DD = DD;

var _style = require("styled-jsx/style");

var _style2 = _interopRequireDefault(_style);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _palette = require("@sergiodxa/palette");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/**
 * @function UL
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
/** @module ui/list */
function UL(_ref) {
  var children = _ref.children,
      props = (0, _objectWithoutProperties3.default)(_ref, ["children"]);

  return _react2.default.createElement(
    "ul",
    (0, _extends3.default)({}, props, {
      className: "jsx-1980236389" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "1980236389",
      css: "ul.jsx-1980236389{font-size:1.3em;font-weight:normal;margin-left:-2rem;padding-left:2rem;list-style-type:square;}@media (max-width:767px){ul.jsx-1980236389{margin-left:0;padding-left:2rem;}}"
    })
  );
}

/**
 * @function OL
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function OL(_ref2) {
  var children = _ref2.children,
      props = (0, _objectWithoutProperties3.default)(_ref2, ["children"]);

  return _react2.default.createElement(
    "ol",
    (0, _extends3.default)({}, props, {
      className: "jsx-2222263612" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "2222263612",
      css: "ol.jsx-2222263612{font-size:1.3em;font-weight:normal;margin-left:-2rem;padding-left:2rem;list-style-type:lower-roman;}@media (max-width:767px){ol.jsx-2222263612{margin-left:0;padding-left:2rem;}}"
    })
  );
}

/**
 * @function LI
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function LI(_ref3) {
  var children = _ref3.children,
      props = (0, _objectWithoutProperties3.default)(_ref3, ["children"]);

  return _react2.default.createElement(
    "li",
    (0, _extends3.default)({}, props, {
      className: "jsx-2318152016" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "2318152016",
      css: "li.jsx-2318152016{line-height:1.5;}"
    })
  );
}

/**
 * @function DL
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function DL(_ref4) {
  var children = _ref4.children,
      props = (0, _objectWithoutProperties3.default)(_ref4, ["children"]);

  return _react2.default.createElement(
    "dl",
    (0, _extends3.default)({}, props, {
      className: _style2.default.dynamic([["2931484363", [_palette.grey]]]) + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "2931484363",
      css: "dl.__jsx-style-dynamic-selector{border:1px solid " + _palette.grey + ";padding:0.75em;}",
      dynamic: [_palette.grey]
    })
  );
}

/**
 * @function DT
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function DT(_ref5) {
  var children = _ref5.children,
      props = (0, _objectWithoutProperties3.default)(_ref5, ["children"]);

  return _react2.default.createElement(
    "dt",
    (0, _extends3.default)({}, props, {
      className: "jsx-3679127155" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "3679127155",
      css: "dt.jsx-3679127155{font-size:1.25em;font-weight:lighter;}"
    })
  );
}

/**
 * @function DD
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function DD(_ref6) {
  var children = _ref6.children,
      props = (0, _objectWithoutProperties3.default)(_ref6, ["children"]);

  return _react2.default.createElement(
    "dd",
    (0, _extends3.default)({}, props, {
      className: "jsx-1792254242" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "1792254242",
      css: "dd.jsx-1792254242{margin-left:0;}"
    })
  );
}