intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/UI/AccordionText/AccordionText.js

@@ -16,15 +16,15 @@ const AccordionText = _ref => {
     isDefaultOpen = false,
     isOuterOpen = false,
     className,
-    text = 'Default Accordion Text. Lorem ipsum dolor sit amettttttttttttttt, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
+    text = "Default Accordion Text. Lorem ipsum dolor sit amettttttttttttttt, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
   } = _ref;
   const [isOpen, setIsOpen] = (0, _react.useState)(isDefaultOpen);
   (0, _react.useEffect)(() => {
     setIsOpen(isOuterOpen);
   }, [isOuterOpen]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('accordion-text', className, {
-      'accordion-text--open': isOpen
+    className: (0, _classnames.default)("accordion-text", className, {
+      "accordion-text--open": isOpen
     }),
     onClick: () => setIsOpen(isOpen => !isOpen)
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/UI/AccordionText/AccordionText.scss

@@ -1,14 +1,17 @@
 .accordion-text {
   position: relative;
-  padding: 4px 24px 4px 8px;
-  border-radius: 4px;
-  background-color: rgba(48, 57, 91, 0.05);
-  cursor: pointer;
+
   height: 100%;
   max-height: 18px;
+  padding: 4px 24px 4px 8px;
+
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
+  cursor: pointer;
+
+  border-radius: 4px;
+  background-color: rgba(48, 57, 91, 0.05);
 
   &--open {
     max-height: 100%;
@@ -16,27 +19,32 @@
 
   &--open &__body {
     overflow: visible;
+
     white-space: normal; // Change 'wrap' to 'normal'
     text-overflow: clip; // Change 'unset' to 'clip'
   }
 
   &__body {
     overflow: hidden;
-    text-overflow: ellipsis;
+
     white-space: nowrap;
+    text-overflow: ellipsis;
   }
 
   &__toggle {
     position: absolute;
-    right: 0;
     top: 0;
+    right: 0;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
     width: 16px;
     height: 16px;
     margin: 4px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
     padding: 2px;
-    color: #A0A4B0;
+
+    color: #a0a4b0;
   }
 }

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

@@ -11,7 +11,6 @@ var _reactFeather = require("react-feather");
 require("./AdvancedTags.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 AdvTag = _ref => {
   let {
     item,
@@ -32,27 +31,27 @@ const AdvTag = _ref => {
     noPingTree,
     isEntityAndCounter = false,
     entityAndCounter = {
-      nullCounterMessage: '',
-      title: '',
+      nullCounterMessage: "",
+      title: "",
       counter: null
     }
   } = item;
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const [clickedWarning, setClickedWarning] = (0, _react.useState)('');
+  const [clickedWarning, setClickedWarning] = (0, _react.useState)("");
   const hintRef = (0, _react.useRef)(null);
-  const activeNumberClass = classNames('strong', {
-    'color--pause': active === 0
+  const activeNumberClass = (0, _classnames.default)("strong", {
+    "color--pause": active === 0
   }, {
-    'color--green-haze': active > 0
+    "color--green-haze": active > 0
   });
-  const pauseNumberClass = classNames('strong', {
-    'color--pause': pause === 0
+  const pauseNumberClass = (0, _classnames.default)("strong", {
+    "color--pause": pause === 0
   }, {
-    'color--light-red': pause > 0
+    "color--light-red": pause > 0
   });
   const isEmptyEntitys = isEntityAndCounter && (!entityAndCounter.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
-  const advancedTagClass = classNames('advanced-tags', {
-    'advanced-tags--error': isEmptyEntitys
+  const advancedTagClass = (0, _classnames.default)("advanced-tags", {
+    "advanced-tags--error": isEmptyEntitys
   }, className);
   const onWarningClick = warn => {
     setIsOpen(true);
@@ -64,8 +63,8 @@ const AdvTag = _ref => {
     }
   };
   (0, _react.useEffect)(() => {
-    document.addEventListener('click', handleClickOutside, true);
-    return () => document.removeEventListener('click', handleClickOutside, true);
+    document.addEventListener("click", handleClickOutside, true);
+    return () => document.removeEventListener("click", handleClickOutside, true);
   });
   const renderClassicTag = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -74,7 +73,7 @@ const AdvTag = _ref => {
     }, warnLeft && /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "".concat(testId, "-left"),
       className: "advanced-tags--warning-icon-wrapper",
-      onMouseEnter: () => onWarningClick('warnLeft'),
+      onMouseEnter: () => onWarningClick("warnLeft"),
       onMouseLeave: () => setIsOpen(false)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
       width: 16,
@@ -82,9 +81,9 @@ const AdvTag = _ref => {
       className: "advanced-tags--warning-icon mr5"
     })), labelLeft && /*#__PURE__*/_react.default.createElement("span", {
       className: "mr5"
-    }, labelLeft), labelRight && /*#__PURE__*/_react.default.createElement("span", null, labelRight), item.type !== 'simple' ? /*#__PURE__*/_react.default.createElement("span", {
+    }, labelLeft), labelRight && /*#__PURE__*/_react.default.createElement("span", null, labelRight), item.type !== "simple" ? /*#__PURE__*/_react.default.createElement("span", {
       className: "ml5 mr5"
-    }, "|") : null, item.type !== 'simple' ? /*#__PURE__*/_react.default.createElement("div", {
+    }, "|") : null, item.type !== "simple" ? /*#__PURE__*/_react.default.createElement("div", {
       className: "df"
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: activeNumberClass
@@ -92,50 +91,50 @@ const AdvTag = _ref => {
       className: "strong color--pause"
     }, "/"), /*#__PURE__*/_react.default.createElement("span", {
       className: pauseNumberClass
-    }, pause)) : null, item.type !== 'simple' ? /*#__PURE__*/_react.default.createElement("span", {
+    }, pause)) : null, item.type !== "simple" ? /*#__PURE__*/_react.default.createElement("span", {
       className: "ml5 mr5"
-    }, "|") : null, merchants ? /*#__PURE__*/_react.default.createElement("span", null, merchants) : item.type !== 'simple' && /*#__PURE__*/_react.default.createElement("div", {
+    }, "|") : null, merchants ? /*#__PURE__*/_react.default.createElement("span", null, merchants) : item.type !== "simple" && /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "".concat(testId, "-right"),
       className: "advanced-tags--warning-icon-wrapper",
-      onMouseEnter: () => onWarningClick('warnRight'),
+      onMouseEnter: () => onWarningClick("warnRight"),
       onMouseLeave: () => setIsOpen(false)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
       width: 16,
       height: 16,
       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', {
-        'advanced-tags__warn-text--warnLeft--to-top': toTop
+    })), isOpen && warnLeftMsg && clickedWarning === "warnLeft" ? /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
+        "advanced-tags__warn-text--warnLeft--to-top": toTop
       })
-    }, warnLeftMsg) : null, isOpen && warnRightMsg && clickedWarning === 'warnRight' ? /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)('advanced-tags__warn-text', 'advanced-tags__warn-text--warnRight', {
-        'advanced-tags__warn-text--warnRight--to-top': toTop
+    }, warnLeftMsg) : null, isOpen && warnRightMsg && clickedWarning === "warnRight" ? /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)("advanced-tags__warn-text", "advanced-tags__warn-text--warnRight", {
+        "advanced-tags__warn-text--warnRight--to-top": toTop
       })
     }, warnRightMsg) : null);
   };
   const renderWithEntityAndCounterTag = () => {
     var _entityAndCounter$cou;
-    const isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 || (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === '0';
+    const isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 || (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === "0";
     return /*#__PURE__*/_react.default.createElement("div", {
       className: advancedTagClass,
       ref: hintRef
     }, isNullcounter && /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "".concat(testId, "-left"),
       className: "advanced-tags--warning-icon-wrapper",
-      onMouseEnter: () => onWarningClick('warnLeft'),
+      onMouseEnter: () => onWarningClick("warnLeft"),
       onMouseLeave: () => setIsOpen(false)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
       width: 16,
       height: 16,
       className: "advanced-tags--warning-icon mr5"
-    })), isOpen && entityAndCounter !== null && entityAndCounter !== void 0 && entityAndCounter.nullCounterMessage && clickedWarning === 'warnLeft' ? /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)('advanced-tags__warn-text advanced-tags__warn-text--warnLeft', {
-        'advanced-tags__warn-text--warnLeft--to-top': toTop
+    })), isOpen && entityAndCounter !== null && entityAndCounter !== void 0 && entityAndCounter.nullCounterMessage && clickedWarning === "warnLeft" ? /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
+        "advanced-tags__warn-text--warnLeft--to-top": toTop
       })
     }, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.nullCounterMessage) : null, (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.title) && /*#__PURE__*/_react.default.createElement("span", {
       className: "mr5"
     }, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.title), /*#__PURE__*/_react.default.createElement("div", {
-      className: "advanced-tags__counter ".concat(isNullcounter ? 'advanced-tags__counter--null' : 'advanced-tags__counter--bold')
+      className: "advanced-tags__counter ".concat(isNullcounter ? "advanced-tags__counter--null" : "advanced-tags__counter--bold")
     }, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.counter));
   };
   return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _AdvTag = _interopRequireDefault(require("./AdvTag"));
 var _Tag = _interopRequireDefault(require("../Tag/Tag"));
