@ucloud-fe/react-components/lib/components/Textarea/style/index.js

UCloud react components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));

var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));

var _core = require("@emotion/core");

var _withProps = _interopRequireDefault(require("../../../utils/withProps"));

var _this = void 0;

var themeMixin = function themeMixin(props) {
  (0, _newArrowCheck2.default)(this, _this);
  var _props$theme = props.theme,
      DT = _props$theme.designTokens,
      fontSize = _props$theme.fontSize;
  return /*#__PURE__*/(0, _core.css)("font-size:", fontSize, ";color:", DT.T_COLOR_TEXT_DEFAULT_LIGHT, ";border:1px solid ", DT.T_COLOR_LINE_DEFAULT_LIGHT, ";background:", DT.T_INPUT_COLOR_BG_DEFAULT, ";box-shadow:", DT.T_SHADOW_INSET_DEFAULT, ";&:hover,&:focus{color:", DT.T_COLOR_TEXT_DEFAULT_DARK, ";border-color:", DT.T_COLOR_LINE_DEFAULT_DARK, ";background:", DT.T_INPUT_COLOR_BG_ACTIVE, ";}&:focus{border-color:", DT.T_COLOR_LINE_PRIMARY_DEFAULT, ";}&::placeholder{opacity:1;color:", DT.T_COLOR_TEXT_REMARK_LIGHT, ";}&[disabled]{color:", DT.T_COLOR_TEXT_DISABLED, ";border-color:", DT.T_COLOR_LINE_DISABLED_DARK, ";background:", DT.T_COLOR_BG_DISABLED_LIGHT, ";box-shadow:0 0 0 0 ", DT.T_COLOR_BG_TRANSPARENT, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRhcmVhL3N0eWxlL2luZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVjIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRhcmVhL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCB3aXRoUHJvcHMgZnJvbSAnc3JjL3V0aWxzL3dpdGhQcm9wcyc7XG5cbmNvbnN0IHRoZW1lTWl4aW4gPSBwcm9wcyA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICB0aGVtZTogeyBkZXNpZ25Ub2tlbnM6IERULCBmb250U2l6ZSB9XG4gICAgfSA9IHByb3BzO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgZm9udC1zaXplOiAke2ZvbnRTaXplfTtcbiAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfTElHSFR9O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke0RULlRfQ09MT1JfTElORV9ERUZBVUxUX0xJR0hUfTtcbiAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0lOUFVUX0NPTE9SX0JHX0RFRkFVTFR9O1xuICAgICAgICBib3gtc2hhZG93OiAke0RULlRfU0hBRE9XX0lOU0VUX0RFRkFVTFR9O1xuICAgICAgICAmOmhvdmVyLFxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9ERUZBVUxUX0RBUkt9O1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke0RULlRfQ09MT1JfTElORV9ERUZBVUxUX0RBUkt9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0lOUFVUX0NPTE9SX0JHX0FDVElWRX07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3JkZXItY29sb3I6ICR7RFQuVF9DT0xPUl9MSU5FX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgIH1cbiAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9SRU1BUktfTElHSFR9O1xuICAgICAgICB9XG4gICAgICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9ESVNBQkxFRH07XG4gICAgICAgICAgICBib3JkZXItY29sb3I6ICR7RFQuVF9DT0xPUl9MSU5FX0RJU0FCTEVEX0RBUkt9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0NPTE9SX0JHX0RJU0FCTEVEX0xJR0hUfTtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDAgJHtEVC5UX0NPTE9SX0JHX1RSQU5TUEFSRU5UfTtcbiAgICAgICAgfVxuICAgIGA7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWFXcmFwID0gd2l0aFByb3BzKCkoc3R5bGVkKCd0ZXh0YXJlYScpYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZzogNHB4IDhweDtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgICBtaW4taGVpZ2h0OiAkezEyICogMS41ICsgKDQgKyAxKSAqIDJ9cHg7XG4gICAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgICR7dGhlbWVNaXhpbn07XG5gKTtcbiJdfQ== */"));
}.bind(void 0);

var TextareaWrap = (0, _withProps.default)()(( /*#__PURE__*/0, _styledBase.default)('textarea', {
  target: "e1nuqkzi0",
  label: "TextareaWrap"
})("display:block;box-sizing:border-box;width:100%;padding:4px 8px;border-radius:2px;line-height:1.5;min-height:", 12 * 1.5 + (4 + 1) * 2, "px;resize:vertical;outline:none;", themeMixin, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRhcmVhL3N0eWxlL2luZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDMEQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dGFyZWEvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IHdpdGhQcm9wcyBmcm9tICdzcmMvdXRpbHMvd2l0aFByb3BzJztcblxuY29uc3QgdGhlbWVNaXhpbiA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7XG4gICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQsIGZvbnRTaXplIH1cbiAgICB9ID0gcHJvcHM7XG5cbiAgICByZXR1cm4gY3NzYFxuICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemV9O1xuICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfREVGQVVMVF9MSUdIVH07XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7RFQuVF9DT0xPUl9MSU5FX0RFRkFVTFRfTElHSFR9O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfSU5QVVRfQ09MT1JfQkdfREVGQVVMVH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7RFQuVF9TSEFET1dfSU5TRVRfREVGQVVMVH07XG4gICAgICAgICY6aG92ZXIsXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSS307XG4gICAgICAgICAgICBib3JkZXItY29sb3I6ICR7RFQuVF9DT0xPUl9MSU5FX0RFRkFVTFRfREFSS307XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfSU5QVVRfQ09MT1JfQkdfQUNUSVZFfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtEVC5UX0NPTE9SX0xJTkVfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgfVxuICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX1JFTUFSS19MSUdIVH07XG4gICAgICAgIH1cbiAgICAgICAgJltkaXNhYmxlZF0ge1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RJU0FCTEVEfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtEVC5UX0NPTE9SX0xJTkVfRElTQUJMRURfREFSS307XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfQ09MT1JfQkdfRElTQUJMRURfTElHSFR9O1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMCAke0RULlRfQ09MT1JfQkdfVFJBTlNQQVJFTlR9O1xuICAgICAgICB9XG4gICAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYVdyYXAgPSB3aXRoUHJvcHMoKShzdHlsZWQoJ3RleHRhcmVhJylgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nOiA0cHggOHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBsaW5lLWhlaWdodDogMS41O1xuICAgIG1pbi1oZWlnaHQ6ICR7MTIgKiAxLjUgKyAoNCArIDEpICogMn1weDtcbiAgICByZXNpemU6IHZlcnRpY2FsO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgJHt0aGVtZU1peGlufTtcbmApO1xuIl19 */")));
exports.TextareaWrap = TextareaWrap;