sag_components 1.0.397 → 1.0.398

package/dist/stories/components/TspanTooltip.js

@@ -7,12 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _TspanTooltip = require("./TspanTooltip.style");
-var Tooltip = function Tooltip(props) {
-  return /*#__PURE__*/_react.default.createElement(_TspanTooltip.TooltipContainer, {
-    top: "".concat(props.top, "px"),
-    left: "".concat(props.left, "px")
-  }, /*#__PURE__*/_react.default.createElement(_TspanTooltip.TooltipWrapper, null, /*#__PURE__*/_react.default.createElement(_TspanTooltip.TooltipTip, {
-    className: "controls ".concat(props.direction || 'top')
-  }, props.content)));
-};
+const Tooltip = props => /*#__PURE__*/_react.default.createElement(_TspanTooltip.TooltipContainer, {
+  top: "".concat(props.top, "px"),
+  left: "".concat(props.left, "px")
+}, /*#__PURE__*/_react.default.createElement(_TspanTooltip.TooltipWrapper, null, /*#__PURE__*/_react.default.createElement(_TspanTooltip.TooltipTip, {
+  className: "controls ".concat(props.direction || 'top')
+}, props.content)));
 var _default = exports.default = Tooltip;

package/dist/stories/components/TspanTooltip.style.js

@@ -9,14 +9,10 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
 /* Custom properties */
-var TooltipContainer = exports.TooltipContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  --tooltip-text-color: black;\n  --tooltip-background-color: white;\n  --tooltip-margin: 40px;\n  --tooltip-arrow-size: 10px;\n  position: absolute;\n  z-index: 9999;\n  top: ", ";\n  left: ", ";\n"])), function (props) {
-  return props.top;
-}, function (props) {
-  return props.left;
-});
+const TooltipContainer = exports.TooltipContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  --tooltip-text-color: black;\n  --tooltip-background-color: white;\n  --tooltip-margin: 40px;\n  --tooltip-arrow-size: 10px;\n  position: absolute;\n  z-index: 9999;\n  top: ", ";\n  left: ", ";\n"])), props => props.top, props => props.left);
 
 /* Wrapping */
-var TooltipWrapper = exports.TooltipWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  position: relative;\n"])));
+const TooltipWrapper = exports.TooltipWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  position: relative;\n"])));
 
 /* Absolute positioning */
