@capillarytech/blaze-ui 5.11.0 → 5.11.4

package/.npmrc

@@ -0,0 +1,2 @@
+npm config set scope capillarytech
+//registry.npmjs.org/:_authToken=${NPM_TOKEN}

package/CapErrorBoundary/index.js

@@ -4767,9 +4767,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 exports.__esModule = true;
 exports["default"] = void 0;
 var _classnames = _interopRequireDefault(__webpack_require__(46942));
-var _propTypes = _interopRequireDefault(__webpack_require__(43363));
 var _react = _interopRequireDefault(__webpack_require__(9206));
-var _styledComponents = _interopRequireDefault(__webpack_require__(76480));
 var _expiryErrorStateIllustration = _interopRequireDefault(__webpack_require__(67277));
 var _refreshErrorStateIllustration = _interopRequireDefault(__webpack_require__(57291));
 var _CapButton = _interopRequireDefault(__webpack_require__(80739));
@@ -4777,11 +4775,9 @@ var _CapHeading = _interopRequireDefault(__webpack_require__(7319));
 var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
 var _CapImage = _interopRequireDefault(__webpack_require__(84446));
 var _CapRow = _interopRequireDefault(__webpack_require__(69813));
-var _variables = __webpack_require__(56587);
-__webpack_require__(72890);
+var _styles = _interopRequireDefault(__webpack_require__(72890));
 var _jsxRuntime = __webpack_require__(74848);
 const _excluded = ["showImage", "className", "refreshText", "expiryTitle", "refreshTitle", "onRefreshClick", "isRefreshExpired", "expiryDescription"];
-var _templateObject, _templateObject2;
 /**
  *
  * CapErrorStateIllustration
@@ -4790,28 +4786,26 @@ var _templateObject, _templateObject2;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function _taggedTemplateLiteralLoose(e, t) { return t || (t = e.slice(0)), e.raw = t, e; }
-const ErrorStateIllustrationContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n"])));
-const RefreshButtonTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  color: ", ";\n"])), _variables.CAP_SPACE_04, _variables.CAP_SPACE_04, _variables.CAP_SECONDARY.base);
 const CapErrorStateIllustration = _ref => {
   let {
-      showImage,
-      className,
-      refreshText,
-      expiryTitle,
-      refreshTitle,
-      onRefreshClick,
-      isRefreshExpired,
-      expiryDescription
+      showImage = true,
+      className = '',
+      refreshText = '',
+      expiryTitle = '',
+      refreshTitle = '',
+      onRefreshClick = () => {},
+      isRefreshExpired = false,
+      expiryDescription = ''
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorStateIllustrationContainer, _extends({
-    className: (0, _classnames.default)('cap-error-state-illustration', className)
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _extends({
+    className: (0, _classnames.default)(_styles.default['cap-error-state-illustration'], className)
   }, rest, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+      className: _styles.default['error-state-illustration-content'],
       children: [showImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapImage.default, {
         src: isRefreshExpired ? _expiryErrorStateIllustration.default : _refreshErrorStateIllustration.default,
-        className: "error-state-image"
+        className: _styles.default['error-state-image']
       }), !isRefreshExpired ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [refreshTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
           type: "h4",
@@ -4819,11 +4813,12 @@ const CapErrorStateIllustration = _ref => {
         }), refreshText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapButton.default, {
           type: "link",
           onClick: onRefreshClick,
-          className: "error-state-refresh-button",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(RefreshButtonTextContainer, {
+          className: _styles.default['error-state-refresh-button'],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: _styles.default['refresh-button-text-container'],
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
               type: "refresh",
-              className: "error-state-refresh-icon"
+              className: _styles.default['error-state-refresh-icon']
             }), refreshText]
           })
         })]
@@ -4839,26 +4834,7 @@ const CapErrorStateIllustration = _ref => {
     })
   }));
 };
-CapErrorStateIllustration.defaultProps = {
-  className: '',
-  refreshText: '',
-  expiryTitle: '',
-  showImage: true,
-  refreshTitle: '',
-  expiryDescription: '',
-  isRefreshExpired: false,
-  onRefreshClick: () => {}
-};
-CapErrorStateIllustration.propTypes = {
-  showImage: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  onRefreshClick: _propTypes.default.func,
-  isRefreshExpired: _propTypes.default.bool,
-  refreshText: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  expiryTitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  refreshTitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  expiryDescription: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node])
-};
+CapErrorStateIllustration.displayName = 'CapErrorStateIllustration';
 var _default = exports["default"] = CapErrorStateIllustration;
 
 /***/ }),
@@ -11100,13 +11076,15 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-error-state-illustration .error-state-image{padding-bottom:1.428rem}.cap-error-state-illustration .error-state-refresh-button{margin:.285rem}.cap-error-state-illustration .error-state-refresh-icon{font-size:1.143rem}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-error-state-illustration{width:100%;height:100%;display:flex;text-align:center;align-items:center;justify-content:center}.cap-error-state-illustration .error-state-image{padding-bottom:1.428rem}.cap-error-state-illustration .error-state-refresh-button{margin:.285rem}.cap-error-state-illustration .error-state-refresh-icon{font-size:1.143rem}.cap-error-state-illustration .error-state-illustration-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.cap-error-state-illustration .refresh-button-text-container{display:flex;align-items:center;gap:.285rem;padding:.285rem;color:#2466ea}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-error-state-illustration": `cap-error-state-illustration`,
 	"error-state-image": `error-state-image`,
 	"error-state-refresh-button": `error-state-refresh-button`,
-	"error-state-refresh-icon": `error-state-refresh-icon`
+	"error-state-refresh-icon": `error-state-refresh-icon`,
+	"error-state-illustration-content": `error-state-illustration-content`,
+	"refresh-button-text-container": `refresh-button-text-container`
 };
 module.exports = ___CSS_LOADER_EXPORT___;
 
@@ -13746,14 +13724,6 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
 
 
-/***/ }),
-
-/***/ 76480:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("styled-components");
-
 /***/ }),
 
 /***/ 76903: