From a20d540e2d2320e7bd1192022f087f775ba90b6b Mon Sep 17 00:00:00 2001 From: junghyeonsu Date: Wed, 11 Sep 2024 15:07:04 +0900 Subject: [PATCH] chore: folder structure --- component-docs/pages/patterns/skeleton.mdx | 11 ----------- .../{ => src}/activities/ActivityLayout.css.ts | 2 +- .../{ => src}/activities/ActivityLayout.tsx | 18 +++++++++--------- .../activities/AlertDialogDefaultActivity.tsx | 0 .../activities/ChipTabsBasicActivity.tsx | 0 .../{ => src}/activities/TabsAlertActivity.tsx | 0 .../activities/TabsDisabledActivity.tsx | 0 .../skeleton/SkeletonWaveActivity.tsx | 4 ++-- component-docs/{ => src}/assets/IconBell.tsx | 2 +- .../{ => src}/assets/IconChatting.tsx | 2 +- .../{ => src}/assets/IconExpandMore.tsx | 2 +- component-docs/{ => src}/assets/IconHome.tsx | 2 +- component-docs/{ => src}/assets/IconMenu.tsx | 2 +- .../{ => src}/assets/IconProfile.tsx | 2 +- component-docs/{ => src}/assets/IconSearch.tsx | 2 +- component-docs/{ => src}/assets/IconSell.tsx | 2 +- .../{ => src}/assets/IconSettings.tsx | 2 +- .../components/AlertDialog.tsx} | 4 ++-- .../components/ChipTabs.tsx} | 0 .../{ => src}/components/Installation.tsx | 0 .../{ => src}/components/Preview.tsx | 0 .../components/ProgressCircle.tsx} | 2 +- .../components/ProgressCircleControls.css.ts | 0 .../components/ProgressCircleControls.tsx | 2 +- .../components/SkeletonControls.css.ts | 0 .../{ => src}/components/SkeletonControls.tsx | 2 +- .../{ => src}/components/Stackflow.tsx | 2 +- .../tabs.tsx => src/components/Tabs.tsx} | 0 component-docs/{ => src}/pages/_app.mdx | 0 component-docs/{ => src}/pages/_document.tsx | 0 component-docs/{ => src}/pages/_meta.json | 0 .../{ => src}/pages/components/_meta.json | 0 .../pages/components/alert-dialog.mdx | 10 +++++----- .../{ => src}/pages/components/box-button.mdx | 4 ++-- .../{ => src}/pages/components/checkbox.mdx | 4 ++-- .../pages/components/progress-circle.mdx | 4 ++-- .../{ => src}/pages/components/tabs/_meta.json | 0 .../pages/components/tabs/chip-tabs.mdx | 10 +++++----- .../{ => src}/pages/components/tabs/tabs.mdx | 12 ++++++------ .../{ => src}/pages/get-started/CLI.mdx | 2 +- .../{ => src}/pages/get-started/_meta.json | 0 .../pages/get-started/installation.mdx | 0 .../pages/get-started/installation/_meta.json | 0 .../pages/get-started/installation/next.mdx | 4 ++-- .../pages/get-started/installation/vite.mdx | 4 ++-- .../pages/get-started/seed-design.json.mdx | 2 +- component-docs/{ => src}/pages/index.mdx | 0 .../{ => src}/pages/libraries/seed-icon.mdx | 0 component-docs/src/pages/patterns/skeleton.mdx | 11 +++++++++++ component-docs/{ => src}/stackflow/Stack.ts | 0 component-docs/{ => src}/stackflow/index.ts | 0 .../{ => src}/stackflow/stackflow.config.ts | 0 .../{ => src}/stores/progress-circle.ts | 0 component-docs/{ => src}/stores/skeleton.ts | 0 component-docs/{ => src}/styles/f.css.ts | 0 component-docs/{ => src}/styles/index.ts | 0 .../templates/get-started-installation.mdx | 0 .../templates/seed-design-configuration.mdx | 0 .../preset/src/progress-circle.recipe.ts | 6 ++++-- packages/stylesheet/progressCircle.css | 4 +++- 60 files changed, 73 insertions(+), 69 deletions(-) delete mode 100644 component-docs/pages/patterns/skeleton.mdx rename component-docs/{ => src}/activities/ActivityLayout.css.ts (97%) rename component-docs/{ => src}/activities/ActivityLayout.tsx (81%) rename component-docs/{ => src}/activities/AlertDialogDefaultActivity.tsx (100%) rename component-docs/{ => src}/activities/ChipTabsBasicActivity.tsx (100%) rename component-docs/{ => src}/activities/TabsAlertActivity.tsx (100%) rename component-docs/{ => src}/activities/TabsDisabledActivity.tsx (100%) rename component-docs/{ => src}/activities/skeleton/SkeletonWaveActivity.tsx (94%) rename component-docs/{ => src}/assets/IconBell.tsx (97%) rename component-docs/{ => src}/assets/IconChatting.tsx (98%) rename component-docs/{ => src}/assets/IconExpandMore.tsx (95%) rename component-docs/{ => src}/assets/IconHome.tsx (95%) rename component-docs/{ => src}/assets/IconMenu.tsx (96%) rename component-docs/{ => src}/assets/IconProfile.tsx (97%) rename component-docs/{ => src}/assets/IconSearch.tsx (96%) rename component-docs/{ => src}/assets/IconSell.tsx (94%) rename component-docs/{ => src}/assets/IconSettings.tsx (98%) rename component-docs/{seed-design/components/alert-dialog.tsx => src/components/AlertDialog.tsx} (77%) rename component-docs/{seed-design/components/chip-tabs.tsx => src/components/ChipTabs.tsx} (100%) rename component-docs/{ => src}/components/Installation.tsx (100%) rename component-docs/{ => src}/components/Preview.tsx (100%) rename component-docs/{seed-design/components/progress-circle.tsx => src/components/ProgressCircle.tsx} (96%) rename component-docs/{ => src}/components/ProgressCircleControls.css.ts (100%) rename component-docs/{ => src}/components/ProgressCircleControls.tsx (98%) rename component-docs/{ => src}/components/SkeletonControls.css.ts (100%) rename component-docs/{ => src}/components/SkeletonControls.tsx (98%) rename component-docs/{ => src}/components/Stackflow.tsx (96%) rename component-docs/{seed-design/components/tabs.tsx => src/components/Tabs.tsx} (100%) rename component-docs/{ => src}/pages/_app.mdx (100%) rename component-docs/{ => src}/pages/_document.tsx (100%) rename component-docs/{ => src}/pages/_meta.json (100%) rename component-docs/{ => src}/pages/components/_meta.json (100%) rename component-docs/{ => src}/pages/components/alert-dialog.mdx (74%) rename component-docs/{ => src}/pages/components/box-button.mdx (77%) rename component-docs/{ => src}/pages/components/checkbox.mdx (76%) rename component-docs/{ => src}/pages/components/progress-circle.mdx (68%) rename component-docs/{ => src}/pages/components/tabs/_meta.json (100%) rename component-docs/{ => src}/pages/components/tabs/chip-tabs.mdx (75%) rename component-docs/{ => src}/pages/components/tabs/tabs.mdx (74%) rename component-docs/{ => src}/pages/get-started/CLI.mdx (95%) rename component-docs/{ => src}/pages/get-started/_meta.json (100%) rename component-docs/{ => src}/pages/get-started/installation.mdx (100%) rename component-docs/{ => src}/pages/get-started/installation/_meta.json (100%) rename component-docs/{ => src}/pages/get-started/installation/next.mdx (95%) rename component-docs/{ => src}/pages/get-started/installation/vite.mdx (91%) rename component-docs/{ => src}/pages/get-started/seed-design.json.mdx (96%) rename component-docs/{ => src}/pages/index.mdx (100%) rename component-docs/{ => src}/pages/libraries/seed-icon.mdx (100%) create mode 100644 component-docs/src/pages/patterns/skeleton.mdx rename component-docs/{ => src}/stackflow/Stack.ts (100%) rename component-docs/{ => src}/stackflow/index.ts (100%) rename component-docs/{ => src}/stackflow/stackflow.config.ts (100%) rename component-docs/{ => src}/stores/progress-circle.ts (100%) rename component-docs/{ => src}/stores/skeleton.ts (100%) rename component-docs/{ => src}/styles/f.css.ts (100%) rename component-docs/{ => src}/styles/index.ts (100%) rename component-docs/{ => src}/templates/get-started-installation.mdx (100%) rename component-docs/{ => src}/templates/seed-design-configuration.mdx (100%) diff --git a/component-docs/pages/patterns/skeleton.mdx b/component-docs/pages/patterns/skeleton.mdx deleted file mode 100644 index 28871f15c..000000000 --- a/component-docs/pages/patterns/skeleton.mdx +++ /dev/null @@ -1,11 +0,0 @@ -import { Stackflow } from "@/components/Stackflow"; -import { SkeletonControls } from '@/components/SkeletonControls'; -import SkeletonWaveActivity from "@/activities/skeleton/SkeletonWaveActivity"; - -# Skeleton - -### Wave - - - - diff --git a/component-docs/activities/ActivityLayout.css.ts b/component-docs/src/activities/ActivityLayout.css.ts similarity index 97% rename from component-docs/activities/ActivityLayout.css.ts rename to component-docs/src/activities/ActivityLayout.css.ts index 971a94fa3..7fd9e67f3 100644 --- a/component-docs/activities/ActivityLayout.css.ts +++ b/component-docs/src/activities/ActivityLayout.css.ts @@ -1,7 +1,7 @@ import { style } from "@vanilla-extract/css"; import { vars } from "@seed-design/design-token"; -import { f } from "@/styles"; +import { f } from "@/src/styles"; export const wrapper = style([f.posAbsFull, f.flexColumn, f.rootLineHeight]); diff --git a/component-docs/activities/ActivityLayout.tsx b/component-docs/src/activities/ActivityLayout.tsx similarity index 81% rename from component-docs/activities/ActivityLayout.tsx rename to component-docs/src/activities/ActivityLayout.tsx index d41051fa8..506d89bf8 100644 --- a/component-docs/activities/ActivityLayout.tsx +++ b/component-docs/src/activities/ActivityLayout.tsx @@ -1,14 +1,14 @@ import { AppScreen } from "@stackflow/plugin-basic-ui"; -import IconExpandMore from "@/assets/IconExpandMore"; -import IconSearch from "@/assets/IconSearch"; -import IconSettings from "@/assets/IconSettings"; -import IconBell from "@/assets/IconBell"; -import IconHome from "@/assets/IconHome"; -import IconMenu from "@/assets/IconMenu"; -import IconSell from "@/assets/IconSell"; -import IconChatting from "@/assets/IconChatting"; -import IconProfile from "@/assets/IconProfile"; +import IconExpandMore from "@/src/assets/IconExpandMore"; +import IconSearch from "@/src/assets/IconSearch"; +import IconSettings from "@/src/assets/IconSettings"; +import IconBell from "@/src/assets/IconBell"; +import IconHome from "@/src/assets/IconHome"; +import IconMenu from "@/src/assets/IconMenu"; +import IconSell from "@/src/assets/IconSell"; +import IconChatting from "@/src/assets/IconChatting"; +import IconProfile from "@/src/assets/IconProfile"; import * as css from "./ActivityLayout.css"; diff --git a/component-docs/activities/AlertDialogDefaultActivity.tsx b/component-docs/src/activities/AlertDialogDefaultActivity.tsx similarity index 100% rename from component-docs/activities/AlertDialogDefaultActivity.tsx rename to component-docs/src/activities/AlertDialogDefaultActivity.tsx diff --git a/component-docs/activities/ChipTabsBasicActivity.tsx b/component-docs/src/activities/ChipTabsBasicActivity.tsx similarity index 100% rename from component-docs/activities/ChipTabsBasicActivity.tsx rename to component-docs/src/activities/ChipTabsBasicActivity.tsx diff --git a/component-docs/activities/TabsAlertActivity.tsx b/component-docs/src/activities/TabsAlertActivity.tsx similarity index 100% rename from component-docs/activities/TabsAlertActivity.tsx rename to component-docs/src/activities/TabsAlertActivity.tsx diff --git a/component-docs/activities/TabsDisabledActivity.tsx b/component-docs/src/activities/TabsDisabledActivity.tsx similarity index 100% rename from component-docs/activities/TabsDisabledActivity.tsx rename to component-docs/src/activities/TabsDisabledActivity.tsx diff --git a/component-docs/activities/skeleton/SkeletonWaveActivity.tsx b/component-docs/src/activities/skeleton/SkeletonWaveActivity.tsx similarity index 94% rename from component-docs/activities/skeleton/SkeletonWaveActivity.tsx rename to component-docs/src/activities/skeleton/SkeletonWaveActivity.tsx index 0bfaf6877..bbf53bef3 100644 --- a/component-docs/activities/skeleton/SkeletonWaveActivity.tsx +++ b/component-docs/src/activities/skeleton/SkeletonWaveActivity.tsx @@ -1,13 +1,13 @@ import type { ActivityComponentType } from "@stackflow/react/future"; import * as React from "react"; -import Layout from "@/activities/ActivityLayout"; +import Layout from "@/src/activities/ActivityLayout"; import { Skeleton } from "@/seed-design/ui/skeleton"; import { useSkeletonDuration, useSkeletonLoading, useSkeletonTimingFunction, -} from "@/stores/skeleton"; +} from "@/src/stores/skeleton"; declare module "@stackflow/config" { interface Register { diff --git a/component-docs/assets/IconBell.tsx b/component-docs/src/assets/IconBell.tsx similarity index 97% rename from component-docs/assets/IconBell.tsx rename to component-docs/src/assets/IconBell.tsx index d16e8733c..0a58db54c 100644 --- a/component-docs/assets/IconBell.tsx +++ b/component-docs/src/assets/IconBell.tsx @@ -1,4 +1,4 @@ -import { f } from "@/styles"; +import { f } from "@/src/styles"; const SVG = ` diff --git a/component-docs/assets/IconChatting.tsx b/component-docs/src/assets/IconChatting.tsx similarity index 98% rename from component-docs/assets/IconChatting.tsx rename to component-docs/src/assets/IconChatting.tsx index 2cf0d9994..dcdc4d75c 100644 --- a/component-docs/assets/IconChatting.tsx +++ b/component-docs/src/assets/IconChatting.tsx @@ -1,4 +1,4 @@ -import { f } from "@/styles"; +import { f } from "@/src/styles"; const SVG = ` diff --git a/component-docs/assets/IconExpandMore.tsx b/component-docs/src/assets/IconExpandMore.tsx similarity index 95% rename from component-docs/assets/IconExpandMore.tsx rename to component-docs/src/assets/IconExpandMore.tsx index 9d970c1f2..167ab1c87 100644 --- a/component-docs/assets/IconExpandMore.tsx +++ b/component-docs/src/assets/IconExpandMore.tsx @@ -1,4 +1,4 @@ -import { f } from "@/styles"; +import { f } from "@/src/styles"; const SVG = ` diff --git a/component-docs/assets/IconHome.tsx b/component-docs/src/assets/IconHome.tsx similarity index 95% rename from component-docs/assets/IconHome.tsx rename to component-docs/src/assets/IconHome.tsx index 5774cc676..8d5cd7c5d 100644 --- a/component-docs/assets/IconHome.tsx +++ b/component-docs/src/assets/IconHome.tsx @@ -1,4 +1,4 @@ -import { f } from "@/styles"; +import { f } from "@/src/styles"; const SVG = ` diff --git a/component-docs/assets/IconMenu.tsx b/component-docs/src/assets/IconMenu.tsx similarity index 96% rename from component-docs/assets/IconMenu.tsx rename to component-docs/src/assets/IconMenu.tsx index 67b36b1a3..ea4d1ef79 100644 --- a/component-docs/assets/IconMenu.tsx +++ b/component-docs/src/assets/IconMenu.tsx @@ -1,4 +1,4 @@ -import { f } from "@/styles"; +import { f } from "@/src/styles"; const SVG = ` diff --git a/component-docs/assets/IconProfile.tsx b/component-docs/src/assets/IconProfile.tsx similarity index 97% rename from component-docs/assets/IconProfile.tsx rename to component-docs/src/assets/IconProfile.tsx index 31befb47e..1c782a787 100644 --- a/component-docs/assets/IconProfile.tsx +++ b/component-docs/src/assets/IconProfile.tsx @@ -1,4 +1,4 @@ -import { f } from "@/styles"; +import { f } from "@/src/styles"; const SVG = ` diff --git a/component-docs/assets/IconSearch.tsx b/component-docs/src/assets/IconSearch.tsx similarity index 96% rename from component-docs/assets/IconSearch.tsx rename to component-docs/src/assets/IconSearch.tsx index 8ee60a522..224823469 100644 --- a/component-docs/assets/IconSearch.tsx +++ b/component-docs/src/assets/IconSearch.tsx @@ -1,4 +1,4 @@ -import { f } from "@/styles"; +import { f } from "@/src/styles"; const SVG = ` diff --git a/component-docs/assets/IconSell.tsx b/component-docs/src/assets/IconSell.tsx similarity index 94% rename from component-docs/assets/IconSell.tsx rename to component-docs/src/assets/IconSell.tsx index 667daa2a0..6e813ba18 100644 --- a/component-docs/assets/IconSell.tsx +++ b/component-docs/src/assets/IconSell.tsx @@ -1,4 +1,4 @@ -import { f } from "@/styles"; +import { f } from "@/src/styles"; const SVG = ` diff --git a/component-docs/assets/IconSettings.tsx b/component-docs/src/assets/IconSettings.tsx similarity index 98% rename from component-docs/assets/IconSettings.tsx rename to component-docs/src/assets/IconSettings.tsx index 2e794bc36..c733304cb 100644 --- a/component-docs/assets/IconSettings.tsx +++ b/component-docs/src/assets/IconSettings.tsx @@ -1,4 +1,4 @@ -import { f } from "@/styles"; +import { f } from "@/src/styles"; const SVG = ` diff --git a/component-docs/seed-design/components/alert-dialog.tsx b/component-docs/src/components/AlertDialog.tsx similarity index 77% rename from component-docs/seed-design/components/alert-dialog.tsx rename to component-docs/src/components/AlertDialog.tsx index 3b2fcbb7e..fbbdb5ec3 100644 --- a/component-docs/seed-design/components/alert-dialog.tsx +++ b/component-docs/src/components/AlertDialog.tsx @@ -1,7 +1,7 @@ import * as React from "react"; -import { AlertDialog as UIAlertDialog } from "../ui/alert-dialog"; -import { BoxButton } from "../ui/box-button"; +import { AlertDialog as UIAlertDialog } from "../../seed-design/ui/alert-dialog"; +import { BoxButton } from "../../seed-design/ui/box-button"; export const AlertDialog: React.FC = () => { const [open, setOpen] = React.useState(false); diff --git a/component-docs/seed-design/components/chip-tabs.tsx b/component-docs/src/components/ChipTabs.tsx similarity index 100% rename from component-docs/seed-design/components/chip-tabs.tsx rename to component-docs/src/components/ChipTabs.tsx diff --git a/component-docs/components/Installation.tsx b/component-docs/src/components/Installation.tsx similarity index 100% rename from component-docs/components/Installation.tsx rename to component-docs/src/components/Installation.tsx diff --git a/component-docs/components/Preview.tsx b/component-docs/src/components/Preview.tsx similarity index 100% rename from component-docs/components/Preview.tsx rename to component-docs/src/components/Preview.tsx diff --git a/component-docs/seed-design/components/progress-circle.tsx b/component-docs/src/components/ProgressCircle.tsx similarity index 96% rename from component-docs/seed-design/components/progress-circle.tsx rename to component-docs/src/components/ProgressCircle.tsx index 14b5fa2f7..51f4075c0 100644 --- a/component-docs/seed-design/components/progress-circle.tsx +++ b/component-docs/src/components/ProgressCircle.tsx @@ -10,7 +10,7 @@ import { useProgressCircleMaxValue, useProgressCircleMinValue, useProgressCircleValue, -} from "@/stores/progress-circle"; +} from "@/src/stores/progress-circle"; export const ProgressCircle: React.FC = (props: ProgressCircleProps) => { const value = useProgressCircleValue(); diff --git a/component-docs/components/ProgressCircleControls.css.ts b/component-docs/src/components/ProgressCircleControls.css.ts similarity index 100% rename from component-docs/components/ProgressCircleControls.css.ts rename to component-docs/src/components/ProgressCircleControls.css.ts diff --git a/component-docs/components/ProgressCircleControls.tsx b/component-docs/src/components/ProgressCircleControls.tsx similarity index 98% rename from component-docs/components/ProgressCircleControls.tsx rename to component-docs/src/components/ProgressCircleControls.tsx index 75a664b29..53cd9f0cf 100644 --- a/component-docs/components/ProgressCircleControls.tsx +++ b/component-docs/src/components/ProgressCircleControls.tsx @@ -6,7 +6,7 @@ import { useProgressCircleEasing, useProgressCircleValue, useProgressCircleActions, -} from "@/stores/progress-circle"; +} from "@/src/stores/progress-circle"; import * as React from "react"; import * as css from "./ProgressCircleControls.css"; diff --git a/component-docs/components/SkeletonControls.css.ts b/component-docs/src/components/SkeletonControls.css.ts similarity index 100% rename from component-docs/components/SkeletonControls.css.ts rename to component-docs/src/components/SkeletonControls.css.ts diff --git a/component-docs/components/SkeletonControls.tsx b/component-docs/src/components/SkeletonControls.tsx similarity index 98% rename from component-docs/components/SkeletonControls.tsx rename to component-docs/src/components/SkeletonControls.tsx index 946ed66b9..580216fce 100644 --- a/component-docs/components/SkeletonControls.tsx +++ b/component-docs/src/components/SkeletonControls.tsx @@ -5,7 +5,7 @@ import { useSkeletonGradient, useSkeletonLoading, useSkeletonTimingFunction, -} from "@/stores/skeleton"; +} from "@/src/stores/skeleton"; import * as React from "react"; import { controlBlock, controlInput, controlLabel } from "./SkeletonControls.css"; diff --git a/component-docs/components/Stackflow.tsx b/component-docs/src/components/Stackflow.tsx similarity index 96% rename from component-docs/components/Stackflow.tsx rename to component-docs/src/components/Stackflow.tsx index 4e47844e0..cc1280d46 100644 --- a/component-docs/components/Stackflow.tsx +++ b/component-docs/src/components/Stackflow.tsx @@ -1,4 +1,4 @@ -import { makeStack } from "@/stackflow"; +import { makeStack } from "@/src/stackflow"; import type { Register } from "@stackflow/config"; import type { ActivityComponentType } from "@stackflow/react/future"; import { useSimpleReveal } from "simple-reveal"; diff --git a/component-docs/seed-design/components/tabs.tsx b/component-docs/src/components/Tabs.tsx similarity index 100% rename from component-docs/seed-design/components/tabs.tsx rename to component-docs/src/components/Tabs.tsx diff --git a/component-docs/pages/_app.mdx b/component-docs/src/pages/_app.mdx similarity index 100% rename from component-docs/pages/_app.mdx rename to component-docs/src/pages/_app.mdx diff --git a/component-docs/pages/_document.tsx b/component-docs/src/pages/_document.tsx similarity index 100% rename from component-docs/pages/_document.tsx rename to component-docs/src/pages/_document.tsx diff --git a/component-docs/pages/_meta.json b/component-docs/src/pages/_meta.json similarity index 100% rename from component-docs/pages/_meta.json rename to component-docs/src/pages/_meta.json diff --git a/component-docs/pages/components/_meta.json b/component-docs/src/pages/components/_meta.json similarity index 100% rename from component-docs/pages/components/_meta.json rename to component-docs/src/pages/components/_meta.json diff --git a/component-docs/pages/components/alert-dialog.mdx b/component-docs/src/pages/components/alert-dialog.mdx similarity index 74% rename from component-docs/pages/components/alert-dialog.mdx rename to component-docs/src/pages/components/alert-dialog.mdx index aa2b7b3d2..2113825e9 100644 --- a/component-docs/pages/components/alert-dialog.mdx +++ b/component-docs/src/pages/components/alert-dialog.mdx @@ -1,10 +1,10 @@ -import { AlertDialog } from '@/seed-design/components/alert-dialog'; -import { Installation } from '@/components/Installation'; -import { Preview } from '@/components/Preview'; -import { Stackflow } from "@/components/Stackflow"; +import { AlertDialog } from '@/src/components/AlertDialog'; +import { Installation } from '@/src/components/Installation'; +import { Preview } from '@/src/components/Preview'; +import { Stackflow } from "@/src/components/Stackflow"; import registry from '@/public/registry/components/alert-dialog.json'; -import AlertDialogDefaultActivity from "@/activities/AlertDialogDefaultActivity"; +import AlertDialogDefaultActivity from "@/src/activities/AlertDialogDefaultActivity"; # Alert Dialog diff --git a/component-docs/pages/components/box-button.mdx b/component-docs/src/pages/components/box-button.mdx similarity index 77% rename from component-docs/pages/components/box-button.mdx rename to component-docs/src/pages/components/box-button.mdx index e73dbd4d7..3963537da 100644 --- a/component-docs/pages/components/box-button.mdx +++ b/component-docs/src/pages/components/box-button.mdx @@ -1,6 +1,6 @@ import { BoxButton } from '@/seed-design/ui/box-button'; -import { Installation } from '@/components/Installation'; -import { Preview } from '@/components/Preview'; +import { Installation } from '@/src/components/Installation'; +import { Preview } from '@/src/components/Preview'; import registry from '@/public/registry/components/box-button.json'; diff --git a/component-docs/pages/components/checkbox.mdx b/component-docs/src/pages/components/checkbox.mdx similarity index 76% rename from component-docs/pages/components/checkbox.mdx rename to component-docs/src/pages/components/checkbox.mdx index 6df7bca48..f072a7666 100644 --- a/component-docs/pages/components/checkbox.mdx +++ b/component-docs/src/pages/components/checkbox.mdx @@ -1,6 +1,6 @@ import { Checkbox } from '@/seed-design/ui/checkbox'; -import { Installation } from '@/components/Installation'; -import { Preview } from '@/components/Preview'; +import { Installation } from '@/src/components/Installation'; +import { Preview } from '@/src/components/Preview'; import registry from '@/public/registry/components/checkbox.json'; diff --git a/component-docs/pages/components/progress-circle.mdx b/component-docs/src/pages/components/progress-circle.mdx similarity index 68% rename from component-docs/pages/components/progress-circle.mdx rename to component-docs/src/pages/components/progress-circle.mdx index bce4ab780..20fcbf53b 100644 --- a/component-docs/pages/components/progress-circle.mdx +++ b/component-docs/src/pages/components/progress-circle.mdx @@ -1,5 +1,5 @@ -import { ProgressCircle } from '@/seed-design/components/progress-circle'; -import { ProgressCircleControls } from '@/components/ProgressCircleControls'; +import { ProgressCircle } from '@/src/components/ProgressCircle'; +import { ProgressCircleControls } from '@/src/components/ProgressCircleControls'; # Progress Circle diff --git a/component-docs/pages/components/tabs/_meta.json b/component-docs/src/pages/components/tabs/_meta.json similarity index 100% rename from component-docs/pages/components/tabs/_meta.json rename to component-docs/src/pages/components/tabs/_meta.json diff --git a/component-docs/pages/components/tabs/chip-tabs.mdx b/component-docs/src/pages/components/tabs/chip-tabs.mdx similarity index 75% rename from component-docs/pages/components/tabs/chip-tabs.mdx rename to component-docs/src/pages/components/tabs/chip-tabs.mdx index 3624d638b..354a4f095 100644 --- a/component-docs/pages/components/tabs/chip-tabs.mdx +++ b/component-docs/src/pages/components/tabs/chip-tabs.mdx @@ -1,11 +1,11 @@ -import { Installation } from '@/components/Installation'; -import { Preview } from '@/components/Preview'; -import { Stackflow } from "@/components/Stackflow"; +import { Installation } from '@/src/components/Installation'; +import { Preview } from '@/src/components/Preview'; +import { Stackflow } from "@/src/components/Stackflow"; -import { ChipTabs } from '@/seed-design/components/chip-tabs'; +import { ChipTabs } from '@/src/components/ChipTabs'; import registry from '@/public/registry/components/chip-tabs.json'; -import ChipTabsBasicActivity from "@/activities/ChipTabsBasicActivity"; +import ChipTabsBasicActivity from "@/src/activities/ChipTabsBasicActivity"; # ChipTabs diff --git a/component-docs/pages/components/tabs/tabs.mdx b/component-docs/src/pages/components/tabs/tabs.mdx similarity index 74% rename from component-docs/pages/components/tabs/tabs.mdx rename to component-docs/src/pages/components/tabs/tabs.mdx index 086499e14..f7f185f1c 100644 --- a/component-docs/pages/components/tabs/tabs.mdx +++ b/component-docs/src/pages/components/tabs/tabs.mdx @@ -1,12 +1,12 @@ -import { Installation } from '@/components/Installation'; -import { Preview } from '@/components/Preview'; -import { Stackflow } from "@/components/Stackflow"; +import { Installation } from '@/src/components/Installation'; +import { Preview } from '@/src/components/Preview'; +import { Stackflow } from "@/src/components/Stackflow"; -import { Tabs } from '@/seed-design/components/tabs'; +import { Tabs } from '@/src/components/Tabs'; import registry from '@/public/registry/components/tabs.json'; -import TabsDisabledActivity from "@/activities/TabsDisabledActivity"; -import TabsAlertActivity from "@/activities/TabsAlertActivity"; +import TabsDisabledActivity from "@/src/activities/TabsDisabledActivity"; +import TabsAlertActivity from "@/src/activities/TabsAlertActivity"; # Tabs diff --git a/component-docs/pages/get-started/CLI.mdx b/component-docs/src/pages/get-started/CLI.mdx similarity index 95% rename from component-docs/pages/get-started/CLI.mdx rename to component-docs/src/pages/get-started/CLI.mdx index 0fb843755..d5739eb75 100644 --- a/component-docs/pages/get-started/CLI.mdx +++ b/component-docs/src/pages/get-started/CLI.mdx @@ -1,4 +1,4 @@ -import SeedDesignConfiguration from "@/templates/seed-design-configuration.mdx"; +import SeedDesignConfiguration from "@/src/templates/seed-design-configuration.mdx"; # CLI diff --git a/component-docs/pages/get-started/_meta.json b/component-docs/src/pages/get-started/_meta.json similarity index 100% rename from component-docs/pages/get-started/_meta.json rename to component-docs/src/pages/get-started/_meta.json diff --git a/component-docs/pages/get-started/installation.mdx b/component-docs/src/pages/get-started/installation.mdx similarity index 100% rename from component-docs/pages/get-started/installation.mdx rename to component-docs/src/pages/get-started/installation.mdx diff --git a/component-docs/pages/get-started/installation/_meta.json b/component-docs/src/pages/get-started/installation/_meta.json similarity index 100% rename from component-docs/pages/get-started/installation/_meta.json rename to component-docs/src/pages/get-started/installation/_meta.json diff --git a/component-docs/pages/get-started/installation/next.mdx b/component-docs/src/pages/get-started/installation/next.mdx similarity index 95% rename from component-docs/pages/get-started/installation/next.mdx rename to component-docs/src/pages/get-started/installation/next.mdx index 42da22779..f526daca7 100644 --- a/component-docs/pages/get-started/installation/next.mdx +++ b/component-docs/src/pages/get-started/installation/next.mdx @@ -1,7 +1,7 @@ import { Steps, Tabs } from 'nextra/components' -import SeedDesignConfiguration from "@/templates/seed-design-configuration.mdx" -import Installation from "@/templates/get-started-installation.mdx" +import SeedDesignConfiguration from "@/src/templates/seed-design-configuration.mdx" +import Installation from "@/src/templates/get-started-installation.mdx" # 설치 diff --git a/component-docs/pages/get-started/installation/vite.mdx b/component-docs/src/pages/get-started/installation/vite.mdx similarity index 91% rename from component-docs/pages/get-started/installation/vite.mdx rename to component-docs/src/pages/get-started/installation/vite.mdx index a0741ffa5..d7a8e5b0b 100644 --- a/component-docs/pages/get-started/installation/vite.mdx +++ b/component-docs/src/pages/get-started/installation/vite.mdx @@ -1,7 +1,7 @@ import { Steps, Tabs } from 'nextra/components' -import SeedDesignConfiguration from "@/templates/seed-design-configuration.mdx" -import Installation from "@/templates/get-started-installation.mdx" +import SeedDesignConfiguration from "@/src/templates/seed-design-configuration.mdx" +import Installation from "@/src/templates/get-started-installation.mdx" # 설치 diff --git a/component-docs/pages/get-started/seed-design.json.mdx b/component-docs/src/pages/get-started/seed-design.json.mdx similarity index 96% rename from component-docs/pages/get-started/seed-design.json.mdx rename to component-docs/src/pages/get-started/seed-design.json.mdx index e8d80f848..e2ddfaed9 100644 --- a/component-docs/pages/get-started/seed-design.json.mdx +++ b/component-docs/src/pages/get-started/seed-design.json.mdx @@ -1,6 +1,6 @@ import { FileTree } from 'nextra/components'; -import SeedDesignConfiguration from "@/templates/seed-design-configuration.mdx"; +import SeedDesignConfiguration from "@/src/templates/seed-design-configuration.mdx"; # seed-design.json diff --git a/component-docs/pages/index.mdx b/component-docs/src/pages/index.mdx similarity index 100% rename from component-docs/pages/index.mdx rename to component-docs/src/pages/index.mdx diff --git a/component-docs/pages/libraries/seed-icon.mdx b/component-docs/src/pages/libraries/seed-icon.mdx similarity index 100% rename from component-docs/pages/libraries/seed-icon.mdx rename to component-docs/src/pages/libraries/seed-icon.mdx diff --git a/component-docs/src/pages/patterns/skeleton.mdx b/component-docs/src/pages/patterns/skeleton.mdx new file mode 100644 index 000000000..846747935 --- /dev/null +++ b/component-docs/src/pages/patterns/skeleton.mdx @@ -0,0 +1,11 @@ +import { Stackflow } from "@/src/components/Stackflow"; +import { SkeletonControls } from '@/src/components/SkeletonControls'; +import SkeletonWaveActivity from "@/src/activities/skeleton/SkeletonWaveActivity"; + +# Skeleton + +### Wave + + + + diff --git a/component-docs/stackflow/Stack.ts b/component-docs/src/stackflow/Stack.ts similarity index 100% rename from component-docs/stackflow/Stack.ts rename to component-docs/src/stackflow/Stack.ts diff --git a/component-docs/stackflow/index.ts b/component-docs/src/stackflow/index.ts similarity index 100% rename from component-docs/stackflow/index.ts rename to component-docs/src/stackflow/index.ts diff --git a/component-docs/stackflow/stackflow.config.ts b/component-docs/src/stackflow/stackflow.config.ts similarity index 100% rename from component-docs/stackflow/stackflow.config.ts rename to component-docs/src/stackflow/stackflow.config.ts diff --git a/component-docs/stores/progress-circle.ts b/component-docs/src/stores/progress-circle.ts similarity index 100% rename from component-docs/stores/progress-circle.ts rename to component-docs/src/stores/progress-circle.ts diff --git a/component-docs/stores/skeleton.ts b/component-docs/src/stores/skeleton.ts similarity index 100% rename from component-docs/stores/skeleton.ts rename to component-docs/src/stores/skeleton.ts diff --git a/component-docs/styles/f.css.ts b/component-docs/src/styles/f.css.ts similarity index 100% rename from component-docs/styles/f.css.ts rename to component-docs/src/styles/f.css.ts diff --git a/component-docs/styles/index.ts b/component-docs/src/styles/index.ts similarity index 100% rename from component-docs/styles/index.ts rename to component-docs/src/styles/index.ts diff --git a/component-docs/templates/get-started-installation.mdx b/component-docs/src/templates/get-started-installation.mdx similarity index 100% rename from component-docs/templates/get-started-installation.mdx rename to component-docs/src/templates/get-started-installation.mdx diff --git a/component-docs/templates/seed-design-configuration.mdx b/component-docs/src/templates/seed-design-configuration.mdx similarity index 100% rename from component-docs/templates/seed-design-configuration.mdx rename to component-docs/src/templates/seed-design-configuration.mdx diff --git a/packages/recipe-generator/preset/src/progress-circle.recipe.ts b/packages/recipe-generator/preset/src/progress-circle.recipe.ts index 51cb0a360..42ff2a135 100644 --- a/packages/recipe-generator/preset/src/progress-circle.recipe.ts +++ b/packages/recipe-generator/preset/src/progress-circle.recipe.ts @@ -82,8 +82,10 @@ const progressCircle = defineRecipe({ }, determinate: { "indicator-path": { - transition: - "stroke-dasharray var(--seed-spinner-determinate-duration, 0.3s) var(--seed-spinner-determinate-timing-function, cubic-bezier(0.35, 0.25, 0.65, 0.75)) 0s", + transitionDuration: "var(--seed-spinner-determinate-duration, 0.3s)", + transitionTimingFunction: + "var(--seed-spinner-determinate-timing-function, cubic-bezier(0.35, 0.25, 0.65, 0.75))", + transitionProperty: "stroke-dasharray, stroke-linecap", }, }, }, diff --git a/packages/stylesheet/progressCircle.css b/packages/stylesheet/progressCircle.css index 6db23deb0..feeeca14d 100644 --- a/packages/stylesheet/progressCircle.css +++ b/packages/stylesheet/progressCircle.css @@ -51,7 +51,9 @@ } .progressCircle__indicator-path--variant_determinate { - transition: stroke-dasharray var(--seed-spinner-determinate-duration, 0.3s) var(--seed-spinner-determinate-timing-function, cubic-bezier(0.35, 0.25, 0.65, 0.75)) 0s + transition-duration: var(--seed-spinner-determinate-duration, 0.3s); + transition-timing-function: var(--seed-spinner-determinate-timing-function, cubic-bezier(0.35, 0.25, 0.65, 0.75)); + transition-property: stroke-dasharray, stroke-linecap } @keyframes rotate { from {