@ludo.ninja/components 1.1.5 → 1.1.7

package/dist/store/ui/index.js

@@ -1,333 +0,0 @@
-import { shallow } from 'zustand/shallow';
-import { createWithEqualityFn } from 'zustand/traditional';
-
-import { ThemeEnum } from '@ludo.ninja/core';
-import { createNotificationWithId } from '@ludo.ninja/ui/build/modules/notifications/createNotificationWithId';
-import { eventsTypes, sendEventToExtension } from '@ludo.ninja/utils';
-import { rootAddOverflow, rootRemoveOverflow } from '@ludo.ninja/utils';
-
-import { lightTheme } from '@/system/theme';
-
-import { builderModal } from './utils';
-
-var __assign =
-  (this && this.__assign) ||
-  function () {
-    __assign =
-      Object.assign ||
-      function (t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-      };
-    return __assign.apply(this, arguments);
-  };
-var __awaiter =
-  (this && this.__awaiter) ||
-  function (thisArg, _arguments, P, generator) {
-    function adopt(value) {
-      return value instanceof P
-        ? value
-        : new P(function (resolve) {
-            resolve(value);
-          });
-    }
-    return new (P || (P = Promise))(function (resolve, reject) {
-      function fulfilled(value) {
-        try {
-          step(generator.next(value));
-        } catch (e) {
-          reject(e);
-        }
-      }
-      function rejected(value) {
-        try {
-          step(generator['throw'](value));
-        } catch (e) {
-          reject(e);
-        }
-      }
-      function step(result) {
-        result.done
-          ? resolve(result.value)
-          : adopt(result.value).then(fulfilled, rejected);
-      }
-      step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-  };
-var __generator =
-  (this && this.__generator) ||
-  function (thisArg, body) {
-    var _ = {
-        label: 0,
-        sent: function () {
-          if (t[0] & 1) throw t[1];
-          return t[1];
-        },
-        trys: [],
-        ops: [],
-      },
-      f,
-      y,
-      t,
-      g;
-    return (
-      (g = { next: verb(0), throw: verb(1), return: verb(2) }),
-      typeof Symbol === 'function' &&
-        (g[Symbol.iterator] = function () {
-          return this;
-        }),
-      g
-    );
-    function verb(n) {
-      return function (v) {
-        return step([n, v]);
-      };
-    }
-    function step(op) {
-      if (f) throw new TypeError('Generator is already executing.');
-      while ((g && ((g = 0), op[0] && (_ = 0)), _))
-        try {
-          if (
-            ((f = 1),
-            y &&
-              (t =
-                op[0] & 2
-                  ? y['return']
-                  : op[0]
-                  ? y['throw'] || ((t = y['return']) && t.call(y), 0)
-                  : y.next) &&
-              !(t = t.call(y, op[1])).done)
-          )
-            return t;
-          if (((y = 0), t)) op = [op[0] & 2, t.value];
-          switch (op[0]) {
-            case 0:
-            case 1:
-              t = op;
-              break;
-            case 4:
-              _.label++;
-              return { value: op[1], done: false };
-            case 5:
-              _.label++;
-              y = op[1];
-              op = [0];
-              continue;
-            case 7:
-              op = _.ops.pop();
-              _.trys.pop();
-              continue;
-            default:
-              if (
-                !((t = _.trys), (t = t.length > 0 && t[t.length - 1])) &&
-                (op[0] === 6 || op[0] === 2)
-              ) {
-                _ = 0;
-                continue;
-              }
-              if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                _.label = op[1];
-                break;
-              }
-              if (op[0] === 6 && _.label < t[1]) {
-                _.label = t[1];
-                t = op;
-                break;
-              }
-              if (t && _.label < t[2]) {
-                _.label = t[2];
-                _.ops.push(op);
-                break;
-              }
-              if (t[2]) _.ops.pop();
-              _.trys.pop();
-              continue;
-          }
-          op = body.call(thisArg, _);
-        } catch (e) {
-          op = [6, e];
-          y = 0;
-        } finally {
-          f = t = 0;
-        }
-      if (op[0] & 5) throw op[1];
-      return { value: op[0] ? op[1] : void 0, done: true };
-    }
-  };
-var __spreadArray =
-  (this && this.__spreadArray) ||
-  function (to, from, pack) {
-    if (pack || arguments.length === 2)
-      for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-          ar[i] = from[i];
-        }
-      }
-    return to.concat(ar || Array.prototype.slice.call(from));
-  };
-
-export var useUiStore = createWithEqualityFn()(function (setState) {
-  return __assign(
-    __assign(
-      __assign(
-        {
-          //theme
-          theme: lightTheme,
-          toggleTheme: function (theme, themeName) {
-            setState({ theme: theme });
-            window.localStorage.setItem('theme', themeName);
-            if (themeName === ThemeEnum.dark) {
-              document.body.classList.add('dark-theme');
-            } else {
-              document.body.classList.remove('dark-theme');
-            }
-          },
-          //notifications
-          notifications: [],
-          addNotification: function (content) {
-            return __awaiter(void 0, void 0, void 0, function () {
-              var isOpenNotification, response, e_1;
-              return __generator(this, function (_a) {
-                switch (_a.label) {
-                  case 0:
-                    if (process.env.NODE_ENV === 'development') {
-                      return [2 /*return*/];
-                    }
-                    _a.label = 1;
-                  case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [
-                      4 /*yield*/,
-                      sendEventToExtension(eventsTypes.pingVersion),
-                    ];
-                  case 2:
-                    response = _a.sent();
-                    isOpenNotification = !(response === null ||
-                    response === void 0
-                      ? void 0
-                      : response.version);
-                    return [3 /*break*/, 4];
-                  case 3:
-                    e_1 = _a.sent();
-                    isOpenNotification = true;
-                    return [3 /*break*/, 4];
-                  case 4:
-                    if (!isOpenNotification) return [3 /*break*/, 6];
-                    return [
-                      4 /*yield*/,
-                      createNotificationWithId(function (data) {
-                        return __awaiter(void 0, void 0, void 0, function () {
-                          return __generator(this, function (_a) {
-                            setState(function (prev) {
-                              return __assign(__assign({}, prev), {
-                                notifications: __spreadArray(
-                                  [data],
-                                  prev.notifications,
-                                  true
-                                ),
-                              });
-                            });
-                            return [2 /*return*/];
-                          });
-                        });
-                      })(content),
-                    ];
-                  case 5:
-                    _a.sent();
-                    _a.label = 6;
-                  case 6:
-                    return [2 /*return*/];
-                }
-              });
-            });
-          },
-          removeNotification: function (id) {
-            setState(function (prev) {
-              return __assign(__assign({}, prev), {
-                notifications: prev.notifications.filter(function (el) {
-                  return el.id !== id;
-                }),
-              });
-            });
-          },
-          //overlay
-          isOverlayActive: false,
-          openOverLay: function () {
-            rootAddOverflow();
-            setState({ isOverlayActive: true });
-          },
-          closeOverlay: function () {
-            rootRemoveOverflow();
-            setState({
-              isOverlayActive: false,
-              isModalOpen: false,
-              isSidebarOpen: false,
-              isModalSidebarOpen: false,
-              isOpenModalSidebarPortal: false,
-            });
-          },
-          //sidebar
-          isSidebarOpen: false,
-          openSidebar: function () {
-            rootAddOverflow();
-            setState({ isOverlayActive: true, isSidebarOpen: true });
-          },
-          closeSidebar: function () {
-            rootRemoveOverflow();
-            setState({ isOverlayActive: false, isSidebarOpen: false });
-          },
-          //alert
-          isAlertOpen: false,
-          alertType: null,
-          openAlert: function (alertType) {
-            setState({
-              isAlertOpen: true,
-              alertType: alertType,
-            });
-          },
-          closeAlert: function () {
-            setState({
-              isAlertOpen: false,
-              alertType: null,
-            });
-          },
-          //modals
-          contentModals: null,
-          stylesModals: null,
-          addStylesModals: function (styles) {
-            setState({ stylesModals: styles });
-          },
-        },
-        builderModal(
-          {
-            trigger: 'isModalOpen',
-            opener: 'openModal',
-            closer: 'closeModal',
-          },
-          setState
-        )
-      ),
-      builderModal(
-        {
-          trigger: 'isModalSidebarOpen',
-          opener: 'openModalSidebar',
-          closer: 'closeModalSidebar',
-        },
-        setState
-      )
-    ),
-    builderModal(
-      {
-        trigger: 'isOpenModalSidebarPortal',
-        opener: 'openModalSidebarPortal',
-        closer: 'closeModalSidebarPortal',
-      },
-      setState
-    )
-  );
-}, shallow);