+var _AdvTag = _interopRequireDefault(require("./AdvTag"));
 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 AdvancedTags = _ref => {
@@ -16,13 +16,13 @@ const AdvancedTags = _ref => {
     items,
     noItemsTagLabel,
     className,
-    testId = 'advanced-tag-test',
+    testId = "advanced-tag-test",
     toTop = true
   } = _ref;
   if ((!items || !items.length) && !noItemsTagLabel) return null;
   if ((!items || !items.length) && noItemsTagLabel) return /*#__PURE__*/_react.default.createElement(_Tag.default, {
     label: noItemsTagLabel === null || noItemsTagLabel === void 0 ? void 0 : noItemsTagLabel.toString(),
-    className: (0, _classnames.default)(className, 'tag-warn')
+    className: (0, _classnames.default)(className, "tag-warn")
   });
   const [showedItems, setShowedItems] = (0, _react.useState)([items[0], items[1]]);
   const [showMore, setShowMore] = (0, _react.useState)(true);
@@ -36,7 +36,7 @@ const AdvancedTags = _ref => {
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": testId,
-    className: (0, _classnames.default)(className, 'j4 wrap')
+    className: (0, _classnames.default)(className, "j4 wrap")
   }, showedItems === null || showedItems === void 0 ? void 0 : showedItems.map((item, index) => /*#__PURE__*/_react.default.createElement(_AdvTag.default, {
     toTop: toTop,
     key: index,
@@ -46,6 +46,6 @@ const AdvancedTags = _ref => {
     "data-testid": "".concat(testId, "-showMore"),
     onClick: () => onShowMoreClick(),
     className: "advanced-tags advanced-tags--showMore"
-  }, showMore ? "+".concat(items.length - showedItems.length) : '...'));
+  }, showMore ? "+".concat(items.length - showedItems.length) : "..."));
 };
 var _default = exports.default = AdvancedTags;

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

