react-timekeeper/lib/components/styles/meridiems.js

Time picker based on the style of the Google Keep app

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.meridiemWrapper = exports.meridiem = void 0;

var _react = require("@emotion/react");

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

const CLOCK_WRAPPER_MERIDIEM_COLOR = '#898989';
const CLOCK_WRAPPER_MERIDIEM_BACKGROUND_COLOR_SELECTED = '#E1EFF6';
const CLOCK_WRAPPER_MERIDIEM_TEXT_COLOR_SELECTED = '#898989';
const MERIDIEM_SELECT_SIZE = 38;
const meridiemWrapper = process.env.NODE_ENV === "production" ? {
  name: "11zmfun",
  styles: "text-align:left;padding:0 30px;margin-top:-16px;position:relative;z-index:10"
} : {
  name: "11koacj-meridiemWrapper",
  styles: "text-align:left;padding:0 30px;margin-top:-16px;position:relative;z-index:10;label:meridiemWrapper;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlcy9tZXJpZGllbXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWtDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlcy9tZXJpZGllbXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgQ0xPQ0tfV1JBUFBFUl9NRVJJRElFTV9DT0xPUiA9ICcjODk4OTg5J1xuY29uc3QgQ0xPQ0tfV1JBUFBFUl9NRVJJRElFTV9CQUNLR1JPVU5EX0NPTE9SX1NFTEVDVEVEID0gJyNFMUVGRjYnXG5jb25zdCBDTE9DS19XUkFQUEVSX01FUklESUVNX1RFWFRfQ09MT1JfU0VMRUNURUQgPSAnIzg5ODk4OSdcblxuY29uc3QgTUVSSURJRU1fU0VMRUNUX1NJWkUgPSAzOFxuXG5leHBvcnQgY29uc3QgbWVyaWRpZW1XcmFwcGVyID0gY3NzYFxuXHR0ZXh0LWFsaWduOiBsZWZ0O1xuXHRwYWRkaW5nOiAwIDMwcHg7XG5cdG1hcmdpbi10b3A6IC0xNnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHotaW5kZXg6IDEwO1xuYFxuXG5pbnRlcmZhY2UgUHJvcHMge1xuXHRpc1JpZ2h0PzogYm9vbGVhblxuXHRpc1NlbGVjdGVkOiBib29sZWFuXG59XG5cbmNvbnN0IHJpZ2h0ID0gYFxuXHRmbG9hdDogcmlnaHQ7XG5gXG5cbmNvbnN0IHNlbGVjdGVkID0gYFxuXHRiYWNrZ3JvdW5kOiB2YXIoLS1tZXJpZGllbS1zZWxlY3RlZC1iZy1jb2xvciwgJHtDTE9DS19XUkFQUEVSX01FUklESUVNX0JBQ0tHUk9VTkRfQ09MT1JfU0VMRUNURUR9KTtcblx0Y29sb3I6IHZhcigtLW1lcmlkaWVtLXNlbGVjdGVkLXRleHQtY29sb3IsICR7Q0xPQ0tfV1JBUFBFUl9NRVJJRElFTV9URVhUX0NPTE9SX1NFTEVDVEVEfSk7XG5gXG5cbmV4cG9ydCBjb25zdCBtZXJpZGllbSA9ICh7IGlzUmlnaHQsIGlzU2VsZWN0ZWQgfTogUHJvcHMpID0+IGNzc2Bcblx0YmFja2dyb3VuZDogdmFyKC0tbWVyaWRpZW0tYmctY29sb3IsIHdoaXRlKTtcblx0Zm9udC1zaXplOiAxNHB4O1xuXHRjb2xvcjogdmFyKC0tbWVyaWRpZW0tdGV4dC1jb2xvciwgJHtDTE9DS19XUkFQUEVSX01FUklESUVNX0NPTE9SfSk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0cGFkZGluZzogMDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRib3JkZXItcmFkaXVzOiA5OXB4O1xuXHR3aWR0aDogJHtNRVJJRElFTV9TRUxFQ1RfU0laRX1weDtcblx0aGVpZ2h0OiAke01FUklESUVNX1NFTEVDVF9TSVpFfXB4O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdGxpbmUtaGVpZ2h0OiAke01FUklESUVNX1NFTEVDVF9TSVpFfXB4O1xuXHR0cmFuc2l0aW9uOiAwLjE1cyBlYXNlLW91dDtcblxuXHQvLyBjb25kaXRpb25hbHNcblx0JHtpc1JpZ2h0ICYmIHJpZ2h0fVxuXHQke2lzU2VsZWN0ZWQgJiYgc2VsZWN0ZWR9XG5gXG4iXX0= */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
exports.meridiemWrapper = meridiemWrapper;
const right = "\n\tfloat: right;\n";
const selected = "\n\tbackground: var(--meridiem-selected-bg-color, ".concat(CLOCK_WRAPPER_MERIDIEM_BACKGROUND_COLOR_SELECTED, ");\n\tcolor: var(--meridiem-selected-text-color, ").concat(CLOCK_WRAPPER_MERIDIEM_TEXT_COLOR_SELECTED, ");\n");

const meridiem = _ref => {
  let {
    isRight,
    isSelected
  } = _ref;
  return /*#__PURE__*/(0, _react.css)("background:var(--meridiem-bg-color, white);font-size:14px;color:var(--meridiem-text-color, ", CLOCK_WRAPPER_MERIDIEM_COLOR, ");display:inline-block;padding:0;cursor:pointer;border-radius:99px;width:", MERIDIEM_SELECT_SIZE, "px;height:", MERIDIEM_SELECT_SIZE, "px;text-align:center;line-height:", MERIDIEM_SELECT_SIZE, "px;transition:0.15s ease-out;", isRight && right, " ", isSelected && selected, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:meridiem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlcy9tZXJpZGllbXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEIrRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zdHlsZXMvbWVyaWRpZW1zLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmNvbnN0IENMT0NLX1dSQVBQRVJfTUVSSURJRU1fQ09MT1IgPSAnIzg5ODk4OSdcbmNvbnN0IENMT0NLX1dSQVBQRVJfTUVSSURJRU1fQkFDS0dST1VORF9DT0xPUl9TRUxFQ1RFRCA9ICcjRTFFRkY2J1xuY29uc3QgQ0xPQ0tfV1JBUFBFUl9NRVJJRElFTV9URVhUX0NPTE9SX1NFTEVDVEVEID0gJyM4OTg5ODknXG5cbmNvbnN0IE1FUklESUVNX1NFTEVDVF9TSVpFID0gMzhcblxuZXhwb3J0IGNvbnN0IG1lcmlkaWVtV3JhcHBlciA9IGNzc2Bcblx0dGV4dC1hbGlnbjogbGVmdDtcblx0cGFkZGluZzogMCAzMHB4O1xuXHRtYXJnaW4tdG9wOiAtMTZweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR6LWluZGV4OiAxMDtcbmBcblxuaW50ZXJmYWNlIFByb3BzIHtcblx0aXNSaWdodD86IGJvb2xlYW5cblx0aXNTZWxlY3RlZDogYm9vbGVhblxufVxuXG5jb25zdCByaWdodCA9IGBcblx0ZmxvYXQ6IHJpZ2h0O1xuYFxuXG5jb25zdCBzZWxlY3RlZCA9IGBcblx0YmFja2dyb3VuZDogdmFyKC0tbWVyaWRpZW0tc2VsZWN0ZWQtYmctY29sb3IsICR7Q0xPQ0tfV1JBUFBFUl9NRVJJRElFTV9CQUNLR1JPVU5EX0NPTE9SX1NFTEVDVEVEfSk7XG5cdGNvbG9yOiB2YXIoLS1tZXJpZGllbS1zZWxlY3RlZC10ZXh0LWNvbG9yLCAke0NMT0NLX1dSQVBQRVJfTUVSSURJRU1fVEVYVF9DT0xPUl9TRUxFQ1RFRH0pO1xuYFxuXG5leHBvcnQgY29uc3QgbWVyaWRpZW0gPSAoeyBpc1JpZ2h0LCBpc1NlbGVjdGVkIH06IFByb3BzKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6IHZhcigtLW1lcmlkaWVtLWJnLWNvbG9yLCB3aGl0ZSk7XG5cdGZvbnQtc2l6ZTogMTRweDtcblx0Y29sb3I6IHZhcigtLW1lcmlkaWVtLXRleHQtY29sb3IsICR7Q0xPQ0tfV1JBUFBFUl9NRVJJRElFTV9DT0xPUn0pO1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHBhZGRpbmc6IDA7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0Ym9yZGVyLXJhZGl1czogOTlweDtcblx0d2lkdGg6ICR7TUVSSURJRU1fU0VMRUNUX1NJWkV9cHg7XG5cdGhlaWdodDogJHtNRVJJRElFTV9TRUxFQ1RfU0laRX1weDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRsaW5lLWhlaWdodDogJHtNRVJJRElFTV9TRUxFQ1RfU0laRX1weDtcblx0dHJhbnNpdGlvbjogMC4xNXMgZWFzZS1vdXQ7XG5cblx0Ly8gY29uZGl0aW9uYWxzXG5cdCR7aXNSaWdodCAmJiByaWdodH1cblx0JHtpc1NlbGVjdGVkICYmIHNlbGVjdGVkfVxuYFxuIl19 */");
};

exports.meridiem = meridiem;