diff --git a/frontend/_libs/external-temporal/components/interaction/Btn/Btn.css.ts b/frontend/_libs/external-temporal/components/interaction/Btn/Btn.css.ts index 314d2d1f..209ee489 100644 --- a/frontend/_libs/external-temporal/components/interaction/Btn/Btn.css.ts +++ b/frontend/_libs/external-temporal/components/interaction/Btn/Btn.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/_libs/external-temporal/components/interaction/BtnRound/BtnRound.css.ts b/frontend/_libs/external-temporal/components/interaction/BtnRound/BtnRound.css.ts index 153948a4..13532ee3 100644 --- a/frontend/_libs/external-temporal/components/interaction/BtnRound/BtnRound.css.ts +++ b/frontend/_libs/external-temporal/components/interaction/BtnRound/BtnRound.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/_libs/external-temporal/components/interaction/Chip/Chip.css.ts b/frontend/_libs/external-temporal/components/interaction/Chip/Chip.css.ts index b9bb5578..ed671038 100644 --- a/frontend/_libs/external-temporal/components/interaction/Chip/Chip.css.ts +++ b/frontend/_libs/external-temporal/components/interaction/Chip/Chip.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; const BASE = style({ diff --git a/frontend/_libs/external-temporal/components/interaction/FAB/FAB.css.ts b/frontend/_libs/external-temporal/components/interaction/FAB/FAB.css.ts index 0fe36d85..6a4c1f41 100644 --- a/frontend/_libs/external-temporal/components/interaction/FAB/FAB.css.ts +++ b/frontend/_libs/external-temporal/components/interaction/FAB/FAB.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/_libs/external-temporal/components/interaction/Input/Input.css.ts b/frontend/_libs/external-temporal/components/interaction/Input/Input.css.ts index 307a915c..4330b958 100644 --- a/frontend/_libs/external-temporal/components/interaction/Input/Input.css.ts +++ b/frontend/_libs/external-temporal/components/interaction/Input/Input.css.ts @@ -1,5 +1,5 @@ import { style, styleVariants } from '@vanilla-extract/css'; -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; const BASE = style({ backgroundColor: colors.GREY_200, diff --git a/frontend/_libs/external-temporal/components/interaction/Label/Label.css.ts b/frontend/_libs/external-temporal/components/interaction/Label/Label.css.ts index 174db501..c5872d65 100644 --- a/frontend/_libs/external-temporal/components/interaction/Label/Label.css.ts +++ b/frontend/_libs/external-temporal/components/interaction/Label/Label.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/_libs/external-temporal/components/interaction/Switch/Switch.css.ts b/frontend/_libs/external-temporal/components/interaction/Switch/Switch.css.ts index 009db58a..b665fdf3 100644 --- a/frontend/_libs/external-temporal/components/interaction/Switch/Switch.css.ts +++ b/frontend/_libs/external-temporal/components/interaction/Switch/Switch.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; export const CONTAINER_BASE = style({ diff --git a/frontend/_libs/external-temporal/components/interaction/Textarea/Textarea.css.ts b/frontend/_libs/external-temporal/components/interaction/Textarea/Textarea.css.ts index a8764bd8..3261dca7 100644 --- a/frontend/_libs/external-temporal/components/interaction/Textarea/Textarea.css.ts +++ b/frontend/_libs/external-temporal/components/interaction/Textarea/Textarea.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; const BASE = style({ diff --git a/frontend/_libs/external-temporal/components/layout/Segments/Segments.css.ts b/frontend/_libs/external-temporal/components/layout/Segments/Segments.css.ts index 5e0eaf74..72f89413 100644 --- a/frontend/_libs/external-temporal/components/layout/Segments/Segments.css.ts +++ b/frontend/_libs/external-temporal/components/layout/Segments/Segments.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; export const SEGMENT_CONTAINER = style({ display: 'flex', diff --git a/frontend/_libs/external-temporal/components/typography/Hn/H.css.ts b/frontend/_libs/external-temporal/components/typography/Hn/H.css.ts index 4cdbe51b..bb7ba93c 100644 --- a/frontend/_libs/external-temporal/components/typography/Hn/H.css.ts +++ b/frontend/_libs/external-temporal/components/typography/Hn/H.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; export const BOLD = style({ diff --git a/frontend/_libs/external-temporal/components/typography/Hr/Hr.css.ts b/frontend/_libs/external-temporal/components/typography/Hr/Hr.css.ts index 7d7db43e..8ab81ddf 100644 --- a/frontend/_libs/external-temporal/components/typography/Hr/Hr.css.ts +++ b/frontend/_libs/external-temporal/components/typography/Hr/Hr.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/_libs/external-temporal/components/typography/Text/P.tsx b/frontend/_libs/external-temporal/components/typography/Text/P.tsx index 80f567c6..623974b4 100644 --- a/frontend/_libs/external-temporal/components/typography/Text/P.tsx +++ b/frontend/_libs/external-temporal/components/typography/Text/P.tsx @@ -2,7 +2,7 @@ import React from 'react'; import type { ComponentPropsWithoutRef, ReactNode } from 'react'; import { TYPE } from './P.css'; -import { textColors } from '#/constants/Text.css'; +import { textColors } from '#/style/text.css'; export interface PghProps extends ComponentPropsWithoutRef<'p'> { type?: 'text' | 'caption'; diff --git a/frontend/_libs/external-temporal/components/typography/Text/Span.tsx b/frontend/_libs/external-temporal/components/typography/Text/Span.tsx index 0e82c00d..beb62647 100644 --- a/frontend/_libs/external-temporal/components/typography/Text/Span.tsx +++ b/frontend/_libs/external-temporal/components/typography/Text/Span.tsx @@ -1,6 +1,6 @@ import React from 'react'; import type { ComponentPropsWithoutRef, ReactNode } from 'react'; -import { textColors } from '#/constants/Text.css'; +import { textColors } from '#/style/text.css'; export interface SpanProps extends ComponentPropsWithoutRef<'span'> { color?: keyof typeof textColors; diff --git a/frontend/_libs/external-temporal/components/view/Card/Card.css.ts b/frontend/_libs/external-temporal/components/view/Card/Card.css.ts index 54642d5d..c7cf6dbe 100644 --- a/frontend/_libs/external-temporal/components/view/Card/Card.css.ts +++ b/frontend/_libs/external-temporal/components/view/Card/Card.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/_libs/external-temporal/components/view/Filter/Filter.css.ts b/frontend/_libs/external-temporal/components/view/Filter/Filter.css.ts index e9d6344d..250a590b 100644 --- a/frontend/_libs/external-temporal/components/view/Filter/Filter.css.ts +++ b/frontend/_libs/external-temporal/components/view/Filter/Filter.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; // 기본 CSS diff --git a/frontend/_libs/external-temporal/components/view/Icon/Icon.css.ts b/frontend/_libs/external-temporal/components/view/Icon/Icon.css.ts index 8b2dc19d..2e2ff662 100644 --- a/frontend/_libs/external-temporal/components/view/Icon/Icon.css.ts +++ b/frontend/_libs/external-temporal/components/view/Icon/Icon.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { styleVariants } from '@vanilla-extract/css'; export const COLOR = styleVariants({ diff --git a/frontend/_libs/external-temporal/components/view/List/List.css.ts b/frontend/_libs/external-temporal/components/view/List/List.css.ts index b671b884..36880e19 100644 --- a/frontend/_libs/external-temporal/components/view/List/List.css.ts +++ b/frontend/_libs/external-temporal/components/view/List/List.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; export const UL_BASE = style({ diff --git a/frontend/_libs/external-temporal/components/view/Tooltip/Tooltip.css.ts b/frontend/_libs/external-temporal/components/view/Tooltip/Tooltip.css.ts index 5ccda23f..e5a1f824 100644 --- a/frontend/_libs/external-temporal/components/view/Tooltip/Tooltip.css.ts +++ b/frontend/_libs/external-temporal/components/view/Tooltip/Tooltip.css.ts @@ -1,4 +1,4 @@ -import { colors } from '#/constants/colors'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/_libs/external-temporal/index.tsx b/frontend/_libs/external-temporal/index.tsx index 8b406357..6f884cce 100644 --- a/frontend/_libs/external-temporal/index.tsx +++ b/frontend/_libs/external-temporal/index.tsx @@ -34,9 +34,9 @@ export * from './components/view/Tooltip/Tooltip'; export * from './components/fallback/ErrorBoundary/ErrorBoundary'; export * from './components/fallback/Loading/Loading'; -export * from './util/global.css'; +export * from './style/global.css'; export * from './util/throttle'; export * from './util/debounce'; -export * from './constants/colors'; -export * from './constants/Text.css'; +export * from './style/colors'; +export * from './style/text.css'; diff --git a/frontend/_libs/external-temporal/constants/colors.ts b/frontend/_libs/external-temporal/style/colors.ts similarity index 100% rename from frontend/_libs/external-temporal/constants/colors.ts rename to frontend/_libs/external-temporal/style/colors.ts diff --git a/frontend/_libs/external-temporal/util/global.css.ts b/frontend/_libs/external-temporal/style/global.css.ts similarity index 96% rename from frontend/_libs/external-temporal/util/global.css.ts rename to frontend/_libs/external-temporal/style/global.css.ts index e9a85e0d..a1b6ca08 100644 --- a/frontend/_libs/external-temporal/util/global.css.ts +++ b/frontend/_libs/external-temporal/style/global.css.ts @@ -1,5 +1,5 @@ import { globalFontFace, globalStyle } from '@vanilla-extract/css'; -import { colors } from '../constants/colors'; +import { colors } from './colors'; export const style = { overflow: globalStyle('html, body', { diff --git a/frontend/_libs/external-temporal/constants/Text.css.ts b/frontend/_libs/external-temporal/style/text.css.ts similarity index 100% rename from frontend/_libs/external-temporal/constants/Text.css.ts rename to frontend/_libs/external-temporal/style/text.css.ts diff --git a/frontend/apps/notice/components/Notice/Notice.css.ts b/frontend/apps/notice/components/Notice/Notice.css.ts index fbb36548..20ed9444 100644 --- a/frontend/apps/notice/components/Notice/Notice.css.ts +++ b/frontend/apps/notice/components/Notice/Notice.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { styleVariants } from '@vanilla-extract/css'; export const BACKGROUND = styleVariants({ normal: { diff --git a/frontend/apps/notice/tsconfig.json b/frontend/apps/notice/tsconfig.json index 02f39ae3..a561f203 100644 --- a/frontend/apps/notice/tsconfig.json +++ b/frontend/apps/notice/tsconfig.json @@ -5,8 +5,7 @@ "baseUrl": "./", "paths": { "@N/*": ["./*"], - "#/components/*": ["../../_libs/external-temporal/components/*"], - "#/constants/*": ["../../_libs/external-temporal/constants/*"] + "#/*": ["../../_libs/external-temporal/*"] } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], diff --git a/frontend/apps/schedule/components/CategorySelect/Category.css.ts b/frontend/apps/schedule/components/CategorySelect/Category.css.ts index b1d0a1cc..b39d2e98 100644 --- a/frontend/apps/schedule/components/CategorySelect/Category.css.ts +++ b/frontend/apps/schedule/components/CategorySelect/Category.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; export const CONTAINER = style({ diff --git a/frontend/apps/schedule/components/MobileCalendar/MobileCalendarIndex/MobileCalendarIndex.css.ts b/frontend/apps/schedule/components/MobileCalendar/MobileCalendarIndex/MobileCalendarIndex.css.ts index 75b65fdc..02a99051 100644 --- a/frontend/apps/schedule/components/MobileCalendar/MobileCalendarIndex/MobileCalendarIndex.css.ts +++ b/frontend/apps/schedule/components/MobileCalendar/MobileCalendarIndex/MobileCalendarIndex.css.ts @@ -1,5 +1,5 @@ import { style } from '@vanilla-extract/css'; -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; export const BASE = style({ display: 'grid', diff --git a/frontend/apps/schedule/components/MobileDailyPlate/MobileDailyPlate.css.ts b/frontend/apps/schedule/components/MobileDailyPlate/MobileDailyPlate.css.ts index ca4bd9e0..96a7ac87 100644 --- a/frontend/apps/schedule/components/MobileDailyPlate/MobileDailyPlate.css.ts +++ b/frontend/apps/schedule/components/MobileDailyPlate/MobileDailyPlate.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; export const LAYOUT_SCH = styleVariants({ diff --git a/frontend/apps/schedule/components/MobileDailyPlateList/MobileDailyPlateList.css.ts b/frontend/apps/schedule/components/MobileDailyPlateList/MobileDailyPlateList.css.ts index 4629477e..f1a20c59 100644 --- a/frontend/apps/schedule/components/MobileDailyPlateList/MobileDailyPlateList.css.ts +++ b/frontend/apps/schedule/components/MobileDailyPlateList/MobileDailyPlateList.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/apps/schedule/components/MobileMain/MobileMonthlyPage/DailyList/DailyList.css.ts b/frontend/apps/schedule/components/MobileMain/MobileMonthlyPage/DailyList/DailyList.css.ts index 3ca78b7e..ce4e0bc8 100644 --- a/frontend/apps/schedule/components/MobileMain/MobileMonthlyPage/DailyList/DailyList.css.ts +++ b/frontend/apps/schedule/components/MobileMain/MobileMonthlyPage/DailyList/DailyList.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/apps/schedule/components/MobileMonthlyPlate/MobileMonthlyPlate.css.ts b/frontend/apps/schedule/components/MobileMonthlyPlate/MobileMonthlyPlate.css.ts index 56b327e0..38967327 100644 --- a/frontend/apps/schedule/components/MobileMonthlyPlate/MobileMonthlyPlate.css.ts +++ b/frontend/apps/schedule/components/MobileMonthlyPlate/MobileMonthlyPlate.css.ts @@ -1,5 +1,5 @@ import { style, styleVariants } from '@vanilla-extract/css'; -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; export const BASE = style({ // width: 'calc(430px / 7)', diff --git a/frontend/apps/schedule/components/ScheduleDetail/ScheduleDetail.css.ts b/frontend/apps/schedule/components/ScheduleDetail/ScheduleDetail.css.ts index 1c8b7e38..67227b6c 100644 --- a/frontend/apps/schedule/components/ScheduleDetail/ScheduleDetail.css.ts +++ b/frontend/apps/schedule/components/ScheduleDetail/ScheduleDetail.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/apps/schedule/components/ScheduleEdit/ScheduleEditForm/Participants/Participants.css.ts b/frontend/apps/schedule/components/ScheduleEdit/ScheduleEditForm/Participants/Participants.css.ts index f8b080d3..232e6a05 100644 --- a/frontend/apps/schedule/components/ScheduleEdit/ScheduleEditForm/Participants/Participants.css.ts +++ b/frontend/apps/schedule/components/ScheduleEdit/ScheduleEditForm/Participants/Participants.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const PARTICIPANTS = style({ backgroundColor: colors.GREY_100, diff --git a/frontend/apps/schedule/components/ScheduleEdit/ScheduleEditFrame/ScheduleEditFrame.css.ts b/frontend/apps/schedule/components/ScheduleEdit/ScheduleEditFrame/ScheduleEditFrame.css.ts index a94e728c..6adc7285 100644 --- a/frontend/apps/schedule/components/ScheduleEdit/ScheduleEditFrame/ScheduleEditFrame.css.ts +++ b/frontend/apps/schedule/components/ScheduleEdit/ScheduleEditFrame/ScheduleEditFrame.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const BASE = style({}); diff --git a/frontend/apps/schedule/layout/Layout.css.ts b/frontend/apps/schedule/layout/Layout.css.ts index 3abcd620..f0163548 100644 --- a/frontend/apps/schedule/layout/Layout.css.ts +++ b/frontend/apps/schedule/layout/Layout.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const APPLAYOUT_MOBILE = style({ diff --git a/frontend/apps/schedule/tsconfig.json b/frontend/apps/schedule/tsconfig.json index 8c96ac94..966a0369 100644 --- a/frontend/apps/schedule/tsconfig.json +++ b/frontend/apps/schedule/tsconfig.json @@ -5,8 +5,7 @@ "baseUrl": "./", "paths": { "@SCH/*": ["./*"], - "#/components/*": ["../../_libs/external-temporal/components/*"], - "#/constants/*": ["../../_libs/external-temporal/constants/*"] + "#/*": ["../../_libs/external-temporal/*"] } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], diff --git a/frontend/apps/shell/components/Header/Header.css.ts b/frontend/apps/shell/components/Header/Header.css.ts index 8225e7e3..952459c6 100644 --- a/frontend/apps/shell/components/Header/Header.css.ts +++ b/frontend/apps/shell/components/Header/Header.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const BASE = style({ diff --git a/frontend/apps/shell/layout/Layout.css.ts b/frontend/apps/shell/layout/Layout.css.ts index f8d90f87..fc8debf3 100644 --- a/frontend/apps/shell/layout/Layout.css.ts +++ b/frontend/apps/shell/layout/Layout.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style } from '@vanilla-extract/css'; export const APPLAYOUT_MOBILE = style({ diff --git a/frontend/apps/shell/tsconfig.json b/frontend/apps/shell/tsconfig.json index 01ab017a..43070e0a 100644 --- a/frontend/apps/shell/tsconfig.json +++ b/frontend/apps/shell/tsconfig.json @@ -5,8 +5,7 @@ "baseUrl": "./", "paths": { "@SH/*": ["./*"], - "#/components/*": ["../../_libs/external-temporal/components/*"], - "#/constants/*": ["../../_libs/external-temporal/constants/*"] + "#/*": ["../../_libs/external-temporal/*"] } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], diff --git a/frontend/apps/user/components/Friend/FriendGroups/Friends.css.ts b/frontend/apps/user/components/Friend/FriendGroups/Friends.css.ts index e2a4c501..4300caf5 100644 --- a/frontend/apps/user/components/Friend/FriendGroups/Friends.css.ts +++ b/frontend/apps/user/components/Friend/FriendGroups/Friends.css.ts @@ -1,4 +1,4 @@ -import { colors } from '@amadda/external-temporal'; +import { colors } from '#/style/colors'; import { style, styleVariants } from '@vanilla-extract/css'; export const GROUP_LAYOUT = style({ diff --git a/frontend/apps/user/tsconfig.json b/frontend/apps/user/tsconfig.json index 9c27f636..7de8dcfe 100644 --- a/frontend/apps/user/tsconfig.json +++ b/frontend/apps/user/tsconfig.json @@ -5,8 +5,7 @@ "baseUrl": "./", "paths": { "@U/*": ["./*"], - "#/components/*": ["../../_libs/external-temporal/components/*"], - "#/constants/*": ["../../_libs/external-temporal/constants/*"] + "#/*": ["../../_libs/external-temporal/*"] } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],