diff options
Diffstat (limited to 'src/components/molecules/layout')
23 files changed, 40 insertions, 39 deletions
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'; |