bright-components 9.33.0 → 10.0.0

package/.babelrc

@@ -20,7 +20,7 @@
 			"@babel/preset-env",
 			{
 				"targets": {
-					"browsers": ["last 2 versions", "IE 10"]
+					"browsers": ["last 2 versions", "not dead and > 0.2%", "not ie <= 11"]
 				},
 				"loose": true
 			}

package/dist/animations/SlideUp/index.js

@@ -13,30 +13,42 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 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 _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tposition: fixed;\n\n\t&.", "-enter-active {\n\t\tbottom: -200px;\n\t\ttransform: translateY(-200px);\n\t\ttransition: transform 200ms;\n\t}\n\n\t&.", "-enter-done {\n\t\tbottom: 0;\n\t}\n\n\t&.", "-exit-active {\n\t\tbottom: 0;\n\t\ttransform: translateY(600px);\n\t\ttransition: transform 800ms;\n\t}\n\n\t&.", "-exit-done {\n\t\tbottom: -200px;\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 animationName = 'slideIn';
-
-var SlideUpAnimation = _styledComponents.default.section(_templateObject(), animationName, animationName, animationName, animationName);
+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 animationName = 'slideIn';
+const SlideUpAnimation = _styledComponents.default.section`
+	position: fixed;
+
+	&.${animationName}-enter-active {
+		bottom: -200px;
+		transform: translateY(-200px);
+		transition: transform 200ms;
+	}
+
+	&.${animationName}-enter-done {
+		bottom: 0;
+	}
+
+	&.${animationName}-exit-active {
+		bottom: 0;
+		transform: translateY(600px);
+		transition: transform 800ms;
+	}
+
+	&.${animationName}-exit-done {
+		bottom: -200px;
+	}
+`;
 SlideUpAnimation.displayName = 'SlideUpAnimation';
 
-var SlideUp = function SlideUp(_ref) {
-  var children = _ref.children,
-      visible = _ref.visible,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "visible"]);
+const SlideUp = _ref => {
+  let {
+    children,
+    visible
+  } = _ref,
+      props = _objectWithoutProperties(_ref, ["children", "visible"]);
 
   return _react.default.createElement(_reactTransitionGroup.CSSTransition, {
     in: visible,

package/dist/components/A/index.js

@@ -9,20 +9,24 @@ var _colors = _interopRequireDefault(require("../../constants/colors"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n\ttext-decoration: none;\n\tfont-family: galano, sans-serif;\n\tfont-weight: normal;\n\n\t&:hover {\n\t\tcolor: ", ";\n\t\ttext-decoration: none;\n\t}\n\t&:focus {\n\t\tcolor: ", " !important;\n\t\ttext-decoration: underline;\n\t}\n\t&:active {\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 A = _styledComponents.default.a(_templateObject(), _colors.default.link, _colors.default.linkHover, _colors.default.linkFocus, _colors.default.linkActive);
-
+const A = _styledComponents.default.a`
+	color: ${_colors.default.link};
+	text-decoration: none;
+	font-family: galano, sans-serif;
+	font-weight: normal;
+
+	&:hover {
+		color: ${_colors.default.linkHover};
+		text-decoration: none;
+	}
+	&:focus {
+		color: ${_colors.default.linkFocus} !important;
+		text-decoration: underline;
+	}
+	&:active {
+		color: ${_colors.default.linkActive};
+	}
+`;
 A.displayName = 'A';
 /* @component */
 

package/dist/components/Alert/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.themes = void 0;
+exports.themes = exports.default = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -13,64 +13,31 @@ var _vars = _interopRequireDefault(require("../../constants/vars"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-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 _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\tborder-radius: ", ";\n\tpadding: 0.5rem;\n\t", ";\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\t\tbackground-color: ", ";\n\t\tcolor: white;\n\t"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var theme = {
-  default: (0, _styledComponents.css)(_templateObject(), _colors.default.greyLight, _colors.default.textColor),
-  warning: (0, _styledComponents.css)(_templateObject2(), _colors.default.error),
-  success: (0, _styledComponents.css)(_templateObject3(), _colors.default.success, _colors.default.textColor)
+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, 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; }
+
+const theme = {
+  default: (0, _styledComponents.css)`
+		background-color: ${_colors.default.greyLight};
+		color: ${_colors.default.textColor};
+	`,
+  warning: (0, _styledComponents.css)`
+		background-color: ${_colors.default.error};
+		color: white;
+	`,
+  success: (0, _styledComponents.css)`
+		background-color: ${_colors.default.success};
+		color: ${_colors.default.textColor};
+	`
 };
-
-var Alert = _styledComponents.default.div(_templateObject4(), _vars.default.borderRadius, function (props) {
-  return theme[props.type];
-});
-
+const Alert = _styledComponents.default.div`
+	border-radius: ${_vars.default.borderRadius};
+	padding: 0.5rem;
+	${props => theme[props.type]};
+`;
 Alert.displayName = 'Alert';
-var themes = {
+const themes = {
   default: 'default',
   warning: 'warning',
   success: 'success'

package/dist/components/Avatar/index.js

@@ -17,50 +17,45 @@ 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\tbackground-color: ", ";\n\theight: ", "px;\n\twidth: ", "px;\n\tflex: 0 0 ", "px;\n\tmax-width: ", "px;\n\tborder-radius: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-size: ", "em;\n\tcolor: ", ";\n\tobject-fit: cover;\n\tobject-position: center center;\n"]);
-
-  _templateObject = function _templateObject() {
-    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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var CustomIcon = _styledComponents.default.img(_templateObject(), _colors.default.primary, function (props) {
-  return props.iconSize;
-}, function (props) {
-  return props.iconSize;
-}, function (props) {
-  return props.iconSize;
-}, function (props) {
-  return props.iconSize;
-}, function (props) {
-  return props.fontSize;
-}, _colors.default.white);
+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 CustomIcon = _styledComponents.default.img`
+	background-color: ${_colors.default.primary};
+	height: ${props => props.iconSize}px;
+	width: ${props => props.iconSize}px;
+	flex: 0 0 ${props => props.iconSize}px;
+	max-width: ${props => props.iconSize}px;
+	border-radius: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: ${props => props.fontSize}em;
+	color: ${_colors.default.white};
+	object-fit: cover;
+	object-position: center center;
+`;
 CustomIcon.displayName = 'CustomIcon';
-var DefaultIcon = CustomIcon.withComponent('div');
+const DefaultIcon = CustomIcon.withComponent('div');
 DefaultIcon.displayName = 'DefaultIcon';
 
-var Avatar = function Avatar(_ref) {
-  var employeeName = _ref.employeeName,
-      employeeImageHref = _ref.employeeImageHref,
-      iconSize = _ref.iconSize,
-      fontSize = _ref.fontSize,
-      rest = _objectWithoutPropertiesLoose(_ref, ["employeeName", "employeeImageHref", "iconSize", "fontSize"]);
+const Avatar = _ref => {
+  let {
+    employeeName,
+    employeeImageHref,
+    iconSize,
+    fontSize
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["employeeName", "employeeImageHref", "iconSize", "fontSize"]);
 
-  var acronym = (0, _getAcronym.default)(employeeName);
+  const acronym = (0, _getAcronym.default)(employeeName);
   return employeeImageHref ? _react.default.createElement(CustomIcon, _extends({}, rest, {
     iconSize: iconSize,
     fontSize: fontSize,
     src: employeeImageHref,
-    title: employeeName + "'s profile picture",
-    alt: employeeName + "'s profile picture"
+    title: `${employeeName}'s profile picture`,
+    alt: `${employeeName}'s profile picture`
   })) : _react.default.createElement(DefaultIcon, _extends({}, rest, {
     iconSize: iconSize,
     fontSize: fontSize

package/dist/components/Avatar/utils/getAcronym/index.js

@@ -3,10 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var getAcronym = function getAcronym(name) {
-  var acronymChars = name.split(' ').map(function (str) {
-    return str.match(/[A-Za-z]/);
-  });
+const getAcronym = name => {
+  const acronymChars = name.split(' ').map(str => str.match(/[A-Za-z]/));
   return acronymChars.slice(0, 3).join('').toUpperCase();
 };
 

package/dist/components/Badge/index.js

@@ -15,31 +15,25 @@ var _vars = _interopRequireDefault(require("../../constants/vars"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-block;\n\tfont-family: 'galano-bold', 'galano', sans-serif;\n\tfont-weight: bold;\n\tcolor: #fff;\n\tbackground-color: ", ";\n\tpadding: 0 ", ";\n\tline-height: 1.5;\n\tborder-radius: ", ";\n\ttext-align: center;\n\tborder: 0;\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 colors = {
+const colors = {
   primary: 'primary',
   secondary: 'secondary',
   grey: 'grey'
 };
 exports.colors = colors;
-
-var Badge = _styledComponents.default.span(_templateObject(), function (props) {
-  return _colors2.default[props.color];
-}, _spacing.default.s1, _vars.default.borderRadius, function (props) {
-  return props.onClick && 'cursor: pointer';
-});
-
+const Badge = _styledComponents.default.span`
+	display: inline-block;
+	font-family: 'galano-bold', 'galano', sans-serif;
+	font-weight: bold;
+	color: #fff;
+	background-color: ${props => _colors2.default[props.color]};
+	padding: 0 ${_spacing.default.s1};
+	line-height: 1.5;
+	border-radius: ${_vars.default.borderRadius};
+	text-align: center;
+	border: 0;
+	${props => props.onClick && 'cursor: pointer'};
+`;
 Badge.displayName = 'Badge';
 Badge.defaultProps = {
   color: 'secondary'

package/dist/components/Breadcrumbs/index.js

@@ -15,43 +15,39 @@ var _spacing = _interopRequireDefault(require("../../constants/spacing"));
 
 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\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-block;\n\tcursor: pointer;\n\t&:after {\n\t\tdisplay: inline-block;\n\t\tmargin: 0 ", ";\n\t\tcontent: '/';\n\t\tcolor: ", ";\n\t}\n\n\t&:last-child:after {\n\t\tdisplay: none;\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Crumb = _styledComponents.default.li(_templateObject(), _spacing.default.s1, _colors.default.grey);
+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 Crumb = _styledComponents.default.li`
+	display: inline-block;
+	cursor: pointer;
+	&:after {
+		display: inline-block;
+		margin: 0 ${_spacing.default.s1};
+		content: '/';
+		color: ${_colors.default.grey};
+	}
+
+	&:last-child:after {
+		display: none;
+	}
+`;
 Crumb.displayName = 'Crumb';
-
-var Crumbs = _styledComponents.default.ul(_templateObject2());
-
+const Crumbs = _styledComponents.default.ul`
+	list-style: none;
+	margin: 0;
+	padding: 0;
+`;
 Crumbs.displayName = 'Crumbs';
 
-var Breadcrumbs = function Breadcrumbs(_ref) {
-  var crumbs = _ref.crumbs,
-      _onClick = _ref.onClick,
-      Icon = _ref.Icon,
-      rest = _objectWithoutPropertiesLoose(_ref, ["crumbs", "onClick", "Icon"]);
+const Breadcrumbs = _ref => {
+  let {
+    crumbs,
+    onClick,
+    Icon
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["crumbs", "onClick", "Icon"]);
 
   return _react.default.createElement(Crumbs, rest, Icon && _react.default.createElement(Icon, {
     size: 20,
@@ -59,14 +55,10 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     style: {
       marginRight: '10px!important'
     }
-  }), crumbs.map(function (crumb, i) {
-    return _react.default.createElement(Crumb, {
-      key: crumb.link,
-      onClick: function onClick() {
-        return i === crumbs.length - 1 ? null : _onClick(crumb.link);
-      }
-    }, crumb.name);
-  }));
+  }), crumbs.map((crumb, i) => _react.default.createElement(Crumb, {
+    key: crumb.link,
+    onClick: () => i === crumbs.length - 1 ? null : onClick(crumb.link)
+  }, crumb.name)));
 };
 
 Breadcrumbs.displayName = 'Breadcrumbs';
@@ -80,7 +72,7 @@ Breadcrumbs.propTypes = {
 };
 Breadcrumbs.defaultProps = {
   Icon: false,
-  onClick: function onClick() {}
+  onClick: () => {}
 };
 var _default = Breadcrumbs;
 exports.default = _default;

package/dist/components/BrowserWarning/index.js

@@ -19,56 +19,58 @@ var _supportsStaticImport = _interopRequireDefault(require("./supportsStaticImpo
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tfont-weight: bold;\n\tmargin: ", ";\n\tfont-size: 2rem;\n\tline-height: 1;\n\tfont-family: monospace;\n\tbackground: transparent;\n\tborder: none;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tcolor: #fff;\n\t}\n"]);
+const Container = _styledComponents.default.div`
+	position: relative;
+	text-align: center;
+	background-color: ${_colors.default.warning};
+	padding: ${_spacing.default.s2} ${_spacing.default.s6};
 
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\ttext-align: center;\n\tbackground-color: ", ";\n\tpadding: ", " ", ";\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\t", " {\n\t\tmargin-top: ", ";\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 Container = _styledComponents.default.div(_templateObject(), _colors.default.warning, _spacing.default.s2, _spacing.default.s6, _Button.default, _spacing.default.s2);
+	p {
+		margin: 0;
+	}
 
+	${_Button.default} {
+		margin-top: ${_spacing.default.s2};
+	}
+`;
 Container.displayName = 'Container';
-
-var CloseBtn = _styledComponents.default.button(_templateObject2(), _spacing.default.s1);
-
+const CloseBtn = _styledComponents.default.button`
+	position: absolute;
+	top: 0;
+	right: 0;
+	font-weight: bold;
+	margin: ${_spacing.default.s1};
+	font-size: 2rem;
+	line-height: 1;
+	font-family: monospace;
+	background: transparent;
+	border: none;
+	cursor: pointer;
+
+	&:hover {
+		color: #fff;
+	}
+`;
 CloseBtn.displayName = 'CloseBtn';
 
-var BrowserWarning = function BrowserWarning(_ref) {
-  var children = _ref.children,
-      allowDismiss = _ref.allowDismiss;
-
-  var _useState = (0, _react.useState)(false),
-      showWarning = _useState[0],
-      setShowWarning = _useState[1];
-
-  (0, _react.useLayoutEffect)(function () {
+const BrowserWarning = _ref => {
+  let {
+    children,
+    allowDismiss
+  } = _ref;
+  const [showWarning, setShowWarning] = (0, _react.useState)(false);
+  (0, _react.useLayoutEffect)(() => {
     setShowWarning(window.sessionStorage.getItem('browser-warning-dismissed') ? false : !(0, _supportsStaticImport.default)());
   }, []);
   if (!showWarning) return null;
   return _react.default.createElement(Container, null, allowDismiss && _react.default.createElement(CloseBtn, {
     type: "button",
     "aria-label": "Dismiss",
-    onClick: function onClick() {
+    onClick: () => {
       setShowWarning(false);
       window.sessionStorage.setItem('browser-warning-dismissed', true);
     }

package/dist/components/BrowserWarning/supportsStaticImport.js

@@ -5,7 +5,7 @@ exports.default = void 0;
 
 // https://caniuse.com/es6-module
 function supportsStaticImport() {
-  var script = document.createElement('script');
+  const script = document.createElement('script');
   return 'noModule' in script;
 }
 

package/dist/components/BulletedList/index.js

@@ -11,47 +11,31 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 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\tpadding-left: 0;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tbackground: url(\"data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='5' cy='5' r='5' fill='%233DB0F7'/%3e%3c/svg%3e\")\n\t\tleft center no-repeat;\n\tpadding-left: 2rem;\n"]);
-
-  _templateObject = function _templateObject() {
-    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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var LI = _styledComponents.default.li(_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 LI = _styledComponents.default.li`
+	list-style: none;
+	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='5' cy='5' r='5' fill='%233DB0F7'/%3e%3c/svg%3e")
+		left center no-repeat;
+	padding-left: 2rem;
+`;
 LI.displayName = 'LI';
-
-var UL = _styledComponents.default.ul(_templateObject2());
-
+const UL = _styledComponents.default.ul`
+	padding-left: 0;
+`;
 UL.displayName = 'UL';
 
-var BulletedList = function BulletedList(_ref) {
-  var items = _ref.items,
-      rest = _objectWithoutPropertiesLoose(_ref, ["items"]);
+const BulletedList = _ref => {
+  let {
+    items
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["items"]);
 
-  return _react.default.createElement(UL, rest, items.map(function (item) {
-    return _react.default.createElement(LI, {
-      key: item
-    }, item);
-  }));
+  return _react.default.createElement(UL, rest, items.map(item => _react.default.createElement(LI, {
+    key: item
+  }, item)));
 };
 
 BulletedList.displayName = 'BulletedList';