intelicoreact 1.5.32 → 1.5.34

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./MonoAccordion.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 = "mono-accordion";
-const MonoAccordion = _ref => {
-  let {
-    titleJSX,
-    icon,
-    children,
-    isOpen,
-    onClick,
-    className,
-    disabled,
-    testId = "mono-accordion",
-    datasetProp = {}
-  } = _ref;
-  const [maxHeight, setMaxHeight] = (0, _react.useState)();
-  const titleRef = (0, _react.useRef)();
-  const containerRef = (0, _react.useRef)();
-  const setHeight = value => {
-    if (value !== undefined) setMaxHeight(state => "".concat(value, "px"));else setMaxHeight(state => {
-      var _Array$from, _Array$from$reduce, _containerRef$current;
-      return "".concat((_Array$from = Array.from((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.childNodes)) === null || _Array$from === void 0 || (_Array$from$reduce = _Array$from.reduce) === null || _Array$from$reduce === void 0 ? void 0 : _Array$from$reduce.call(_Array$from, (acc, el) => acc + el.offsetHeight, 0), "px");
-    });
-  };
-  const handleClick = e => {
-    if (!Array.from(titleRef.current.childNodes).some(el => el.contains(e.target))) {
-      onClick(e);
-      e === null || e === void 0 || e.preventDefault();
-      e === null || e === void 0 || e.stopPropagation();
-    } else return e;
-  };
-  (0, _react.useEffect)(() => {
-    if (!isOpen) setHeight(0);else setHeight();
-  }, [isOpen, children]);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
-    "data-testid": testId,
-    className: (0, _classnames.default)(RC, className, {
-      ["".concat(RC, "_is-open")]: isOpen,
-      ["".concat(RC, "_disabled")]: disabled
-    })
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__head"),
-    onClick: handleClick
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: titleRef,
-    className: "".concat(RC, "__tile-container")
-  }, titleJSX), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(RC, "__icon-container")
-  }, icon)), /*#__PURE__*/_react.default.createElement("div", {
-    ref: containerRef,
-    style: {
-      maxHeight
-    },
-    className: (0, _classnames.default)("".concat(RC, "__container"))
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__content-wrapper")
-  }, children)));
-};
-var _default = exports.default = MonoAccordion;

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss

@@ -1,69 +0,0 @@
-@import "../../../scss/vars";
-@import "../../../scss/mixins";
-
-.mono-accordion {
-  height: fit-content;
-
-  &__head {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    height: fit-content;
-    padding: 10px 15px;
-
-    cursor: pointer;
-
-    &:hover {
-      background-color: $color--gray-gentel;
-    }
-  }
-
-  &__icon-container {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: center;
-    align-items: center;
-
-    width: fit-content;
-    height: 100%;
-  }
-
-  &__tile-container {
-    flex-grow: 1;
-  }
-
-  &__container {
-    display: flex;
-    overflow: hidden;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-
-    font-size: 13px;
-
-    transition: all 0.25s ease-out;
-
-    @include custom-scroll;
-  }
-
-  &__content-wrapper {
-    padding: 0 15px;
-  }
-
-  &_open {
-    .mono-accordion__container {
-      padding: 10px 15px;
-
-      transition: all 0.25s ease-out;
-    }
-
-    .mono-accordion__content-wrapper {
-      pointer-events: initial;
-    }
-  }
-
-  &_disabled {
-    pointer-events: none;
-  }
-}

package/dist/Atomic/UI/NavLine/NavLine.js

