intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/FormElements/TimeRange/TimeRange.js

@@ -9,8 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _moment = _interopRequireDefault(require("moment"));
 var _useToggle = _interopRequireDefault(require("../../../Functions/useToggle"));
-var _Label = _interopRequireDefault(require("../Label/Label"));
 var _Input = _interopRequireDefault(require("../Input/Input"));
+var _Label = _interopRequireDefault(require("../Label/Label"));
 require("./TimeRange.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; }
@@ -35,34 +35,34 @@ const TimeRange = _ref => {
     isToggled: isEndTimeValidate,
     toggleOn: setIsEndTimeValidate
   } = (0, _useToggle.default)();
-  const isStartTimeValid = (0, _react.useMemo)(() => (0, _moment.default)(startTime, 'HH:mm', true).isValid(), [startTime]);
-  const isEndTimeValid = (0, _react.useMemo)(() => (0, _moment.default)(endTime, 'HH:mm', true).isValid(), [endTime]);
+  const isStartTimeValid = (0, _react.useMemo)(() => (0, _moment.default)(startTime, "HH:mm", true).isValid(), [startTime]);
+  const isEndTimeValid = (0, _react.useMemo)(() => (0, _moment.default)(endTime, "HH:mm", true).isValid(), [endTime]);
   const blurTimeHandler = (time, setFunc) => {
-    const formattedTime = time ? (0, _moment.default)(time, 'HH:mm').format('HH:mm') : '';
+    const formattedTime = time ? (0, _moment.default)(time, "HH:mm").format("HH:mm") : "";
     setFunc(formattedTime);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(className, 'time-range')
+    className: (0, _classnames.default)(className, "time-range")
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "time-range__range"
   }, /*#__PURE__*/_react.default.createElement(_Label.default, {
-    label: labelFrom || 'Between'
+    label: labelFrom || "Between"
   }), /*#__PURE__*/_react.default.createElement(_Input.default, {
     className: "time-range__input",
     value: startTime,
     onChange: value => setStartTime(value),
     placeholder: "00:00",
     onBlur: () => blurTimeHandler(startTime, setStartTime),
-    error: isStartTimeValidate || !isStartTimeValid ? 'HH:MM format' : ''
+    error: isStartTimeValidate || !isStartTimeValid ? "HH:MM format" : ""
   }), /*#__PURE__*/_react.default.createElement(_Label.default, {
-    label: labelTo || 'and'
+    label: labelTo || "and"
   }), /*#__PURE__*/_react.default.createElement(_Input.default, {
     className: "time-range__input",
     value: endTime,
     onChange: value => setEndTime(value),
     placeholder: "00:00",
     onBlur: () => blurTimeHandler(endTime, setEndTime),
-    error: isEndTimeValidate || !isEndTimeValid ? 'HH:MM format' : ''
+    error: isEndTimeValidate || !isEndTimeValid ? "HH:MM format" : ""
   })));
 };
 var _default = exports.default = TimeRange;

package/dist/Atomic/FormElements/TimeRange/TimeRange.scss

