bright-components 9.33.0 → 10.0.0

package/dist/components/Snackbar/index.js

@@ -29,196 +29,148 @@ 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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-left: ", ";\n\t", ";\n"]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteralLoose(["\n\t", ";\n"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-left: ", ";\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\talign-items: center;\n\tpadding-left: ", ";\n\tmargin-top: ", ";\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-top: ", ";\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\twidth: 100%;\n\talign-items: center;\n\tflex-wrap: wrap;\n\tmargin-top: -", ";\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tbackground: ", ";\n\tcolor: ", ";\n\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex-wrap: no-wrap;\n\n\tpadding: 0.75rem;\n\tborder-radius: 2px;\n\tfont-size: 0.875rem;\n\tbox-shadow: 0px 2px 4px hsla(0, 0%, 0%, 0.25);\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; }
 
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tleft: 0;\n\tbottom: 0;\n\tmin-width: 300px;\n\tmax-width: 600px;\n\tmargin: 0.5rem;\n\tz-index: ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+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; }
 
-var typeColours = {
+const typeColours = {
   basic: _colors.default.snackbar.BASIC,
   information: _colors.default.snackbar.INFORMATION,
   success: _colors.default.snackbar.SUCCESS,
   error: _colors.default.snackbar.ERROR
 };
-var SlideUpLeft = (0, _styledComponents.default)(_SlideUp.default)(_templateObject(), _zIndex.default.OVERLAY);
+const SlideUpLeft = (0, _styledComponents.default)(_SlideUp.default)`
+	left: 0;
+	bottom: 0;
+	min-width: 300px;
+	max-width: 600px;
+	margin: 0.5rem;
+	z-index: ${_zIndex.default.OVERLAY};
+`;
 SlideUpLeft.displayName = 'SlideUpLeft';
-
-var SnackWrapper = _styledComponents.default.div(_templateObject2(), function (props) {
-  return typeColours[props.type];
-}, function (props) {
-  return props.type === 'basic' ? '#333' : '#FFF';
-});
-
+const SnackWrapper = _styledComponents.default.div`
+	background: ${props => typeColours[props.type]};
+	color: ${props => props.type === 'basic' ? '#333' : '#FFF'};
+
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: no-wrap;
+
+	padding: 0.75rem;
+	border-radius: 2px;
+	font-size: 0.875rem;
+	box-shadow: 0px 2px 4px hsla(0, 0%, 0%, 0.25);
+`;
 SnackWrapper.displayName = 'SnackWrapper';
-
-var ContentWrapper = _styledComponents.default.div(_templateObject3(), _spacing.default.s2);
-
+const ContentWrapper = _styledComponents.default.div`
+	display: flex;
+	width: 100%;
+	align-items: center;
+	flex-wrap: wrap;
+	margin-top: -${_spacing.default.s2};
+`;
 ContentWrapper.displayName = 'ContentWrapper';
-
-var Content = _styledComponents.default.div(_templateObject4(), _spacing.default.s2);
-
+const Content = _styledComponents.default.div`
+	margin-top: ${_spacing.default.s2};
+`;
 Content.displayName = 'Content';
-
-var ActionWrapper = _styledComponents.default.div(_templateObject5(), _spacing.default.s3, _spacing.default.s2);
-
+const ActionWrapper = _styledComponents.default.div`
+	display: flex;
+	margin-left: auto;
+	align-items: center;
+	padding-left: ${_spacing.default.s3};
+	margin-top: ${_spacing.default.s2};
+`;
 ActionWrapper.displayName = 'ActionWrapper';
-
-var Actions = _styledComponents.default.div(_templateObject6(), _spacing.default.s1);
-
+const Actions = _styledComponents.default.div`
+	margin-left: ${_spacing.default.s1};
+`;
 Actions.displayName = 'Action';
-var ToastBrandButton = (0, _styledComponents.default)(_BrandButton.default)(_templateObject7(), function (props) {
-  return props.type !== 'basic' && "\n\t\t\tcolor: " + typeColours[props.type] + ";\n\t\t\tbackground-color: white;\n\t\t\tborder-color: transparent;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: " + typeColours[props.type] + ";\n\t\t\t\t\tbackground-color: white;\n\t\t\t\t\tborder-color: transparent;\n\t\t\t\t}\n\n\t\t";
-});
+const ToastBrandButton = (0, _styledComponents.default)(_BrandButton.default)`
+	${props => props.type !== 'basic' && `
+			color: ${typeColours[props.type]};
+			background-color: white;
+			border-color: transparent;
+
+				&:hover {
+					color: ${typeColours[props.type]};
+					background-color: white;
+					border-color: transparent;
+				}
+
+		`};
+`;
 ToastBrandButton.displayName = 'ToastBrandButton';
-var ToastOutlineButton = (0, _styledComponents.default)(_OutlineButton.default)(_templateObject8(), _spacing.default.s1, function (props) {
-  return props.type !== 'basic' && "\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: white;\n\t\t\tborder-color: white;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tborder-color: white;\n\t\t\t}\n\t";
-});
+const ToastOutlineButton = (0, _styledComponents.default)(_OutlineButton.default)`
+	margin-left: ${_spacing.default.s1};
+	${props => props.type !== 'basic' && `
+			background-color: transparent;
+			color: white;
+			border-color: white;
+
+			&:hover {
+				background-color: transparent;
+				border-color: white;
+			}
+	`};
+`;
 ToastOutlineButton.displayName = 'ToastOutlineButton';
-var delays = {
+const delays = {
   short: 3000,
   medium: 7500,
   long: 10000
 };
 
-var Snackbar =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(Snackbar, _React$Component);
-
-  function Snackbar(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    (0, _reactAutobind.default)(_assertThisInitialized(_this));
-    _this.timer = null;
-    return _this;
+class Snackbar extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _reactAutobind.default)(this);
+    this.timer = null;
   }
 
-  var _proto = Snackbar.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
+  componentDidMount() {
     if (this.props.visible) {
       this.hideAfterDelay();
     }
-  };
+  }
 
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+  componentDidUpdate(prevProps) {
     if (!prevProps.visible && this.props.visible) {
       this.hideAfterDelay();
     }
-  };
+  }
 
