beem-component 1.5.8 → 1.5.9

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 (182) hide show
  1. package/.babelrc +17 -0
  2. package/.eslintrc +62 -0
  3. package/.prettierrc +6 -0
  4. package/dist/components/Accordion/Accordion.js +31 -64
  5. package/dist/components/Accordion/Accordion.stories.js +29 -29
  6. package/dist/components/Avatars/avatars.js +31 -46
  7. package/dist/components/Avatars/avatars.stories.js +18 -18
  8. package/dist/components/BannerCard/bannerCard.stories.js +14 -14
  9. package/dist/components/BannerCard/bannerCards.js +30 -48
  10. package/dist/components/Buttons/Stories/basicbutton.stories.js +24 -24
  11. package/dist/components/Buttons/Stories/buttonAlertIcons.stories.js +17 -17
  12. package/dist/components/Buttons/Stories/buttonIconsOnly.stories.js +17 -17
  13. package/dist/components/Buttons/buttonAlertIcons.js +28 -44
  14. package/dist/components/Buttons/buttonDropdown copy.js +15 -18
  15. package/dist/components/Buttons/buttonDropdown.js +2 -2
  16. package/dist/components/Buttons/buttonIconsOnly.js +35 -49
  17. package/dist/components/Buttons/buttons.js +75 -86
  18. package/dist/components/Cards/cards.js +15 -11
  19. package/dist/components/Cards/cards.stories.js +8 -8
  20. package/dist/components/ChatComponents/ChatBody/chatBody.js +80 -69
  21. package/dist/components/ChatComponents/ChatBody/chatBody.stories.js +6 -6
  22. package/dist/components/ChatComponents/ChatBody/sessionDetails.js +9 -16
  23. package/dist/components/ChatComponents/ChatHeader/chatHeader.js +5 -7
  24. package/dist/components/ChatComponents/ChatHeader/chatHeader.stories.js +3 -3
  25. package/dist/components/ChatComponents/ColorPicker/colorPicker.js +5 -7
  26. package/dist/components/ChatComponents/ColorPicker/colorPicker.stories.js +7 -3
  27. package/dist/components/ChatComponents/ContactCards/contactCards.js +15 -12
  28. package/dist/components/ChatComponents/ContactCards/contactCards.stories.js +3 -3
  29. package/dist/components/ChatComponents/FormAccordion/FormAccordion.js +14 -10
  30. package/dist/components/ChatComponents/FormAccordion/FormAccordion.stories.js +9 -5
  31. package/dist/components/ChatComponents/InfoTab/infoTab.js +11 -9
  32. package/dist/components/ChatComponents/InfoTab/infoTab.stories.js +6 -6
  33. package/dist/components/ChatComponents/LabelAccordion/LabelAccordion.js +5 -7
  34. package/dist/components/ChatComponents/LabelAccordion/LabelAccordion.stories.js +12 -7
  35. package/dist/components/ChatComponents/NoteAccordion/NoteAccordion.js +11 -9
  36. package/dist/components/ChatComponents/NoteAccordion/NoteAccordion.stories.js +15 -13
  37. package/dist/components/Chats/chat.js +41 -32
  38. package/dist/components/Chats/chatInput.js +18 -14
  39. package/dist/components/Chats/chatwrapper.js +20 -12
  40. package/dist/components/Checkbox/checkboxToggler.js +61 -0
  41. package/dist/components/Checkbox/checkboxToggler.stories.js +81 -0
  42. package/dist/components/Lists/listBox.js +14 -30
  43. package/dist/components/Lists/listBox.stories.js +12 -23
  44. package/dist/components/Lists/listHeader.stories.js +13 -13
  45. package/dist/components/Lists/listheader.js +12 -27
  46. package/dist/components/Lists/rowLabels.js +19 -30
  47. package/dist/components/Lists/rowLabels.stories.js +22 -25
  48. package/dist/components/Loader/loader.js +17 -31
  49. package/dist/components/Loader/loader.stories.js +13 -13
  50. package/dist/components/MainWrapper/index.js +5 -7
  51. package/dist/components/MessageCounter/MessageCounter.stories.js +14 -14
  52. package/dist/components/MessageCounter/messageCounter.js +16 -18
  53. package/dist/components/Modals/modal.js +37 -57
  54. package/dist/components/Modals/modals.stories.js +15 -28
  55. package/dist/components/NoteBar/noteBar.js +28 -57
  56. package/dist/components/NoteBar/noteBar.stories.js +17 -17
  57. package/dist/components/PerformanceIndicator/performaceIndicator.stories.js +15 -15
  58. package/dist/components/PerformanceIndicator/performanceIndicator.js +21 -34
  59. package/dist/components/Pills/pills.js +24 -56
  60. package/dist/components/Pills/pills.stories.js +21 -23
  61. package/dist/components/ProfileIcon/ProfileIcon.js +28 -29
  62. package/dist/components/ProfileIcon/profileIcon.stories.js +18 -18
  63. package/dist/components/ProgressBar/progressbar.js +15 -17
  64. package/dist/components/ProgressBar/progressbar.stories.js +8 -10
  65. package/dist/components/ProgressRing/progressRing.js +38 -54
  66. package/dist/components/ProgressRing/progressRing.stories.js +16 -16
  67. package/dist/components/RouteLink/link.js +8 -10
  68. package/dist/components/RouteLink/link.stories.js +3 -3
  69. package/dist/components/ScrollBar/scrollBar.js +19 -17
  70. package/dist/components/SuperFluid/Content/index.js +5 -7
  71. package/dist/components/SuperFluid/ContentTitle.js/index.js +14 -10
  72. package/dist/components/SuperFluid/SegmentCard/index.js +22 -13
  73. package/dist/components/Tabs/tabs.js +16 -35
  74. package/dist/components/Tabs/tabs.stories.js +19 -19
  75. package/dist/components/Tags/tags.js +33 -65
  76. package/dist/components/Tags/tags.stories.js +18 -18
  77. package/dist/components/breakpoints.js +3 -3
  78. package/dist/components/chatHeader.js +17 -11
  79. package/dist/components/checkbox.js +27 -26
  80. package/dist/components/colors.js +32 -30
  81. package/dist/components/contacts.js +39 -25
  82. package/dist/components/dropdown.js +29 -35
  83. package/dist/components/dropdownButton.js +50 -53
  84. package/dist/components/dropdownItems.js +26 -19
  85. package/dist/components/examples/App.js +2 -2
  86. package/dist/components/examples/InfoAccordion.js +2 -3
  87. package/dist/components/examples/chatBodyExample.js +1 -5
  88. package/dist/components/examples/selectExample.js +6 -20
  89. package/dist/components/globalStyles.js +1 -5
  90. package/dist/components/iconStyles.js +56 -58
  91. package/dist/components/index.js +27 -23
  92. package/dist/components/input.js +33 -36
  93. package/dist/components/logo.js +9 -16
  94. package/dist/components/navbar.js +24 -13
  95. package/dist/components/search.js +20 -21
  96. package/dist/components/typography.js +14 -14
  97. package/dist/components/wrapper.js +8 -8
  98. package/package.json +54 -31
  99. package/src/App.js +10 -7
  100. package/src/index.js +6 -8
  101. package/src/lib/components/Accordion/Accordion.js +32 -14
  102. package/src/lib/components/Accordion/Accordion.stories.js +31 -31
  103. package/src/lib/components/Avatars/avatars.js +33 -28
  104. package/src/lib/components/Avatars/avatars.stories.js +18 -18
  105. package/src/lib/components/BannerCard/bannerCard.stories.js +16 -17
  106. package/src/lib/components/BannerCard/bannerCards.js +18 -18
  107. package/src/lib/components/Buttons/Stories/basicbutton.stories.js +29 -29
  108. package/src/lib/components/Buttons/Stories/buttonAlertIcons.stories.js +17 -17
  109. package/src/lib/components/Buttons/Stories/buttonIconsOnly.stories.js +24 -24
  110. package/src/lib/components/Buttons/buttonAlertIcons.js +22 -25
  111. package/src/lib/components/Buttons/buttonIconsOnly.js +32 -28
  112. package/src/lib/components/Buttons/buttons.js +70 -73
  113. package/src/lib/components/Cards/cards.js +2 -3
  114. package/src/lib/components/Cards/cards.stories.js +10 -10
  115. package/src/lib/components/ChatComponents/ChatBody/chatBody.js +46 -45
  116. package/src/lib/components/ChatComponents/ChatBody/chatBody.stories.js +34 -28
  117. package/src/lib/components/ChatComponents/ChatBody/sessionDetails.js +2 -2
  118. package/src/lib/components/ChatComponents/ChatHeader/chatHeader.js +2 -2
  119. package/src/lib/components/ChatComponents/ChatHeader/chatHeader.stories.js +4 -4
  120. package/src/lib/components/ChatComponents/ColorPicker/colorPicker.js +2 -2
  121. package/src/lib/components/ChatComponents/ColorPicker/colorPicker.stories.js +4 -3
  122. package/src/lib/components/ChatComponents/ContactCards/contactCards.js +7 -5
  123. package/src/lib/components/ChatComponents/ContactCards/contactCards.stories.js +6 -6
  124. package/src/lib/components/ChatComponents/FormAccordion/FormAccordion.js +3 -3
  125. package/src/lib/components/ChatComponents/FormAccordion/FormAccordion.stories.js +4 -3
  126. package/src/lib/components/ChatComponents/InfoTab/infoTab.js +2 -2
  127. package/src/lib/components/ChatComponents/InfoTab/infoTab.stories.js +7 -7
  128. package/src/lib/components/ChatComponents/LabelAccordion/LabelAccordion.stories.js +5 -3
  129. package/src/lib/components/ChatComponents/NoteAccordion/NoteAccordion.js +2 -2
  130. package/src/lib/components/ChatComponents/NoteAccordion/NoteAccordion.stories.js +6 -5
  131. package/src/lib/components/Checkbox/checkboxToggler.js +89 -0
  132. package/src/lib/components/Checkbox/checkboxToggler.stories.js +48 -0
  133. package/src/lib/components/Lists/listBox.js +7 -7
  134. package/src/lib/components/Lists/listBox.stories.js +8 -11
  135. package/src/lib/components/Lists/listHeader.stories.js +13 -13
  136. package/src/lib/components/Lists/listheader.js +7 -7
  137. package/src/lib/components/Lists/rowLabels.js +6 -6
  138. package/src/lib/components/Lists/rowLabels.stories.js +18 -18
  139. package/src/lib/components/Loader/loader.js +13 -13
  140. package/src/lib/components/Loader/loader.stories.js +14 -14
  141. package/src/lib/components/MainWrapper/index.js +2 -2
  142. package/src/lib/components/MessageCounter/MessageCounter.stories.js +14 -14
  143. package/src/lib/components/MessageCounter/messageCounter.js +16 -16
  144. package/src/lib/components/Modals/modal.js +25 -23
  145. package/src/lib/components/Modals/modals.stories.js +9 -9
  146. package/src/lib/components/NoteBar/noteBar.js +20 -20
  147. package/src/lib/components/NoteBar/noteBar.stories.js +18 -17
  148. package/src/lib/components/PerformanceIndicator/performaceIndicator.stories.js +15 -15
  149. package/src/lib/components/PerformanceIndicator/performanceIndicator.js +11 -10
  150. package/src/lib/components/Pills/pills.js +16 -16
  151. package/src/lib/components/Pills/pills.stories.js +22 -23
  152. package/src/lib/components/ProfileIcon/ProfileIcon.js +50 -52
  153. package/src/lib/components/ProfileIcon/profileIcon.stories.js +22 -22
  154. package/src/lib/components/ProgressBar/progressbar.js +4 -5
  155. package/src/lib/components/ProgressBar/progressbar.stories.js +8 -9
  156. package/src/lib/components/ProgressRing/progressRing.js +25 -24
  157. package/src/lib/components/ProgressRing/progressRing.stories.js +18 -18
  158. package/src/lib/components/RouteLink/link.js +10 -8
  159. package/src/lib/components/RouteLink/link.stories.js +4 -4
  160. package/src/lib/components/ScrollBar/scrollBar.js +15 -14
  161. package/src/lib/components/SuperFluid/Content/index.js +2 -2
  162. package/src/lib/components/SuperFluid/ContentTitle.js/index.js +2 -2
  163. package/src/lib/components/SuperFluid/SegmentCard/index.js +9 -8
  164. package/src/lib/components/Tabs/tabs.js +11 -11
  165. package/src/lib/components/Tabs/tabs.stories.js +20 -20
  166. package/src/lib/components/Tags/tags.js +26 -24
  167. package/src/lib/components/Tags/tags.stories.js +19 -19
  168. package/src/lib/components/breakpoints.js +3 -3
  169. package/src/lib/components/checkbox.js +7 -6
  170. package/src/lib/components/colors.js +30 -28
  171. package/src/lib/components/dropdownButton.js +36 -39
  172. package/src/lib/components/examples/InfoAccordion.js +1 -1
  173. package/src/lib/components/globalStyles.js +2 -2
  174. package/src/lib/components/iconStyles.js +45 -48
  175. package/src/lib/components/index.js +47 -46
  176. package/src/lib/components/input.js +20 -20
  177. package/src/lib/components/text.js +1 -1
  178. package/src/lib/components/typography.js +14 -14
  179. package/src/reportWebVitals.js +1 -1
  180. package/babel.config.js +0 -12
  181. package/dist/components/checkboxToggler.js +0 -50
  182. package/src/lib/components/checkboxToggler.js +0 -19