@@ -1,290 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var Icons = _interopRequireWildcard(require("react-feather"));
-var _reactRouterDom = require("react-router-dom");
-var _index = require("../../../Constants/index.constants");
-require("./NavLine.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 checkedRef = ref => ref ? typeof ref === "function" ? node => ref(node) : ref : null;
-const NavLine = _ref => {
-  let {
-    root,
-    activeTab,
-    variant,
-    onChange,
-    className,
-    items,
-    children,
-    isLocal,
-    mode,
-    isNavigateByKeys,
-    isTabLoading,
-    scrollMode = false
-  } = _ref;
-  const [navLineItems, setNavLineItems] = (0, _react.useState)([]);
-  const wrapperRef = (0, _react.useRef)(null);
-  const wrapperInnerRef = (0, _react.useRef)(null);
-  const [wrapperRefWidth, setWrapperRefWidth] = (0, _react.useState)(0);
-  const [totalScrolledItems, setTotalScrolledItems] = (0, _react.useState)(0);
-  const [scrollLeft, setScrollLeft] = (0, _react.useState)(0);
-  const [navLineItemsTotalWidth, setNavLineItemsTotalWidth] = (0, _react.useState)(0);
-  const [navLineFirstItemOffset, setNavLineFirstItemOffset] = (0, _react.useState)(0);
-  const [scrollQueue, setScrollQueue] = (0, _react.useState)([]);
-  const popScrollTask = () => {
-    if (!scrollQueue.length) return null;
-    const [task, ...rest] = scrollQueue;
-    setScrollQueue(rest);
-    return task;
-  };
-  const pushScrollTask = task => setScrollQueue(queue => [...queue, task]);
-  (0, _react.useEffect)(() => {
-    const task = popScrollTask();
-    if (scrollQueue.length && task) {
-      switch (task) {
-        case "next":
-          scrollToNextItem();
-          break;
-        case "prev":
-          scrollToPrevItem();
-          break;
-        default:
-          break;
-      }
-    }
-  }, [scrollQueue]);
-  const [isScrollBlocked, setScrollBlocked] = (0, _react.useState)(false);
-  const getVisibleNavLineItems = () => {
-    const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
-    const wrapperInnerProps = wrapperInner.getBoundingClientRect();
-    return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(item => {
-      const {
-        ref,
-        label
-      } = item;
-      const element = ref === null || ref === void 0 ? void 0 : ref.current;
-      if (!element) return false;
-      const {
-        x
-      } = element.getBoundingClientRect();
-      return x - wrapperInnerProps.x >= 0 && x - wrapperInnerProps.x <= wrapperRefWidth;
-    });
-  };
-  const getUnvisibleLeftSideNavLineItems = () => {
-    const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
-    const wrapperInnerProps = wrapperInner.getBoundingClientRect();
-    return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(item => {
-      const {
-        ref,
-        label
-      } = item;
-      const element = ref === null || ref === void 0 ? void 0 : ref.current;
-      if (!element) return false;
-      const {
-        x
-      } = element.getBoundingClientRect();
-      return x - wrapperInnerProps.x <= 0;
-    });
-  };
-  const scroll = function () {
-    let offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    if (isScrollBlocked) return false;
-    setScrollBlocked(true);
-    const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
-    const wrapperInnerProps = wrapperInner.getBoundingClientRect();
-    const leftOffset = wrapperInner.scrollLeft;
-    wrapperInner === null || wrapperInner === void 0 || wrapperInner.addEventListener("scroll", () => {
-      setTotalScrolledItems(state => offset > 0 ? ++state : --state);
-      setScrollLeft(leftOffset + offset < 0 ? 0 : leftOffset + offset);
-      setTimeout(() => setScrollBlocked(false), 50);
-    }, {
-      once: true
-    });
-    wrapperInner === null || wrapperInner === void 0 || wrapperInner.scrollBy({
-      left: offset,
-      behavior: "smooth"
-    });
-  };
-  const scrollToPrevItem = () => {
-    if (isScrollBlocked) return false;
-
-    // const wrapperInner = wrapperInnerRef?.current;
-    // const navLineUnvisibleItems = getUnvisibleLeftSideNavLineItems();
-    // const [prevItem, secondPrevItem] = navLineUnvisibleItems.reverse();
-    // const wrapperInnerProps = wrapperInner.getBoundingClientRect();
-    // const prevItemProps = prevItem?.ref?.current?.getBoundingClientRect();
-
-    // let scrollOffset = prevItemProps?.x - wrapperInnerProps?.x;
-
-    const scrollOffset = -100;
-    scroll(scrollOffset);
-  };
-  const scrollToNextItem = () => {
-    // const wrapperInner = wrapperInnerRef?.current;
-    // const navLineVisibleItems = getVisibleNavLineItems();
-    // const [firstVisibleItem, secondVisibleItem] = navLineVisibleItems;
-    // const wrapperInnerProps = wrapperInner.getBoundingClientRect();
-    // const firstVisibleItemProps = firstVisibleItem?.ref?.current?.getBoundingClientRect();
-    // const secondVisibleItemProps = secondVisibleItem?.ref?.current?.getBoundingClientRect();
-
-    // const scrollOffset = secondVisibleItemProps.x-wrapperInnerProps.x;
-
-    const scrollOffset = 100;
-    scroll(scrollOffset);
-  };
-  const onWheel = e => {
-    e.preventDefault();
-    e.stopPropagation();
-    const {
-      deltaY,
-      shiftKey
-    } = e;
-    if (shiftKey) {
-      if (deltaY > 0) pushScrollTask("next");else pushScrollTask("prev");
-    }
-  };
-  const onTabChange = item => {
-    onChange(item.tabId);
-  };
-  const navigateByKeys = event => {
-    var _items, _items2;
-    const activeTabIndex = items === null || items === void 0 ? void 0 : items.indexOf(items === null || items === void 0 ? void 0 : items.find(tab => tab.tabId === activeTab));
-    const nextTabID = (_items = items[activeTabIndex + 1]) === null || _items === void 0 ? void 0 : _items.tabId;
-    const prevTabID = (_items2 = items[activeTabIndex - 1]) === null || _items2 === void 0 ? void 0 : _items2.tabId;
-    if (event.keyCode === _index.KEYBOARD_KEY_CODES.ARROW_RIGHT && !event.repeat && nextTabID) {
-      onChange(nextTabID);
-    } else if (event.keyCode === _index.KEYBOARD_KEY_CODES.ARROW_LEFT && !event.repeat && prevTabID) {
-      onChange(prevTabID);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    if (isNavigateByKeys && !isTabLoading) {
-      document.addEventListener("keydown", navigateByKeys);
-      return () => document.removeEventListener("keydown", navigateByKeys);
-    }
-  }, [activeTab, isTabLoading]);
-  (0, _react.useEffect)(() => {
-    var _wrapperRef$current;
-    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.addEventListener("mousewheel", onWheel, {
-      passive: false
-    });
-  }, [wrapperRef]);
-
-  // Count Total NavLine Items Width
-  (0, _react.useEffect)(() => {
-    var _navLineItems$0$ref$c, _navLineItems$;
-    setNavLineItemsTotalWidth(() => {
-      return navLineItems.reduce((totalWidth, item) => {
-        var _item$ref;
-        const element = item === null || item === void 0 || (_item$ref = item.ref) === null || _item$ref === void 0 ? void 0 : _item$ref.current;
-        if (element) {
-          var _element$getBoundingC;
-          totalWidth += element === null || element === void 0 || (_element$getBoundingC = element.getBoundingClientRect()) === null || _element$getBoundingC === void 0 ? void 0 : _element$getBoundingC.width;
-        }
-        return totalWidth;
-      }, 0);
-    });
-    setNavLineFirstItemOffset((_navLineItems$0$ref$c = (_navLineItems$ = navLineItems[0]) === null || _navLineItems$ === void 0 || (_navLineItems$ = _navLineItems$.ref) === null || _navLineItems$ === void 0 || (_navLineItems$ = _navLineItems$.current) === null || _navLineItems$ === void 0 ? void 0 : _navLineItems$.getBoundingClientRect().x) !== null && _navLineItems$0$ref$c !== void 0 ? _navLineItems$0$ref$c : 0);
-  }, [navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.length]);
-
-  // Count Wrapper Width
-  (0, _react.useEffect)(() => {
-    var _wrapperRef$current$g, _wrapperRef$current2;
-    setWrapperRefWidth((_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 || (_wrapperRef$current2 = _wrapperRef$current2.getBoundingClientRect()) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : 0);
-  }, [wrapperRef]);
-
-  //Init NavLine Items
-  (0, _react.useEffect)(() => {
-    setNavLineItems(items.map(item => {
-      return {
-        ...item,
-        ref: /*#__PURE__*/(0, _react.createRef)()
-      };
-    }));
-  }, [items]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)({
-      "nav-line": !variant
-    }, {
-      "nav-line--simple": variant === "simple"
-    }, {
-      "nav-line--scroll-mode": scrollMode
-    }, className),
-    ref: scrollMode ? wrapperRef : null
-  }, scrollMode && (totalScrolledItems > 0 || scrollLeft > 0) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "nav-line--simple__arrow nav-line--simple__arrow--prev",
-    onClick: scrollToPrevItem
-  }, /*#__PURE__*/_react.default.createElement(Icons.ChevronLeft, null)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(variant === "simple" ? "nav-line--simple__inner" : "nav-line__inner"),
-    ref: scrollMode ? wrapperInnerRef : null
-  }, navLineItems.map(item => {
-    const {
-      ref
-    } = item;
-    const Icon = Icons[item === null || item === void 0 ? void 0 : item.icon];
-    return isLocal ? /*#__PURE__*/_react.default.createElement("span", {
-      onClick: () => onTabChange(item),
-      key: "tab__".concat(item.tabId),
-      className: (0, _classnames.default)({
-        "nav-line__item": !variant
-      }, {
-        "nav-line--simple__item": variant === "simple"
-      }, {
-        active: activeTab === item.tabId
-      }, {
-        disabled: item.disabled || mode === "create" && item.tabId !== "general"
-      }, {
-        "nav-line__item--hidden": item.isHidden
-      }),
-      ref: checkedRef(ref)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "j4"
-    }, item.icon && /*#__PURE__*/_react.default.createElement("div", {
-      className: "nav-line__item--icon"
-    }, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)({
-        "nav-line__item--label": variant !== "simple"
-      })
-    }, item.label), item.count !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "nav-line--count ml5"
-    }, "(", item.count || 0, ")") : null)) : /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
-      to: "".concat(root).concat((item === null || item === void 0 ? void 0 : item.linkChapter) || item.tabId, "/"),
-      key: "tab__".concat(item.tabId),
-      className: (0, _classnames.default)({
-        "nav-line__item": !variant
-      }, {
-        "nav-line--simple__item": variant === "simple"
-      }, {
-        active: activeTab === item.tabId
-      }, {
-        disabled: item.disabled || mode === "create" && item.tabId !== "general"
-      }, {
-        "nav-line__item--hidden": item.isHidden
-      }),
-      ref: checkedRef(ref)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "j4"
-    }, item.icon && /*#__PURE__*/_react.default.createElement("div", {
-      className: "nav-line__item--icon"
-    }, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)({
-        "nav-line__item--label": variant !== "simple"
-      })
-    }, item.label), item.count !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "nav-line--count ml5"
-    }, "(", item.count || 0, ")") : null));
-  })), scrollMode && navLineItemsTotalWidth > wrapperRefWidth && scrollLeft + wrapperRefWidth < navLineItemsTotalWidth && /*#__PURE__*/_react.default.createElement("div", {
-    className: "nav-line--simple__arrow nav-line--simple__arrow--next",
-    onClick: scrollToNextItem
-  }, /*#__PURE__*/_react.default.createElement(Icons.ChevronRight, null)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "nav-line__body"
-  }, children));
-};
-var _default = exports.default = NavLine;

