"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 _TokenInput = require("./TokenInput.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;

var styles = exports.styles = (0, _Emotion.memoizeStyle)({
  label: function label(t) {
    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ", ";\n    "])),
    t.tokenInputBg,
    t.tokenInputShadow,
    t.tokenInputBorderWidth, t.tokenInputBorderColor,
    t.tokenInputBorderTopColor,
    t.transitionDuration, t.transitionTimingFunction,







    t.tokenInputBorderRadius);

  },
  labelSmall: function labelSmall(t) {
    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall));

  },
  labelMedium: function labelMedium(t) {
    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium));

  },
  labelLarge: function labelLarge(t) {
    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge));

  },

  hovering: function hovering(t) {
    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),

    t.tokenInputBorderColorHover);


  },

  warning: function warning(t) {
    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
    t.tokenInputBorderWidth, t.tokenInputBorderColorWarning,
    t.tokenInputOutlineWidth, t.tokenInputBorderColorWarning);

  },

  error: function error(t) {
    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
    t.tokenInputBorderWidth, t.tokenInputBorderColorError,
    t.tokenInputOutlineWidth, t.tokenInputBorderColorError);

  },

  labelFocused: function labelFocused(t) {
    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
    t.tokenInputBorderWidth, t.tokenInputBorderColorFocus,
    t.tokenInputOutlineWidth, t.tokenInputBorderColorFocus);

  },

  labelDisabled: function labelDisabled(t) {
    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      background-clip: ", ";\n      border-color: ", ";\n      box-shadow: none;\n      cursor: default;\n    "])),
    t.tokenInputDisabledBg,
    t.inputDisabledBackgroundClip,
    t.tokenInputDisabledBorderColor);



  },

  input: function input(t) {
    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ", ";\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:disabled::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:focus::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    "])),











    t.tokenInputTextColor,










    t.tokenInputPlaceholderColor,
    t.tokenInputPlaceholderColor,


    t.tokenInputPlaceholderColorDisabled,
    t.tokenInputPlaceholderColorDisabled,


    t.tokenInputPlaceholderColorLight,
    t.tokenInputPlaceholderColorLight);









  },
  inputSmall: function inputSmall(t) {
    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall));

  },
  inputMedium: function inputMedium(t) {
    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium));

  },
  inputLarge: function inputLarge(t) {
    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge));

  },

  inputDisabled: function inputDisabled(t) {
    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ", ";\n    "])),



    t.tokenInputTextColorDisabled);

  },

  inputPlaceholderWrapper: function inputPlaceholderWrapper() {
    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));


  },

  reservedInput: function reservedInput(t) {
    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: 2px;\n      color: ", ";\n      word-break: break-all;\n    "])),

    t.tokenInputTextColorDisabled);


  }
});