intelicoreact 1.3.21 → 1.3.23

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

@@ -1,79 +1,51 @@
 "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 _AdvTag = _interopRequireDefault(require("./AdvTag"));
-
 var _Tag = _interopRequireDefault(require("../Tag/Tag"));
-
-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 AdvancedTags = function AdvancedTags(_ref) {
-  var items = _ref.items,
-      noItemsTagLabel = _ref.noItemsTagLabel,
-      className = _ref.className,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'advanced-tag-test' : _ref$testId,
-      _ref$toTop = _ref.toTop,
-      toTop = _ref$toTop === void 0 ? true : _ref$toTop;
+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 => {
+  let {
+    items,
+    noItemsTagLabel,
+    className,
+    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")
   });
-
-  var _useState = (0, _react.useState)([items[0], items[1]]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showedItems = _useState2[0],
-      setShowedItems = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(true),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      showMore = _useState4[0],
-      setShowMore = _useState4[1];
-
-  var onShowMoreClick = function onShowMoreClick() {
+  const [showedItems, setShowedItems] = (0, _react.useState)([items[0], items[1]]);
+  const [showMore, setShowMore] = (0, _react.useState)(true);
+  const onShowMoreClick = () => {
     setShowedItems(showMore ? items : [items[0], items[1]]);
     setShowMore(!showMore);
-    return function () {
+    return () => {
       setShowedItems([items[0], items[1]]);
       setShowMore(true);
     };
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": testId,
-    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, {
-      toTop: toTop,
-      key: index,
-      item: item,
-      testId: "".concat(testId, "-item-").concat(index)
-    });
-  }), items.length >= 3 && /*#__PURE__*/_react.default.createElement("span", {
+    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,
+    item: item,
+    testId: "".concat(testId, "-item-").concat(index)
+  })), items.length >= 3 && /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "".concat(testId, "-showMore"),
-    onClick: function onClick() {
-      return onShowMoreClick();
-    },
+    onClick: () => onShowMoreClick(),
     className: "advanced-tags advanced-tags--showMore"
-  }, showMore ? "+".concat(items.length - showedItems.length) : '...'));
+  }, showMore ? "+".concat(items.length - showedItems.length) : "..."));
 };
-
-var _default = AdvancedTags;
-exports.default = _default;
+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

@@ -1,55 +1,35 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 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"));
-
-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 Alert = function Alert(_ref) {
-  var message = _ref.message,
-      icon = _ref.icon,
-      iconDynamicKey = _ref.iconDynamicKey,
-      iconDynamicProps = _ref.iconDynamicProps,
-      className = _ref.className,
-      children = _ref.children,
-      noDismiss = _ref.noDismiss,
-      testId = _ref.testId,
-      _ref$isHidden = _ref.isHidden,
-      isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'warning' : _ref$variant,
-      isLoading = _ref.isLoading;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      onClose = _useState2[0],
-      setOnClose = _useState2[1];
-
-  var DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, (0, _extends2.default)({
+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 => {
+  let {
+    message,
+    icon,
+    iconDynamicKey,
+    iconDynamicProps,
+    className,
+    children,
+    noDismiss,
+    testId,
+    isHidden = false,
+    variant = "warning",
+    isLoading
+  } = _ref;
+  const [onClose, setOnClose] = (0, _react.useState)(false);
+  const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, (0, _extends2.default)({
     iconKey: iconDynamicKey
   }, iconDynamicProps)) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -58,19 +38,15 @@ var Alert = function 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',
-    onClick: function onClick() {
-      return setOnClose(!onClose);
-    }
+    "data-testid": "test-alert-close",
+    onClick: () => setOnClose(!onClose)
   })), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
     size: "small"
   }));
 };
-
-var _default = Alert;
-exports.default = _default;
+var _default = exports.default = Alert;

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

@@ -1,51 +1,35 @@
 "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,
-      testId = _ref.testId,
-      isAlt = _ref.isAlt;
-  if (!type || type !== 'left' && type !== 'right') return null;
-  var ref = (0, _react.useRef)();
-
-  var _useState = (0, _react.useState)('currentColor'),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      color = _useState2[0],
-      setColor = _useState2[1];
-
-  (0, _react.useEffect)(function () {
+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 Arrow = _ref => {
+  let {
+    type,
+    className,
+    onClick,
+    disabled,
+    testId,
+    isAlt
+  } = _ref;
+  if (!type || type !== "left" && type !== "right") return null;
+  const ref = (0, _react.useRef)();
+  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",
@@ -83,7 +67,6 @@ var Arrow = function Arrow(_ref) {
         strokeLinejoin: "round"
       }));
     }
-
     if (isAlt) return /*#__PURE__*/_react.default.createElement("svg", {
       id: "Layer_1",
       xmlns: "http://www.w3.org/2000/svg",
@@ -120,16 +103,13 @@ var Arrow = function Arrow(_ref) {
       strokeLinejoin: "round"
     }));
   }
-
   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
   }, renderSVG());
 };
-
-var _default = Arrow;
-exports.default = _default;
+var _default = exports.default = Arrow;

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

@@ -1,53 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./Box.scss");
-
 // global
+
 // styles
-var directionVariants = {
-  column: 'column',
-  row: 'row'
+
+const directionVariants = {
+  column: "column",
+  row: "row"
 };
-var sizes = {
-  none: 'none',
-  xs: 'xs',
-  s: 's',
-  m: 'm',
-  l: 'l',
-  xl: 'xl'
+const sizes = {
+  none: "none",
+  xs: "xs",
+  s: "s",
+  m: "m",
+  l: "l",
+  xl: "xl"
 };
-
-var Box = function Box(_ref) {
-  var children = _ref.children,
-      _ref$paddingVariant = _ref.paddingVariant,
-      paddingVariant = _ref$paddingVariant === void 0 ? sizes.m : _ref$paddingVariant,
-      _ref$radiiVariant = _ref.radiiVariant,
-      radiiVariant = _ref$radiiVariant === void 0 ? sizes.s : _ref$radiiVariant,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? directionVariants.column : _ref$direction,
-      className = _ref.className;
-  var styles = {
+const Box = function (_ref) {
+  let {
+    children,
+    paddingVariant = sizes.m,
+    radiiVariant = sizes.s,
+    direction = directionVariants.column,
+    className
+  } = _ref;
+  const styles = {
     flexDirection: direction
   };
   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);
 };
-
-var _default = Box;
-exports.default = _default;
+var _default = exports.default = Box;

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