beem-component 2.0.27 → 2.1.0

package/dist/components/iconStyles.js

@@ -8,9 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _styles = require("@material-ui/core/styles");
 var _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
 var _colors = require("./colors");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-var size = function size(props) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const size = props => {
   if (props.size === 'xsmall') return '1.143rem !important';
   if (props.size === 'small') return '1.429rem !important';
   if (props.size === 'medium') return '1.714rem !important';
@@ -21,18 +21,16 @@ var size = function size(props) {
 };
 
 // Button Icons
-var ButtonIcon = {
+const ButtonIcon = {
   root: {
-    height: function height(props) {
-      return size(props);
-    },
-    width: function width(props) {
-      return size(props);
-    },
-    fill: function fill(_ref) {
-      var variant = _ref.variant,
-        disabled = _ref.disabled,
-        color = _ref.color;
+    height: props => size(props),
+    width: props => size(props),
+    fill: _ref => {
+      let {
+        variant,
+        disabled,
+        color
+      } = _ref;
       if (!disabled) {
         if (variant === 'active') return "".concat(_colors.BmPrimaryWhite);
         if (variant === 'enabled') return "".concat(_colors.BmPrimaryBlack);
@@ -46,11 +44,13 @@ var ButtonIcon = {
       }
       return "".concat(_colors.BmGrey400);
     },
-    color: function color(_ref2) {
-      var variant = _ref2.variant,
-        disabled = _ref2.disabled,
-        _color = _ref2.color;
-      if (_color) return _color;
+    color: _ref2 => {
+      let {
+        variant,
+        disabled,
+        color
+      } = _ref2;
+      if (color) return color;
       if (!disabled) {
         if (variant === 'active') return "".concat(_colors.BmPrimaryWhite);
         if (variant === 'enabled') return "".concat(_colors.BmPrimaryBlack);
@@ -58,17 +58,17 @@ var ButtonIcon = {
         if (variant === 'success') return "".concat(_colors.BmPrimaryWhite);
         if (variant === 'neutral') return "".concat(_colors.BmPrimaryBlue);
         if (variant === 'primary') return "".concat(_colors.BmPrimaryWhite);
-        if (variant === 'secondary') return "".concat(_color || _colors.BmPrimaryBlue);
-        if (variant === 'tertiary') return "".concat(_color || _colors.BmPrimaryBlue);
+        if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
+        if (variant === 'tertiary') return "".concat(color || _colors.BmPrimaryBlue);
         return "".concat(_colors.BmPrimaryWhite);
       }
       return "".concat(_colors.BmGrey400);
     }
   }
 };
-var BmButtonIcon = (0, _styles.withStyles)(ButtonIcon)(function (props) {
+const BmButtonIcon = exports.BmButtonIcon = (0, _styles.withStyles)(ButtonIcon)(props => {
   if (props.icon) {
-    var Icon = props.icon.type;
+    const Icon = props.icon.type;
     return /*#__PURE__*/_react.default.createElement(Icon, _extends({
       action: true
     }, props));
@@ -77,38 +77,37 @@ var BmButtonIcon = (0, _styles.withStyles)(ButtonIcon)(function (props) {
 });
 
 // Tags
-exports.BmButtonIcon = BmButtonIcon;
-var TagIcon = {
+const TagIcon = {
   root: {
-    height: function height(props) {
-      return size(props) || '1.143rem !important';
-    },
-    width: function width(props) {
-      return size(props) || '1.143rem !important';
-    },
-    fill: function fill(_ref3) {
-      var variant = _ref3.variant,
-        color = _ref3.color;
+    height: props => size(props) || '1.143rem !important',
+    width: props => size(props) || '1.143rem !important',
+    fill: _ref3 => {
+      let {
+        variant,
+        color
+      } = _ref3;
       if (color) {
         return color;
       }
       if (variant === 'neutral' || variant === 'light') return "".concat(_colors.BmPrimaryBlack);
       return "".concat(_colors.BmPrimaryWhite);
     },
-    color: function color(_ref4) {
-      var variant = _ref4.variant,
-        _color2 = _ref4.color;
-      if (_color2) {
-        return _color2;
+    color: _ref4 => {
+      let {
+        variant,
+        color
+      } = _ref4;
+      if (color) {
+        return color;
       }
       if (variant === 'neutral' || variant === 'light') return "".concat(_colors.BmPrimaryBlack);
       return "".concat(_colors.BmPrimaryWhite);
     }
   }
 };
-var BmTagIcon = (0, _styles.withStyles)(TagIcon)(function (props) {
+const BmTagIcon = exports.BmTagIcon = (0, _styles.withStyles)(TagIcon)(props => {
   if (props.icon) {
-    var Icon = props.icon.type;
+    const Icon = props.icon.type;
     return /*#__PURE__*/_react.default.createElement(Icon, _extends({
       action: true
     }, props));
@@ -117,8 +116,7 @@ var BmTagIcon = (0, _styles.withStyles)(TagIcon)(function (props) {
 });
 
 // Avatar Icons
-exports.BmTagIcon = BmTagIcon;
-var Avatarsize = function Avatarsize(props) {
+const Avatarsize = props => {
   if (props.size === 'xsmall') return '0.857rem !important';
   if (props.size === 'small') return '1.143rem !important';
   if (props.size === 'medium') return '1.429rem !important';
@@ -126,25 +124,17 @@ var Avatarsize = function Avatarsize(props) {
   if (!props.size) return '2.286rem !important';
   return props.size;
 };
-var AvatarIcon = {
+const AvatarIcon = {
   root: {
-    fill: function fill(props) {
-      return props.color || "".concat(_colors.BmPrimaryWhite);
-    },
-    color: function color(props) {
-      return props.color || "".concat(_colors.BmPrimaryWhite);
-    },
-    height: function height(props) {
-      return Avatarsize(props);
-    },
-    width: function width(props) {
-      return Avatarsize(props);
-    }
+    fill: props => props.color || "".concat(_colors.BmPrimaryWhite),
+    color: props => props.color || "".concat(_colors.BmPrimaryWhite),
+    height: props => Avatarsize(props),
+    width: props => Avatarsize(props)
   }
 };
-var BmAvatarIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
+const BmAvatarIcon = exports.BmAvatarIcon = (0, _styles.withStyles)(AvatarIcon)(props => {
   if (props.icon) {
-    var Icon = props.icon.type;
+    const Icon = props.icon.type;
     return /*#__PURE__*/_react.default.createElement(Icon, _extends({
       action: true
     }, props));
@@ -153,8 +143,7 @@ var BmAvatarIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
 });
 
 // check on sizing
-exports.BmAvatarIcon = BmAvatarIcon;
-var BmChatbotIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
+const BmChatbotIcon = exports.BmChatbotIcon = (0, _styles.withStyles)(AvatarIcon)(props => {
   return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
@@ -165,40 +154,30 @@ var BmChatbotIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
 
 // To be refacotored
 // Emoji Icons
-exports.BmChatbotIcon = BmChatbotIcon;
-var EmojiSize = function EmojiSize() {
+const EmojiSize = () => {
   // if (props.size === "small") return "1.429rem";
   // if (props.size === "medium") return "1.714rem";
   // if (props.size === "large") return "1.714rem";
   return '2.286rem !important';
 };
-var EmojiIcon = {
+const EmojiIcon = {
   root: {
-    fill: function fill(props) {
-      return props.color || "".concat(_colors.BmSecondaryGrey);
-    },
-    color: function color(props) {
-      return props.color || "".concat(_colors.BmSecondaryGrey);
-    },
-    height: function height(props) {
-      return EmojiSize(props);
-    },
-    width: function width(props) {
-      return EmojiSize(props);
-    }
+    fill: props => props.color || "".concat(_colors.BmSecondaryGrey),
+    color: props => props.color || "".concat(_colors.BmSecondaryGrey),
+    height: props => EmojiSize(props),
+    width: props => EmojiSize(props)
   }
 };
-var BmEmojiIcon = (0, _styles.withStyles)(EmojiIcon)(function (props) {
+const BmEmojiIcon = exports.BmEmojiIcon = (0, _styles.withStyles)(EmojiIcon)(props => {
   if (props.icon) {
-    var Icon = props.icon.type;
+    const Icon = props.icon.type;
     return /*#__PURE__*/_react.default.createElement(Icon, _extends({
       action: true
     }, props));
   }
   return null;
 });
-exports.BmEmojiIcon = BmEmojiIcon;
-var BmQuickReplyIcon = (0, _styles.withStyles)(EmojiIcon)(function (props) {
+const BmQuickReplyIcon = exports.BmQuickReplyIcon = (0, _styles.withStyles)(EmojiIcon)(props => {
   return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
@@ -206,26 +185,17 @@ var BmQuickReplyIcon = (0, _styles.withStyles)(EmojiIcon)(function (props) {
     fill: props.color || '#575757'
   }));
 });
-exports.BmQuickReplyIcon = BmQuickReplyIcon;
-var icon = {
+const icon = {
   root: {
-    fill: function fill(props) {
-      return props.color || "".concat(_colors.BmSecondaryGrey);
-    },
-    height: function height(props) {
-      return size(props);
-    },
-    width: function width(props) {
-      return size(props);
-    },
-    color: function color(props) {
-      return props.color || "".concat(_colors.BmSecondaryGrey);
-    }
+    fill: props => props.color || "".concat(_colors.BmSecondaryGrey),
+    height: props => size(props),
+    width: props => size(props),
+    color: props => props.color || "".concat(_colors.BmSecondaryGrey)
   }
 };
-var BmIcons = (0, _styles.withStyles)(icon)(function (props) {
+const BmIcons = exports.BmIcons = (0, _styles.withStyles)(icon)(props => {
   if (props.icon) {
-    var Icon = props.icon.type;
+    const Icon = props.icon.type;
     return /*#__PURE__*/_react.default.createElement(Icon, _extends({
       action: true
     }, props, {
@@ -234,8 +204,7 @@ var BmIcons = (0, _styles.withStyles)(icon)(function (props) {
   }
   return null;
 });
-exports.BmIcons = BmIcons;
-var BmChatbot = (0, _styles.withStyles)(icon)(function (props) {
+const BmChatbot = exports.BmChatbot = (0, _styles.withStyles)(icon)(props => {
   return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
@@ -243,8 +212,7 @@ var BmChatbot = (0, _styles.withStyles)(icon)(function (props) {
     fill: props.color || "".concat(_colors.BmSecondaryGrey)
   }));
 });
-exports.BmChatbot = BmChatbot;
-var BmSupport = (0, _styles.withStyles)(icon)(function (props) {
+const BmSupport = exports.BmSupport = (0, _styles.withStyles)(icon)(props => {
   return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
@@ -261,8 +229,7 @@ var BmSupport = (0, _styles.withStyles)(icon)(function (props) {
     fill: props.color || 'black'
   }));
 });
-exports.BmSupport = BmSupport;
-var CopyToClipBoard = (0, _styles.withStyles)(icon)(function (props) {
+const CopyToClipBoard = exports.CopyToClipBoard = (0, _styles.withStyles)(icon)(props => {
   return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
@@ -271,5 +238,4 @@ var CopyToClipBoard = (0, _styles.withStyles)(icon)(function (props) {
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"
   }));
-});
-exports.CopyToClipBoard = CopyToClipBoard;
+});