UNPKG

@twreporter/universal-header

Version:
826 lines (825 loc) 38.2 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = exports.ServiceIcons = exports.Icons = 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 = exports.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] } }; var Icons = exports.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 } }; var _default = exports["default"] = { ServiceIcons: ServiceIcons, Icons: Icons };