require('./TextField.styles_1s166k9.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": "ib21kyq",
  propsAsIs: false
});
var InputLabelWrapper = /*#__PURE__*/react.styled('div')({
  name: "InputLabelWrapper",
  "class": "i1tk1s6u",
  propsAsIs: false
});
var StyledChips = /*#__PURE__*/react.styled('div')({
  name: "StyledChips",
  "class": "s15z9hl",
  propsAsIs: false
});
var Input = /*#__PURE__*/react.styled('input')({
  name: "Input",
  "class": "i1eth5mm",
  propsAsIs: false
});
var _exp9 = function _exp9() {
  return function (_ref) {
    var hasDynamicWidth = _ref.hasDynamicWidth;
    return hasDynamicWidth ? 'auto' : '60%';
  };
};
var _exp1 = function _exp1() {
  return function (_ref2) {
    var hasDynamicWidth = _ref2.hasDynamicWidth;
    return hasDynamicWidth ? '100%' : 'none';
  };
};
var InputContainer = /*#__PURE__*/react.styled('div')({
  name: "InputContainer",
  "class": "ihsgvbx",
  propsAsIs: false,
  vars: {
    "ihsgvbx-0": [/*#__PURE__*/_exp9()],
    "ihsgvbx-1": [/*#__PURE__*/_exp1()]
  }
});
var _exp11 = function _exp11() {
  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": "idleox9",
  propsAsIs: false,
  vars: {
    "idleox9-0": [/*#__PURE__*/_exp11()]
  }
});
var InputPlaceholderValue = /*#__PURE__*/react.styled('div')({
  name: "InputPlaceholderValue",
  "class": "i1wb3lrr",
  propsAsIs: false
});
var _exp14 = function _exp14() {
  return function (_ref4) {
    var isInnerLabel = _ref4.isInnerLabel;
    return isInnerLabel ? "var(".concat(TextField_tokens.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(TextField_tokens.tokens.labelOffset, ")");
  };
};
var _exp15 = function _exp15() {
  return function (_ref5) {
    var isInnerLabel = _ref5.isInnerLabel;
    return isInnerLabel ? 0 : "var(".concat(TextField_tokens.tokens.labelPadding, ", 0)");
  };
};
var _exp16 = function _exp16() {
  return function (_ref6) {
    var isInnerLabel = _ref6.isInnerLabel;
    return isInnerLabel ? 'nowrap' : 'normal';
  };
};
var OuterLabelWrapper = /*#__PURE__*/react.styled('div')({
  name: "OuterLabelWrapper",
  "class": "o1pcskg1",
  propsAsIs: false,
  vars: {
    "o1pcskg1-0": [/*#__PURE__*/_exp14()],
    "o1pcskg1-1": [/*#__PURE__*/_exp15()],
    "o1pcskg1-2": [/*#__PURE__*/_exp16()]
  }
});
var TitleCaption = /*#__PURE__*/react.styled('div')({
  name: "TitleCaption",
  "class": "tsasqg5",
  propsAsIs: false
});
var StyledIndicatorWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledIndicatorWrapper",
  "class": "s178x8c6",
  propsAsIs: false
});
var Label = /*#__PURE__*/react.styled('label')({
  name: "Label",
  "class": "lk515tj",
  propsAsIs: false
});
var StyledContentLeft = /*#__PURE__*/react.styled('div')({
  name: "StyledContentLeft",
  "class": "sksog6b",
  propsAsIs: false
});
var StyledContentRightWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledContentRightWrapper",
  "class": "sde9qgt",
  propsAsIs: false
});
var StyledContentRight = /*#__PURE__*/react.styled('div')({
  name: "StyledContentRight",
  "class": "s1q4408c",
  propsAsIs: false
});
var LeftHelper = /*#__PURE__*/react.styled('div')({
  name: "LeftHelper",
  "class": "l1orllbx",
  propsAsIs: false
});
var _exp34 = function _exp34() {
  return function (_ref7) {
    var isHidden = _ref7.isHidden;
    return isHidden ? 'hidden' : 'visible';
  };
};
var StyledTextBefore = /*#__PURE__*/react.styled('div')({
  name: "StyledTextBefore",
  "class": "s1woncfk",
  propsAsIs: false,
  vars: {
    "s1woncfk-0": [/*#__PURE__*/_exp34()]
  }
});
var StyledTextAfter = /*#__PURE__*/react.styled('div')({
  name: "StyledTextAfter",
  "class": "s1ggd2l2",
  propsAsIs: false
});
var StyledOptionalText = /*#__PURE__*/react.styled('span')({
  name: "StyledOptionalText",
  "class": "s1w5u5es",
  propsAsIs: false
});
var StyledHintWrapper = /*#__PURE__*/react.styled('div')({
  name: "StyledHintWrapper",
  "class": "s17meze7",
  propsAsIs: false
});
var HintTargetWrapper = /*#__PURE__*/react.styled('div')({
  name: "HintTargetWrapper",
  "class": "h1fjhio3",
  propsAsIs: false
});
var _exp39 = function _exp39() {
  return Tooltip;
};
var Hint = /*#__PURE__*/react.styled(_exp39())({
  name: "Hint",
  "class": "h1bjol95",
  propsAsIs: true
});
var HintIconWrapper = /*#__PURE__*/react.styled('div')({
  name: "HintIconWrapper",
  "class": "h1xuzkt5",
  propsAsIs: false
});
var StyledIndicator = /*#__PURE__*/react.styled('div')({
  name: "StyledIndicator",
  "class": "sxak1qg",
  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;
