@capillarytech/blaze-ui 4.2.0 → 4.3.0

package/dist/CapStatisticCard/index.js

@@ -130,6 +130,29 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
+/***/ }),
+
+/***/ 15521:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+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, `.blaze-ui-ant-divider.blaze-ui-cap-divider-v2{background:#dfe2e7}.blaze-ui-ant-divider.blaze-ui-cap-divider-v2.blaze-ui-ant-divider-horizontal.blaze-ui-ant-divider-with-text,.blaze-ui-ant-divider.blaze-ui-cap-divider-v2.blaze-ui-ant-divider-horizontal.blaze-ui-ant-divider-with-text-left,.blaze-ui-ant-divider.blaze-ui-cap-divider-v2.blaze-ui-ant-divider-horizontal.blaze-ui-ant-divider-with-text-right{background:rgba(0,0,0,0)}.blaze-ui-ant-divider.blaze-ui-cap-divider-v2.blaze-ui-ant-divider-horizontal.blaze-ui-ant-divider-with-text::before,.blaze-ui-ant-divider.blaze-ui-cap-divider-v2.blaze-ui-ant-divider-horizontal.blaze-ui-ant-divider-with-text-left::before,.blaze-ui-ant-divider.blaze-ui-cap-divider-v2.blaze-ui-ant-divider-horizontal.blaze-ui-ant-divider-with-text-right::before,.blaze-ui-ant-divider.blaze-ui-cap-divider-v2.blaze-ui-ant-divider-horizontal.blaze-ui-ant-divider-with-text::after,.blaze-ui-ant-divider.blaze-ui-cap-divider-v2.blaze-ui-ant-divider-horizontal.blaze-ui-ant-divider-with-text-left::after,.blaze-ui-ant-divider.blaze-ui-cap-divider-v2.blaze-ui-ant-divider-horizontal.blaze-ui-ant-divider-with-text-right::after{border-color:#dfe2e7}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"ant-divider": `blaze-ui-ant-divider`,
+	"cap-divider-v2": `blaze-ui-cap-divider-v2`,
+	"ant-divider-horizontal": `blaze-ui-ant-divider-horizontal`,
+	"ant-divider-with-text": `blaze-ui-ant-divider-with-text`,
+	"ant-divider-with-text-left": `blaze-ui-ant-divider-with-text-left`,
+	"ant-divider-with-text-right": `blaze-ui-ant-divider-with-text-right`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 21020:
@@ -162,13 +185,12 @@ exports["default"] = void 0;
 var _antdV = __webpack_require__(64273);
 var _classnames = _interopRequireDefault(__webpack_require__(46942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
+__webpack_require__(74770);
 var _jsxRuntime = __webpack_require__(74848);
-const _excluded = ["className", "orientation", "type"]; // Legacy alignment values that need mapping
-// Valid Ant Design v6 title placement values
+const _excluded = ["className", "orientation", "titlePlacement", "type", "children"];
 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; }
-// Map legacy alignment values to Ant Design v6 titlePlacement values
 const mapTitlePlacement = value => {
   if (value === 'left') return 'start';
   if (value === 'right') return 'end';
@@ -177,18 +199,48 @@ const mapTitlePlacement = value => {
   }
   return undefined;
 };
+
+// Type guard to check if orientation is for text alignment
+const isTextAlignmentValue = value => {
+  return value === 'left' || value === 'right' || value === 'center' || value === 'start' || value === 'end';
+};
+
+// Type guard to check if orientation is for divider direction
+const isDividerDirectionValue = value => {
+  return value === 'horizontal' || value === 'vertical';
+};
 const CapDivider = _ref => {
   let {
       className,
       orientation,
-      type = 'horizontal'
+      titlePlacement,
+      type,
+      children
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  // Determine if 'orientation' is being used for text alignment (legacy cap-ui-library API)
+  // or for divider direction (Ant Design v6 API)
+  const isOrientationForTextAlignment = orientation !== undefined && isTextAlignmentValue(orientation);
+
+  // Divider direction (horizontal/vertical)
+  // Priority: orientation (if used for direction) > type (deprecated) > default horizontal
+  const dividerOrientation = isOrientationForTextAlignment ? type != null ? type : 'horizontal' // If orientation is for text, use type for direction
+  : isDividerDirectionValue(orientation) ? orientation : type != null ? type : 'horizontal'; // Otherwise use orientation or type
+
+  // Text alignment (titlePlacement)
+  // Priority: titlePlacement prop > orientation (if used for text alignment)
+  const finalTitlePlacement = mapTitlePlacement(titlePlacement != null ? titlePlacement : isOrientationForTextAlignment ? orientation : undefined);
+
+  // Deprecation warnings
+  if (false) // removed by dead control flow
+{}
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.Divider, _extends({
     className: (0, _classnames.default)('cap-divider-v2', className),
-    orientation: type,
-    titlePlacement: mapTitlePlacement(orientation)
-  }, rest));
+    orientation: dividerOrientation,
+    titlePlacement: finalTitlePlacement
+  }, rest, {
+    children: children
+  }));
 };
 var _default = exports["default"] = CapDivider;
 
@@ -360,14 +412,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);
 
 
-/***/ }),
-
-/***/ 43363:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("prop-types");
-
 /***/ }),
 
 /***/ 43953:
@@ -514,7 +558,7 @@ 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, `.blaze-ui-stats-card .blaze-ui-stats-item{display:inline-block}.blaze-ui-stats-card .blaze-ui-stats-item .blaze-ui-stats-text{margin-bottom:.285rem;padding-right:10px}.blaze-ui-stats-card .blaze-ui-stats-item .blaze-ui-stats-val{padding-right:10px}.blaze-ui-stats-card .blaze-ui-stats-item .blaze-ui-stats-sub-text{margin-top:.571rem}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-stats-card .blaze-ui-stats-item{display:inline-block}.blaze-ui-stats-card .blaze-ui-stats-item .blaze-ui-stats-text{margin-bottom:.285rem;padding-right:.714rem}.blaze-ui-stats-card .blaze-ui-stats-item .blaze-ui-stats-val{padding-right:.714rem}.blaze-ui-stats-card .blaze-ui-stats-item .blaze-ui-stats-sub-text{margin-top:.571rem}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"stats-card": `blaze-ui-stats-card`,
@@ -545,211 +589,6 @@ module.exports = setAttributesWithoutAttributes;
 
 /***/ }),
 
