beem-component 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -14,9 +14,9 @@ BmChatForm.Group = _styledComponents.default.div.withConfig({
|
|
|
14
14
|
})(["display:flex;flex-direction:row;align-items:center;justify-content:space-between;"]);
|
|
15
15
|
BmChatForm.Label = _styledComponents.default.div.withConfig({
|
|
16
16
|
displayName: "FormAccordion__Label"
|
|
17
|
-
})(["margin:0rem;text-align:left;width:50%;overflow:hidden;text-overflow:ellipsis;"]);
|
|
17
|
+
})(["font-family:'OpenSans';font-size:1rem;margin:0rem;text-align:left;width:50%;overflow:hidden;text-overflow:ellipsis;"]);
|
|
18
18
|
BmChatForm.Input = _styledComponents.default.input.withConfig({
|
|
19
19
|
displayName: "FormAccordion__Input"
|
|
20
|
-
})(["text-align:
|
|
20
|
+
})(["font-family:'OpenSans';font-size:1rem;text-align:left;width:50%;overflow:hidden;text-overflow:ellipsis;border:none;&:visited,&:active,&:hover,&:focus{outline:none !important;text-decoration:none;}background:transparent;"]);
|
|
21
21
|
var _default = BmChatForm;
|
|
22
22
|
exports.default = _default;
|
package/package.json
CHANGED
package/src/App.js
CHANGED
|
@@ -12,6 +12,8 @@ import {
|
|
|
12
12
|
BmTag,
|
|
13
13
|
BmContactCheckbox,
|
|
14
14
|
BmChatAccordion,
|
|
15
|
+
BmAccordion,
|
|
16
|
+
BmChatForm,
|
|
15
17
|
} from './lib/components';
|
|
16
18
|
|
|
17
19
|
const Chat = () => {
|
|
@@ -216,6 +218,29 @@ const Chat = () => {
|
|
|
216
218
|
</div>
|
|
217
219
|
</BmChatAccordion.Body>
|
|
218
220
|
</BmChatAccordion>
|
|
221
|
+
<BmAccordion>
|
|
222
|
+
<BmAccordion.Title>
|
|
223
|
+
<h3>Information</h3>
|
|
224
|
+
</BmAccordion.Title>
|
|
225
|
+
<BmAccordion.Body>
|
|
226
|
+
{/* <BmChatForm> */}
|
|
227
|
+
<div>
|
|
228
|
+
<BmChatForm.Group>
|
|
229
|
+
<BmChatForm.Label>
|
|
230
|
+
<h4>Account No.</h4>
|
|
231
|
+
</BmChatForm.Label>
|
|
232
|
+
<BmChatForm.Input placeholder="Enter here" />
|
|
233
|
+
</BmChatForm.Group>
|
|
234
|
+
<BmChatForm.Group>
|
|
235
|
+
<BmChatForm.Label>
|
|
236
|
+
<h4>Preferred Language</h4>
|
|
237
|
+
</BmChatForm.Label>
|
|
238
|
+
<BmChatForm.Input placeholder="Enter here" />
|
|
239
|
+
</BmChatForm.Group>
|
|
240
|
+
</div>
|
|
241
|
+
{/* </BmChatForm> */}
|
|
242
|
+
</BmAccordion.Body>
|
|
243
|
+
</BmAccordion>
|
|
219
244
|
</div>
|
|
220
245
|
</>
|
|
221
246
|
);
|
|
@@ -18,6 +18,8 @@ BmChatForm.Group = styled.div`
|
|
|
18
18
|
`;
|
|
19
19
|
|
|
20
20
|
BmChatForm.Label = styled.div`
|
|
21
|
+
font-family: 'OpenSans';
|
|
22
|
+
font-size: 1rem;
|
|
21
23
|
margin: 0rem;
|
|
22
24
|
text-align: left;
|
|
23
25
|
width: 50%;
|
|
@@ -26,7 +28,9 @@ BmChatForm.Label = styled.div`
|
|
|
26
28
|
`;
|
|
27
29
|
|
|
28
30
|
BmChatForm.Input = styled.input`
|
|
29
|
-
|
|
31
|
+
font-family: 'OpenSans';
|
|
32
|
+
font-size: 1rem;
|
|
33
|
+
text-align: left;
|
|
30
34
|
width: 50%;
|
|
31
35
|
overflow: hidden;
|
|
32
36
|
text-overflow: ellipsis;
|