-var TooltipTip = exports.TooltipTip = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n  position: absolute;\n  border-radius: 4px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 8px 12px;\n  color: var(--tooltip-text-color);\n  background: var(--tooltip-background-color);\n  font-size: 12px;\n  font-family: sans-serif;\n  line-height: 1;\n  z-index: 100;\n  white-space: nowrap;\n \n  /* CSS border triangles */\n  &.controls::before {\n    content: \" \";\n    left: 50%;\n    border: solid transparent;\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-width: var(--tooltip-arrow-size);\n    margin-left: calc(var(--tooltip-arrow-size) * -1);\n  }\n\n  /* Absolute positioning */\n  &.controls.top {\n    top: calc(var(--tooltip-margin) * -1);\n  }\n\n  /* CSS border triangles */\n  &.controls.top::before {\n    top: 100%;\n    border-top-color: var(--tooltip-background-color);\n  }\n\n  /* Absolute positioning */\n  &.controls.right {\n    left: calc(70% + var(--tooltip-margin));\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n  }\n\n  /* CSS border triangles */\n  &.controls.right::before {\n    left: calc(var(--tooltip-arrow-size) * -1);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n    border-right-color: var(--tooltip-background-color);\n  }\n\n  /* Absolute positioning */\n  &.controls.bottom {\n    bottom: calc(var(--tooltip-margin) * -1);\n  }\n  /* CSS border triangles */\n  &.controls.bottom::before {\n    bottom: 100%;\n    border-bottom-color: var(--tooltip-background-color);\n  }\n\n  /* Absolute positioning */\n  &.controls.left {\n    left: auto;\n    right: calc(70% + var(--tooltip-margin));\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n  }\n  /* CSS border triangles */\n  &.controls.left::before {\n    left: auto;\n    right: calc(var(--tooltip-arrow-size) * -2);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n    border-left-color: var(--tooltip-background-color);\n  }\n"])));
+const TooltipTip = exports.TooltipTip = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n  position: absolute;\n  border-radius: 4px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 8px 12px;\n  color: var(--tooltip-text-color);\n  background: var(--tooltip-background-color);\n  font-size: 12px;\n  font-family: sans-serif;\n  line-height: 1;\n  z-index: 100;\n  white-space: nowrap;\n \n  /* CSS border triangles */\n  &.controls::before {\n    content: \" \";\n    left: 50%;\n    border: solid transparent;\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-width: var(--tooltip-arrow-size);\n    margin-left: calc(var(--tooltip-arrow-size) * -1);\n  }\n\n  /* Absolute positioning */\n  &.controls.top {\n    top: calc(var(--tooltip-margin) * -1);\n  }\n\n  /* CSS border triangles */\n  &.controls.top::before {\n    top: 100%;\n    border-top-color: var(--tooltip-background-color);\n  }\n\n  /* Absolute positioning */\n  &.controls.right {\n    left: calc(70% + var(--tooltip-margin));\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n  }\n\n  /* CSS border triangles */\n  &.controls.right::before {\n    left: calc(var(--tooltip-arrow-size) * -1);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n    border-right-color: var(--tooltip-background-color);\n  }\n\n  /* Absolute positioning */\n  &.controls.bottom {\n    bottom: calc(var(--tooltip-margin) * -1);\n  }\n  /* CSS border triangles */\n  &.controls.bottom::before {\n    bottom: 100%;\n    border-bottom-color: var(--tooltip-background-color);\n  }\n\n  /* Absolute positioning */\n  &.controls.left {\n    left: auto;\n    right: calc(70% + var(--tooltip-margin));\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n  }\n  /* CSS border triangles */\n  &.controls.left::before {\n    left: auto;\n    right: calc(var(--tooltip-arrow-size) * -2);\n    top: 50%;\n    transform: translateX(0) translateY(-50%);\n    border-left-color: var(--tooltip-background-color);\n  }\n"])));

package/dist/stories/components/icons/ArrowDownIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ArrowDownIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ArrowDownIcon = exports.ArrowDownIcon = function ArrowDownIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "8" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "9" : _ref$height;
+const ArrowDownIcon = _ref => {
+  let {
+    clicked,
+    width = "8",
+    height = "9"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -23,4 +23,5 @@ var ArrowDownIcon = exports.ArrowDownIcon = function ArrowDownIcon(_ref) {
     fill: "#F00021"
   }));
 };
+exports.ArrowDownIcon = ArrowDownIcon;
 var _default = exports.default = ArrowDownIcon;

package/dist/stories/components/icons/ArrowDropDownIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ArrowDropDownIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ArrowDropDownIcon = exports.ArrowDropDownIcon = function ArrowDropDownIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "8" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "9" : _ref$height;
+const ArrowDropDownIcon = _ref => {
+  let {
+    clicked,
+    width = "8",
+    height = "9"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -23,4 +23,5 @@ var ArrowDropDownIcon = exports.ArrowDropDownIcon = function ArrowDropDownIcon(_
     fill: "#212121"
   }));
 };
+exports.ArrowDropDownIcon = ArrowDropDownIcon;
 var _default = exports.default = ArrowDropDownIcon;

package/dist/stories/components/icons/ArrowUpIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ArrowUpIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ArrowUpIcon = exports.ArrowUpIcon = function ArrowUpIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '8' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '9' : _ref$height;
+const ArrowUpIcon = _ref => {
+  let {
+    clicked,
+    width = '8',
+    height = '9'
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -23,4 +23,5 @@ var ArrowUpIcon = exports.ArrowUpIcon = function ArrowUpIcon(_ref) {
     fill: "#5FCC70"
   }));
 };
+exports.ArrowUpIcon = ArrowUpIcon;
 var _default = exports.default = ArrowUpIcon;