-/***/ 56587:
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.CAP_SPACE_52 = exports.CAP_SPACE_48 = exports.CAP_SPACE_44 = exports.CAP_SPACE_42 = exports.CAP_SPACE_40 = exports.CAP_SPACE_36 = exports.CAP_SPACE_32 = exports.CAP_SPACE_28 = exports.CAP_SPACE_24 = exports.CAP_SPACE_23 = exports.CAP_SPACE_20 = exports.CAP_SPACE_19 = exports.CAP_SPACE_18 = exports.CAP_SPACE_16 = exports.CAP_SPACE_12 = exports.CAP_SPACE_08 = exports.CAP_SPACE_06 = exports.CAP_SPACE_04 = exports.CAP_SPACE_03 = exports.CAP_SPACE_02 = exports.CAP_SPACE_01 = exports.CAP_SPACE_00 = exports.CAP_SECONDARY = exports.CAP_RED03 = exports.CAP_RED02 = exports.CAP_RED01 = exports.CAP_RED = exports.CAP_PURPLE04 = exports.CAP_PURPLE03 = exports.CAP_PURPLE02 = exports.CAP_PURPLE01 = exports.CAP_PURPLE = exports.CAP_PRIMARY = exports.CAP_PINK = exports.CAP_PALE_GREY = exports.CAP_ORANGE02 = exports.CAP_ORANGE01 = exports.CAP_ORANGE = exports.CAP_ICON = exports.CAP_GREEN02 = exports.CAP_GREEN01 = exports.CAP_G20 = exports.CAP_G19 = exports.CAP_G18 = exports.CAP_G17 = exports.CAP_G16 = exports.CAP_G15 = exports.CAP_G14 = exports.CAP_G13 = exports.CAP_G12 = exports.CAP_G11 = exports.CAP_G10 = exports.CAP_G09 = exports.CAP_G08 = exports.CAP_G07 = exports.CAP_G06 = exports.CAP_G05 = exports.CAP_G04 = exports.CAP_G03 = exports.CAP_G02 = exports.CAP_G01 = exports.CAP_COLOR_27 = exports.CAP_COLOR_26 = exports.CAP_COLOR_25 = exports.CAP_COLOR_24 = exports.CAP_COLOR_23 = exports.CAP_COLOR_22 = exports.CAP_COLOR_21 = exports.CAP_COLOR_20 = exports.CAP_COLOR_19 = exports.CAP_COLOR_18 = exports.CAP_COLOR_17 = exports.CAP_COLOR_16 = exports.CAP_COLOR_15 = exports.CAP_COLOR_14 = exports.CAP_COLOR_13 = exports.CAP_COLOR_12 = exports.CAP_COLOR_11 = exports.CAP_COLOR_10 = exports.CAP_COLOR_09 = exports.CAP_COLOR_08 = exports.CAP_COLOR_07 = exports.CAP_COLOR_06 = exports.CAP_COLOR_05 = exports.CAP_COLOR_04 = exports.CAP_COLOR_03 = exports.CAP_COLOR_02 = exports.CAP_COLOR_01 = exports.CAP_BLUE02 = exports.CAP_BLUE01 = exports.CAP_BLUE = exports.CAP_BLACK_ALPHA01 = exports.CAP_BLACK = exports.BUTTON_HEIGHT = exports.BORDER_WIDTH_2 = exports.BORDER_WIDTH_1 = exports.BG_08 = exports.BG_03 = exports.BG_02 = exports.BG_01 = void 0;
-exports.TRANSITION_ALL = exports.SPACING_32 = exports.SPACING_24 = exports.SPACING_16 = exports.SPACING_12 = exports.SPACING_08 = exports.SPACING_04 = exports.RADIUS_08 = exports.RADIUS_04 = exports.NORMAL_LINE_HEIGHT = exports.INPUT_HEIGHT = exports.ICON_SIZE_XS = exports.ICON_SIZE_S = exports.ICON_SIZE_M = exports.ICON_SIZE_L = exports.FONT_WEIGHT_REGULAR = exports.FONT_WEIGHT_MEDIUM = exports.FONT_SIZE_VS = exports.FONT_SIZE_VL = exports.FONT_SIZE_S = exports.FONT_SIZE_M = exports.FONT_SIZE_L = exports.FONT_FAMILY = exports.FONT_COLOR_06 = exports.FONT_COLOR_05 = exports.FONT_COLOR_04 = exports.FONT_COLOR_03 = exports.FONT_COLOR_02 = exports.FONT_COLOR_01 = exports.COLOR_WARNING = exports.COLOR_SUCCESS = exports.COLOR_INFO = exports.COLOR_ERROR = exports.CAP_YELLOW02 = exports.CAP_YELLOW01 = exports.CAP_YELLOW = exports.CAP_WHITE_OVERLAY = exports.CAP_WHITE = exports.CAP_SPACE_80 = exports.CAP_SPACE_72 = exports.CAP_SPACE_64 = exports.CAP_SPACE_60 = exports.CAP_SPACE_56 = void 0;
-/* Color Palette */
-//========================
-
-// Primary colors
-const CAP_PRIMARY = exports.CAP_PRIMARY = {
-  base: '#47af46',
-  hover: '#1f9a1d',
-  disabled: '#a1d8a0'
-};
-
-// Secondary colors
-const CAP_SECONDARY = exports.CAP_SECONDARY = {
-  base: '#2466ea',
-  light: 'rgba(36, 102, 234, 0.1)'
-};
-const NORMAL_LINE_HEIGHT = exports.NORMAL_LINE_HEIGHT = 'normal';
-
-// Custom colors
-const CAP_ORANGE = exports.CAP_ORANGE = '#f87d23';
-const CAP_ORANGE01 = exports.CAP_ORANGE01 = '#ffe5d2';
-const CAP_ORANGE02 = exports.CAP_ORANGE02 = '#fa7d02';
-const CAP_YELLOW = exports.CAP_YELLOW = '#fec52e';
-const CAP_YELLOW01 = exports.CAP_YELLOW01 = '#e8bc25';
-const CAP_YELLOW02 = exports.CAP_YELLOW02 = '#f9d438';
-const CAP_BLUE = exports.CAP_BLUE = '#23cccc';
-const CAP_PURPLE = exports.CAP_PURPLE = '#8517e5';
-const CAP_PINK = exports.CAP_PINK = '#e51fa3';
-const CAP_RED = exports.CAP_RED = '#ea213a';
-const CAP_ICON = exports.CAP_ICON = '#7a869a';
-const CAP_PALE_GREY = exports.CAP_PALE_GREY = '#e9f0fe';
-const CAP_BLUE01 = exports.CAP_BLUE01 = '#2466eb';
-const CAP_BLUE02 = exports.CAP_BLUE02 = '#1d61ee';
-const CAP_RED01 = exports.CAP_RED01 = '#e51fa3';
-const CAP_RED02 = exports.CAP_RED02 = '#f5222d';
-const CAP_RED03 = exports.CAP_RED03 = '#ed1b34';
-const CAP_PURPLE01 = exports.CAP_PURPLE01 = '#6563ff';
-const CAP_PURPLE02 = exports.CAP_PURPLE02 = '#a451ff';
-const CAP_PURPLE03 = exports.CAP_PURPLE03 = '#f2e7fe';
-const CAP_PURPLE04 = exports.CAP_PURPLE04 = '#d4e1fc';
-const CAP_GREEN01 = exports.CAP_GREEN01 = '#6bb56b';
-const CAP_GREEN02 = exports.CAP_GREEN02 = '#ecf7ec';
-
-// Grey colors
-const CAP_G01 = exports.CAP_G01 = '#091e42';
-const CAP_G02 = exports.CAP_G02 = '#253858';
-const CAP_G03 = exports.CAP_G03 = '#42526e';
-const CAP_G04 = exports.CAP_G04 = '#5e6c84';
-const CAP_G05 = exports.CAP_G05 = '#97a0af';
-const CAP_G06 = exports.CAP_G06 = '#b3bac5';
-const CAP_G07 = exports.CAP_G07 = '#dfe2e7';
-const CAP_G08 = exports.CAP_G08 = '#ebecf0';
-const CAP_G09 = exports.CAP_G09 = '#f4f5f7';
-const CAP_G10 = exports.CAP_G10 = '#fafbfc';
-const CAP_G11 = exports.CAP_G11 = '#7a869a';
-const CAP_G12 = exports.CAP_G12 = '#e8e8e8';
-const CAP_G13 = exports.CAP_G13 = '#ecece7';
-const CAP_G14 = exports.CAP_G14 = '#e9f0fd';
-const CAP_G15 = exports.CAP_G15 = '#efefef';
-const CAP_G16 = exports.CAP_G16 = '#2a2a2a';
-const CAP_G17 = exports.CAP_G17 = '#5d6b85';
-const CAP_G18 = exports.CAP_G18 = '#dcdee2';
-const CAP_G19 = exports.CAP_G19 = '#8a9ab2';
-const CAP_G20 = exports.CAP_G20 = '#c2c2c2';
-const CAP_WHITE = exports.CAP_WHITE = '#ffffff';
-const CAP_WHITE_OVERLAY = exports.CAP_WHITE_OVERLAY = 'rgba(255, 255, 255, 0.8)';
-const CAP_BLACK = exports.CAP_BLACK = '#000000';
-const CAP_BLACK_ALPHA01 = exports.CAP_BLACK_ALPHA01 = '#00000022';
-
-// Semantic colors
-const COLOR_ERROR = exports.COLOR_ERROR = '#ff4d4f';
-const COLOR_SUCCESS = exports.COLOR_SUCCESS = '#52c41a';
-const COLOR_WARNING = exports.COLOR_WARNING = '#faad14';
-const COLOR_INFO = exports.COLOR_INFO = '#1890ff';
-
-// Color variants (CAP_COLOR_01 to CAP_COLOR_27)
-const CAP_COLOR_01 = exports.CAP_COLOR_01 = '#dbefda';
-const CAP_COLOR_02 = exports.CAP_COLOR_02 = '#fee5d3';
-const CAP_COLOR_03 = exports.CAP_COLOR_03 = '#e83135';
-const CAP_COLOR_04 = exports.CAP_COLOR_04 = '#fff4d6';
-const CAP_COLOR_05 = exports.CAP_COLOR_05 = '#fbd3d8';
-const CAP_COLOR_06 = exports.CAP_COLOR_06 = '#42B040';
-const CAP_COLOR_07 = exports.CAP_COLOR_07 = '#E9F0FC';
-const CAP_COLOR_08 = exports.CAP_COLOR_08 = '#faf9f4';
-const CAP_COLOR_09 = exports.CAP_COLOR_09 = '#7765d5';
-const CAP_COLOR_10 = exports.CAP_COLOR_10 = '#f79600';
-const CAP_COLOR_11 = exports.CAP_COLOR_11 = '#2388de';
-const CAP_COLOR_12 = exports.CAP_COLOR_12 = '#efba00';
-const CAP_COLOR_13 = exports.CAP_COLOR_13 = '#bcd0fa';
-const CAP_COLOR_14 = exports.CAP_COLOR_14 = '#9BC79A';
-const CAP_COLOR_15 = exports.CAP_COLOR_15 = '#F6BA8E';
-const CAP_COLOR_16 = exports.CAP_COLOR_16 = '#d9d9d9';
-const CAP_COLOR_17 = exports.CAP_COLOR_17 = '#1d61ee';
-const CAP_COLOR_18 = exports.CAP_COLOR_18 = '#d0d7ff';
-const CAP_COLOR_19 = exports.CAP_COLOR_19 = '#44ddff';
-const CAP_COLOR_20 = exports.CAP_COLOR_20 = '#4a67ff';
-const CAP_COLOR_21 = exports.CAP_COLOR_21 = '#ace0ff';
-const CAP_COLOR_22 = exports.CAP_COLOR_22 = '#DBB7F9';
-const CAP_COLOR_23 = exports.CAP_COLOR_23 = '#F8BAE4';
-const CAP_COLOR_24 = exports.CAP_COLOR_24 = '#BCD0FA';
-const CAP_COLOR_25 = exports.CAP_COLOR_25 = '#ACE1F1';
-const CAP_COLOR_26 = exports.CAP_COLOR_26 = '#FFE9AD';
-const CAP_COLOR_27 = exports.CAP_COLOR_27 = '#F4F7FE';
-
-// Background Colors
-const BG_01 = exports.BG_01 = '#faf9f4';
-const BG_02 = exports.BG_02 = '#fefcf0';
-const BG_03 = exports.BG_03 = '#ebf8ff';
-const BG_08 = exports.BG_08 = '#ecf7ec';
-
-/* Fonts */
-// ==============
-const FONT_FAMILY = exports.FONT_FAMILY = '"Roboto", sans-serif';
-const FONT_WEIGHT_REGULAR = exports.FONT_WEIGHT_REGULAR = 400;
-const FONT_WEIGHT_MEDIUM = exports.FONT_WEIGHT_MEDIUM = 500;
-
-// Font colors
-const FONT_COLOR_01 = exports.FONT_COLOR_01 = '#091e42';
-const FONT_COLOR_02 = exports.FONT_COLOR_02 = '#5e6c84';
-const FONT_COLOR_03 = exports.FONT_COLOR_03 = '#97a0af';
-const FONT_COLOR_04 = exports.FONT_COLOR_04 = '#b3bac5';
-const FONT_COLOR_05 = exports.FONT_COLOR_05 = '#2466ea';
-const FONT_COLOR_06 = exports.FONT_COLOR_06 = '#ffffff';
-
-// Font sizes (1rem = 14px)
-const FONT_SIZE_VL = exports.FONT_SIZE_VL = '1.714rem'; // 24px
-const FONT_SIZE_L = exports.FONT_SIZE_L = '1.143rem'; // 16px
-const FONT_SIZE_M = exports.FONT_SIZE_M = '1rem'; // 14px
-const FONT_SIZE_S = exports.FONT_SIZE_S = '0.857rem'; // 12px
-const FONT_SIZE_VS = exports.FONT_SIZE_VS = '0.714rem'; // 10px
-
-// Icon sizes (1rem = 14px)
-const ICON_SIZE_XS = exports.ICON_SIZE_XS = '0.857rem'; // 12px
-const ICON_SIZE_S = exports.ICON_SIZE_S = '1.143rem'; // 16px
-const ICON_SIZE_M = exports.ICON_SIZE_M = '1.714rem'; // 24px
-const ICON_SIZE_L = exports.ICON_SIZE_L = '2.286rem'; // 32px
-
-/* Spacing */
-// ==============
-// Note: 1rem = 14px as base font size
-const SPACING_04 = exports.SPACING_04 = '0.286rem'; // 4px
-const SPACING_08 = exports.SPACING_08 = '0.571rem'; // 8px
-const SPACING_12 = exports.SPACING_12 = '0.857rem'; // 12px
-const SPACING_16 = exports.SPACING_16 = '1.143rem'; // 16px
-const SPACING_24 = exports.SPACING_24 = '1.714rem'; // 24px
-const SPACING_32 = exports.SPACING_32 = '2.286rem'; // 32px;
-
-// CAP_SPACE values (using rem units - 1rem = 14px in old system)
-const CAP_SPACE_00 = exports.CAP_SPACE_00 = '0rem';
-const CAP_SPACE_01 = exports.CAP_SPACE_01 = '0.071rem'; // ~1px
-const CAP_SPACE_02 = exports.CAP_SPACE_02 = '0.142rem'; // ~2px
-const CAP_SPACE_03 = exports.CAP_SPACE_03 = '0.214rem'; // ~3px
-const CAP_SPACE_04 = exports.CAP_SPACE_04 = '0.285rem'; // ~4px
-const CAP_SPACE_06 = exports.CAP_SPACE_06 = '0.428rem'; // ~6px
-const CAP_SPACE_08 = exports.CAP_SPACE_08 = '0.571rem'; // ~8px
-const CAP_SPACE_12 = exports.CAP_SPACE_12 = '0.857rem'; // ~12px
-const CAP_SPACE_16 = exports.CAP_SPACE_16 = '1.142rem'; // ~16px
-const CAP_SPACE_18 = exports.CAP_SPACE_18 = '1.285rem'; // ~18px
-const CAP_SPACE_19 = exports.CAP_SPACE_19 = '1.3rem'; // ~18.2px
-const CAP_SPACE_20 = exports.CAP_SPACE_20 = '1.428rem'; // ~20px
-const CAP_SPACE_23 = exports.CAP_SPACE_23 = '1.614rem'; // ~22.6px
-const CAP_SPACE_24 = exports.CAP_SPACE_24 = '1.714rem'; // ~24px
-const CAP_SPACE_28 = exports.CAP_SPACE_28 = '2rem'; // ~28px
-const CAP_SPACE_32 = exports.CAP_SPACE_32 = '2.285rem'; // ~32px
-const CAP_SPACE_36 = exports.CAP_SPACE_36 = '2.571rem'; // ~36px
-const CAP_SPACE_40 = exports.CAP_SPACE_40 = '2.857rem'; // ~40px
-const CAP_SPACE_42 = exports.CAP_SPACE_42 = '3rem'; // ~42px
-const CAP_SPACE_44 = exports.CAP_SPACE_44 = '3.142rem'; // ~44px
-const CAP_SPACE_48 = exports.CAP_SPACE_48 = '3.428rem'; // ~48px
-const CAP_SPACE_52 = exports.CAP_SPACE_52 = '3.714rem'; // ~52px
-const CAP_SPACE_56 = exports.CAP_SPACE_56 = '4rem'; // ~56px
-const CAP_SPACE_60 = exports.CAP_SPACE_60 = '4.286rem'; // ~60px
-const CAP_SPACE_64 = exports.CAP_SPACE_64 = '4.571rem'; // ~64px
-const CAP_SPACE_72 = exports.CAP_SPACE_72 = '5.143rem'; // ~72px
-const CAP_SPACE_80 = exports.CAP_SPACE_80 = '5.714rem'; // ~80px
-
-/* Component Heights */
-// ==============
-const INPUT_HEIGHT = exports.INPUT_HEIGHT = '2.286rem'; // 32px
-const BUTTON_HEIGHT = exports.BUTTON_HEIGHT = '2.857rem'; // 40px
-
-/* Border Radius */
-// ==============
-const RADIUS_04 = exports.RADIUS_04 = '0.286rem'; // 4px
-const RADIUS_08 = exports.RADIUS_08 = '0.571rem'; // 8px
-
-/* Border Width */
-// ==============
-const BORDER_WIDTH_1 = exports.BORDER_WIDTH_1 = '0.071rem'; // 1px
-const BORDER_WIDTH_2 = exports.BORDER_WIDTH_2 = '0.143rem'; // 2px
-
-/* Transition */
-// ==============
-const TRANSITION_ALL = exports.TRANSITION_ALL = 'all 0.3s ease';
-
-/***/ }),
-
 /***/ 64273:
 /***/ ((module) => {
 
@@ -1011,6 +850,58 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
+/***/ }),
+
+/***/ 74770:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _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__ = __webpack_require__(15521);
+/* harmony import */ var _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 = /*#__PURE__*/__webpack_require__.n(_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__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _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__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _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__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___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()), options);
+
+
+
+
+       /* 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);
+
+
 /***/ }),
 
 /***/ 74848:
