@ludo.ninja/components 1.1.4 → 1.1.6

package/dist/store/ui/index.js

@@ -1,333 +1,164 @@
-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) {
+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];
+            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);
-          });
-    }
+};
+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());
+        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]);
-      };
-    }
+};
+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 };
+        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++) {
+};
+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];
+            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:
+};
+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';
+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*/];
+                        return [2 /*return*/];
                     }
                     _a.label = 1;
-                  case 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 [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:
+                case 3:
                     e_1 = _a.sent();
                     isOpenNotification = true;
                     return [3 /*break*/, 4];
-                  case 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 [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*/];
                             });
-                            return [2 /*return*/];
-                          });
-                        });
-                      })(content),
-                    ];
-                  case 5:
+                        }); })(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);
+                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/utils.js

@@ -1,35 +1,28 @@
 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
-  );
+    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 +1,23 @@
 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["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)'),
+    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.js

@@ -0,0 +1,8 @@
+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.js

@@ -0,0 +1 @@
+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.js

@@ -0,0 +1,21 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { createGlobalStyle } from 'styled-components';
+import { GlobalFontsFallback } from '@/fonts/FontsInitializeLayout';
+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/mixins/boxShadow.js

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

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