beem-component 1.5.8 → 1.6.1

package/dist/components/dropdownButton.js

@@ -11,9 +11,9 @@ var _icons = require("@material-ui/icons");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _buttonIconsOnly = require("../components/Buttons/buttonIconsOnly");
+var _buttonIconsOnly = require("./Buttons/buttonIconsOnly");
 
-var _buttons = require("../components/Buttons/buttons");
+var _buttons = require("./Buttons/buttons");
 
 var _colors = require("./colors");
 
@@ -39,55 +39,55 @@ var Drop = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateO
       color = _ref.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "secondary") return "none";
-    if (variant === "tertiary") return "none";
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "neutral") return "".concat(_colors.BmPrimaryWhite);
-    return "".concat(color ? color : _colors.BmPrimaryBlue);
-  } else {
-    if (variant === "primary") return "".concat(_colors.BmGrey100);
-    if (variant === "secondary") return "none";
-    if (variant === "tertiary") return "none";
-    return "".concat(_colors.BmGrey100);
+    if (variant === 'primary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'secondary') return 'none';
+    if (variant === 'tertiary') return 'none';
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'neutral') return "".concat(_colors.BmPrimaryWhite);
+    return "".concat(color || _colors.BmPrimaryBlue);
   }
+
+  if (variant === 'primary') return "".concat(_colors.BmGrey100);
+  if (variant === 'secondary') return 'none';
+  if (variant === 'tertiary') return 'none';
+  return "".concat(_colors.BmGrey100);
 }, function (_ref2) {
   var variant = _ref2.variant,
       disabled = _ref2.disabled,
       color = _ref2.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "tertiary") return "transparent";
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "neutral") return "".concat(_colors.BmGrey400);
-    return "".concat(color ? color : _colors.BmPrimaryBlue);
-  } else {
-    if (variant === "primary") return "".concat(_colors.BmGrey100);
-    if (variant === "secondary") return "".concat(_colors.BmGrey400);
-    if (variant === "tertiary") return "transparent";
+    if (variant === 'primary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'tertiary') return 'transparent';
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'neutral') return "".concat(_colors.BmGrey400);
+    return "".concat(color || _colors.BmPrimaryBlue);
   }
+
+  if (variant === 'primary') return "".concat(_colors.BmGrey100);
+  if (variant === 'secondary') return "".concat(_colors.BmGrey400);
+  if (variant === 'tertiary') return 'transparent';
 }, function (_ref3) {
   var variant = _ref3.variant,
       disabled = _ref3.disabled,
       color = _ref3.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat(_colors.BmPrimaryWhite);
-    if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "tertiary") return "transparent";
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "neutral") return "".concat(_colors.BmGrey400);
+    if (variant === 'primary') return "".concat(_colors.BmPrimaryWhite);
+    if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'tertiary') return 'transparent';
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'neutral') return "".concat(_colors.BmGrey400);
     return "".concat(_colors.BmPrimaryWhite);
-  } else {
-    if (variant === "primary") return "".concat(_colors.BmGrey400);
-    if (variant === "secondary") return "".concat(_colors.BmGrey400);
-    if (variant === "tertiary") return "transparent";
   }
+
+  if (variant === 'primary') return "".concat(_colors.BmGrey400);
+  if (variant === 'secondary') return "".concat(_colors.BmGrey400);
+  if (variant === 'tertiary') return 'transparent';
 });
 exports.Drop = Drop;
 var Button = (0, _styledComponents.default)(_buttons.BmButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-top-right-radius: 0.071rem; */}\n  border-bottom-right-radius: 0.071rem; */}\n  border-radius: none;\n  border-right: none;\n"])));

package/dist/components/examples/InfoAccordion.js

