@carbon/ibm-products 1.0.0-rc.0 → 1.0.1

package/lib/components/EmptyStates/assets/NotificationsIllustration.js

@@ -0,0 +1,345 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationsIllustration = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _settings = require("../../../settings");
+
+var _uuidv = _interopRequireDefault(require("../../../global/js/utils/uuidv4"));
+
+var _excluded = ["theme", "size"];
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
+
+var NotificationsIllustration = function NotificationsIllustration(_ref) {
+  var theme = _ref.theme,
+      size = _ref.size,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var svgId = (0, _uuidv.default)();
+  return theme === 'dark' ? /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, rest, {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 80,
+    height: 80,
+    viewBox: "0 0 80 80",
+    className: (0, _classnames.default)(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__a_dark_".concat(svgId),
+    x1: 30.05,
+    y1: 54.31,
+    x2: 35.5,
+    y2: 54.31,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#161616"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#262626"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__b_dark_".concat(svgId),
+    x1: 28.61,
+    y1: -3.97,
+    x2: 70.69,
+    y2: 68.92,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#525252"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.52,
+    stopColor: "#393939"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.61,
+    stopColor: "#393939"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#161616"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__c_dark_".concat(svgId),
+    x1: 38.01,
+    y1: 69.51,
+    x2: 38.01,
+    y2: -0.42,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#262626"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#393939"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__d_dark_".concat(svgId),
+    x1: 15.14,
+    y1: 5.72,
+    x2: 63.06,
+    y2: 33.52,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.78,
+    stopColor: "#6f6f6f"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.81,
+    stopColor: "#6c6c6c",
+    stopOpacity: 0.96
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.85,
+    stopColor: "#636363",
+    stopOpacity: 0.84
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.89,
+    stopColor: "#545454",
+    stopOpacity: 0.64
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.93,
+    stopColor: "#404040",
+    stopOpacity: 0.35
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.97,
+    stopColor: "#262626",
+    stopOpacity: 0
+  })), /*#__PURE__*/_react.default.createElement("style", null, ".prefix__f_dark_".concat(svgId, "{fill:#525252}"))), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "none",
+    d: "M0 0h80v80H0z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    opacity: 0.25,
+    d: "M15.13 52.11l45.5 26.28 4.25-2.51L19.4 49.63l-4.27 2.48z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M32.66 52.85l-2.25 4.22a1.08 1.08 0 01-.36.35l2.83-1.65a1.08 1.08 0 00.36-.35l2.26-4.22z",
+    fill: "url(#prefix__a_dark_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M63.45 26.58L20.63 1.86a1 1 0 00-1-.1l-4 2.3a1 1 0 011 .1l42.85 24.72a3.17 3.17 0 011.42 2.47l-.1 36.08a1 1 0 01-.42.91l4-2.3a1 1 0 00.42-.91L64.88 29a3.14 3.14 0 00-1.43-2.42z",
+    fill: "url(#prefix__b_dark_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z",
+    fill: "url(#prefix__c_dark_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    className: "prefix__f_dark_".concat(svgId),
+    d: "M57.99 37.07l-.01 3.9L18.03 17.9l.01-3.9 39.95 23.07zM57.99 45.11l-.01 3.91-39.95-23.07.01-3.9 39.95 23.06zM44.62 45.04l-.01 3.9L18.03 33.6l.01-3.9 26.58 15.34z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M60.76 30.55a2.54 2.54 0 01.14.8v3.95l.41-.13v-3.82a3.54 3.54 0 00-1.63-2.82L16.86 3.8a2.09 2.09 0 00-.44-.19l-.78.45a1 1 0 01.21-.06h.48l.27.12 21.47 12.4 21.41 12.36a3.19 3.19 0 011.28 1.67z",
+    fill: "url(#prefix__d_dark_".concat(svgId, ")")
+  })) : /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, rest, {
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    width: 80,
+    height: 80,
+    viewBox: "0 0 80 80",
+    className: (0, _classnames.default)(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__a_".concat(svgId),
+    x1: 61.44,
+    y1: 66.99,
+    x2: 61.44,
+    y2: 60.01,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#c6c6c6"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.78,
+    stopColor: "#e0e0e0"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__b_".concat(svgId),
+    x1: 28.49,
+    y1: 44.06,
+    x2: 53.04,
+    y2: 86.58,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#525252",
+    stopOpacity: 0.05
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopOpacity: 0.1
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__c_".concat(svgId),
+    x1: 30.05,
+    y1: 54.31,
+    x2: 35.5,
+    y2: 54.31,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#a4a4a4"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#bebebe"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__d_".concat(svgId),
+    x1: 28.61,
+    y1: -3.97,
+    x2: 70.69,
+    y2: 68.92,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#f4f4f4"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.52,
+    stopColor: "#e0e0e0"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.56,
+    stopColor: "#d8d8d8"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.61,
+    stopColor: "#c6c6c6"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.89,
+    stopColor: "#a8a8a8"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.96,
+    stopColor: "#8d8d8d"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__e_".concat(svgId),
+    x1: 38.01,
+    y1: 59.43,
+    x2: 38.01,
+    y2: 3.27,
+    xlinkHref: "#prefix__a_".concat(svgId)
+  }), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__f_".concat(svgId),
+    x1: 21.52,
+    y1: 36.2,
+    x2: 61.39,
+    y2: 36.2,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#e0e0e0"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#c6c6c6"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__h_".concat(svgId),
+    x1: 17.68,
+    y1: 15.75,
+    x2: 55.37,
+    y2: 37.5,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#fff"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.05,
+    stopColor: "#fdfdfd"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.3,
+    stopColor: "#f6f6f6"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#f4f4f4"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__i_".concat(svgId),
+    x1: 14.24,
+    y1: 21.81,
+    x2: 51.92,
+    y2: 43.56,
+    xlinkHref: "#prefix__h_".concat(svgId)
+  }), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__j_".concat(svgId),
+    x1: 10.96,
+    y1: 27.56,
+    x2: 48.66,
+    y2: 49.33,
+    xlinkHref: "#prefix__h_".concat(svgId)
+  }), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__k_".concat(svgId),
+    x1: 15.14,
+    y1: 5.72,
+    x2: 63.06,
+    y2: 33.52,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.78,
+    stopColor: "#fff"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.8,
+    stopColor: "#fefefe",
+    stopOpacity: 0.98
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.82,
+    stopColor: "#fcfcfc",
+    stopOpacity: 0.93
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.85,
+    stopColor: "#f8f8f8",
+    stopOpacity: 0.84
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.87,
+    stopColor: "#f2f2f2",
+    stopOpacity: 0.72
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.9,
+    stopColor: "#eaeaea",
+    stopOpacity: 0.56
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.93,
+    stopColor: "#e1e1e1",
+    stopOpacity: 0.37
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.95,
+    stopColor: "#d7d7d7",
+    stopOpacity: 0.14
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.97,
+    stopColor: "#d0d0d0",
+    stopOpacity: 0
+  })), /*#__PURE__*/_react.default.createElement("style", null, ".prefix__f_".concat(svgId, "{fill:url(#prefix__e_").concat(svgId, ")}"))), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "none",
+    d: "M0 0h80v80H0z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M61.3 68.11a.67.67 0 00.09-.14.67.67 0 01-.09.14zm.22-.46a1.58 1.58 0 000-.32v-7.24 7.24a1.58 1.58 0 010 .32zm-.09.26a1.18 1.18 0 00.07-.2 1.18 1.18 0 01-.07.2z",
+    fill: "url(#prefix__a_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "url(#prefix__b_".concat(svgId, ")"),
+    d: "M15.13 52.11l45.5 26.28 4.25-2.51L19.4 49.63l-4.27 2.48z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M32.66 52.85l-2.25 4.22a1.08 1.08 0 01-.36.35l2.83-1.65a1.08 1.08 0 00.36-.35l2.26-4.22z",
+    fill: "url(#prefix__c_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M63.45 26.58L20.63 1.86a1 1 0 00-1-.1l-4 2.3a1 1 0 011 .1l42.85 24.72a3.17 3.17 0 011.42 2.47l-.1 36.08a1 1 0 01-.42.91l4-2.3a1 1 0 00.42-.91L64.88 29a3.14 3.14 0 00-1.43-2.42z",
+    fill: "url(#prefix__d_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    className: "prefix__f_".concat(svgId),
+    d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z",
+    fill: "url(#prefix__f_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    className: "prefix__f_".concat(svgId),
+    d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "url(#prefix__h_".concat(svgId, ")"),
+    d: "M57.99 37.07l-.01 3.9L18.03 17.9l.01-3.9 39.95 23.07z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "url(#prefix__i_".concat(svgId, ")"),
+    d: "M57.99 45.11l-.01 3.91-39.95-23.07.01-3.9 39.95 23.06z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "url(#prefix__j_".concat(svgId, ")"),
+    d: "M44.62 45.04l-.01 3.9L18.03 33.6l.01-3.9 26.58 15.34z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M60.76 30.55a2.54 2.54 0 01.14.8v3.95l.41-.13v-3.82a3.54 3.54 0 00-1.63-2.82L16.86 3.8a2.09 2.09 0 00-.44-.19l-.78.45a1 1 0 01.21-.06h.48l.27.12 21.47 12.4 21.41 12.36a3.19 3.19 0 011.28 1.67z",
+    fill: "url(#prefix__k_".concat(svgId, ")")
+  }));
+};
+
+exports.NotificationsIllustration = NotificationsIllustration;
+NotificationsIllustration.propTypes = {
+  size: _propTypes.default.oneOf(['lg', 'sm']),
+  theme: _propTypes.default.oneOf(['light', 'dark'])
+};

