@redsift/design-system 5.0.2 → 5.1.0

package/dist/icons/OnDmarcLogo.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,65 +13,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #333;\n"]);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
+var RedPolygon = _styledComponents["default"].polygon(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #e01010;\n"])));
 
-  return data;
-}
+var RedPath = _styledComponents["default"].path(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #e01010;\n"])));
 
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #02ac61;\n"]);
+var ByText = _styledComponents["default"].text(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #333;\n  font-size: 14.94px;\n  font-family: Electrolize, sans-serif;\n"])));
 
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
+var GreenPath = _styledComponents["default"].path(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #02ac61;\n"])));
 
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #333;\n  font-size: 14.94px;\n  font-family: Electrolize, sans-serif;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #e01010;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #e01010;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var RedPolygon = _styledComponents["default"].polygon(_templateObject());
-
-var RedPath = _styledComponents["default"].path(_templateObject2());
-
-var ByText = _styledComponents["default"].text(_templateObject3());
-
-var GreenPath = _styledComponents["default"].path(_templateObject4());
-
-var BlackPath = _styledComponents["default"].path(_templateObject5());
+var BlackPath = _styledComponents["default"].path(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #333;\n"])));
 
 var OnDmarcLogo = function OnDmarcLogo(_ref) {
   var titleTag = _ref.titleTag,

package/dist/icons/OnDomainIcon.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/OnInboxIcon.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,6 +11,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
+var _excluded = ["titleTag", "width", "height", "fill", "bgFill"];
+
 var OnInboxIcon = function OnInboxIcon(_ref) {
   var _ref$titleTag = _ref.titleTag,
       titleTag = _ref$titleTag === void 0 ? "OnINBOX" : _ref$titleTag,
@@ -22,7 +24,7 @@ var OnInboxIcon = function OnInboxIcon(_ref) {
       fill = _ref$fill === void 0 ? "#33b222" : _ref$fill,
       _ref$bgFill = _ref.bgFill,
       bgFill = _ref$bgFill === void 0 ? "#fff" : _ref$bgFill,
-      restProps = (0, _objectWithoutProperties2["default"])(_ref, ["titleTag", "width", "height", "fill", "bgFill"]);
+      restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     x: "0",

package/dist/icons/OnInboxLogo.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,65 +13,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  isolation: isolate;\n  font-size: 15.64px;\n  font-family: Electrolize, sans-serif;\n"]);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
+var BlackPath = _styledComponents["default"].path(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #333;\n"])));
 
-  return data;
-}
+var GreenPath = _styledComponents["default"].path(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #33b222;\n"])));
 
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #e01114;\n"]);
+var RedPolygon = _styledComponents["default"].polygon(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #e01114;\n"])));
 
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
+var RedPath = _styledComponents["default"].path(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #e01114;\n"])));
 
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #e01114;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #33b222;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  fill: #333;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var BlackPath = _styledComponents["default"].path(_templateObject());
-
-var GreenPath = _styledComponents["default"].path(_templateObject2());
-
-var RedPolygon = _styledComponents["default"].polygon(_templateObject3());
-
-var RedPath = _styledComponents["default"].path(_templateObject4());
-
-var ByText = _styledComponents["default"].text(_templateObject5());
+var ByText = _styledComponents["default"].text(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  isolation: isolate;\n  font-size: 15.64px;\n  font-family: Electrolize, sans-serif;\n"])));
 
 var OnInboxLogo = function OnInboxLogo(_ref) {
   var titleTag = _ref.titleTag,

package/dist/icons/OnInboxManagerIcon.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,6 +11,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
+var _excluded = ["bgFill", "disabled", "fill", "height", "titleTag", "width"];
+
 var OnInboxManagerIcon = function OnInboxManagerIcon(_ref) {
   var _ref$bgFill = _ref.bgFill,
       bgFill = _ref$bgFill === void 0 ? "#fff" : _ref$bgFill,
@@ -23,7 +25,7 @@ var OnInboxManagerIcon = function OnInboxManagerIcon(_ref) {
       titleTag = _ref$titleTag === void 0 ? "OnINBOX Manager" : _ref$titleTag,
       _ref$width = _ref.width,
       width = _ref$width === void 0 ? 45 : _ref$width,
-      restProps = (0, _objectWithoutProperties2["default"])(_ref, ["bgFill", "disabled", "fill", "height", "titleTag", "width"]);
+      restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     x: "0",

package/dist/icons/Padlock.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/Question.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/Recruiting.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/Shield.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/ShieldSolid.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/Spinner.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,29 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-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); }
-
-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 = (0, _taggedTemplateLiteral2["default"])(["\n    transform-origin: center;\n    animation-name: ", ";\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n  "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n    from {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(359deg);\n\t\t}\n  "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2;
 
 var Spinner = function Spinner(_ref) {
   var _ref$titleTag = _ref.titleTag,
@@ -48,9 +26,9 @@ var Spinner = function Spinner(_ref) {
       isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
       _ref$fill = _ref.fill,
       fill = _ref$fill === void 0 ? "#02ac61" : _ref$fill;
-  var spin = (0, _styledComponents.keyframes)(_templateObject());
+  var spin = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    from {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(359deg);\n\t\t}\n  "])));
 
-  var Group = _styledComponents["default"].g(_templateObject2(), function (props) {
+  var Group = _styledComponents["default"].g(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    transform-origin: center;\n    animation-name: ", ";\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n  "])), function (props) {
     return props.isAnimated ? spin : "none";
   });
 

package/dist/icons/Team.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/Thumb.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/Traffic.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/Twitter.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/Upload.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/VerticalDots.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/Warning.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/WarningTriangle.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/icons/Youtube.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -23,12 +23,24 @@ Object.defineProperty(exports, "Card", {
     return _Card["default"];
   }
 });
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function get() {
+    return _CardHeader["default"];
+  }
+});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function get() {
     return _Checkbox["default"];
   }
 });
+Object.defineProperty(exports, "CheckboxTree", {
+  enumerable: true,
+  get: function get() {
+    return _CheckboxTree["default"];
+  }
+});
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function get() {
@@ -83,12 +95,6 @@ Object.defineProperty(exports, "Typography", {
     return _Typography["default"];
   }
 });
-Object.defineProperty(exports, "useOnClickOutside", {
-  enumerable: true,
-  get: function get() {
-    return _useOnClickOutside["default"];
-  }
-});
 Object.defineProperty(exports, "useFetch", {
   enumerable: true,
   get: function get() {
@@ -101,6 +107,12 @@ Object.defineProperty(exports, "useIsMobile", {
     return _useIsMobile["default"];
   }
 });
+Object.defineProperty(exports, "useOnClickOutside", {
+  enumerable: true,
+  get: function get() {
+    return _useOnClickOutside["default"];
+  }
+});
 Object.defineProperty(exports, "useToggle", {
   enumerable: true,
   get: function get() {
@@ -114,8 +126,12 @@ var _Button = _interopRequireDefault(require("./components/Button/Button"));
 
 var _Card = _interopRequireDefault(require("./components/Card/Card"));
 
+var _CardHeader = _interopRequireDefault(require("./components/CardHeader/CardHeader"));
+
 var _Checkbox = _interopRequireDefault(require("./components/Checkbox/Checkbox"));
 
+var _CheckboxTree = _interopRequireDefault(require("./components/CheckboxTree/CheckboxTree"));
+
 var _Icon = _interopRequireDefault(require("./components/Icon/Icon"));
 
 var _Input = _interopRequireDefault(require("./components/Input/Input"));

package/dist/styles/styles.constants.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SPACING = void 0;
+
+/**
+ * Spacing used for margins and paddings, to have global consistency.
+ *
+ */
+var SPACING = ["0rem", "0.5rem", "1rem", "1,5rem", "2rem", "2.5rem"];
+exports.SPACING = SPACING;

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@redsift/design-system",
-  "version": "5.0.2",
+  "version": "5.1.0",
   "dependencies": {
-    "@babel/runtime": "^7.14.6",
-    "match-sorter": "^6.3.0",
-    "react-csv": "^2.0.3",
+    "@babel/runtime": "^7.16.7",
+    "match-sorter": "^6.3.1",
+    "prop-types": "^15.8.0",
+    "react-csv": "^2.2.1",
     "react-table": "^7.7.0",
     "react-window": "^1.8.6",
     "simplebar": "^5.3.4",
-    "simplebar-react": "^2.3.4"
+    "simplebar-react": "^2.3.6"
   },
   "scripts": {
     "start": "styleguidist server",
@@ -21,25 +22,27 @@
     "prepublishOnly": "npm install && rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__ && npm run styleguide:build"
   },
   "devDependencies": {
-    "@babel/cli": "^7.14.5",
-    "@babel/core": "^7.14.6",
-    "@babel/preset-env": "^7.14.7",
-    "@babel/preset-react": "^7.14.5",
+    "@babel/cli": "^7.16.7",
+    "@babel/core": "^7.16.7",
+    "@babel/plugin-proposal-private-methods": "^7.16.7",
+    "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
+    "@babel/preset-env": "^7.16.7",
+    "@babel/preset-react": "^7.16.7",
     "babel-eslint": "^10.1.0",
     "babel-plugin-inline-react-svg": "^2.0.1",
-    "babel-preset-react-app": "^10.0.0",
-    "eslint": "^7.29.0",
+    "babel-preset-react-app": "^10.0.1",
+    "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.24.0",
-    "husky": "^4.3.8",
-    "prettier": "^2.3.2",
-    "pretty-quick": "^3.1.1",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.28.0",
+    "husky": "^7.0.4",
+    "prettier": "^2.5.1",
+    "pretty-quick": "^3.1.3",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-scripts": "4.0.3",
     "react-styleguidist": "^11.1.7",
-    "styled-components": "^5.3.0",
+    "styled-components": "^5.3.3",
     "webpack": "^4.46.0"
   },
   "peerDependencies": {