@twreporter/universal-header 2.2.0-rc.5

package/lib/utils/icon.js

@@ -0,0 +1,905 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Icons = exports.ServiceIcons = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var BookmarkNormalIcon = function BookmarkNormalIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.173.225H2.047C1.317.225.725.817.725 1.547v18.016a.981.981 0 0 0 1.476.847l5.909-3.461 5.909 3.46a.981.981 0 0 0 1.476-.847V1.548c0-.73-.592-1.322-1.322-1.322m-.178 1.5v16.933l-5.127-3.003-.758-.445-.758.445-5.127 3.003V1.725h11.77",
+    fill: "gray"
+  }));
+};
+
+BookmarkNormalIcon.defaultProps = {
+  width: "16",
+  height: "21",
+  viewBox: "0 0 16 21",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var BookmarkNormalHoverIcon = function BookmarkNormalHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.173.225H2.047C1.317.225.725.817.725 1.547v18.016a.981.981 0 0 0 1.476.847l5.909-3.461 5.909 3.46a.981.981 0 0 0 1.476-.847V1.548c0-.73-.592-1.322-1.322-1.322m-.178 1.5v16.933l-5.127-3.003-.758-.445-.758.445-5.127 3.003V1.725h11.77",
+    fill: "#262626"
+  }));
+};
+
+BookmarkNormalHoverIcon.defaultProps = {
+  width: "16",
+  height: "21",
+  viewBox: "0 0 16 21",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var BookmarkPhotoIcon = function BookmarkPhotoIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.173.225H2.047C1.317.225.725.817.725 1.547v18.016a.981.981 0 0 0 1.476.847l5.909-3.461 5.909 3.46a.981.981 0 0 0 1.476-.847V1.548c0-.73-.592-1.322-1.322-1.322m-.178 1.5v16.933l-5.127-3.003-.758-.445-.758.445-5.127 3.003V1.725h11.77",
+    fill: "gray"
+  }));
+};
+
+BookmarkPhotoIcon.defaultProps = {
+  width: "16",
+  height: "21",
+  viewBox: "0 0 16 21",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var BookmarkPhotoHoverIcon = function BookmarkPhotoHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.173.225H2.047C1.317.225.725.817.725 1.547v18.016a.981.981 0 0 0 1.476.847l5.909-3.461 5.909 3.46a.981.981 0 0 0 1.476-.847V1.548c0-.73-.592-1.322-1.322-1.322m-.178 1.5v16.933l-5.127-3.003-.758-.445-.758.445-5.127 3.003V1.725h11.77",
+    fill: "#fff"
+  }));
+};
+
+BookmarkPhotoHoverIcon.defaultProps = {
+  width: "16",
+  height: "21",
+  viewBox: "0 0 16 21",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var BookmarkTransparentIcon = function BookmarkTransparentIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.173 2.225H6.047c-.73 0-1.322.592-1.322 1.322v18.016a.981.981 0 0 0 1.476.847l5.909-3.461 5.909 3.46a.981.981 0 0 0 1.476-.847V3.548c0-.73-.592-1.322-1.322-1.322m-.178 1.5v16.933l-5.127-3.003-.758-.445-.758.445-5.127 3.003V3.725h11.77",
+    fill: "#fff",
+    fillOpacity: ".5",
+    filter: "url(#a)"
+  }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+    id: "a",
+    x: ".725",
+    y: ".225",
+    width: "22.77",
+    height: "28.32",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/_react["default"].createElement("feFlood", {
+    floodOpacity: "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
+    dy: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
+    stdDeviation: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    "in": "SourceGraphic",
+    in2: "effect1_dropShadow",
+    result: "shape"
+  }))));
+};
+
+BookmarkTransparentIcon.defaultProps = {
+  width: "24",
+  height: "29",
+  viewBox: "0 0 24 29",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var BookmarkTransparentHoverIcon = function BookmarkTransparentHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.173 2.225H6.047c-.73 0-1.322.592-1.322 1.322v18.016a.981.981 0 0 0 1.476.847l5.909-3.461 5.909 3.46a.981.981 0 0 0 1.476-.847V3.548c0-.73-.592-1.322-1.322-1.322m-.178 1.5v16.933l-5.127-3.003-.758-.445-.758.445-5.127 3.003V3.725h11.77",
+    fill: "#fff",
+    filter: "url(#a)"
+  }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+    id: "a",
+    x: ".725",
+    y: ".225",
+    width: "22.77",
+    height: "28.32",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/_react["default"].createElement("feFlood", {
+    floodOpacity: "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
+    dy: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
+    stdDeviation: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    "in": "SourceGraphic",
+    in2: "effect1_dropShadow",
+    result: "shape"
+  }))));
+};
+
+BookmarkTransparentHoverIcon.defaultProps = {
+  width: "24",
+  height: "29",
+  viewBox: "0 0 24 29",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LoginNormalIcon = function LoginNormalIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.982 11.662a5.213 5.213 0 0 1-1.973-4.089V5.248A4.774 4.774 0 0 1 9.783.475h.899a4.774 4.774 0 0 1 4.774 4.773v2.325c0 1.656-.771 3.132-1.973 4.089.572.611 1.36 1.048 2.405 1.374 3.386 1.056 5.057 4.868 3.533 8.083l-.233.475H1.268l-.203-.43-.026-.054c-1.519-3.206.151-7.018 3.538-8.074 1.045-.326 1.833-.762 2.405-1.374zm1.322.767c-.784.96-1.873 1.6-3.28 2.039a4.341 4.341 0 0 0-2.786 5.626h15.989a4.341 4.341 0 0 0-2.785-5.626c-1.408-.44-2.497-1.08-3.281-2.04a5.21 5.21 0 0 1-1.928.368 5.21 5.21 0 0 1-1.929-.367zm1.928-1.133a3.723 3.723 0 0 0 3.724-3.723V5.248a3.274 3.274 0 0 0-3.274-3.273h-.899A3.274 3.274 0 0 0 6.51 5.248v2.325a3.723 3.723 0 0 0 3.723 3.723z",
+    fill: "gray"
+  }));
+};
+
+LoginNormalIcon.defaultProps = {
+  width: "20",
+  height: "22",
+  viewBox: "0 0 20 22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LoginNormalHoverIcon = function LoginNormalHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.982 11.662a5.213 5.213 0 0 1-1.973-4.089V5.248A4.774 4.774 0 0 1 9.783.475h.899a4.774 4.774 0 0 1 4.774 4.773v2.325c0 1.656-.771 3.132-1.973 4.089.572.611 1.36 1.048 2.405 1.374 3.386 1.056 5.057 4.868 3.533 8.083l-.233.475H1.268l-.203-.43-.026-.054c-1.519-3.206.151-7.018 3.538-8.074 1.045-.326 1.833-.762 2.405-1.374zm1.322.767c-.784.96-1.873 1.6-3.28 2.039a4.341 4.341 0 0 0-2.786 5.626h15.989a4.341 4.341 0 0 0-2.785-5.626c-1.408-.44-2.497-1.08-3.281-2.04a5.21 5.21 0 0 1-1.928.368 5.21 5.21 0 0 1-1.929-.367zm1.928-1.133a3.723 3.723 0 0 0 3.724-3.723V5.248a3.274 3.274 0 0 0-3.274-3.273h-.899A3.274 3.274 0 0 0 6.51 5.248v2.325a3.723 3.723 0 0 0 3.723 3.723z",
+    fill: "#262626"
+  }));
+};
+
+LoginNormalHoverIcon.defaultProps = {
+  width: "20",
+  height: "22",
+  viewBox: "0 0 20 22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LoginPhotoIcon = function LoginPhotoIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.982 11.662a5.213 5.213 0 0 1-1.973-4.089V5.248A4.774 4.774 0 0 1 9.783.475h.899a4.774 4.774 0 0 1 4.774 4.773v2.325c0 1.656-.771 3.132-1.973 4.089.572.611 1.36 1.048 2.405 1.374 3.386 1.056 5.057 4.868 3.533 8.083l-.233.475H1.268l-.203-.43-.026-.054c-1.519-3.206.151-7.018 3.538-8.074 1.045-.326 1.833-.762 2.405-1.374zm1.322.767c-.784.96-1.873 1.6-3.28 2.039a4.341 4.341 0 0 0-2.786 5.626h15.989a4.341 4.341 0 0 0-2.785-5.626c-1.408-.44-2.497-1.08-3.281-2.04a5.21 5.21 0 0 1-1.928.368 5.21 5.21 0 0 1-1.929-.367zm1.928-1.133a3.723 3.723 0 0 0 3.724-3.723V5.248a3.274 3.274 0 0 0-3.274-3.273h-.899A3.274 3.274 0 0 0 6.51 5.248v2.325a3.723 3.723 0 0 0 3.723 3.723z",
+    fill: "gray"
+  }));
+};
+
+LoginPhotoIcon.defaultProps = {
+  width: "20",
+  height: "22",
+  viewBox: "0 0 20 22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LoginPhotoHoverIcon = function LoginPhotoHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.982 11.662a5.213 5.213 0 0 1-1.973-4.089V5.248A4.774 4.774 0 0 1 9.783.475h.899a4.774 4.774 0 0 1 4.774 4.773v2.325c0 1.656-.771 3.132-1.973 4.089.572.611 1.36 1.048 2.405 1.374 3.386 1.056 5.057 4.868 3.533 8.083l-.233.475H1.268l-.203-.43-.026-.054c-1.519-3.206.151-7.018 3.538-8.074 1.045-.326 1.833-.762 2.405-1.374zm1.322.767c-.784.96-1.873 1.6-3.28 2.039a4.341 4.341 0 0 0-2.786 5.626h15.989a4.341 4.341 0 0 0-2.785-5.626c-1.408-.44-2.497-1.08-3.281-2.04a5.21 5.21 0 0 1-1.928.368 5.21 5.21 0 0 1-1.929-.367zm1.928-1.133a3.723 3.723 0 0 0 3.724-3.723V5.248a3.274 3.274 0 0 0-3.274-3.273h-.899A3.274 3.274 0 0 0 6.51 5.248v2.325a3.723 3.723 0 0 0 3.723 3.723z",
+    fill: "#fff"
+  }));
+};
+
+LoginPhotoHoverIcon.defaultProps = {
+  width: "20",
+  height: "22",
+  viewBox: "0 0 20 22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LoginTransparentIcon = function LoginTransparentIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.982 13.662a5.213 5.213 0 0 1-1.973-4.089V7.248a4.774 4.774 0 0 1 4.774-4.773h.899a4.774 4.774 0 0 1 4.774 4.773v2.325c0 1.656-.771 3.132-1.973 4.089.572.611 1.36 1.048 2.405 1.374 3.386 1.056 5.057 4.868 3.533 8.083l-.233.475H5.268l-.203-.43-.026-.054c-1.519-3.206.151-7.018 3.538-8.074 1.045-.326 1.833-.762 2.405-1.374zm1.322.767c-.784.96-1.873 1.6-3.28 2.039a4.341 4.341 0 0 0-2.786 5.626h15.989a4.341 4.341 0 0 0-2.785-5.626c-1.408-.44-2.497-1.08-3.281-2.04a5.21 5.21 0 0 1-1.929.368 5.21 5.21 0 0 1-1.928-.367zm1.928-1.133a3.723 3.723 0 0 0 3.724-3.723V7.248a3.274 3.274 0 0 0-3.274-3.273h-.899a3.274 3.274 0 0 0-3.274 3.273v2.325a3.723 3.723 0 0 0 3.723 3.723z",
+    fill: "#fff",
+    fillOpacity: ".5",
+    filter: "url(#a)"
+  }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+    id: "a",
+    x: ".475",
+    y: ".475",
+    width: "27.514",
+    height: "29.119",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/_react["default"].createElement("feFlood", {
+    floodOpacity: "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
+    dy: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
+    stdDeviation: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    "in": "SourceGraphic",
+    in2: "effect1_dropShadow",
+    result: "shape"
+  }))));
+};
+
+LoginTransparentIcon.defaultProps = {
+  width: "28",
+  height: "30",
+  viewBox: "0 0 28 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LoginTransparentHoverIcon = function LoginTransparentHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.982 13.662a5.213 5.213 0 0 1-1.973-4.089V7.248a4.774 4.774 0 0 1 4.774-4.773h.899a4.774 4.774 0 0 1 4.774 4.773v2.325c0 1.656-.771 3.132-1.973 4.089.572.611 1.36 1.048 2.405 1.374 3.386 1.056 5.057 4.868 3.533 8.083l-.233.475H5.268l-.203-.43-.026-.054c-1.519-3.206.151-7.018 3.538-8.074 1.045-.326 1.833-.762 2.405-1.374zm1.322.767c-.784.96-1.873 1.6-3.28 2.039a4.341 4.341 0 0 0-2.786 5.626h15.989a4.341 4.341 0 0 0-2.785-5.626c-1.408-.44-2.497-1.08-3.281-2.04a5.21 5.21 0 0 1-1.929.368 5.21 5.21 0 0 1-1.928-.367zm1.928-1.133a3.723 3.723 0 0 0 3.724-3.723V7.248a3.274 3.274 0 0 0-3.274-3.273h-.899a3.274 3.274 0 0 0-3.274 3.273v2.325a3.723 3.723 0 0 0 3.723 3.723z",
+    fill: "#fff",
+    filter: "url(#a)"
+  }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+    id: "a",
+    x: ".475",
+    y: ".475",
+    width: "27.514",
+    height: "29.119",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/_react["default"].createElement("feFlood", {
+    floodOpacity: "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
+    dy: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
+    stdDeviation: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    "in": "SourceGraphic",
+    in2: "effect1_dropShadow",
+    result: "shape"
+  }))));
+};
+
+LoginTransparentHoverIcon.defaultProps = {
+  width: "28",
+  height: "30",
+  viewBox: "0 0 28 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LogoutNormalIcon = function LogoutNormalIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1.5 3.19v13.94c0 .92.52 1.69 1.14 1.69h9.33v1.5H2.64C1.18 20.32 0 18.89 0 17.13V3.19C0 1.43 1.18 0 2.64 0h9.33v1.5H2.64c-.62 0-1.14.77-1.14 1.69zm16.955 7.605c-.002.005-.005.01-.005.015l-.03.05c-.013.018-.025.034-.03.05l-.01.01-.011.024c-.014.028-.025.052-.049.076 0 .01-.01.01-.01.01l-.02.02-.01.01-4.73 4.38a.751.751 0 0 1-1.06-.04c-.28-.3-.26-.78.04-1.06l3.32-3.08H6.62c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h9.22l-3.32-3.08a.755.755 0 0 1-.04-1.06c.28-.3.76-.32 1.06-.04l4.73 4.38.01.01.02.02c0 .01.01.01.01.01.019.019.03.041.04.063a.292.292 0 0 0 .02.037l.01.01.024.033c.016.02.033.041.046.067 0 .005.003.01.005.015.003.005.005.01.005.015a.283.283 0 0 1 .022.085l.008.045c0 .026.006.05.01.072.006.02.01.04.01.058v.02c0 .05-.01.09-.02.13a.467.467 0 0 0-.008.045.285.285 0 0 1-.022.085c0 .005-.003.01-.005.015z",
+    fill: "gray"
+  }));
+};
+
+LogoutNormalIcon.defaultProps = {
+  width: "19",
+  height: "21",
+  viewBox: "0 0 19 21",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LogoutNormalHoverIcon = function LogoutNormalHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1.5 3.19v13.94c0 .92.52 1.69 1.14 1.69h9.33v1.5H2.64C1.18 20.32 0 18.89 0 17.13V3.19C0 1.43 1.18 0 2.64 0h9.33v1.5H2.64c-.62 0-1.14.77-1.14 1.69zm16.955 7.605c-.002.005-.005.01-.005.015l-.03.05c-.013.018-.025.034-.03.05l-.01.01-.011.024c-.014.028-.025.052-.049.076 0 .01-.01.01-.01.01l-.02.02-.01.01-4.73 4.38a.751.751 0 0 1-1.06-.04c-.28-.3-.26-.78.04-1.06l3.32-3.08H6.62c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h9.22l-3.32-3.08a.755.755 0 0 1-.04-1.06c.28-.3.76-.32 1.06-.04l4.73 4.38.01.01.02.02c0 .01.01.01.01.01.019.019.03.041.04.063a.292.292 0 0 0 .02.037l.01.01.024.033c.016.02.033.041.046.067 0 .005.003.01.005.015.003.005.005.01.005.015a.283.283 0 0 1 .022.085l.008.045c0 .026.006.05.01.072.006.02.01.04.01.058v.02c0 .05-.01.09-.02.13a.467.467 0 0 0-.008.045.285.285 0 0 1-.022.085c0 .005-.003.01-.005.015z",
+    fill: "#262626"
+  }));
+};
+
+LogoutNormalHoverIcon.defaultProps = {
+  width: "19",
+  height: "21",
+  viewBox: "0 0 19 21",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LogoutPhotoIcon = function LogoutPhotoIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1.5 3.19v13.94c0 .92.52 1.69 1.14 1.69h9.33v1.5H2.64C1.18 20.32 0 18.89 0 17.13V3.19C0 1.43 1.18 0 2.64 0h9.33v1.5H2.64c-.62 0-1.14.77-1.14 1.69zm16.955 7.605c-.002.005-.005.01-.005.015l-.03.05c-.013.018-.025.034-.03.05l-.01.01-.011.024c-.014.028-.025.052-.049.076 0 .01-.01.01-.01.01l-.02.02-.01.01-4.73 4.38a.751.751 0 0 1-1.06-.04c-.28-.3-.26-.78.04-1.06l3.32-3.08H6.62c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h9.22l-3.32-3.08a.755.755 0 0 1-.04-1.06c.28-.3.76-.32 1.06-.04l4.73 4.38.01.01.02.02c0 .01.01.01.01.01.019.019.03.041.04.063a.292.292 0 0 0 .02.037l.01.01.024.033c.016.02.033.041.046.067 0 .005.003.01.005.015.003.005.005.01.005.015a.283.283 0 0 1 .022.085l.008.045c0 .026.006.05.01.072.006.02.01.04.01.058v.02c0 .05-.01.09-.02.13a.467.467 0 0 0-.008.045.285.285 0 0 1-.022.085c0 .005-.003.01-.005.015z",
+    fill: "gray"
+  }));
+};
+
+LogoutPhotoIcon.defaultProps = {
+  width: "19",
+  height: "21",
+  viewBox: "0 0 19 21",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LogoutPhotoHoverIcon = function LogoutPhotoHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1.5 3.19v13.94c0 .92.52 1.69 1.14 1.69h9.33v1.5H2.64C1.18 20.32 0 18.89 0 17.13V3.19C0 1.43 1.18 0 2.64 0h9.33v1.5H2.64c-.62 0-1.14.77-1.14 1.69zm16.955 7.605c-.002.005-.005.01-.005.015l-.03.05c-.013.018-.025.034-.03.05l-.01.01-.011.024c-.014.028-.025.052-.049.076 0 .01-.01.01-.01.01l-.02.02-.01.01-4.73 4.38a.751.751 0 0 1-1.06-.04c-.28-.3-.26-.78.04-1.06l3.32-3.08H6.62c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h9.22l-3.32-3.08a.755.755 0 0 1-.04-1.06c.28-.3.76-.32 1.06-.04l4.73 4.38.01.01.02.02c0 .01.01.01.01.01.019.019.03.041.04.063a.292.292 0 0 0 .02.037l.01.01.024.033c.016.02.033.041.046.067 0 .005.003.01.005.015.003.005.005.01.005.015a.283.283 0 0 1 .022.085l.008.045c0 .026.006.05.01.072.006.02.01.04.01.058v.02c0 .05-.01.09-.02.13a.467.467 0 0 0-.008.045.285.285 0 0 1-.022.085c0 .005-.003.01-.005.015z",
+    fill: "#fff"
+  }));
+};
+
+LogoutPhotoHoverIcon.defaultProps = {
+  width: "19",
+  height: "21",
+  viewBox: "0 0 19 21",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LogoutTransparentIcon = function LogoutTransparentIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.5 5.19v13.94c0 .92.52 1.69 1.14 1.69h9.33v1.5H6.64C5.18 22.32 4 20.89 4 19.13V5.19C4 3.43 5.18 2 6.64 2h9.33v1.5H6.64c-.62 0-1.14.77-1.14 1.69zm16.955 7.605c-.002.005-.005.01-.005.015l-.03.05c-.013.018-.025.034-.03.05l-.01.01-.011.024c-.014.028-.025.052-.049.076 0 .01-.01.01-.01.01l-.02.02-.01.01-4.73 4.38a.751.751 0 0 1-1.06-.04c-.28-.3-.26-.78.04-1.06l3.32-3.08h-9.23c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h9.22l-3.32-3.08a.755.755 0 0 1-.04-1.06c.28-.3.76-.32 1.06-.04l4.73 4.38.01.01.02.02c0 .01.01.01.01.01.019.019.03.041.04.063a.292.292 0 0 0 .02.037l.01.01.024.033c.016.02.033.041.046.067 0 .005.003.01.005.015.003.005.005.01.005.015a.283.283 0 0 1 .022.085l.008.045c0 .026.006.05.01.072.006.02.01.04.01.058v.02c0 .05-.01.09-.02.13a.467.467 0 0 0-.008.045.285.285 0 0 1-.022.085c0 .005-.003.01-.005.015z",
+    fill: "#fff",
+    fillOpacity: ".5",
+    filter: "url(#a)"
+  }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+    id: "a",
+    x: "0",
+    y: "0",
+    width: "26.51",
+    height: "28.32",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/_react["default"].createElement("feFlood", {
+    floodOpacity: "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
+    dy: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
+    stdDeviation: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    "in": "SourceGraphic",
+    in2: "effect1_dropShadow",
+    result: "shape"
+  }))));
+};
+
+LogoutTransparentIcon.defaultProps = {
+  width: "27",
+  height: "29",
+  viewBox: "0 0 27 29",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var LogoutTransparentHoverIcon = function LogoutTransparentHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.5 5.19v13.94c0 .92.52 1.69 1.14 1.69h9.33v1.5H6.64C5.18 22.32 4 20.89 4 19.13V5.19C4 3.43 5.18 2 6.64 2h9.33v1.5H6.64c-.62 0-1.14.77-1.14 1.69zm16.955 7.605c-.002.005-.005.01-.005.015l-.03.05c-.013.018-.025.034-.03.05l-.01.01-.011.024c-.014.028-.025.052-.049.076 0 .01-.01.01-.01.01l-.02.02-.01.01-4.73 4.38a.751.751 0 0 1-1.06-.04c-.28-.3-.26-.78.04-1.06l3.32-3.08h-9.23c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h9.22l-3.32-3.08a.755.755 0 0 1-.04-1.06c.28-.3.76-.32 1.06-.04l4.73 4.38.01.01.02.02c0 .01.01.01.01.01.019.019.03.041.04.063a.292.292 0 0 0 .02.037l.01.01.024.033c.016.02.033.041.046.067 0 .005.003.01.005.015.003.005.005.01.005.015a.283.283 0 0 1 .022.085l.008.045c0 .026.006.05.01.072.006.02.01.04.01.058v.02c0 .05-.01.09-.02.13a.467.467 0 0 0-.008.045.285.285 0 0 1-.022.085c0 .005-.003.01-.005.015z",
+    fill: "#fff",
+    filter: "url(#a)"
+  }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+    id: "a",
+    x: "0",
+    y: "0",
+    width: "26.51",
+    height: "28.32",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/_react["default"].createElement("feFlood", {
+    floodOpacity: "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
+    dy: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
+    stdDeviation: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    "in": "SourceGraphic",
+    in2: "effect1_dropShadow",
+    result: "shape"
+  }))));
+};
+
+LogoutTransparentHoverIcon.defaultProps = {
+  width: "27",
+  height: "29",
+  viewBox: "0 0 27 29",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var SearchNormalIcon = function SearchNormalIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.655 14.11a7.867 7.867 0 1 1 1.098-1.023l6.942 6.941-1.06 1.06-6.98-6.979zm1.579-6.243a6.367 6.367 0 1 0-12.734 0 6.367 6.367 0 0 0 12.734 0z",
+    fill: "gray"
+  }));
+};
+
+SearchNormalIcon.defaultProps = {
+  width: "21",
+  height: "22",
+  viewBox: "0 0 21 22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var SearchNormalHoverIcon = function SearchNormalHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.655 14.11a7.867 7.867 0 1 1 1.098-1.023l6.942 6.941-1.06 1.06-6.98-6.979zm1.579-6.243a6.367 6.367 0 1 0-12.734 0 6.367 6.367 0 0 0 12.734 0z",
+    fill: "#262626"
+  }));
+};
+
+SearchNormalHoverIcon.defaultProps = {
+  width: "21",
+  height: "22",
+  viewBox: "0 0 21 22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var SearchPhotoIcon = function SearchPhotoIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.655 14.11a7.867 7.867 0 1 1 1.098-1.023l6.942 6.941-1.06 1.06-6.98-6.979zm1.579-6.243a6.367 6.367 0 1 0-12.734 0 6.367 6.367 0 0 0 12.734 0z",
+    fill: "gray"
+  }));
+};
+
+SearchPhotoIcon.defaultProps = {
+  width: "21",
+  height: "22",
+  viewBox: "0 0 21 22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var SearchPhotoHoverIcon = function SearchPhotoHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.655 14.11a7.867 7.867 0 1 1 1.098-1.023l6.942 6.941-1.06 1.06-6.98-6.979zm1.579-6.243a6.367 6.367 0 1 0-12.734 0 6.367 6.367 0 0 0 12.734 0z",
+    fill: "#fff"
+  }));
+};
+
+SearchPhotoHoverIcon.defaultProps = {
+  width: "21",
+  height: "22",
+  viewBox: "0 0 21 22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var SearchTransparentIcon = function SearchTransparentIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.655 16.11a7.867 7.867 0 1 1 1.098-1.023l6.942 6.941-1.06 1.06-6.98-6.979zm1.579-6.243a6.367 6.367 0 1 0-12.734 0 6.367 6.367 0 0 0 12.734 0z",
+    fill: "#fff",
+    fillOpacity: ".5",
+    filter: "url(#a)"
+  }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+    id: "a",
+    x: "0",
+    y: "0",
+    width: "28.695",
+    height: "29.089",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/_react["default"].createElement("feFlood", {
+    floodOpacity: "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
+    dy: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
+    stdDeviation: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    "in": "SourceGraphic",
+    in2: "effect1_dropShadow",
+    result: "shape"
+  }))));
+};
+
+SearchTransparentIcon.defaultProps = {
+  width: "29",
+  height: "30",
+  viewBox: "0 0 29 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var SearchTransparentHoverIcon = function SearchTransparentHoverIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.655 16.11a7.867 7.867 0 1 1 1.098-1.023l6.942 6.941-1.06 1.06-6.98-6.979zm1.579-6.243a6.367 6.367 0 1 0-12.734 0 6.367 6.367 0 0 0 12.734 0z",
+    fill: "#fff",
+    filter: "url(#a)"
+  }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+    id: "a",
+    x: "0",
+    y: "0",
+    width: "28.695",
+    height: "29.089",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/_react["default"].createElement("feFlood", {
+    floodOpacity: "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
+    dy: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
+    stdDeviation: "2"
+  }), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow"
+  }), /*#__PURE__*/_react["default"].createElement("feBlend", {
+    "in": "SourceGraphic",
+    in2: "effect1_dropShadow",
+    result: "shape"
+  }))));
+};
+
+SearchTransparentHoverIcon.defaultProps = {
+  width: "29",
+  height: "30",
+  viewBox: "0 0 29 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var ExpandIcon = function ExpandIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1 1l4.956 4.389L10.97 1",
+    stroke: "gray"
+  }));
+};
+
+ExpandIcon.defaultProps = {
+  width: "12",
+  height: "7",
+  viewBox: "0 0 12 7",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var ExpandHoverGrayIcon = function ExpandHoverGrayIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1 1l4.956 4.389L10.97 1",
+    stroke: "#262626"
+  }));
+};
+
+ExpandHoverGrayIcon.defaultProps = {
+  width: "12",
+  height: "7",
+  viewBox: "0 0 12 7",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var ExpandHoverWhiteIcon = function ExpandHoverWhiteIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1 1l4.956 4.389L10.97 1",
+    stroke: "#fff"
+  }));
+};
+
+ExpandHoverWhiteIcon.defaultProps = {
+  width: "12",
+  height: "7",
+  viewBox: "0 0 12 7",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var CollapseIcon = function CollapseIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M10.97 5.389L6.014 1 1 5.389",
+    stroke: "gray"
+  }));
+};
+
+CollapseIcon.defaultProps = {
+  width: "12",
+  height: "6",
+  viewBox: "0 0 12 6",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var CollapseHoverGrayIcon = function CollapseHoverGrayIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M10.97 5.389L6.014 1 1 5.389",
+    stroke: "#262626"
+  }));
+};
+
+CollapseHoverGrayIcon.defaultProps = {
+  width: "12",
+  height: "6",
+  viewBox: "0 0 12 6",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var CollapseHoverWhiteIcon = function CollapseHoverWhiteIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M10.97 5.389L6.014 1 1 5.389",
+    stroke: "#fff"
+  }));
+};
+
+CollapseHoverWhiteIcon.defaultProps = {
+  width: "12",
+  height: "6",
+  viewBox: "0 0 12 6",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var ExpandWideIcon = function ExpandWideIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1 1l9.445 8L20 1",
+    stroke: "#9C9C9C"
+  }));
+};
+
+ExpandWideIcon.defaultProps = {
+  width: "21",
+  height: "10",
+  viewBox: "0 0 21 10",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var ExpandWideWhiteIcon = function ExpandWideWhiteIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1 1l9.445 8L20 1",
+    stroke: "#fff"
+  }));
+};
+
+ExpandWideWhiteIcon.defaultProps = {
+  width: "21",
+  height: "10",
+  viewBox: "0 0 21 10",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var CollapseWideIcon = function CollapseWideIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M20 9l-9.445-8L1 9",
+    stroke: "#9C9C9C"
+  }));
+};
+
+CollapseWideIcon.defaultProps = {
+  width: "21",
+  height: "10",
+  viewBox: "0 0 21 10",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var CollapseWideWhiteIcon = function CollapseWideWhiteIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M20 9l-9.445-8L1 9",
+    stroke: "#fff"
+  }));
+};
+
+CollapseWideWhiteIcon.defaultProps = {
+  width: "21",
+  height: "10",
+  viewBox: "0 0 21 10",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var MenuIcon = function MenuIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 1.5V0h16.5v1.5H0zm0 8.03v-1.5h16.5v1.5H0zm0 6.529v1.5h16.5v-1.5H0z",
+    fill: "#979797"
+  }));
+};
+
+MenuIcon.defaultProps = {
+  width: "17",
+  height: "18",
+  viewBox: "0 0 17 18",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var MenuWhiteIcon = function MenuWhiteIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 1.5V0h16.5v1.5H0zm0 8.03v-1.5h16.5v1.5H0zm0 6.529v1.5h16.5v-1.5H0z",
+    fill: "#fff"
+  }));
+};
+
+MenuWhiteIcon.defaultProps = {
+  width: "17",
+  height: "18",
+  viewBox: "0 0 17 18",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var CloseIcon = function CloseIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
+    cx: "21",
+    cy: "21",
+    r: "21",
+    fill: "#fff"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.29 13.22a.75.75 0 0 0-1.061 0l-6.974 6.974-6.975-6.974a.75.75 0 0 0-1.06 1.06l6.974 6.975-6.974 6.974a.75.75 0 0 0 1.06 1.06l6.975-6.974 6.974 6.974a.75.75 0 0 0 1.06-1.06l-6.974-6.974 6.974-6.974a.75.75 0 0 0 0-1.061z",
+    fill: "#979797"
+  }));
+};
+
+CloseIcon.defaultProps = {
+  width: "42",
+  height: "42",
+  viewBox: "0 0 42 42",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var ServiceIcons = {
+  normal: {
+    bookmark: [BookmarkNormalIcon, BookmarkNormalHoverIcon],
+    login: [LoginNormalIcon, LoginNormalHoverIcon],
+    logout: [LogoutNormalIcon, LogoutNormalHoverIcon],
+    search: [SearchNormalIcon, SearchNormalHoverIcon]
+  },
+  photography: {
+    bookmark: [BookmarkPhotoIcon, BookmarkPhotoHoverIcon],
+    login: [LoginPhotoIcon, LoginPhotoHoverIcon],
+    logout: [LogoutPhotoIcon, LogoutPhotoHoverIcon],
+    search: [SearchPhotoIcon, SearchPhotoHoverIcon]
+  },
+  transparent: {
+    bookmark: [BookmarkTransparentIcon, BookmarkTransparentHoverIcon],
+    login: [LoginTransparentIcon, LoginTransparentHoverIcon],
+    logout: [LogoutTransparentIcon, LogoutTransparentHoverIcon],
+    search: [SearchTransparentIcon, SearchTransparentHoverIcon]
+  }
+};
+exports.ServiceIcons = ServiceIcons;
+var Icons = {
+  normal: {
+    expand: [ExpandIcon, ExpandHoverGrayIcon],
+    collapse: [CollapseIcon, CollapseHoverGrayIcon],
+    expandWide: ExpandWideIcon,
+    collapseWide: CollapseWideIcon,
+    menu: MenuIcon,
+    close: CloseIcon
+  },
+  photography: {
+    expand: [ExpandIcon, ExpandHoverWhiteIcon],
+    collapse: [CollapseIcon, CollapseHoverWhiteIcon],
+    expandWide: ExpandWideWhiteIcon,
+    collapseWide: CollapseWideWhiteIcon,
+    menu: MenuIcon,
+    close: CloseIcon
+  },
+  transparent: {
+    expand: [ExpandIcon, ExpandHoverWhiteIcon],
+    collapse: [CollapseIcon, CollapseHoverWhiteIcon],
+    expandWide: ExpandWideWhiteIcon,
+    collapseWide: CollapseWideWhiteIcon,
+    menu: MenuWhiteIcon,
+    close: CloseIcon
+  }
+};
+exports.Icons = Icons;
+var _default = {
+  ServiceIcons: ServiceIcons,
+  Icons: Icons
+};
+exports["default"] = _default;