intelicoreact 1.3.22 → 1.3.23

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

@@ -13,12 +13,12 @@ const Spinner = function (_ref) {
     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', {
+    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)));

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

@@ -9,8 +9,8 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -22,7 +22,7 @@ const Accordion = _ref => {
     itemClassName,
     isMenuHovered,
     isOpen,
-    testId = 'accordion-test'
+    testId = "accordion-test"
   } = _ref;
   const [data, setData] = (0, _react.useState)(items);
   const onChange = (0, _utils.handleObjectChange)(setData, () => setData([...data]));
@@ -31,7 +31,7 @@ const Accordion = _ref => {
     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((item, index) => {
     const Icon = Icons[item.icon];
@@ -39,20 +39,20 @@ const Accordion = _ref => {
       "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: e => handleArrayChange(e, index, 'isOpen')
+      onClick: e => handleArrayChange(e, index, "isOpen")
     });
   }));
 };

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;
       }
     }
   }

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

@@ -47,8 +47,8 @@ const AccordionItem = _ref => {
       const result = row.cols.reduce(
       // sum cols
       (accum, col) => ({
-        active: accum.active + (col.status === 'active' ? 1 : 0),
-        pause: accum.pause + (col.status === 'pause' ? 1 : 0)
+        active: accum.active + (col.status === "active" ? 1 : 0),
+        pause: accum.pause + (col.status === "pause" ? 1 : 0)
       }), {
         active: 0,
         pause: 0
@@ -64,20 +64,20 @@ const AccordionItem = _ref => {
     });
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('accordion--item', className)
+    className: (0, _classnames.default)("accordion--item", className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": testId,
-    className: (0, _classnames.default)('accordion--title-box', {
-      'accordion--title-open': isOpen
+    className: (0, _classnames.default)("accordion--title-box", {
+      "accordion--title-open": isOpen
     }),
     onClick: () => onClick(!isOpen)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "j4 no-wrap"
   }, (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: "accordion--title"
-  }, item.title || 'Menu Chapter')), /*#__PURE__*/_react.default.createElement("div", {
+  }, item.title || "Menu Chapter")), /*#__PURE__*/_react.default.createElement("div", {
     className: "j6 accordion-title__right-box"
   }, item.status && /*#__PURE__*/_react.default.createElement("div", {
     className: "mr5"
@@ -88,23 +88,23 @@ const AccordionItem = _ref => {
     active: (_calculateStatusCount = calculateStatusCount()) === null || _calculateStatusCount === void 0 ? void 0 : _calculateStatusCount.active,
     pause: (_calculateStatusCount2 = calculateStatusCount()) === null || _calculateStatusCount2 === void 0 ? void 0 : _calculateStatusCount2.pause
   })), !noChevron && /*#__PURE__*/_react.default.createElement(Icons.ChevronRight, {
-    className: (0, _classnames.default)('accordion--title-chevron', {
-      'accordion--title-chevron-open': isOpen
+    className: (0, _classnames.default)("accordion--title-chevron", {
+      "accordion--title-chevron-open": isOpen
     })
   }))), /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: {
       maxHeight
     },
-    className: (0, _classnames.default)('accordion--content', {
-      'accordion--content-is-open': isOpen
+    className: (0, _classnames.default)("accordion--content", {
+      "accordion--content-is-open": isOpen
     })
   }, item.children ? item.children.map(el => {
     return /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
       to: el.link,
       key: el.id,
       className: "accordion--content-item accordion--menu-link"
-    }, (el === null || el === void 0 ? void 0 : el.title) || 'Menu item');
+    }, (el === null || el === void 0 ? void 0 : el.title) || "Menu item");
   }) : children));
 };
 var _default = exports.default = AccordionItem;

package/dist/Atomic/UI/AccordionTable/AccordionTable.js