-  _proto.componentWillUnmount = function componentWillUnmount() {
+  componentWillUnmount() {
     window.clearTimeout(this.timer);
-  };
+  }
 
-  _proto.hideAfterDelay = function hideAfterDelay() {
-    var _this$props = this.props,
-        displayTime = _this$props.displayTime,
-        onClose = _this$props.onClose;
+  hideAfterDelay() {
+    const {
+      displayTime,
+      onClose
+    } = this.props;
 
     if (displayTime !== 'persistent') {
-      var delay = delays[displayTime];
-      this.timer = window.setTimeout(function () {
+      const delay = delays[displayTime];
+      this.timer = window.setTimeout(() => {
         onClose();
       }, delay);
     }
-  };
-
-  _proto.render = function render() {
-    var _this$props2 = this.props,
-        visible = _this$props2.visible,
-        children = _this$props2.children,
-        onClose = _this$props2.onClose,
-        hideClose = _this$props2.hideClose,
-        action = _this$props2.action,
-        onAction = _this$props2.onAction,
-        displayTime = _this$props2.displayTime,
-        type = _this$props2.type,
-        rest = _objectWithoutPropertiesLoose(_this$props2, ["visible", "children", "onClose", "hideClose", "action", "onAction", "displayTime", "type"]);
+  }
+
+  render() {
+    const _this$props = this.props,
+          {
+      visible,
+      children,
+      onClose,
+      hideClose,
+      action,
+      onAction,
+      displayTime,
+      type
+    } = _this$props,
+          rest = _objectWithoutProperties(_this$props, ["visible", "children", "onClose", "hideClose", "action", "onAction", "displayTime", "type"]);
 
     return (0, _reactDom.createPortal)(_react.default.createElement(SlideUpLeft, _extends({
       visible: visible
@@ -229,7 +181,7 @@ function (_React$Component) {
       hideClose: hideClose
     }, children), _react.default.createElement(ActionWrapper, null, _react.default.createElement(Actions, null, onAction && _react.default.createElement(ToastBrandButton, {
       type: type,
-      onClick: function onClick() {
+      onClick: () => {
         onAction();
         onClose();
       }
@@ -237,10 +189,9 @@ function (_React$Component) {
       type: type,
       onClick: onClose
     }, "Dismiss")))))), document.body);
-  };
+  }
 
-  return Snackbar;
-}(_react.default.Component);
+}
 
 Snackbar.displayName = 'Snackbar';
 Snackbar.propTypes = {

package/dist/components/StatusBadge/index.js

@@ -15,33 +15,29 @@ 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\tdiv {\n\t\tfont-size: 12px;\n\t\tletter-spacing: 0.05em;\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 Status = _styledComponents.default.span(_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 Status = _styledComponents.default.span`
+	div {
+		font-size: 12px;
+		letter-spacing: 0.05em;
+	}
+`;
 Status.displayName = 'StatusBadge';
 
-var StatusBadge = function StatusBadge(_ref) {
-  var statusType = _ref.statusType,
-      children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["statusType", "children"]);
+const StatusBadge = _ref => {
+  let {
+    statusType,
+    children
+  } = _ref,
+      props = _objectWithoutProperties(_ref, ["statusType", "children"]);
 
   return _react.default.createElement(Status, props, _react.default.createElement(_Pill.default, {
     "data-testid": "pill",
     color: _colors.default[statusType],
-    backgroundColor: _colors.default[statusType + "Background"]
+    backgroundColor: _colors.default[`${statusType}Background`]
   }, children));
 };
 

package/dist/components/Styleguide/ConstantsList/index.js

@@ -11,113 +11,65 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _vars = _interopRequireDefault(require("../../../constants/vars"));
 
-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 _templateObject6() {
-  var data = _taggedTemplateLiteralLoose([""]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n\tfont-weight: bold;\n\tfont-family: ", ";\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\t\t\tbackground-color: ", ";\n\t\t\tborder: 2px solid black;\n\t\t\tcolor: white;\n\t\t\ttext-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black,\n\t\t\t\t1px 1px 0 black;\n\t\t"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\tpadding: 10px;\n\tmargin: 10px;\n\t", ";\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tflex-basis: 100%;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    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 _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\twidth: 100%;\n\tmargin: 0 20px;\n\tfont-family: ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var DefinitionList = _styledComponents.default.dl(_templateObject(), _vars.default.fontStackNormal);
+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 DefinitionList = _styledComponents.default.dl`
+	display: flex;
+	flex-wrap: wrap;
+	width: 100%;
+	margin: 0 20px;
+	font-family: ${_vars.default.fontStackNormal};
+`;
 DefinitionList.displayName = DefinitionList;
-
-var Heading = _styledComponents.default.h3(_templateObject2());
-
+const Heading = _styledComponents.default.h3`
+	flex-basis: 100%;
+`;
 Heading.displayName = 'Heading';
-
-var Definition = _styledComponents.default.div(_templateObject3(), function (props) {
-  return props.color && (0, _styledComponents.css)(_templateObject4(), props.color);
-});
-
+const Definition = _styledComponents.default.div`
+	padding: 10px;
+	margin: 10px;
+	${props => props.color && (0, _styledComponents.css)`
+			background-color: ${props.color};
+			border: 2px solid black;
+			color: white;
+			text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black,
+				1px 1px 0 black;
+		`};
+`;
 Definition.displayName = 'Definition';
-
-var Term = _styledComponents.default.dt(_templateObject5(), _vars.default.fontStackBold);
-
+const Term = _styledComponents.default.dt`
+	font-weight: bold;
+	font-family: ${_vars.default.fontStackBold};
+`;
 Term.displayName = 'Term';
-
-var Description = _styledComponents.default.dd(_templateObject6());
-
+const Description = _styledComponents.default.dd``;
 Description.displayName = 'Description';
 
-var ConstantsList = function ConstantsList(_ref) {
-  var constants = _ref.constants,
-      heading = _ref.heading,
-      mode = _ref.mode,
-      other = _objectWithoutPropertiesLoose(_ref, ["constants", "heading", "mode"]);
+const ConstantsList = _ref => {
+  let {
+    constants,
+    heading,
+    mode
+  } = _ref,
+      other = _objectWithoutProperties(_ref, ["constants", "heading", "mode"]);
 
   return _react.default.createElement(DefinitionList, _extends({
     "data-testid": heading
   }, other), heading && _react.default.createElement(Heading, {
     "data-testid": "heading"
-  }, heading), Object.keys(constants).map(function (k) {
-    var v = constants[k];
-    var key = k + "-" + v;
+  }, heading), Object.keys(constants).map(k => {
+    const v = constants[k];
+    const key = `${k}-${v}`;
 
     if (typeof v === 'object') {
       return _react.default.createElement(ConstantsList, {