@@ -13,7 +13,6 @@ var _FormAccordion = _interopRequireDefault(require("./lib/components/ChatCompon
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* eslint-disable react/prop-types */
 var InfoAccordion = function InfoAccordion() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.BmAccordion, null, /*#__PURE__*/_react.default.createElement(_components.BmAccordion.Title, null, /*#__PURE__*/_react.default.createElement("h3", null, "Notes")), /*#__PURE__*/_react.default.createElement(_components.BmAccordion.Body, null, /*#__PURE__*/_react.default.createElement(_FormAccordion.default, null, /*#__PURE__*/_react.default.createElement(_FormAccordion.default.Label, null, /*#__PURE__*/_react.default.createElement("h4", null, "Hello")), /*#__PURE__*/_react.default.createElement(_FormAccordion.default.Input, {
     placeholder: "Hello"

package/dist/components/iconStyles.js

@@ -9,21 +9,21 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _colors = require("./colors");
-
 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) {
-  if (props.size === "xsmall") return "1.143rem !important";
-  if (props.size === "small") return "1.429rem !important";
-  if (props.size === "medium") return "1.714rem !important";
-  if (props.size === "large") return "1.714rem !important";
-  if (props.size === "xlarge") return "2.286rem !important";
-  if (!props.size) return "1.714rem !important";
+  if (props.size === 'xsmall') return '1.143rem !important';
+  if (props.size === 'small') return '1.429rem !important';
+  if (props.size === 'medium') return '1.714rem !important';
+  if (props.size === 'large') return '1.714rem !important';
+  if (props.size === 'xlarge') return '2.286rem !important';
+  if (!props.size) return '1.714rem !important';
   return props.size;
 }; // Button Icons
 
@@ -42,18 +42,18 @@ var ButtonIcon = {
           color = _ref.color;
 
       if (!disabled) {
-        if (variant === "active") return "".concat(_colors.BmPrimaryWhite);
-        if (variant === "enabled") return "".concat(_colors.BmPrimaryBlack);
-        if (variant === "destructive") return "".concat(_colors.BmPrimaryWhite);
-        if (variant === "success") return "".concat(_colors.BmPrimaryWhite);
-        if (variant === "neutral") return "".concat(color ? color : _colors.BmPrimaryBlue);
-        if (variant === "primary") return "".concat(_colors.BmPrimaryWhite);
-        if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-        if (variant === "tertiary") return "".concat(color ? color : _colors.BmPrimaryBlue);
+        if (variant === 'active') return "".concat(_colors.BmPrimaryWhite);
+        if (variant === 'enabled') return "".concat(_colors.BmPrimaryBlack);
+        if (variant === 'destructive') return "".concat(_colors.BmPrimaryWhite);
+        if (variant === 'success') return "".concat(_colors.BmPrimaryWhite);
+        if (variant === 'neutral') return "".concat(color || _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);
         return "".concat(_colors.BmPrimaryWhite);
-      } else {
-        return "".concat(_colors.BmGrey400);
       }
+
+      return "".concat(_colors.BmGrey400);
     },
     color: function color(_ref2) {
       var variant = _ref2.variant,
@@ -62,18 +62,18 @@ var ButtonIcon = {
       if (_color) return _color;
 
       if (!disabled) {
-        if (variant === "active") return "".concat(_colors.BmPrimaryWhite);
-        if (variant === "enabled") return "".concat(_colors.BmPrimaryBlack);
-        if (variant === "destructive") return "".concat(_colors.BmPrimaryWhite);
-        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 ? _color : _colors.BmPrimaryBlue);
-        if (variant === "tertiary") return "".concat(_color ? _color : _colors.BmPrimaryBlue);
+        if (variant === 'active') return "".concat(_colors.BmPrimaryWhite);
+        if (variant === 'enabled') return "".concat(_colors.BmPrimaryBlack);
+        if (variant === 'destructive') return "".concat(_colors.BmPrimaryWhite);
+        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);
         return "".concat(_colors.BmPrimaryWhite);
-      } else {
-        return "".concat(_colors.BmGrey400);
       }
+
+      return "".concat(_colors.BmGrey400);
     }
   }
 };
@@ -92,10 +92,10 @@ exports.BmButtonIcon = BmButtonIcon;
 var TagIcon = {
   root: {
     height: function height(props) {
-      return size(props) || "1.143rem !important";
+      return size(props) || '1.143rem !important';
     },
     width: function width(props) {
-      return size(props) || "1.143rem !important";
+      return size(props) || '1.143rem !important';
     },
     fill: function fill(_ref3) {
       var variant = _ref3.variant,
@@ -105,7 +105,7 @@ var TagIcon = {
         return color;
       }
 
-      if (variant === "neutral" || variant === "light") return "".concat(_colors.BmPrimaryBlack);
+      if (variant === 'neutral' || variant === 'light') return "".concat(_colors.BmPrimaryBlack);
       return "".concat(_colors.BmPrimaryWhite);
     },
     color: function color(_ref4) {
@@ -116,7 +116,7 @@ var TagIcon = {
         return _color2;
       }
 
-      if (variant === "neutral" || variant === "light") return "".concat(_colors.BmPrimaryBlack);
+      if (variant === 'neutral' || variant === 'light') return "".concat(_colors.BmPrimaryBlack);
       return "".concat(_colors.BmPrimaryWhite);
     }
   }
@@ -135,11 +135,11 @@ var BmTagIcon = (0, _styles.withStyles)(TagIcon)(function (props) {
 exports.BmTagIcon = BmTagIcon;
 
 var Avatarsize = function 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";
-  if (props.size === "large") return "2.286rem !important";
-  if (!props.size) return "2.286rem !important";
+  if (props.size === 'xsmall') return '0.857rem !important';
+  if (props.size === 'small') return '1.143rem !important';
+  if (props.size === 'medium') return '1.429rem !important';
+  if (props.size === 'large') return '2.286rem !important';
+  if (!props.size) return '2.286rem !important';
   return props.size;
 };
 
@@ -168,7 +168,7 @@ var BmAvatarIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
   }
 
   return null;
-}); //check on sizing
+}); // check on sizing
 
 exports.BmAvatarIcon = BmAvatarIcon;
 var BmChatbotIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
