diff options
Diffstat (limited to 'src/components/molecules')
78 files changed, 126 insertions, 127 deletions
diff --git a/src/components/molecules/buttons/back-to-top.module.scss b/src/components/molecules/buttons/back-to-top.module.scss index 77ee97b..f5b3acd 100644 --- a/src/components/molecules/buttons/back-to-top.module.scss +++ b/src/components/molecules/buttons/back-to-top.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .wrapper { .link { diff --git a/src/components/molecules/buttons/back-to-top.test.tsx b/src/components/molecules/buttons/back-to-top.test.tsx index 827c2a8..c03ccb2 100644 --- a/src/components/molecules/buttons/back-to-top.test.tsx +++ b/src/components/molecules/buttons/back-to-top.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import BackToTop from './back-to-top'; describe('BackToTop', () => { diff --git a/src/components/molecules/buttons/back-to-top.tsx b/src/components/molecules/buttons/back-to-top.tsx index ad5c674..f422444 100644 --- a/src/components/molecules/buttons/back-to-top.tsx +++ b/src/components/molecules/buttons/back-to-top.tsx @@ -1,9 +1,9 @@ -import ButtonLink, { - type ButtonLinkProps, -} from '@components/atoms/buttons/button-link'; -import Arrow from '@components/atoms/icons/arrow'; import { FC } from 'react'; import { useIntl } from 'react-intl'; +import ButtonLink, { + type ButtonLinkProps, +} from '../../atoms/buttons/button-link'; +import Arrow from '../../atoms/icons/arrow'; import styles from './back-to-top.module.scss'; export type BackToTopProps = Pick<ButtonLinkProps, 'target'> & { diff --git a/src/components/molecules/buttons/heading-button.module.scss b/src/components/molecules/buttons/heading-button.module.scss index 3c69221..689f1e6 100644 --- a/src/components/molecules/buttons/heading-button.module.scss +++ b/src/components/molecules/buttons/heading-button.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .icon { transition: all 0.25s ease-in-out 0s; diff --git a/src/components/molecules/buttons/heading-button.stories.tsx b/src/components/molecules/buttons/heading-button.stories.tsx index 59f7be9..d1b5ed4 100644 --- a/src/components/molecules/buttons/heading-button.stories.tsx +++ b/src/components/molecules/buttons/heading-button.stories.tsx @@ -1,4 +1,3 @@ -import headingStories from '@components/atoms/headings/heading.stories'; import { ComponentMeta, ComponentStory } from '@storybook/react'; import { useState } from 'react'; import HeadingButtonComponent from './heading-button'; diff --git a/src/components/molecules/buttons/heading-button.test.tsx b/src/components/molecules/buttons/heading-button.test.tsx index d8da748..5dcc4cc 100644 --- a/src/components/molecules/buttons/heading-button.test.tsx +++ b/src/components/molecules/buttons/heading-button.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import HeadingButton from './heading-button'; describe('HeadingButton', () => { diff --git a/src/components/molecules/buttons/heading-button.tsx b/src/components/molecules/buttons/heading-button.tsx index 0ed9a76..cefd179 100644 --- a/src/components/molecules/buttons/heading-button.tsx +++ b/src/components/molecules/buttons/heading-button.tsx @@ -1,7 +1,7 @@ -import Heading, { type HeadingProps } from '@components/atoms/headings/heading'; -import PlusMinus from '@components/atoms/icons/plus-minus'; import { FC, SetStateAction } from 'react'; import { useIntl } from 'react-intl'; +import Heading, { type HeadingProps } from '../../atoms/headings/heading'; +import PlusMinus from '../../atoms/icons/plus-minus'; import styles from './heading-button.module.scss'; export type HeadingButtonProps = Pick<HeadingProps, 'level'> & { diff --git a/src/components/molecules/buttons/help-button.module.scss b/src/components/molecules/buttons/help-button.module.scss index 42d49f6..fb28b57 100644 --- a/src/components/molecules/buttons/help-button.module.scss +++ b/src/components/molecules/buttons/help-button.module.scss @@ -1,5 +1,4 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; +@use "../../../styles/abstracts/mixins" as mix; .btn { padding: var(--spacing-xs); diff --git a/src/components/molecules/buttons/help-button.test.tsx b/src/components/molecules/buttons/help-button.test.tsx index 0f8770e..67472f1 100644 --- a/src/components/molecules/buttons/help-button.test.tsx +++ b/src/components/molecules/buttons/help-button.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import HelpButton from './help-button'; describe('Help', () => { diff --git a/src/components/molecules/buttons/help-button.tsx b/src/components/molecules/buttons/help-button.tsx index ec89f4e..6178317 100644 --- a/src/components/molecules/buttons/help-button.tsx +++ b/src/components/molecules/buttons/help-button.tsx @@ -1,6 +1,6 @@ -import Button, { type ButtonProps } from '@components/atoms/buttons/button'; import { forwardRef, ForwardRefRenderFunction } from 'react'; import { useIntl } from 'react-intl'; +import Button, { type ButtonProps } from '../../atoms/buttons/button'; import styles from './help-button.module.scss'; export type HelpButtonProps = Pick< diff --git a/src/components/molecules/forms/ackee-toggle.test.tsx b/src/components/molecules/forms/ackee-toggle.test.tsx index 5bcd018..a4d36b3 100644 --- a/src/components/molecules/forms/ackee-toggle.test.tsx +++ b/src/components/molecules/forms/ackee-toggle.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import AckeeToggle from './ackee-toggle'; import { storageKey } from './ackee-toggle.fixture'; diff --git a/src/components/molecules/forms/ackee-toggle.tsx b/src/components/molecules/forms/ackee-toggle.tsx index 67a3644..ba77c10 100644 --- a/src/components/molecules/forms/ackee-toggle.tsx +++ b/src/components/molecules/forms/ackee-toggle.tsx @@ -1,9 +1,9 @@ -import useLocalStorage from '@utils/hooks/use-local-storage'; -import useUpdateAckeeOptions, { - type AckeeOptions, -} from '@utils/hooks/use-update-ackee-options'; import { FC } from 'react'; import { useIntl } from 'react-intl'; +import useLocalStorage from '../../../utils/hooks/use-local-storage'; +import useUpdateAckeeOptions, { + type AckeeOptions, +} from '../../../utils/hooks/use-update-ackee-options'; import RadioGroup, { type RadioGroupCallback, type RadioGroupCallbackProps, diff --git a/src/components/molecules/forms/fieldset.test.tsx b/src/components/molecules/forms/fieldset.test.tsx index cfddc9e..aec7a51 100644 --- a/src/components/molecules/forms/fieldset.test.tsx +++ b/src/components/molecules/forms/fieldset.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import Fieldset from './fieldset'; import { body, legend, Tooltip } from './fieldset.fixture'; diff --git a/src/components/molecules/forms/fieldset.tsx b/src/components/molecules/forms/fieldset.tsx index 961ec6d..4cbf71d 100644 --- a/src/components/molecules/forms/fieldset.tsx +++ b/src/components/molecules/forms/fieldset.tsx @@ -1,4 +1,3 @@ -import useOnClickOutside from '@utils/hooks/use-on-click-outside'; import { cloneElement, FC, @@ -7,6 +6,7 @@ import { useRef, useState, } from 'react'; +import useOnClickOutside from '../../../utils/hooks/use-on-click-outside'; import HelpButton from '../buttons/help-button'; import Tooltip from '../modals/tooltip'; import styles from './fieldset.module.scss'; diff --git a/src/components/molecules/forms/flipping-label.module.scss b/src/components/molecules/forms/flipping-label.module.scss index e650ebe..b0452fe 100644 --- a/src/components/molecules/forms/flipping-label.module.scss +++ b/src/components/molecules/forms/flipping-label.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .label { display: block; diff --git a/src/components/molecules/forms/flipping-label.stories.tsx b/src/components/molecules/forms/flipping-label.stories.tsx index b8d17ec..9391fd2 100644 --- a/src/components/molecules/forms/flipping-label.stories.tsx +++ b/src/components/molecules/forms/flipping-label.stories.tsx @@ -1,6 +1,6 @@ -import MagnifyingGlass from '@components/atoms/icons/magnifying-glass'; import { ComponentMeta, ComponentStory } from '@storybook/react'; import { useState } from 'react'; +import MagnifyingGlass from '../../atoms/icons/magnifying-glass'; import FlippingLabel from './flipping-label'; export default { diff --git a/src/components/molecules/forms/flipping-label.test.tsx b/src/components/molecules/forms/flipping-label.test.tsx index a1aab97..61864fd 100644 --- a/src/components/molecules/forms/flipping-label.test.tsx +++ b/src/components/molecules/forms/flipping-label.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import FlippingLabel from './flipping-label'; describe('FlippingLabel', () => { diff --git a/src/components/molecules/forms/flipping-label.tsx b/src/components/molecules/forms/flipping-label.tsx index 12f8d8d..ca83c6d 100644 --- a/src/components/molecules/forms/flipping-label.tsx +++ b/src/components/molecules/forms/flipping-label.tsx @@ -1,6 +1,6 @@ -import Label, { LabelProps } from '@components/atoms/forms/label'; -import Close from '@components/atoms/icons/close'; import { FC } from 'react'; +import Label, { LabelProps } from '../../atoms/forms/label'; +import Close from '../../atoms/icons/close'; import styles from './flipping-label.module.scss'; export type FlippingLabelProps = Pick< diff --git a/src/components/molecules/forms/labelled-boolean-field.test.tsx b/src/components/molecules/forms/labelled-boolean-field.test.tsx index 7e01853..4e7728c 100644 --- a/src/components/molecules/forms/labelled-boolean-field.test.tsx +++ b/src/components/molecules/forms/labelled-boolean-field.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import LabelledBooleanField from './labelled-boolean-field'; import { label } from './labelled-boolean-field.fixture'; diff --git a/src/components/molecules/forms/labelled-boolean-field.tsx b/src/components/molecules/forms/labelled-boolean-field.tsx index 46eb080..661e549 100644 --- a/src/components/molecules/forms/labelled-boolean-field.tsx +++ b/src/components/molecules/forms/labelled-boolean-field.tsx @@ -1,8 +1,8 @@ +import { FC } from 'react'; import BooleanField, { type BooleanFieldProps, -} from '@components/atoms/forms/boolean-field'; -import Label, { type LabelProps } from '@components/atoms/forms/label'; -import { FC } from 'react'; +} from '../../atoms/forms/boolean-field'; +import Label, { type LabelProps } from '../../atoms/forms/label'; import styles from './labelled-boolean-field.module.scss'; export type LabelledBooleanFieldProps = Omit< diff --git a/src/components/molecules/forms/labelled-field.test.tsx b/src/components/molecules/forms/labelled-field.test.tsx index 030ec7c..97681dc 100644 --- a/src/components/molecules/forms/labelled-field.test.tsx +++ b/src/components/molecules/forms/labelled-field.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import LabelledField from './labelled-field'; describe('LabelledField', () => { diff --git a/src/components/molecules/forms/labelled-field.tsx b/src/components/molecules/forms/labelled-field.tsx index 6a00a3e..63c91fe 100644 --- a/src/components/molecules/forms/labelled-field.tsx +++ b/src/components/molecules/forms/labelled-field.tsx @@ -1,6 +1,6 @@ -import Field, { type FieldProps } from '@components/atoms/forms/field'; -import Label from '@components/atoms/forms/label'; import { forwardRef, ForwardRefRenderFunction } from 'react'; +import Field, { type FieldProps } from '../../atoms/forms/field'; +import Label from '../../atoms/forms/label'; import styles from './labelled-field.module.scss'; export type LabelledFieldProps = FieldProps & { diff --git a/src/components/molecules/forms/labelled-select.test.tsx b/src/components/molecules/forms/labelled-select.test.tsx index 1346e7c..3823117 100644 --- a/src/components/molecules/forms/labelled-select.test.tsx +++ b/src/components/molecules/forms/labelled-select.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import LabelledSelect from './labelled-select'; const selectOptions = [ diff --git a/src/components/molecules/forms/labelled-select.tsx b/src/components/molecules/forms/labelled-select.tsx index 23057d0..a12956c 100644 --- a/src/components/molecules/forms/labelled-select.tsx +++ b/src/components/molecules/forms/labelled-select.tsx @@ -1,6 +1,6 @@ -import Label, { type LabelProps } from '@components/atoms/forms/label'; -import Select, { type SelectProps } from '@components/atoms/forms/select'; import { FC } from 'react'; +import Label, { type LabelProps } from '../../atoms/forms/label'; +import Select, { type SelectProps } from '../../atoms/forms/select'; import styles from './labelled-select.module.scss'; export type LabelledSelectProps = Omit< diff --git a/src/components/molecules/forms/motion-toggle.test.tsx b/src/components/molecules/forms/motion-toggle.test.tsx index 8b66758..f6cf3ac 100644 --- a/src/components/molecules/forms/motion-toggle.test.tsx +++ b/src/components/molecules/forms/motion-toggle.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import MotionToggle from './motion-toggle'; import { storageKey } from './motion-toggle.fixture'; diff --git a/src/components/molecules/forms/motion-toggle.tsx b/src/components/molecules/forms/motion-toggle.tsx index ad47b33..7e150ca 100644 --- a/src/components/molecules/forms/motion-toggle.tsx +++ b/src/components/molecules/forms/motion-toggle.tsx @@ -1,7 +1,7 @@ -import useAttributes from '@utils/hooks/use-attributes'; -import useLocalStorage from '@utils/hooks/use-local-storage'; import { FC } from 'react'; import { useIntl } from 'react-intl'; +import useAttributes from '../../../utils/hooks/use-attributes'; +import useLocalStorage from '../../../utils/hooks/use-local-storage'; import RadioGroup, { type RadioGroupCallback, type RadioGroupCallbackProps, diff --git a/src/components/molecules/forms/prism-theme-toggle.test.tsx b/src/components/molecules/forms/prism-theme-toggle.test.tsx index 1fc537b..a488720 100644 --- a/src/components/molecules/forms/prism-theme-toggle.test.tsx +++ b/src/components/molecules/forms/prism-theme-toggle.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import PrismThemeToggle from './prism-theme-toggle'; describe('PrismThemeToggle', () => { diff --git a/src/components/molecules/forms/prism-theme-toggle.tsx b/src/components/molecules/forms/prism-theme-toggle.tsx index 5a4d8a9..b058230 100644 --- a/src/components/molecules/forms/prism-theme-toggle.tsx +++ b/src/components/molecules/forms/prism-theme-toggle.tsx @@ -1,8 +1,11 @@ -import Moon from '@components/atoms/icons/moon'; -import Sun from '@components/atoms/icons/sun'; -import { type PrismTheme, usePrismTheme } from '@utils/providers/prism-theme'; import { FC } from 'react'; import { useIntl } from 'react-intl'; +import { + type PrismTheme, + usePrismTheme, +} from '../../../utils/providers/prism-theme'; +import Moon from '../../atoms/icons/moon'; +import Sun from '../../atoms/icons/sun'; import RadioGroup, { type RadioGroupCallback, type RadioGroupCallbackProps, diff --git a/src/components/molecules/forms/radio-group.module.scss b/src/components/molecules/forms/radio-group.module.scss index f363d1b..cadff46 100644 --- a/src/components/molecules/forms/radio-group.module.scss +++ b/src/components/molecules/forms/radio-group.module.scss @@ -1,5 +1,5 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; +@use "../../../styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/mixins" as mix; .wrapper { &--inline { diff --git a/src/components/molecules/forms/radio-group.test.tsx b/src/components/molecules/forms/radio-group.test.tsx index fda505b..9fb4249 100644 --- a/src/components/molecules/forms/radio-group.test.tsx +++ b/src/components/molecules/forms/radio-group.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import RadioGroup from './radio-group'; import { getOptions, initialChoice, legend } from './radio-group.fixture'; diff --git a/src/components/molecules/forms/radio-group.tsx b/src/components/molecules/forms/radio-group.tsx index 3930908..7f47673 100644 --- a/src/components/molecules/forms/radio-group.tsx +++ b/src/components/molecules/forms/radio-group.tsx @@ -1,8 +1,6 @@ -import Fieldset, { - type FieldsetProps, -} from '@components/molecules/forms/fieldset'; -import useStateChange from '@utils/hooks/use-state-change'; import { ChangeEvent, FC, MouseEvent, SetStateAction } from 'react'; +import useStateChange from '../../../utils/hooks/use-state-change'; +import Fieldset, { type FieldsetProps } from '../forms/fieldset'; import LabelledBooleanField, { type LabelledBooleanFieldProps, } from './labelled-boolean-field'; diff --git a/src/components/molecules/forms/theme-toggle.test.tsx b/src/components/molecules/forms/theme-toggle.test.tsx index 7c056b8..d379423 100644 --- a/src/components/molecules/forms/theme-toggle.test.tsx +++ b/src/components/molecules/forms/theme-toggle.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import ThemeToggle from './theme-toggle'; describe('ThemeToggle', () => { diff --git a/src/components/molecules/forms/theme-toggle.tsx b/src/components/molecules/forms/theme-toggle.tsx index 6a676a9..e0a6683 100644 --- a/src/components/molecules/forms/theme-toggle.tsx +++ b/src/components/molecules/forms/theme-toggle.tsx @@ -1,8 +1,8 @@ -import Moon from '@components/atoms/icons/moon'; -import Sun from '@components/atoms/icons/sun'; import { useTheme } from 'next-themes'; import { FC } from 'react'; import { useIntl } from 'react-intl'; +import Moon from '../../atoms/icons/moon'; +import Sun from '../../atoms/icons/sun'; import RadioGroup, { type RadioGroupCallback, type RadioGroupCallbackProps, diff --git a/src/components/molecules/images/flipping-logo.module.scss b/src/components/molecules/images/flipping-logo.module.scss index 89b9499..b3b7c96 100644 --- a/src/components/molecules/images/flipping-logo.module.scss +++ b/src/components/molecules/images/flipping-logo.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .logo { width: var(--logo-size, fun.convert-px(100)); diff --git a/src/components/molecules/images/flipping-logo.test.tsx b/src/components/molecules/images/flipping-logo.test.tsx index 4be69d1..c3ee492 100644 --- a/src/components/molecules/images/flipping-logo.test.tsx +++ b/src/components/molecules/images/flipping-logo.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import FlippingLogo from './flipping-logo'; describe('FlippingLogo', () => { diff --git a/src/components/molecules/images/flipping-logo.tsx b/src/components/molecules/images/flipping-logo.tsx index 0d59a55..a739b30 100644 --- a/src/components/molecules/images/flipping-logo.tsx +++ b/src/components/molecules/images/flipping-logo.tsx @@ -1,6 +1,6 @@ -import Logo, { type LogoProps } from '@components/atoms/images/logo'; import Image, { type ImageProps } from 'next/image'; import { ForwardedRef, forwardRef, ForwardRefRenderFunction } from 'react'; +import Logo, { type LogoProps } from '../../atoms/images/logo'; import styles from './flipping-logo.module.scss'; export type FlippingLogoProps = { diff --git a/src/components/molecules/images/responsive-image.module.scss b/src/components/molecules/images/responsive-image.module.scss index 7f5fafd..e4ed4aa 100644 --- a/src/components/molecules/images/responsive-image.module.scss +++ b/src/components/molecules/images/responsive-image.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .caption { margin: 0; diff --git a/src/components/molecules/images/responsive-image.test.tsx b/src/components/molecules/images/responsive-image.test.tsx index 9dafbc2..68e810b 100644 --- a/src/components/molecules/images/responsive-image.test.tsx +++ b/src/components/molecules/images/responsive-image.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import ResponsiveImage from './responsive-image'; describe('ResponsiveImage', () => { diff --git a/src/components/molecules/images/responsive-image.tsx b/src/components/molecules/images/responsive-image.tsx index 79e7db4..1160027 100644 --- a/src/components/molecules/images/responsive-image.tsx +++ b/src/components/molecules/images/responsive-image.tsx @@ -1,6 +1,6 @@ -import Link, { type LinkProps } from '@components/atoms/links/link'; import Image, { type ImageProps } from 'next/image'; import { FC, ReactNode } from 'react'; +import Link, { type LinkProps } from '../../atoms/links/link'; import styles from './responsive-image.module.scss'; export type ResponsiveImageProps = Omit< diff --git a/src/components/molecules/layout/branding.module.scss b/src/components/molecules/layout/branding.module.scss index 6121fa1..4d9e32c 100644 --- a/src/components/molecules/layout/branding.module.scss +++ b/src/components/molecules/layout/branding.module.scss @@ -1,5 +1,5 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; +@use "../../../styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/mixins" as mix; @mixin typing-animation { --typing-animation: none; diff --git a/src/components/molecules/layout/branding.test.tsx b/src/components/molecules/layout/branding.test.tsx index f04b963..b3dfaa9 100644 --- a/src/components/molecules/layout/branding.test.tsx +++ b/src/components/molecules/layout/branding.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import Branding from './branding'; describe('Branding', () => { diff --git a/src/components/molecules/layout/branding.tsx b/src/components/molecules/layout/branding.tsx index b351f12..10574ab 100644 --- a/src/components/molecules/layout/branding.tsx +++ b/src/components/molecules/layout/branding.tsx @@ -1,8 +1,8 @@ -import Heading from '@components/atoms/headings/heading'; -import useStyles from '@utils/hooks/use-styles'; import Link from 'next/link'; import { FC, useRef } from 'react'; import { useIntl } from 'react-intl'; +import useStyles from '../../../utils/hooks/use-styles'; +import Heading from '../../atoms/headings/heading'; import FlippingLogo, { type FlippingLogoProps } from '../images/flipping-logo'; import styles from './branding.module.scss'; diff --git a/src/components/molecules/layout/card.module.scss b/src/components/molecules/layout/card.module.scss index 42e9192..8f9f4a5 100644 --- a/src/components/molecules/layout/card.module.scss +++ b/src/components/molecules/layout/card.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .wrapper { --scale-up: 1.05; diff --git a/src/components/molecules/layout/card.test.tsx b/src/components/molecules/layout/card.test.tsx index 1023aeb..825ad41 100644 --- a/src/components/molecules/layout/card.test.tsx +++ b/src/components/molecules/layout/card.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import Card from './card'; import { cover, id, meta, tagline, title, url } from './card.fixture'; diff --git a/src/components/molecules/layout/card.tsx b/src/components/molecules/layout/card.tsx index d03b8b7..50431d8 100644 --- a/src/components/molecules/layout/card.tsx +++ b/src/components/molecules/layout/card.tsx @@ -1,7 +1,7 @@ -import ButtonLink from '@components/atoms/buttons/button-link'; -import Heading, { type HeadingLevel } from '@components/atoms/headings/heading'; -import { type Image } from '@ts/types/app'; import { FC } from 'react'; +import { type Image } from '../../../types/app'; +import ButtonLink from '../../atoms/buttons/button-link'; +import Heading, { type HeadingLevel } from '../../atoms/headings/heading'; import ResponsiveImage from '../images/responsive-image'; import styles from './card.module.scss'; import Meta, { type MetaData } from './meta'; diff --git a/src/components/molecules/layout/code.module.scss b/src/components/molecules/layout/code.module.scss index 1feeccc..2eaf9a2 100644 --- a/src/components/molecules/layout/code.module.scss +++ b/src/components/molecules/layout/code.module.scss @@ -1,5 +1,5 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; +@use "../../../styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/mixins" as mix; .wrapper { :global { diff --git a/src/components/molecules/layout/code.test.tsx b/src/components/molecules/layout/code.test.tsx index e270aac..b825fec 100644 --- a/src/components/molecules/layout/code.test.tsx +++ b/src/components/molecules/layout/code.test.tsx @@ -1,4 +1,4 @@ -import { render } from '@tests/utils'; +import { render } from '../../../../tests/utils'; import Code from './code'; const code = ` diff --git a/src/components/molecules/layout/code.tsx b/src/components/molecules/layout/code.tsx index 7e249d1..4eb9be3 100644 --- a/src/components/molecules/layout/code.tsx +++ b/src/components/molecules/layout/code.tsx @@ -1,8 +1,8 @@ +import { FC, useRef } from 'react'; import usePrism, { type OptionalPrismPlugin, type PrismLanguage, -} from '@utils/hooks/use-prism'; -import { FC, useRef } from 'react'; +} from '../../../utils/hooks/use-prism'; import styles from './code.module.scss'; export type CodeProps = { diff --git a/src/components/molecules/layout/columns.module.scss b/src/components/molecules/layout/columns.module.scss index b449c45..0d383e7 100644 --- a/src/components/molecules/layout/columns.module.scss +++ b/src/components/molecules/layout/columns.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/mixins" as mix; +@use "../../../styles/abstracts/mixins" as mix; .wrapper { display: grid; diff --git a/src/components/molecules/layout/columns.stories.tsx b/src/components/molecules/layout/columns.stories.tsx index 2022fa4..7105bb9 100644 --- a/src/components/molecules/layout/columns.stories.tsx +++ b/src/components/molecules/layout/columns.stories.tsx @@ -1,5 +1,5 @@ -import Column from '@components/atoms/layout/column'; import { ComponentMeta, ComponentStory } from '@storybook/react'; +import Column from '../../atoms/layout/column'; import Columns from './columns'; export default { diff --git a/src/components/molecules/layout/columns.test.tsx b/src/components/molecules/layout/columns.test.tsx index 9e994ae..5a23d0d 100644 --- a/src/components/molecules/layout/columns.test.tsx +++ b/src/components/molecules/layout/columns.test.tsx @@ -1,5 +1,5 @@ -import Column from '@components/atoms/layout/column'; -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; +import Column from '../../atoms/layout/column'; import Columns from './columns'; const column1 = diff --git a/src/components/molecules/layout/columns.tsx b/src/components/molecules/layout/columns.tsx index c196457..ec62b18 100644 --- a/src/components/molecules/layout/columns.tsx +++ b/src/components/molecules/layout/columns.tsx @@ -1,5 +1,5 @@ -import Column from '@components/atoms/layout/column'; import { FC, ReactComponentElement } from 'react'; +import Column from '../../atoms/layout/column'; import styles from './columns.module.scss'; export type ColumnsProps = { diff --git a/src/components/molecules/layout/meta.module.scss b/src/components/molecules/layout/meta.module.scss index 4194a6e..f572b65 100644 --- a/src/components/molecules/layout/meta.module.scss +++ b/src/components/molecules/layout/meta.module.scss @@ -1,5 +1,3 @@ -@use "@styles/abstracts/mixins" as mix; - .value { word-break: break-all; } diff --git a/src/components/molecules/layout/meta.stories.tsx b/src/components/molecules/layout/meta.stories.tsx index c33680f..3a204c0 100644 --- a/src/components/molecules/layout/meta.stories.tsx +++ b/src/components/molecules/layout/meta.stories.tsx @@ -1,6 +1,6 @@ -import descriptionListItemStories from '@components/atoms/lists/description-list-item.stories'; -import descriptionListStories from '@components/atoms/lists/description-list.stories'; import { ComponentMeta, ComponentStory } from '@storybook/react'; +import descriptionListItemStories from '../../atoms/lists/description-list-item.stories'; +import descriptionListStories from '../../atoms/lists/description-list.stories'; import MetaComponent, { MetaData } from './meta'; /** diff --git a/src/components/molecules/layout/meta.test.tsx b/src/components/molecules/layout/meta.test.tsx index e01a0a1..e9deb23 100644 --- a/src/components/molecules/layout/meta.test.tsx +++ b/src/components/molecules/layout/meta.test.tsx @@ -1,5 +1,5 @@ -import { render, screen } from '@tests/utils'; -import { getFormattedDate } from '@utils/helpers/dates'; +import { render, screen } from '../../../../tests/utils'; +import { getFormattedDate } from '../../../utils/helpers/dates'; import Meta from './meta'; const data = { diff --git a/src/components/molecules/layout/meta.tsx b/src/components/molecules/layout/meta.tsx index 74bd4ff..48c0748 100644 --- a/src/components/molecules/layout/meta.tsx +++ b/src/components/molecules/layout/meta.tsx @@ -1,11 +1,14 @@ -import Link from '@components/atoms/links/link'; +import { FC, ReactNode } from 'react'; +import { useIntl } from 'react-intl'; +import { + getFormattedDate, + getFormattedTime, +} from '../../../utils/helpers/dates'; +import Link from '../../atoms/links/link'; import DescriptionList, { type DescriptionListProps, type DescriptionListItem, -} from '@components/atoms/lists/description-list'; -import { getFormattedDate, getFormattedTime } from '@utils/helpers/dates'; -import { FC, ReactNode } from 'react'; -import { useIntl } from 'react-intl'; +} from '../../atoms/lists/description-list'; export type CustomMeta = { label: string; diff --git a/src/components/molecules/layout/page-footer.test.tsx b/src/components/molecules/layout/page-footer.test.tsx index f61cf20..baf13b2 100644 --- a/src/components/molecules/layout/page-footer.test.tsx +++ b/src/components/molecules/layout/page-footer.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import PageFooter from './page-footer'; describe('PageFooter', () => { diff --git a/src/components/molecules/layout/page-header.module.scss b/src/components/molecules/layout/page-header.module.scss index 232023a..1a90fe5 100644 --- a/src/components/molecules/layout/page-header.module.scss +++ b/src/components/molecules/layout/page-header.module.scss @@ -1,5 +1,5 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/placeholders"; +@use "../../../styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/placeholders"; .wrapper { @extend %grid; diff --git a/src/components/molecules/layout/page-header.test.tsx b/src/components/molecules/layout/page-header.test.tsx index 8e97669..9c737c7 100644 --- a/src/components/molecules/layout/page-header.test.tsx +++ b/src/components/molecules/layout/page-header.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import PageHeader from './page-header'; const title = 'Non nemo amet'; diff --git a/src/components/molecules/layout/page-header.tsx b/src/components/molecules/layout/page-header.tsx index 6759c7f..78d875e 100644 --- a/src/components/molecules/layout/page-header.tsx +++ b/src/components/molecules/layout/page-header.tsx @@ -1,5 +1,5 @@ -import Heading from '@components/atoms/headings/heading'; import { FC, ReactNode } from 'react'; +import Heading from '../../atoms/headings/heading'; import Meta, { type MetaData } from './meta'; import styles from './page-header.module.scss'; diff --git a/src/components/molecules/layout/widget.module.scss b/src/components/molecules/layout/widget.module.scss index 27d7ffd..1a601e5 100644 --- a/src/components/molecules/layout/widget.module.scss +++ b/src/components/molecules/layout/widget.module.scss @@ -1,5 +1,5 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; +@use "../../../styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/mixins" as mix; .widget { display: flex; diff --git a/src/components/molecules/layout/widget.test.tsx b/src/components/molecules/layout/widget.test.tsx index 5b6af57..47282a0 100644 --- a/src/components/molecules/layout/widget.test.tsx +++ b/src/components/molecules/layout/widget.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import Widget from './widget'; const children = 'Widget body'; diff --git a/src/components/molecules/modals/modal.module.scss b/src/components/molecules/modals/modal.module.scss index f57d33c..22ddb11 100644 --- a/src/components/molecules/modals/modal.module.scss +++ b/src/components/molecules/modals/modal.module.scss @@ -1,5 +1,5 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; +@use "../../../styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/mixins" as mix; .wrapper { padding: var(--spacing-md); diff --git a/src/components/molecules/modals/modal.test.tsx b/src/components/molecules/modals/modal.test.tsx index a913d42..9297662 100644 --- a/src/components/molecules/modals/modal.test.tsx +++ b/src/components/molecules/modals/modal.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import Modal from './modal'; const title = 'A custom title'; diff --git a/src/components/molecules/modals/modal.tsx b/src/components/molecules/modals/modal.tsx index 58f5fa0..76dab55 100644 --- a/src/components/molecules/modals/modal.tsx +++ b/src/components/molecules/modals/modal.tsx @@ -1,8 +1,8 @@ -import Heading, { type HeadingProps } from '@components/atoms/headings/heading'; -import { type CogProps } from '@components/atoms/icons/cog'; -import { type MagnifyingGlassProps } from '@components/atoms/icons/magnifying-glass'; import dynamic from 'next/dynamic'; import { FC, ReactNode } from 'react'; +import Heading, { type HeadingProps } from '../../atoms/headings/heading'; +import { type CogProps } from '../../atoms/icons/cog'; +import { type MagnifyingGlassProps } from '../../atoms/icons/magnifying-glass'; import styles from './modal.module.scss'; export type Icons = 'cogs' | 'search'; @@ -30,11 +30,11 @@ export type ModalProps = { title?: string; }; -const CogIcon = dynamic<CogProps>(() => import('@components/atoms/icons/cog'), { +const CogIcon = dynamic<CogProps>(() => import('../../atoms/icons/cog'), { ssr: false, }); const SearchIcon = dynamic<MagnifyingGlassProps>( - () => import('@components/atoms/icons/magnifying-glass'), + () => import('../../atoms/icons/magnifying-glass'), { ssr: false } ); diff --git a/src/components/molecules/modals/tooltip.module.scss b/src/components/molecules/modals/tooltip.module.scss index 94aa3dd..0a177e5 100644 --- a/src/components/molecules/modals/tooltip.module.scss +++ b/src/components/molecules/modals/tooltip.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .wrapper { --title-height: #{fun.convert-px(40)}; diff --git a/src/components/molecules/modals/tooltip.test.tsx b/src/components/molecules/modals/tooltip.test.tsx index 0af7299..6bca281 100644 --- a/src/components/molecules/modals/tooltip.test.tsx +++ b/src/components/molecules/modals/tooltip.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import Tooltip from './tooltip'; import { content, icon, title } from './tooltip.fixture'; diff --git a/src/components/molecules/modals/tooltip.tsx b/src/components/molecules/modals/tooltip.tsx index 9801393..9beab86 100644 --- a/src/components/molecules/modals/tooltip.tsx +++ b/src/components/molecules/modals/tooltip.tsx @@ -1,5 +1,5 @@ -import List, { type ListItem } from '@components/atoms/lists/list'; import { forwardRef, ForwardRefRenderFunction, ReactNode } from 'react'; +import List, { type ListItem } from '../../atoms/lists/list'; import styles from './tooltip.module.scss'; export type TooltipProps = { diff --git a/src/components/molecules/nav/breadcrumb.module.scss b/src/components/molecules/nav/breadcrumb.module.scss index c26f60a..c72e349 100644 --- a/src/components/molecules/nav/breadcrumb.module.scss +++ b/src/components/molecules/nav/breadcrumb.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/placeholders"; +@use "../../../styles/abstracts/placeholders"; .list { @extend %reset-ordered-list; diff --git a/src/components/molecules/nav/breadcrumb.test.tsx b/src/components/molecules/nav/breadcrumb.test.tsx index 68638ef..f3a23b5 100644 --- a/src/components/molecules/nav/breadcrumb.test.tsx +++ b/src/components/molecules/nav/breadcrumb.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import Breadcrumb, { type BreadcrumbItem } from './breadcrumb'; const items: BreadcrumbItem[] = [ diff --git a/src/components/molecules/nav/breadcrumb.tsx b/src/components/molecules/nav/breadcrumb.tsx index d184d65..bc50f55 100644 --- a/src/components/molecules/nav/breadcrumb.tsx +++ b/src/components/molecules/nav/breadcrumb.tsx @@ -1,9 +1,9 @@ -import Link from '@components/atoms/links/link'; -import { settings } from '@utils/config'; import Script from 'next/script'; import { FC } from 'react'; import { useIntl } from 'react-intl'; import { BreadcrumbList, ListItem, WithContext } from 'schema-dts'; +import { settings } from '../../../utils/config'; +import Link from '../../atoms/links/link'; import styles from './breadcrumb.module.scss'; export type BreadcrumbItem = { diff --git a/src/components/molecules/nav/nav.module.scss b/src/components/molecules/nav/nav.module.scss index 9c0f6de..a6d43bc 100644 --- a/src/components/molecules/nav/nav.module.scss +++ b/src/components/molecules/nav/nav.module.scss @@ -1,5 +1,4 @@ -@use "@styles/abstracts/mixins" as mix; -@use "@styles/abstracts/placeholders"; +@use "../../../styles/abstracts/placeholders"; .nav { &__list { diff --git a/src/components/molecules/nav/nav.stories.tsx b/src/components/molecules/nav/nav.stories.tsx index f3a29a6..abf6882 100644 --- a/src/components/molecules/nav/nav.stories.tsx +++ b/src/components/molecules/nav/nav.stories.tsx @@ -1,6 +1,6 @@ -import Envelop from '@components/atoms/icons/envelop'; -import Home from '@components/atoms/icons/home'; import { ComponentMeta, ComponentStory } from '@storybook/react'; +import Envelop from '../../atoms/icons/envelop'; +import Home from '../../atoms/icons/home'; import NavComponent, { type NavItem } from './nav'; /** diff --git a/src/components/molecules/nav/nav.test.tsx b/src/components/molecules/nav/nav.test.tsx index cf63ace..b0920c8 100644 --- a/src/components/molecules/nav/nav.test.tsx +++ b/src/components/molecules/nav/nav.test.tsx @@ -1,6 +1,6 @@ -import Envelop from '@components/atoms/icons/envelop'; -import Home from '@components/atoms/icons/home'; -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; +import Envelop from '../../atoms/icons/envelop'; +import Home from '../../atoms/icons/home'; import Nav, { type NavItem } from './nav'; const navItems: NavItem[] = [ diff --git a/src/components/molecules/nav/nav.tsx b/src/components/molecules/nav/nav.tsx index 581f813..71d459a 100644 --- a/src/components/molecules/nav/nav.tsx +++ b/src/components/molecules/nav/nav.tsx @@ -1,6 +1,6 @@ -import Link from '@components/atoms/links/link'; -import NavLink from '@components/atoms/links/nav-link'; import { FC, ReactNode } from 'react'; +import Link from '../../atoms/links/link'; +import NavLink from '../../atoms/links/nav-link'; import styles from './nav.module.scss'; export type NavItem = { diff --git a/src/components/molecules/nav/pagination.module.scss b/src/components/molecules/nav/pagination.module.scss index 56c5bfc..4ffad5a 100644 --- a/src/components/molecules/nav/pagination.module.scss +++ b/src/components/molecules/nav/pagination.module.scss @@ -1,5 +1,5 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/placeholders"; +@use "../../../styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/placeholders"; .wrapper { .list { diff --git a/src/components/molecules/nav/pagination.test.tsx b/src/components/molecules/nav/pagination.test.tsx index f7ebffd..bf0e6c1 100644 --- a/src/components/molecules/nav/pagination.test.tsx +++ b/src/components/molecules/nav/pagination.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import Pagination from './pagination'; const total = 50; diff --git a/src/components/molecules/nav/pagination.tsx b/src/components/molecules/nav/pagination.tsx index 604720e..e832e1d 100644 --- a/src/components/molecules/nav/pagination.tsx +++ b/src/components/molecules/nav/pagination.tsx @@ -1,6 +1,6 @@ -import ButtonLink from '@components/atoms/buttons/button-link'; import { FC, Fragment, ReactNode } from 'react'; import { useIntl } from 'react-intl'; +import ButtonLink from '../../atoms/buttons/button-link'; import styles from './pagination.module.scss'; export type PaginationProps = { |