@@ -1,5 +1,7 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
@@ -9,21 +11,17 @@ var _react = _interopRequireDefault(require("react"));
9
11
 
10
12
  var _styles = require("@material-ui/core/styles");
11
13
 
12
- var _colors = require("./colors");
13
-
14
14
  var _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
15
15
 
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
+ var _colors = require("./colors");
19
17
 
20
18
  var size = function size(props) {
21
- if (props.size === "xsmall") return "1.143rem !important";
22
- if (props.size === "small") return "1.429rem !important";
23
- if (props.size === "medium") return "1.714rem !important";
24
- if (props.size === "large") return "1.714rem !important";
25
- if (props.size === "xlarge") return "2.286rem !important";
26
- if (!props.size) return "1.714rem !important";
19
+ if (props.size === 'xsmall') return '1.143rem !important';
20
+ if (props.size === 'small') return '1.429rem !important';
21
+ if (props.size === 'medium') return '1.714rem !important';
22
+ if (props.size === 'large') return '1.714rem !important';
23
+ if (props.size === 'xlarge') return '2.286rem !important';
24
+ if (!props.size) return '1.714rem !important';
27
25
  return props.size;
28
26
  }; // Button Icons
29
27
 
@@ -42,18 +40,18 @@ var ButtonIcon = {
42
40
  color = _ref.color;
43
41
 
44
42
  if (!disabled) {
45
- if (variant === "active") return "".concat(_colors.BmPrimaryWhite);
46
- if (variant === "enabled") return "".concat(_colors.BmPrimaryBlack);
47
- if (variant === "destructive") return "".concat(_colors.BmPrimaryWhite);
48
- if (variant === "success") return "".concat(_colors.BmPrimaryWhite);
49
- if (variant === "neutral") return "".concat(color ? color : _colors.BmPrimaryBlue);
50
- if (variant === "primary") return "".concat(_colors.BmPrimaryWhite);
51
- if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
52
- if (variant === "tertiary") return "".concat(color ? color : _colors.BmPrimaryBlue);
43
+ if (variant === 'active') return "".concat(_colors.BmPrimaryWhite);
44
+ if (variant === 'enabled') return "".concat(_colors.BmPrimaryBlack);
45
+ if (variant === 'destructive') return "".concat(_colors.BmPrimaryWhite);
46
+ if (variant === 'success') return "".concat(_colors.BmPrimaryWhite);
47
+ if (variant === 'neutral') return "".concat(color || _colors.BmPrimaryBlue);
48
+ if (variant === 'primary') return "".concat(_colors.BmPrimaryWhite);
49
+ if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
50
+ if (variant === 'tertiary') return "".concat(color || _colors.BmPrimaryBlue);
53
51
  return "".concat(_colors.BmPrimaryWhite);
54
- } else {
55
- return "".concat(_colors.BmGrey400);
56
52
  }
53
+
54
+ return "".concat(_colors.BmGrey400);
57
55
  },
