beem-component 1.1.9 → 1.2.0

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.
Files changed (5) hide show
  1. package/dist/assets/css/sidebar.scss +19 -0
  2. package/dist/components/Avatars/avatars.js +4 -6
  3. package/package.json +1 -1
  4. package/src/lib/assets/css/sidebar.scss +19 -0
  5. package/src/lib/components/Avatars/avatars.js +4 -6
package/dist/assets/css/sidebar.scss CHANGED
@@ -104,4 +104,23 @@
104
104
 
105
105
  .chat-footer>*:not(:last-child) {
106
106
  margin-right: 0.5rem;
107
+ }
108
+
109
+ .quick-reply {
110
+ display: flex;
111
+ justify-content: center;
112
+ }
113
+
114
+ .label-color-picker {
115
+ display: flex;
116
+ flex-direction: row;
117
+ justify-content: flex-start !important;
118
+ }
119
+
120
+ .label-color-picker>* {
121
+ margin-right: 0.5rem;
122
+ }
123
+
124
+ .label-select {
125
+ width: 100%;
107
126
  }
package/dist/components/Avatars/avatars.js CHANGED
@@ -52,9 +52,8 @@ var BmAvatarWrapper = _styledComponents.default.div(_templateObject || (_templat
52
52
  }, function (_ref3) {
53
53
  var user = _ref3.user;
54
54
  if (user === "chatbot") return "".concat(_colors.BmPrimaryBlue);
55
- if (user === "employee") return "".concat(_colors.BmGrey100);
56
- if (user === "default") return "".concat(_colors.BmPrimaryBlue);
57
- return "".concat(_colors.BmPrimaryBlue);
55
+ if (user === "employee") return "".concat(_colors.BmPrimaryBlue);
56
+ return "".concat(_colors.BmGrey100);
58
57
  }, function (_ref4) {
59
58
  var type = _ref4.type;
60
59
  if (type === "circle") return "7.143rem";
@@ -63,9 +62,8 @@ var BmAvatarWrapper = _styledComponents.default.div(_templateObject || (_templat
63
62
  }, function (_ref5) {
64
63
  var user = _ref5.user;
65
64
  if (user === "chatbot") return "".concat(_colors.BmPrimaryBlue);
66
- if (user === "employee") return "".concat(_colors.BmGrey400);
67
- if (user === "default") return "".concat(_colors.BmPrimaryBlue);
68
- return "".concat(_colors.BmPrimaryBlue);
65
+ if (user === "employee") return "".concat(_colors.BmPrimaryBlue);
66
+ return "".concat(_colors.BmGrey100);
69
67
  });
70
68
 
71
69
  exports.BmAvatarWrapper = BmAvatarWrapper;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "beem-component",
3
- "version": "1.1.9",
3
+ "version": "1.2.0",
4
4
  "private": false,
5
5
  "main": "dist/components/index.js",
6
6
  "scripts": {
package/src/lib/assets/css/sidebar.scss CHANGED
@@ -104,4 +104,23 @@
104
104
 
105
105
  .chat-footer>*:not(:last-child) {
106
106
  margin-right: 0.5rem;
107
+ }
108
+
109
+ .quick-reply {
110
+ display: flex;
111
+ justify-content: center;
112
+ }
113
+
114
+ .label-color-picker {
115
+ display: flex;
116
+ flex-direction: row;
117
+ justify-content: flex-start !important;
118
+ }
119
+
120
+ .label-color-picker>* {
121
+ margin-right: 0.5rem;
122
+ }
123
+
124
+ .label-select {
125
+ width: 100%;
107
126
  }
package/src/lib/components/Avatars/avatars.js CHANGED
@@ -28,9 +28,8 @@ export const BmAvatarWrapper = styled.div`
28
28
  }};
29
29
  background: ${({ user }) => {
30
30
  if (user === "chatbot") return `${BmPrimaryBlue}`;
31
- if (user === "employee") return `${BmGrey100}`;
32
- if (user === "default") return `${BmPrimaryBlue}`;
33
- return `${BmPrimaryBlue}`;
31
+ if (user === "employee") return `${BmPrimaryBlue}`;
32
+ return `${BmGrey100}`;
34
33
  }};
35
34
  border-radius: ${({ type }) => {
36
35
  if (type === "circle") return "7.143rem";
@@ -40,9 +39,8 @@ export const BmAvatarWrapper = styled.div`
40
39
  border: 0.071rem solid
41
40
  ${({ user }) => {
42
41
  if (user === "chatbot") return `${BmPrimaryBlue}`;
43
- if (user === "employee") return `${BmGrey400}`;
44
- if (user === "default") return `${BmPrimaryBlue}`;
45
- return `${BmPrimaryBlue}`;
42
+ if (user === "employee") return `${BmPrimaryBlue}`;
43
+ return `${BmGrey100}`;
46
44
  }};
47
45
  `;
48
46