diff --git a/packages/timo-design-system/src/components/badge/today-badge/TodayBadge.stories.tsx b/packages/timo-design-system/src/components/badge/today-badge/TodayBadge.stories.tsx index fc53c27e..e29fcbb3 100644 --- a/packages/timo-design-system/src/components/badge/today-badge/TodayBadge.stories.tsx +++ b/packages/timo-design-system/src/components/badge/today-badge/TodayBadge.stories.tsx @@ -1,4 +1,4 @@ -import { TodayBadge } from "@components/badge/today-badge/TodayBadge"; +import { TodayBadge } from "./TodayBadge"; import type { Meta, StoryObj } from "@storybook/react"; diff --git a/packages/timo-design-system/src/components/badge/today-badge/TodayBadge.tsx b/packages/timo-design-system/src/components/badge/today-badge/TodayBadge.tsx index faf14aaf..b033a6fb 100644 --- a/packages/timo-design-system/src/components/badge/today-badge/TodayBadge.tsx +++ b/packages/timo-design-system/src/components/badge/today-badge/TodayBadge.tsx @@ -1,4 +1,4 @@ -import { cn } from "@lib"; +import { cn } from "../../../lib"; export type TodayBadgeVariant = "default" | "weekly"; diff --git a/packages/timo-design-system/src/components/button/add-task-button/AddTaskButton.stories.tsx b/packages/timo-design-system/src/components/button/add-task-button/AddTaskButton.stories.tsx index b6c24239..bbdc2181 100644 --- a/packages/timo-design-system/src/components/button/add-task-button/AddTaskButton.stories.tsx +++ b/packages/timo-design-system/src/components/button/add-task-button/AddTaskButton.stories.tsx @@ -1,4 +1,4 @@ -import { AddTaskButton } from "@components/button/add-task-button/AddTaskButton"; +import { AddTaskButton } from "./AddTaskButton"; import type { Meta, StoryObj } from "@storybook/react"; diff --git a/packages/timo-design-system/src/components/button/add-task-button/AddTaskButton.tsx b/packages/timo-design-system/src/components/button/add-task-button/AddTaskButton.tsx index f6698f26..d4097c97 100644 --- a/packages/timo-design-system/src/components/button/add-task-button/AddTaskButton.tsx +++ b/packages/timo-design-system/src/components/button/add-task-button/AddTaskButton.tsx @@ -1,5 +1,5 @@ -import { PlusIcon } from "@icons"; -import { cn } from "@lib"; +import { PlusIcon } from "../../../icons"; +import { cn } from "../../../lib"; export type AddTaskButtonVariant = "default" | "weekly" | "big"; diff --git a/packages/timo-design-system/src/components/button/create-button/CreateButton.tsx b/packages/timo-design-system/src/components/button/create-button/CreateButton.tsx index 5036cb2e..1ae43d93 100644 --- a/packages/timo-design-system/src/components/button/create-button/CreateButton.tsx +++ b/packages/timo-design-system/src/components/button/create-button/CreateButton.tsx @@ -1,4 +1,4 @@ -import { cn } from "@lib"; +import { cn } from "../../../lib"; export interface CreateButtonProps { label: string; diff --git a/packages/timo-design-system/src/components/button/delete-button/DeleteButton.stories.tsx b/packages/timo-design-system/src/components/button/delete-button/DeleteButton.stories.tsx index 12a87993..12e3de98 100644 --- a/packages/timo-design-system/src/components/button/delete-button/DeleteButton.stories.tsx +++ b/packages/timo-design-system/src/components/button/delete-button/DeleteButton.stories.tsx @@ -1,4 +1,4 @@ -import { DeleteButton } from "@components/button/delete-button/DeleteButton"; +import { DeleteButton } from "./DeleteButton"; import type { Meta, StoryObj } from "@storybook/react"; diff --git a/packages/timo-design-system/src/components/button/delete-button/DeleteButton.tsx b/packages/timo-design-system/src/components/button/delete-button/DeleteButton.tsx index d455f093..de45abf4 100644 --- a/packages/timo-design-system/src/components/button/delete-button/DeleteButton.tsx +++ b/packages/timo-design-system/src/components/button/delete-button/DeleteButton.tsx @@ -1,5 +1,5 @@ -import { TrashOnIcon } from "@icons"; -import { cn } from "@lib"; +import { TrashOnIcon } from "../../../icons"; +import { cn } from "../../../lib"; export interface DeleteButtonProps { onClick: () => void; diff --git a/packages/timo-design-system/src/components/button/play-button/PlayButton.stories.tsx b/packages/timo-design-system/src/components/button/play-button/PlayButton.stories.tsx index 700d86d0..6f9b8547 100644 --- a/packages/timo-design-system/src/components/button/play-button/PlayButton.stories.tsx +++ b/packages/timo-design-system/src/components/button/play-button/PlayButton.stories.tsx @@ -1,8 +1,8 @@ -import { PlayIcon } from "@icons/generated/Play"; -import { PlayDisabledIcon } from "@icons/generated/PlayDisabled"; -import { StopIcon } from "@icons/generated/Stop"; - import { PlayButton } from "./PlayButton"; +import { PlayIcon } from "../../../icons/generated/Play"; +import { PlayDisabledIcon } from "../../../icons/generated/PlayDisabled"; +import { StopIcon } from "../../../icons/generated/Stop"; + import type { Meta, StoryObj } from "@storybook/react"; diff --git a/packages/timo-design-system/src/components/button/play-button/PlayButton.tsx b/packages/timo-design-system/src/components/button/play-button/PlayButton.tsx index 60ff33e0..a88908e2 100644 --- a/packages/timo-design-system/src/components/button/play-button/PlayButton.tsx +++ b/packages/timo-design-system/src/components/button/play-button/PlayButton.tsx @@ -1,6 +1,7 @@ -import { cn } from "@lib"; import { ReactNode } from "react"; +import { cn } from "../../../lib"; + export type PlayButtonVariant = "play" | "stop"; export type PlayButtonSize = "sm" | "lg"; diff --git a/packages/timo-design-system/src/components/button/tab-button/TabButton.stories.tsx b/packages/timo-design-system/src/components/button/tab-button/TabButton.stories.tsx index c4e4b86b..70aa0008 100644 --- a/packages/timo-design-system/src/components/button/tab-button/TabButton.stories.tsx +++ b/packages/timo-design-system/src/components/button/tab-button/TabButton.stories.tsx @@ -1,4 +1,6 @@ -import { TabButton } from "@components/button/tab-button/TabButton"; +import { useState } from "react"; + +import { TabButton } from "./TabButton"; import { ChartHoverIcon, ChartOffIcon, @@ -15,8 +17,7 @@ import { TodayHoverIcon, TodayOffIcon, TodayOnIcon, -} from "@icons"; -import { useState } from "react"; +} from "../../../icons"; import type { Meta, StoryObj } from "@storybook/react"; import type { ComponentProps } from "react"; diff --git a/packages/timo-design-system/src/components/button/tab-button/TabButton.tsx b/packages/timo-design-system/src/components/button/tab-button/TabButton.tsx index a176f938..6daa9718 100644 --- a/packages/timo-design-system/src/components/button/tab-button/TabButton.tsx +++ b/packages/timo-design-system/src/components/button/tab-button/TabButton.tsx @@ -1,4 +1,4 @@ -import { cn } from "@lib"; +import { cn } from "../../../lib"; import type { ReactNode } from "react"; diff --git a/packages/timo-design-system/src/components/checkbox/Checkbox.tsx b/packages/timo-design-system/src/components/checkbox/Checkbox.tsx index ba436f62..33ed4470 100644 --- a/packages/timo-design-system/src/components/checkbox/Checkbox.tsx +++ b/packages/timo-design-system/src/components/checkbox/Checkbox.tsx @@ -1,6 +1,7 @@ -import { cn } from "@lib"; import { useId } from "react"; +import { cn } from "../../lib"; + export interface CheckboxProps { checked: boolean; onChange: (checked: boolean) => void; diff --git a/packages/timo-design-system/src/components/dropdown-view/DropdownView.stories.tsx b/packages/timo-design-system/src/components/dropdown-view/DropdownView.stories.tsx index d93b0d79..85af1e4a 100644 --- a/packages/timo-design-system/src/components/dropdown-view/DropdownView.stories.tsx +++ b/packages/timo-design-system/src/components/dropdown-view/DropdownView.stories.tsx @@ -1,6 +1,7 @@ -import { DropdownView } from "@components/dropdown-view/DropdownView"; import { useState } from "react"; +import { DropdownView } from "./DropdownView"; + import type { Meta, StoryObj } from "@storybook/react"; const meta = { diff --git a/packages/timo-design-system/src/components/dropdown-view/DropdownView.tsx b/packages/timo-design-system/src/components/dropdown-view/DropdownView.tsx index f48958e4..4a7c82a6 100644 --- a/packages/timo-design-system/src/components/dropdown-view/DropdownView.tsx +++ b/packages/timo-design-system/src/components/dropdown-view/DropdownView.tsx @@ -1,8 +1,10 @@ -import { Dropdown } from "@components/layout/dropdown/Dropdown"; -import { ChevronDownIcon, ChevronUpIcon } from "@icons"; -import { cn } from "@lib"; import { Fragment } from "react"; +import { ChevronDownIcon, ChevronUpIcon } from "../../icons"; +import { cn } from "../../lib"; +import { Dropdown } from "../layout/dropdown/Dropdown"; + + export interface DropdownViewProps { items: string[]; value: string; diff --git a/packages/timo-design-system/src/components/index.ts b/packages/timo-design-system/src/components/index.ts index efef49b6..9a97ec6d 100644 --- a/packages/timo-design-system/src/components/index.ts +++ b/packages/timo-design-system/src/components/index.ts @@ -1,16 +1,16 @@ -export { Checkbox } from "@components/checkbox/Checkbox"; -export { Dropdown } from "@components/layout/dropdown/Dropdown"; -export { DropdownView } from "@components/dropdown-view/DropdownView"; -export { Color } from "@components/tokens/color/Color"; -export { Typography } from "@components/tokens/typography/Typography"; -export { TagIcon } from "@components/tag/tag-icon/TagIcon"; -export { TagSelector } from "@components/tag/tag-selector/TagSelector"; -export { PriorityIcon } from "@components/priority/priority-icon/PriorityIcon"; -export { PrioritySelector } from "@components/priority/priority-selector/PrioritySelector"; -export { CreateButton } from "@components/button/create-button/CreateButton"; -export { DeleteButton } from "@components/button/delete-button/DeleteButton"; -export { AddTaskButton } from "@components/button/add-task-button/AddTaskButton"; -export { TodayBadge } from "@components/badge/today-badge/TodayBadge"; -export { TogglePanel } from "@components/toggle-panel/TogglePanel"; -export { PlayButton } from "@components/button/play-button/PlayButton"; -export { TabButton } from "@components/button/tab-button/TabButton"; +export { Checkbox } from "./checkbox/Checkbox"; +export { Dropdown } from "./layout/dropdown/Dropdown"; +export { DropdownView } from "./dropdown-view/DropdownView"; +export { Color } from "./tokens/color/Color"; +export { Typography } from "./tokens/typography/Typography"; +export { TagIcon } from "./tag/tag-icon/TagIcon"; +export { TagSelector } from "./tag/tag-selector/TagSelector"; +export { PriorityIcon } from "./priority/priority-icon/PriorityIcon"; +export { PrioritySelector } from "./priority/priority-selector/PrioritySelector"; +export { CreateButton } from "./button/create-button/CreateButton"; +export { DeleteButton } from "./button/delete-button/DeleteButton"; +export { AddTaskButton } from "./button/add-task-button/AddTaskButton"; +export { TodayBadge } from "./badge/today-badge/TodayBadge"; +export { TogglePanel } from "./toggle-panel/TogglePanel"; +export { PlayButton } from "./button/play-button/PlayButton"; +export { TabButton } from "./button/tab-button/TabButton"; diff --git a/packages/timo-design-system/src/components/layout/dropdown/Dropdown.stories.tsx b/packages/timo-design-system/src/components/layout/dropdown/Dropdown.stories.tsx index d8a9e687..4618c68d 100644 --- a/packages/timo-design-system/src/components/layout/dropdown/Dropdown.stories.tsx +++ b/packages/timo-design-system/src/components/layout/dropdown/Dropdown.stories.tsx @@ -1,4 +1,4 @@ -import { Dropdown } from "@components/layout/dropdown/Dropdown"; +import { Dropdown } from "./Dropdown"; import type { Meta, StoryObj } from "@storybook/react"; diff --git a/packages/timo-design-system/src/components/layout/dropdown/Dropdown.tsx b/packages/timo-design-system/src/components/layout/dropdown/Dropdown.tsx index f210eb96..5d00086d 100644 --- a/packages/timo-design-system/src/components/layout/dropdown/Dropdown.tsx +++ b/packages/timo-design-system/src/components/layout/dropdown/Dropdown.tsx @@ -1,6 +1,5 @@ "use client"; -import { cn } from "@lib"; import { createContext, useContext, @@ -13,6 +12,9 @@ import { type RefObject, } from "react"; +import { cn } from "../../../lib"; + + interface DropdownContextValue { isOpen: boolean; toggle: () => void; diff --git a/packages/timo-design-system/src/components/priority/priority-icon/PriorityIcon.tsx b/packages/timo-design-system/src/components/priority/priority-icon/PriorityIcon.tsx index 328b3797..369da149 100644 --- a/packages/timo-design-system/src/components/priority/priority-icon/PriorityIcon.tsx +++ b/packages/timo-design-system/src/components/priority/priority-icon/PriorityIcon.tsx @@ -1,4 +1,4 @@ -import { cn } from "@lib"; +import { cn } from "../../../lib"; export type Priority = | "urgent" diff --git a/packages/timo-design-system/src/components/priority/priority-selector/PrioritySelector.tsx b/packages/timo-design-system/src/components/priority/priority-selector/PrioritySelector.tsx index b41d9484..ee4efe5e 100644 --- a/packages/timo-design-system/src/components/priority/priority-selector/PrioritySelector.tsx +++ b/packages/timo-design-system/src/components/priority/priority-selector/PrioritySelector.tsx @@ -1,6 +1,6 @@ -import { Dropdown } from "@components/layout/dropdown/Dropdown"; -import { PriorityIcon } from "@components/priority/priority-icon/PriorityIcon"; -import { cn } from "@lib"; +import { cn } from "../../../lib"; +import { Dropdown } from "../../layout/dropdown/Dropdown"; +import { PriorityIcon } from "../priority-icon/PriorityIcon"; import type { ReactNode } from "react"; diff --git a/packages/timo-design-system/src/components/tag/tag-icon/TagIcon.stories.tsx b/packages/timo-design-system/src/components/tag/tag-icon/TagIcon.stories.tsx index 1fc91c0c..a9f07d3a 100644 --- a/packages/timo-design-system/src/components/tag/tag-icon/TagIcon.stories.tsx +++ b/packages/timo-design-system/src/components/tag/tag-icon/TagIcon.stories.tsx @@ -1,4 +1,4 @@ -import { TagIcon } from "@components/tag/tag-icon/TagIcon"; +import { TagIcon } from "./TagIcon"; import type { Meta, StoryObj } from "@storybook/react"; diff --git a/packages/timo-design-system/src/components/tag/tag-selector/TagSelector.stories.tsx b/packages/timo-design-system/src/components/tag/tag-selector/TagSelector.stories.tsx index 676ee259..587e59a2 100644 --- a/packages/timo-design-system/src/components/tag/tag-selector/TagSelector.stories.tsx +++ b/packages/timo-design-system/src/components/tag/tag-selector/TagSelector.stories.tsx @@ -1,4 +1,4 @@ -import { TagSelector } from "@components/tag/tag-selector/TagSelector"; +import { TagSelector } from "./TagSelector"; import type { Meta, StoryObj } from "@storybook/react"; diff --git a/packages/timo-design-system/src/components/tag/tag-selector/TagSelector.tsx b/packages/timo-design-system/src/components/tag/tag-selector/TagSelector.tsx index 6431228d..efb0c329 100644 --- a/packages/timo-design-system/src/components/tag/tag-selector/TagSelector.tsx +++ b/packages/timo-design-system/src/components/tag/tag-selector/TagSelector.tsx @@ -1,6 +1,6 @@ -import { Dropdown } from "@components/layout/dropdown/Dropdown"; -import { PlusIcon } from "@icons"; -import { cn } from "@lib"; +import { PlusIcon } from "../../../icons"; +import { cn } from "../../../lib"; +import { Dropdown } from "../../layout/dropdown/Dropdown"; import type { ReactNode } from "react"; diff --git a/packages/timo-design-system/src/components/toggle-panel/TogglePanel.stories.tsx b/packages/timo-design-system/src/components/toggle-panel/TogglePanel.stories.tsx index 0f39c368..b4a8b06b 100644 --- a/packages/timo-design-system/src/components/toggle-panel/TogglePanel.stories.tsx +++ b/packages/timo-design-system/src/components/toggle-panel/TogglePanel.stories.tsx @@ -1,9 +1,7 @@ -import { - TogglePanel, - TogglePanelValue, -} from "@components/toggle-panel/TogglePanel"; import { useEffect, useState } from "react"; +import { TogglePanel, TogglePanelValue } from "./TogglePanel"; + import type { Meta, StoryObj } from "@storybook/react"; const meta = { diff --git a/packages/timo-design-system/src/components/toggle-panel/TogglePanel.tsx b/packages/timo-design-system/src/components/toggle-panel/TogglePanel.tsx index 3ac34ecc..6c39b258 100644 --- a/packages/timo-design-system/src/components/toggle-panel/TogglePanel.tsx +++ b/packages/timo-design-system/src/components/toggle-panel/TogglePanel.tsx @@ -1,6 +1,7 @@ -import { cn } from "@lib"; import { useId, useRef } from "react"; +import { cn } from "../../lib"; + import type { KeyboardEvent, RefObject } from "react"; export type TogglePanelValue = "timebox" | "timer"; diff --git a/packages/timo-design-system/src/components/tokens/color/Color.stories.tsx b/packages/timo-design-system/src/components/tokens/color/Color.stories.tsx index 72073049..ce624aac 100644 --- a/packages/timo-design-system/src/components/tokens/color/Color.stories.tsx +++ b/packages/timo-design-system/src/components/tokens/color/Color.stories.tsx @@ -1,6 +1,6 @@ -import { COLOR_TOKENS } from "@tokens/color-token"; - import { Color } from "./Color"; +import { COLOR_TOKENS } from "../../../tokens/color-token"; + import type { Meta, StoryObj } from "@storybook/react"; diff --git a/packages/timo-design-system/src/components/tokens/color/Color.tsx b/packages/timo-design-system/src/components/tokens/color/Color.tsx index bd9ab78b..c3dfee04 100644 --- a/packages/timo-design-system/src/components/tokens/color/Color.tsx +++ b/packages/timo-design-system/src/components/tokens/color/Color.tsx @@ -1,4 +1,4 @@ -import { ColorToken } from "@tokens/color-token"; +import { ColorToken } from "../../../tokens/color-token"; export const Color = ({ name, cssVar, value }: ColorToken) => { return ( diff --git a/packages/timo-design-system/src/components/tokens/typography/Typography.stories.tsx b/packages/timo-design-system/src/components/tokens/typography/Typography.stories.tsx index 87f7aa4d..158c3d29 100644 --- a/packages/timo-design-system/src/components/tokens/typography/Typography.stories.tsx +++ b/packages/timo-design-system/src/components/tokens/typography/Typography.stories.tsx @@ -1,6 +1,6 @@ -import { TYPOGRAPHY_TOKENS } from "@tokens/typography-token"; - import { Typography } from "./Typography"; +import { TYPOGRAPHY_TOKENS } from "../../../tokens/typography-token"; + import type { Meta, StoryObj } from "@storybook/react"; diff --git a/packages/timo-design-system/src/components/tokens/typography/Typography.tsx b/packages/timo-design-system/src/components/tokens/typography/Typography.tsx index 388e4f87..ed003837 100644 --- a/packages/timo-design-system/src/components/tokens/typography/Typography.tsx +++ b/packages/timo-design-system/src/components/tokens/typography/Typography.tsx @@ -1,4 +1,4 @@ -import { TypographyToken } from "@tokens/typography-token"; +import { TypographyToken } from "../../../tokens/typography-token"; export const Typography = ({ token, diff --git a/packages/timo-design-system/tsconfig.json b/packages/timo-design-system/tsconfig.json index ee874a6b..970a9c3b 100644 --- a/packages/timo-design-system/tsconfig.json +++ b/packages/timo-design-system/tsconfig.json @@ -3,19 +3,7 @@ "compilerOptions": { "outDir": "dist", "rootDir": "./src", - "strictNullChecks": true, - "paths": { - "@components": ["./src/components/index.ts"], - "@components/*": ["./src/components/*"], - "@tokens/*": ["./src/tokens/*"], - "@icons": ["./src/icons/index.ts"], - "@icons/*": ["./src/icons/*"], - "@lib": ["./src/lib/index.ts"], - "@lib/*": ["./src/lib/*"], - "@styles/*": ["./src/styles/*"], - "@assets/*": ["./src/assets/*"], - "@guides/*": ["./src/guides/*"] - } + "strictNullChecks": true }, "include": ["src"], "exclude": ["node_modules", "dist"]