@ludo.ninja/components 2.0.2 → 2.0.4

package/build/system/Cards/Styles/Content.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 // Styles
 const styled_components_1 = __importDefault(require("styled-components"));
-const colors_1 = require("@/styles/colors");
-const typography_1 = require("@/styles/typography");
+const colors_1 = require("../../../styles/colors");
+const typography_1 = require("../../../styles/typography");
 const StyledContentCard = styled_components_1.default.div `
   display: flex;
   flex-direction: column;

package/build/system/Cards/Styles/Head.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 // Styles
 const StyledCardHead = styled_components_1.default.div `
   position: relative;

package/build/system/Cards/Styles/Headicons.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // Styles
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
 const StyledHeadIcons = styled_components_1.default.div `
   transition: 0.2s opacity ease-out;
   opacity: 0;

package/build/system/Cards/Styles/Image.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const StyledImg = styled_components_1.default.img `
   display: block;
   width: 100%;

package/build/system/Cards/Styles/Likes.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const typography_1 = require("@/styles/typography");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const typography_1 = require("../../../styles/typography");
 // Styles
 const StyledLikes = styled_components_1.default.div `
   display: flex;

package/build/system/Cards/Styles/MultiHead.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 // Styles
 const StyledMultiHead = styled_components_1.default.div `
   display: grid;

package/build/system/CardsHolderWithSkeleton/CardsHolder/CardsError/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
-const animations_1 = require("@/styles/animations");
-const colors_1 = require("@/styles/colors");
-const vars_1 = require("@/fonts/vars");
-const refresh_svg_1 = __importDefault(require("@/public/error/refresh.svg"));
+const animations_1 = require("../../../../styles/animations");
+const colors_1 = require("../../../../styles/colors");
+const vars_1 = require("../../../../fonts/vars");
+const refresh_svg_1 = __importDefault(require("../../../../../public/error/refresh.svg"));
 // Styles
 const StyledCardsError = styled_components_1.default.div `
   padding-top: 24px;

package/build/system/CardsHolderWithSkeleton/CardsHolder/CardsNoResults/index.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
-const colors_1 = require("@/styles/colors");
-const typography_1 = require("@/styles/typography");
-const no_found_svg_1 = __importDefault(require("@/public/search/no_found.svg"));
+const colors_1 = require("../../../../styles/colors");
+const typography_1 = require("../../../../styles/typography");
+const no_found_svg_1 = __importDefault(require("../../../../../public/search/no_found.svg"));
 // Styles
 const StyledNoResults = styled_components_1.default.div `
   user-select: none;

package/build/system/CardsHolderWithSkeleton/CardsHolder/CardsSkeleton/index.js

@@ -8,8 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const Head_1 = __importDefault(require("@/system/Cards/Styles/Head"));
+const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
+const Head_1 = __importDefault(require("../../../Cards/Styles/Head"));
 // Styles
 const StyledCardSkeleton = styled_components_1.default.div `
   .content {

package/build/system/CardsHolderWithSkeleton/CardsHolderLoader/index.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const animations_1 = require("@/styles/animations");
-const scale_1 = require("@/utils/adaptive/scale");
-const screen_1 = require("@/utils/screen");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const animations_1 = require("../../../styles/animations");
+const scale_1 = require("../../../utils/adaptive/scale");
+const screen_1 = require("../../../utils/screen");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const loader_svg_1 = __importDefault(require("@/public/cardsHolderLoader/loader.svg"));
+const loader_svg_1 = __importDefault(require("../../../../public/cardsHolderLoader/loader.svg"));
 // Styles
 const StyledCardsHolderLoader = styled_components_1.default.div `
   box-sizing: border-box;

package/build/system/DropDown/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
-const colors_1 = require("@/styles/colors");
-const arrow_down_svg_1 = __importDefault(require("@/public/dropDown/arrow_down.svg"));
+const colors_1 = require("../../styles/colors");
+const arrow_down_svg_1 = __importDefault(require("../../../public/dropDown/arrow_down.svg"));
 // Styles
 const StyledDropDown = styled_components_1.default.div `
   border-bottom: 1px solid ${colors_1.InactiveButtonColor};

package/build/system/Forms/Checkbox/Checkbox.test.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("@testing-library/jest-dom/extend-expect");
 const react_1 = require("@testing-library/react");
-const index_1 = __importDefault(require("@/system/Forms/Checkbox/index"));
+const index_1 = __importDefault(require("./index"));
 jest.mock('../ErrorLabel', () => ({
     __esModule: true,
     default: ({ children }) => ((0, jsx_runtime_1.jsx)("div", { "data-testid": "error-label", children: children })),

package/build/system/Forms/Checkbox/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
-const colors_1 = require("@/styles/colors");
-const ErrorLabel_1 = __importDefault(require("@/system/Forms/ErrorLabel"));
-const Input_1 = require("@/system/Forms/Input");
+const colors_1 = require("../../../styles/colors");
+const ErrorLabel_1 = __importDefault(require("../ErrorLabel"));
+const Input_1 = require("../Input");
 const BasicCheckbox = styled_components_1.default.label `
   display: flex;
   align-items: center;