@@ -5,8 +5,8 @@
 
   &__range {
     display: flex;
-    align-items: center;
     justify-content: flex-start;
+    align-items: center;
 
     margin: 8px 0 13px;
 

package/dist/Atomic/FormElements/UserContacts/UserContacts.js

@@ -7,12 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-require("./UserContacts.scss");
 var _CustomIcons = require("../../../Molecular/CustomIcons");
+require("./UserContacts.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 = 'user-contacts';
+const RC = "user-contacts";
 const UserContacts = props => {
   var _otherContacts$map, _otherContacts$map2;
   const {
@@ -24,7 +23,7 @@ const UserContacts = props => {
     isFirstPhone,
     maxWidth,
     isUseCommaSeparator = true,
-    generalizingWord = 'contact',
+    generalizingWord = "contact",
     isNotRenderGeneralizingWord = false,
     Lng = value => value,
     otherContacts = [],
@@ -33,30 +32,30 @@ const UserContacts = props => {
     //!По задумке оно соберет в себе только свойства соответствующии контактам
     ...mainContacts
   } = props || {};
-  const PRIMARY_TEXT = Lng('Primary');
+  const PRIMARY_TEXT = Lng("Primary");
 
   //? В случае появления новых типов контактов добавлять их сюда по аналогии,
   //? или на крайний случай в массив otherContacts (otherContacts - массив строк)
   const mainContactsDescriptions = {
-    isDisputeContact: 'Dispute',
-    isSalesContact: 'Sales',
-    isAccountingContact: 'Accounting',
-    isBusinessContact: 'Business',
-    isTechnicalContact: 'Technical'
+    isDisputeContact: "Dispute",
+    isSalesContact: "Sales",
+    isAccountingContact: "Accounting",
+    isBusinessContact: "Business",
+    isTechnicalContact: "Technical"
   };
   const getContact = key => {
     const {
       prefix,
       postfix
-    } = typeof mainContacts[key] === 'object' ? mainContacts[key] : {};
-    return "".concat(prefix ? Lng(prefix.toString()) + ' ' : '').concat(Lng(mainContactsDescriptions[key])).concat(postfix ? ' ' + Lng(postfix.toString()) : '');
+    } = typeof mainContacts[key] === "object" ? mainContacts[key] : {};
+    return "".concat(prefix ? Lng(prefix.toString()) + " " : "").concat(Lng(mainContactsDescriptions[key])).concat(postfix ? " " + Lng(postfix.toString()) : "");
   };
   let mainContactsStructure = Object.keys(mainContacts).reduce((acc, key) => mainContacts[key] && key in mainContactsDescriptions ? [...acc, getContact(key)] : acc, []);
   mainContactsStructure = isOtherTogetherMainContacts ? [...mainContactsStructure, ...(Array.isArray(otherContacts) ? otherContacts === null || otherContacts === void 0 || (_otherContacts$map = otherContacts.map) === null || _otherContacts$map === void 0 ? void 0 : _otherContacts$map.call(otherContacts, contact => Lng(contact)) : [])] : mainContactsStructure;
   let mainContactsCount = mainContactsStructure.length;
   let otherContactsCount = (otherContacts === null || otherContacts === void 0 ? void 0 : otherContacts.length) || 0;
-  const isContacts = !!mainContactsCount || !!otherContactsCount;
-  const isMainContacts = !!mainContactsCount;
+  const isContacts = Boolean(mainContactsCount) || Boolean(otherContactsCount);
+  const isMainContacts = Boolean(mainContactsCount);
   const mainRef = (0, _react.useRef)(null);
   const firstRef = (0, _react.useRef)(null);
   const secondRef = (0, _react.useRef)(null);
@@ -64,23 +63,23 @@ const UserContacts = props => {
   const [isIconMode, setIconMode] = (0, _react.useState)(false);
   const [isRunTask, setIsRunTask] = (0, _react.useState)(null);
   const getSeparator = type => {
-    const separator = isUseCommaSeparator ? ', ' : ' ';
+    const separator = isUseCommaSeparator ? ", " : " ";
     switch (type) {
-      case 'main':
-        return mainContactsCount-- > 1 ? separator : '';
-      case 'other':
-        return otherContactsCount-- > 1 ? separator : '';
+      case "main":
+        return mainContactsCount-- > 1 ? separator : "";
+      case "other":
+        return otherContactsCount-- > 1 ? separator : "";
       default:
         return separator;
     }
   };
-  const firstKey = isFirstPhone ? 'phone' : 'email';
-  const secondKey = isFirstPhone ? 'email' : 'phone';
+  const firstKey = isFirstPhone ? "phone" : "email";
+  const secondKey = isFirstPhone ? "email" : "phone";
   const getIcon = key => {
     switch (key) {
-      case 'email':
+      case "email":
         return EmalIcon || /*#__PURE__*/_react.default.createElement(_CustomIcons.Email, null);
-      case 'phone':
+      case "phone":
         return PhoneIcon || /*#__PURE__*/_react.default.createElement(_CustomIcons.Phone, null);
       default:
         return null;
@@ -88,20 +87,20 @@ const UserContacts = props => {
   };
   const getProtocol = key => {
     switch (key) {
-      case 'email':
-        return 'mailto:';
-      case 'phone':
-        return 'tel:';
+      case "email":
+        return "mailto:";
+      case "phone":
+        return "tel:";
       default:
-        return 'https://';
+        return "https://";
     }
   };
-  const getClasses = isFirst => (0, _classnames.default)('no-wrap', "".concat(RC, "__").concat(isFirst ? firstKey : secondKey), {
+  const getClasses = isFirst => (0, _classnames.default)("no-wrap", "".concat(RC, "__").concat(isFirst ? firstKey : secondKey), {
     ["".concat(RC, "__").concat(isFirst ? firstKey : secondKey, "_icon-mode")]: isIconMode
   });
   const checkWidth = () => {
     if (mainRef.current && firstRef.current && secondRef.current && contactsRef.current) {
-      const measure = maxWidth && typeof maxWidth === 'number' ? maxWidth : mainRef.current.clientWidth;
+      const measure = maxWidth && typeof maxWidth === "number" ? maxWidth : mainRef.current.clientWidth;
       if (firstRef.current.clientWidth + secondRef.current.clientWidth + contactsRef.current.clientWidth > measure) setIconMode(true);else setIconMode(false);
     }
   };
@@ -109,25 +108,25 @@ const UserContacts = props => {
   (0, _react.useEffect)(() => {
     setIsRunTask({});
     return () => setIconMode(false);
-  }, [email, phone, JSON.stringify(mainContactsStructure), +maxWidth]);
+  }, [email, phone, JSON.stringify(mainContactsStructure), Number(maxWidth)]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: mainRef,
-    className: (0, _classnames.default)('j4', RC, className)
-  }, !!props[firstKey] && /*#__PURE__*/_react.default.createElement("a", {
+    className: (0, _classnames.default)("j4", RC, className)
+  }, Boolean(props[firstKey]) && /*#__PURE__*/_react.default.createElement("a", {
     ref: firstRef,
     href: "".concat(getProtocol(firstKey)).concat(props[firstKey].trim()),
     target: "_blank",
     rel: "noreferrer",
     className: getClasses(true)
-  }, isIconMode ? getIcon(firstKey) : "".concat(props[firstKey]).concat(props[secondKey] || isContacts ? getSeparator() : '')), !!props[secondKey] && /*#__PURE__*/_react.default.createElement("a", {
+  }, isIconMode ? getIcon(firstKey) : "".concat(props[firstKey]).concat(props[secondKey] || isContacts ? getSeparator() : "")), Boolean(props[secondKey]) && /*#__PURE__*/_react.default.createElement("a", {
     ref: secondRef,
     href: "".concat(getProtocol(secondKey)).concat(props[secondKey].trim()),
     target: "_blank",
     rel: "noreferrer",
     className: getClasses()
-  }, isIconMode ? getIcon(secondKey) : "".concat(props[secondKey]).concat(isContacts ? getSeparator() : '')), isContacts && /*#__PURE__*/_react.default.createElement("span", {
+  }, isIconMode ? getIcon(secondKey) : "".concat(props[secondKey]).concat(isContacts ? getSeparator() : "")), isContacts && /*#__PURE__*/_react.default.createElement("span", {
     ref: contactsRef,
-    className: (0, _classnames.default)('no-wrap', "".concat(RC, "__contacts"))
-  }, isMainContacts ? mainContactsStructure.map(contact => "".concat(contact).concat(getSeparator('main'))) : null, isMainContacts && generalizingWord && !isNotRenderGeneralizingWord ? " ".concat(Lng(generalizingWord)) : '', isMainContacts && !!otherContacts && !!(otherContacts !== null && otherContacts !== void 0 && otherContacts.length) && !isOtherTogetherMainContacts ? getSeparator() : '', !!otherContacts && !!(otherContacts !== null && otherContacts !== void 0 && otherContacts.length) && !isOtherTogetherMainContacts ? otherContacts === null || otherContacts === void 0 || (_otherContacts$map2 = otherContacts.map) === null || _otherContacts$map2 === void 0 ? void 0 : _otherContacts$map2.call(otherContacts, contact => "".concat(contact).concat(getSeparator('other'))) : null));
+    className: (0, _classnames.default)("no-wrap", "".concat(RC, "__contacts"))
+  }, isMainContacts ? mainContactsStructure.map(contact => "".concat(contact).concat(getSeparator("main"))) : null, isMainContacts && generalizingWord && !isNotRenderGeneralizingWord ? " ".concat(Lng(generalizingWord)) : "", isMainContacts && Boolean(otherContacts) && Boolean(otherContacts === null || otherContacts === void 0 ? void 0 : otherContacts.length) && !isOtherTogetherMainContacts ? getSeparator() : "", Boolean(otherContacts) && Boolean(otherContacts === null || otherContacts === void 0 ? void 0 : otherContacts.length) && !isOtherTogetherMainContacts ? otherContacts === null || otherContacts === void 0 || (_otherContacts$map2 = otherContacts.map) === null || _otherContacts$map2 === void 0 ? void 0 : _otherContacts$map2.call(otherContacts, contact => "".concat(contact).concat(getSeparator("other"))) : null));
 };
 var _default = exports.default = UserContacts;

package/dist/Atomic/FormElements/UserContacts/partial/AnyOuterClass.scss

@@ -4,19 +4,18 @@
   .user-contacts__email,
   .user-contacts__phone,
   .user-contacts__contacts {
-    text-decoration: none;
-    letter-spacing: 0.2px;
-
-    color: #1F7499;
-
     font-family: Sarabun, sans-serif;
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     line-height: 20px;
+    text-decoration: none;
+    letter-spacing: 0.2px;
+
+    color: #1f7499;
   }
 
   .user-contacts__contacts {
-    color: #3B414B;
+    color: #3b414b;
   }
 }

package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js

@@ -12,7 +12,7 @@ var _VariantsListRadioItem = _interopRequireDefault(require("./partials/Variants
 require("./VariantsListRadio.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 = 'variants-list-radio';
+const RC = "variants-list-radio";
 const VariantsListRadio = _ref => {
   let {
     items: outerItems,
@@ -32,8 +32,8 @@ const VariantsListRadio = _ref => {
   } = _ref;
   const [items, setItems] = (0, _react.useState)(outerItems);
   const [value, setValue] = (0, _react.useState)(outerValue);
-  const componentnId = id || 'variantsListRadio';
-  const mode = itemsContentRenderMode === 'col' ? 'col' : 'row';
+  const componentnId = id || "variantsListRadio";
+  const mode = itemsContentRenderMode === "col" ? "col" : "row";
   const isElementDisabled = disabled || isDisabled;
   const handleChange = newValue => {
     setValue(newValue);

package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.scss

@@ -3,67 +3,70 @@
   --variants-list-radio--item-padding: 10px 16px;
   --variants-list-radio--item-border-radius: 6px;
   --variants-list-radio--margin-after-item: 2px;
-  --variants-list-radio--item-background-color: #FFF;
-  --variants-list-radio--item-highlight-background-color: #F7F8FA;
+  --variants-list-radio--item-background-color: #fff;
+  --variants-list-radio--item-highlight-background-color: #f7f8fa;
   --variants-list-radio--item-with-borders-highlight-background-color: transparent;
   --variants-list-radio--disabled-item-highlight-background-color: transparent;
-  --variants-list-radio--disabled-item-with-borders-highlight-background-color: #F7F8FA;
+  --variants-list-radio--disabled-item-with-borders-highlight-background-color: #f7f8fa;
   --variants-list-radio--item-border-color: rgba(58, 72, 122, 0.15);
-  --variants-list-radio--item-border-color-active: #1F7499;
+  --variants-list-radio--item-border-color-active: #1f7499;
 
   // radio
   --variants-list-radio--radio-margin: 8px;
   --variants-list-radio--radio-diameter: 16px;
   --variants-list-radio--radio-mark-diameter: 8px;
   --variants-list-radio--radio-container-min-height: 20px;
-  --variants-list-radio--radio-color: #A6AAB4;
-  --variants-list-radio--radio-color-active: var(--variants-list-radio--item-border-color-active);
+  --variants-list-radio--radio-color: #a6aab4;
+  --variants-list-radio--radio-color-active: var(
+    --variants-list-radio--item-border-color-active
+  );
 
   // content
   //    label
-  --variants-list-radio--label-font-family:  Sarabun;
+  --variants-list-radio--label-font-family: sarabun;
   --variants-list-radio--label-font-size: 16px;
   --variants-list-radio--label-font-style: normal;
   --variants-list-radio--label-font-weight: 400;
   --variants-list-radio--label-line-height: 24px;
   --variants-list-radio--label-letter-spacing: 0.2px;
-  --variants-list-radio--label-color: #171D33;
+  --variants-list-radio--label-color: #171d33;
 
   //    description
-  --variants-list-radio--description-font-family:  Sarabun;
+  --variants-list-radio--description-font-family: sarabun;
   --variants-list-radio--description-font-size: 14px;
   --variants-list-radio--description-font-style: normal;
   --variants-list-radio--description-font-weight: 400;
   --variants-list-radio--description-line-height: 20px;
   --variants-list-radio--description-letter-spacing: 0.2px;
-  --variants-list-radio--description-color: #757F8C;
-
-  box-sizing: border-box;
-  width: 100%;
+  --variants-list-radio--description-color: #757f8c;
 
   display: flex;
   flex-flow: column nowrap;
   justify-content: flex-start;
   align-items: flex-start;
 
+  box-sizing: border-box;
+  width: 100%;
+
   background-color: transparent;
 
   // default mod - row
   &__item {
-    box-sizing: border-box;
-    width: 100%;
-    margin-bottom: var(--variants-list-radio--margin-after-item);
-    padding: var(--variants-list-radio--item-padding);
-    border-radius: var(--variants-list-radio--item-border-radius);
-    background-color: var(--variants-list-radio--item-background-color);
-    
     display: flex;
     flex-flow: row-reverse nowrap;
     justify-content: flex-start;
     align-items: stretch;
 
+    box-sizing: border-box;
+    width: 100%;
+    margin-bottom: var(--variants-list-radio--margin-after-item);
+    padding: var(--variants-list-radio--item-padding);
+
     cursor: pointer;
 
+    border-radius: var(--variants-list-radio--item-border-radius);
+    background-color: var(--variants-list-radio--item-background-color);
+
     &:last-child {
       margin-bottom: 0;
     }
@@ -73,71 +76,74 @@
     }
 
     &-radio-container {
-      box-sizing: border-box;
-      width: var(--variants-list-radio--radio-diameter);
-      min-height: var( --variants-list-radio--radio-container-min-height);
-      margin-left: var(--variants-list-radio--radio-margin);
-      
-
       display: flex;
       flex-flow: row nowrap;
       justify-content: flex-start;
       align-items: center;
+
+      box-sizing: border-box;
+      width: var(--variants-list-radio--radio-diameter);
+      min-height: var(--variants-list-radio--radio-container-min-height);
+      margin-left: var(--variants-list-radio--radio-margin);
     }
 
     &-radio {
-      box-sizing: border-box;
       position: relative;
+
+      box-sizing: border-box;
       width: var(--variants-list-radio--radio-diameter);
       height: var(--variants-list-radio--radio-diameter);
-      border-radius: 50%;
 
       border: 1px solid var(--variants-list-radio--radio-color);
-      background: #FFF;
+      border-radius: 50%;
+      background: #fff;
 
-      &>input {
+      & > input {
         display: none;
       }
 
       &-mark {
+        position: absolute;
+        top: calc(50% - (var(--variants-list-radio--radio-mark-diameter) / 2));
+        left: calc(50% - (var(--variants-list-radio--radio-mark-diameter) / 2));
+
         width: var(--variants-list-radio--radio-mark-diameter);
         height: var(--variants-list-radio--radio-mark-diameter);
+
         border-radius: 50%;
         background: transparent;
-
-        position: absolute;
-        left: calc(50% - (var(--variants-list-radio--radio-mark-diameter) / 2));
-        top: calc(50% - (var(--variants-list-radio--radio-mark-diameter) / 2));
-
       }
     }
 
     &-content {
-      box-sizing: border-box;
+      display: flex;
       overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
       flex-grow: 1;
 
-      display: flex;
+      box-sizing: border-box;
 
-      &-wrapper {
-        overflow: hidden;
-        box-sizing: border-box;
-        width: fit-content;
+      white-space: nowrap;
+      text-overflow: ellipsis;
 
+      &-wrapper {
         display: flex;
+        overflow: hidden;
         flex-flow: row nowrap;
         justify-content: flex-start;
         align-items: center;
 
+        box-sizing: border-box;
+        width: fit-content;
+
         vertical-align: middle;
       }
 
       &-label,
       &-description {
-        box-sizing: border-box;
         overflow: hidden;
+
+        box-sizing: border-box;
+
         white-space: nowrap;
         text-overflow: ellipsis;
       }
@@ -145,20 +151,22 @@
       &-label {
         font-family: var(--variants-list-radio--label-font-family);
         font-size: var(--variants-list-radio--label-font-size);
-        font-style: var( --variants-list-radio--label-font-style);
         font-weight: var(--variants-list-radio--label-font-weight);
+        font-style: var(--variants-list-radio--label-font-style);
         line-height: var(--variants-list-radio--label-line-height);
         letter-spacing: var(--variants-list-radio--label-letter-spacing);
+
         color: var(--variants-list-radio--label-color);
       }
 
       &-description {
         font-family: var(--variants-list-radio--description-font-family);
         font-size: var(--variants-list-radio--description-font-size);
-        font-style: var( --variants-list-radio--description-font-style);
         font-weight: var(--variants-list-radio--description-font-weight);
+        font-style: var(--variants-list-radio--description-font-style);
         line-height: var(--variants-list-radio--description-line-height);
         letter-spacing: var(--variants-list-radio--description-letter-spacing);
+
         color: var(--variants-list-radio--description-color);
       }
     }
@@ -172,8 +180,10 @@
     }
 
     &_active {
-      background-color: var(--variants-list-radio--item-highlight-background-color);
-      
+      background-color: var(
+        --variants-list-radio--item-highlight-background-color
+      );
+
       .variants-list-radio__item {
         &-radio {
           border-color: var(--variants-list-radio--radio-color-active);
@@ -191,32 +201,35 @@
 
     &_disabled {
       pointer-events: none;
+
       background-color: var(--variants-list-radio--item-background-color);
 
       .variants-list-radio {
         &__item-radio {
-          border-color: #A6AAB4;
-          background-color: #E8E9EC;
+          border-color: #a6aab4;
+          background-color: #e8e9ec;
         }
       }
 
       &.variants-list-radio__item_active {
-        background-color: var(--variants-list-radio--disabled-item-highlight-background-color);
-        
+        background-color: var(
+          --variants-list-radio--disabled-item-highlight-background-color
+        );
+
         .variants-list-radio__item-radio-mark {
-          background-color: #757F8C;
+          background-color: #757f8c;
         }
 
         &.variants-list-radio__item_as-option {
           .variants-list-radio__item-content-label {
-            color: #3B414B;
+            color: #3b414b;
           }
         }
       }
 
       &.variants-list-radio__item_as-option {
         .variants-list-radio__item-content-label {
-          color: #757F8C;
+          color: #757f8c;
         }
       }
     }
@@ -236,8 +249,9 @@
             margin-right: 4px;
           }
           &:last-child {
-            width: 0;
             flex-grow: 1;
+
+            width: 0;
             padding-top: 2px;
           }
         }
@@ -267,8 +281,8 @@
         flex-flow: row nowrap;
 
         &-radio-container {
-          margin-left: 0;
           margin-right: var(--variants-list-radio--radio-margin);
+          margin-left: 0;
         }
       }
     }
@@ -281,13 +295,17 @@
 
         &_active {
           border-color: var(--variants-list-radio--item-border-color-active);
-          background-color: var(--variants-list-radio--item-with-borders-highlight-background-color);
+          background-color: var(
+            --variants-list-radio--item-with-borders-highlight-background-color
+          );
         }
 
         &_disabled {
           &.variants-list-radio__item_active {
             border-color: var(--variants-list-radio--item-border-color);
-            background-color: var(--variants-list-radio--disabled-item-with-borders-highlight-background-color);
+            background-color: var(
+              --variants-list-radio--disabled-item-with-borders-highlight-background-color
+            );
           }
         }
       }

package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./WidgetPseudoTable.scss");
-const RC = 'widget-pseudo-table';
+const RC = "widget-pseudo-table";
 const WidgetPseudoTable = props => {
   const {
     className,
@@ -35,7 +35,7 @@ const WidgetPseudoTable = props => {
     className: (0, _classnames.default)("".concat(RC, "__body"), {
       ["".concat(RC, "__body_no-content")]: !(rows !== null && rows !== void 0 && rows.length)
     })
-  }, !!(rows !== null && rows !== void 0 && rows.length) && !isNotRenderThead && /*#__PURE__*/_react.default.createElement("div", {
+  }, Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && !isNotRenderThead && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__thead"))
   }, columns.map(field => /*#__PURE__*/_react.default.createElement("div", {
     key: "thead-".concat(field.key),
@@ -64,6 +64,6 @@ const WidgetPseudoTable = props => {
     "data-id": "empty-row"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__no-data-content"))
-  }, nullContentData !== null && nullContentData !== void 0 ? nullContentData : 'No data')))));
+  }, nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data")))));
 };
 var _default = exports.default = WidgetPseudoTable;