require('./TextField.styles_11vwdj4.css');
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('@linaria/react');
var TextField_tokens = require('./TextField.tokens.js');
var common = require('../../engines/common.js');
var Tooltip$1 = require('../Tooltip/Tooltip.js');

var mergedConfig = /*#__PURE__*/common.mergeConfig(Tooltip$1.tooltipConfig);
var Tooltip = /*#__PURE__*/common.component(mergedConfig);
var InputWrapper = /*#__PURE__*/react.styled('div')({
  name: "InputWrapper",
  "class": "iq39zt5",
  propsAsIs: false
});
var InputLabelWrapper = /*#__PURE__*/react.styled('div')({
  name: "InputLabelWrapper",
  "class": "i1j28rg8",
  propsAsIs: false
});
var StyledChips = /*#__PURE__*/react.styled('div')({
  name: "StyledChips",
  "class": "s13zudoe",
  propsAsIs: false
});
var Input = /*#__PURE__*/react.styled('input')({
  name: "Input",
  "class": "io4bpie",
  propsAsIs: false
});
var _exp9 = function _exp9() {
  return function (_ref) {
    var hasDynamicWidth = _ref.hasDynamicWidth;
    return hasDynamicWidth ? 'auto' : '60%';
  };
};
var _exp11 = function _exp11() {
  return function (_ref2) {
    var hasDynamicWidth = _ref2.hasDynamicWidth;
    return hasDynamicWidth ? '100%' : 'none';
  };
};
var InputContainer = /*#__PURE__*/react.styled('div')({
  name: "InputContainer",
  "class": "i13qvwoy",
  propsAsIs: false,
  vars: {
    "i13qvwoy-0": [/*#__PURE__*/_exp9()],
    "i13qvwoy-1": [/*#__PURE__*/_exp11()]
  }
});
var _exp13 = function _exp13() {
  return function (_ref3) {
    var hasPadding = _ref3.hasPadding;
    return hasPadding ? "var(".concat(TextField_tokens.tokens.contentLabelInnerPadding, ")") : '0';
  };
};
var InputPlaceholder = /*#__PURE__*/react.styled('div')({
  name: "InputPlaceholder",
  "class": "i19ry60d",
  propsAsIs: false,
  vars: {
    "i19ry60d-0": [/*#__PURE__*/_exp13()]
  }
});
var InputPlaceholderValue = /*#__PURE__*/react.styled('div')({
  name: "InputPlaceholderValue",
  "class": "ibt1ohz",
  propsAsIs: false
});
var _exp16 = function _exp16() {
  return function (_ref4) {
    var isInnerLabel = _ref4.isInnerLabel;
    return isInnerLabel ? "var(".concat(TextField_tokens.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(TextField_tokens.tokens.labelOffset, ")");
  };
};
var _exp17 = function _exp17() {
  return function (_ref5) {
    var isInnerLabel = _ref5.isInnerLabel;
    return isInnerLabel ? 0 : "var(".concat(TextField_tokens.tokens.labelPadding, ", 0)");
  };
};
var _exp18 = function _exp18() {
  return function (_ref6) {
    var isInnerLabel = _ref6.isInnerLabel;
    return isInnerLabel ? 'nowrap' : 'normal';
  };
};
var OuterLabelWrapper = /*#__PURE__*/react.styled('div')({
  name: "OuterLabelWrapper",
  "class": "olv9av6",
  propsAsIs: false,
  vars: {
    "olv9av6-0": [/*#__PURE__*/_exp16()],
    "olv9av6-1": [/*#__PURE__*/_exp17()],
    "olv9av6-2": [/*#__PURE__*/_exp18()]
  }
});
var TitleCaption = /*#__PURE__*/react.styled('div')({
  name: "TitleCaption",
  "class": "t600610",
  propsAsIs: false
});
var StyledIndicatorWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledIndicatorWrapper",
  "class": "suk2zst",
  propsAsIs: false
});
var Label = /*#__PURE__*/react.styled('label')({
  name: "Label",
  "class": "l1gjsnfi",
  propsAsIs: false
});
var StyledContentLeft = /*#__PURE__*/react.styled('div')({
  name: "StyledContentLeft",
  "class": "ssv2kwg",
  propsAsIs: false
});
var StyledContentRightWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledContentRightWrapper",
  "class": "s190z894",
  propsAsIs: false
});
var StyledContentRight = /*#__PURE__*/react.styled('div')({
  name: "StyledContentRight",
  "class": "sb3k3v1",
  propsAsIs: false
});
var LeftHelper = /*#__PURE__*/react.styled('div')({
  name: "LeftHelper",
  "class": "l7hnwwb",
  propsAsIs: false
});
var _exp36 = function _exp36() {
  return function (_ref7) {
    var isHidden = _ref7.isHidden;
    return isHidden ? 'hidden' : 'visible';
  };
};
var StyledTextBefore = /*#__PURE__*/react.styled('div')({
  name: "StyledTextBefore",
  "class": "smqgwd8",
  propsAsIs: false,
  vars: {
    "smqgwd8-0": [/*#__PURE__*/_exp36()]
  }
});
var StyledTextAfter = /*#__PURE__*/react.styled('div')({
  name: "StyledTextAfter",
  "class": "s14qvple",
  propsAsIs: false
});
var StyledOptionalText = /*#__PURE__*/react.styled('span')({
  name: "StyledOptionalText",
  "class": "s16itze4",
  propsAsIs: false
});
var StyledHintWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledHintWrapper",
  "class": "s1skqnhr",
  propsAsIs: false
});
var HintTargetWrapper = /*#__PURE__*/react.styled('div')({
  name: "HintTargetWrapper",
  "class": "hgy0im1",
  propsAsIs: false
});
var _exp41 = function _exp41() {
  return Tooltip;
};
var Hint = /*#__PURE__*/react.styled(_exp41())({
  name: "Hint",
  "class": "h8yezh4",
  propsAsIs: true
});
var HintIconWrapper = /*#__PURE__*/react.styled('div')({
  name: "HintIconWrapper",
  "class": "hzsveq4",
  propsAsIs: false
});
var StyledIndicator = /*#__PURE__*/react.styled('div')({
  name: "StyledIndicator",
  "class": "s9w7nf8",
  propsAsIs: false
});

exports.Hint = Hint;
exports.HintIconWrapper = HintIconWrapper;
exports.HintTargetWrapper = HintTargetWrapper;
exports.Input = Input;
exports.InputContainer = InputContainer;
exports.InputLabelWrapper = InputLabelWrapper;
exports.InputPlaceholder = InputPlaceholder;
exports.InputPlaceholderValue = InputPlaceholderValue;
exports.InputWrapper = InputWrapper;
exports.Label = Label;
exports.LeftHelper = LeftHelper;
exports.OuterLabelWrapper = OuterLabelWrapper;
exports.StyledChips = StyledChips;
exports.StyledContentLeft = StyledContentLeft;
exports.StyledContentRight = StyledContentRight;
exports.StyledContentRightWrapper = StyledContentRightWrapper;
exports.StyledHintWrapper = StyledHintWrapper;
exports.StyledIndicator = StyledIndicator;
exports.StyledIndicatorWrapper = StyledIndicatorWrapper;
exports.StyledOptionalText = StyledOptionalText;
exports.StyledTextAfter = StyledTextAfter;
exports.StyledTextBefore = StyledTextBefore;
exports.TitleCaption = TitleCaption;
//# sourceMappingURL=TextField.styles.js.map