58
56
  color: function color(_ref2) {
59
57
  var variant = _ref2.variant,
@@ -62,25 +60,25 @@ var ButtonIcon = {
62
60
  if (_color) return _color;
63
61
 
64
62
  if (!disabled) {
65
- if (variant === "active") return "".concat(_colors.BmPrimaryWhite);
66
- if (variant === "enabled") return "".concat(_colors.BmPrimaryBlack);
67
- if (variant === "destructive") return "".concat(_colors.BmPrimaryWhite);
68
- if (variant === "success") return "".concat(_colors.BmPrimaryWhite);
69
- if (variant === "neutral") return "".concat(_colors.BmPrimaryBlue);
70
- if (variant === "primary") return "".concat(_colors.BmPrimaryWhite);
71
- if (variant === "secondary") return "".concat(_color ? _color : _colors.BmPrimaryBlue);
72
- if (variant === "tertiary") return "".concat(_color ? _color : _colors.BmPrimaryBlue);
63
+ if (variant === 'active') return "".concat(_colors.BmPrimaryWhite);
64
+ if (variant === 'enabled') return "".concat(_colors.BmPrimaryBlack);
65
+ if (variant === 'destructive') return "".concat(_colors.BmPrimaryWhite);
66
+ if (variant === 'success') return "".concat(_colors.BmPrimaryWhite);
67
+ if (variant === 'neutral') return "".concat(_colors.BmPrimaryBlue);
68
+ if (variant === 'primary') return "".concat(_colors.BmPrimaryWhite);
69
+ if (variant === 'secondary') return "".concat(_color || _colors.BmPrimaryBlue);
70
+ if (variant === 'tertiary') return "".concat(_color || _colors.BmPrimaryBlue);
73
71
  return "".concat(_colors.BmPrimaryWhite);
74
- } else {
75
- return "".concat(_colors.BmGrey400);
76
72
  }
73
+
74
+ return "".concat(_colors.BmGrey400);
77
75
  }
78
76
  }