@@ -2,8 +2,8 @@
   position: relative;
 
   display: inline-flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 
   height: 24px;
   margin-top: 2.5px;
@@ -11,22 +11,22 @@
   margin-bottom: 2.5px;
   padding: 2px 8px;
 
-  border-radius: 2px;
-  background-color: #E2E5EC;
-
   font-size: 10px;
 
+  border-radius: 2px;
+  background-color: #e2e5ec;
+
   &--error {
-    background-color: #FCE2E8;
+    background-color: #fce2e8;
   }
 
   &--warning-icon {
     min-width: 16px;
     min-height: 16px;
 
-    color: #F06D8D;
-
     font-size: 17px;
+
+    color: #f06d8d;
   }
 
   &--warning-icon-wrapper {
@@ -43,13 +43,13 @@
     max-width: 270px;
     padding: 8px;
 
-    color: #FFF;
-    border-radius: 4px;
-    background-color: #6B81DD;
-
     font-size: 10px;
     line-height: 16px;
 
+    color: #fff;
+    border-radius: 4px;
+    background-color: #6b81dd;
+
     &::before {
       position: absolute;
 
@@ -57,9 +57,10 @@
       height: 8.5px;
 
       content: "";
-      transform: rotate(45deg);
 
-      background-color: #6B81DD;
+      background-color: #6b81dd;
+
+      transform: rotate(45deg);
     }
 
     &--warnLeft {
@@ -94,7 +95,7 @@
     cursor: pointer;
     user-select: none;
 
-    background-color: #FFEDC8;
+    background-color: #ffedc8;
   }
 
   &__counter {
@@ -117,20 +118,20 @@
       content: "";
 
       opacity: 0.2;
-      background-color: #9AA0B9;
+      background-color: #9aa0b9;
     }
 
     &--null {
       opacity: 0.7;
-      color: #9AA0B9;
+      color: #9aa0b9;
     }
 
     &--bold {
-      color: #1E1E2D;
-
       font-family: Roboto, sans-serif;
       font-size: 11px;
       font-weight: 700;
+
+      color: #1e1e2d;
     }
   }
 

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

