intelicoreact 0.0.3 → 0.0.7

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _RangeInputs = _interopRequireDefault(require("./RangeInputs"));
 
-require("../../../../scss/main.scss");
-
 require("./RangeInputs.scss");
 
 global.lng = 'en';

package/dist/Atomic/FormElements/Switcher/Switcher.stories.js

@@ -17,8 +17,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Switcher = _interopRequireDefault(require("./Switcher"));
 
-require("../../../../scss/main.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; }

package/dist/Atomic/FormElements/Table/Partials/TdHeader.js

@@ -11,10 +11,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Langs = _interopRequireDefault(require("../../../../../Langs"));
-
 require("../Table.scss");
 
+var _Langs = _interopRequireDefault(require("../../../../../../Langs"));
+
 var TdHeader = function TdHeader(_ref) {
   var item = _ref.item;
   var txt = _Langs.default[global.lng];

package/dist/Atomic/FormElements/Table/Table.scss

@@ -1,4 +1,4 @@
-@import '../../../scss/anme/anme-vars';
+@import '~anme/scss/anme-vars';
 
 .table-header {
     &--weight-actions {

package/dist/Atomic/FormElements/Table/TdTypes/TdActions.js

@@ -52,14 +52,14 @@ var TdActions = function TdActions(_ref) {
           key: index,
           className: "td-actions--item td-actions--download",
           onClick: function onClick() {}
-        }, /*#__PURE__*/_react.default.createElement(Icons.FiDownload, null));
+        }, /*#__PURE__*/_react.default.createElement(Icons.Download, null));
 
       case 'edit':
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--edit",
           onClick: function onClick() {}
-        }, /*#__PURE__*/_react.default.createElement(Icons.FiEdit3, null));
+        }, /*#__PURE__*/_react.default.createElement(Icons.Edit3, null));
 
       case 'delete':
         return /*#__PURE__*/_react.default.createElement("div", {
@@ -68,7 +68,7 @@ var TdActions = function TdActions(_ref) {
           onClick: function onClick() {
             return onActionClick('delete', rowItem);
           }
-        }, /*#__PURE__*/_react.default.createElement(Icons.FiTrash2, null));
+        }, /*#__PURE__*/_react.default.createElement(Icons.Trash2, null));
 
       case 'undo':
         return /*#__PURE__*/_react.default.createElement("div", {
@@ -77,7 +77,7 @@ var TdActions = function TdActions(_ref) {
           onClick: function onClick() {
             return onActionClick('undo', rowItem);
           }
-        }, /*#__PURE__*/_react.default.createElement(Icons.FiRotateCcw, null));
+        }, /*#__PURE__*/_react.default.createElement(Icons.RotateCcw, null));
 
       case 'switcher':
         return /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/FormElements/Table/TdTypes/TdPriority.js

@@ -25,14 +25,14 @@ var TdPriority = function TdPriority(_ref) {
     className: "mr5"
   }, rowIndex + 1), /*#__PURE__*/_react.default.createElement("div", {
     className: "df"
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.FiArrowDown, {
+  }, /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
     onClick: function onClick() {
       return _onClick(rowIndex);
     },
     className: (0, _classnames.default)('table--icon', {
       disabled: rowIndex + 1 === cardLength
     })
-  }), /*#__PURE__*/_react.default.createElement(_reactFeather.FiArrowUp, {
+  }), /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
     onClick: function onClick() {
       return _onClick(rowIndex, true);
     },

package/dist/Atomic/FormElements/Table/TdTypes/TdTypes.scss

@@ -1,5 +1,3 @@
-@import '../../../scss/anme/anme-vars';
-
 .td-actions {
     &--item {
         display: flex;
@@ -16,19 +14,19 @@
     }
 
     &--delete {
-        color: $color--froly !important;
+        color: #F06D8DFF !important;
     }
 
     &--undo {
-        color: $color--froly !important;
+        color: #F06D8DFF !important;
     }
 
     &--edit {
-        color: $color--primary !important;
+        color: #6B81DDFF !important;
     }
 
     &--download {
-        color: $color--primary;
+        color: #6B81DDFF;
     }
 }
 

package/dist/Atomic/FormElements/Table/TdTypes/TdWeight.js

@@ -15,9 +15,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _index = require("../../../../../JS/Constants/index.constants");
+var _index = require("../../../../../../JS/Constants/index.constants");
 