79
77
  };
80
78
  var BmButtonIcon = (0, _styles.withStyles)(ButtonIcon)(function (props) {
81
79
  if (props.icon) {
82
80
  var Icon = props.icon.type;
83
- return /*#__PURE__*/_react.default.createElement(Icon, _extends({
81
+ return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
84
82
  action: true
85
83
  }, props));
86
84
  }
@@ -92,10 +90,10 @@ exports.BmButtonIcon = BmButtonIcon;
92
90
  var TagIcon = {
93
91
  root: {
94
92
  height: function height(props) {
95
- return size(props) || "1.143rem !important";
93
+ return size(props) || '1.143rem !important';
96
94
  },
97
95
  width: function width(props) {
98
- return size(props) || "1.143rem !important";
96
+ return size(props) || '1.143rem !important';
99
97
  },
100
98
  fill: function fill(_ref3) {
101
99
  var variant = _ref3.variant,
@@ -105,7 +103,7 @@ var TagIcon = {
105
103
  return color;
106
104
  }
107
105
 
108
- if (variant === "neutral" || variant === "light") return "".concat(_colors.BmPrimaryBlack);
106
+ if (variant === 'neutral' || variant === 'light') return "".concat(_colors.BmPrimaryBlack);
109
107
  return "".concat(_colors.BmPrimaryWhite);
110
108
  },
111
109
  color: function color(_ref4) {
@@ -116,7 +114,7 @@ var TagIcon = {
116
114
  return _color2;
117
115
  }
118
116
 
119
- if (variant === "neutral" || variant === "light") return "".concat(_colors.BmPrimaryBlack);
117
+ if (variant === 'neutral' || variant === 'light') return "".concat(_colors.BmPrimaryBlack);
120
118
  return "".concat(_colors.BmPrimaryWhite);
121
119
  }
122
120
  }
@@ -124,7 +122,7 @@ var TagIcon = {
124
122
  var BmTagIcon = (0, _styles.withStyles)(TagIcon)(function (props) {
125
123
  if (props.icon) {
126
124
  var Icon = props.icon.type;
127
- return /*#__PURE__*/_react.default.createElement(Icon, _extends({
125
+ return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
128
126
  action: true
129
127
  }, props));
130
128
  }
@@ -135,11 +133,11 @@ var BmTagIcon = (0, _styles.withStyles)(TagIcon)(function (props) {
135
133
  exports.BmTagIcon = BmTagIcon;
136
134
 
137
135
  var Avatarsize = function Avatarsize(props) {
138
- if (props.size === "xsmall") return "0.857rem !important";
139
- if (props.size === "small") return "1.143rem !important";
140
- if (props.size === "medium") return "1.429rem !important";
141
- if (props.size === "large") return "2.286rem !important";
142
- if (!props.size) return "2.286rem !important";
136
+ if (props.size === 'xsmall') return '0.857rem !important';
137
+ if (props.size === 'small') return '1.143rem !important';
138
+ if (props.size === 'medium') return '1.429rem !important';
139
+ if (props.size === 'large') return '2.286rem !important';
140
+ if (!props.size) return '2.286rem !important';
143
141
  return props.size;
144
142
  };
145
143
 
@@ -162,21 +160,21 @@ var AvatarIcon = {
162
160
  var BmAvatarIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
163
161
  if (props.icon) {
164
162
  var Icon = props.icon.type;
165
- return /*#__PURE__*/_react.default.createElement(Icon, _extends({
163
+ return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
166
164
  action: true
167
165
  }, props));
168
166
  }
169
167
 
170
168
  return null;
171
- }); //check on sizing
169
+ }); // check on sizing
172
170
 
173
171
  exports.BmAvatarIcon = BmAvatarIcon;
174
172
  var BmChatbotIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
175
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
173
+ return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, Object.assign({
176
174
  action: true
177
175
  }, props), /*#__PURE__*/_react.default.createElement("path", {
178
176
  d: "M19 8.975V6C19 5.46957 18.7893 4.96086 18.4142 4.58579C18.0391 4.21072 17.5304 4 17 4H11V2.688C11.305 2.414 11.5 2.02 11.5 1.578C11.5 1.18018 11.342 0.798647 11.0607 0.517343C10.7794 0.236038 10.3978 0.0780029 10 0.0780029C9.60218 0.0780029 9.22064 0.236038 8.93934 0.517343C8.65804 0.798647 8.5 1.18018 8.5 1.578C8.5 2.02 8.695 2.414 9 2.688V4H3C2.46957 4 1.96086 4.21072 1.58579 4.58579C1.21071 4.96086 1 5.46957 1 6V8.998L0.928 9.003C0.675888 9.02097 0.439955 9.13382 0.26775 9.31883C0.095544 9.50384 -0.000132994 9.74725 1.38752e-07 10V12C1.38752e-07 12.2652 0.105357 12.5196 0.292893 12.7071C0.48043 12.8946 0.734784 13 1 13V18C1 18.5304 1.21071 19.0391 1.58579 19.4142C1.96086 19.7893 2.46957 20 3 20H17C17.5304 20 18.0391 19.7893 18.4142 19.4142C18.7893 19.0391 19 18.5304 19 18V13C19.2652 13 19.5196 12.8946 19.7071 12.7071C19.8946 12.5196 20 12.2652 20 12V10.062C20.0116 9.90681 19.9869 9.75104 19.928 9.607C19.726 9.119 19.293 9.002 19 8.975ZM5 10C5 8.896 5.672 8 6.5 8C7.328 8 8 8.896 8 10C8 11.104 7.328 12 6.5 12C5.672 12 5 11.104 5 10ZM13.998 16C12.997 15.997 6.001 16 6 16V14C6 14 13.001 13.998 14.002 14L13.998 16ZM13.5 12C12.672 12 12 11.104 12 10C12 8.896 12.672 8 13.5 8C14.328 8 15 8.896 15 10C15 11.104 14.328 12 13.5 12Z",
179
- fill: props.color || "white"
177
+ fill: props.color || 'white'
180
178
  }));
181
179
  }); // To be refacotored
182
180
  // Emoji Icons
@@ -187,7 +185,7 @@ var EmojiSize = function EmojiSize() {
187
185
  // if (props.size === "small") return "1.429rem";
188
186
  // if (props.size === "medium") return "1.714rem";
189
187
  // if (props.size === "large") return "1.714rem";
190
- return "2.286rem !important";
188
+ return '2.286rem !important';
191
189
  };
192
190
 
193
191
  var EmojiIcon = {
@@ -209,7 +207,7 @@ var EmojiIcon = {
209
207
  var BmEmojiIcon = (0, _styles.withStyles)(EmojiIcon)(function (props) {
210
208
  if (props.icon) {
211
209
  var Icon = props.icon.type;
212
- return /*#__PURE__*/_react.default.createElement(Icon, _extends({
210
+ return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
213
211
  action: true
214
212
  }, props));
215
213
  }
@@ -218,11 +216,11 @@ var BmEmojiIcon = (0, _styles.withStyles)(EmojiIcon)(function (props) {
218
216
  });
219
217
  exports.BmEmojiIcon = BmEmojiIcon;
220
218
  var BmQuickReplyIcon = (0, _styles.withStyles)(EmojiIcon)(function (props) {
221
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
219
+ return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, Object.assign({
222
220
  action: true
223
221
  }, props), /*#__PURE__*/_react.default.createElement("path", {
224
222
  d: "M5.33332 23.3932V5.83317H26.6667V13.8332H29.3333V5.83317C29.3333 4.3665 28.1333 3.1665 26.6667 3.1665H5.33332C3.86666 3.1665 2.67999 4.3665 2.67999 5.83317L2.66666 29.8332L7.99999 24.4998H20V21.8332H6.89332L5.33332 23.3932Z",
225
- fill: props.color || "#575757"
223
+ fill: props.color || '#575757'
226
224
  }));
227
225
  });
228
226
  exports.BmQuickReplyIcon = BmQuickReplyIcon;
@@ -245,7 +243,7 @@ var icon = {
245
243
  var BmIcons = (0, _styles.withStyles)(icon)(function (props) {
246
244
  if (props.icon) {
247
245
  var Icon = props.icon.type;
248
- return /*#__PURE__*/_react.default.createElement(Icon, _extends({
246
+ return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
249
247
  action: true
250
248
  }, props, {
251
249
  fill: props.color
@@ -256,7 +254,7 @@ var BmIcons = (0, _styles.withStyles)(icon)(function (props) {
256
254
  });
257
255
  exports.BmIcons = BmIcons;
258
256
  var BmChatbot = (0, _styles.withStyles)(icon)(function (props) {
259
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
257
+ return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, Object.assign({
260
258
  action: true
261
259
  }, props), /*#__PURE__*/_react.default.createElement("path", {
262
260
  d: "M19 8.975V6C19 5.46957 18.7893 4.96086 18.4142 4.58579C18.0391 4.21072 17.5304 4 17 4H11V2.688C11.305 2.414 11.5 2.02 11.5 1.578C11.5 1.18018 11.342 0.798647 11.0607 0.517343C10.7794 0.236038 10.3978 0.0780029 10 0.0780029C9.60218 0.0780029 9.22064 0.236038 8.93934 0.517343C8.65804 0.798647 8.5 1.18018 8.5 1.578C8.5 2.02 8.695 2.414 9 2.688V4H3C2.46957 4 1.96086 4.21072 1.58579 4.58579C1.21071 4.96086 1 5.46957 1 6V8.998L0.928 9.003C0.675888 9.02097 0.439955 9.13382 0.26775 9.31883C0.095544 9.50384 -0.000132994 9.74725 1.38752e-07 10V12C1.38752e-07 12.2652 0.105357 12.5196 0.292893 12.7071C0.48043 12.8946 0.734784 13 1 13V18C1 18.5304 1.21071 19.0391 1.58579 19.4142C1.96086 19.7893 2.46957 20 3 20H17C17.5304 20 18.0391 19.7893 18.4142 19.4142C18.7893 19.0391 19 18.5304 19 18V13C19.2652 13 19.5196 12.8946 19.7071 12.7071C19.8946 12.5196 20 12.2652 20 12V10.062C20.0116 9.90681 19.9869 9.75104 19.928 9.607C19.726 9.119 19.293 9.002 19 8.975ZM5 10C5 8.896 5.672 8 6.5 8C7.328 8 8 8.896 8 10C8 11.104 7.328 12 6.5 12C5.672 12 5 11.104 5 10ZM13.998 16C12.997 15.997 6.001 16 6 16V14C6 14 13.001 13.998 14.002 14L13.998 16ZM13.5 12C12.672 12 12 11.104 12 10C12 8.896 12.672 8 13.5 8C14.328 8 15 8.896 15 10C15 11.104 14.328 12 13.5 12Z",
@@ -265,25 +263,25 @@ var BmChatbot = (0, _styles.withStyles)(icon)(function (props) {
265
263
  });
266
264
  exports.BmChatbot = BmChatbot;
267
265
  var BmSupport = (0, _styles.withStyles)(icon)(function (props) {
268
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
266
+ return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, Object.assign({
269
267
  action: true
270
268
  }, props), /*#__PURE__*/_react.default.createElement("path", {
271
269
  d: "M21 12.22C21 6.73 16.74 3 12 3C7.31 3 3 6.65 3 12.28C2.4 12.62 2 13.26 2 14V16C2 17.1 2.9 18 4 18H5V11.9C5 8.03 8.13 4.9 12 4.9C15.87 4.9 19 8.03 19 11.9V19H11V21H19C20.1 21 21 20.1 21 19V17.78C21.59 17.47 22 16.86 22 16.14V13.84C22 13.14 21.59 12.53 21 12.22Z",
272
- fill: props.color || "black"
270
+ fill: props.color || 'black'
273
271
  }), /*#__PURE__*/_react.default.createElement("path", {
274
272
  d: "M9 14C9.55228 14 10 13.5523 10 13C10 12.4477 9.55228 12 9 12C8.44772 12 8 12.4477 8 13C8 13.5523 8.44772 14 9 14Z",
275
- fill: props.color || "black"
273
+ fill: props.color || 'black'
276
274
  }), /*#__PURE__*/_react.default.createElement("path", {
277
275
  d: "M15 14C15.5523 14 16 13.5523 16 13C16 12.4477 15.5523 12 15 12C14.4477 12 14 12.4477 14 13C14 13.5523 14.4477 14 15 14Z",
278
- fill: props.color || "black"
276
+ fill: props.color || 'black'
279
277
  }), /*#__PURE__*/_react.default.createElement("path", {
280
278
  d: "M18 11.03C17.7615 9.62413 17.0334 8.34796 15.9444 7.42738C14.8555 6.5068 13.4759 6.00117 12.05 6C9.01997 6 5.75997 8.51 6.01997 12.45C7.2531 11.9454 8.34221 11.1435 9.1902 10.1158C10.0382 9.08808 10.6187 7.86652 10.88 6.56C12.19 9.19 14.88 11 18 11.03Z",
281
- fill: props.color || "black"
279
+ fill: props.color || 'black'
282
280
  }));
283
281
  });
284
282
  exports.BmSupport = BmSupport;
285
283
  var CopyToClipBoard = (0, _styles.withStyles)(icon)(function (props) {
286
- return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
284
+ return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, Object.assign({
287
285
  action: true
288
286
  }, props), /*#__PURE__*/_react.default.createElement("path", {
289
287
  d: "M0 0h24v24H0V0z",
@@ -1,6 +1,8 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ var _interopRequireWildcard = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireWildcard.js").default;
4
+
5
+ var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
4
6
 
5
7
  Object.defineProperty(exports, "__esModule", {
6
8
  value: true
@@ -101,6 +103,12 @@ Object.defineProperty(exports, "BmCheckbox", {
101
103
  return _checkbox.BmCheckbox;
102
104
  }
103
105
  });
106
+ Object.defineProperty(exports, "BmCheckboxToggle", {
107
+ enumerable: true,
108
+ get: function get() {
109
+ return _checkboxToggler.BmCheckboxToggle;
110
+ }
111
+ });
104
112
  Object.defineProperty(exports, "BmColorPicker", {
105
113
  enumerable: true,
106
114
  get: function get() {
@@ -123,13 +131,13 @@ Object.defineProperty(exports, "BmContent", {
123
131
  Object.defineProperty(exports, "BmContentFooter", {
124
132
  enumerable: true,
125
133
  get: function get() {
126
- return _index2.BmContentFooter;
134
+ return _ContentTitle.BmContentFooter;
127
135
  }
128
136
  });
129
137
  Object.defineProperty(exports, "BmContentTitle", {
130
138
  enumerable: true,
131
139
  get: function get() {
132
- return _index2.BmContentTitle;
140
+ return _ContentTitle.BmContentTitle;
133
141
  }
134
142
  });
135
143
  Object.defineProperty(exports, "BmCounter", {
@@ -147,13 +155,13 @@ Object.defineProperty(exports, "BmEmojiIcon", {
147
155
  Object.defineProperty(exports, "BmFooterLeft", {
148
156
  enumerable: true,
149
157
  get: function get() {
150
- return _index2.BmFooterLeft;
158
+ return _ContentTitle.BmFooterLeft;
151
159
  }
152
160
  });
153
161
  Object.defineProperty(exports, "BmFooterRight", {
154
162
  enumerable: true,
155
163
  get: function get() {
156
- return _index2.BmFooterRight;
164
+ return _ContentTitle.BmFooterRight;
157
165
  }
158
166
  });
159
167
  Object.defineProperty(exports, "BmIcons", {
@@ -243,43 +251,43 @@ Object.defineProperty(exports, "BmRowLabel", {
243
251
  Object.defineProperty(exports, "BmSegment", {
244
252
  enumerable: true,
245
253
  get: function get() {
246
- return _index3.BmSegment;
254
+ return _index2.BmSegment;
247
255
  }
248
256
  });
249
257
  Object.defineProperty(exports, "BmSegmentCard", {
250
258
  enumerable: true,
251
259
  get: function get() {
252
- return _index3.BmSegmentCard;
260
+ return _index2.BmSegmentCard;
253
261
  }
254
262
  });
255
263
  Object.defineProperty(exports, "BmSegmentCheckBox", {
256
264
  enumerable: true,
257
265
  get: function get() {
258
- return _index3.BmSegmentCheckBox;
266
+ return _index2.BmSegmentCheckBox;
259
267
  }
260
268
  });
261
269
  Object.defineProperty(exports, "BmSegmentCompleteContent", {
262
270
  enumerable: true,
263
271
  get: function get() {
264
- return _index3.BmSegmentCompleteContent;
272
+ return _index2.BmSegmentCompleteContent;
265
273
  }
266
274
  });
267
275
  Object.defineProperty(exports, "BmSegmentCompleteIcon", {
268
276
  enumerable: true,
269
277
  get: function get() {
270
- return _index3.BmSegmentCompleteIcon;
278
+ return _index2.BmSegmentCompleteIcon;
271
279
  }
272
280
  });
273
281
  Object.defineProperty(exports, "BmSegmentCreateContent", {
274
282
  enumerable: true,
275
283
  get: function get() {
276
- return _index3.BmSegmentCreateContent;
284
+ return _index2.BmSegmentCreateContent;
277
285
  }
278
286
  });
279
287
  Object.defineProperty(exports, "BmSegmentSelector", {
280
288
  enumerable: true,
281
289
  get: function get() {
282
- return _index3.BmSegmentSelector;
290
+ return _index2.BmSegmentSelector;
283
291
  }
284
292
  });
285
293
  Object.defineProperty(exports, "BmSupport", {
@@ -365,19 +373,21 @@ var _loader = require("./Loader/loader");
365
373
 
366
374
  var _checkbox = require("./checkbox");
367
375
 
368
- var _tags = require("../components/Tags/tags");
376
+ var _tags = require("./Tags/tags");
369
377
 
370
- var _bannerCards = _interopRequireDefault(require("../components/BannerCard/bannerCards"));
378
+ var _bannerCards = _interopRequireDefault(require("./BannerCard/bannerCards"));
371
379
 
372
380
  var _progressRing = _interopRequireDefault(require("./ProgressRing/progressRing"));
373
381
 
374
382
  var _ProfileIcon = require("./ProfileIcon/ProfileIcon");
375
383
 
384
+ var _checkboxToggler = require("./Checkbox/checkboxToggler");
385
+
376
386
  var _iconStyles = require("./iconStyles");
377
387
 
378
388
  var _noteBar = require("./NoteBar/noteBar");
379
389
 
380
- var _MainWrapper = require("../components/MainWrapper");
390
+ var _MainWrapper = require("./MainWrapper");
381
391
 
382
392
  var _chatBody = _interopRequireDefault(require("./ChatComponents/ChatBody/chatBody"));
383
393
 
@@ -399,12 +409,6 @@ var _colorPicker = require("./ChatComponents/ColorPicker/colorPicker");
399
409
 
400
410
  var _index = require("./SuperFluid/Content/index");
401
411
 
402
- var _index2 = require("./SuperFluid/ContentTitle.js/index.js");
403
-
404
- var _index3 = require("./SuperFluid/SegmentCard/index");
405
-
406
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
407
-
408
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
412
+ var _ContentTitle = require("./SuperFluid/ContentTitle.js");
409
413
 
410
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
414
+ var _index2 = require("./SuperFluid/SegmentCard/index");
@@ -1,50 +1,46 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.BmInputField = exports.BmInput = void 0;
7
9
 
10
+ var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
11
+
8
12
  var _icons = require("@material-ui/icons");
9
13
 
10
14
  var _react = _interopRequireDefault(require("react"));
11
15
 
12
16
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
17
 
14
- var _ = require(".");
18
+ var _iconStyles = require("./iconStyles");
15
19
 
16
20
  var _colors = require("./colors");
17
21
 
18
22
  var _excluded = ["id", "iconSize", "label", "state"];
19
23
 
20
- var _templateObject, _templateObject2, _templateObject3;
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
27
-
28
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
29
-
30
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
31
-
32
- var BmInputLabel = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-family: Open Sans;\n font-style: normal;\n font-weight: normal;\n font-size: 0.929rem;\n line-height: 1.286rem;\n height: 1.286rem;\n letter-spacing: -0.02em;\n color: ", ";\n padding-top: 0.571rem;\n"])), function (_ref) {
24
+ var BmInputLabel = _styledComponents.default.div.withConfig({
25
+ displayName: "input__BmInputLabel"
26
+ })(["font-family:Open Sans;font-style:normal;font-weight:normal;font-size:0.929rem;line-height:1.286rem;height:1.286rem;letter-spacing:-0.02em;color:", ";padding-top:0.571rem;"], function (_ref) {
33
27
  var state = _ref.state;
34
28
 
35
29
  if (state) {
36
- if (state === "incomplete") return "".concat(_colors.BmSecondaryRed);
30
+ if (state === 'incomplete') return "".concat(_colors.BmSecondaryRed);
37
31
  return "".concat(_colors.BmSecondaryGrey);
38
32
  }
39
33
 
40
34
  return "".concat(_colors.BmSecondaryGrey);
41
35
  });
42
36
 
43
- var BmInputField = _styledComponents.default.input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 0.786rem 1.143rem;\n letter-spacing: -0.02em;\n color: ", ";\n border: none;\n letter-spacing: -0.02em;\n text-align: left;\n margin: 0rem; /*added */\n\n ::placeholder {\n color: ", ";\n }\n background: ", ";\n &:visited,\n &:active,\n &:hover,\n &:focus {\n outline: none !important;\n text-decoration: none;\n color: ", ";\n }\n }\n"])), function (_ref2) {
37
+ var BmInputField = _styledComponents.default.input.withConfig({
38
+ displayName: "input__BmInputField"
39
+ })(["padding:0.786rem 1.143rem;letter-spacing:-0.02em;color:", ";border:none;letter-spacing:-0.02em;text-align:left;margin:0rem;::placeholder{color:", ";}background:", ";&:visited,&:active,&:hover,&:focus{outline:none !important;text-decoration:none;color:", ";}}"], function (_ref2) {
44
40
  var state = _ref2.state;
45
41
 
46
42
  if (state) {
47
- if (state === "disabled") return "".concat(_colors.BmGrey400);
43
+ if (state === 'disabled') return "".concat(_colors.BmGrey400);
48
44
  return "".concat(_colors.BmPrimaryBlack);
49
45
  }
50
46
 
@@ -53,11 +49,11 @@ var BmInputField = _styledComponents.default.input(_templateObject2 || (_templat
53
49
  var state = _ref3.state;
54
50
 
55
51
  if (state) {
56
- if (state === "pressed") return "".concat(_colors.BmGrey50); // TODO: to be reviewed
52
+ if (state === 'pressed') return "".concat(_colors.BmGrey50); // TODO: to be reviewed
57
53
 
58
- if (state === "positive") return "".concat(_colors.BmSecondaryGreen15);
59
- if (state === "negative") return "".concat(_colors.BmSecondaryRed15);
60
- if (state === "disabled") return "".concat(_colors.BmGrey100);
54
+ if (state === 'positive') return "".concat(_colors.BmSecondaryGreen15);
55
+ if (state === 'negative') return "".concat(_colors.BmSecondaryRed15);
56
+ if (state === 'disabled') return "".concat(_colors.BmGrey100);
61
57
  return "".concat(_colors.BmPrimaryWhite);
62
58
  }
63
59
 
@@ -66,13 +62,15 @@ var BmInputField = _styledComponents.default.input(_templateObject2 || (_templat
66
62
 
67
63
  exports.BmInputField = BmInputField;
68
64
 
69
- var BmInputWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: center;\n align-items: center;\n height: 2.929rem;\n border-radius: 0.25rem;\n padding: 0rem;\n background: ", ";\n\n border: ", ";\n &:visited,\n &:active,\n &:hover,\n &:focus {\n border: 0.071rem solid ", ";\n }\n"])), function (_ref4) {
65
+ var BmInputWrapper = _styledComponents.default.div.withConfig({
66
+ displayName: "input__BmInputWrapper"
67
+ })(["display:flex;flex-direction:center;align-items:center;height:2.929rem;border-radius:0.25rem;padding:0rem;background:", ";border:", ";&:visited,&:active,&:hover,&:focus{border:0.071rem solid ", ";}"], function (_ref4) {
70
68
  var state = _ref4.state;
71
69
 
72
70
  if (state) {
73
- if (state === "pressed") return "".concat(_colors.BmGrey50);
74
- if (state === "positive") return "".concat(_colors.BmSecondaryGreen15);
75
- if (state === "disabled") return "".concat(_colors.BmGrey100);
71
+ if (state === 'pressed') return "".concat(_colors.BmGrey50);
72
+ if (state === 'positive') return "".concat(_colors.BmSecondaryGreen15);
73
+ if (state === 'disabled') return "".concat(_colors.BmGrey100);
76
74
  return "".concat(_colors.BmPrimaryWhite);
77
75
  }
78
76
 
@@ -81,9 +79,9 @@ var BmInputWrapper = _styledComponents.default.div(_templateObject3 || (_templat
81
79
  var state = _ref5.state;
82
80
 
83
81
  if (state) {
84
- if (state === "positive") return "0.071rem solid ".concat(_colors.BmSecondaryDarkGreen);
85
- if (state === "negative") return "0.071rem solid ".concat(_colors.BmSecondaryRed);
86
- if (state === "disabled") return "0.071rem solid ".concat(_colors.BmGrey100);
82
+ if (state === 'positive') return "0.071rem solid ".concat(_colors.BmSecondaryDarkGreen);
83
+ if (state === 'negative') return "0.071rem solid ".concat(_colors.BmSecondaryRed);
84
+ if (state === 'disabled') return "0.071rem solid ".concat(_colors.BmGrey100);
87
85
  return "0.071rem solid ".concat(_colors.BmGrey400);
88
86
  }
89
87
 
@@ -95,22 +93,21 @@ var BmInput = function BmInput(_ref6) {
95
93
  iconSize = _ref6.iconSize,
96
94
  label = _ref6.label,
97
95
  state = _ref6.state,
98
- rest = _objectWithoutProperties(_ref6, _excluded);
99
-
100
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmInputWrapper, _extends({
96
+ rest = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
97
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmInputWrapper, Object.assign({
101
98
  state: state
102
- }, rest), /*#__PURE__*/_react.default.createElement(BmInputField, _extends({
99
+ }, rest), /*#__PURE__*/_react.default.createElement(BmInputField, Object.assign({
103
100
  id: id
104
101
  }, rest, {
105
102
  state: state,
106
- disabled: state === "disabled" ? true : false
107
- })), state && state === "complete" && /*#__PURE__*/_react.default.createElement(_.BmIcons, {
103
+ disabled: state === 'disabled'
104
+ })), state && state === 'complete' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
108
105
  icon: /*#__PURE__*/_react.default.createElement(_icons.ErrorOutline, null),
109
106
  size: "small"
110
- }), state && state === "incomplete" && /*#__PURE__*/_react.default.createElement(_.BmIcons, {
107
+ }), state && state === 'incomplete' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
111
108
  icon: /*#__PURE__*/_react.default.createElement(_icons.Done, null),
112
109
  size: "small"
113
- })), label && /*#__PURE__*/_react.default.createElement(BmInputLabel, _extends({
110
+ })), label && /*#__PURE__*/_react.default.createElement(BmInputLabel, Object.assign({
114
111
  htmlFor: id,
115
112
  state: state
116
113
  }, rest), label));
@@ -1,29 +1,23 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.Logo = exports.BmLogo = void 0;
7
9
 
10
+ var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
11
+
8
12
  var _react = _interopRequireDefault(require("react"));
9
13
 
10
14
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
15
 
12
16
  var _excluded = ["src"];
13
17
 
14
- var _templateObject;
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
-
20
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
-
22
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
-
24
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
25
-
26
- var Logo = _styledComponents.default.img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 45;\n width: 9.857rem;\n ", "\n box-sizing: border-box;\n"])), ""
18
+ var Logo = _styledComponents.default.img.withConfig({
19
+ displayName: "logo__Logo"
20
+ })(["height:45;width:9.857rem;", " box-sizing:border-box;"], ""
27
21
  /* border: 0.071rem solid #33B1BA; */
28
22
  );
29
23
 
@@ -31,9 +25,8 @@ exports.Logo = Logo;
31
25
 
32
26
  var BmLogo = function BmLogo(_ref) {
33
27
  var src = _ref.src,
34
- rest = _objectWithoutProperties(_ref, _excluded);
35
-
36
- return /*#__PURE__*/_react.default.createElement(Logo, _extends({
28
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
29
+ return /*#__PURE__*/_react.default.createElement(Logo, Object.assign({
37
30
  src: src
38
31
  }, rest));
39
32
  };