beem-component 1.1.3 → 1.1.4

package/dist/components/ChatBody/chatBody.js

@@ -133,8 +133,12 @@ BmChat.Details = function (_ref6) {
   }));
 };
 
-BmChat.Footer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  ", "\n  padding: 0.5rem 0rem;\n  align-items: center;\n  justify-content: center;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n"])), ''
+BmChat.Footer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  ", "\n  padding: 0.5rem 0.5rem;\n  ", "\n  ", "\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n"])), ''
 /* border-top: 0.071rem solid ${BmGrey200}; */
+, ''
+/* align-items: center; */
+, ''
+/* justify-content: center; */
 );
 var _default = BmChat;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "beem-component",
-    "version": "1.1.3",
+    "version": "1.1.4",
     "private": false,
     "main": "dist/components/index.js",
     "scripts": {

package/src/Chat.js

@@ -108,18 +108,15 @@ const Chat = () => {
           <p>Outbound</p>
         </BmChat.Details>
       </BmChat.Body>
-      <BmChat.Footer>
-        <div class="footer">
+      <BmChat.Footer style={{ justifyContent: "flex-start" }}>
+        <div class="chat-footer">
           <BmIcons icon={<EmojiEmotionsIcon />} size="xlarge" />
         </div>
-        <div class="footer">
+        <div class="chat-footer">
           <BmIcons icon={<EmojiEmotionsIcon />} size="xlarge" />
           <BmIcons icon={<AttachFile />} size="xlarge" />
           <BmIcons icon={<QuickreplyIcon />} size="xlarge" />
-          {/* <BmInput placeholder="Enter Message" /> */}
-          <BmMessage>
-            <BmMessageTabInput placeholder="Type your message" />
-          </BmMessage>
+          <BmInput placeholder="Enter Message" style={{ flex: 1 }} />
           <BmIcons icon={<SendIcon />} size="xlarge" />
         </div>
       </BmChat.Footer>

package/src/lib/components/ChatBody/chatBody.js

@@ -137,9 +137,9 @@ BmChat.Footer = styled.div`
   display: flex;
   flex-direction: column;
   ${'' /* border-top: 0.071rem solid ${BmGrey200}; */}
-  padding: 0.5rem 0rem;
-  align-items: center;
-  justify-content: center;
+  padding: 0.5rem 0.5rem;
+  ${'' /* align-items: center; */}
+  ${'' /* justify-content: center; */}
   > *:not(:last-child) {
     margin-bottom: 0.5rem;
   }