intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/UI/Chart/partial/optionsConstructor.js

@@ -29,7 +29,7 @@ const reactChartJsOptionsLayouts = exports.reactChartJsOptionsLayouts = {
         },
         line: {
           tension: 0.45,
-          borderJoinStyle: 'round',
+          borderJoinStyle: "round",
           borderWidth: 2,
           capBezierPoints: true
         }
@@ -40,10 +40,10 @@ const reactChartJsOptionsLayouts = exports.reactChartJsOptionsLayouts = {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
       // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
       // => Файл Chart.js => определение ChartComponent
-      chartTypeKey: 'Line',
+      chartTypeKey: "Line",
       setCanvasDimensions: {
-        width: '75px',
-        height: '35px'
+        width: "75px",
+        height: "35px"
       }
     }
   },
@@ -53,13 +53,13 @@ const reactChartJsOptionsLayouts = exports.reactChartJsOptionsLayouts = {
       elements: {
         point: {
           radius: 4,
-          pointStyle: 'circle',
-          backgroundColor: '#FFFFFF',
-          color: '#FFFFFF'
+          pointStyle: "circle",
+          backgroundColor: "#FFFFFF",
+          color: "#FFFFFF"
         },
         line: {
           tension: 0.45,
-          borderJoinStyle: 'round',
+          borderJoinStyle: "round",
           borderWidth: 2,
           capBezierPoints: true
         }
@@ -70,7 +70,7 @@ const reactChartJsOptionsLayouts = exports.reactChartJsOptionsLayouts = {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
       // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
       // => Файл Chart.js => определение ChartComponent
-      chartTypeKey: 'Line'
+      chartTypeKey: "Line"
     }
   },
   barLayout: {
@@ -87,7 +87,7 @@ const reactChartJsOptionsLayouts = exports.reactChartJsOptionsLayouts = {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
       // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
       // => Файл Chart.js => определение ChartComponent
-      chartTypeKey: 'Bar'
+      chartTypeKey: "Bar"
     }
   },
   emptyLayout: {
@@ -115,12 +115,12 @@ const reactChartJsOptionsLayouts = exports.reactChartJsOptionsLayouts = {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
       // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
       // => Файл Chart.js => определение подкомпонента ChartComponent => строка const Component = ...
-      chartTypeKey: 'Line'
+      chartTypeKey: "Line"
     }
   }
 };
 const finturfChartLayouts = (() => {
-  return ['barLayout', 'lineLayout'].reduce((acc, key) => {
+  return ["barLayout", "lineLayout"].reduce((acc, key) => {
     var _reactChartJsOptionsL, _reactChartJsOptionsL2, _reactChartJsOptionsL3, _reactChartJsOptionsL4, _reactChartJsOptionsL5, _reactChartJsOptionsL6, _reactChartJsOptionsL7;
     return {
       ...acc,
@@ -140,12 +140,12 @@ const finturfChartLayouts = (() => {
               ticks: {
                 ...((_reactChartJsOptionsL4 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL4 === void 0 || (_reactChartJsOptionsL4 = _reactChartJsOptionsL4.scales) === null || _reactChartJsOptionsL4 === void 0 || (_reactChartJsOptionsL4 = _reactChartJsOptionsL4.y) === null || _reactChartJsOptionsL4 === void 0 ? void 0 : _reactChartJsOptionsL4.ticks),
                 autoSkipPadding: 10,
-                align: 'center',
-                color: '#757F8C',
+                align: "center",
+                color: "#757F8C",
                 lineHeight: 18,
                 font: {
-                  family: 'Sarabun',
-                  style: 'normal',
+                  family: "Sarabun",
+                  style: "normal",
                   weight: 400,
                   size: 8
                 }
@@ -162,11 +162,11 @@ const finturfChartLayouts = (() => {
               ...((_reactChartJsOptionsL5 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL5 === void 0 || (_reactChartJsOptionsL5 = _reactChartJsOptionsL5.scales) === null || _reactChartJsOptionsL5 === void 0 ? void 0 : _reactChartJsOptionsL5.y),
               min: 0,
               // grace: '5%',
-              bounds: 'data',
+              bounds: "data",
               grid: {
                 ...((_reactChartJsOptionsL6 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL6 === void 0 || (_reactChartJsOptionsL6 = _reactChartJsOptionsL6.scales) === null || _reactChartJsOptionsL6 === void 0 || (_reactChartJsOptionsL6 = _reactChartJsOptionsL6.y) === null || _reactChartJsOptionsL6 === void 0 ? void 0 : _reactChartJsOptionsL6.grid),
-                borderColor: '#E1E8F1',
-                color: '#E1E8F1',
+                borderColor: "#E1E8F1",
+                color: "#E1E8F1",
                 borderDash: [5],
                 // borderDashOffset: 12,
                 drawTicks: false,
@@ -175,13 +175,13 @@ const finturfChartLayouts = (() => {
               ticks: {
                 ...((_reactChartJsOptionsL7 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL7 === void 0 || (_reactChartJsOptionsL7 = _reactChartJsOptionsL7.scales) === null || _reactChartJsOptionsL7 === void 0 || (_reactChartJsOptionsL7 = _reactChartJsOptionsL7.y) === null || _reactChartJsOptionsL7 === void 0 ? void 0 : _reactChartJsOptionsL7.ticks),
                 autoSkipPadding: 10,
-                align: 'center',
-                color: '#A0A4B0',
+                align: "center",
+                color: "#A0A4B0",
                 lineHeight: 18,
                 padding: 6,
                 font: {
-                  family: 'Sarabun',
-                  style: 'normal',
+                  family: "Sarabun",
+                  style: "normal",
                   weight: 400,
                   size: 10
                 }
@@ -192,7 +192,7 @@ const finturfChartLayouts = (() => {
         notLibraryOptions: {
           ...reactChartJsOptionsLayouts[key].notLibraryOptions,
           setCanvasDimensions: {
-            height: '194px'
+            height: "194px"
           }
         }
       }
@@ -230,7 +230,7 @@ const finturfChartLine = {
       point: {
         ...((_finturfChartLayouts$8 = finturfChartLayouts.lineLayout.options) === null || _finturfChartLayouts$8 === void 0 || (_finturfChartLayouts$8 = _finturfChartLayouts$8.elements) === null || _finturfChartLayouts$8 === void 0 ? void 0 : _finturfChartLayouts$8.point),
         radius: 2,
-        borderColor: '#32A784',
+        borderColor: "#32A784",
         borderWidth: 4
       }
     }
@@ -258,7 +258,7 @@ const finturfReactChartJsOptions = exports.finturfReactChartJsOptions = {
       changeData: {
         ...((_finturfChartBar$notL = finturfChartBar.notLibraryOptions) === null || _finturfChartBar$notL === void 0 ? void 0 : _finturfChartBar$notL.changeData),
         addNotLibraryAnimations: [{
-          type: 'runningColumns',
+          type: "runningColumns",
           // duration - ms
           duration: 600,
           // default easing - 'linear',
@@ -286,7 +286,7 @@ const finturfReactChartJsOptions = exports.finturfReactChartJsOptions = {
           ...((_finturfChartLine$opt2 = finturfChartLine.options) === null || _finturfChartLine$opt2 === void 0 || (_finturfChartLine$opt2 = _finturfChartLine$opt2.elements) === null || _finturfChartLine$opt2 === void 0 ? void 0 : _finturfChartLine$opt2.point),
           radius: 4,
           borderWidth: 1,
-          borderColor: '#E1E8F1'
+          borderColor: "#E1E8F1"
         }
       },
       animations: {
@@ -302,7 +302,7 @@ const finturfReactChartJsOptions = exports.finturfReactChartJsOptions = {
       changeData: {
         ...((_finturfChartLine$not = finturfChartLine.notLibraryOptions) === null || _finturfChartLine$not === void 0 ? void 0 : _finturfChartLine$not.changeData),
         addNotLibraryAnimations: [{
-          type: 'runningColumns',
+          type: "runningColumns",
           // duration - ms
           duration: 600,
           // default easing - 'linear',

package/dist/Atomic/UI/Chart/partial/optionsSetters.js

@@ -35,9 +35,9 @@ exports.addTooltipOptions = addTooltipOptions;
 const addAdditionalOptions = (currentOptions, optionsToAdd) => {
   const addOption = (currentOptions, optionKey, optionData) => {
     switch (optionKey) {
-      case 'addGradientsSettings':
+      case "addGradientsSettings":
         return addGradientsSettings(currentOptions, optionData);
-      case 'addTooltipOptions':
+      case "addTooltipOptions":
         return addTooltipOptions(currentOptions, optionData);
       default:
         return currentOptions;

package/dist/Atomic/UI/Chart/partial/utils.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.prepareData = exports.getOptions = exports.getNotLibraryOptionsOptions = exports.getChartTypeKey = exports.correctModelKey = void 0;
-var _optionsConstructor = _interopRequireDefault(require("./optionsConstructor"));
-var _Chart = require("./Chart.constants");
 var _utils = require("../../../../Functions/utils");
+var _Chart = require("./Chart.constants");
 var _datasetSetters = _interopRequireDefault(require("./datasetSetters"));
+var _optionsConstructor = _interopRequireDefault(require("./optionsConstructor"));
 const getChartTypeKey = model => {
   var _optionsConstructor$m;
   return (_optionsConstructor$m = _optionsConstructor.default[model]) === null || _optionsConstructor$m === void 0 || (_optionsConstructor$m = _optionsConstructor$m.notLibraryOptions) === null || _optionsConstructor$m === void 0 ? void 0 : _optionsConstructor$m.chartTypeKey;
@@ -16,7 +16,7 @@ const getChartTypeKey = model => {
 exports.getChartTypeKey = getChartTypeKey;
 const correctModelKey = model => model && _optionsConstructor.default[model] && _Chart.CHART_TYPES.includes(getChartTypeKey(model)) ? model : _Chart.DEFAULT_CHART_MODEL;
 exports.correctModelKey = correctModelKey;
-const getOptions = model => (0, _utils.omitKeys)(_optionsConstructor.default[model] || _optionsConstructor.default[_Chart.DEFAULT_CHART_MODEL], ['notLibraryOptions']);
+const getOptions = model => (0, _utils.omitKeys)(_optionsConstructor.default[model] || _optionsConstructor.default[_Chart.DEFAULT_CHART_MODEL], ["notLibraryOptions"]);
 exports.getOptions = getOptions;
 const getNotLibraryOptionsOptions = model => {
   const {
@@ -30,7 +30,7 @@ const prepareData = (model, data, chartInstance, addToDatasets) => {
   const notLibraryOptions = getNotLibraryOptionsOptions(model);
   const iterator = notLibraryOptions !== null && notLibraryOptions !== void 0 && notLibraryOptions.changeData ? Object.keys(notLibraryOptions.changeData) : [];
   const changedData = iterator.reduce((acc, dataChangeKey) => (0, _datasetSetters.default)(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance, addToDatasets), (0, _utils.clone)(data));
-  return addToDatasets && typeof addToDatasets === 'object' && !Array.isArray(addToDatasets) ? {
+  return addToDatasets && typeof addToDatasets === "object" && !Array.isArray(addToDatasets) ? {
     ...changedData,
     datasets: changedData.datasets.map(dataset => ({
       ...dataset,

package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js

@@ -26,18 +26,18 @@ const CircleProgressBar = _ref => {
   const circumference = Math.round(2 * Math.PI * radius);
   const amountProgress = amount < totalAmount ? Math.round(amount / totalAmount * 100) : 100; //%
   const defaultColors = {
-    start: '#6b81dd',
-    finish: '#f06d8d',
-    meter: '#ffcad6'
+    start: "#6b81dd",
+    finish: "#f06d8d",
+    meter: "#ffcad6"
   };
   const [strokeDashoffset, setStrokeDashoffset] = (0, _react.useState)(isReverseType ? String(0) : circumference);
   (0, _react.useEffect)(() => {
     setStrokeDashoffset(circumference - circumference * amountProgress / 100);
   }, [amountProgress]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'test-circleProgress',
-    className: (0, _classnames.default)('limit-progress-bar', {
-      'limit-progress-bar--reverse': isReverseType
+    "data-testid": "test-circleProgress",
+    className: (0, _classnames.default)("limit-progress-bar", {
+      "limit-progress-bar--reverse": isReverseType
     }, className)
   }, /*#__PURE__*/_react.default.createElement("svg", {
     className: "limit-progress-bar__progress",
@@ -73,7 +73,7 @@ const CircleProgressBar = _ref => {
     cx: radius,
     cy: radius,
     r: radius,
-    stroke: !isInnerLine ? '' : colors.meter || defaultColors.meter,
+    stroke: !isInnerLine ? "" : colors.meter || defaultColors.meter,
     strokeWidth: String(innerLineStrokeWidth)
   }), /*#__PURE__*/_react.default.createElement("circle", {
     className: "limit-progress-bar__value",
@@ -81,13 +81,13 @@ const CircleProgressBar = _ref => {
     cy: radius,
     r: radius,
     strokeWidth: String(strokeWidth),
-    stroke: "url(#limit-progress-bar-linear-gradient".concat(isReverseType ? '-reverse' : '', ")"),
+    stroke: "url(#limit-progress-bar-linear-gradient".concat(isReverseType ? "-reverse" : "", ")"),
     style: {
       strokeDasharray: circumference,
       strokeDashoffset
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'test-circleProgress-children',
+    "data-testid": "test-circleProgress-children",
     className: "limit-progress-bar__content"
   }, children));
 };

package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.scss

@@ -34,34 +34,32 @@
   // }
 
   &__progress {
-    transform: rotate(-90deg);
-
     border-radius: 50%;
 
+    transform: rotate(-90deg);
+
     .limit-progress-bar--reverse & {
       transform: rotate(-90deg) scaleY(-1);
     }
 
     & > circle {
+      fill: none;
+
       transition: stroke-dashoffset 0.8s;
       transform: translate(3px, 3px);
-      fill: none;
 
-      strokelinecap: round;
+      stroke-linecap: round;
     }
   }
 
   &__content {
     position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    inset: 0;
 
     display: flex;
-    align-items: center;
     flex-direction: column;
     justify-content: center;
+    align-items: center;
 
     border-radius: 50%;
   }

package/dist/Atomic/UI/DateTime/DateTime.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 require("./DateTime.scss");
 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 RC = 'date-time';
-const DEFAULT_DATE_FORMAT = 'DD.MM.YYYY';
-const DEFAULT_TIME_FORMAT = 'HH:mm:ss';
+const RC = "date-time";
+const DEFAULT_DATE_FORMAT = "DD.MM.YYYY";
+const DEFAULT_TIME_FORMAT = "HH:mm:ss";
 const DateTime = _ref => {
   let {
     className,
@@ -31,10 +31,10 @@ const DateTime = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
   }, !isNoDate && /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": 'test-date',
+    "data-testid": "test-date",
     className: (0, _classnames.default)("".concat(RC, "__date"))
   }, date), !isNoTime && /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": 'test-time',
+    "data-testid": "test-time",
     className: (0, _classnames.default)("".concat(RC, "__time"), {
       ["".concat(RC, "_color--pause")]: !isNoDate
     })

package/dist/Atomic/UI/DateTime/DateTime.scss

@@ -2,9 +2,9 @@
 
 .date-time {
   display: flex;
-  align-items: flex-start;
   flex-direction: column;
   justify-content: center;
+  align-items: flex-start;
 
   &__date,
   &__time {

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

@@ -1,10 +1,10 @@
 @import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
 
 .any-outer-class__date-time {
-  color: #1E1E2D;
-
   font-family: Roboto, sans-serif;
   font-size: 13px;
   font-weight: 400;
   font-style: normal;
+
+  color: #1e1e2d;
 }

package/dist/Atomic/UI/DebugContainer/DebugContainer.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-require("./DebugContainer.scss");
 var _reactFeather = require("react-feather");
+require("./DebugContainer.scss");
 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 DebugContainer = _ref => {
@@ -18,15 +18,15 @@ const DebugContainer = _ref => {
   const [isVisible, setIsVisible] = (0, _react.useState)(true);
   const renderData = () => {
     var _Object$keys;
-    return /*#__PURE__*/_react.default.createElement("pre", null, '{\n', (_Object$keys = Object.keys(data)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(key => {
+    return /*#__PURE__*/_react.default.createElement("pre", null, "{\n", (_Object$keys = Object.keys(data)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(key => {
       return "  ".concat(key, ": ").concat(data === null || data === void 0 ? void 0 : data[key], ",\n");
-    }), '}');
+    }), "}");
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "debug-container"
   }, isVisible && /*#__PURE__*/_react.default.createElement("div", {
     className: "debug-container__body"
-  }, /*#__PURE__*/_react.default.createElement("h5", null, "Debug:"), data && !!(Object !== null && Object !== void 0 && (_Object$keys2 = Object.keys(data)) !== null && _Object$keys2 !== void 0 && _Object$keys2.length) && /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("h5", null, "Debug:"), data && Boolean(Object === null || Object === void 0 || (_Object$keys2 = Object.keys(data)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length) && /*#__PURE__*/_react.default.createElement("div", {
     className: "debug-container__body-row"
   }, renderData()), children && /*#__PURE__*/_react.default.createElement("div", {
     className: "debug-container__body-row"

package/dist/Atomic/UI/DebugContainer/DebugContainer.scss

@@ -1,12 +1,14 @@
 .debug-container {
   position: fixed;
-  left: 0;
-  top: 0;
-  background-color: rgba(0,0,0,0.8);
-  color: #fff;
-  width: 100%;
   z-index: 999;
+  top: 0;
+  left: 0;
+
   box-sizing: border-box;
+  width: 100%;
+
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.8);
 
   &__body {
     padding: 8px 16px;
@@ -16,15 +18,19 @@
     position: absolute;
     bottom: 0;
     left: 0;
-    transform: translateY(100%);
+
     padding: 4px 16px;
-    background-color: rgba(0,0,0,0.8);
-    border-radius: 0 0 4px 0;
+
+    border-radius: 0 0 4px;
+    background-color: rgba(0, 0, 0, 0.8);
+
+    transform: translateY(100%);
 
     svg {
       width: 16px;
       height: 16px;
-      color:#fff;
+
+      color: #fff;
     }
   }
 

package/dist/Atomic/UI/DoubleString/DoubleString.js

@@ -11,17 +11,17 @@ var _moment = _interopRequireDefault(require("moment"));
 require("./DoubleString.scss");
 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 RC = 'double-string';
+const RC = "double-string";
 const DoubleString = _ref => {
   let {
     value,
     description,
     className,
-    testId = '',
+    testId = "",
     isFormatValueToDate,
     dateFormatSettings: {
-      parseFormat = 'MM.DD.YYYY',
-      displayFormat = 'MM.DD.YYYY'
+      parseFormat = "MM.DD.YYYY",
+      displayFormat = "MM.DD.YYYY"
     } = {},
     revert = false
   } = _ref;
@@ -47,12 +47,12 @@ const DoubleString = _ref => {
     ref: valueRef,
     "data-testid": "doubleString--".concat(testId, "--value"),
     className: (0, _classnames.default)("".concat(RC, "__value")),
-    title: elemsWidth.valueWidth > 99 ? computedValue : ''
+    title: elemsWidth.valueWidth > 99 ? computedValue : ""
   }, !revert ? computedValue : description), /*#__PURE__*/_react.default.createElement("p", {
     ref: descriptionRef,
     "data-testid": "doubleString--".concat(description, "--value"),
     className: (0, _classnames.default)("".concat(RC, "__description")),
-    title: elemsWidth.descriptionWidth > 99 ? computedValue : ''
+    title: elemsWidth.descriptionWidth > 99 ? computedValue : ""
   }, !revert ? description : computedValue));
 };
 var _default = exports.default = DoubleString;

package/dist/Atomic/UI/DoubleString/DoubleString.scss

@@ -1,30 +1,36 @@
 .double-string {
+  position: relative;
+
   display: flex;
-  align-items: flex-start;
   flex-direction: column;
   justify-content: center;
+  align-items: flex-start;
+
   min-width: 0;
-  position: relative;
 
   &__value,
   &__description {
-    color: inherit;
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit;
     font-style: inherit;
+
+    color: inherit;
   }
 
   &__value {
     overflow: hidden;
+
+    max-width: 100%;
     margin: 0 0 4px;
+
     white-space: nowrap;
     text-overflow: ellipsis;
-    max-width: 100%;
   }
 
   &__description {
-    color: #9AA0B9;
     margin: 0;
+
+    color: #9aa0b9;
   }
 }

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

@@ -1,18 +1,18 @@
 @import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
 
 .any-outer-class__double-string {
-  color: #1E1E2D;
-
   font-family: Roboto, sans-serif;
   font-size: 16px;
   font-weight: 400;
   font-style: normal;
 
+  color: #1e1e2d;
+
   .double-string {
     &__description {
-      color: #687BC1;
-
       font-size: 13px;
+
+      color: #687bc1;
     }
   }
 }

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

@@ -16,7 +16,7 @@ const DynamicIcon = _ref => {
   const [Icon, setIcon] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const fetchData = async () => {
-      const FeatherIcons = await Promise.resolve().then(() => _interopRequireWildcard(require('react-feather')));
+      const FeatherIcons = await Promise.resolve().then(() => _interopRequireWildcard(require("react-feather")));
       const iconComponent = FeatherIcons[iconKey];
       setIcon(iconComponent);
     };