package/build/system/Forms/DatePicker/index.js

@@ -12,12 +12,12 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
 const boxShadow_1 = __importDefault(require("@ludo.ninja/ui/build/styles/mixins/boxShadow"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_2 = require("@/styles/colors");
-const typography_1 = require("@/styles/typography");
-const vars_1 = require("@/fonts/vars");
-const calendar_svg_1 = __importDefault(require("@/public/calendar.svg"));
-const close20_svg_1 = __importDefault(require("@/public/close20.svg"));
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_2 = require("../../../styles/colors");
+const typography_1 = require("../../../styles/typography");
+const vars_1 = require("../../../fonts/vars");
+const calendar_svg_1 = __importDefault(require("../../../../public/calendar.svg"));
+const close20_svg_1 = __importDefault(require("../../../../public/close20.svg"));
 const ErrorLabel_1 = __importDefault(require("../ErrorLabel"));
 // Styles
 const StyledReactDatePicker = (0, styled_components_1.default)(react_date_picker_1.default) `

package/build/system/Forms/ErrorLabel/ErrorLabel.test.js

@@ -7,7 +7,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 require("@testing-library/jest-dom");
 const react_2 = require("@testing-library/react");
-const index_1 = __importDefault(require("@/system/Forms/ErrorLabel/index"));
+const index_1 = __importDefault(require("./index"));
 describe('ErrorLabel Component', () => {
     test('renders correctly with given children and id', () => {
         react_1.default.act(() => {

package/build/system/Forms/ErrorLabel/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const StyledLabel = styled_components_1.default.div `
   user-select: none;
   padding-top: 8px;

package/build/system/Forms/Input/Input.test.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("@testing-library/jest-dom");
 const react_1 = require("@testing-library/react");
-const colors_1 = require("@/styles/colors");
-const index_1 = __importDefault(require("@/system/Forms/Input/index"));
+const colors_1 = require("../../../styles/colors");
+const index_1 = __importDefault(require("./index"));
 jest.mock('../ErrorLabel', () => ({
     __esModule: true,
     default: ({ children }) => ((0, jsx_runtime_1.jsx)("div", { "data-testid": "error-label", children: children })),

package/build/system/Forms/Input/index.js

@@ -8,11 +8,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_2 = require("@/styles/colors");
-const typography_1 = require("@/styles/typography");
-const ErrorLabel_1 = __importDefault(require("@/system/Forms/ErrorLabel"));
-const vars_1 = require("@/fonts/vars");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_2 = require("../../../styles/colors");
+const typography_1 = require("../../../styles/typography");
+const ErrorLabel_1 = __importDefault(require("../ErrorLabel"));
+const vars_1 = require("../../../fonts/vars");
 // Styles
 exports.StyledInput = styled_components_1.default.input `
   font-family: ${vars_1.dmsansFontVarCss.css};

package/build/system/Forms/RadioInput/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
-const colors_2 = require("@/styles/colors");
-const Input_1 = require("@/system/Forms/Input");
+const colors_2 = require("../../../styles/colors");
+const Input_1 = require("../Input");
 const StyledLabel = styled_components_1.default.label `
   position: relative;
   padding: 8px 0 8px 27px;

package/build/system/Forms/Selects/DesktopSelect/index.js

@@ -28,17 +28,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const typography_1 = require("@/styles/typography");
-const scale_1 = require("@/utils/adaptive/scale");
-const screen_1 = require("@/utils/screen");
+const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
+const colors_1 = require("../../../../styles/colors");
+const typography_1 = require("../../../../styles/typography");
+const scale_1 = require("../../../../utils/adaptive/scale");
+const screen_1 = require("../../../../utils/screen");
 const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
 const react_select_1 = __importStar(require("react-select"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const vars_1 = require("@/fonts/vars");
-const arrow_down_svg_1 = __importDefault(require("@/public/selects/arrow_down.svg"));
+const vars_1 = require("../../../../fonts/vars");
+const arrow_down_svg_1 = __importDefault(require("../../../../../public/selects/arrow_down.svg"));
 const SelectElement = (0, styled_components_1.default)(react_select_1.default) `
   font-family: ${vars_1.dmsansFontVarCss.css};
 

package/build/system/Forms/Selects/MobileSelect/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const router_1 = require("next/router");
-const DropDown_1 = __importDefault(require("@/system/DropDown"));
-const RadioInput_1 = __importDefault(require("@/system/Forms/RadioInput"));
+const DropDown_1 = __importDefault(require("../../../DropDown"));
+const RadioInput_1 = __importDefault(require("../../RadioInput"));
 // Component
 const MobileSelect = ({ options, onChangeHandler, name, defaultOptionValue, }) => {
     const [selectedOption, setSelectedOption] = (0, react_1.useState)(options[0]);

package/build/system/Forms/TextArea/TextArea.test.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("@testing-library/jest-dom");
 const react_1 = require("@testing-library/react");
-const colors_1 = require("@/styles/colors");
-const index_1 = __importDefault(require("@/system/Forms/TextArea/index"));
+const colors_1 = require("../../../styles/colors");
+const index_1 = __importDefault(require("./index"));
 jest.mock('../ErrorLabel', () => ({
     __esModule: true,
     default: ({ children }) => ((0, jsx_runtime_1.jsx)("div", { "data-testid": "error-label", children: children })),

package/build/system/Forms/TextArea/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const typography_1 = require("@/styles/typography");
-const vars_1 = require("@/fonts/vars");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const typography_1 = require("../../../styles/typography");
+const vars_1 = require("../../../fonts/vars");
 const ErrorLabel_1 = __importDefault(require("../ErrorLabel"));
 // Styles
 const StyledTextArea = styled_components_1.default.textarea `

package/build/system/Img/Profilepic/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProfilePic = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const image_1 = __importDefault(require("next/image"));
-const check4k_1 = require("@/utils/adaptive/check4k");
-const screen_1 = require("@/utils/screen");
+const check4k_1 = require("../../../utils/adaptive/check4k");
+const screen_1 = require("../../../utils/screen");
 const styled_components_1 = __importDefault(require("styled-components"));
-const ImageInterceptor_1 = require("@/system/Img/ImageInterceptor");
+const ImageInterceptor_1 = require("../ImageInterceptor");
 const StyledProfilePic = (0, styled_components_1.default)(image_1.default) `
   border-radius: 50%;
 `;

package/build/system/Img/Userpic/UserPic.test.js

@@ -7,9 +7,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@testing-library/jest-dom/extend-expect");
 const react_1 = require("@testing-library/react");
 require("jest-styled-components");
-const store_1 = require("@/modules/user/store");
-const index_1 = __importDefault(require("@/system/Img/Userpic/index"));
-const useFetchUserPic_1 = __importDefault(require("@/api/server-medias/queries/useFetchUserPic"));
+const store_1 = require("../../../modules/user/store");
+const index_1 = __importDefault(require("./index"));
+const useFetchUserPic_1 = __importDefault(require("../../../api/server-medias/queries/useFetchUserPic"));
 jest.mock('@/modules/user/store');
 jest.mock('@/api/server-medias/queries/useFetchUserPic');
 jest.mock('@/utils/env', () => ({

package/build/system/Img/Userpic/index.js

@@ -10,13 +10,13 @@ const link_1 = __importDefault(require("next/link"));
 const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const store_1 = require("@/modules/user/store");
-const env_1 = require("@/store/env");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const boxTransform_1 = __importDefault(require("@/styles/mixins/boxTransform"));
-const ImageInterceptor_1 = require("@/system/Img/ImageInterceptor");
-const useFetchUserPic_1 = __importDefault(require("@/api/server-medias/queries/useFetchUserPic"));
-const defaultUserpic_svg_1 = __importDefault(require("@/public/defaultUserpics/defaultUserpic.svg"));
+const store_1 = require("../../../modules/user/store");
+const env_1 = require("../../../store/env");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const boxTransform_1 = __importDefault(require("../../../styles/mixins/boxTransform"));
+const ImageInterceptor_1 = require("../ImageInterceptor");
+const useFetchUserPic_1 = __importDefault(require("../../../api/server-medias/queries/useFetchUserPic"));
+const defaultUserpic_svg_1 = __importDefault(require("../../../../public/defaultUserpics/defaultUserpic.svg"));
 // Styles
 const StyledHeaderUserPic = styled_components_1.default.div `
   ${(props) => (props.isNeedBoxTransform ? boxTransform_1.default : null)}

package/build/system/Img/index.js

@@ -14,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("@/system/Img/ExternalImage"), exports);
-__exportStar(require("@/system/Img/Userpic"), exports);
-__exportStar(require("@/system/Img/Profilepic"), exports);
+__exportStar(require("./ExternalImage"), exports);
+__exportStar(require("./Userpic"), exports);
+__exportStar(require("./Profilepic"), exports);

package/build/system/Labels/ExperienceLabel/index.js

@@ -8,11 +8,11 @@ const image_1 = __importDefault(require("next/image"));
 const link_1 = __importDefault(require("next/link"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const boxShadow_1 = __importDefault(require("@/styles/mixins/boxShadow"));
-const boxTransform_1 = __importDefault(require("@/styles/mixins/boxTransform"));
-const SkeletonLabel_1 = __importDefault(require("@/system/Labels/SkeletonLabel"));
-const vars_1 = require("@/fonts/vars");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const boxShadow_1 = __importDefault(require("../../../styles/mixins/boxShadow"));
+const boxTransform_1 = __importDefault(require("../../../styles/mixins/boxTransform"));
+const SkeletonLabel_1 = __importDefault(require("../SkeletonLabel"));
+const vars_1 = require("../../../fonts/vars");
 // Styles
 const StyledExpTab = (0, styled_components_1.default)(link_1.default) `
   ${boxShadow_1.default};

package/build/system/Labels/InviteLabel/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const link_1 = __importDefault(require("next/link"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const boxShadow_1 = __importDefault(require("@/styles/mixins/boxShadow"));
-const boxTransform_1 = __importDefault(require("@/styles/mixins/boxTransform"));
-const SkeletonLabel_1 = __importDefault(require("@/system/Labels/SkeletonLabel"));
-const vars_1 = require("@/fonts/vars");
+const boxShadow_1 = __importDefault(require("../../../styles/mixins/boxShadow"));
+const boxTransform_1 = __importDefault(require("../../../styles/mixins/boxTransform"));
+const SkeletonLabel_1 = __importDefault(require("../SkeletonLabel"));
+const vars_1 = require("../../../fonts/vars");
 // Styles
 const StyledExpTab = (0, styled_components_1.default)(link_1.default) `
   ${boxShadow_1.default};

package/build/system/Modals/Modal/Modal.test.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("@testing-library/jest-dom");
 const react_1 = require("@testing-library/react");
-const ui_1 = require("@/store/ui");
-const index_1 = __importDefault(require("@/system/Modals/Modal/index"));
+const ui_1 = require("../../../store/ui");
+const index_1 = __importDefault(require("./index"));
 jest.mock('@/store/ui');
 describe('Modal Component', () => {
     afterEach(react_1.cleanup);

package/build/system/Modals/Modal/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ui_1 = require("@/store/ui");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const z_indexes_1 = require("@/styles/mixins/z-indexes");
+const ui_1 = require("../../../store/ui");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const z_indexes_1 = require("../../../styles/mixins/z-indexes");
 // import ModalCloseIcon from '@/public/modal/close.svg';
 const StyledModal = styled_components_1.default.div `
   min-height: 250px;

package/build/system/Modals/ModalSidebar/CreatorModalSidebarPortal.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreatorModalSidebarPortal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const dynamic_1 = __importDefault(require("next/dynamic"));
-const ui_1 = require("@/store/ui");
+const ui_1 = require("../../../store/ui");
 // add first load chunk when component needed
 const ModalSidebarPortal = (0, dynamic_1.default)(() => Promise.resolve().then(() => __importStar(require('./ModalSidebarPortal'))).then((_) => _.ModalSidebarPortal));
 // minimize dom tree for optimize virtualization

package/build/system/Modals/ModalSidebar/ModalSidebar.test.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("@testing-library/jest-dom");
 const react_1 = require("@testing-library/react");
-const ui_1 = require("@/store/ui");
+const ui_1 = require("../../../store/ui");
 const index_1 = __importDefault(require("./index"));
 jest.mock('@/store/ui');
 describe('Modal Component', () => {

package/build/system/Modals/ModalSidebar/ModalSidebarPortal.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalSidebarPortal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("@ludo.ninja/utils");
-const index_1 = require("@/system/Modals/ModalSidebar/index");
+const index_1 = require("./index");
 // import ModalCloseIcon from '@/public/modal/close.svg';
 // minimize dom tree for optimize virtualization
 const ModalSidebarPortal = ({ component, closeModal, }) => ((0, jsx_runtime_1.jsx)(utils_1.PortalCreator, { children: (0, jsx_runtime_1.jsxs)(index_1.StyledModalSidebar, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/modal/close.svg", alt: "close", width: 24, height: 24, className: 'modalCloseIcon', onClick: closeModal }), (0, jsx_runtime_1.jsx)("div", { className: "modalContent", children: component })] }) }));

package/build/system/Modals/ModalSidebar/index.js

@@ -7,10 +7,10 @@ exports.StyledModalSidebar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ui_1 = require("@/store/ui");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const z_indexes_1 = require("@/styles/mixins/z-indexes");
+const ui_1 = require("../../../store/ui");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const z_indexes_1 = require("../../../styles/mixins/z-indexes");
 // import ModalCloseIcon from '@/public/modal/close.svg';
 exports.StyledModalSidebar = styled_components_1.default.div `
   min-height: 300px;

package/build/system/Overlay/Overlay.test.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("@testing-library/jest-dom/extend-expect");
 const react_1 = require("@testing-library/react");
-const ui_1 = require("@/store/ui");
+const ui_1 = require("../../store/ui");
 const index_1 = __importDefault(require("./index"));
 // Mocking dependencies
 jest.mock('@/store/ui');

package/build/system/Overlay/index.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
-const ui_1 = require("@/store/ui");
-const colors_1 = require("@/styles/colors");
-const z_indexes_1 = require("@/styles/mixins/z-indexes");
+const ui_1 = require("../../store/ui");
+const colors_1 = require("../../styles/colors");
+const z_indexes_1 = require("../../styles/mixins/z-indexes");
 // Styles
 const StyledOverlay = styled_components_1.default.div `
   position: fixed;

package/build/system/ShareIconResize.js

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShareIconResize = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const scale_1 = require("@/utils/adaptive/scale");
-const screen_1 = require("@/utils/screen");
+const ScreenWidth_1 = require("../styles/ScreenWidth");
+const scale_1 = require("../utils/adaptive/scale");
+const screen_1 = require("../utils/screen");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const share_svg_1 = __importDefault(require("@/public/iconButton/share.svg"));
+const share_svg_1 = __importDefault(require("../../public/iconButton/share.svg"));
 const SIcon = styled_components_1.default.div `
   display: flex;
   align-items: center;

package/build/system/Tabs/TabNavLink/TabNavLink.test.js

@@ -7,7 +7,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@testing-library/jest-dom/extend-expect");
 const react_1 = require("@testing-library/react");
 require("jest-styled-components");
-const colors_1 = require("@/styles/colors");
+const colors_1 = require("../../../styles/colors");
 const index_1 = __importDefault(require("./index"));
 // Mock data
 const tabNavLink = { label: 'Tab 1', value: 'tab1', id: 1 };

package/build/system/Tabs/TabNavLink/index.js

@@ -7,10 +7,10 @@ exports.StyledTabsNavLink = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const ScreenWidth_1 = require("@/styles/ScreenWidth");
-const colors_1 = require("@/styles/colors");
-const typography_1 = require("@/styles/typography");
-const vars_1 = require("@/fonts/vars");
+const ScreenWidth_1 = require("../../../styles/ScreenWidth");
+const colors_1 = require("../../../styles/colors");
+const typography_1 = require("../../../styles/typography");
+const vars_1 = require("../../../fonts/vars");
 // Styles
 exports.StyledTabsNavLink = styled_components_1.default.div `
   font-family: ${vars_1.poppinsFontVarCss.css};

package/build/system/Tabs/TabsNav/TabsNav.test.js

@@ -7,7 +7,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@testing-library/jest-dom/extend-expect");
 const react_1 = require("@testing-library/react");
 require("jest-styled-components");
-const colors_1 = require("@/styles/colors");
+const colors_1 = require("../../../styles/colors");
 const index_1 = __importDefault(require("./index"));
 // Mock data
 const tabsData = [

package/build/system/Tabs/TabsNav/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledTabsNav = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
-const TabNavLink_1 = __importDefault(require("@/system/Tabs/TabNavLink"));
+const TabNavLink_1 = __importDefault(require("../TabNavLink"));
 // Styles
 exports.StyledTabsNav = styled_components_1.default.div `
   position: relative;