@ludo.ninja/components 1.1.2 → 1.1.4

package/dist/modules/virtuoso/VirtuosoPageBuilder.jsx

@@ -1,221 +1,127 @@
+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, { useRef } from 'react';
-
 import { Virtuoso } from 'react-virtuoso';
 import styled from 'styled-components';
-
-import {
-  adaptiveValueCalc,
-  getAdaptiveValue,
-} from '@ludo.ninja/ui/build/utils/4k';
-
+import { adaptiveValueCalc, getAdaptiveValue, } from '@ludo.ninja/ui/build/utils/4k';
 import { useVirtuosoInitialScroll } from '@/modules/sessionScroll/useVirtuosoInitialScroll';
-import {
-  VirtuosoToTopBtn,
-  useVirtuosoToTopBtnInitialize,
-} from '@/modules/virtuoso/VirtuosoToTopBtn';
+import { VirtuosoToTopBtn, useVirtuosoToTopBtnInitialize, } from '@/modules/virtuoso/VirtuosoToTopBtn';
 import { useSubscribeVirtuosoScrollToHeader } from '@/modules/virtuoso/useSubscribeVirtuosoScrollToHeader';
 import { useVirtuosoData } from '@/modules/virtuoso/useVirtuosoData';
-
 import { ScreenWidth, mediaQuery } from '@/styles/ScreenWidth';
-
 import { ProfileSkeleton } from '@/components/profile/profileSkeleton';
-
 import CardsError from '@/system/CardsHolderWithSkeleton/CardsHolder/CardsError';
 import CardsNoResults from '@/system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults';
 import { CardSkeleton } from '@/system/CardsHolderWithSkeleton/CardsHolder/CardsSkeleton';
 import CardsHolderLoader from '@/system/CardsHolderWithSkeleton/CardsHolderLoader';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
