intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/Layout/Header/Header.scss

@@ -1,7 +1,7 @@
 .header {
   display: flex;
-  align-items: center;
   justify-content: space-between;
+  align-items: center;
 
   box-sizing: border-box;
   padding: 11.5px 24px;
@@ -13,16 +13,15 @@
 
     max-width: 150px;
 
+    font-size: 12px;
     white-space: nowrap;
     text-overflow: ellipsis;
-
-    font-size: 12px;
   }
 
   &--user-status {
-    color: #9AA0B9;
-
     font-size: 10px;
+
+    color: #9aa0b9;
   }
 
   &--user-ava {
@@ -69,13 +68,13 @@
       content: "";
 
       border-radius: 15px;
-      background-color: #F06D8D;
+      background-color: #f06d8d;
     }
   }
 
   &__hint {
     .hint__button {
-      color: #6B81DD;
+      color: #6b81dd;
 
       .hint__label {
         margin-left: 5px;
@@ -92,8 +91,8 @@
   width: 100%;
   padding: 10px 0;
 
-  border: 1px solid #E2E5EC;
-  background: #FFF;
+  border: 1px solid #e2e5ec;
+  background: #fff;
   box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
 }
 
@@ -103,7 +102,7 @@
   cursor: pointer;
 
   &:hover {
-    background: #E2E5EC;
+    background: #e2e5ec;
   }
 }
 

package/dist/Atomic/Layout/MainMenu/MainMenu.js

@@ -1,98 +1,67 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var Icons = _interopRequireWildcard(require("react-feather"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _Langs = _interopRequireDefault(require("../../../../../Langs"));
-
 var _Accordion = _interopRequireDefault(require("../../UI/Accordion/Accordion"));
-
 require("./MainMenu.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; }
-
-var classNames = require('classnames');
-
-var MainMenu = function MainMenu(props) {
-  var items = props.items,
-      className = props.className;
-  var txt = _Langs.default[global.lng];
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isMenuHovered = _useState4[0],
-      setIsMenuHovered = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      isMenuIconHovered = _useState6[0],
-      setIsMenuIconHovered = _useState6[1];
-
-  var chapterClass = classNames('main-menu--items-box-chapter', {
-    'main-menu--items-box-chapter-hidden': !isOpen && !isMenuHovered
+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 MainMenu = props => {
+  const {
+    items,
+    className
+  } = props;
+  const txt = _Langs.default[global.lng];
+  const [isOpen, setIsOpen] = (0, _react.useState)(true);
+  const [isMenuHovered, setIsMenuHovered] = (0, _react.useState)(false);
+  const [isMenuIconHovered, setIsMenuIconHovered] = (0, _react.useState)(false);
+  const chapterClass = (0, _classnames.default)("main-menu--items-box-chapter", {
+    "main-menu--items-box-chapter-hidden": !isOpen && !isMenuHovered
   });
-  var accordionClass = classNames('main-menu--accordion', {
-    'main-menu--accordion-hidden': !isOpen && !isMenuHovered
+  const accordionClass = (0, _classnames.default)("main-menu--accordion", {
+    "main-menu--accordion-hidden": !isOpen && !isMenuHovered
   });
-  var itemsBoxClass = classNames('main-menu--items-box', {
-    'main-menu--items-box-closed': !isOpen && !isMenuHovered
+  const itemsBoxClass = (0, _classnames.default)("main-menu--items-box", {
+    "main-menu--items-box-closed": !isOpen && !isMenuHovered
   });
-  var mainMenuClass = classNames('main-menu', className, {
-    'main-menu--closed': !isOpen && !isMenuHovered
+  const mainMenuClass = (0, _classnames.default)("main-menu", className, {
+    "main-menu--closed": !isOpen && !isMenuHovered
   });
-
-  var onMenuHover = function onMenuHover() {
+  const onMenuHover = () => {
     if (!isOpen) {
       setIsMenuHovered(!isMenuHovered);
-      items.mainMenu.forEach(function (item) {
+      items.mainMenu.forEach(item => {
         item.isOpen = false;
       });
-      items.partners.forEach(function (item) {
+      items.partners.forEach(item => {
         item.isOpen = false;
       });
-      items.other.forEach(function (item) {
+      items.other.forEach(item => {
         item.isOpen = false;
       });
     }
   };
-
-  var onCloseMenu = function onCloseMenu() {
+  const onCloseMenu = () => {
     setIsOpen(!isOpen);
-    items.mainMenu.forEach(function (item) {
+    items.mainMenu.forEach(item => {
       item.isOpen = false;
     });
-    items.partners.forEach(function (item) {
+    items.partners.forEach(item => {
       item.isOpen = false;
     });
-    items.other.forEach(function (item) {
+    items.other.forEach(item => {
       item.isOpen = false;
     });
   };
-
-  var changeMenuIcon = function changeMenuIcon() {
+  const changeMenuIcon = () => {
     if (isOpen && !isMenuIconHovered) return /*#__PURE__*/_react.default.createElement(Icons.Menu, null);
     if (isOpen && isMenuIconHovered) return /*#__PURE__*/_react.default.createElement(Icons.ChevronLeft, null);
     if (!isOpen && isMenuHovered) return /*#__PURE__*/_react.default.createElement(Icons.ChevronRight, null);
@@ -101,59 +70,48 @@ var MainMenu = function MainMenu(props) {
     });
     return null;
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: mainMenuClass,
-    onMouseEnter: function onMouseEnter() {
-      return onMenuHover();
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setIsMenuHovered(false);
-    }
+    onMouseEnter: () => onMenuHover(),
+    onMouseLeave: () => setIsMenuHovered(false)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('main-menu--header', {
-      'main-menu--header-closed': !isOpen && !isMenuHovered
+    className: (0, _classnames.default)("main-menu--header", {
+      "main-menu--header-closed": !isOpen && !isMenuHovered
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('main-menu--logo', {
-      'main-menu--logo-none': !isOpen && !isMenuHovered
+    className: (0, _classnames.default)("main-menu--logo", {
+      "main-menu--logo-none": !isOpen && !isMenuHovered
     })
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "main-menu--header-btn",
-    onClick: function onClick() {
-      return onCloseMenu();
-    }
+    onClick: () => onCloseMenu()
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "j5",
-    onMouseEnter: function onMouseEnter() {
-      return setIsMenuIconHovered(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setIsMenuIconHovered(false);
-    }
+    onMouseEnter: () => setIsMenuIconHovered(true),
+    onMouseLeave: () => setIsMenuIconHovered(false)
   }, changeMenuIcon()))), /*#__PURE__*/_react.default.createElement("div", {
     className: itemsBoxClass
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('main-menu--items-box-main')
-  }, items.main.map(function (item, index) {
-    var Icon = Icons[item.icon];
+    className: (0, _classnames.default)("main-menu--items-box-main")
+  }, items.main.map((item, index) => {
+    const Icon = Icons[item.icon];
     return item.link ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
       to: item.link,
       key: index,
-      className: (0, _classnames.default)('main-menu--items-box-title')
+      className: (0, _classnames.default)("main-menu--items-box-title")
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "main-menu--item"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "df"
     }, /*#__PURE__*/_react.default.createElement(Icon, {
-      className: (0, _classnames.default)('mr5', item.className)
+      className: (0, _classnames.default)("mr5", item.className)
     })), /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)({
         hidden: !isOpen && !isMenuHovered
       })
-    }, (item === null || item === void 0 ? void 0 : item.title) || 'Link'))) : /*#__PURE__*/_react.default.createElement("span", {
+    }, (item === null || item === void 0 ? void 0 : item.title) || "Link"))) : /*#__PURE__*/_react.default.createElement("span", {
       key: index,
-      className: (0, _classnames.default)('main-menu--items-box-title', {
+      className: (0, _classnames.default)("main-menu--items-box-title", {
         hidden: !isOpen && !isMenuHovered
       })
     }, txt === null || txt === void 0 ? void 0 : txt.titles[item === null || item === void 0 ? void 0 : item.title]);
@@ -162,7 +120,7 @@ var MainMenu = function MainMenu(props) {
   }, /*#__PURE__*/_react.default.createElement("span", null, "Main menu")), /*#__PURE__*/_react.default.createElement(_Accordion.default, {
     className: accordionClass,
     items: items.mainMenu,
-    onClick: function onClick() {}
+    onClick: () => {}
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: chapterClass
   }, /*#__PURE__*/_react.default.createElement("span", null, "Partners")), /*#__PURE__*/_react.default.createElement(_Accordion.default, {
@@ -170,7 +128,7 @@ var MainMenu = function MainMenu(props) {
     isMenuHovered: isMenuHovered,
     className: accordionClass,
     items: items.partners,
-    onClick: function onClick() {}
+    onClick: () => {}
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: chapterClass
   }, /*#__PURE__*/_react.default.createElement("span", null, "Other")), /*#__PURE__*/_react.default.createElement(_Accordion.default, {
@@ -178,9 +136,7 @@ var MainMenu = function MainMenu(props) {
     isOpen: isOpen,
     isMenuHovered: isMenuHovered,
     items: items.other,
-    onClick: function onClick() {}
+    onClick: () => {}
   })));
 };
-
-var _default = MainMenu;
-exports.default = _default;
+var _default = exports.default = MainMenu;

package/dist/Atomic/Layout/MainMenu/MainMenu.scss

@@ -53,13 +53,13 @@
     z-index: 2;
 
     display: flex;
-    align-items: center;
     justify-content: space-between;
+    align-items: center;
 
     height: 22px;
     padding: 14px 26px 16px 24px;
 
-    background-color: #535E88;
+    background-color: #535e88;
 
     &-closed {
       padding: 15px;
@@ -71,11 +71,10 @@
 
       margin-left: -5px;
 
+      font-size: 24px;
       cursor: pointer;
 
-      color: #E2E6F8;
-
-      font-size: 24px;
+      color: #e2e6f8;
     }
   }
 
@@ -83,19 +82,19 @@
     width: 118px;
     height: 36px;
 
-    transition: all 0.2s ease-out;
-
     background-image: url("../../../../../assets/img/finturfLogo.svg");
     background-repeat: no-repeat;
     background-position: left;
 
+    transition: all 0.2s ease-out;
+
     &-none {
       width: 0;
       height: 0;
 
-      transition: all 0.2s ease-out;
-
       opacity: 0;
+
+      transition: all 0.2s ease-out;
     }
 
     &-close {
@@ -121,23 +120,21 @@
     @include custom-scroll2;
 
     &-title {
+      font-size: 13px;
       text-decoration: none;
 
       color: $color--text;
-
-      font-size: 13px;
     }
 
     &-chapter {
       padding: 16px 25px 10px;
 
+      font-size: 10px;
       user-select: none;
       text-transform: uppercase;
 
       color: $color--gray-gull;
 
-      font-size: 10px;
-
       &-hidden {
         width: 16px;
         height: 5px;
@@ -147,7 +144,7 @@
         padding: 0;
 
         border-radius: 9px;
-        background-color: #E2E5EC;
+        background-color: #e2e5ec;
 
         span {
           display: none;
@@ -156,16 +153,16 @@
     }
 
     svg {
-      transition: all 0.3s ease-out;
-
       font-size: 16px;
+
+      transition: all 0.3s ease-out;
     }
   }
 
   &--item {
     display: flex;
-    align-items: center;
     justify-content: flex-start;
+    align-items: center;
 
     padding: 12.5px 24px;
 

package/dist/Atomic/Layout/Spinner/Spinner.js

@@ -1,32 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./Spinner.scss");
-
-var Spinner = function Spinner(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? null : _ref$size;
+const Spinner = function (_ref) {
+  let {
+    size = null
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('loader-box', {
-      j5: size !== 'small',
-      j8: size === 'small'
+    className: (0, _classnames.default)("loader-box", {
+      j5: size !== "small",
+      j8: size === "small"
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('lds-ring', (0, _defineProperty2.default)({}, "lds-ring_".concat(size), size))
+    className: (0, _classnames.default)("lds-ring", {
+      ["lds-ring_".concat(size)]: size
+    })
   }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null)));
 };
-
-var _default = Spinner;
-exports.default = _default;
+var _default = exports.default = Spinner;

package/dist/Atomic/Layout/Spinner/Spinner.scss

@@ -11,7 +11,7 @@
   z-index: 100;
 
   opacity: 0.1;
-  background: #FFF;
+  background: #fff;
 
   @include fill-parent;
 }
@@ -42,11 +42,11 @@
   height: 84px;
   margin: 8px;
 
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-
   border: 8px solid #000;
   border-color: #000 transparent transparent;
   border-radius: 50%;
+
+  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 }
 
 .lds-ring_small div {

package/dist/Atomic/UI/Accordion/Accordion.js

@@ -1,89 +1,59 @@
 "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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var Icons = _interopRequireWildcard(require("react-feather"));
-
 var _reactRouterDom = require("react-router-dom");
-
-var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
-
 var _utils = require("../../../Functions/utils");
-
+var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
 require("./Accordion.scss");
-
 require("../../Layout/MainMenu/MainMenu.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; }
-
-var Accordion = function Accordion(_ref) {
-  var items = _ref.items,
-      className = _ref.className,
-      itemClassName = _ref.itemClassName,
-      isMenuHovered = _ref.isMenuHovered,
-      isOpen = _ref.isOpen,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'accordion-test' : _ref$testId;
-
-  var _useState = (0, _react.useState)(items),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      data = _useState2[0],
-      setData = _useState2[1];
-
-  var onChange = (0, _utils.handleObjectChange)(setData, function () {
-    return setData((0, _toConsumableArray2.default)(data));
-  });
-
-  var handleArrayChange = function handleArrayChange(e, index, prop) {
+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 Accordion = _ref => {
+  let {
+    items,
+    className,
+    itemClassName,
+    isMenuHovered,
+    isOpen,
+    testId = "accordion-test"
+  } = _ref;
+  const [data, setData] = (0, _react.useState)(items);
+  const onChange = (0, _utils.handleObjectChange)(setData, () => setData([...data]));
+  const handleArrayChange = (e, index, prop) => {
     data[index][prop] = e;
     onChange(data);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('accordion', className),
+    className: (0, _classnames.default)("accordion", className),
     "data-testid": testId
-  }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
-    var Icon = Icons[item.icon];
+  }, items === null || items === void 0 ? void 0 : items.map((item, index) => {
+    const Icon = Icons[item.icon];
     return item.link ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
       "data-testid": "".concat(testId, "-link-").concat(index),
       key: index,
       to: item.link,
-      className: (0, _classnames.default)('main-menu--item main-menu--items-box-title')
+      className: (0, _classnames.default)("main-menu--item main-menu--items-box-title")
     }, (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/_react.default.createElement(Icon, {
-      className: (0, _classnames.default)('mr5', item === null || item === void 0 ? void 0 : item.className)
+      className: (0, _classnames.default)("mr5", item === null || item === void 0 ? void 0 : item.className)
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)({
         hidden: !isOpen && !isMenuHovered
       })
-    }, (item === null || item === void 0 ? void 0 : item.title) || 'Link')) : /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
+    }, (item === null || item === void 0 ? void 0 : item.title) || "Link")) : /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
       testId: "".concat(testId, "-item-").concat(index),
       key: index,
       className: itemClassName,
       item: item,
       isOpen: item.isOpen,
-      onClick: function onClick(e) {
-        return handleArrayChange(e, index, 'isOpen');
-      }
+      onClick: e => handleArrayChange(e, index, "isOpen")
     });
   }));
 };
-
-var _default = Accordion;
-exports.default = _default;
+var _default = exports.default = Accordion;

package/dist/Atomic/UI/Accordion/Accordion.scss

@@ -12,8 +12,8 @@
 
   &--title-box {
     display: flex;
-    align-items: center;
     justify-content: space-between;
+    align-items: center;
 
     height: 20px;
     padding: 10px 15px;
@@ -26,17 +26,17 @@
   }
 
   &--title {
+    font-size: 13px;
     user-select: none;
 
     color: $color--text;
 
-    font-size: 13px;
-
     &-chevron {
       min-width: 16px;
       min-height: 16px;
 
       cursor: pointer;
+
       transition: all 0.2s ease-out;
 
       &-open {
@@ -49,27 +49,27 @@
   &--content {
     display: flex;
     overflow: hidden;
-    align-items: flex-start;
     flex-direction: column;
     justify-content: center;
+    align-items: flex-start;
 
     max-height: 1000px;
 
-    transition: all 0.25s ease-out;
+    font-size: 13px;
 
     opacity: 0;
-    background: #FFF;
+    background: #fff;
 
-    font-size: 13px;
+    transition: all 0.25s ease-out;
 
     @include custom-scroll;
 
     &-is-open {
       padding: 10px 15px;
 
-      transition: all 0.25s ease-out;
-
       opacity: 1;
+
+      transition: all 0.25s ease-out;
     }
 
     &-item {
@@ -77,10 +77,10 @@
       padding: 7.5px 20px;
 
       a {
-        color: #1E1E2D;
-
         font-size: 13px;
         font-weight: 300;
+
+        color: #1e1e2d;
       }
     }
   }