package/dist/store/ui/types.js

@@ -1 +0,0 @@
-export {};

package/dist/store/ui/utils.js

@@ -1,35 +0,0 @@
-import { rootAddOverflow, rootRemoveOverflow } from '@ludo.ninja/utils';
-
-export var builderModal = function (fields, setState) {
-  var _a;
-  return (
-    (_a = {}),
-    (_a[fields.trigger] = false),
-    (_a[fields.opener] = function (component) {
-      var _a;
-      rootAddOverflow();
-      setState(
-        ((_a = {
-          contentModals: component,
-          isOverlayActive: true,
-        }),
-        (_a[fields.trigger] = true),
-        _a)
-      );
-    }),
-    (_a[fields.closer] = function () {
-      var _a;
-      rootRemoveOverflow();
-      setState(
-        ((_a = {
-          contentModals: null,
-          stylesModals: null,
-          isOverlayActive: false,
-        }),
-        (_a[fields.trigger] = false),
-        _a)
-      );
-    }),
-    _a
-  );
-};

package/dist/styles/ScreenWidth.js

@@ -1,28 +0,0 @@
-export var ScreenWidth;
-(function (ScreenWidth) {
-  ScreenWidth[(ScreenWidth['MOBILE'] = 767)] = 'MOBILE';
-  ScreenWidth[(ScreenWidth['PHONE'] = 360)] = 'PHONE';
-  ScreenWidth[(ScreenWidth['BIG_PHONE'] = 500)] = 'BIG_PHONE';
-  ScreenWidth[(ScreenWidth['TABLET'] = 768)] = 'TABLET';
-  ScreenWidth[(ScreenWidth['DESKTOP'] = 1200)] = 'DESKTOP';
-  ScreenWidth[(ScreenWidth['MAX_WIDTH_TABLET'] = 1199)] = 'MAX_WIDTH_TABLET';
-  ScreenWidth[(ScreenWidth['FOUR_K_MIN'] = 2032)] = 'FOUR_K_MIN';
-  ScreenWidth[(ScreenWidth['FOUR_K_MAX'] = 4064)] = 'FOUR_K_MAX';
-})(ScreenWidth || (ScreenWidth = {}));
-export var mediaQuery = {
-  mobile: '@media (max-width: '.concat(ScreenWidth.MOBILE, 'px)'),
-  tablets: '@media (min-width: '
-    .concat(ScreenWidth.TABLET, 'px) and (max-width: ')
-    .concat(ScreenWidth.DESKTOP, 'px)'),
-  phone: '@media (max-width: '.concat(ScreenWidth.PHONE, 'px)'),
-  bigPhone: '@media (max-width: '.concat(ScreenWidth.BIG_PHONE, 'px)'),
-  tablet: '@media (max-width: '.concat(ScreenWidth.TABLET, 'px)'),
-  desktop: '@media (max-width: '.concat(ScreenWidth.DESKTOP, 'px)'),
-  maxWidthTablet: '@media (max-width: '.concat(
-    ScreenWidth.MAX_WIDTH_TABLET,
-    'px)'
-  ),
-  minWidthTablet: '@media (min-width: '.concat(ScreenWidth.TABLET, 'px)'),
-  minWidthDesktop: '@media (min-width: '.concat(ScreenWidth.DESKTOP, 'px)'),
-  minWidthFourK: '@media (min-width: '.concat(ScreenWidth.FOUR_K_MIN, 'px)'),
-};