-var SCardsRow = styled.div(
-  templateObject_1 ||
-    (templateObject_1 = __makeTemplateObject(
-      [
-        '\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ',
-        ' {\n    width: 704px;\n  }\n\n  ',
-        ' {\n    width: 320px;\n  }\n  ',
-        ' {\n    width: ',
-        ';\n  }\n',
-      ],
-      [
-        '\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ',
-        ' {\n    width: 704px;\n  }\n\n  ',
-        ' {\n    width: 320px;\n  }\n  ',
-        ' {\n    width: ',
-        ';\n  }\n',
-      ]
-    )),
-  mediaQuery.maxWidthTablet,
-  mediaQuery.mobile,
-  mediaQuery.minWidthFourK,
-  adaptiveValueCalc(1080)
-);
+var SCardsRow = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 704px;\n  }\n\n  ", " {\n    width: 320px;\n  }\n  ", " {\n    width: ", ";\n  }\n"], ["\n  display: flex;\n  width: 1080px;\n  margin: 0 auto;\n\n  ", " {\n    width: 704px;\n  }\n\n  ", " {\n    width: 320px;\n  }\n  ", " {\n    width: ", ";\n  }\n"])), mediaQuery.maxWidthTablet, mediaQuery.mobile, mediaQuery.minWidthFourK, adaptiveValueCalc(1080));
 export var VirtuosoPageBuilder = function (_a) {
-  var activeTab = _a.activeTab,
-    isMobile = _a.isMobile,
-    creations = _a.creations,
-    windowDimensions = _a.windowDimensions,
-    isLoading = _a.isLoading,
-    error = _a.error,
-    refetchQuery = _a.refetchQuery,
-    loadMore = _a.loadMore,
-    renderCreation = _a.renderCreation,
-    notFoundText = _a.notFoundText,
-    isNextLoading = _a.isNextLoading,
-    headerSlot = _a.headerSlot,
-    isProfileCards = _a.isProfileCards;
-  var onScroll = useSubscribeVirtuosoScrollToHeader().onScroll;
-  var virtuoso = useRef(null);
-  var virtuosoToTopBtnInitialize = useVirtuosoToTopBtnInitialize();
-  var _b = useVirtuosoData({
-      activeTab: activeTab,
-      isMobile: isMobile,
-      creations: creations,
-      isProfileCards:
-        !!windowDimensions &&
-        windowDimensions.windowWidth < 1200 &&
-        isProfileCards,
-    }),
-    virtuosoData = _b.virtuosoData,
-    placeholderData = _b.placeholderData;
-  var _c = useVirtuosoInitialScroll({
-      virtuoso: virtuoso,
-      virtuosoData: virtuosoData,
-      activeTab: activeTab,
-    }),
-    updateScroll = _c.updateScroll,
-    setScrollTop = _c.setScrollTop;
-  var virtuosoBody = (function () {
-    var getGapCards = function () {
-      var width =
-        windowDimensions === null || windowDimensions === void 0
-          ? void 0
-          : windowDimensions.windowWidth;
-      if (width && width < 768) return 12;
-      if (width && width < 1200) return 16;
-      if (width && width >= ScreenWidth.FOUR_K_MIN) {
-        return getAdaptiveValue({
-          windowWidth: width,
-          currentSize: 24,
-        });
-      }
-      return 24;
-    };
-    if (isLoading) {
-      return {
-        totalCount: placeholderData.length,
-        itemContent: function (index) {
-          return (
-            <SCardsRow
-              style={{
-                paddingBottom: (function () {
-                  if (index === virtuosoData.creationPacks.length - 1) {
-                    var width =
-                      windowDimensions === null || windowDimensions === void 0
-                        ? void 0
-                        : windowDimensions.windowWidth;
-                    if (width && width < 768) return 20;
-                    if (width && width < 1200) return 32;
-                  }
-                  return getGapCards();
-                })(),
-                gap: getGapCards(),
-              }}
-            >
+    var activeTab = _a.activeTab, isMobile = _a.isMobile, creations = _a.creations, windowDimensions = _a.windowDimensions, isLoading = _a.isLoading, error = _a.error, refetchQuery = _a.refetchQuery, loadMore = _a.loadMore, renderCreation = _a.renderCreation, notFoundText = _a.notFoundText, isNextLoading = _a.isNextLoading, headerSlot = _a.headerSlot, isProfileCards = _a.isProfileCards;
+    var onScroll = useSubscribeVirtuosoScrollToHeader().onScroll;
+    var virtuoso = useRef(null);
+    var virtuosoToTopBtnInitialize = useVirtuosoToTopBtnInitialize();
+    var _b = useVirtuosoData({
+        activeTab: activeTab,
+        isMobile: isMobile,
+        creations: creations,
+        isProfileCards: !!windowDimensions &&
+            windowDimensions.windowWidth < 1200 &&
+            isProfileCards,
+    }), virtuosoData = _b.virtuosoData, placeholderData = _b.placeholderData;
+    var _c = useVirtuosoInitialScroll({
+        virtuoso: virtuoso,
+        virtuosoData: virtuosoData,
+        activeTab: activeTab,
+    }), updateScroll = _c.updateScroll, setScrollTop = _c.setScrollTop;
+    var virtuosoBody = (function () {
+        var getGapCards = function () {
+            var width = windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth;
+            if (width && width < 768)
+                return 12;
+            if (width && width < 1200)
+                return 16;
+            if (width && width >= ScreenWidth.FOUR_K_MIN) {
+                return getAdaptiveValue({
+                    windowWidth: width,
+                    currentSize: 24,
+                });
+            }
+            return 24;
+        };
+        if (isLoading) {
+            return {
+                totalCount: placeholderData.length,
+                itemContent: function (index) {
+                    return (<SCardsRow style={{
+                            paddingBottom: (function () {
+                                if (index === virtuosoData.creationPacks.length - 1) {
+                                    var width = windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth;
+                                    if (width && width < 768)
+                                        return 20;
+                                    if (width && width < 1200)
+                                        return 32;
+                                }
+                                return getGapCards();
+                            })(),
+                            gap: getGapCards(),
+                        }}>
               {placeholderData[index].map(function (_, ind) {
-                return isProfileCards ? (
-                  <ProfileSkeleton key={ind} />
-                ) : (
-                  <CardSkeleton key={ind} />
-                );
-              })}
-            </SCardsRow>
-          );
-        },
-      };
-    }
-    if (error) {
-      return {
-        totalCount: 1,
-        itemContent: function () {
-          return <CardsError refetch={refetchQuery} />;
-        },
-      };
-    }
-    if (notFoundText && virtuosoData.creations.length === 0) {
-      return {
-        totalCount: 1,
-        itemContent: function () {
-          return <CardsNoResults noFoundText={notFoundText} />;
-        },
-      };
-    }
-    return {
-      totalCount: virtuosoData.creationPacks.length,
-      itemContent: function (index) {
-        var data = virtuosoData.creationPacks[index];
-        return (
-          <SCardsRow
-            style={{
-              paddingBottom: (function () {
-                if (index === virtuosoData.creationPacks.length - 1) {
-                  var width =
-                    windowDimensions === null || windowDimensions === void 0
-                      ? void 0
-                      : windowDimensions.windowWidth;
-                  if (width && width < 768) return 20;
-                  if (width && width < 1200) return 32;
-                }
-                return getGapCards();
-              })(),
-              gap: getGapCards(),
-            }}
-            onClick={function () {
-              return updateScroll(index);
-            }}
-          >
+                            return isProfileCards ? (<ProfileSkeleton key={ind}/>) : (<CardSkeleton key={ind}/>);
+                        })}
+            </SCardsRow>);
+                },
+            };
+        }
+        if (error) {
+            return {
+                totalCount: 1,
+                itemContent: function () {
+                    return <CardsError refetch={refetchQuery}/>;
+                },
+            };
+        }
+        if (notFoundText && virtuosoData.creations.length === 0) {
+            return {
+                totalCount: 1,
+                itemContent: function () {
+                    return <CardsNoResults noFoundText={notFoundText}/>;
+                },
+            };
+        }
+        return {
+            totalCount: virtuosoData.creationPacks.length,
+            itemContent: function (index) {
+                var data = virtuosoData.creationPacks[index];
+                return (<SCardsRow style={{
+                        paddingBottom: (function () {
+                            if (index === virtuosoData.creationPacks.length - 1) {
+                                var width = windowDimensions === null || windowDimensions === void 0 ? void 0 : windowDimensions.windowWidth;
+                                if (width && width < 768)
+                                    return 20;
+                                if (width && width < 1200)
+                                    return 32;
+                            }
+                            return getGapCards();
+                        })(),
+                        gap: getGapCards(),
+                    }} onClick={function () { return updateScroll(index); }}>
             {data.map(renderCreation)}
-          </SCardsRow>
-        );
-      },
-    };
-  })();
-  return (
-    <>
-      <Virtuoso
-        ref={virtuoso}
-        style={{ height: 'var(--app-height)' }}
-        onScroll={function (e) {
-          setScrollTop(e.currentTarget.scrollTop);
-          onScroll(e.currentTarget.scrollTop);
-          virtuosoToTopBtnInitialize.onScroll(e.currentTarget.scrollTop);
-        }}
-        totalCount={virtuosoBody.totalCount}
-        endReached={loadMore}
-        overscan={200}
-        itemContent={virtuosoBody.itemContent}
-        components={{
-          Header: function () {
-            return headerSlot;
-          },
-          Footer: function () {
-            return isNextLoading ? <CardsHolderLoader /> : null;
-          },
-        }}
-      />
-      {virtuosoToTopBtnInitialize.isShowBtn && (
-        <VirtuosoToTopBtn virtuoso={virtuoso} />
-      )}
-    </>
-  );
+          </SCardsRow>);
+            },
+        };
+    })();
+    return (<>
+      <Virtuoso ref={virtuoso} style={{ height: 'var(--app-height)' }} onScroll={function (e) {
+            setScrollTop(e.currentTarget.scrollTop);
+            onScroll(e.currentTarget.scrollTop);
+            virtuosoToTopBtnInitialize.onScroll(e.currentTarget.scrollTop);
+        }} totalCount={virtuosoBody.totalCount} endReached={loadMore} overscan={200} itemContent={virtuosoBody.itemContent} components={{
+            Header: function () { return headerSlot; },
+            Footer: function () { return (isNextLoading ? <CardsHolderLoader /> : null); },
+        }}/>
+      {virtuosoToTopBtnInitialize.isShowBtn && (<VirtuosoToTopBtn virtuoso={virtuoso}/>)}
+    </>);
 };
 var templateObject_1;

