@redpill-paris/quidol-ui/build/TextInputChat/TextInputStyle.js

**quidol-ui** is a framework css create for the project Quidol Live.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n,e,t,i,r,a,o,m,l,h,s=require("styled-components"),d=(n=s)&&"object"==typeof n&&"default"in n?n.default:n,c=require("../_virtual/_tslib.js"),p=require("../Typography/index.js"),u=require("../IconButton/index.js"),g=require("../assets/icons/replyBlack.svg.js"),f=require("../WrapperTextInput/index.js"),x=d.div(e||(e=c.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 2em;\n  height: 2em;\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 2em;\n  height: 2em;\n"]))),y=d.button(t||(t=c.__makeTemplateObject(["\n  border-width: 0px;\n  background-color: rgba(0,0,0,0);\n  :focus {\n    outline: none !important;\n  }\n"],["\n  border-width: 0px;\n  background-color: rgba(0,0,0,0);\n  :focus {\n    outline: none !important;\n  }\n"]))),w=d.div(i||(i=c.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  min-height: ",";\n  max-height: ",";\n  min-height: ",";\n  border-radius: ",";\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 1em;\n  background-color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  min-height: ",";\n  max-height: ",";\n  min-height: ",";\n  border-radius: ",";\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 1em;\n  background-color: ",";\n"])),(function(n){var e=n.theme,t=n.additionalHeight;return"calc("+e.styleContainer.heightButton+" + "+t+")"}),(function(n){var e=n.theme,t=n.additionalHeight;return"calc("+e.styleContainer.heightButton+" + "+t+")"}),(function(n){var e=n.theme,t=n.additionalHeight;return"calc("+e.styleContainer.heightButton+" + "+t+")"}),(function(n){return n.theme.styleContainer.borderRadius}),(function(n){return n.backgroundColor})),b=d.div(r||(r=c.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 0.5em;\n  width: 100%;\n"],["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 0.5em;\n  width: 100%;\n"]))),j=d.div(a||(a=c.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  max-width: 50%;\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  max-width: 50%;\n"]))),_=d(p)(o||(o=c.__makeTemplateObject(["\n  font-size: 0.85em;\n  white-space: nowrap;\n"],["\n  font-size: 0.85em;\n  white-space: nowrap;\n"]))),k=d(u)(m||(m=c.__makeTemplateObject(["\n  height: 1.2em;\n  width: 1.2em;\n  min-height: 1.2em;\n  min-width: 1.2em;\n  margin-right: 0.5em;\n  svg {\n    max-height: 1.2em;\n    max-width: 1.2em;\n    & path {\n      fill: ",";\n    }\n  }\n"],["\n  height: 1.2em;\n  width: 1.2em;\n  min-height: 1.2em;\n  min-width: 1.2em;\n  margin-right: 0.5em;\n  svg {\n    max-height: 1.2em;\n    max-width: 1.2em;\n    & path {\n      fill: ",";\n    }\n  }\n"])),(function(n){return n.svgColor})),v=d(g.ReactComponent)(l||(l=c.__makeTemplateObject(["\n  & path {\n    fill: ",";\n  }\n  margin-right: 0.5em;\n  min-height: 0.7em;\n  min-width: 0.7em;\n"],["\n  & path {\n    fill: ",";\n  }\n  margin-right: 0.5em;\n  min-height: 0.7em;\n  min-width: 0.7em;\n"])),(function(n){return n.color})),C=d(f)(h||(h=c.__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));exports.ChatInput=C,exports.Container=w,exports.CrossButton=k,exports.IconContainer=x,exports.InputReplyContainer=b,exports.LeftInputReply=j,exports.ReplyIcon=v,exports.ReplyTypo=_,exports.ResetButton=y;
//# sourceMappingURL=TextInputStyle.js.map