package/dist/styles/animations/index.jsx

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { keyframes } from 'styled-components';
-export var rotateReverse = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    transform: rotate(360deg);\n  }\n  to {\n    transform: rotate(0deg);\n  }\n"], ["\n  from {\n    transform: rotate(360deg);\n  }\n  to {\n    transform: rotate(0deg);\n  }\n"])));
-export var rotate = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"], ["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"])));
-var templateObject_1, templateObject_2;

package/dist/styles/colors/index.jsx

@@ -1,36 +0,0 @@
-export {
-  AccentColor,
-  BlackColor,
-  TextGrayColor,
-  TextGray2Color,
-  TextDarkGrayColor,
-  BorderColorLight,
-  BorderColorDark,
-  InactiveButtonColor,
-  BackgroundColorLight,
-  BackgroundColorDark,
-  WhiteColor,
-  ProgressColor,
-  ProgressColorMedium,
-  ProgressColorMinimum,
-  DangerColorLight,
-  DangerColorDark,
-  DarkBlueColor,
-  DisabledGrayColor,
-  BlueShadowColor,
-  DisabledLightGrayColor,
-  GrayBackgroundColor,
-  DisabledDangerColor,
-  ErrorColor,
-  TableExperienceColorDark,
-  ExpProgressBlankDark,
-  ExpUserProgressFill,
-  ExpTaskProgressFill,
-  HeaderBackgroundDark,
-  SearchInputBg,
-  ExperienceGradientLabelLight,
-  ExperienceGradientLabelDark,
-  InviteGradientLabelLight,
-  InviteGradientLabelDark,
-  CategoryHoverBg,
-} from '@ludo.ninja/ui/build/styles/colors';