package/dist/modules/virtuoso/VirtuosoToTopBtn.jsx

@@ -1,41 +1,34 @@
 import { useRef, useState } from 'react';
-
 import { ToTopBtnWithCustomHandler } from '@/components/toTopBtn';
-
 export var useVirtuosoToTopBtnInitialize = function () {
-  var _a = useState(false),
-    isShowBtn = _a[0],
-    setIsShowBtn = _a[1];
-  var oldScrollY = useRef(0);
-  var offsetPixels = 600;
-  return {
-    isShowBtn: isShowBtn,
-    onScroll: function (scrollY) {
-      if (scrollY > offsetPixels) {
-        if (oldScrollY.current > scrollY) {
-          setIsShowBtn(true);
-        }
-        oldScrollY.current = scrollY;
-      } else {
-        setIsShowBtn(false);
-        oldScrollY.current = offsetPixels;
-      }
-    },
-  };
+    var _a = useState(false), isShowBtn = _a[0], setIsShowBtn = _a[1];
+    var oldScrollY = useRef(0);
+    var offsetPixels = 600;
+    return {
+        isShowBtn: isShowBtn,
+        onScroll: function (scrollY) {
+            if (scrollY > offsetPixels) {
+                if (oldScrollY.current > scrollY) {
+                    setIsShowBtn(true);
+                }
+                oldScrollY.current = scrollY;
+            }
+            else {
+                setIsShowBtn(false);
+                oldScrollY.current = offsetPixels;
+            }
+        },
+    };
 };
 export var VirtuosoToTopBtn = function (_a) {
-  var virtuoso = _a.virtuoso;
-  var handleClickFunction = function () {
-    var _a;
-    (_a = virtuoso.current) === null || _a === void 0
-      ? void 0
-      : _a.scrollToIndex({
-          index: 0,
-          behavior: 'smooth',
-          align: 'end',
+    var virtuoso = _a.virtuoso;
+    var handleClickFunction = function () {
+        var _a;
+        (_a = virtuoso.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex({
+            index: 0,
+            behavior: 'smooth',
+            align: 'end',
         });
-  };
-  return (
-    <ToTopBtnWithCustomHandler handleClickFunction={handleClickFunction} />
-  );
+    };
+    return (<ToTopBtnWithCustomHandler handleClickFunction={handleClickFunction}/>);
 };

package/dist/pages/index.jsx

@@ -1,15 +1,12 @@
 import Head from 'next/head';
-
 export default function Home() {
-  return (
-    <>
+    return (<>
       <Head>
         <title>Create Next App</title>
-        <meta name="description" content="Generated by create next app" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" href="/favicon.ico" />
+        <meta name="description" content="Generated by create next app"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1"/>
+        <link rel="icon" href="/favicon.ico"/>
       </Head>
       <div>Hello</div>
-    </>
-  );
+    </>);
 }

package/dist/styles/animations/index.jsx

@@ -1,36 +1,8 @@
-import { keyframes } from 'styled-components';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
-  };
-
-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',
-      ]
-    ))
-);
+};
+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/index.js

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

