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.
- package/.babelrc +17 -0
- package/.eslintrc +62 -0
- package/.prettierrc +6 -0
- package/dist/components/Accordion/Accordion.js +31 -64
- package/dist/components/Accordion/Accordion.stories.js +29 -29
- package/dist/components/Avatars/avatars.js +31 -46
- package/dist/components/Avatars/avatars.stories.js +18 -18
- package/dist/components/BannerCard/bannerCard.stories.js +14 -14
- package/dist/components/BannerCard/bannerCards.js +30 -48
- package/dist/components/Buttons/Stories/basicbutton.stories.js +24 -24
- package/dist/components/Buttons/Stories/buttonAlertIcons.stories.js +17 -17
- package/dist/components/Buttons/Stories/buttonIconsOnly.stories.js +17 -17
- package/dist/components/Buttons/buttonAlertIcons.js +28 -44
- package/dist/components/Buttons/buttonDropdown copy.js +15 -18
- package/dist/components/Buttons/buttonDropdown.js +2 -2
- package/dist/components/Buttons/buttonIconsOnly.js +35 -49
- package/dist/components/Buttons/buttons.js +75 -86
- package/dist/components/Cards/cards.js +15 -11
- package/dist/components/Cards/cards.stories.js +8 -8
- package/dist/components/ChatComponents/ChatBody/chatBody.js +80 -69
- package/dist/components/ChatComponents/ChatBody/chatBody.stories.js +6 -6
- package/dist/components/ChatComponents/ChatBody/sessionDetails.js +9 -16
- package/dist/components/ChatComponents/ChatHeader/chatHeader.js +5 -7
- package/dist/components/ChatComponents/ChatHeader/chatHeader.stories.js +3 -3
- package/dist/components/ChatComponents/ColorPicker/colorPicker.js +5 -7
- package/dist/components/ChatComponents/ColorPicker/colorPicker.stories.js +7 -3
- package/dist/components/ChatComponents/ContactCards/contactCards.js +15 -12
- package/dist/components/ChatComponents/ContactCards/contactCards.stories.js +3 -3
- package/dist/components/ChatComponents/FormAccordion/FormAccordion.js +14 -10
- package/dist/components/ChatComponents/FormAccordion/FormAccordion.stories.js +9 -5
- package/dist/components/ChatComponents/InfoTab/infoTab.js +11 -9
- package/dist/components/ChatComponents/InfoTab/infoTab.stories.js +6 -6
- package/dist/components/ChatComponents/LabelAccordion/LabelAccordion.js +5 -7
- package/dist/components/ChatComponents/LabelAccordion/LabelAccordion.stories.js +12 -7
- package/dist/components/ChatComponents/NoteAccordion/NoteAccordion.js +11 -9
- package/dist/components/ChatComponents/NoteAccordion/NoteAccordion.stories.js +15 -13
- package/dist/components/Chats/chat.js +41 -32
- package/dist/components/Chats/chatInput.js +18 -14
- package/dist/components/Chats/chatwrapper.js +20 -12
- package/dist/components/Checkbox/checkboxToggler.js +61 -0
- package/dist/components/Checkbox/checkboxToggler.stories.js +81 -0
- package/dist/components/Lists/listBox.js +14 -30
- package/dist/components/Lists/listBox.stories.js +12 -23
- package/dist/components/Lists/listHeader.stories.js +13 -13
- package/dist/components/Lists/listheader.js +12 -27
- package/dist/components/Lists/rowLabels.js +19 -30
- package/dist/components/Lists/rowLabels.stories.js +22 -25
- package/dist/components/Loader/loader.js +17 -31
- package/dist/components/Loader/loader.stories.js +13 -13
- package/dist/components/MainWrapper/index.js +5 -7
- package/dist/components/MessageCounter/MessageCounter.stories.js +14 -14
- package/dist/components/MessageCounter/messageCounter.js +16 -18
- package/dist/components/Modals/modal.js +37 -57
- package/dist/components/Modals/modals.stories.js +15 -28
- package/dist/components/NoteBar/noteBar.js +28 -57
- package/dist/components/NoteBar/noteBar.stories.js +17 -17
- package/dist/components/PerformanceIndicator/performaceIndicator.stories.js +15 -15
- package/dist/components/PerformanceIndicator/performanceIndicator.js +21 -34
- package/dist/components/Pills/pills.js +24 -56
- package/dist/components/Pills/pills.stories.js +21 -23
- package/dist/components/ProfileIcon/ProfileIcon.js +28 -29
- package/dist/components/ProfileIcon/profileIcon.stories.js +18 -18
- package/dist/components/ProgressBar/progressbar.js +15 -17
- package/dist/components/ProgressBar/progressbar.stories.js +8 -10
- package/dist/components/ProgressRing/progressRing.js +38 -54
- package/dist/components/ProgressRing/progressRing.stories.js +16 -16
- package/dist/components/RouteLink/link.js +8 -10
- package/dist/components/RouteLink/link.stories.js +3 -3
- package/dist/components/ScrollBar/scrollBar.js +19 -17
- package/dist/components/SuperFluid/Content/index.js +5 -7
- package/dist/components/SuperFluid/ContentTitle.js/index.js +14 -10
- package/dist/components/SuperFluid/SegmentCard/index.js +22 -13
- package/dist/components/Tabs/tabs.js +16 -35
- package/dist/components/Tabs/tabs.stories.js +19 -19
- package/dist/components/Tags/tags.js +33 -65
- package/dist/components/Tags/tags.stories.js +18 -18
- package/dist/components/breakpoints.js +3 -3
- package/dist/components/chatHeader.js +17 -11
- package/dist/components/checkbox.js +27 -26
- package/dist/components/colors.js +32 -30
- package/dist/components/contacts.js +39 -25
- package/dist/components/dropdown.js +29 -35
- package/dist/components/dropdownButton.js +50 -53
- package/dist/components/dropdownItems.js +26 -19
- package/dist/components/examples/App.js +2 -2
- package/dist/components/examples/InfoAccordion.js +2 -3
- package/dist/components/examples/chatBodyExample.js +1 -5
- package/dist/components/examples/selectExample.js +6 -20
- package/dist/components/globalStyles.js +1 -5
- package/dist/components/iconStyles.js +56 -58
- package/dist/components/index.js +27 -23
- package/dist/components/input.js +33 -36
- package/dist/components/logo.js +9 -16
- package/dist/components/navbar.js +24 -13
- package/dist/components/search.js +20 -21
- package/dist/components/typography.js +14 -14
- package/dist/components/wrapper.js +8 -8
- package/package.json +54 -31
- package/src/App.js +10 -7
- package/src/index.js +6 -8
- package/src/lib/components/Accordion/Accordion.js +32 -14
- package/src/lib/components/Accordion/Accordion.stories.js +31 -31
- package/src/lib/components/Avatars/avatars.js +33 -28
- package/src/lib/components/Avatars/avatars.stories.js +18 -18
- package/src/lib/components/BannerCard/bannerCard.stories.js +16 -17
- package/src/lib/components/BannerCard/bannerCards.js +18 -18
- package/src/lib/components/Buttons/Stories/basicbutton.stories.js +29 -29
- package/src/lib/components/Buttons/Stories/buttonAlertIcons.stories.js +17 -17
- package/src/lib/components/Buttons/Stories/buttonIconsOnly.stories.js +24 -24
- package/src/lib/components/Buttons/buttonAlertIcons.js +22 -25
- package/src/lib/components/Buttons/buttonIconsOnly.js +32 -28
- package/src/lib/components/Buttons/buttons.js +70 -73
- package/src/lib/components/Cards/cards.js +2 -3
- package/src/lib/components/Cards/cards.stories.js +10 -10
- package/src/lib/components/ChatComponents/ChatBody/chatBody.js +46 -45
- package/src/lib/components/ChatComponents/ChatBody/chatBody.stories.js +34 -28
- package/src/lib/components/ChatComponents/ChatBody/sessionDetails.js +2 -2
- package/src/lib/components/ChatComponents/ChatHeader/chatHeader.js +2 -2
- package/src/lib/components/ChatComponents/ChatHeader/chatHeader.stories.js +4 -4
- package/src/lib/components/ChatComponents/ColorPicker/colorPicker.js +2 -2
- package/src/lib/components/ChatComponents/ColorPicker/colorPicker.stories.js +4 -3
- package/src/lib/components/ChatComponents/ContactCards/contactCards.js +7 -5
- package/src/lib/components/ChatComponents/ContactCards/contactCards.stories.js +6 -6
- package/src/lib/components/ChatComponents/FormAccordion/FormAccordion.js +3 -3
- package/src/lib/components/ChatComponents/FormAccordion/FormAccordion.stories.js +4 -3
- package/src/lib/components/ChatComponents/InfoTab/infoTab.js +2 -2
- package/src/lib/components/ChatComponents/InfoTab/infoTab.stories.js +7 -7
- package/src/lib/components/ChatComponents/LabelAccordion/LabelAccordion.stories.js +5 -3
- package/src/lib/components/ChatComponents/NoteAccordion/NoteAccordion.js +2 -2
- package/src/lib/components/ChatComponents/NoteAccordion/NoteAccordion.stories.js +6 -5
- package/src/lib/components/Checkbox/checkboxToggler.js +89 -0
- package/src/lib/components/Checkbox/checkboxToggler.stories.js +48 -0
- package/src/lib/components/Lists/listBox.js +7 -7
- package/src/lib/components/Lists/listBox.stories.js +8 -11
- package/src/lib/components/Lists/listHeader.stories.js +13 -13
- package/src/lib/components/Lists/listheader.js +7 -7
- package/src/lib/components/Lists/rowLabels.js +6 -6
- package/src/lib/components/Lists/rowLabels.stories.js +18 -18
- package/src/lib/components/Loader/loader.js +13 -13
- package/src/lib/components/Loader/loader.stories.js +14 -14
- package/src/lib/components/MainWrapper/index.js +2 -2
- package/src/lib/components/MessageCounter/MessageCounter.stories.js +14 -14
- package/src/lib/components/MessageCounter/messageCounter.js +16 -16
- package/src/lib/components/Modals/modal.js +25 -23
- package/src/lib/components/Modals/modals.stories.js +9 -9
- package/src/lib/components/NoteBar/noteBar.js +20 -20
- package/src/lib/components/NoteBar/noteBar.stories.js +18 -17
- package/src/lib/components/PerformanceIndicator/performaceIndicator.stories.js +15 -15
- package/src/lib/components/PerformanceIndicator/performanceIndicator.js +11 -10
- package/src/lib/components/Pills/pills.js +16 -16
- package/src/lib/components/Pills/pills.stories.js +22 -23
- package/src/lib/components/ProfileIcon/ProfileIcon.js +50 -52
- package/src/lib/components/ProfileIcon/profileIcon.stories.js +22 -22
- package/src/lib/components/ProgressBar/progressbar.js +4 -5
- package/src/lib/components/ProgressBar/progressbar.stories.js +8 -9
- package/src/lib/components/ProgressRing/progressRing.js +25 -24
- package/src/lib/components/ProgressRing/progressRing.stories.js +18 -18
- package/src/lib/components/RouteLink/link.js +10 -8
- package/src/lib/components/RouteLink/link.stories.js +4 -4
- package/src/lib/components/ScrollBar/scrollBar.js +15 -14
- package/src/lib/components/SuperFluid/Content/index.js +2 -2
- package/src/lib/components/SuperFluid/ContentTitle.js/index.js +2 -2
- package/src/lib/components/SuperFluid/SegmentCard/index.js +9 -8
- package/src/lib/components/Tabs/tabs.js +11 -11
- package/src/lib/components/Tabs/tabs.stories.js +20 -20
- package/src/lib/components/Tags/tags.js +26 -24
- package/src/lib/components/Tags/tags.stories.js +19 -19
- package/src/lib/components/breakpoints.js +3 -3
- package/src/lib/components/checkbox.js +7 -6
- package/src/lib/components/colors.js +30 -28
- package/src/lib/components/dropdownButton.js +36 -39
- package/src/lib/components/examples/InfoAccordion.js +1 -1
- package/src/lib/components/globalStyles.js +2 -2
- package/src/lib/components/iconStyles.js +45 -48
- package/src/lib/components/index.js +47 -46
- package/src/lib/components/input.js +20 -20
- package/src/lib/components/text.js +1 -1
- package/src/lib/components/typography.js +14 -14
- package/src/reportWebVitals.js +1 -1
- package/babel.config.js +0 -12
- package/dist/components/checkboxToggler.js +0 -50
- 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
|
-
|
|
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 ===
|
|
22
|
-
if (props.size ===
|
|
23
|
-
if (props.size ===
|
|
24
|
-
if (props.size ===
|
|
25
|
-
if (props.size ===
|
|
26
|
-
if (!props.size) return
|
|
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 ===
|
|
46
|
-
if (variant ===
|
|
47
|
-
if (variant ===
|
|
48
|
-
if (variant ===
|
|
49
|
-
if (variant ===
|
|
50
|
-
if (variant ===
|
|
51
|
-
if (variant ===
|
|
52
|
-
if (variant ===
|
|
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 ===
|
|
66
|
-
if (variant ===
|
|
67
|
-
if (variant ===
|
|
68
|
-
if (variant ===
|
|
69
|
-
if (variant ===
|
|
70
|
-
if (variant ===
|
|
71
|
-
if (variant ===
|
|
72
|
-
if (variant ===
|
|
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,
|
|
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) ||
|
|
93
|
+
return size(props) || '1.143rem !important';
|
|
96
94
|
},
|
|
97
95
|
width: function width(props) {
|
|
98
|
-
return size(props) ||
|
|
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 ===
|
|
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 ===
|
|
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,
|
|
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 ===
|
|
139
|
-
if (props.size ===
|
|
140
|
-
if (props.size ===
|
|
141
|
-
if (props.size ===
|
|
142
|
-
if (!props.size) return
|
|
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,
|
|
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,
|
|
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 ||
|
|
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
|
|
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,
|
|
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,
|
|
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 ||
|
|
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,
|
|
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,
|
|
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,
|
|
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 ||
|
|
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 ||
|
|
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 ||
|
|
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 ||
|
|
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,
|
|
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",
|
package/dist/components/index.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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("
|
|
376
|
+
var _tags = require("./Tags/tags");
|
|
369
377
|
|
|
370
|
-
var _bannerCards = _interopRequireDefault(require("
|
|
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("
|
|
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
|
|
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
|
-
|
|
414
|
+
var _index2 = require("./SuperFluid/SegmentCard/index");
|
package/dist/components/input.js
CHANGED
|
@@ -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
|
|
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
|
|
21
|
-
|
|
22
|
-
|
|
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 ===
|
|
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
|
|
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 ===
|
|
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 ===
|
|
52
|
+
if (state === 'pressed') return "".concat(_colors.BmGrey50); // TODO: to be reviewed
|
|
57
53
|
|
|
58
|
-
if (state ===
|
|
59
|
-
if (state ===
|
|
60
|
-
if (state ===
|
|
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
|
|
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 ===
|
|
74
|
-
if (state ===
|
|
75
|
-
if (state ===
|
|
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 ===
|
|
85
|
-
if (state ===
|
|
86
|
-
if (state ===
|
|
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 =
|
|
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,
|
|
99
|
+
}, rest), /*#__PURE__*/_react.default.createElement(BmInputField, Object.assign({
|
|
103
100
|
id: id
|
|
104
101
|
}, rest, {
|
|
105
102
|
state: state,
|
|
106
|
-
disabled: state ===
|
|
107
|
-
})), state && state ===
|
|
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 ===
|
|
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,
|
|
110
|
+
})), label && /*#__PURE__*/_react.default.createElement(BmInputLabel, Object.assign({
|
|
114
111
|
htmlFor: id,
|
|
115
112
|
state: state
|
|
116
113
|
}, rest), label));
|
package/dist/components/logo.js
CHANGED
|
@@ -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
|
|
15
|
-
|
|
16
|
-
|
|
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 =
|
|
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
|
};
|