@@ -12,7 +12,6 @@ var _MonoAccordion = _interopRequireDefault(require("../MonoAccordion/MonoAccord
 require("./AccordionTable.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 classNames = require('classnames');
 const AccordionTable = _ref => {
   let {
     className,
@@ -24,10 +23,10 @@ const AccordionTable = _ref => {
     sortParams
   } = _ref;
   const [accordions, setAccordions] = (0, _react.useState)(items);
-  const sortedColClassName = item => classNames('accordion-table__header-item', item.className, {
-    'accordion-table--sorted-col': sortParams && sortParams.key === item.key
+  const sortedColClassName = item => (0, _classnames.default)("accordion-table__header-item", item.className, {
+    "accordion-table--sorted-col": sortParams && sortParams.key === item.key
   }, {
-    'accordion-table__header-item-sortable': !item.noSort
+    "accordion-table__header-item-sortable": !item.noSort
   });
   const handle = {
     accordionChange: (key, e) => {
@@ -41,8 +40,8 @@ const AccordionTable = _ref => {
         }
         return item;
       });
-      const isArrowSvg = (e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) === 'svg';
-      const isAccordionElement = (_e$target$className = e.target.className) === null || _e$target$className === void 0 || (_e$target$className$i = _e$target$className.includes) === null || _e$target$className$i === void 0 ? void 0 : _e$target$className$i.call(_e$target$className, 'accordion-table');
+      const isArrowSvg = (e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) === "svg";
+      const isAccordionElement = (_e$target$className = e.target.className) === null || _e$target$className === void 0 || (_e$target$className$i = _e$target$className.includes) === null || _e$target$className$i === void 0 ? void 0 : _e$target$className$i.call(_e$target$className, "accordion-table");
       if (isAccordionElement || isArrowSvg) {
         onChange(newArr);
         setAccordions(newArr);
@@ -52,11 +51,11 @@ const AccordionTable = _ref => {
       let newSorting;
       if (key !== sortParams.key) newSorting = {
         key: key,
-        direction: 'DESC'
+        direction: "DESC"
       };else {
         newSorting = {
           key,
-          direction: sortParams.direction === 'ASC' ? 'DESC' : 'ASC'
+          direction: sortParams.direction === "ASC" ? "DESC" : "ASC"
         };
       }
       onSort(newSorting);
@@ -70,16 +69,16 @@ const AccordionTable = _ref => {
     return (_Object$entries = Object.entries(tr)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(_ref2 => {
       var _getHeaderItem, _getHeaderItem2;
       let [key, value] = _ref2;
-      return key === 'promoDetails' || key === 'disclosure' ? null : /*#__PURE__*/_react.default.createElement("div", {
+      return key === "promoDetails" || key === "disclosure" ? null : /*#__PURE__*/_react.default.createElement("div", {
         key: key,
         style: {
           flexBasis: "".concat((_getHeaderItem = getHeaderItem(key)) === null || _getHeaderItem === void 0 ? void 0 : _getHeaderItem.width, "%")
         },
-        className: (0, _classnames.default)('accordion-table__td', "accordion-table__td--".concat(key), (_getHeaderItem2 = getHeaderItem(key)) === null || _getHeaderItem2 === void 0 ? void 0 : _getHeaderItem2.className)
+        className: (0, _classnames.default)("accordion-table__td", "accordion-table__td--".concat(key), (_getHeaderItem2 = getHeaderItem(key)) === null || _getHeaderItem2 === void 0 ? void 0 : _getHeaderItem2.className)
       }, /*#__PURE__*/_react.default.createElement("p", {
         className: "accordion-table__statistics-td-value",
-        title: typeof value !== 'object' ? value : value.value
-      }, typeof value !== 'object' ? value : value.value));
+        title: typeof value !== "object" ? value : value.value
+      }, typeof value !== "object" ? value : value.value));
     });
   };
   const renderTr = rows => {
@@ -87,8 +86,8 @@ const AccordionTable = _ref => {
       var _row$cols, _row$cols2, _row$cols3, _row$cols4, _row$cols5;
       return /*#__PURE__*/_react.default.createElement("div", {
         key: index,
-        className: (0, _classnames.default)('accordion-table__tr', {
-          'accordion-table__tr-with-promo': row.promoDetails || ((_row$cols = row.cols) === null || _row$cols === void 0 ? void 0 : _row$cols.promoDetails)
+        className: (0, _classnames.default)("accordion-table__tr", {
+          "accordion-table__tr-with-promo": row.promoDetails || ((_row$cols = row.cols) === null || _row$cols === void 0 ? void 0 : _row$cols.promoDetails)
         }, row.className)
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "df w100"
@@ -118,13 +117,13 @@ const AccordionTable = _ref => {
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
       width: 8,
       height: 4,
-      className: (0, _classnames.default)('accordion-label-box__icon', {
-        'accordion-label-box__icon--open': row.isOpen
+      className: (0, _classnames.default)("accordion-label-box__icon", {
+        "accordion-label-box__icon--open": row.isOpen
       })
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "accordion-label-box__label"
     }, row.label), row.statistics && /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('accordion-table__tr', row.className)
+      className: (0, _classnames.default)("accordion-table__tr", row.className)
     }, Object.entries(row.statistics).map(_ref3 => {
       var _getHeaderItem3, _getHeaderItem4;
       let [key, value] = _ref3;
@@ -133,10 +132,10 @@ const AccordionTable = _ref => {
         style: {
           width: "".concat((_getHeaderItem3 = getHeaderItem(key)) === null || _getHeaderItem3 === void 0 ? void 0 : _getHeaderItem3.width, "%")
         },
-        className: (0, _classnames.default)('accordion-table__statistics-td', (_getHeaderItem4 = getHeaderItem(key)) === null || _getHeaderItem4 === void 0 ? void 0 : _getHeaderItem4.className)
+        className: (0, _classnames.default)("accordion-table__statistics-td", (_getHeaderItem4 = getHeaderItem(key)) === null || _getHeaderItem4 === void 0 ? void 0 : _getHeaderItem4.className)
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "accordion-table__statistics-td-value-wrapper"
-      }, key === 'status' ? /*#__PURE__*/_react.default.createElement("div", {
+      }, key === "status" ? /*#__PURE__*/_react.default.createElement("div", {
         className: "accordion-table__statistics-td-value"
       }, value) : /*#__PURE__*/_react.default.createElement("p", {
         className: "accordion-table__statistics-td-value",
@@ -148,7 +147,7 @@ const AccordionTable = _ref => {
     setAccordions(items);
   }, [items]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('accordion-table', className)
+    className: (0, _classnames.default)("accordion-table", className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-table__header"
   }, header === null || header === void 0 ? void 0 : header.map(item => {
@@ -159,7 +158,7 @@ const AccordionTable = _ref => {
       key: item.key,
       className: sortedColClassName(item),
       onClick: () => !item.noSort && handle.setSort(item.key)
-    }, sortParams && item.key === sortParams.key && sortParams.key !== 'actions' && (sortParams.direction === 'DESC' ? /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
+    }, sortParams && item.key === sortParams.key && sortParams.key !== "actions" && (sortParams.direction === "DESC" ? /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
       size: 16
     }) : /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
       size: 16
@@ -173,8 +172,8 @@ const AccordionTable = _ref => {
       key: accordion.key,
       onClick: e => handle.accordionChange(accordion.key, e),
       isOpen: accordion.isOpen,
-      className: (0, _classnames.default)('accordion-table__body-accordion', {
-        'accordion-table__body-accordion--closed': !accordion.isOpen
+      className: (0, _classnames.default)("accordion-table__body-accordion", {
+        "accordion-table__body-accordion--closed": !accordion.isOpen
       }, accordion.className),
       titleJSX: defineAccordionTitle(accordion)
     }, (_accordion$children = accordion.children) !== null && _accordion$children !== void 0 ? _accordion$children : renderTr(accordion.rows));

package/dist/Atomic/UI/AccordionTable/AccordionTable.scss

@@ -1,9 +1,9 @@
 .accordion-table {
   display: flex;
   overflow-x: auto;
-  align-items: flex-start;
   flex-direction: column;
   justify-content: flex-start;
+  align-items: flex-start;
 
   width: 100%;
   min-width: 700px;
@@ -22,15 +22,14 @@
 
     padding: 5px 10px;
 
+    font-size: 11px;
+    font-weight: 500;
     user-select: none;
     white-space: nowrap;
     text-transform: uppercase;
 
-    color: #757F8C;
-    background-color: #EBEFF2;
-
-    font-size: 11px;
-    font-weight: 500;
+    color: #757f8c;
+    background-color: #ebeff2;
 
     &:first-child {
       padding-left: 15px;
@@ -63,7 +62,7 @@
 
   &__body-accordion {
     &:not(:first-child) {
-      border-top: 1px solid #EBEFF2;
+      border-top: 1px solid #ebeff2;
     }
 
     &:last-child {
@@ -75,15 +74,15 @@
 
     &--closed {
       .mono-accordion__head {
-        transition: all 0.3s ease-out;
-
         box-shadow: 0 5px 8px rgb(255 255 255 / 12%) !important;
-      }
 
-      .mono-accordion__container {
         transition: all 0.3s ease-out;
+      }
 
+      .mono-accordion__container {
         opacity: 0;
+
+        transition: all 0.3s ease-out;
       }
 
       &:last-child {
@@ -110,12 +109,11 @@
   &__td {
     padding: 11.5px 0;
 
-    white-space: nowrap;
-
-    border-bottom: 1px solid #EBEFF2;
-
     font-size: 14px;
     font-weight: 400;
+    white-space: nowrap;
+
+    border-bottom: 1px solid #ebeff2;
 
     &:first-child {
       margin-left: 50px;
@@ -139,8 +137,8 @@
 
   &__accordion-label-box {
     display: flex;
-    align-items: center;
     justify-content: space-between;
+    align-items: center;
   }
 
   &__accordion-label-wrapper {
@@ -165,10 +163,9 @@
   &__statistics-td {
     padding: 15px 0;
 
-    white-space: nowrap;
-
     font-size: 14px;
     font-weight: 400;
+    white-space: nowrap;
 
     &:not(:last-child) {
       display: flex;
@@ -198,7 +195,7 @@
     margin-left: 50px;
 
     &:last-child {
-      border-bottom: 1px solid #EBEFF2;
+      border-bottom: 1px solid #ebeff2;
     }
   }
 
@@ -227,48 +224,47 @@
     margin-bottom: 10px;
     padding: 4px 8px;
 
-    letter-spacing: 0.2px;
-
-    color: #3B414B;
-    border: 1px solid #FFCE9F;
-    border-radius: 8px;
-    background-color: #FFF4E5;
-
     font-size: 12px;
     font-weight: 400;
     line-height: 18px;
+    letter-spacing: 0.2px;
+
+    color: #3b414b;
+    border: 1px solid #ffce9f;
+    border-radius: 8px;
+    background-color: #fff4e5;
 
     svg {
       min-width: 16px;
-      min-height: 16px;
       max-width: 16px;
+      min-height: 16px;
       max-height: 16px;
       margin-right: 8px;
     }
   }
 
   &__tr-promo-disclosure {
-    background-color: #E8E9EC;
     border: none;
+    background-color: #e8e9ec;
   }
 
   &__status-icon {
     margin-top: 2px;
     margin-right: 5px;
 
-    color: #FA564C;
+    color: #fa564c;
   }
 
   .tr-promo-icon {
-    color: #FF7D00;
+    color: #ff7d00;
   }
 
   .tr-promo-label {
     margin-right: 8px;
 
-    color: #FF7D00;
-
     font-weight: 600;
+
+    color: #ff7d00;
   }
 
   .accordion-label-box {
@@ -285,9 +281,9 @@
       min-height: 16px;
       max-height: 16px;
 
-      transition: all 0.2s ease-out;
+      color: #757f8c;
 
-      color: #757F8C;
+      transition: all 0.2s ease-out;
 
       &--open {
         transform: rotate(180deg);
@@ -295,10 +291,9 @@
     }
 
     &__status {
-      white-space: nowrap;
-
       font-size: 12px;
       font-weight: 400;
+      white-space: nowrap;
     }
   }
 
@@ -309,7 +304,7 @@
 
       padding: 14.5px 15px 14.5px 20px;
 
-      background-color: #FFFF;
+      background-color: #ffff;
       box-shadow: 0 5px 8px rgb(39 73 113 / 12%);
     }
 
@@ -318,7 +313,7 @@
 
       flex-direction: row;
 
-      background-color: #FFFF;
+      background-color: #ffff;
     }
 
     &__content-wrapper {