package/dist/styles/typography/index.jsx

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

package/dist/system/ActiveLink/index.jsx

@@ -1,52 +1,34 @@
+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 __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;
-  };
-
 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}>
+    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>
-  );
+            className: className || null,
+        })}
+    </Link>);
 };
 // Export
 export default ActiveLink;

package/dist/system/Alert/index.jsx

@@ -1,21 +1,15 @@
 import AlertUi from '@ludo.ninja/ui/build/system/Alert';
-
 import { useUiStore } from '@/store/ui';
-
 // Component
 var Alert = function () {
-  var _a = useUiStore(function (state) {
-      return {
+    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} />;
+    }); }), 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/BasicOverlay/index.jsx

@@ -1,33 +1,14 @@
+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';
-
-var __makeTemplateObject =
-  (this && this.__makeTemplateObject) ||
-  function (cooked, raw) {
-    if (Object.defineProperty) {
-      Object.defineProperty(cooked, 'raw', { value: raw });
-    } else {
-      cooked.raw = raw;
-    }
-    return cooked;
-  };
-
 // 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',
-      ]
-    ))
-);
+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" />;
+    return <StyledBasicOverlay data-testid="basic-overlay"/>;
 };
 // Export
 export default BasicOverlay;

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

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

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

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

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

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

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

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