package/dist/styles/globalStyles.jsx

@@ -1,55 +0,0 @@
-import { createGlobalStyle } from 'styled-components';
-
-import { GlobalFontsFallback } from '@/fonts/FontsInitializeLayout';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
-var GlobalStyle = createGlobalStyle(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        "\n  :root {\n    --app-height: 100vh;\n  }\n\n  html {\n    font-size: 0.625rem;\n    min-height: var(--app-height);\n    -webkit-font-smoothing: antialiased;\n    scroll-behavior: smooth;\n  }\n\n  body {\n    font-family: 'Poppins', sans-serif;\n    letter-spacing: -0.015em;\n    padding: 0;\n    background: ",
-        ';\n    border: 0;\n    margin: 0;\n    min-height: var(--app-height);\n    position: relative;\n\n    &.dark-theme {\n      .react-loading-skeleton {\n        --base-color: #3A3D4C !important;\n        --highlight-color: #292C39 !important;\n      }\n    }\n  }\n\n  p {\n    padding: 0;\n    margin: 0;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  .modal-dialog {\n    max-width: 100%;\n    width: fit-content;\n  }\n\n  .modal-dg {\n    display: flex;\n    align-content: center;\n    justify-content: center;\n  }\n\n  .modal-content {\n    border-radius: 2.2rem !important;\n    overflow: hidden;\n    outline: none;\n    border: 0;\n  }\n\n  ::selection {\n    color: ',
-        ';\n    background-color: ',
-        ';\n  }\n\n  ::-webkit-scrollbar {\n    height: 2px;\n    width: 4px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: ',
-        ';\n  }\n\n  ',
-        '\n',
-      ],
-      [
-        "\n  :root {\n    --app-height: 100vh;\n  }\n\n  html {\n    font-size: 0.625rem;\n    min-height: var(--app-height);\n    -webkit-font-smoothing: antialiased;\n    scroll-behavior: smooth;\n  }\n\n  body {\n    font-family: 'Poppins', sans-serif;\n    letter-spacing: -0.015em;\n    padding: 0;\n    background: ",
-        ';\n    border: 0;\n    margin: 0;\n    min-height: var(--app-height);\n    position: relative;\n\n    &.dark-theme {\n      .react-loading-skeleton {\n        --base-color: #3A3D4C !important;\n        --highlight-color: #292C39 !important;\n      }\n    }\n  }\n\n  p {\n    padding: 0;\n    margin: 0;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  .modal-dialog {\n    max-width: 100%;\n    width: fit-content;\n  }\n\n  .modal-dg {\n    display: flex;\n    align-content: center;\n    justify-content: center;\n  }\n\n  .modal-content {\n    border-radius: 2.2rem !important;\n    overflow: hidden;\n    outline: none;\n    border: 0;\n  }\n\n  ::selection {\n    color: ',
-        ';\n    background-color: ',
-        ';\n  }\n\n  ::-webkit-scrollbar {\n    height: 2px;\n    width: 4px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: ',
-        ';\n  }\n\n  ',
-        '\n',
-      ]
-    )),
-  function (_a) {
-    var theme = _a.theme;
-    return theme.colors.bg;
-  },
-  function (_a) {
-    var theme = _a.theme;
-    return theme.colors.naturalWhite;
-  },
-  function (_a) {
-    var theme = _a.theme;
-    return theme.colors.accent;
-  },
-  function (_a) {
-    var theme = _a.theme;
-    return theme.colors.scrollBar;
-  },
-  GlobalFontsFallback
-);
-export default GlobalStyle;
-var templateObject_1;

