PCWEB-11949 deprecated

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dramancompany/remember-ui",
-  "version": "2.4.6",
+  "version": "2.4.7",
   "description": "Remember UI Components",
   "homepage": "https://dramancompany.github.io/remember-ui/",
   "author": "DramanCompany",

src/components/Buttons/CustomButton/index.tsx

@@ -6,6 +6,9 @@ import type { CustomButtonProps } from './CustomButton.types';
 
 import { Container, Inner } from './CustomButton.styles';
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const CustomButton = ({
   className,
   disabled = false,

src/components/Buttons/LinkButton/index.tsx

@@ -10,6 +10,9 @@ export interface LinkButtonProps {
   children: React.ReactNode;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const LinkButton = ({
   address = '',
   showAddress = true,

src/components/Buttons/MoreButton/index.tsx

@@ -16,6 +16,9 @@ export interface MoreButtonProps {
   onClick?: React.MouseEventHandler<HTMLImageElement>;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const MoreButton = ({
   value = false,
   size = 'small',

src/components/Buttons/NewBaseButton/index.tsx

@@ -7,6 +7,9 @@ import { Container, Inner } from './NewBaseButton.styles';
 
 export * from './NewBaseButton.types';
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const NewBaseButton = ({
   className,
   disabled = false,

src/components/Buttons/TopButton/index.tsx

@@ -10,6 +10,9 @@ export interface TopButtonProps {
   marginLeft?: number;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const TopButton = ({ className, marginLeft = 562 }: TopButtonProps) => {
   const isScrollTop = useDetectScrollPositionTop();
 

src/components/Common/Chip/index.tsx

@@ -10,6 +10,9 @@ export interface ChipProps {
   onClick?: MouseEventHandler<HTMLDivElement>;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const Chip = ({
   children,
   className,

src/components/Common/Container/index.tsx

@@ -9,7 +9,9 @@ export interface ContainerProps {
   direction?: CSSProperties['flexDirection'];
 }
 
-/** @deprecated */
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const Container = ({
   children,
   className,

src/components/Common/Pagination/index.tsx

@@ -62,6 +62,9 @@ export interface PaginationProps {
   className?: string;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const Pagination = ({
   activePage = 1,
   totalItemCount = 0,

src/components/Common/Spinner/index.tsx

@@ -10,6 +10,9 @@ export interface SpinnerProps {
   className?: string;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const Spinner = ({
   width = 32,
   height = 32,

src/components/Control/Accordion/index.tsx

@@ -33,6 +33,9 @@ export interface AccordionMenuProps {
   isCheckedItem?: (title: string, value: string) => boolean;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const Accordion = ({
   menus = [],
   onClickItem = () => {},

src/components/Control/BasePopover/index.tsx

@@ -17,6 +17,9 @@ export interface BasePopoverProps {
   children: ReactNode;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const BasePopover = ({
   content,
   onPopoverOpenChange = () => {},

src/components/Control/Checkbox/index.tsx

@@ -13,6 +13,9 @@ export interface CheckboxProps
   $size?: keyof typeof SIZE_MAP;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const Checkbox = ({
   state = 'off',
   round = false,

src/components/Control/PopoverItem/index.tsx

@@ -15,6 +15,9 @@ export interface PopoverItemProps extends PopoverProps {
   className?: string;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const PopoverItem = ({
   children,
   selected = false,

src/components/Control/Radio/index.tsx

@@ -13,6 +13,9 @@ export interface RadioProps
   $size?: keyof typeof SIZE_MAP;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const Radio = ({
   isChecked = false,
   theme = 'yellow',

src/components/Control/Select/index.tsx

@@ -42,6 +42,9 @@ export interface SelectProps<T> {
   errorMessage?: string;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const Select = <T extends string | number>({
   options = [],
   value,

src/components/Control/Switch/index.tsx

@@ -17,6 +17,9 @@ export interface SwitchProps {
   color?: string;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const Switch = ({
   className,
   checked,

src/components/Control/Tooltip/BaseTooltip/index.tsx

@@ -41,6 +41,9 @@ export interface BaseTooltipProps {
   className?: string;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const BaseTooltip = ({
   customComponent,
   offset = '0,0',

src/components/Control/Tooltip/InfoTooltip/index.tsx

@@ -13,6 +13,9 @@ export interface InfoTooltipProps {
   customAnimation?: 'headShake';
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const InfoTooltip = ({
   children,
   content,

src/components/Icon/ProfileAvatar/index.tsx

@@ -11,6 +11,9 @@ export interface ProfileAvatarProps {
   width?: number;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const ProfileAvatar = ({
   className,
   color = gray150,

src/components/Input/BaseInput/index.tsx

@@ -34,6 +34,9 @@ interface CustomInputProps<T extends string | number> {
 export type BaseInputProps<T extends string | number> = CustomInputProps<T> &
   InputHTMLAttributes<HTMLInputElement>;
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const BaseInput = <T extends string | number = string>({
   value,
   name,

src/components/Input/DoubleInput/index.tsx

@@ -26,6 +26,9 @@ export interface DoubleInputProps {
   className?: string;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const DoubleInput = ({
   label1,
   label2 = ' ',

src/components/Input/ImageInput/index.tsx

@@ -18,6 +18,9 @@ export interface ImageInputProps {
   className?: string;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const ImageInput = ({
   id,
   onChange,

src/components/Input/MaskingInput/index.tsx

@@ -44,6 +44,9 @@ export interface MaskingInputProps {
   mask: MaskedInputProps['mask'];
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const MaskingInput = ({
   value,
   name,

src/components/Input/Textarea/index.tsx

@@ -35,6 +35,9 @@ export interface TextareaProps {
   resize?: boolean;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const Textarea = ({
   outerRef,
   value = '',

src/components/Logo/index.tsx

@@ -6,6 +6,9 @@ export interface RememberLogoProps {
   height?: number;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const RememberLogo = ({
   className,
   color = 'white',

src/components/Modal/BaseModal/index.tsx

@@ -26,6 +26,9 @@ export interface BaseModalProps {
   children?: ReactNode;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const BaseModal = ({
   isOpen = false,
   onClose = () => {},

src/components/Modal/ConfirmModal/index.tsx

@@ -67,6 +67,9 @@ export interface ConfirmModalProps
   testId?: string;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const ConfirmModal = ({
   icon = 'success',
   title,

src/components/Modal/DesignedModal/index.tsx

@@ -43,6 +43,9 @@ export interface DesignedModalProps
   children?: ReactNode;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const DesignedModal = ({
   isOpen,
   onClose,

src/components/Modal/MessageModal/index.tsx

@@ -16,6 +16,9 @@ export interface MessageModalProps {
   children?: ReactNode;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const MessageModal = ({
   isOpen,
   children,

src/components/Modal/MobileFullModal/index.tsx

@@ -41,6 +41,9 @@ export interface MobileFullModalProps {
   children?: ReactNode;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const MobileFullModal = ({
   topNavbarOffset = '0px',
   isOpen = false,

src/components/Modal/ProgressModal/index.tsx

@@ -28,6 +28,9 @@ export interface ProgressModalProps {
   dragOnDrag?: () => void;
 }
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const ProgressModal = ({
   icon,
   title,

src/core/GlobalStyle/external.ts

@@ -114,6 +114,9 @@ const ModalTheme = css`
   }
 `;
 
+/**
+ * @deprecated remember-ui는 더 이상 사용되지 않습니다. Rui를 사용해주세요.
+ */
 export const GlobalTheme = createGlobalStyle`
   ${TippyTheme}
   ${ModalTheme}