@buffetjs/styles/dist/components/TimeList/index.js

Buffetjs Styles - The styling solution of Buffetjs

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _colors = _interopRequireDefault(require("../../assets/styles/colors"));

var _sizes = _interopRequireDefault(require("../../assets/styles/sizes"));

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

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 0;\n  font-family: 'Lato';\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  border: 1px solid transparent;\n  border-bottom-left-radius: 3px;\n  border-bottom-right-radius: 3px;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  overflow-x: hidden;\n  overflow-y: scroll;\n  transition: all 0.2s ease-out;\n  visibility: hidden;\n  ::-webkit-scrollbar {\n    width: 0 !important;\n  }\n  overflow: -moz-scrollbars-none;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &.displayed {\n    height: ", ";\n    transition: all 0.2s ease-out;\n    visibility: visible;\n    border-color: ", ";\n  }\n  li {\n    position: relative;\n    input {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      opacity: 0;\n      z-index: 1;\n      cursor: pointer;\n      &:checked + label,\n      &:hover + label {\n        background-color: ", ";\n      }\n    }\n    label {\n      display: block;\n      position: relative;\n      z-index: 0;\n      width: 100%;\n      height: 100%;\n      padding: ", "px 0 ", "px\n        calc(", " + ", ");\n      font-size: 13px;\n      line-height: 30px;\n      margin-bottom: 0;\n    }\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var TimeList = _styledComponents["default"].ul(_templateObject(), _sizes["default"].fontWeight.bold, _sizes["default"].input.fontSize, _colors["default"].greyIconColor, _sizes["default"].timepicker.list.height, _colors["default"].lightGrey, _colors["default"].greyIconBkgd, _sizes["default"].margin * 0.4, _sizes["default"].margin * 0.2, _sizes["default"].input.height, _sizes["default"].input.padding);

var _default = TimeList;
exports["default"] = _default;