intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js

@@ -1,75 +1,27 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _excluded = ["iconKey"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var DynamicIcon = function DynamicIcon(_ref) {
-  var iconKey = _ref.iconKey,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DynamicIcon = _ref => {
+  let {
+    iconKey,
+    ...props
+  } = _ref;
   if (!iconKey) return null;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      Icon = _useState2[0],
-      setIcon = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var fetchData = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var FeatherIcons, iconComponent;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('react-feather'));
-                });
-
-              case 2:
-                FeatherIcons = _context.sent;
-                iconComponent = FeatherIcons[iconKey];
-                setIcon(iconComponent);
-
-              case 5:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      return function fetchData() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-
+  const [Icon, setIcon] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    const fetchData = async () => {
+      const FeatherIcons = await Promise.resolve().then(() => _interopRequireWildcard(require("react-feather")));
+      const iconComponent = FeatherIcons[iconKey];
+      setIcon(iconComponent);
+    };
     fetchData();
   }, []);
   return Icon ? /*#__PURE__*/_react.default.createElement(Icon, props) : null;
 };
-
-var _default = DynamicIcon;
-exports.default = _default;
+var _default = exports.default = DynamicIcon;

package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js

@@ -1,213 +1,124 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _uuid = require("uuid");
-
-var _Chart = _interopRequireDefault(require("../Chart/Chart"));
-
-var _InputDateRange = _interopRequireDefault(require("../../FormElements/InputDateRange/InputDateRange"));
-
-var _utils = require("./partial/utils");
-
-var _utils2 = require("../../../Functions/utils");
-
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-
+var _utils = require("../../../Functions/utils");
+var _InputDateRange = _interopRequireDefault(require("../../FormElements/InputDateRange/InputDateRange"));
+var _Chart = _interopRequireDefault(require("../Chart/Chart"));
+var _utils2 = require("./partial/utils");
 require("./partial/AnyOuterClass.scss");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var ExampleChartIntegration = function ExampleChartIntegration(props) {
-  var _ref = props || {},
-      inputDateRangeProps = _ref.inputDateRangeProps,
-      chartProps = _ref.chartProps;
-
-  var _ref2 = inputDateRangeProps || {},
-      outerDateRange = _ref2.value,
-      changeDateRange = _ref2.onChange;
-
-  var _ref3 = chartProps || {},
-      initialChartType = _ref3.initialChartType;
-
-  var dateRange = (0, _react.useMemo)(function () {
-    return (0, _utils.getSafelyDateRange)(outerDateRange);
-  }, [outerDateRange]);
-
-  var _useState = (0, _react.useState)(initialChartType || 'Bar'),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      chartType = _useState2[0],
-      setChartType = _useState2[1];
-
-  var _useState3 = (0, _react.useState)('tab1'),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      tab = _useState4[0],
-      setTab = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(chartType === 'Bar' ? 'finturfLoadingModeBar' : 'finturfLoadingModeLine'),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      initialModel = _useState6[0],
-      setInitialModel = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(null),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      tab1 = _useState8[0],
-      setTab1 = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(null),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      tab2 = _useState10[0],
-      setTab2 = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(null),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      tab3 = _useState12[0],
-      setTab3 = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(null),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      tab4 = _useState14[0],
-      setTab4 = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(null),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      dataForRender = _useState16[0],
-      setDataForRender = _useState16[1];
-
-  var getMockData = function getMockData() {
-    var labels = (0, _utils.getLabels)(dateRange);
-
-    var mock = function mock() {
-      return labels.map(function (label) {
-        return (0, _utils.getMockValue)();
-      });
-    };
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ExampleChartIntegration = props => {
+  const {
+    inputDateRangeProps,
+    chartProps
+  } = props || {};
+  const {
+    value: outerDateRange,
+    onChange: changeDateRange
+  } = inputDateRangeProps || {};
+  const {
+    initialChartType
+  } = chartProps || {};
+  const dateRange = (0, _react.useMemo)(() => (0, _utils2.getSafelyDateRange)(outerDateRange), [outerDateRange]);
+  const [chartType, setChartType] = (0, _react.useState)(initialChartType || "Bar");
+  const [tab, setTab] = (0, _react.useState)("tab1");
+  const [initialModel, setInitialModel] = (0, _react.useState)(chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine");
+  const [tab1, setTab1] = (0, _react.useState)(null);
+  const [tab2, setTab2] = (0, _react.useState)(null);
+  const [tab3, setTab3] = (0, _react.useState)(null);
+  const [tab4, setTab4] = (0, _react.useState)(null);
+  const [dataForRender, setDataForRender] = (0, _react.useState)(null);
+  const getMockData = () => {
+    const labels = (0, _utils2.getLabels)(dateRange);
+    const mock = () => labels.map(label => (0, _utils2.getMockValue)());
     return {
-      labels: labels,
+      labels,
       datasets: [{
         data: mock()
       }]
     };
   };
-
-  var getTabData = function getTabData(tabId) {
+  const getTabData = tabId => {
     switch (tabId) {
-      case 'tab1':
-        return !tab1 ? null : (0, _utils2.clone)(tab1);
-
-      case 'tab2':
-        return !tab2 ? null : (0, _utils2.clone)(tab2);
-
-      case 'tab3':
-        return !tab3 ? null : (0, _utils2.clone)(tab3);
-
-      case 'tab4':
-        return !tab4 ? null : (0, _utils2.clone)(tab4);
-
+      case "tab1":
+        return !tab1 ? null : (0, _utils.clone)(tab1);
+      case "tab2":
+        return !tab2 ? null : (0, _utils.clone)(tab2);
+      case "tab3":
+        return !tab3 ? null : (0, _utils.clone)(tab3);
+      case "tab4":
+        return !tab4 ? null : (0, _utils.clone)(tab4);
       default:
         return null;
     }
   };
-
-  var getDescription = function getDescription(tabId) {
+  const getDescription = tabId => {
     switch (tabId) {
-      case 'tab1':
-        return 'Tab 1';
-
-      case 'tab2':
-        return 'Tab 2';
-
-      case 'tab3':
-        return 'Tab 3';
-
-      case 'tab4':
-        return 'Tab 4';
-
+      case "tab1":
+        return "Tab 1";
+      case "tab2":
+        return "Tab 2";
+      case "tab3":
+        return "Tab 3";
+      case "tab4":
+        return "Tab 4";
       default:
         return null;
     }
   };
-
-  var selectData = function selectData() {
-    return getTabData(tab) ? getTabData(tab) : getMockData();
-  };
-
-  var modelsForSwitch = (0, _react.useMemo)(function () {
-    return getTabData(tab) ? ['finturfChartBar', 'finturfChartLine'] : ['finturfLoadingModeBar', 'finturfLoadingModeLine'];
-  }, [!!getTabData(tab)]);
-
-  var handleChangeChartType = function handleChangeChartType(model) {
-    setChartType(model.includes('Line') ? 'Line' : 'Bar');
+  const selectData = () => getTabData(tab) ? getTabData(tab) : getMockData();
+  const modelsForSwitch = (0, _react.useMemo)(() => getTabData(tab) ? ["finturfChartBar", "finturfChartLine"] : ["finturfLoadingModeBar", "finturfLoadingModeLine"], [Boolean(getTabData(tab))]);
+  const handleChangeChartType = model => {
+    setChartType(model.includes("Line") ? "Line" : "Bar");
     setInitialModel(model);
   };
-
-  var getModel = function getModel() {
-    if (!getTabData(tab)) return chartType === 'Bar' ? 'finturfLoadingModeBar' : 'finturfLoadingModeLine';else return chartType === 'Bar' ? 'finturfChartBar' : 'finturfChartLine';
+  const getModel = () => {
+    if (!getTabData(tab)) return chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine";else return chartType === "Bar" ? "finturfChartBar" : "finturfChartLine";
   };
-
-  var processResponse = function processResponse(res, tabId) {
+  const processResponse = (res, tabId) => {
     switch (tabId) {
-      case 'tab1':
+      case "tab1":
         setTab1(res);
         break;
-
-      case 'tab2':
+      case "tab2":
         setTab2(res);
         break;
-
-      case 'tab3':
+      case "tab3":
         setTab3(res);
         break;
-
-      case 'tab4':
+      case "tab4":
         setTab4(res);
         break;
-
       default:
         break;
     }
-
     return res;
   };
-
-  (0, _react.useLayoutEffect)(function () {
+  (0, _react.useLayoutEffect)(() => {
     setTab1(null);
     setTab2(null);
     setTab3(null);
-    setTab4(null); // эмуляция запросов
+    setTab4(null);
+
+    // эмуляция запросов
     // вся логика происходит в самих входящих промисах
     // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
-
-    Promise.all([(0, _utils.getTab)('tab1', dateRange, processResponse), (0, _utils.getTab)('tab2', dateRange, processResponse), (0, _utils.getTab)('tab3', dateRange, processResponse), (0, _utils.getTab)('tab4', dateRange, processResponse)]);
+    Promise.all([(0, _utils2.getTab)("tab1", dateRange, processResponse), (0, _utils2.getTab)("tab2", dateRange, processResponse), (0, _utils2.getTab)("tab3", dateRange, processResponse), (0, _utils2.getTab)("tab4", dateRange, processResponse)]);
   }, [dateRange]);
-  (0, _react.useLayoutEffect)(function () {
+  (0, _react.useLayoutEffect)(() => {
     setInitialModel(getModel());
     setDataForRender(selectData());
-  }, [!!getTabData(tab), tab, chartType]);
+  }, [Boolean(getTabData(tab)), tab, chartType]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "example-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_InputDateRange.default, (0, _extends2.default)({}, inputDateRangeProps, {
@@ -216,33 +127,25 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "buttons-block"
   }, /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)('tab-button', {
-      'tab-button_active': tab === 'tab1'
+    className: (0, _classnames.default)("tab-button", {
+      "tab-button_active": tab === "tab1"
     }),
-    onClick: function onClick() {
-      return setTab('tab1');
-    }
+    onClick: () => setTab("tab1")
   }, "Tab 1"), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)('tab-button', {
-      'tab-button_active': tab === 'tab2'
+    className: (0, _classnames.default)("tab-button", {
+      "tab-button_active": tab === "tab2"
     }),
-    onClick: function onClick() {
-      return setTab('tab2');
-    }
+    onClick: () => setTab("tab2")
   }, "Tab 2"), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)('tab-button', {
-      'tab-button_active': tab === 'tab3'
+    className: (0, _classnames.default)("tab-button", {
+      "tab-button_active": tab === "tab3"
     }),
-    onClick: function onClick() {
-      return setTab('tab3');
-    }
+    onClick: () => setTab("tab3")
   }, "Tab 3"), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)('tab-button', {
-      'tab-button_active': tab === 'tab4'
+    className: (0, _classnames.default)("tab-button", {
+      "tab-button_active": tab === "tab4"
     }),
-    onClick: function onClick() {
-      return setTab('tab4');
-    }
+    onClick: () => setTab("tab4")
   }, "Tab 4")), /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({}, chartProps, {
     key: JSON.stringify(dataForRender),
     data: dataForRender,
@@ -255,25 +158,27 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     addToDatasets: {
       id: tab
     },
-    modifyOptions: function modifyOptions(options) {
-      var _options$options, _options$options2, _options$options2$plu, _options$options3, _options$options3$plu, _options$options3$plu2;
-
-      return _objectSpread(_objectSpread({}, options), {}, {
-        options: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : options.options), {}, {
-          plugins: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : (_options$options = options.options) === null || _options$options === void 0 ? void 0 : _options$options.plugins), {}, {
-            tooltip: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : (_options$options2 = options.options) === null || _options$options2 === void 0 ? void 0 : (_options$options2$plu = _options$options2.plugins) === null || _options$options2$plu === void 0 ? void 0 : _options$options2$plu.tooltip), {}, {
-              callbacks: _objectSpread(_objectSpread({}, options === null || options === void 0 ? void 0 : (_options$options3 = options.options) === null || _options$options3 === void 0 ? void 0 : (_options$options3$plu = _options$options3.plugins) === null || _options$options3$plu === void 0 ? void 0 : (_options$options3$plu2 = _options$options3$plu.tooltip) === null || _options$options3$plu2 === void 0 ? void 0 : _options$options3$plu2.callbacks), {}, {
-                label: function label(context) {
-                  return context.dataset.id === 'tab3' || context.dataset.id === 'tab4' ? (0, _fieldValueFormatters.formatToPriceWithUSD)(context.raw || '0') : context.raw || '0';
+    modifyOptions: options => {
+      var _options$options, _options$options2, _options$options3;
+      return {
+        ...options,
+        options: {
+          ...(options === null || options === void 0 ? void 0 : options.options),
+          plugins: {
+            ...(options === null || options === void 0 || (_options$options = options.options) === null || _options$options === void 0 ? void 0 : _options$options.plugins),
+            tooltip: {
+              ...(options === null || options === void 0 || (_options$options2 = options.options) === null || _options$options2 === void 0 || (_options$options2 = _options$options2.plugins) === null || _options$options2 === void 0 ? void 0 : _options$options2.tooltip),
+              callbacks: {
+                ...(options === null || options === void 0 || (_options$options3 = options.options) === null || _options$options3 === void 0 || (_options$options3 = _options$options3.plugins) === null || _options$options3 === void 0 || (_options$options3 = _options$options3.tooltip) === null || _options$options3 === void 0 ? void 0 : _options$options3.callbacks),
+                label: context => {
+                  return context.dataset.id === "tab3" || context.dataset.id === "tab4" ? (0, _fieldValueFormatters.formatToPriceWithUSD)(context.raw || "0") : context.raw || "0";
                 }
-              })
-            })
-          })
-        })
-      });
+              }
+            }
+          }
+        }
+      };
     }
   })));
 };