package/dist/styles/index.js

@@ -1,3 +0,0 @@
-export { default as GlobalStyle } from './globalStyles';
-export * from './ScreenWidth';
-export * from './colors';

package/dist/styles/mixins/boxShadow.jsx

@@ -1,28 +0,0 @@
-import { css } from 'styled-components';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
-var BoxShadow = function () {
-  return css(
-    templateObject_1 ||
-      (templateObject_1 = __makeTemplateObject(
-        [
-          '\n  transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;\n  box-shadow: none;\n\n  &:hover {\n    box-shadow: 0 10px 32px -16px rgba(33, 21, 95, 0.15);\n    transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;\n  }\n',
-        ],
-        [
-          '\n  transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;\n  box-shadow: none;\n\n  &:hover {\n    box-shadow: 0 10px 32px -16px rgba(33, 21, 95, 0.15);\n    transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;\n  }\n',
-        ]
-      ))
-  );
-};
-export default BoxShadow;
-var templateObject_1;

package/dist/styles/mixins/boxTransform.jsx

@@ -1,28 +0,0 @@
-import { css } from 'styled-components';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
-var BoxTransform = function () {
-  return css(
-    templateObject_1 ||
-      (templateObject_1 = __makeTemplateObject(
-        [
-          '\n  transition: 0.2s transform ease-in-out;\n\n  &:hover {\n    transition: 0.2s transform ease-in;\n    transform: translate(0px, -4px);\n  }\n',
-        ],
-        [
-          '\n  transition: 0.2s transform ease-in-out;\n\n  &:hover {\n    transition: 0.2s transform ease-in;\n    transform: translate(0px, -4px);\n  }\n',
-        ]
-      ))
-  );
-};
-export default BoxTransform;
-var templateObject_1;

package/dist/styles/mixins/z-indexes.jsx

@@ -1,10 +0,0 @@
-export var zIndexSearch = 996;
-export var zIndexModal = 996;
-export var zIndexOverlay = 995;
-export var zIndexToTopBtn = 993;
-export var zIndexSidebar = 996;
-export var zIndexHeaderSearchFocused = 996;
-export var zIndexAlert = 999;
-export var zIndexHeaderSearch = 994;
-export var zIndexPageLoader = 996;
-export var zIndexApplyResetBtns = 996;

