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


var _Token = require("./Token.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;

var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('token')({
  removeIcon: 'remove-icon'
});

var styles = exports.styles = (0, _Emotion.memoizeStyle)({
  token: function token(t) {
    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      border-radius: ", ";\n      border: solid ", " transparent;\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    "])),


    t.tokenBorderRadius,
    t.tokenBorderWidth);








  },

  tokenSmall: function tokenSmall(t) {
    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _Token.tokenSizeMixin)(
      t.tokenPaddingYSmall,
      t.tokenPaddingXSmall,
      t.tokenLineHeightSmall,
      t.tokenFontSizeSmall,
      t.tokenMarginYSmall,
      t.tokenMarginXSmall
    ));

  },

  tokenMedium: function tokenMedium(t) {
    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _Token.tokenSizeMixin)(
      t.tokenPaddingYMedium,
      t.tokenPaddingXMedium,
      t.tokenLineHeightMedium,
      t.tokenFontSizeMedium,
      t.tokenMarginYMedium,
      t.tokenMarginXMedium
    ));

  },

  tokenLarge: function tokenLarge(t) {
    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _Token.tokenSizeMixin)(
      t.tokenPaddingYLarge,
      t.tokenPaddingXLarge,
      t.tokenLineHeightLarge,
      t.tokenFontSizeLarge,
      t.tokenMarginYLarge,
      t.tokenMarginXLarge
    ));

  },

  tokenIdle: function tokenIdle(t) {
    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      background-clip: border-box;\n    "])),
    t.tokenColor,
    t.tokenBg,
    t.tokenBorderColor);


  },

  tokenHover: function tokenHover(t) {
    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])),

    t.tokenColorHover,
    t.tokenBgHover,
    t.tokenBorderWidth, t.tokenBorderColorHover);


  },

  tokenActive: function tokenActive(t) {
    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border: solid ", " ", ";\n    "])),
    t.tokenColorActive,
    t.tokenBgActive,
    t.tokenBorderWidth, t.tokenBorderColorActive);

  },

  tokenError: function tokenError(t) {
    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
    t.tokenBorderWidth, t.tokenBorderColorError,
    t.tokenOutlineWidth, t.tokenBorderColorError);

  },

  tokenWarning: function tokenWarning(t) {
    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
    t.tokenBorderWidth, t.tokenBorderColorWarning,
    t.tokenOutlineWidth, t.tokenBorderColorWarning);

  },

  tokenDisabled: function tokenDisabled(t) {
    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: text;\n      cursor: text;\n      color: ", ";\n      pointer-events: none;\n      border: solid 1px ", ";\n\n      .", " {\n        visibility: hidden;\n      }\n    "])),


    t.tokenTextColorDisabled,

    t.tokenBorderColorDisabled,

    globalClasses.removeIcon);



  },

  text: function text() {
    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));


  },

  removeIcon: function removeIcon(t) {
    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n      width: ", ";\n      flex-shrink: 0;\n      padding: ", " ", ";\n      box-sizing: ", ";\n      margin-left: ", ";\n      transition: none;\n      fill: currentColor;\n      opacity: 0.5;\n      line-height: 0;\n      display: inline-block;\n\n      &:hover {\n        opacity: 1;\n      }\n    "])),
    t.tokenRemoveIconSize,
    t.tokenRemoveIconSize,

    t.tokenRemoveIconPaddingY, t.tokenRemoveIconPaddingX,
    t.tokenRemoveIconBoxSizing,
    t.tokenRemoveIconGap);










  },

  helperText: function helperText() {
    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n    "])));







  },
  helperContainer: function helperContainer() {
    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    "])));




  },
  helperContainerSmall: function helperContainerSmall(t) {
    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
    t.tokenInputPaddingXSmall,
    t.tokenInputPaddingXSmall);

  },
  helperContainerMedium: function helperContainerMedium(t) {
    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
    t.tokenInputPaddingXMedium,
    t.tokenInputPaddingXMedium);

  },
  helperContainerLarge: function helperContainerLarge(t) {
    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
    t.tokenInputPaddingXLarge,
    t.tokenInputPaddingXLarge);

  }
});