-
-var _default = ExampleChartIntegration;
-exports.default = _default;
+var _default = exports.default = ExampleChartIntegration;

package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss

@@ -14,7 +14,6 @@
   .tab-button {
     width: 100px;
     height: 40px;
-
     margin-right: 20px;
 
     border: 1px solid black;
@@ -32,41 +31,37 @@
     max-width: 806px;
 
     border-radius: 16px;
-
-    background: #FFF;
+    background: #fff;
     box-shadow: 0 16px 24px rgb(0 0 0 / 5%);
   }
 
   .chart__description-title {
-    letter-spacing: 0.1px;
-
-    color: #3B414B;
-
     font-family: Sarabun, sans-serif;
     font-size: 16px;
     font-weight: 600;
     font-style: normal;
     line-height: 24px;
+    letter-spacing: 0.1px;
+
+    color: #3b414b;
   }
 
   .chart__description-value {
     span {
-      letter-spacing: 0.359794px;
-
-      color: #3B414B;
-
       font-size: 20px;
       font-weight: 600;
       font-style: normal;
       line-height: 30px;
+      letter-spacing: 0.359794px;
 
-      &:last-child {
-        letter-spacing: 0.2px;
-
-        color: #757F8C;
+      color: #3b414b;
 
+      &:last-child {
         font-size: 14px;
         line-height: 20px;
+        letter-spacing: 0.2px;
+
+        color: #757f8c;
       }
     }
   }