@@ -9,9 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactFeather = require("react-feather");
-require("./Alert.scss");
-var _DynamicIcon = _interopRequireDefault(require("../DynamicIcon/DynamicIcon"));
 var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
+var _DynamicIcon = _interopRequireDefault(require("../DynamicIcon/DynamicIcon"));
+require("./Alert.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 Alert = _ref => {
@@ -25,7 +25,7 @@ const Alert = _ref => {
     noDismiss,
     testId,
     isHidden = false,
-    variant = 'warning',
+    variant = "warning",
     isLoading
   } = _ref;
   const [onClose, setOnClose] = (0, _react.useState)(false);
@@ -38,12 +38,12 @@ const Alert = _ref => {
       hidden: onClose
     }, "alert alert--".concat(variant), {
       hidden: isHidden,
-      'alert--loading': isLoading
+      "alert--loading": isLoading
     })
   }, DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon, /*#__PURE__*/_react.default.createElement("div", null, children || message), !noDismiss && /*#__PURE__*/_react.default.createElement("div", {
     className: "alert__close-btn"
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
-    "data-testid": 'test-alert-close',
+    "data-testid": "test-alert-close",
     onClick: () => setOnClose(!onClose)
   })), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
     size: "small"

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

@@ -1,18 +1,19 @@
 .alert {
   position: relative;
+
   display: flex;
-  align-items: center;
   justify-content: space-between;
+  align-items: center;
 
   box-sizing: border-box;
   width: 100%;
   padding: 15px;
 
+  font-size: 13px;
+
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
 
-  font-size: 13px;
-
   &--loading {
     .loader-box {
       opacity: 0.2;
@@ -20,33 +21,33 @@
   }
 
   &--error {
-    color: #F06D8D;
-    border-left: 2px solid #F06D8D;
-    background-color: #FCE2E8;
+    color: #f06d8d;
+    border-left: 2px solid #f06d8d;
+    background-color: #fce2e8;
   }
 
   &--warning {
-    color: #F59A2F;
-    border-left: 2px solid #F59A2F;
-    background-color: #FFEDC8;
+    color: #f59a2f;
+    border-left: 2px solid #f59a2f;
+    background-color: #ffedc8;
   }
 
   &--success {
-    color: #00B031;
-    border-left: 2px solid #00B031;
-    background-color: #E4F3E8;
+    color: #00b031;
+    border-left: 2px solid #00b031;
+    background-color: #e4f3e8;
   }
 
   &--info {
-    color: #6B81DD;
-    border-left: 2px solid #6B81DD;
-    background-color: #E2E6F8;
+    color: #6b81dd;
+    border-left: 2px solid #6b81dd;
+    background-color: #e2e6f8;
   }
 
   &__close-btn {
     display: flex;
-    align-items: center;
     justify-content: flex-end;
+    align-items: center;
 
     min-width: 15px;
     margin-left: 10px;
@@ -58,14 +59,13 @@
   &--title {
     height: 37px;
 
+    font-size: 13px;
+    font-weight: 400;
     text-transform: uppercase;
 
-    color: #1E1E2D;
+    color: #1e1e2d;
     border-radius: 4px;
-    background-color: #EBEFF2;
-
-    font-size: 13px;
-    font-weight: 400;
+    background-color: #ebeff2;
 
     .alert__close-btn {
       display: none;

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

@@ -20,16 +20,16 @@ const Arrow = _ref => {
     testId,
     isAlt
   } = _ref;
-  if (!type || type !== 'left' && type !== 'right') return null;
+  if (!type || type !== "left" && type !== "right") return null;
   const ref = (0, _react.useRef)();
-  const [color, setColor] = (0, _react.useState)('currentColor');
+  const [color, setColor] = (0, _react.useState)("currentColor");
   (0, _react.useEffect)(() => {
     if (ref.current) {
-      setColor((0, _utils.getStyles)(ref.current, 'color'));
+      setColor((0, _utils.getStyles)(ref.current, "color"));
     }
   }, [ref.current]);
   function renderSVG() {
-    if (type === 'left') {
+    if (type === "left") {
       if (isAlt) return /*#__PURE__*/_react.default.createElement("svg", {
         version: "1.1",
         id: "Layer_1",
@@ -106,7 +106,7 @@ const Arrow = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "arrow--key-".concat(testId, "--type-").concat(type),
     ref: ref,
-    className: (0, _classnames.default)('arrow', "arrow_".concat(type), className, {
+    className: (0, _classnames.default)("arrow", "arrow_".concat(type), className, {
       arrow_disabled: disabled
     }),
     onClick: onClick

package/dist/Atomic/UI/Box/Box.js

@@ -13,16 +13,16 @@ require("./Box.scss");
 // styles
 
 const directionVariants = {
-  column: 'column',
-  row: 'row'
+  column: "column",
+  row: "row"
 };
 const sizes = {
-  none: 'none',
-  xs: 'xs',
-  s: 's',
-  m: 'm',
-  l: 'l',
-  xl: 'xl'
+  none: "none",
+  xs: "xs",
+  s: "s",
+  m: "m",
+  l: "l",
+  xl: "xl"
 };
 const Box = function (_ref) {
   let {
@@ -37,9 +37,9 @@ const Box = function (_ref) {
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     style: styles,
-    className: (0, _classnames.default)('box', "box--padding-".concat(paddingVariant), "box--radii-".concat(radiiVariant), className, {
+    className: (0, _classnames.default)("box", "box--padding-".concat(paddingVariant), "box--radii-".concat(radiiVariant), className, {
       df: direction === directionVariants.row,
-      'dfc-jc': direction === directionVariants.column
+      "dfc-jc": direction === directionVariants.column
     })
   }, children);
 };

package/dist/Atomic/UI/Box/Box.scss

@@ -1,16 +1,15 @@
-@import '../../../scss/_vars';
+@import "../../../scss/_vars";
 
 .box {
   box-sizing: border-box;
   height: fit-content;
 
-  border: 1px solid #E1E8F1;
+  border: 1px solid #e1e8f1;
 
   &--radii-none {
     border-radius: 0;
   }
 
-
   &--radii-xs {
     border-radius: $radii-xs;
   }
@@ -35,7 +34,6 @@
     padding: 0;
   }
 
-
   &--padding-xs {
     padding: $spacing-xs;
   }

package/dist/Atomic/UI/Button/Button.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./Button.scss");
-const RC = 'button';
+const RC = "button";
 const Button = _ref => {
   var _tabIndex$toString;
   let {
@@ -21,26 +21,26 @@ const Button = _ref => {
     style,
     noIcon,
     isIconRight,
-    testId = '',
+    testId = "",
     tabIndex = 0,
-    variant = 'primary',
+    variant = "primary",
     isTextEllipsis = false
   } = _ref;
-  const noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';
+  const noRenderIcon = noIcon || variant === "ellipse-apply" || variant === "ellipse-cancel";
   return /*#__PURE__*/_react.default.createElement("button", {
-    "data-testid": "button".concat(testId && "--".concat(testId), "--").concat((label === null || label === void 0 ? void 0 : label.replace(/\s/g, '-')) || variant),
+    "data-testid": "button".concat(testId && "--".concat(testId), "--").concat((label === null || label === void 0 ? void 0 : label.replace(/\s/g, "-")) || variant),
     tabIndex: tabIndex === null || tabIndex === void 0 || (_tabIndex$toString = tabIndex.toString) === null || _tabIndex$toString === void 0 ? void 0 : _tabIndex$toString.call(tabIndex),
     style: style,
     className: (0, _classnames.default)(RC, {
       ["".concat(RC, "_").concat(variant)]: variant,
-      'button_icon-left': icon && !isIconRight,
-      'button_icon-right': icon && isIconRight
+      "button_icon-left": icon && !isIconRight,
+      "button_icon-right": icon && isIconRight
     }, className),
     onClick: onClick,
     disabled: disabled
   }, !noRenderIcon && icon, label && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('button__text', {
-      'text-ellipsis': isTextEllipsis
+    className: (0, _classnames.default)("button__text", {
+      "text-ellipsis": isTextEllipsis
     })
   }, label), !label && children ? children : null);
 };