@wordpress/components
Version:
UI components for WordPress.
14 lines (13 loc) • 3.6 kB
JavaScript
/**
* External dependencies
*/
import { css } from '@emotion/core';
/**
* Internal dependencies
*/
import { inputStyleNeutral, inputStyleFocus } from './base';
import { font } from '../font';
import { color } from '../colors';
import { breakpoint } from '../breakpoint';
export const inputControl = /*#__PURE__*/css("font-family:", font('default.fontFamily'), ";padding:6px 8px;", inputStyleNeutral, ";font-size:", font('mobileTextMinFontSize'), ";line-height:normal;", breakpoint('small'), "{font-size:", font('default.fontSize'), ";line-height:normal;}&:focus{", inputStyleFocus, "}&::-webkit-input-placeholder{color:", color('darkGray.placeholder'), ";}&::-moz-placeholder{opacity:1;color:", color('darkGray.placeholder'), ";}&:-ms-input-placeholder{color:", color('darkGray.placeholder'), ";}.is-dark-theme &{&::-webkit-input-placeholder{color:", color('lightGray.placeholder'), ";}&::-moz-placeholder{opacity:1;color:", color('lightGray.placeholder'), ";}&:-ms-input-placeholder{color:", color('lightGray.placeholder'), ";}};label:inputControl;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvaW5wdXQvaW5wdXQtY29udHJvbC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhK0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91dGlscy9pbnB1dC9pbnB1dC1jb250cm9sLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGlucHV0U3R5bGVOZXV0cmFsLCBpbnB1dFN0eWxlRm9jdXMgfSBmcm9tICcuL2Jhc2UnO1xuaW1wb3J0IHsgZm9udCB9IGZyb20gJy4uL2ZvbnQnO1xuaW1wb3J0IHsgY29sb3IgfSBmcm9tICcuLi9jb2xvcnMnO1xuaW1wb3J0IHsgYnJlYWtwb2ludCB9IGZyb20gJy4uL2JyZWFrcG9pbnQnO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250cm9sID0gY3NzYFxuXHRmb250LWZhbWlseTogJHsgZm9udCggJ2RlZmF1bHQuZm9udEZhbWlseScgKSB9O1xuXHRwYWRkaW5nOiA2cHggOHB4O1xuXHQkeyBpbnB1dFN0eWxlTmV1dHJhbCB9O1xuXG5cdC8qIEZvbnRzIHNtYWxsZXIgdGhhbiAxNnB4IGNhdXNlcyBtb2JpbGUgc2FmYXJpIHRvIHpvb20uICovXG5cdGZvbnQtc2l6ZTogJHsgZm9udCggJ21vYmlsZVRleHRNaW5Gb250U2l6ZScgKSB9O1xuXHQvKiBPdmVycmlkZSBjb3JlIGxpbmUtaGVpZ2h0LiBUbyBiZSByZXZpZXdlZC4gKi9cblx0bGluZS1oZWlnaHQ6IG5vcm1hbDtcblxuXHQkeyBicmVha3BvaW50KCAnc21hbGwnICkgfSB7XG5cdFx0Zm9udC1zaXplOiAkeyBmb250KCAnZGVmYXVsdC5mb250U2l6ZScgKSB9O1xuXHRcdC8qIE92ZXJyaWRlIGNvcmUgbGluZS1oZWlnaHQuIFRvIGJlIHJldmlld2VkLiAqL1xuXHRcdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cdH1cblxuXHQmOmZvY3VzIHtcblx0XHQkeyBpbnB1dFN0eWxlRm9jdXMgfVxuXHR9XG5cblx0Ly8gVXNlIG9wYWNpdHkgdG8gd29yayBpbiB2YXJpb3VzIGVkaXRvciBzdHlsZXMuXG5cdCY6Oi13ZWJraXQtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBjb2xvciggJ2RhcmtHcmF5LnBsYWNlaG9sZGVyJyApIH07XG5cdH1cblxuXHQmOjotbW96LXBsYWNlaG9sZGVyIHtcblx0XHRvcGFjaXR5OiAxOyAvLyBOZWNlc3NhcnkgYmVjYXVzZSBGaXJlZm94IHJlZHVjZXMgdGhpcyBmcm9tIDEuXG5cdFx0Y29sb3I6ICR7IGNvbG9yKCAnZGFya0dyYXkucGxhY2Vob2xkZXInICkgfTtcblx0fVxuXG5cdCY6LW1zLWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogJHsgY29sb3IoICdkYXJrR3JheS5wbGFjZWhvbGRlcicgKSB9O1xuXHR9XG5cblx0LmlzLWRhcmstdGhlbWUgJiB7XG5cdFx0Jjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgY29sb3IoICdsaWdodEdyYXkucGxhY2Vob2xkZXInICkgfTtcblx0XHR9XG5cblx0XHQmOjotbW96LXBsYWNlaG9sZGVyIHtcblx0XHRcdG9wYWNpdHk6IDE7IC8vIE5lY2Vzc2FyeSBiZWNhdXNlIEZpcmVmb3ggcmVkdWNlcyB0aGlzIGZyb20gMS5cblx0XHRcdGNvbG9yOiAkeyBjb2xvciggJ2xpZ2h0R3JheS5wbGFjZWhvbGRlcicgKSB9O1xuXHRcdH1cblxuXHRcdCY6LW1zLWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRcdGNvbG9yOiAkeyBjb2xvciggJ2xpZ2h0R3JheS5wbGFjZWhvbGRlcicgKSB9O1xuXHRcdH1cblx0fVxuYDtcbiJdfQ== */"));
//# sourceMappingURL=input-control.js.map