package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js

@@ -0,0 +1,318 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnauthorizedIllustration = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _settings = require("../../../settings");
+
+var _uuidv = _interopRequireDefault(require("../../../global/js/utils/uuidv4"));
+
+var _excluded = ["theme", "size"];
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
+
+var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
+  var theme = _ref.theme,
+      size = _ref.size,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var svgId = (0, _uuidv.default)();
+  return theme === 'dark' ? /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, rest, {
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    width: 80,
+    height: 80,
+    viewBox: "0 0 80 80",
+    className: (0, _classnames.default)(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__b_dark_".concat(svgId),
+    x1: 17.33,
+    y1: 40.68,
+    x2: 53.57,
+    y2: 19.76,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#525252"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#393939"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__a_dark_".concat(svgId),
+    x1: 37.21,
+    y1: 61.49,
+    x2: 71.41,
+    y2: 41.74,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#262626"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#393939"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__c_dark_".concat(svgId),
+    x1: 39.97,
+    y1: 32.38,
+    x2: 39.97,
+    y2: 1.64,
+    xlinkHref: "#prefix__a_dark_".concat(svgId)
+  }), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__d_dark_".concat(svgId),
+    x1: 24.58,
+    y1: 44.68,
+    x2: 51.62,
+    y2: 44.68,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#393939"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#262626"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__e_dark_".concat(svgId),
+    x1: 32.72,
+    y1: 45.46,
+    x2: 38.82,
+    y2: 41.94,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#262626"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#161616"
+  }))), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "none",
+    d: "M0 0h80v80H0z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    opacity: 0.25,
+    d: "M20.28 60.39l10.27-5.94 30.8 17.79-10.26 5.93-30.81-17.78z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M61.16 32.9a1.44 1.44 0 00-.5-.51l-1.1-.64-28.48-16.44a.52.52 0 00-.5-.06l-10.11 5.83c-.11.07 2.16 28.77 2.16 28.77l4.3 2.79L61.26 33.1a1.24 1.24 0 00-.1-.2z",
+    fill: "url(#prefix__b_dark_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M61.16 62.45a.5.5 0 00.23-.48V33.64a1.38 1.38 0 00-.13-.54L26.93 52.64l24.12 15.64z",
+    fill: "url(#prefix__a_dark_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M46.88 31.4a.85.85 0 00.5.69 2.69 2.69 0 002.41 0 .85.85 0 00.49-.7V18.27c0-5.39-4.15-12-9.46-15.07-3-1.76-6-2-8.22-.78-1.9 1.09-3 3.19-3 5.89V21.5a.85.85 0 00.5.7 2.67 2.67 0 002.4 0 .87.87 0 00.5-.7V8.31a3.29 3.29 0 011.3-2.95c1.08-.62 2.88-.33 4.82.79 4.21 2.43 7.76 8 7.76 12.12z",
+    fill: "url(#prefix__c_dark_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M50.56 38.22l-1.1-.63L21 21.14a.44.44 0 00-.72.42v28.33a1.49 1.49 0 00.23.74 1.42 1.42 0 00.49.51l28.46 16.45 1.1.63a.5.5 0 00.49.06.49.49 0 00.23-.47V39.47a1.61 1.61 0 00-.72-1.25z",
+    fill: "url(#prefix__d_dark_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M38 41.63a5 5 0 00-2.25-3.9c-1.25-.72-2.26-.13-2.26 1.3a4.73 4.73 0 00.84 2.5l-.84 5.31 4.51 2.6-.84-6.27a1.48 1.48 0 00.84-1.54z",
+    fill: "url(#prefix__e_dark_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M51.41 38.51a1.9 1.9 0 00-.64-.65l-1.1-.63-28.49-16.45-.1-.05-.61.35a.33.33 0 01.17 0 .6.6 0 01.32.1l28.5 16.41 1.1.63a1.5 1.5 0 01.49.51s.05.09.08.14l.36-.21z",
+    fill: "#6f6f6f"
+  })) : /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, rest, {
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    width: 80,
+    height: 80,
+    viewBox: "0 0 80 80",
+    className: (0, _classnames.default)(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__b",
+    x1: 27.98,
+    y1: 73.72,
+    x2: 53.65,
+    y2: 58.9,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#525252",
+    stopOpacity: 0.05
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopOpacity: 0.1
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__c_".concat(svgId),
+    x1: 17.33,
+    y1: 40.68,
+    x2: 53.57,
+    y2: 19.76,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#f4f4f4"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.78,
+    stopColor: "#e0e0e0"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#c6c6c6"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__d_".concat(svgId),
+    x1: 28.59,
+    y1: 16.01,
+    x2: 58.88,
+    y2: 68.47,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#f4f4f4"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.11,
+    stopColor: "#e0e0e0"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.25,
+    stopColor: "#d8d8d8"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.44,
+    stopColor: "#c6c6c6"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.53,
+    stopColor: "#ababab"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.93,
+    stopColor: "#a8a8a8"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#8d8d8d"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__a_".concat(svgId),
+    x1: 26.93,
+    y1: 50.69,
+    x2: 61.39,
+    y2: 50.69,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#a8a8a8"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#c6c6c6"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__e_".concat(svgId),
+    x1: 39.97,
+    y1: 32.38,
+    x2: 39.97,
+    y2: 1.64,
+    xlinkHref: "#prefix__a_".concat(svgId)
+  }), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__f_".concat(svgId),
+    x1: 24.58,
+    y1: 44.68,
+    x2: 51.62,
+    y2: 44.68,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#e0e0e0"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#c6c6c6"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__g_".concat(svgId),
+    x1: 32.72,
+    y1: 45.46,
+    x2: 38.82,
+    y2: 41.94,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0,
+    stopColor: "#a8a8a8"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#8d8d8d"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "prefix__h_".concat(svgId),
+    x1: 20.61,
+    y1: 20.85,
+    x2: 52.7,
+    y2: 39.38,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.67,
+    stopColor: "#fff"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.76,
+    stopColor: "#fff",
+    stopOpacity: 0.99
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.8,
+    stopColor: "#fdfdfd",
+    stopOpacity: 0.96
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.84,
+    stopColor: "#fbfbfb",
+    stopOpacity: 0.91
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.87,
+    stopColor: "#f7f7f7",
+    stopOpacity: 0.83
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.9,
+    stopColor: "#f3f3f3",
+    stopOpacity: 0.74
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.92,
+    stopColor: "#ededed",
+    stopOpacity: 0.62
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.95,
+    stopColor: "#e6e6e6",
+    stopOpacity: 0.48
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.97,
+    stopColor: "#dfdfdf",
+    stopOpacity: 0.31
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 0.99,
+    stopColor: "#d6d6d6",
+    stopOpacity: 0.13
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: 1,
+    stopColor: "#d0d0d0",
+    stopOpacity: 0
+  }))), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "none",
+    d: "M0 0h80v80H0z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "url(#prefix__b_".concat(svgId, ")"),
+    d: "M20.28 60.39l10.27-5.94 30.8 17.79-10.26 5.93-30.81-17.78z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M61.16 32.9a1.44 1.44 0 00-.5-.51l-1.1-.64-28.48-16.44a.52.52 0 00-.5-.06l-10.11 5.83c-.11.07 2.16 28.77 2.16 28.77l4.3 2.79L61.26 33.1a1.24 1.24 0 00-.1-.2z",
+    fill: "url(#prefix__c_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M61.16 62.45a.5.5 0 00.23-.48V33.64a1.38 1.38 0 00-.13-.54L26.93 52.64l24.12 15.64z",
+    fill: "url(#prefix__d_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M61.16 62.45a.5.5 0 00.23-.48V33.64a1.38 1.38 0 00-.13-.54L26.93 52.64l24.12 15.64z",
+    fill: "url(#prefix__a_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M46.88 31.4a.85.85 0 00.5.69 2.69 2.69 0 002.41 0 .85.85 0 00.49-.7V18.27c0-5.39-4.15-12-9.46-15.07-3-1.76-6-2-8.22-.78-1.9 1.09-3 3.19-3 5.89V21.5a.85.85 0 00.5.7 2.67 2.67 0 002.4 0 .87.87 0 00.5-.7V8.31a3.29 3.29 0 011.3-2.95c1.08-.62 2.88-.33 4.82.79 4.21 2.43 7.76 8 7.76 12.12z",
+    fill: "url(#prefix__e_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M50.56 38.22l-1.1-.63L21 21.14a.44.44 0 00-.72.42v28.33a1.49 1.49 0 00.23.74 1.42 1.42 0 00.49.51l28.46 16.45 1.1.63a.5.5 0 00.49.06.49.49 0 00.23-.47V39.47a1.61 1.61 0 00-.72-1.25z",
+    fill: "url(#prefix__f_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M38 41.63a5 5 0 00-2.25-3.9c-1.25-.72-2.26-.13-2.26 1.3a4.73 4.73 0 00.84 2.5l-.84 5.31 4.51 2.6-.84-6.27a1.48 1.48 0 00.84-1.54z",
+    fill: "url(#prefix__g_".concat(svgId, ")")
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M51.41 38.51a1.9 1.9 0 00-.64-.65l-1.1-.63-28.49-16.45-.1-.05-.61.35a.33.33 0 01.17 0 .6.6 0 01.32.1l28.5 16.41 1.1.63a1.5 1.5 0 01.49.51s.05.09.08.14l.36-.21z",
+    fill: "url(#prefix__h_".concat(svgId, ")")
+  }));
+};
+
+exports.UnauthorizedIllustration = UnauthorizedIllustration;
+UnauthorizedIllustration.propTypes = {
+  size: _propTypes.default.oneOf(['lg', 'sm']),
+  theme: _propTypes.default.oneOf(['light', 'dark'])
+};