package/dist/stories/components/icons/BellIcon.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.BellIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var BellIcon = exports.BellIcon = function BellIcon(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '8' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '9' : _ref$height;
+const BellIcon = _ref => {
+  let {
+    width = '8',
+    height = '9'
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -22,4 +22,5 @@ var BellIcon = exports.BellIcon = function BellIcon(_ref) {
     fill: "#1B30AA"
   }));
 };
+exports.BellIcon = BellIcon;
 var _default = exports.default = BellIcon;

package/dist/stories/components/icons/CalendarIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.CalendarIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var CalendarIcon = exports.CalendarIcon = function CalendarIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "14" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "14" : _ref$height;
+const CalendarIcon = _ref => {
+  let {
+    clicked,
+    width = "14",
+    height = "14"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -23,4 +23,5 @@ var CalendarIcon = exports.CalendarIcon = function CalendarIcon(_ref) {
     fill: "#212121"
   }));
 };
+exports.CalendarIcon = CalendarIcon;
 var _default = exports.default = CalendarIcon;

package/dist/stories/components/icons/CheckBoxButtonCheckedIcon.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.CheckBoxButtonCheckedIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var CheckBoxButtonCheckedIcon = exports.CheckBoxButtonCheckedIcon = function CheckBoxButtonCheckedIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "16" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "16" : _ref$height,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "#1B30AA" : _ref$color;
+const CheckBoxButtonCheckedIcon = _ref => {
+  let {
+    clicked,
+    width = "16",
+    height = "16",
+    color = "#1B30AA"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -25,4 +24,5 @@ var CheckBoxButtonCheckedIcon = exports.CheckBoxButtonCheckedIcon = function Che
     fill: color
   }));
 };
+exports.CheckBoxButtonCheckedIcon = CheckBoxButtonCheckedIcon;
 var _default = exports.default = CheckBoxButtonCheckedIcon;

package/dist/stories/components/icons/CheckBoxCheckedIcon.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.CheckBoxCheckedIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var CheckBoxCheckedIcon = exports.CheckBoxCheckedIcon = function CheckBoxCheckedIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "16" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "16" : _ref$height,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "#1B30AA" : _ref$color;
+const CheckBoxCheckedIcon = _ref => {
+  let {
+    clicked,
+    width = "16",
+    height = "16",
+    color = "#1B30AA"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -25,4 +24,5 @@ var CheckBoxCheckedIcon = exports.CheckBoxCheckedIcon = function CheckBoxChecked
     fill: color
   }));
 };
+exports.CheckBoxCheckedIcon = CheckBoxCheckedIcon;
 var _default = exports.default = CheckBoxCheckedIcon;

package/dist/stories/components/icons/CheckBoxNotCheckedIcon.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.CheckBoxNotCheckedIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var CheckBoxNotCheckedIcon = exports.CheckBoxNotCheckedIcon = function CheckBoxNotCheckedIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "16" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "16" : _ref$height,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "#212121" : _ref$color;
+const CheckBoxNotCheckedIcon = _ref => {
+  let {
+    clicked,
+    width = "16",
+    height = "16",
+    color = "#212121"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -25,4 +24,5 @@ var CheckBoxNotCheckedIcon = exports.CheckBoxNotCheckedIcon = function CheckBoxN
     fill: color
   }));
 };
+exports.CheckBoxNotCheckedIcon = CheckBoxNotCheckedIcon;
 var _default = exports.default = CheckBoxNotCheckedIcon;

package/dist/stories/components/icons/ClockIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ClockIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ClockIcon = exports.ClockIcon = function ClockIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "8" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "9" : _ref$height;
+const ClockIcon = _ref => {
+  let {
+    clicked,
+    width = "8",
+    height = "9"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: "24",
     height: "24",
@@ -23,4 +23,5 @@ var ClockIcon = exports.ClockIcon = function ClockIcon(_ref) {
     fill: "black"
   }));
 };
+exports.ClockIcon = ClockIcon;
 var _default = exports.default = ClockIcon;

