"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");

var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;

var styles = exports.styles = (0, _Emotion.memoizeStyle)({
  root: function root(t) {
    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      position: absolute;\n      right: -", ";\n      top: -", ";\n    "])),
    (0, _Mixins.resetButton)(),
    t.clearCrossIconColor,

    t.transitionDuration, t.transitionTimingFunction,

    t.clearCrossIconHoverColor,


    t.clearCrossIconAlign,


    t.inputBorderWidth,
    t.inputBorderWidth);

  },

  focus: function focus(t) {
    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
    t.clearCrossIconHoverColor);

  },

  clearCrossSmall: function clearCrossSmall(t) {
    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
    t.clearCrossIconWidthSmall,
    t.clearCrossIconHeightSmall,
    t.clearCrossIconBorderRadiusSmall);

  },
  clearCrossMedium: function clearCrossMedium(t) {
    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
    t.clearCrossIconWidthMedium,
    t.clearCrossIconHeightMedium,
    t.clearCrossIconBorderRadiusMedium);

  },
  clearCrossLarge: function clearCrossLarge(t) {
    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
    t.clearCrossIconWidthLarge,
    t.clearCrossIconHeightLarge,
    t.clearCrossIconBorderRadiusLarge);

  },
  relativeWidthSmall: function relativeWidthSmall(t) {
    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      width: ", ";\n    "])),

    t.inputIconSizeSmall);

  },
  relativeWidthMedium: function relativeWidthMedium(t) {
    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      width: ", ";\n    "])),

    t.inputIconSizeMedium);

  },
  relativeWidthLarge: function relativeWidthLarge(t) {
    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      width: ", ";\n    "])),

    t.inputIconSizeLarge);

  }
});