@@ -176,7 +176,7 @@ var BmChatbotIcon = (0, _styles.withStyles)(AvatarIcon)(function (props) {
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: props.color || "white"
+    fill: props.color || 'white'
   }));
 }); // To be refacotored
 // Emoji Icons
@@ -187,7 +187,7 @@ var EmojiSize = function 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";
+  return '2.286rem !important';
 };
 
 var EmojiIcon = {
@@ -222,7 +222,7 @@ var BmQuickReplyIcon = (0, _styles.withStyles)(EmojiIcon)(function (props) {
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: props.color || "#575757"
+    fill: props.color || '#575757'
   }));
 });
 exports.BmQuickReplyIcon = BmQuickReplyIcon;
@@ -269,16 +269,16 @@ var BmSupport = (0, _styles.withStyles)(icon)(function (props) {
     action: true
   }, props), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: props.color || "black"
+    fill: props.color || 'black'
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: props.color || "black"
+    fill: props.color || 'black'
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: props.color || "black"
+    fill: props.color || 'black'
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: props.color || "black"
+    fill: props.color || 'black'
   }));
 });
 exports.BmSupport = BmSupport;

package/dist/components/index.js

@@ -101,6 +101,12 @@ Object.defineProperty(exports, "BmCheckbox", {
     return _checkbox.BmCheckbox;
   }
 });