-var _useToggle2 = _interopRequireDefault(require("../../../../../JS/Functions/useToggle"));
+var _useToggle2 = _interopRequireDefault(require("../../../../../../JS/Functions/useToggle"));
 
 var _Input = _interopRequireDefault(require("../../Input/Input"));
 

package/dist/Atomic/FormElements/Tag/Tag.js

@@ -36,7 +36,7 @@ var Tag = function Tag(_ref) {
       return removeItem();
     },
     className: "tag__button"
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.FiX, {
+  }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
     className: "color--text"
   })));
 };

package/dist/Atomic/FormElements/Tag/Tag.stories.js

@@ -15,8 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Tag = _interopRequireDefault(require("./Tag"));
 
-require("../../../../scss/main.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; }

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -101,7 +101,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
       className: (0, _classnames.default)("".concat(RC, "__active-icon"), (0, _defineProperty2.default)({}, "".concat(RC, "__active-icon_active"), chosenOptions.some(function (el) {
         return el.value === item.value;
       })))
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.FiCheck, {
+    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Check, {
       className: "color--text"
     })), item.title) : null;
   };
@@ -152,7 +152,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
     }
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__arrow"), (0, _defineProperty2.default)({}, "".concat(RC, "__arrow_active"), isOpen))
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.FiChevronDown, {
+  }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
     className: "color--text"
   })))), isOpen && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__list")

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js

@@ -15,8 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _TagsDropdown = _interopRequireDefault(require("./TagsDropdown"));
 