package/dist/stories/components/icons/ComboBoxArrowDownIcon.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ComboBoxArrowDownIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ComboBoxArrowDownIcon = exports.ComboBoxArrowDownIcon = function ComboBoxArrowDownIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "14" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "14" : _ref$height,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "#212121" : _ref$color;
+const ComboBoxArrowDownIcon = _ref => {
+  let {
+    clicked,
+    width = "14",
+    height = "14",
+    color = "#212121"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -25,4 +24,5 @@ var ComboBoxArrowDownIcon = exports.ComboBoxArrowDownIcon = function ComboBoxArr
     fill: color
   }));
 };
+exports.ComboBoxArrowDownIcon = ComboBoxArrowDownIcon;
 var _default = exports.default = ComboBoxArrowDownIcon;

package/dist/stories/components/icons/ComboBoxArrowUpIcon.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ComboBoxArrowUpIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ComboBoxArrowUpIcon = exports.ComboBoxArrowUpIcon = function ComboBoxArrowUpIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "14" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "14" : _ref$height,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "#212121" : _ref$color;
+const ComboBoxArrowUpIcon = _ref => {
+  let {
+    clicked,
+    width = "14",
+    height = "14",
+    color = "#212121"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -25,4 +24,5 @@ var ComboBoxArrowUpIcon = exports.ComboBoxArrowUpIcon = function ComboBoxArrowUp
     fill: color
   }));
 };
+exports.ComboBoxArrowUpIcon = ComboBoxArrowUpIcon;
 var _default = exports.default = ComboBoxArrowUpIcon;

package/dist/stories/components/icons/DocumentIcon.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.DocumentIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var DocumentIcon = exports.DocumentIcon = function DocumentIcon(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '19' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '20' : _ref$height,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#212121' : _ref$color;
+const DocumentIcon = _ref => {
+  let {
+    width = '19',
+    height = '20',
+    color = '#212121'
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
@@ -45,4 +44,5 @@ var DocumentIcon = exports.DocumentIcon = function DocumentIcon(_ref) {
     fill: color
   }));
 };
+exports.DocumentIcon = DocumentIcon;
 var _default = exports.default = DocumentIcon;

package/dist/stories/components/icons/DownloadIcon.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.DownloadIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var DownloadIcon = exports.DownloadIcon = function DownloadIcon(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '8' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '9' : _ref$height,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#212121' : _ref$color;
+const DownloadIcon = _ref => {
+  let {
+    width = '8',
+    height = '9',
+    color = '#212121'
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -24,4 +23,5 @@ var DownloadIcon = exports.DownloadIcon = function DownloadIcon(_ref) {
     fill: color
   }));
 };
+exports.DownloadIcon = DownloadIcon;
 var _default = exports.default = DownloadIcon;

package/dist/stories/components/icons/ExitIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ExitIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ExitIcon = exports.ExitIcon = function ExitIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "8" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "9" : _ref$height;
+const ExitIcon = _ref => {
+  let {
+    clicked,
+    width = "8",
+    height = "9"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -23,4 +23,5 @@ var ExitIcon = exports.ExitIcon = function ExitIcon(_ref) {
     fill: "#1B30AA"
   }));
 };
+exports.ExitIcon = ExitIcon;
 var _default = exports.default = ExitIcon;

package/dist/stories/components/icons/EyeIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.EyeIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var EyeIcon = exports.EyeIcon = function EyeIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "8" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "9" : _ref$height;
+const EyeIcon = _ref => {
+  let {
+    clicked,
+    width = "8",
+    height = "9"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -23,4 +23,5 @@ var EyeIcon = exports.EyeIcon = function EyeIcon(_ref) {
     fill: "#212121"
   }));
 };
+exports.EyeIcon = EyeIcon;
 var _default = exports.default = EyeIcon;

package/dist/stories/components/icons/FlyIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.FlyIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var FlyIcon = exports.FlyIcon = function FlyIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "8" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "9" : _ref$height;
+const FlyIcon = _ref => {
+  let {
+    clicked,
+    width = "8",
+    height = "9"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -23,4 +23,5 @@ var FlyIcon = exports.FlyIcon = function FlyIcon(_ref) {
     fill: "#1B30AA"
   }));
 };
+exports.FlyIcon = FlyIcon;
 var _default = exports.default = FlyIcon;

