intelicoreact 1.0.29 → 1.0.30

package/dist/Atomic/UI/Tag/Tag.scss

@@ -1,21 +1,26 @@
 @import "../../../scss/vars";
 
 .tag {
+  position: relative;
+
   display: inline-flex;
-  background-color: $color--gray--light;
-  height: 22px;
   align-items: center;
-  border-radius: 3px;
-  padding: 0 6px;
+
+  height: 22px;
   margin-right: 4px;
-  white-space: nowrap;
-  vertical-align: middle;
-  position: relative;
-  user-select: none;
+  padding: 0 6px;
+
   cursor: pointer;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+
+  border-radius: 3px;
+  background-color: $color--gray--light;
 
   &__label {
     color: $color--dark;
+
     font-size: 11px;
   }
 
@@ -23,44 +28,53 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    cursor: pointer;
-    margin-left: 8px;
+
     width: 16px;
     height: 16px;
-    color: #1e1e2d;
+    margin-left: 8px;
+
+    cursor: pointer;
+
     opacity: 0.3;
+    color: #1E1E2D;
   }
 
   &-warn {
     background-color: $color--error-bg;
 
     .tag__label {
-      color: #b9002c;
+      color: #B9002C;
     }
   }
 
   &__warn-hint {
     position: absolute;
-    background-color: #6b81dd;
-    color: #fff;
-    font-size: 10px;
-    line-height: 16px;
-    border-radius: 4px;
-    max-width: 270px;
-    min-width: 80px;
-    padding: 8px;
     z-index: 2;
     top: 30px;
     left: 2px;
 
-    &:before {
-      content: '';
+    min-width: 80px;
+    max-width: 270px;
+    padding: 8px;
+
+    color: #FFF;
+    border-radius: 4px;
+    background-color: #6B81DD;
+
+    font-size: 10px;
+    line-height: 16px;
+
+    &::before {
       position: absolute;
+      top: -4px;
+
       width: 8.5px;
       height: 8.5px;
-      background-color: #6b81dd;
+
+      content: "";
       transform: rotate(45deg);
-      top: -4px;
+
+      background-color: #6B81DD;
     }
   }
 

package/dist/Atomic/UI/TagList/TagList.js

@@ -19,12 +19,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _io = require("react-icons/io5");
-
-var _reactFeather = require("react-feather");
-
 var _Tag = _interopRequireDefault(require("../Tag/Tag"));
 
 var _utils = require("../../../Functions/utils");
@@ -96,7 +90,7 @@ var TagList = function TagList(_ref) {
     return tagList.map(function (_ref2) {
       var itemRef = _ref2.itemRef;
       return itemRef;
-    }).reduce(function (result, itemRef, i) {
+    }).reduce(function (result, itemRef) {
       if (!(itemRef !== null && itemRef !== void 0 && itemRef.current)) return false;
       return result;
     }, true);

package/dist/Atomic/UI/TagList/TagList.scss

@@ -1,29 +1,32 @@
-.tag-list_wrapper{
+.tag-list_wrapper {
   display: flex;
   flex-wrap: wrap;
+
   width: 100%;
-  max-width: 100%;
   min-width: 100%;
+  max-width: 100%;
 
-  &--only-static-items{
+  &--only-static-items {
     display: flex;
-    .tag-list_wrapper_item{
+
+    .tag-list_wrapper_item {
       margin-bottom: 0;
     }
   }
 
-  &_item{
+  &_item {
     display: inline-block;
 
-    &--hidden{
+    &--hidden {
       display: none;
     }
   }
 
   &_render-more,
-  &_hide-more{
-    background: #FFEDC8;
+  &_hide-more {
     cursor: pointer;
+
+    background: #FFEDC8;
   }
 
   .tag {

package/dist/Atomic/UI/UserBox/UserBox.scss

@@ -5,29 +5,36 @@
 
   &__avatar {
     display: flex;
-    align-items:center;
+    align-items: center;
     justify-content: center;
-    color: #FFFFFF;
+
     width: 24px;
     height: 24px;
+
+    user-select: none;
+
+    color: #FFF;
     border-radius: 30px;
+
     font-size: 16px;
     font-weight: 400;
-    user-select: none;
   }
 
   .button_link {
+    height: unset;
     padding-left: 8px;
+
     font-size: 14px;
     font-weight: 400;
-    height: unset;
   }
 
   .label {
-    color: #171d33;
-    font-size: 14px;
-    font-weight: 400;
     margin-bottom: 0;
     margin-left: 8px;
+
+    color: #171D33;
+
+    font-size: 14px;
+    font-weight: 400;
   }
 }

package/dist/Functions/fieldValueFormatters.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.filterNumeric = exports.filterFloat = exports.formatToLimitLength = exports.formatNumberValueToMask = exports.formatToCutOffDotAtTheEnd = exports.formatToOnlyASCIICodeText = exports.formatToLetters = exports.formatToPriceWithUSD = exports.formatToTwoDigitAfterDot = exports.formatToDollarSign = exports.formatToAddBitDepthPoints = exports.formatToRemoveComa = exports.formatOnlyNumbers = exports.intlNumbersFormatter = exports.getSafelyValue = void 0;
-
-var _index = require("../Constants/index.constants");
+exports.filterNumeric = exports.filterFloat = exports.formatToHex = exports.formatToLimitLength = exports.formatNumberValueToMask = exports.formatToCutOffDotAtTheEnd = exports.formatToOnlyASCIICodeText = exports.formatToLetters = exports.formatToPriceWithUSD = exports.formatToTwoDigitAfterDot = exports.formatToDollarSign = exports.formatToAddBitDepthPoints = exports.formatToRemoveComa = exports.formatOnlyNumbers = exports.intlNumbersFormatter = exports.getSafelyValue = void 0;
 
 // The first word "format" in the function name means a logic in which the function transforms the incoming value in any case.
 // The first word "filter" in the function name means a logic in which the function works as a changer for sequential input
@@ -25,7 +23,7 @@ var intlNumbersFormatter = function intlNumbersFormatter(inputValue) {
   var value = lastSym === '.' ? previousValue : inputValue;
   if (Number.isNaN(+value) || !getSafelyValue(value)) return '';
   var _settings$locale = settings.locale,
-      locale = _settings$locale === void 0 ? "en-US" : _settings$locale,
+      locale = _settings$locale === void 0 ? 'en-US' : _settings$locale,
       withSymbol = settings.withSymbol,
       _settings$useGrouping = settings.useGrouping,
       useGrouping = _settings$useGrouping === void 0 ? true : _settings$useGrouping,
@@ -34,40 +32,40 @@ var intlNumbersFormatter = function intlNumbersFormatter(inputValue) {
       _settings$fractionDig = settings.fractionDigits,
       fractionDigits = _settings$fractionDig === void 0 ? {} : _settings$fractionDig;
   var _currency$currencyTyp = currency.currencyType,
-      currencyType = _currency$currencyTyp === void 0 ? "USD" : _currency$currencyTyp,
+      currencyType = _currency$currencyTyp === void 0 ? 'USD' : _currency$currencyTyp,
       inputCurrencyDisplay = currency.currencyDisplay;
   var currencyDisplay;
 
   switch (inputCurrencyDisplay) {
-    case "name":
-      currencyDisplay = "name";
+    case 'name':
+      currencyDisplay = 'name';
       break;
 
-    case "code":
-      currencyDisplay = "code";
+    case 'code':
+      currencyDisplay = 'code';
       break;
 
-    case "narrowSymbol":
-      currencyDisplay = "narrowSymbol";
+    case 'narrowSymbol':
+      currencyDisplay = 'narrowSymbol';
       break;
 
     default:
-      currencyDisplay = "symbol";
+      currencyDisplay = 'symbol';
   }
 
   var numberStyle;
 
   switch (withSymbol) {
-    case "percent":
-      numberStyle = "percent";
+    case 'percent':
+      numberStyle = 'percent';
       break;
 
-    case "currency":
-      numberStyle = "currency";
+    case 'currency':
+      numberStyle = 'currency';
       break;
 
     default:
-      numberStyle = "decimal";
+      numberStyle = 'decimal';
       break;
   }
 
@@ -215,10 +213,17 @@ exports.formatNumberValueToMask = formatNumberValueToMask;
 var formatToLimitLength = function formatToLimitLength(inputValue, limit) {
   var value = getSafelyValue(inputValue);
   return limit && typeof limit === 'number' && !Number.isNaN(limit) && (value === null || value === void 0 ? void 0 : value.length) > limit ? value.substr(0, limit) : value;
+};
+
+exports.formatToLimitLength = formatToLimitLength;
+
+var formatToHex = function formatToHex(inputValue) {
+  var value = getSafelyValue(inputValue);
+  return "#".concat(value.toString().replace(/[^a-f0-9]/gi, ''));
 }; // *** filter ***
 
 
-exports.formatToLimitLength = formatToLimitLength;
+exports.formatToHex = formatToHex;
 
 var filterFloat = function filterFloat(inputValue) {
   var _ref2;

package/dist/Functions/usePasswordChecker.js

@@ -17,6 +17,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 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; }
@@ -123,9 +125,14 @@ function usePasswordChecker() {
     }, ' ', checkRules.map(function (_ref) {
       var icon = _ref.icon,
           text = _ref.text,
-          isMatch = _ref.isMatch;
+          isMatch = _ref.isMatch,
+          key = _ref.key;
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "\n                  password-checker__body-item\n                  ".concat(isMatch === true ? 'password-checker__body-item--match' : '', "\n                  ").concat(isMatch === false ? 'password-checker__body-item--dont-match' : '', "\n                ")
+        key: key,
+        className: (0, _classnames.default)('password-checker__body-item', {
+          'password-checker__body-item--match': isMatch,
+          'password-checker__body-item--dont-match': !isMatch
+        })
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "password-checker__body-item__icon"
       }, " ", icon, " "), " ", /*#__PURE__*/_react.default.createElement("div", {

package/dist/Functions/utils.js

@@ -187,7 +187,7 @@ var changeMeta = function changeMeta(key) {
       return i.key === key;
     });
     document.title = (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : defaultMeta === null || defaultMeta === void 0 ? void 0 : defaultMeta.title;
-    document.querySelector('meta[name="description"]').setAttribute("content", (_item$description = item === null || item === void 0 ? void 0 : item.description) !== null && _item$description !== void 0 ? _item$description : defaultMeta === null || defaultMeta === void 0 ? void 0 : defaultMeta.description);
+    document.querySelector('meta[name="description"]').setAttribute('content', (_item$description = item === null || item === void 0 ? void 0 : item.description) !== null && _item$description !== void 0 ? _item$description : defaultMeta === null || defaultMeta === void 0 ? void 0 : defaultMeta.description);
   }
 };
 

package/dist/Molecular/FormElement/FormElement.scss

@@ -3,10 +3,14 @@
 }
 
 .form-element__error {
-  margin-top: 2px;
-  margin-left: 1px;
   position: absolute;
+
   display: block;
+
+  margin-top: 2px;
+  margin-left: 1px;
+
+  color: #F06D8D;
+
   font-size: 10px;
-  color: #f06d8d;
 }

package/dist/scss/_fonts.scss

@@ -1,109 +1,143 @@
-/* roboto-100 - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 100;
-    src: local('Roboto Thin'), local('Roboto-Thin'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-100italic - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: italic;
-    font-weight: 100;
-    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-300 - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 300;
-    src: local('Roboto Light'), local('Roboto-Light'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-300italic - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: italic;
-    font-weight: 300;
-    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-regular - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Roboto'), local('Roboto-Regular'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-italic - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: italic;
-    font-weight: 400;
-    src: local('Roboto Italic'), local('Roboto-Italic'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-500 - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
-    src: local('Roboto Medium'), local('Roboto-Medium'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-500italic - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: italic;
-    font-weight: 500;
-    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-700 - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: local('Roboto Bold'), local('Roboto-Bold'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-700italic - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: italic;
-    font-weight: 700;
-    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-900 - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 900;
-    src: local('Roboto Black'), local('Roboto-Black'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  /* roboto-900italic - latin_cyrillic */
-  @font-face {
-    font-family: 'Roboto';
-    font-style: italic;
-    font-weight: 900;
-    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
-         url('../assets/fonts/roboto-v20-latin_cyrillic-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-         url('../assets/fonts/roboto-v20-latin_cyrillic-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-  }
-  
+/* roboto-100 - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 100;
+  font-style: normal;
+  src:
+    local("Roboto Thin"),
+    local("Roboto-Thin"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-100.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-100.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-100italic - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 100;
+  font-style: italic;
+  src:
+    local("Roboto Thin Italic"),
+    local("Roboto-ThinItalic"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-100italic.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-100italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-300 - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 300;
+  font-style: normal;
+  src:
+    local("Roboto Light"),
+    local("Roboto-Light"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-300.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-300italic - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 300;
+  font-style: italic;
+  src:
+    local("Roboto Light Italic"),
+    local("Roboto-LightItalic"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-300italic.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-regular - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  src:
+    local("Roboto"),
+    local("Roboto-Regular"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-regular.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-italic - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 400;
+  font-style: italic;
+  src:
+    local("Roboto Italic"),
+    local("Roboto-Italic"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-italic.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-500 - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 500;
+  font-style: normal;
+  src:
+    local("Roboto Medium"),
+    local("Roboto-Medium"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-500.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-500italic - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 500;
+  font-style: italic;
+  src:
+    local("Roboto Medium Italic"),
+    local("Roboto-MediumItalic"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-500italic.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-500italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-700 - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 700;
+  font-style: normal;
+  src:
+    local("Roboto Bold"),
+    local("Roboto-Bold"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-700.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-700italic - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 700;
+  font-style: italic;
+  src:
+    local("Roboto Bold Italic"),
+    local("Roboto-BoldItalic"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-700italic.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-900 - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 900;
+  font-style: normal;
+  src:
+    local("Roboto Black"),
+    local("Roboto-Black"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-900.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-900italic - latin_cyrillic */
+@font-face {
+  font-family: Roboto, sans-serif;
+  font-weight: 900;
+  font-style: italic;
+  src:
+    local("Roboto Black Italic"),
+    local("Roboto-BlackItalic"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-900italic.woff2") format("woff2"),
+    url("../assets/fonts/roboto-v20-latin_cyrillic-900italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}