-require("../../../../scss/main.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; }

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js

@@ -17,8 +17,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _TextSwitcher = _interopRequireDefault(require("./TextSwitcher"));
 
-require("../../../../scss/main.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; }

package/dist/Atomic/FormElements/Textarea/Textarea.scss

@@ -1,5 +1,5 @@
 @import "../../../scss/vars";
-@import "../../../scss/anme/anme-mixins";
+@import "~anme/scss/anme-mixins";
 
 .textarea {
   border: 1px solid #e2e5ec;

package/dist/Atomic/FormElements/Textarea/Textarea.stories.js

@@ -17,8 +17,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Textarea = _interopRequireDefault(require("./Textarea"));
 
-require("../../../../scss/main.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; }

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

@@ -17,7 +17,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
-var _useToggle3 = _interopRequireDefault(require("../../../../JS/Functions/useToggle"));
+var _useToggle3 = _interopRequireDefault(require("../../../Functions/useToggle"));
 
 var _Label = _interopRequireDefault(require("../Label/Label"));
 

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

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _TimeRange = _interopRequireDefault(require("./TimeRange"));
 
-require("../../../../scss/main.scss");
-
 global.lng = 'en';
 var _default = {
   title: 'TimeRange',

package/dist/Atomic/MainMenu/MainMenu.js

@@ -93,9 +93,9 @@ var MainMenu = function MainMenu(props) {
   };
 
   var changeMenuIcon = function changeMenuIcon() {
-    if (isOpen && !isMenuIconHovered) return /*#__PURE__*/_react.default.createElement(Icons.FiMenu, null);
-    if (isOpen && isMenuIconHovered) return /*#__PURE__*/_react.default.createElement(Icons.FiChevronLeft, null);
-    if (!isOpen && isMenuHovered) return /*#__PURE__*/_react.default.createElement(Icons.FiChevronRight, null);
+    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);
     if (!isOpen) return /*#__PURE__*/_react.default.createElement("div", {
       className: "main-menu--logo-close"
     });

package/dist/Atomic/MainMenu/MainMenu.scss

@@ -1,5 +1,5 @@
-@import "../../scss/anme/anme-vars";
-@import "../../scss/anme/anme-mixins";
+@import "~anme/scss/anme-vars";
+@import "~anme/scss/anme-mixins";
 
 .main-menu {
   display: flex;

package/dist/Atomic/MainMenu/MainMenu.stories.js

@@ -28,59 +28,59 @@ MainMenuTemplate.args = {
   items: {
     main: [{
       title: 'Dashboard',
-      icon: 'FiAirplay',
+      icon: 'Airplay',
       className: 'color--green-haze main-menu__icon' // link: '/'
 
     }, {
       title: 'Consumers',
-      icon: 'FiUser',
+      icon: 'User',
       className: 'color--primary main-menu__icon' // link: '/consumers/'
 
     }],
     mainMenu: [{
       title: 'Ticket Desk',
-      icon: 'FiTag',
+      icon: 'Tag',
       className: 'color--froly',
       children: []
     }, {
       title: 'Accounting',
-      icon: 'FiDollarSign',
+      icon: 'DollarSign',
       className: 'color--sea-buckthorn',
       children: []
     }, {
       title: 'Users',
-      icon: 'FiUsers',
+      icon: 'Users',
       className: 'color--gray-gull',
       children: []
     }, {
       title: 'Settings',
-      icon: 'FiSliders',
+      icon: 'Sliders',
       className: 'color--primary'
     }],
     partners: [{
       title: 'Merchants',
-      icon: 'FiShoppingBag',
+      icon: 'ShoppingBag',
       className: 'color--froly' // link: '/merchants/'
 
     }, {
       title: 'Lenders',
-      icon: 'FiBriefcase',
+      icon: 'Briefcase',
       className: 'color--green-haze' // link: '/lenders/'
 
     }, {
       title: 'Lender Ping Tree',
-      icon: 'FiShuffle',
+      icon: 'Shuffle',
       className: 'color--primary' // link: '/ping-tree/'
 
     }],
     other: [{
       title: 'Reports',
-      icon: 'FiPieChart',
+      icon: 'PieChart',
       className: 'color--gray-gull' // link: '/reports/'
 
     }, {
       title: 'Tools',
-      icon: 'FiTool',
+      icon: 'Tool',
       className: 'color--sea-buckthorn'
     }]
   }

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

@@ -1,5 +1,5 @@
-@import '../../../scss/anme/anme-vars';
-@import '../../../scss/anme/anme-mixins';
+@import '~anme/scss/anme-vars';
+@import '~anme/scss/anme-mixins';
 
 .accordion {
     &--item {

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

@@ -13,7 +13,7 @@ var _Accordion = _interopRequireDefault(require("./Accordion"));
 
 global.lng = 'en';
 var _default = {
-  title: 'Accordion',
+  title: 'UI/Accordion',
   component: _Accordion.default
 };
 exports.default = _default;
@@ -28,7 +28,7 @@ AccordionTemplate.args = {
   items: [{
     id: 1,
     title: 'tools',
-    icon: 'FiTool',
+    icon: 'Tool',
     className: 'color--sea-buckthorn',
     isOpen: true,
     children: [{
@@ -47,7 +47,7 @@ AccordionTemplate.args = {
   }, {
     id: 2,
     title: 'lenders',
-    icon: 'FiBriefcase',
+    icon: 'Briefcase',
     className: 'color--green-haze',
     isOpen: false,
     children: [{
@@ -58,7 +58,7 @@ AccordionTemplate.args = {
   }, {
     id: 3,
     title: 'settings',
-    icon: 'FiSliders',
+    icon: 'Sliders',
     className: 'color--primary',
     isOpen: false,
     status: {

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

@@ -108,7 +108,7 @@ var AccordionItem = function AccordionItem(_ref) {
     status: item === null || item === void 0 ? void 0 : item.status.status,
     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.FiChevronRight, {
+  })), !noChevron && /*#__PURE__*/_react.default.createElement(Icons.ChevronRight, {
     className: (0, _classnames.default)('accordion--title-chevron', {
       'accordion--title-chevron-open': isOpen
     })

package/dist/Atomic/UI/AdvancedTag/AdvTag.js

@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _io = require("react-icons/io5");
+var _reactFeather = require("react-feather");
 
 require("./AdvancedTags.scss");
 
@@ -93,7 +93,7 @@ var AdvTag = function AdvTag(_ref) {
     onMouseLeave: function onMouseLeave() {
       return setIsOpen(false);
     }
-  }, /*#__PURE__*/_react.default.createElement(_io.IoWarningOutline, {
+  }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
     className: "advanced-tags--warning-icon mr5"
   })), labelLeft && /*#__PURE__*/_react.default.createElement("span", {
     className: "mr5"
@@ -117,7 +117,7 @@ var AdvTag = function AdvTag(_ref) {
     onMouseLeave: function onMouseLeave() {
       return setIsOpen(false);
     }
-  }, /*#__PURE__*/_react.default.createElement(_io.IoWarningOutline, {
+  }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
     className: "advanced-tags--warning-icon"
   })), isOpen && warnLeftMsg && clickedWarning === 'warnLeft' ? /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)('advanced-tags__warn-text', 'advanced-tags__warn-text--warnLeft')

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js

@@ -22,7 +22,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 AdvancedTags = function AdvancedTags(_ref) {
-  var items = _ref.items;
+  var items = _ref.items,
+      className = _ref.className;
   if (!items) return null;
 
   var _useState = (0, _react.useState)([items[0], items[1]]),
@@ -41,7 +42,7 @@ var AdvancedTags = function AdvancedTags(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "j4 wrap"
+    className: (0, _classnames.default)(className, 'j4 wrap')
   }, showedItems === null || showedItems === void 0 ? void 0 : showedItems.map(function (item, index) {
     return /*#__PURE__*/_react.default.createElement(_AdvTag.default, {
       key: index,
@@ -51,7 +52,7 @@ var AdvancedTags = function AdvancedTags(_ref) {
     onClick: function onClick() {
       return onShowMoreClick();
     },
-    className: (0, _classnames.default)('advanced-tags advanced-tags--showMore')
+    className: "advanced-tags advanced-tags--showMore"
   }, showMore ? "+".concat(items.length - showedItems.length) : '...'));
 };
 

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss

@@ -1,5 +1,3 @@
-@import '../../../scss/anme/anme-vars';
-
 .advanced-tags {
     display: inline-flex;
     background-color: #e2e5ec;
@@ -27,7 +25,7 @@
 
     &__warn-text {
         position: absolute;
-        background-color: $color--primary;
+        background-color: #6b81dd;
         color: #fff;
         font-size: 10px;
         line-height: 16px;
@@ -42,7 +40,7 @@
             position: absolute;
             width: 8.5px;
             height: 8.5px;
-            background-color: $color--primary;
+            background-color: #6b81dd;
             transform: rotate(45deg);
         }
 
@@ -67,7 +65,7 @@
     }
 
     &--showMore {
-        background-color: $color--sandy-beach;
+        background-color: #ffedc8;
         cursor: pointer;
         user-select: none;
     }

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js

@@ -11,11 +11,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _AdvancedTags = _interopRequireDefault(require("./AdvancedTags"));
 
-require("../../../../scss/main.scss");
-
 global.lng = 'en';
 var _default = {
-  title: 'AdvancedTags',
+  title: 'UI/AdvancedTags',
   component: _AdvancedTags.default
 };
 exports.default = _default;

package/dist/Atomic/UI/Alert/Alert.scss

@@ -40,6 +40,7 @@
     min-width: 15px;
     cursor: pointer;
     user-select: none;
+    margin-left: 10px;
   }
 
   &--title {
@@ -55,4 +56,10 @@
       display: none;
     }
   }
+
+  svg {
+    width: 16px;
+    height: 16px;
+    min-width: 16px;
+  }
 }

package/dist/Atomic/UI/Alert/Alert.stories.js

@@ -11,11 +11,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Alert = _interopRequireDefault(require("./Alert"));
 
-require("../../../../scss/main.scss");
-
 global.lng = 'en';
 var _default = {
-  title: 'Alert',
+  title: 'UI/Alert',
   component: _Alert.default,
   argTypes: {
     variant: {

package/dist/Atomic/UI/Arrow/Arrow.js

@@ -0,0 +1,80 @@
+"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 _utils = require("../../../Functions/utils");
+
+require("./Arrow.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 Arrow = function Arrow(_ref) {
+  var type = _ref.type,
+      className = _ref.className,
+      onClick = _ref.onClick,
+      disabled = _ref.disabled;
+  if (!type || type !== 'left' && type !== 'right') return null;
+  var ref = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)('black'),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      color = _useState2[0],
+      setColor = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    if (ref.current) {
+      setColor((0, _utils.getStyles)(ref.current, 'color'));
+    }
+
+    ;
+  }, [ref.current]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: (0, _classnames.default)('arrow', "arrow_".concat(type), className, {
+      'arrow_disabled': disabled
+    }),
+    onClick: onClick
+  }, type !== 'right' ? /*#__PURE__*/_react.default.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M15 18L9 12L15 6",
+    stroke: color,
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })) : /*#__PURE__*/_react.default.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M9 18L15 12L9 6",
+    stroke: color,
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })));
+};
+
+var _default = Arrow;
+exports.default = _default;

package/dist/Atomic/UI/Arrow/Arrow.scss

@@ -0,0 +1,19 @@
+.arrow {
+  width: 24px;
+  height: 24px;
+
+  &_disabled {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+}
+
+.arrow>svg {
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+
+
+
+