package/dist/stories/components/icons/FoodLionIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.FoodLionIcon = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var FoodLionIcon = exports.FoodLionIcon = function FoodLionIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "78" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "16" : _ref$height;
+const FoodLionIcon = _ref => {
+  let {
+    clicked,
+    width = "78",
+    height = "16"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     version: "1.0",
     xmlns: "http://www.w3.org/2000/svg",
@@ -3072,4 +3072,5 @@ var FoodLionIcon = exports.FoodLionIcon = function FoodLionIcon(_ref) {
     d: "M1433 252v1h4l-4-1z"
   }));
 };
+exports.FoodLionIcon = FoodLionIcon;
 var _default = exports.default = FoodLionIcon;

package/dist/stories/components/icons/GiantFoodIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.GiantFoodIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var GiantFoodIcon = exports.GiantFoodIcon = function GiantFoodIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '78' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '12' : _ref$height;
+const GiantFoodIcon = _ref => {
+  let {
+    clicked,
+    width = '78',
+    height = '12'
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     version: "1.0",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1971,4 +1971,5 @@ var GiantFoodIcon = exports.GiantFoodIcon = function GiantFoodIcon(_ref) {
     d: "M523.667 315.333l.666.334-.666-.334M497 316v1h11l-11-1z"
   }));
 };
+exports.GiantFoodIcon = GiantFoodIcon;
 var _default = exports.default = GiantFoodIcon;

package/dist/stories/components/icons/HannafordIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.HannafordIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var HannafordIcon = exports.HannafordIcon = function HannafordIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "78" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "12" : _ref$height;
+const HannafordIcon = _ref => {
+  let {
+    clicked,
+    width = "78",
+    height = "12"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     version: "1.0",
     xmlns: "http://www.w3.org/2000/svg",
@@ -5013,4 +5013,5 @@ var HannafordIcon = exports.HannafordIcon = function HannafordIcon(_ref) {
     d: "M1098 196v1h7l-7-1m50 0v1h4l-4-1z"
   }));
 };
+exports.HannafordIcon = HannafordIcon;
 var _default = exports.default = HannafordIcon;

package/dist/stories/components/icons/InfoIcon.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.InfoIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var InfoIcon = exports.InfoIcon = function InfoIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "#757575" : _ref$color,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "18" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "18" : _ref$height;
+const InfoIcon = _ref => {
+  let {
+    clicked,
+    color = "#757575",
+    width = "18",
+    height = "18"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -25,4 +24,5 @@ var InfoIcon = exports.InfoIcon = function InfoIcon(_ref) {
     fill: color
   }));
 };
+exports.InfoIcon = InfoIcon;
 var _default = exports.default = InfoIcon;

package/dist/stories/components/icons/LegendUnionIcon.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.LegendUnionIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var LegendUnionIcon = exports.LegendUnionIcon = function LegendUnionIcon(_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '18' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '5' : _ref$height,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#9CCB3B' : _ref$color;
+const LegendUnionIcon = _ref => {
+  let {
+    width = '18',
+    height = '5',
+    color = '#9CCB3B'
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -26,4 +25,5 @@ var LegendUnionIcon = exports.LegendUnionIcon = function LegendUnionIcon(_ref) {
     fill: color
   }));
 };
+exports.LegendUnionIcon = LegendUnionIcon;
 var _default = exports.default = LegendUnionIcon;

package/dist/stories/components/icons/MaintenanceIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.MaintenanceIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var MaintenanceIcon = exports.MaintenanceIcon = function MaintenanceIcon(_ref) {
-  var clicked = _ref.clicked,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? "8" : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? "9" : _ref$height;
+const MaintenanceIcon = _ref => {
+  let {
+    clicked,
+    width = "8",
+    height = "9"
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: width,
     height: height,
@@ -23,4 +23,5 @@ var MaintenanceIcon = exports.MaintenanceIcon = function MaintenanceIcon(_ref) {
     fill: "#1B30AA"
   }));
 };
+exports.MaintenanceIcon = MaintenanceIcon;
 var _default = exports.default = MaintenanceIcon;