@@ -1408,39 +1299,38 @@ var exports = __webpack_exports__;
 
 
 exports.__esModule = true;
-exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(__webpack_require__(43363));
+exports.renderCustomDivider = exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _CapDivider = _interopRequireDefault(__webpack_require__(23406));
 var _CapHeading = _interopRequireDefault(__webpack_require__(7319));
 var _CapLabel = _interopRequireDefault(__webpack_require__(92675));
 var _CapRow = _interopRequireDefault(__webpack_require__(69813));
-var _variables = __webpack_require__(56587);
-__webpack_require__(43953);
+var _styles = _interopRequireDefault(__webpack_require__(43953));
 var _jsxRuntime = __webpack_require__(74848);
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- *
- * CapStatisticCard
- *
- */
-
-function CapStatisticCard(props) {
-  const {
+const renderCustomDivider = function (type) {
+  if (type === void 0) {
+    type = '';
+  }
+  return type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDivider.default, {
+    style: {
+      marginTop: '0.857rem',
+      marginBottom: '0.857rem'
+    }
+  }) : null;
+};
+exports.renderCustomDivider = renderCustomDivider;
+const CapStatisticCard = _ref => {
+  let {
     statsItems,
     width,
     type,
     showHeader
-  } = props;
-  const customDivider = type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDivider.default, {
-    style: {
-      marginTop: _variables.CAP_SPACE_12,
-      marginBottom: _variables.CAP_SPACE_12
-    }
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-    className: "stats-card",
-    children: [!!statsItems.length && type && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: _styles.default['stats-card'],
+    children: [statsItems.length > 0 && type && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       style: {
         width: '16%',
         display: showHeader ? 'inline-grid' : 'inline-table'
@@ -1448,25 +1338,25 @@ function CapStatisticCard(props) {
       children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {
-            marginBottom: '-4px'
+            marginBottom: '-0.286rem'
           }
-        }), customDivider]
+        }), renderCustomDivider(type)]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-        className: "stats-val",
+        className: _styles.default['stats-val'],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
           type: "label1",
           children: type
         })
