sag_components 2.0.0-beta26 → 2.0.0-beta28

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CalendarInOpen = void 0;
+var _react = _interopRequireDefault(require("react"));
+const CalendarInOpen = () => /*#__PURE__*/_react.default.createElement("svg", {
+  width: "21",
+  height: "21",
+  viewBox: "0 0 21 21",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/_react.default.createElement("rect", {
+  width: "21",
+  height: "21",
+  rx: "4",
+  fill: "#229E38",
+  fillOpacity: "0.1"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M7.625 5C7.8125 5 8 5.1875 8 5.375V6.5H12.5V5.375C12.5 5.1875 12.6641 5 12.875 5C13.0625 5 13.25 5.1875 13.25 5.375V6.5H14C14.8203 6.5 15.5 7.17969 15.5 8V8.75V9.5V15.5C15.5 16.3438 14.8203 17 14 17H6.5C5.65625 17 5 16.3438 5 15.5V9.5V8.75V8C5 7.17969 5.65625 6.5 6.5 6.5H7.25V5.375C7.25 5.1875 7.41406 5 7.625 5ZM14.75 9.5H5.75V15.5C5.75 15.9219 6.07812 16.25 6.5 16.25H14C14.3984 16.25 14.75 15.9219 14.75 15.5V9.5ZM14 7.25H6.5C6.07812 7.25 5.75 7.60156 5.75 8V8.75H14.75V8C14.75 7.60156 14.3984 7.25 14 7.25Z",
+  fill: "#066768"
+}));
+exports.CalendarInOpen = CalendarInOpen;
+var _default = exports.default = CalendarInOpen;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CheckBoxButtonCheckedIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const CheckBoxButtonCheckedIcon = _ref => {
+  let {
+    clicked,
+    width = "16",
+    height = "16",
+    color = "#1B30AA"
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 12 9",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M11.8754 0.622409C12.0415 0.78562 12.0415 1.05413 11.8754 1.21734L4.58808 8.37759C4.42197 8.5408 4.14869 8.5408 3.98259 8.37759L0.124581 4.58687C-0.0415271 4.42366 -0.0415271 4.15515 0.124581 3.99194C0.29069 3.82873 0.563965 3.82873 0.730074 3.99194L4.28533 7.48519L11.2699 0.622409C11.436 0.459197 11.7093 0.459197 11.8754 0.622409Z",
+    fill: color
+  }));
+};
+exports.CheckBoxButtonCheckedIcon = CheckBoxButtonCheckedIcon;
+var _default = exports.default = CheckBoxButtonCheckedIcon;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CheckBoxCheckedIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const CheckBoxCheckedIcon = _ref => {
+  let {
+    clicked,
+    width = "16",
+    height = "16",
+    color = "#1B30AA"
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 13 13",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M2.25195 0.642578H11.002C11.959 0.642578 12.752 1.43555 12.752 2.39258V11.1426C12.752 12.127 11.959 12.8926 11.002 12.8926H2.25195C1.26758 12.8926 0.501953 12.127 0.501953 11.1426V2.39258C0.501953 1.43555 1.26758 0.642578 2.25195 0.642578ZM9.7168 5.48242H9.68945C9.96289 5.23633 9.96289 4.82617 9.68945 4.55273C9.44336 4.30664 9.0332 4.30664 8.78711 4.55273L5.75195 7.61523L4.4668 6.33008C4.19336 6.05664 3.7832 6.05664 3.53711 6.33008C3.26367 6.57617 3.26367 6.98633 3.53711 7.23242L5.28711 8.98242C5.5332 9.25586 5.94336 9.25586 6.2168 8.98242L9.7168 5.48242Z",
+    fill: color
+  }));
+};
+exports.CheckBoxCheckedIcon = CheckBoxCheckedIcon;
+var _default = exports.default = CheckBoxCheckedIcon;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CheckBoxNotCheckedIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const CheckBoxNotCheckedIcon = _ref => {
+  let {
+    clicked,
+    width = "16",
+    height = "16",
+    color = "#212121"
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 12 13",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M10.2857 0.5C11.2232 0.5 12 1.27852 12 2.19128V10.7819C12 11.7215 11.2232 12.5 10.2857 12.5H1.71429C0.75 12.5 0 11.7215 0 10.7819V2.19128C0 1.25168 0.75 0.5 1.71429 0.5H10.2857ZM11.1429 10.8087V2.21812C11.1429 1.76174 10.7411 1.35906 10.2857 1.35906H1.71429C1.23214 1.35906 0.857143 1.76174 0.857143 2.21812V10.8087C0.857143 11.2919 1.23214 11.6678 1.71429 11.6678H10.2857C10.7411 11.6678 11.1429 11.2919 11.1429 10.8087Z",
+    fill: color
+  }));
+};
+exports.CheckBoxNotCheckedIcon = CheckBoxNotCheckedIcon;
+var _default = exports.default = CheckBoxNotCheckedIcon;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChervronLeftIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const ChervronLeftIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
+  width: "7",
+  height: "13",
+  viewBox: "0 0 7 13",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M0.410156 5.78516L5.66016 0.5625C5.90625 0.289062 6.31641 0.289062 6.58984 0.5625C6.83594 0.808594 6.83594 1.21875 6.58984 1.46484L1.77734 6.25L6.5625 11.0625C6.83594 11.3086 6.83594 11.7188 6.5625 11.9648C6.31641 12.2383 5.90625 12.2383 5.66016 11.9648L0.410156 6.71484C0.136719 6.46875 0.136719 6.05859 0.410156 5.78516Z",
+  fill: "#777575"
+}));
+exports.ChervronLeftIcon = ChervronLeftIcon;
+var _default = exports.default = ChervronLeftIcon;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChervronRightIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const ChervronRightIcon = () => /*#__PURE__*/_react.default.createElement("svg", {
+  width: "8",
+  height: "13",
+  viewBox: "0 0 8 13",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M7.33984 5.78516C7.58594 6.05859 7.58594 6.46875 7.33984 6.71484L2.08984 11.9648C1.81641 12.2383 1.40625 12.2383 1.16016 11.9648C0.886719 11.7188 0.886719 11.3086 1.16016 11.0625L5.94531 6.27734L1.16016 1.46484C0.886719 1.21875 0.886719 0.808594 1.16016 0.5625C1.40625 0.289062 1.81641 0.289062 2.0625 0.5625L7.33984 5.78516Z",
+  fill: "#777575"
+}));
+exports.ChervronRightIcon = ChervronRightIcon;
+var _default = exports.default = ChervronRightIcon;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChevronLeftIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const ChevronLeftIcon = _ref => {
+  let {
+    disabled = false
+  } = _ref;
+  const color = disabled ? "#757575" : "#000000";
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "17",
+    height: "17",
+    viewBox: "0 0 17 17",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Chevron left"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    id: "icon",
+    d: "M4.71094 8.7969C4.42969 8.4844 4.42969 8.01565 4.71094 7.7344L10.7109 1.73445C11.0234 1.42185 11.4922 1.42185 11.7734 1.73445C12.0859 2.01565 12.0859 2.48445 11.7734 2.76565L6.30469 8.2344L11.7734 13.7344C12.0859 14.0157 12.0859 14.4844 11.7734 14.7657C11.4922 15.0782 11.0234 15.0782 10.7422 14.7657L4.71094 8.7969Z",
+    fill: color
+  })));
+};
+exports.ChevronLeftIcon = ChevronLeftIcon;
+var _default = exports.default = ChevronLeftIcon;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChevronRightIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const ChevronRightIcon = _ref => {
+  let {
+    disabled = false
+  } = _ref;
+  const color = disabled ? "#757575" : "#000000";
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "17",
+    height: "17",
+    viewBox: "0 0 17 17",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "Chevron right"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    id: "icon",
+    d: "M11.7969 7.70312C12.0781 8.01562 12.0781 8.48438 11.7969 8.76562L5.79688 14.7656C5.48438 15.0782 5.01562 15.0782 4.73438 14.7656C4.42188 14.4844 4.42188 14.0156 4.73438 13.7344L10.2031 8.26562L4.73438 2.76562C4.42188 2.48438 4.42188 2.01562 4.73438 1.73438C5.01562 1.42188 5.48438 1.42188 5.76562 1.73438L11.7969 7.70312Z",
+    fill: color
+  })));
+};
+exports.ChevronRightIcon = ChevronRightIcon;
+var _default = exports.default = ChevronRightIcon;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ClockIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const ClockIcon = _ref => {
+  let {
+    clicked,
+    width = "8",
+    height = "9"
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M23.25 12C23.25 13.4774 22.959 14.9403 22.3936 16.3052C21.8283 17.6701 20.9996 18.9103 19.955 19.955C18.9103 20.9996 17.6701 21.8283 16.3052 22.3936C14.9403 22.959 13.4774 23.25 12 23.25C10.5226 23.25 9.05972 22.959 7.69481 22.3936C6.3299 21.8283 5.08971 20.9996 4.04505 19.955C3.00039 18.9103 2.17172 17.6701 1.60636 16.3052C1.04099 14.9403 0.75 13.4774 0.75 12C0.75 10.5226 1.04099 9.05972 1.60636 7.69481C2.17172 6.3299 3.00039 5.08971 4.04505 4.04505C5.08971 3.00039 6.3299 2.17172 7.69481 1.60636C9.05972 1.04099 10.5226 0.75 12 0.75C13.4774 0.75 14.9403 1.04099 16.3052 1.60636C17.6701 2.17172 18.9103 3.00039 19.955 4.04505C20.9996 5.08971 21.8283 6.3299 22.3936 7.69481C22.959 9.05972 23.25 10.5226 23.25 12ZM0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24C15.1826 24 18.2348 22.7357 20.4853 20.4853C22.7357 18.2348 24 15.1826 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12ZM11.625 4.875V12C11.625 12.1266 11.6859 12.2438 11.7938 12.3141L16.2938 15.3141C16.4672 15.4313 16.6969 15.3844 16.8141 15.2109C16.9313 15.0375 16.8844 14.8078 16.7109 14.6906L12.375 11.7984V4.875C12.375 4.66875 12.2063 4.5 12 4.5C11.7937 4.5 11.625 4.66875 11.625 4.875Z",
+    fill: "black"
+  }));
+};
+exports.ClockIcon = ClockIcon;
+var _default = exports.default = ClockIcon;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CloseIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const CloseIcon = _ref => {
+  let {
+    width = "16",
+    height = "15",
+    fill = "#B1B1B1"
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 16 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8 2.0625C5.94922 2.0625 4.08984 3.15625 3.05078 4.90625C2.03906 6.68359 2.03906 8.84375 3.05078 10.5938C4.08984 12.3711 5.94922 13.4375 8 13.4375C10.0234 13.4375 11.8828 12.3711 12.9219 10.5938C13.9336 8.84375 13.9336 6.68359 12.9219 4.90625C11.8828 3.15625 10.0234 2.0625 8 2.0625ZM8 14.75C5.48438 14.75 3.1875 13.4375 1.92969 11.25C0.671875 9.08984 0.671875 6.4375 1.92969 4.25C3.1875 2.08984 5.48438 0.75 8 0.75C10.4883 0.75 12.7852 2.08984 14.043 4.25C15.3008 6.4375 15.3008 9.08984 14.043 11.25C12.7852 13.4375 10.4883 14.75 8 14.75ZM5.78516 5.53516C6.03125 5.28906 6.44141 5.28906 6.6875 5.53516L7.97266 6.82031L9.25781 5.53516C9.53125 5.28906 9.94141 5.28906 10.1875 5.53516C10.4609 5.80859 10.4609 6.21875 10.1875 6.46484L8.90234 7.75L10.1875 9.03516C10.4609 9.30859 10.4609 9.71875 10.1875 9.96484C9.94141 10.2383 9.53125 10.2383 9.25781 9.96484L7.97266 8.67969L6.6875 9.96484C6.44141 10.2383 6.03125 10.2383 5.78516 9.96484C5.51172 9.71875 5.51172 9.30859 5.78516 9.03516L7.07031 7.75L5.78516 6.46484C5.51172 6.21875 5.51172 5.80859 5.78516 5.53516Z",
+    fill: fill
+  }));
+};
+exports.CloseIcon = CloseIcon;
+var _default = exports.default = CloseIcon;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CloseXIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const CloseXIcon = _ref => {
+  let {
+    width = '16',
+    height = '15',
+    fill = '#212121'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M15.1719 2.42188L9.54688 8.04688L15.125 13.625C15.5938 14.0469 15.5938 14.75 15.125 15.1719C14.7031 15.6406 14 15.6406 13.5781 15.1719L7.95312 9.59375L2.375 15.1719C1.95312 15.6406 1.25 15.6406 0.828125 15.1719C0.359375 14.75 0.359375 14.0469 0.828125 13.5781L6.40625 8L0.828125 2.42188C0.359375 2 0.359375 1.29688 0.828125 0.828125C1.25 0.40625 1.95312 0.40625 2.42188 0.828125L8 6.45312L13.5781 0.875C14 0.40625 14.7031 0.40625 15.1719 0.875C15.5938 1.29688 15.5938 2 15.1719 2.42188Z",
+    fill: fill
+  }));
+};
+exports.CloseXIcon = CloseXIcon;
+var _default = exports.default = CloseXIcon;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ComboBoxArrowDownIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const ComboBoxArrowDownIcon = _ref => {
+  let {
+    clicked,
+    width = "14",
+    height = "14",
+    color = "#212121"
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 12 7",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M5.60156 6.39844L1.10156 1.89844C0.867188 1.6875 0.867188 1.33594 1.10156 1.10156C1.3125 0.890625 1.66406 0.890625 1.89844 1.10156L6 5.22656L10.1016 1.125C10.3125 0.890625 10.6641 0.890625 10.8984 1.125C11.1094 1.33594 11.1094 1.6875 10.8984 1.89844L6.375 6.39844C6.16406 6.63281 5.8125 6.63281 5.60156 6.39844Z",
+    fill: color
+  }));
+};
+exports.ComboBoxArrowDownIcon = ComboBoxArrowDownIcon;
+var _default = exports.default = ComboBoxArrowDownIcon;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ComboBoxArrowUpIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const ComboBoxArrowUpIcon = _ref => {
+  let {
+    clicked,
+    width = '14',
+    height = '14',
+    color = '#212121'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 12 7",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M5.60156 0.601562C5.8125 0.390625 6.16406 0.390625 6.375 0.601562L10.8984 5.10156C11.1094 5.33594 11.1094 5.6875 10.8984 5.89844C10.6641 6.13281 10.3125 6.13281 10.1016 5.89844L6 1.79688L1.89844 5.89844C1.66406 6.13281 1.3125 6.13281 1.10156 5.89844C0.867188 5.6875 0.867188 5.33594 1.10156 5.125L5.60156 0.601562Z",
+    fill: color
+  }));
+};
+exports.ComboBoxArrowUpIcon = ComboBoxArrowUpIcon;
+var _default = exports.default = ComboBoxArrowUpIcon;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DocumentIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+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,
+    height: height,
+    viewBox: "0 0 20 19",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M10.5156 17.5H1.51563C0.963341 17.5 0.515625 17.0523 0.515625 16.5V1.5C0.515625 0.947715 0.96334 0.5 1.51563 0.5H13.5156C14.0679 0.5 14.5156 0.947715 14.5156 1.5V5.5",
+    stroke: color,
+    strokeLinecap: "round"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M3.51562 5.5L9.51563 5.5",
+    stroke: color,
+    strokeLinecap: "round"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M3.51562 8.5H6.51563",
+    stroke: color,
+    strokeLinecap: "round"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M3.51562 11.5H5.51563",
+    stroke: color,
+    strokeLinecap: "round"
+  }), /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "12.3866",
+    cy: "11.371",
+    r: "4.12098",
+    fill: "transparent"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M16.5068 11.3703C16.5068 9.91856 15.7107 8.56049 14.4464 7.81122C13.1585 7.08537 11.5898 7.08537 10.3254 7.81122C9.03754 8.56049 8.26489 9.91856 8.26489 11.3703C8.26489 12.8454 9.03754 14.2034 10.3254 14.9527C11.5898 15.6786 13.1585 15.6786 14.4464 14.9527C15.7107 14.2034 16.5068 12.8454 16.5068 11.3703ZM15.5469 15.0698C14.704 15.819 13.5801 16.2405 12.3859 16.2405C9.69315 16.2405 7.51562 14.0629 7.51562 11.3703C7.51562 8.701 9.69315 6.5 12.3859 6.5C15.0551 6.5 17.2561 8.701 17.2561 11.3703C17.2561 12.5878 16.8112 13.6883 16.0854 14.5547L19.3869 17.8561C19.5273 17.9966 19.5273 18.2542 19.3869 18.3947C19.2463 18.5351 18.9888 18.5351 18.8483 18.3947L15.5469 15.0698Z",
+    fill: color
+  }));
+};
+exports.DocumentIcon = DocumentIcon;
+var _default = exports.default = DocumentIcon;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DownloadIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const DownloadIcon = _ref => {
+  let {
+    width = '8',
+    height = '9',
+    color = '#212121'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M9.57031 14.8438L3.94531 9.84375C3.67188 9.64844 3.67188 9.21875 3.90625 8.98438C4.10156 8.71094 4.53125 8.71094 4.76562 8.90625L9.375 13.0078V0.625C9.375 0.3125 9.64844 0 10 0C10.3125 0 10.625 0.3125 10.625 0.625V13.0078L15.1953 8.94531C15.4297 8.71094 15.8594 8.71094 16.0547 8.98438C16.2891 9.21875 16.2891 9.64844 16.0156 9.84375L10.3906 14.8438C10.2734 14.9609 10.1172 15 10 15C9.84375 15 9.6875 14.9609 9.57031 14.8438ZM17.5 12.5C18.8672 12.5 20 13.6328 20 15V17.5C20 18.9062 18.8672 20 17.5 20H2.5C1.09375 20 0 18.9062 0 17.5V15C0 13.6328 1.09375 12.5 2.5 12.5H4.375C4.6875 12.5 5 12.8125 5 13.125C5 13.4766 4.6875 13.75 4.375 13.75H2.5C1.79688 13.75 1.25 14.3359 1.25 15V17.5C1.25 18.2031 1.79688 18.75 2.5 18.75H17.5C18.1641 18.75 18.75 18.2031 18.75 17.5V15C18.75 14.3359 18.1641 13.75 17.5 13.75H15.625C15.2734 13.75 15 13.4766 15 13.125C15 12.8125 15.2734 12.5 15.625 12.5H17.5ZM17.1875 16.25C17.1875 16.7969 16.7578 17.1875 16.25 17.1875C15.7031 17.1875 15.3125 16.7969 15.3125 16.25C15.3125 15.7422 15.7031 15.3125 16.25 15.3125C16.7578 15.3125 17.1875 15.7422 17.1875 16.25Z",
+    fill: color
+  }));
+};
+exports.DownloadIcon = DownloadIcon;
+var _default = exports.default = DownloadIcon;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Duplicate = void 0;
+var _react = _interopRequireDefault(require("react"));
+const Duplicate = _ref => {
+  let {
+    color,
+    clicked,
+    width = '17',
+    height = '18'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 17 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M14 12H8C6.875 12 6 11.125 6 10V2C6 0.90625 6.875 0 8 0H12.375C12.75 0 13.1562 0.1875 13.4375 0.46875L15.5312 2.5625C15.8125 2.84375 16 3.25 16 3.625V10C16 11.125 15.0938 12 14 12ZM2 4H5V5.5H2C1.71875 5.5 1.5 5.75 1.5 6V14C1.5 14.2812 1.71875 14.5 2 14.5H8C8.25 14.5 8.5 14.2812 8.5 14V13H10V14C10 15.125 9.09375 16 8 16H2C0.875 16 0 15.125 0 14V6C0 4.90625 0.875 4 2 4Z",
+    fill: color
+  }));
+};
+exports.Duplicate = Duplicate;
+var _default = exports.default = Duplicate;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ErrorIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+// eslint-disable-next-line react/prop-types
+const ErrorIcon = _ref => {
+  let {
+    color = '#FF3949',
+    width = '18',
+    height = '18'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 14 13",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7 1.625C5.24219 1.625 3.64844 2.5625 2.75781 4.0625C1.89062 5.58594 1.89062 7.4375 2.75781 8.9375C3.64844 10.4609 5.24219 11.375 7 11.375C8.73438 11.375 10.3281 10.4609 11.2188 8.9375C12.0859 7.4375 12.0859 5.58594 11.2188 4.0625C10.3281 2.5625 8.73438 1.625 7 1.625ZM7 12.5C4.84375 12.5 2.875 11.375 1.79688 9.5C0.71875 7.64844 0.71875 5.375 1.79688 3.5C2.875 1.64844 4.84375 0.5 7 0.5C9.13281 0.5 11.1016 1.64844 12.1797 3.5C13.2578 5.375 13.2578 7.64844 12.1797 9.5C11.1016 11.375 9.13281 12.5 7 12.5ZM7 3.5C7.30469 3.5 7.5625 3.75781 7.5625 4.0625V6.6875C7.5625 7.01562 7.30469 7.25 7 7.25C6.67188 7.25 6.4375 7.01562 6.4375 6.6875V4.0625C6.4375 3.75781 6.67188 3.5 7 3.5ZM7.75 8.75C7.75 9.17188 7.39844 9.5 7 9.5C6.57812 9.5 6.25 9.17188 6.25 8.75C6.25 8.35156 6.57812 8 7 8C7.39844 8 7.75 8.35156 7.75 8.75Z",
+    fill: color
+  }));
+};
+exports.ErrorIcon = ErrorIcon;
+var _default = exports.default = ErrorIcon;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ExitIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const ExitIcon = _ref => {
+  let {
+    clicked,
+    width = '8',
+    height = '9',
+    color = '#212121'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 20 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M14.2263 2.91667C17.3097 4.54167 19.268 7.70833 19.268 11.1667C19.268 16.3333 15.0597 20.5 9.93465 20.5C4.76798 20.5 0.601318 16.3333 0.601318 11.1667C0.601318 7.70833 2.51798 4.54167 5.60132 2.91667C5.93465 2.75 6.35132 2.875 6.51798 3.20833C6.68465 3.5 6.55965 3.91667 6.22632 4.08333C3.55965 5.45833 1.93465 8.20833 1.93465 11.1667C1.93465 15.5833 5.51798 19.1667 9.93465 19.1667C14.3097 19.1667 17.9347 15.5833 17.9347 11.1667C17.9347 8.20833 16.268 5.45833 13.6013 4.08333C13.268 3.91667 13.143 3.5 13.3097 3.20833C13.4763 2.875 13.893 2.75 14.2263 2.91667ZM9.89298 12.5C9.55965 12.5 9.26798 12.2083 9.26798 11.8333V1.16667C9.26798 0.833333 9.60132 0.5 9.93465 0.5C10.268 0.5 10.6013 0.833333 10.6013 1.16667V11.8333C10.6013 12.2083 10.268 12.5 9.89298 12.5Z",
+    fill: color
+  }));
+};
+exports.ExitIcon = ExitIcon;
+var _default = exports.default = ExitIcon;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ExportIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const ExportIcon = _ref => {
+  let {
+    clicked,
+    width = '14',
+    height = '15',
+    color = '#212121'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 14 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8.3125 0.90625C8.3125 0.550781 8.58594 0.25 8.96875 0.25H13.3164C13.6992 0.25 13.9727 0.550781 13.9727 0.90625V5.28125C13.9727 5.66406 13.6992 5.9375 13.3164 5.9375C12.9609 5.9375 12.6602 5.66406 12.6602 5.28125V2.49219L6.5625 8.58984C6.31641 8.86328 5.90625 8.86328 5.66016 8.58984C5.38672 8.34375 5.38672 7.93359 5.66016 7.66016L11.7578 1.5625H8.96875C8.58594 1.5625 8.3125 1.28906 8.3125 0.90625ZM1.96875 1.125H5.46875C5.82422 1.125 6.125 1.42578 6.125 1.78125C6.125 2.16406 5.82422 2.4375 5.46875 2.4375H1.96875C1.58594 2.4375 1.3125 2.73828 1.3125 3.09375V12.2812C1.3125 12.6641 1.58594 12.9375 1.96875 12.9375H11.1562C11.5117 12.9375 11.8125 12.6641 11.8125 12.2812V8.78125C11.8125 8.42578 12.0859 8.125 12.4688 8.125C12.8242 8.125 13.125 8.42578 13.125 8.78125V12.2812C13.125 13.375 12.2227 14.25 11.1562 14.25H1.96875C0.875 14.25 0 13.375 0 12.2812V3.09375C0 2.02734 0.875 1.125 1.96875 1.125Z",
+    fill: color
+  }));
+};
+exports.ExportIcon = ExportIcon;
+var _default = exports.default = ExportIcon;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EyeIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const EyeIcon = _ref => {
+  let {
+    clicked,
+    width = '8',
+    height = '9',
+    color = '#212121'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 14 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M13.9062 5.60156C13.9531 5.71875 14 5.88281 14 6C14 6.11719 13.9531 6.30469 13.9062 6.42188C12.6406 9.30469 10.1094 11.25 7.25 11.25C4.36719 11.25 1.83594 9.30469 0.570312 6.42188C0.523438 6.30469 0.5 6.11719 0.5 6C0.5 5.88281 0.523438 5.71875 0.570312 5.60156C1.83594 2.71875 4.36719 0.75 7.25 0.75C10.1094 0.75 12.6406 2.71875 13.9062 5.60156ZM7.25 10.125C9.57031 10.125 11.7031 8.55469 12.8516 6C11.7266 3.46875 9.57031 1.875 7.25 1.875C4.90625 1.875 2.77344 3.46875 1.625 6.02344C2.75 8.55469 4.90625 10.125 7.25 10.125ZM7.25 3C8.89062 3 10.25 4.35938 10.25 6.02344C10.25 7.66406 8.89062 9 7.25 9C5.58594 9 4.25 7.66406 4.25 6C4.25 4.35938 5.58594 3 7.25 3ZM7.25 7.875C8.28125 7.875 9.125 7.05469 9.125 6.02344C9.125 4.96875 8.28125 4.125 7.25 4.125C7.22656 4.125 7.20312 4.14844 7.17969 4.14844C7.22656 4.26562 7.25 4.38281 7.25 4.5C7.25 5.34375 6.57031 6 5.75 6C5.60938 6 5.49219 6 5.375 5.95312C5.375 5.97656 5.375 6 5.375 6C5.375 7.05469 6.19531 7.875 7.25 7.875Z",
+    fill: color
+  }));
+};
+exports.EyeIcon = EyeIcon;
+var _default = exports.default = EyeIcon;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FileIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const FileIcon = _ref => {
+  let {
+    width = '11',
+    height = '15',
+    fill = '#212121'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 11 15",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8.75 13.4375C8.96875 13.4375 9.1875 13.2461 9.1875 13V5.125H7C6.50781 5.125 6.125 4.74219 6.125 4.25V2.0625H1.75C1.50391 2.0625 1.3125 2.28125 1.3125 2.5V13C1.3125 13.2461 1.50391 13.4375 1.75 13.4375H8.75ZM0 2.5C0 1.54297 0.765625 0.75 1.75 0.75H6.26172C6.72656 0.75 7.16406 0.941406 7.49219 1.26953L9.98047 3.75781C10.3086 4.08594 10.5 4.52344 10.5 4.98828V13C10.5 13.9844 9.70703 14.75 8.75 14.75H1.75C0.765625 14.75 0 13.9844 0 13V2.5Z",
+    fill: fill
+  }));
+};
+exports.FileIcon = FileIcon;
+var _default = exports.default = FileIcon;