package/dist/Atomic/UI/NavLine/NavLine.scss

@@ -1,222 +0,0 @@
-.nav-line {
-  &__inner {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    align-items: center;
-
-    background-color: #f7fafc;
-  }
-
-  &__item {
-    margin-bottom: -1px;
-    padding: 10px;
-
-    font-size: 13px;
-    cursor: pointer;
-    user-select: none;
-
-    color: #1e1e2d;
-    border-top: 2px solid transparent;
-    border-right: 1px solid transparent;
-    border-left: 1px solid transparent;
-
-    &--label {
-      text-transform: uppercase;
-    }
-
-    &--icon {
-      display: flex;
-      align-items: center;
-
-      margin-right: 5px;
-
-      svg {
-        width: 17px;
-        height: 17px;
-      }
-    }
-
-    &.active {
-      font-weight: 500;
-      cursor: default;
-      text-decoration: none;
-
-      color: #6b81dd;
-      border-top: 2px solid #6b81dd;
-      border-right: 1px solid #cfcfcf;
-      border-left: 1px solid #cfcfcf;
-      background: #fff;
-    }
-  }
-
-  &__body {
-    position: relative;
-    bottom: 0;
-
-    display: flex;
-    flex-wrap: wrap;
-
-    margin-right: -32px;
-    margin-left: -32px;
-    padding: 24px 32px;
-
-    font-size: 13px;
-
-    border-top: 1px solid #cfcfcf;
-    background-color: #f7fafc;
-
-    &:empty {
-      padding: 0 32px;
-    }
-  }
-
-  &--scroll-mode {
-    position: relative;
-
-    .nav-line--simple__inner {
-      overflow: hidden;
-      flex-wrap: nowrap;
-    }
-
-    .nav-line--simple__item {
-      flex-wrap: nowrap;
-
-      white-space: nowrap;
-    }
-  }
-}
-
-.nav-line--simple {
-  &__inner {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    align-items: center;
-
-    padding-left: 8px;
-  }
-
-  &__item {
-    position: relative;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    margin-bottom: -1px;
-    padding: 10px 10px 14px;
-
-    font-size: 13px;
-    cursor: pointer;
-    user-select: none;
-    text-decoration: none !important;
-
-    color: #1e1e2d;
-    border-bottom: 1px solid #cfcfcf;
-
-    transition: all 0.2s ease-out;
-
-    &::after {
-      position: absolute;
-      bottom: 0;
-
-      width: 0;
-      height: 2px;
-
-      content: "";
-
-      background-color: #6b81dd;
-
-      transition: all 0.2s ease-out;
-    }
-
-    &:hover {
-      &::after {
-        width: 50%;
-
-        opacity: 0.6;
-      }
-    }
-
-    &.active {
-      font-weight: 500;
-      cursor: default;
-
-      opacity: 1;
-
-      &::after {
-        left: 0;
-
-        width: 100%;
-
-        opacity: 1;
-      }
-    }
-  }
-
-  &__arrow {
-    position: absolute;
-    z-index: 2;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    box-sizing: border-box;
-    width: 36px;
-    height: 39px;
-
-    color: #424242;
-    background: #fff;
-
-    transition: all 0.5s;
-
-    &:hover {
-      cursor: pointer;
-    }
-
-    &--prev {
-      top: 0;
-      left: 0;
-
-      border-radius: 8px 0 0 8px;
-      box-shadow: 10px 0 10px -5px #ddd;
-
-      transform: translate(-100%, -2px);
-    }
-
-    &--next {
-      top: 0;
-      right: 0;
-
-      border-radius: 0 8px 8px 0;
-      box-shadow: -10px 0 10px -5px #ddd;
-
-      transform: translate(100%, -2px);
-    }
-
-    svg {
-      width: 24px;
-      height: 24px;
-    }
-  }
-
-  &__body {
-    padding: 15px 10px;
-
-    font-size: 13px;
-  }
-}
-
-.nav-line-count {
-  margin-left: 5px;
-}
-
-.post-log-tab__body {
-  background-color: #f7fafc;
-}
-
-.nav-line__item--hidden {
-  display: none;
-}