bright-components 9.32.0 → 10.1.0

package/dist/components/InputBox/index.js

@@ -15,13 +15,11 @@ var _InputError = _interopRequireDefault(require("./InputError"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var InputBox = function InputBox(props) {
-  return _react.default.createElement(_react.default.Fragment, null, props.prefix || props.suffix ? _react.default.createElement(_AdornedBox.default, props) : _react.default.createElement(_UnadornedBox.default, props), typeof props.error === 'string' && _react.default.createElement(_InputError.default, {
-    size: props.size
-  }, props.error));
-};
+const InputBox = props => _react.default.createElement(_react.default.Fragment, null, props.prefix || props.suffix ? _react.default.createElement(_AdornedBox.default, props) : _react.default.createElement(_UnadornedBox.default, props), typeof props.error === 'string' && _react.default.createElement(_InputError.default, {
+  size: props.size
+}, props.error));
 
-var iconShape = {
+const iconShape = {
   icon: _propTypes.func,
   onClick: _propTypes.func.isRequired,
   color: _propTypes.string

package/dist/components/InputWithIcon/index.js

@@ -21,41 +21,41 @@ var _Search = _interopRequireDefault(require("../Icons/Search"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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; }
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder: ", " solid ", ";\n\tpadding: ", ";\n\tborder-radius: ", ";\n\tsvg {\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t}\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tborder: 0 !important;\n\toutline: 0;\n\tpadding: 0 !important;\n\tvertical-align: middle;\n\tpadding-left: ", " !important;\n\t&:hover,\n\t&:focus {\n\t\tbox-shadow: none;\n\t}\n"]);
+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; }
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var InputField = (0, _styledComponents.default)(_Input.default)(_templateObject(), _spacing.default.s2);
-
-var Container = _styledComponents.default.div(_templateObject2(), _vars.default.borderWidth, _colors.default.borderColor, _spacing.default.s1, _vars.default.borderRadius);
+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; }
 
+const InputField = (0, _styledComponents.default)(_Input.default)`
+	border: 0 !important;
+	outline: 0;
+	padding: 0 !important;
+	vertical-align: middle;
+	padding-left: ${_spacing.default.s2} !important;
+	&:hover,
+	&:focus {
+		box-shadow: none;
+	}
+`;
+const Container = _styledComponents.default.div`
+	display: inline-block;
+	vertical-align: middle;
+	border: ${_vars.default.borderWidth} solid ${_colors.default.borderColor};
+	padding: ${_spacing.default.s1};
+	border-radius: ${_vars.default.borderRadius};
+	svg {
+		display: inline-block;
+		vertical-align: middle;
+	}
+`;
 Container.displayName = 'Container';
 InputField.displayName = 'Input';
 
-var InputWithIcon = function InputWithIcon(_ref) {
-  var Icon = _ref.Icon,
-      size = _ref.size,
-      rest = _objectWithoutPropertiesLoose(_ref, ["Icon", "size"]);
+const InputWithIcon = _ref => {
+  let {
+    Icon,
+    size
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["Icon", "size"]);
 
   return _react.default.createElement(Container, rest, _react.default.createElement(Icon, {
     size: size,

package/dist/components/InputWithUnit/index.js

@@ -15,91 +15,81 @@ var _colors = _interopRequireDefault(require("../../constants/colors"));
 
 var _spacing = _interopRequireDefault(require("../../constants/spacing"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+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; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || 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); }
 
-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; }
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n\t\t\tmargin-bottom: 0px !important;\n\t\t\tborder-bottom-left-radius: 0px;\n\t\t\tborder-color: ", " !important;\n\t\t"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\tborder-right: 0 !important;\n\tborder-bottom-right-radius: 0;\n\tborder-top-right-radius: 0;\n\tpadding-right: ", ";\n\twidth: 90px !important;\n\tposition: relative;\n\tz-index: 2;\n\tbox-shadow: none;\n\n\t", ";\n\n\t&:focus {\n\t\tbox-shadow: none;\n\t\tborder-color: ", " !important;\n\t}\n\n\t&:focus + ", " {\n\t\tborder-color: ", " !important;\n\t}\n\n\t&:disabled + ", " {\n\t\tcolor: ", ";\n\t\tborder-color: ", " !important;\n\t\tbackground-color: ", ";\n\t}\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\t\t\tmargin-bottom: 0px !important;\n\t\t\tborder-bottom-right-radius: 0px;\n\t\t\tborder-color: ", " !important;\n\t\t"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
+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; }
 
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tborder-left: 0 !important;\n\tborder-bottom-left-radius: 0;\n\tborder-top-left-radius: 0;\n\tpadding-left: 0;\n\tdisplay: inline-block;\n\tcolor: ", ";\n\twidth: auto !important;\n\tline-height: 2.5rem !important;\n\t", ";\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-block;\n\twhite-space: nowrap;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Label = _styledComponents.default.label(_templateObject());
+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; }
 
+const Label = _styledComponents.default.label`
+	display: inline-block;
+	white-space: nowrap;
+`;
 Label.displayName = 'Label';
-var Unit = (0, _styledComponents.default)(_Input.default.withComponent('span'))(_templateObject2(), _colors.default.borderColor, function (props) {
-  return props.invalid && (0, _styledComponents.css)(_templateObject3(), _colors.default.borderError);
-});
+const Unit = (0, _styledComponents.default)(_Input.default.withComponent('span'))`
+	border-left: 0 !important;
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	padding-left: 0;
+	display: inline-block;
+	color: ${_colors.default.borderColor};
+	width: auto !important;
+	line-height: 2.5rem !important;
+	${props => props.invalid && (0, _styledComponents.css)`
+			margin-bottom: 0px !important;
+			border-bottom-right-radius: 0px;
+			border-color: ${_colors.default.borderError} !important;
+		`};
+`;
 Unit.displayName = 'Unit';
-var InnerInput = (0, _styledComponents.default)(_Input.default)(_templateObject4(), _spacing.default.s1, function (props) {
-  return props.invalid && (0, _styledComponents.css)(_templateObject5(), _colors.default.borderError);
-}, function (props) {
-  return props.invalid ? _colors.default.borderError : _colors.default.borderFocus;
-}, Unit, function (props) {
-  return props.invalid ? _colors.default.borderError : _colors.default.borderFocus;
-}, Unit, _colors.default.disabled, _colors.default.disabledOutline, _colors.default.disabledBackground);
+const InnerInput = (0, _styledComponents.default)(_Input.default)`
+	border-right: 0 !important;
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	padding-right: ${_spacing.default.s1};
+	width: 90px !important;
+	position: relative;
+	z-index: 2;
+	box-shadow: none;
+
+	${props => props.invalid && (0, _styledComponents.css)`
+			margin-bottom: 0px !important;
+			border-bottom-left-radius: 0px;
+			border-color: ${_colors.default.borderError} !important;
+		`};
+
+	&:focus {
+		box-shadow: none;
+		border-color: ${props => props.invalid ? _colors.default.borderError : _colors.default.borderFocus} !important;
+	}
+
+	&:focus + ${Unit} {
+		border-color: ${props => props.invalid ? _colors.default.borderError : _colors.default.borderFocus} !important;
+	}
+
+	&:disabled + ${Unit} {
+		color: ${_colors.default.disabled};
+		border-color: ${_colors.default.disabledOutline} !important;
+		background-color: ${_colors.default.disabledBackground};
+	}
+`;
 InnerInput.displayName = 'InnerInput';
 
-var InputWithUnit = function InputWithUnit(_ref) {
-  var unit = _ref.unit,
-      className = _ref.className,
-      gaAction = _ref.gaAction,
-      gaTrackValue = _ref.gaTrackValue,
-      invalid = _ref.invalid,
-      props = _objectWithoutPropertiesLoose(_ref, ["unit", "className", "gaAction", "gaTrackValue", "invalid"]);
+const InputWithUnit = _ref => {
+  let {
+    unit,
+    className,
+    gaAction,
+    gaTrackValue,
+    invalid
+  } = _ref,
+      props = _objectWithoutProperties(_ref, ["unit", "className", "gaAction", "gaTrackValue", "invalid"]);
 
   return _react.default.createElement(Label, {
     className: className,

package/dist/components/Label/index.js

@@ -9,20 +9,15 @@ var _colors = _interopRequireDefault(require("../../constants/colors"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0;\n\n\t.helper {\n\t\tdisplay: block;\n\t\tfont-size: small;\n\t\tcolor: ", ";\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Label = _styledComponents.default.label(_templateObject(), _colors.default.mutedTextColor);
-
+const Label = _styledComponents.default.label`
+	margin: 0;
+
+	.helper {
+		display: block;
+		font-size: small;
+		color: ${_colors.default.mutedTextColor};
+	}
+`;
 Label.displayName = 'Label';
 /* @component */
 

package/dist/components/Legend/index.js

@@ -7,20 +7,11 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tfont-size: 1.25rem;\n\tmargin: 0;\n\tpadding: 0;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Legend = _styledComponents.default.legend(_templateObject());
-
+const Legend = _styledComponents.default.legend`
+	font-size: 1.25rem;
+	margin: 0;
+	padding: 0;
+`;
 Legend.displayName = 'Legend';
 /* @component */
 

package/dist/components/LinkButton/index.js

@@ -11,26 +11,35 @@ var _propTypes = require("prop-types");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tbackground: none;\n\tborder: none;\n\tcolor: ", ";\n\tcursor: pointer;\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: left;\n\tvertical-align: text-top !important;\n\tfont-family: 'galano', sans-serif;\n\n\t&:hover {\n\t\tbackground: none;\n\t\tborder: none;\n\t\tcolor: ", ";\n\t\ttext-decoration: none;\n\t}\n\n\t&:focus {\n\t\tcolor: ", ";\n\t\ttext-decoration: underline;\n\t}\n\n\t&:disabled {\n\t\tbackground-color: transparent !important;\n\t\tcolor: ", " !important;\n\t\ttext-decoration: none;\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var LinkButton = _styledComponents.default.button(_templateObject(), function (props) {
-  return props.color === 'secondary' ? _colors.default.secondary : _colors.default.link;
-}, function (props) {
-  return props.color === 'secondary' ? _colors.default.secondaryDark : _colors.default.linkHover;
-}, function (props) {
-  return props.color === 'secondary' ? _colors.default.secondaryDark : _colors.default.linkFocus;
-}, _colors.default.linkDisabled);
-
+const LinkButton = _styledComponents.default.button`
+	background: none;
+	border: none;
+	color: ${props => props.color === 'secondary' ? _colors.default.secondary : _colors.default.link};
+	cursor: pointer;
+	margin: 0;
+	padding: 0;
+	text-align: left;
+	vertical-align: text-top !important;
+	font-family: 'galano', sans-serif;
+
+	&:hover {
+		background: none;
+		border: none;
+		color: ${props => props.color === 'secondary' ? _colors.default.secondaryDark : _colors.default.linkHover};
+		text-decoration: none;
+	}
+
+	&:focus {
+		color: ${props => props.color === 'secondary' ? _colors.default.secondaryDark : _colors.default.linkFocus};
+		text-decoration: underline;
+	}
+
+	&:disabled {
+		background-color: transparent !important;
+		color: ${_colors.default.linkDisabled} !important;
+		text-decoration: none;
+	}
+`;
 LinkButton.displayName = 'LinkButton';
 LinkButton.defaultProps = {
   color: 'primary'

package/dist/components/Lists/DL/DD/index.js

@@ -7,20 +7,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var DD = _styledComponents.default.dd(_templateObject());
-
+const DD = _styledComponents.default.dd`
+	margin: 0;
+`;
 DD.displayName = 'DD';
 /* @component */
 

package/dist/components/Lists/DL/DT/index.js

@@ -7,20 +7,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tfont-family: 'galano-bold', galano, sans-serif;\n\tfont-weight: bold;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var DT = _styledComponents.default.dt(_templateObject());
-
+const DT = _styledComponents.default.dt`
+	font-family: 'galano-bold', galano, sans-serif;
+	font-weight: bold;
+`;
 DT.displayName = 'DT';
 /* @component */
 

package/dist/components/Lists/DL/index.js

@@ -7,20 +7,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: 1rem 0 0;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var DL = _styledComponents.default.dl(_templateObject());
-
+const DL = _styledComponents.default.dl`
+	margin: 1rem 0 0;
+`;
 DL.displayName = 'DL';
 /* @component */
 

package/dist/components/Lists/LI/index.js

@@ -7,20 +7,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var LI = _styledComponents.default.li(_templateObject());
-
+const LI = _styledComponents.default.li`
+	margin: 0;
+`;
 LI.displayName = 'LI';
 /* @component */
 

package/dist/components/Lists/OL/index.js

@@ -7,20 +7,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var OL = _styledComponents.default.ol(_templateObject());
-
+const OL = _styledComponents.default.ol`
+	margin: 0;
+`;
 OL.displayName = 'OL';
 /* @component */
 

package/dist/components/Lists/UL/index.js

@@ -7,20 +7,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var UL = _styledComponents.default.ul(_templateObject());
-
+const UL = _styledComponents.default.ul`
+	margin: 0;
+`;
 UL.displayName = 'UL';
 /* @component */
 

package/dist/components/LoadingContainer/index.js

@@ -19,36 +19,35 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || 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); }
 
-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; }
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\t", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+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; }
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var LoaderSize = '50px';
-
-var Container = _styledComponents.default.div(_templateObject(), function (props) {
-  return props.isLoading && "\n\t\tbackground-color: white;\n\t\ttext-align: center;\n\t\tdisplay: flex;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tmin-height: " + LoaderSize + ";\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t";
-});
+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; }
 
+const LoaderSize = '50px';
+const Container = _styledComponents.default.div`
+	${props => props.isLoading && `
+		background-color: white;
+		text-align: center;
+		display: flex;
+		height: 100%;
+		width: 100%;
+		min-height: ${LoaderSize};
+		align-items: center;
+		justify-content: center;
+	`};
+`;
 Container.displayName = 'Container';
 
-var LoadingContainer = function LoadingContainer(_ref) {
-  var loading = _ref.loading,
-      error = _ref.error,
-      fullPage = _ref.fullPage,
-      children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["loading", "error", "fullPage", "children"]);
+const LoadingContainer = _ref => {
+  let {
+    loading,
+    error,
+    fullPage,
+    children
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["loading", "error", "fullPage", "children"]);
 
-  var Loader = fullPage ? _PageLoader.default : _InlineLoader.default;
+  const Loader = fullPage ? _PageLoader.default : _InlineLoader.default;
   return _react.default.createElement(Container, _extends({
     isLoading: loading,
     error: error

package/dist/components/Modal/ModalBody/index.js

@@ -9,22 +9,9 @@ var _spacing = _interopRequireDefault(require("../../../constants/spacing"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tpadding: ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var ModalBody = _styledComponents.default.div(_templateObject(), function (props) {
-  return props.noPadding ? '0px' : _spacing.default.s2;
-});
-
+const ModalBody = _styledComponents.default.div`
+	padding: ${props => props.noPadding ? '0px' : _spacing.default.s2};
+`;
 ModalBody.displayName = 'ModalBody';
 /* @component */