-      }), customDivider]
+      }), renderCustomDivider(type)]
     }, "stats-heading"), statsItems.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       style: {
         width: width || '20%'
       },
-      className: "stats-item",
+      className: _styles.default['stats-item'],
       children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
           type: "label1",
-          className: "truncate-text stats-text",
+          className: (0, _classnames.default)('truncate-text', _styles.default['stats-text']),
           title: item.text,
           style: {
             textAlign: 'right'
@@ -1474,11 +1364,11 @@ function CapStatisticCard(props) {
           children: item.text
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
           type: "h6",
-          className: "stats-text",
+          className: _styles.default['stats-text'],
           children: item.text
-        }), customDivider]
+        }), renderCustomDivider(type)]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-        className: "stats-val",
+        className: _styles.default['stats-val'],
         children: type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
           type: "label1",
           style: {
@@ -1490,20 +1380,14 @@ function CapStatisticCard(props) {
           children: item.value
         })
       }), item.subText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-        className: "stats-sub-text",
+        className: _styles.default['stats-sub-text'],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
           type: type ? 'label1' : 'label7',
           children: item.subText
         })
-      }), customDivider]
+      }), renderCustomDivider(type)]
     }, "stats-" + item.text + "-" + index))]
   });
-}
-CapStatisticCard.propTypes = {
-  statsItems: _propTypes.default.array,
-  width: _propTypes.default.string,
-  type: _propTypes.default.string,
-  showHeader: _propTypes.default.bool
 };
 var _default = exports["default"] = CapStatisticCard;
 })();