+Object.defineProperty(exports, "BmCheckboxToggle", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxToggler.BmCheckboxToggle;
+  }
+});
 Object.defineProperty(exports, "BmColorPicker", {
   enumerable: true,
   get: function get() {
@@ -123,13 +129,13 @@ Object.defineProperty(exports, "BmContent", {
 Object.defineProperty(exports, "BmContentFooter", {
   enumerable: true,
   get: function get() {
-    return _index2.BmContentFooter;
+    return _ContentTitle.BmContentFooter;
   }
 });
 Object.defineProperty(exports, "BmContentTitle", {
   enumerable: true,
   get: function get() {
-    return _index2.BmContentTitle;
+    return _ContentTitle.BmContentTitle;
   }
 });
 Object.defineProperty(exports, "BmCounter", {
@@ -147,13 +153,13 @@ Object.defineProperty(exports, "BmEmojiIcon", {
 Object.defineProperty(exports, "BmFooterLeft", {
   enumerable: true,
   get: function get() {
-    return _index2.BmFooterLeft;
+    return _ContentTitle.BmFooterLeft;
   }
 });
 Object.defineProperty(exports, "BmFooterRight", {
   enumerable: true,
   get: function get() {
-    return _index2.BmFooterRight;
+    return _ContentTitle.BmFooterRight;
   }
 });
 Object.defineProperty(exports, "BmIcons", {
@@ -243,43 +249,43 @@ Object.defineProperty(exports, "BmRowLabel", {
 Object.defineProperty(exports, "BmSegment", {
   enumerable: true,
   get: function get() {
-    return _index3.BmSegment;
+    return _index2.BmSegment;
   }
 });
 Object.defineProperty(exports, "BmSegmentCard", {
   enumerable: true,
   get: function get() {
-    return _index3.BmSegmentCard;
+    return _index2.BmSegmentCard;
   }
 });
 Object.defineProperty(exports, "BmSegmentCheckBox", {
   enumerable: true,
   get: function get() {
-    return _index3.BmSegmentCheckBox;
+    return _index2.BmSegmentCheckBox;
   }
 });
 Object.defineProperty(exports, "BmSegmentCompleteContent", {
   enumerable: true,
   get: function get() {
-    return _index3.BmSegmentCompleteContent;
+    return _index2.BmSegmentCompleteContent;
   }
 });
 Object.defineProperty(exports, "BmSegmentCompleteIcon", {
   enumerable: true,
   get: function get() {
-    return _index3.BmSegmentCompleteIcon;
+    return _index2.BmSegmentCompleteIcon;
   }
 });
 Object.defineProperty(exports, "BmSegmentCreateContent", {
   enumerable: true,
   get: function get() {
-    return _index3.BmSegmentCreateContent;
+    return _index2.BmSegmentCreateContent;
   }
 });
 Object.defineProperty(exports, "BmSegmentSelector", {
   enumerable: true,
   get: function get() {
-    return _index3.BmSegmentSelector;
+    return _index2.BmSegmentSelector;
   }
 });
 Object.defineProperty(exports, "BmSupport", {
@@ -365,19 +371,21 @@ var _loader = require("./Loader/loader");
 
 var _checkbox = require("./checkbox");
 
-var _tags = require("../components/Tags/tags");
+var _tags = require("./Tags/tags");
 
-var _bannerCards = _interopRequireDefault(require("../components/BannerCard/bannerCards"));
+var _bannerCards = _interopRequireDefault(require("./BannerCard/bannerCards"));
 
 var _progressRing = _interopRequireDefault(require("./ProgressRing/progressRing"));
 
 var _ProfileIcon = require("./ProfileIcon/ProfileIcon");
 
+var _checkboxToggler = require("./Checkbox/checkboxToggler");
+
 var _iconStyles = require("./iconStyles");
 
 var _noteBar = require("./NoteBar/noteBar");
 
-var _MainWrapper = require("../components/MainWrapper");
+var _MainWrapper = require("./MainWrapper");
 
 var _chatBody = _interopRequireDefault(require("./ChatComponents/ChatBody/chatBody"));
 
@@ -399,9 +407,9 @@ var _colorPicker = require("./ChatComponents/ColorPicker/colorPicker");
 
 var _index = require("./SuperFluid/Content/index");
 
-var _index2 = require("./SuperFluid/ContentTitle.js/index.js");
+var _ContentTitle = require("./SuperFluid/ContentTitle.js");
 
-var _index3 = require("./SuperFluid/SegmentCard/index");
+var _index2 = require("./SuperFluid/SegmentCard/index");
 
 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); }
 

package/dist/components/input.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _ = require(".");
+var _iconStyles = require("./iconStyles");
 
 var _colors = require("./colors");
 
@@ -33,7 +33,7 @@ var BmInputLabel = _styledComponents.default.div(_templateObject || (_templateOb
   var state = _ref.state;
 
   if (state) {
-    if (state === "incomplete") return "".concat(_colors.BmSecondaryRed);
+    if (state === 'incomplete') return "".concat(_colors.BmSecondaryRed);
     return "".concat(_colors.BmSecondaryGrey);
   }
 
@@ -44,7 +44,7 @@ var BmInputField = _styledComponents.default.input(_templateObject2 || (_templat
   var state = _ref2.state;
 
   if (state) {
-    if (state === "disabled") return "".concat(_colors.BmGrey400);
+    if (state === 'disabled') return "".concat(_colors.BmGrey400);
     return "".concat(_colors.BmPrimaryBlack);
   }
 
@@ -53,11 +53,11 @@ var BmInputField = _styledComponents.default.input(_templateObject2 || (_templat
   var state = _ref3.state;
 
   if (state) {
-    if (state === "pressed") return "".concat(_colors.BmGrey50); // TODO: to be reviewed
+    if (state === 'pressed') return "".concat(_colors.BmGrey50); // TODO: to be reviewed
 
-    if (state === "positive") return "".concat(_colors.BmSecondaryGreen15);
-    if (state === "negative") return "".concat(_colors.BmSecondaryRed15);
-    if (state === "disabled") return "".concat(_colors.BmGrey100);
+    if (state === 'positive') return "".concat(_colors.BmSecondaryGreen15);
+    if (state === 'negative') return "".concat(_colors.BmSecondaryRed15);
+    if (state === 'disabled') return "".concat(_colors.BmGrey100);
     return "".concat(_colors.BmPrimaryWhite);
   }
 
@@ -70,9 +70,9 @@ var BmInputWrapper = _styledComponents.default.div(_templateObject3 || (_templat
   var state = _ref4.state;
 
   if (state) {
-    if (state === "pressed") return "".concat(_colors.BmGrey50);
-    if (state === "positive") return "".concat(_colors.BmSecondaryGreen15);
-    if (state === "disabled") return "".concat(_colors.BmGrey100);
+    if (state === 'pressed') return "".concat(_colors.BmGrey50);
+    if (state === 'positive') return "".concat(_colors.BmSecondaryGreen15);
+    if (state === 'disabled') return "".concat(_colors.BmGrey100);
     return "".concat(_colors.BmPrimaryWhite);
   }
 
@@ -81,9 +81,9 @@ var BmInputWrapper = _styledComponents.default.div(_templateObject3 || (_templat
   var state = _ref5.state;
 
   if (state) {
-    if (state === "positive") return "0.071rem solid ".concat(_colors.BmSecondaryDarkGreen);
-    if (state === "negative") return "0.071rem solid ".concat(_colors.BmSecondaryRed);
-    if (state === "disabled") return "0.071rem solid ".concat(_colors.BmGrey100);
+    if (state === 'positive') return "0.071rem solid ".concat(_colors.BmSecondaryDarkGreen);
+    if (state === 'negative') return "0.071rem solid ".concat(_colors.BmSecondaryRed);
+    if (state === 'disabled') return "0.071rem solid ".concat(_colors.BmGrey100);
     return "0.071rem solid ".concat(_colors.BmGrey400);
   }
 
@@ -103,11 +103,11 @@ var BmInput = function BmInput(_ref6) {
     id: id
   }, rest, {
     state: state,
-    disabled: state === "disabled" ? true : false
-  })), state && state === "complete" && /*#__PURE__*/_react.default.createElement(_.BmIcons, {
+    disabled: state === 'disabled'
+  })), state && state === 'complete' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.ErrorOutline, null),
     size: "small"
-  }), state && state === "incomplete" && /*#__PURE__*/_react.default.createElement(_.BmIcons, {
+  }), state && state === 'incomplete' && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.Done, null),
     size: "small"
   })), label && /*#__PURE__*/_react.default.createElement(BmInputLabel, _extends({

package/dist/components/typography.js

@@ -4,31 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.QuoteMark = exports.PullQuote = exports.PoppinsMedium = exports.Poppins = exports.P = exports.OpenSans = exports.Hero = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Captions = void 0;
-var H1 = "2.286rem";
+var H1 = '2.286rem';
 exports.H1 = H1;
-var H2 = "1.714rem";
+var H2 = '1.714rem';
 exports.H2 = H2;
-var H3 = "1.286rem";
+var H3 = '1.286rem';
 exports.H3 = H3;
-var H4 = "1.143rem";
+var H4 = '1.143rem';
 exports.H4 = H4;
-var H5 = "0.857rem";
+var H5 = '0.857rem';
 exports.H5 = H5;
-var H6 = "0.714rem";
+var H6 = '0.714rem';
 exports.H6 = H6;
-var P = "0.929rem";
+var P = '0.929rem';
 exports.P = P;
-var QuoteMark = "3.429rem";
+var QuoteMark = '3.429rem';
 exports.QuoteMark = QuoteMark;
-var PullQuote = "1.286rem";
+var PullQuote = '1.286rem';
 exports.PullQuote = PullQuote;
-var Captions = "0.714rem";
+var Captions = '0.714rem';
 exports.Captions = Captions;
-var Hero = "1rem";
+var Hero = '1rem';
 exports.Hero = Hero;
-var PoppinsMedium = "PoppinsMedium";
+var PoppinsMedium = 'PoppinsMedium';
 exports.PoppinsMedium = PoppinsMedium;
-var Poppins = "Poppins";
+var Poppins = 'Poppins';
 exports.Poppins = Poppins;
-var OpenSans = "OpenSans";
+var OpenSans = 'OpenSans';
 exports.OpenSans = OpenSans;