package/dist/styles/typography/index.jsx

@@ -1 +0,0 @@
-export { FH1, FH2, FH3, MainText, FH4, FH5, FH6, FH7, TextSmall, } from '@ludo.ninja/ui/build/styles/typography';

package/dist/system/ActiveLink/index.jsx

@@ -1,34 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { Children } from 'react';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import { pathToRegexp } from 'path-to-regexp';
-var ActiveLink = function (_a) {
-    var children = _a.children, activeClassName = _a.activeClassName, props = __rest(_a, ["children", "activeClassName"]);
-    var asPath = useRouter().asPath;
-    var child = Children.only(children);
-    var childClassName = child.props.className || '';
-    var isActive = pathToRegexp(props.href || props.as, [], {
-        sensitive: true,
-    }).test(asPath);
-    var className = props.href || asPath === props.as
-        ? "".concat(childClassName, " ").concat(isActive ? activeClassName : '').trim()
-        : childClassName;
-    return (<Link {...props}>
-      {React.cloneElement(child, {
-            className: className || null,
-        })}
-    </Link>);
-};
-// Export
-export default ActiveLink;

package/dist/system/Alert/index.jsx

@@ -1,15 +0,0 @@
-import AlertUi from '@ludo.ninja/ui/build/system/Alert';
-import { useUiStore } from '@/store/ui';
-// Component
-var Alert = function () {
-    var _a = useUiStore(function (state) { return ({
-        closeAlert: state.closeAlert,
-        updateData: state.alertType,
-        isAlertOpen: state.isAlertOpen,
-    }); }), closeAlert = _a.closeAlert, updateData = _a.updateData, isAlertOpen = _a.isAlertOpen;
-    if (!(isAlertOpen && updateData))
-        return null;
-    return <AlertUi closeAlert={closeAlert} updateData={updateData}/>;
-};
-// Export
-export default Alert;

package/dist/system/Alert/type.js

@@ -1,6 +0,0 @@
-export {
-  alertVariants,
-  alertCaptions,
-  alertBgColors,
-  alertDefaultText,
-} from '@ludo.ninja/ui/build/system/Alert/type';

package/dist/system/BasicOverlay/index.jsx

@@ -1,15 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-// Styles
-var StyledBasicOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  display: block;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.3);\n  z-index: 3;\n  user-select: none;\n"], ["\n  position: fixed;\n  display: block;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.3);\n  z-index: 3;\n  user-select: none;\n"])));
-// Component
-var BasicOverlay = function () {
-    return <StyledBasicOverlay data-testid="basic-overlay"/>;
-};
-// Export
-export default BasicOverlay;
-var templateObject_1;

package/dist/system/Buttons/IconButton/index.jsx

@@ -1,2 +0,0 @@
-import IconButton from '@ludo.ninja/ui/build/system/Buttons/IconButton';
-export default IconButton;

package/dist/system/Buttons/IconWithButton/index.jsx

@@ -1,2 +0,0 @@
-import IconWithButton from '@ludo.ninja/ui/build/system/Buttons/IconWithButton';
-export default IconWithButton;

package/dist/system/Buttons/IconWithButton/themes.js

@@ -1 +0,0 @@
-'use strict';

package/dist/system/Buttons/MainButton/index.jsx

@@ -1,2 +0,0 @@
-import MainButton from '@ludo.ninja/ui/build/system/Buttons/MainButton';
-export default MainButton;

package/dist/system/Buttons/MainButton/themes.js

@@ -1 +0,0 @@
-'use strict';

package/dist/system/Buttons/SecondaryButton/index.jsx

@@ -1,2 +0,0 @@
-import SecondaryButton from '@ludo.ninja/ui/build/system/Buttons/SecondaryButton';
-export default SecondaryButton;