Minor Changes

• 6b251da: Steps

  스텝 컴포넌트 API 이름을 Step에서 Steps로 변경합니다. 기존 Step 컴포넌트와 관련 타입 export를 더 이상 @jects/jds에서 사용할 수 없으므로 breaking change입니다.

  AS-IS	TO-BE
  Step	Steps
  Step.Root	Steps.Root
  Step.Item	Steps.Item
  StepSize	StepsSize
  StepLayout	StepsLayout
  StepRootProps	StepsRootProps
  StepItemProps	StepsItemProps

  AS-IS

  import { Step } from "@jects/jds";
  import type { StepItemProps, StepRootProps } from "@jects/jds";
  <Step.Root current={1}>
   <Step.Item index={0}>First</Step.Item>
   <Step.Item index={1}>Second</Step.Item>
  </Step.Root>;

  TO-BE

  import { Steps } from "@jects/jds";
  import type { StepsItemProps, StepsRootProps } from "@jects/jds";
  <Steps.Root current={1}>
   <Steps.Item index={0}>First</Steps.Item>
   <Steps.Item index={1}>Second</Steps.Item>
  </Steps.Root>;

Minor Changes

• 11888b9: Badge Migration

  뱃지 컴포넌트의 variant 값과 일부 props/type 이름을 변경합니다. 기존 variant 값 중 일부가 제거되거나 대체되었고, ContentBadge의 아이콘 버튼 사용 방식과 public props 타입 이름도 함께 정리되었으므로 breaking change입니다.

  AS-IS	TO-BE
  FeedbackVariant = "positive" | "destructive" | "notifying"	FeedbackVariant = "positive" | "destructive"
  ThemeVariant = "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "violet" | "purple" | "fuchsia" | "pink" | "rose"	ThemeVariant = "red" | "orange" | "yellow" | "lime" | "green" | "teal" | "sky" | "indigo" | "purple" | "pink"
  NumericBadgeStyle = "solid" | "empty"	NumericBadgeStyle = "solid" | "alpha" | "hollow"
  ContentBadge.Basic의 withIcon	ContentBadge.Basic의 withIconButton
  withIcon 사용 시 선택적으로 전달하던 onIconClick	withIconButton: true 사용 시 필수로 전달하는 onIconClick
  ContentBadge.Feedback에 아이콘 버튼 props 없음	ContentBadge.Feedback도 withIconButton, onIconClick 지원
  ContentFeedbackBadgeProps	ContentBadgeFeedbackProps
  ContentThemeBadgeProps	ContentBadgeThemeProps
  NumericBasicBadgeProps	NumericBadgeFeedbackProps
  BadgeStyle, BadgeStyleWithoutBorder	더 이상 export하지 않음

  ContentBadge의 Basic과 Feedback은 withIconButton이 true일 때만 onIconClick을 전달할 수 있습니다. withIconButton을 전달하지 않거나 false로 사용하는 경우에는 onIconClick을 함께 전달할 수 없습니다. Theme은 아이콘 버튼을 지원하지 않습니다.

  AS-IS

  import { ContentBadge, DotBadge, NumericBadge } from "@jects/jds";
  import type {
   ContentFeedbackBadgeProps,
   ContentThemeBadgeProps,
   NumericBasicBadgeProps,
  } from "@jects/jds";
  <ContentBadge.Basic withIcon onIconClick={handleClick}>
   레이블
  </ContentBadge.Basic>;
  <ContentBadge.Feedback variant='notifying'>알림</ContentBadge.Feedback>;
  <DotBadge.Feedback variant='notifying' />;
  <ContentBadge.Theme variant='cyan'>테마</ContentBadge.Theme>;
  <NumericBadge.Basic badgeStyle='empty'>99</NumericBadge.Basic>;

  TO-BE

  import { ContentBadge, DotBadge, NumericBadge } from "@jects/jds";
  import type {
   ContentBadgeFeedbackProps,
   ContentBadgeThemeProps,
   NumericBadgeFeedbackProps,
  } from "@jects/jds";
  <ContentBadge.Basic withIconButton onIconClick={handleClick}>
   레이블
  </ContentBadge.Basic>;
  <ContentBadge.Feedback variant='positive'>완료</ContentBadge.Feedback>;
  <DotBadge.Feedback variant='destructive' />;
  <ContentBadge.Theme variant='sky'>테마</ContentBadge.Theme>;
  <NumericBadge.Basic badgeStyle='hollow'>99</NumericBadge.Basic>;
  <NumericBadge.Feedback badgeStyle='alpha' variant='positive'>
   99
  </NumericBadge.Feedback>;

  사용처에서는 notifying, empty, 제거된 theme 색상(amber, emerald, cyan, blue, violet, fuchsia, rose)을 더 이상 사용할 수 없습니다. 해당 값들은 디자인 의도에 맞는 현재 variant 값으로 치환해야 합니다.

  추가로 Badge 컴포넌트들이 native span props를 받을 수 있도록 변경되어 className, aria-*, data-* 같은 속성을 컴포넌트에 직접 전달할 수 있습니다. 사용처에서 variant 옵션을 직접 관리하고 있다면 FEEDBACK_VARIANT_OPTIONS, THEME_VARIANT_OPTIONS, NUMERIC_BADGE_STYLE_OPTIONS를 기준으로 함께 갱신해야 합니다.

• 270653d: Interaction Utility Migration

  focusRing과 overlay 유틸을 style string export에서 recipe 함수 형태로 변경합니다. 두 유틸은 @jects/jds/utils를 통해 외부에 공개되어 있으므로, 외부 소비자가 직접 사용하고 있었다면 호출 방식 변경이 필요합니다.

  AS-IS	TO-BE
  focusRing	focusRing()
  overlay	overlay()

  AS-IS

  import { focusRing, overlay } from "@jects/jds/utils";
  const root = style([focusRing, overlay, baseStyles]);

  TO-BE

  import { focusRing, overlay } from "@jects/jds/utils";
  const root = style([focusRing(), overlay(), baseStyles]);

  focusRing은 border, feedback variant를 지원하고, overlay는 hierarchy, density, nativeHover variant를 지원합니다. nativeHover는 usePressable / useContainerPressable을 거치지 않는 Radix 기반 컴포넌트 등에서 native :hover fallback이 필요한 경우에만 명시적으로 opt-in해야 합니다.

  overlay({ hierarchy: "secondary", density: "normal", nativeHover: true });

  또한 interaction focus 색상과 interaction layer 토큰이 갱신되어, 관련 컴포넌트의 focus ring / hover / pressed 렌더링 결과가 달라질 수 있습니다.

Features

• feat: PageBoard, PageModule, PageHeroContainer 공통 레이아웃 컴포넌트 추가 (df4ace1)
• feat: PageModule에 className props 추가 (8ce791e)
• feat: StandardLayout 공통 레이아웃 컴포넌트 추가 (7c75441)
• feat: 운영진 신규 인원 프로필 이미지 추가 (ac35d35)
• feat: 운영진 변경 인원에 대한 이미지 및 소개 문구 반영 (723b519)
• feat: 젝트 공식 홈페이지 정보 추가 (#414) (6d29897)

Bug Fixes

• fix: 팀 프로젝트 카드 너비를 w-full로 통일 (353dd0c)
• fix: 태블릿 환경에서 GlobalNavigationBar 스타일링 수정 (025db2c)

Chores

• refactor: 최상위 메뉴 페이지에 공통 레이아웃 컴포넌트 적용 (699381f)
• refactor: 팀 프로젝트 상세 페이지 공통 레이아웃 컴포넌트 적용 (26a19c4)
• refactor: ApplyLayout에 PageBoard 적용 및 지원 안내 상세 페이지에 PageModule 적용 (9671dbf)
• refactor: 에러 페이지 공통 레이아웃 컴포넌트 적용 (7b4e1d9)
• refactor: TeamProjectDetail 내부 고정 너비 래퍼 제거 (e89536c)
• refactor: StandardLayout 적용 및 페이지 내 PageBoard 제거 (c7d2ceb)
• style: 소개 문구 높이 반응형으로 적용 (62c348a)
• style: 잘못된 id 수정 (98800be)
• style: 소개문구 높이 명시적으로 수정 (57d2ef0)
• refactor: 불필요한 소개문구 조건부 렌더링 삭제 (8fa6271)
• refactor: 멤버 정보 상수 별도 파일로 분리 (07a9dde)
• refactor: 멤버 관련 타입 분리 (5fda55a)

Patch Changes

• 12bc25b: include to added component in jds@0.2.1

Features

• feat: Radio(basic) 컴포넌트를 구현합니다 (a9b39ed)
• feat: RadioContent(empty, left, non-checked) 컴포넌트 스타일을 구현합니다 (12c73cd)
• feat: RadioContent 컴포넌트 (empty, left, checked) 스타일을 구현합니다 (9869c91)
• feat: RadioContent에 left, right 속성에 따른 레이블 위치, 서브 레이블을 구현합니다 (47e3cc6)
• feat: outline RadioContent 컴포넌트 스타일을 추가합니다 (df2df93)
• feat: outline RadioContent에서 disabled 일 때 border Color를 수정합니다 (57fcc46)
• feat: scheme 토큰화 및 반응형으로 구현합니다 (a517759)
• feat: Radio 컴포넌트에 cursor pointer 효과를 추가합니다 (7256538)
• feat: interaction에 pointerEvents none 속성을 추가합니다 (5ca8b1f)
• feat: checked, onChange, defaultChecked 타입을 명시합니다 (2f7e9b9)
• feat: controlled component 케이스를 위한 RadioGroup, Context를 생성합니다 (aea98ac)
• feat: 레이블이 줄바꿈되지 않도록 witheSpace 속성을 nowrap으로 설정합니다 (079d20a)
• feat: 지원서 작성 페이지 내 데이터 필드 추가 (#372) (c482156)
• feat: 5기 모집 알림 신청 버튼 활성화 및 링크 연결 (65cf870)

Bug Fixes

• fix: interaction 함수에 borderRadius inherit 속성을 추가합니다 (4b32e07)
• fix: Radio(basic) 컴포넌트에서 checked, disabled 조건 여부에 따른 색상을 수정합니다 (27d75c0)
• fix: SUB_LABEL_SIZE 임포트 경로로 인한 버그를 수정합니다 (61a8cfc)
• fix: align이 right일 때의 서브 레이블 위치를 수정합니다 (1181295)
• fix: RADIO_CONTAINER_SIZE에 borderRadius 속성을 추가합니다 (e5b4d5c)
• fix: interaction 스프레드 시 발생하는 타입에러를 해결합니다 (bdfebff)
• fix: subLabel에 하이퍼링크가 들어올 경우, 커서 모양으로 링크를 분별하기 위해 cursor 스타일을 default로 변경합니다 (ce95916)
• fix: Radio 컴포넌트 체크 스타일 버그를 수정합니다 (399dcf1)
• fix: 하이퍼링크 안되는 버그를 수정합니다 (8e27754)
• fix: grid 컨테이너에 align-items center 속성을 추가합니다 (eb41a72)
• fix: interaction에서 발생하는 타입 에러를 수정합니다 (ef88115)
• fix: Interaction 유틸함수 import 에러를 수정합니다. (2e9fc0c)
• fix: Radio.Root에서 받은 disabled 속성을 Radio.Basic으로 전달받을 수 있도록 수정합니다 (50cd572)
• fix: 브라우저 탭 전환 시에도 정확한 타이머 수행을 할 수 있도록 useCountdownTimer 함수를 수정합니다. (c54ae6a)
• fix: 인증번호 재발송 제한 안내 토스트 추가 (ec33fba)
• fix: 휴대폰 번호 형식 검증 로직을 추가합니다. (cd8456a)
• fix: 프로필 작성 페이지의 셀렉트 필드 포커스 이탈 시 셀렉트 목록이 닫히도록 수정합니다 (e434159)
• fix: 인증번호 에러 토스트 문구를 수정합니다. (6edd349)
• fix: 랜딩 페이지 통계 수치 및 문구 업데이트 (df17f08)
• fix: 지원 안내 페이지 섹션 너비 및 링크 레이아웃 수정 (44abb37)
• fix: 공통 에러 페이지 헤더 영역 침범 문제 및 패딩 수정 (d11629c)
• fix: JDS 2차 QA 대응 (#408) (5f9d232)

Chores

• docs: Radio(basic) 컴포넌트 스토리북을 작성합니다 (207c47b)
• refactor: Radio 컴포넌트에서 ComponentPropsWithoutRef를 확장하여 구현합니다. (17ea064)
• docs: Radio(basic) 컴포넌트 checked 스토리를 작성합니다 (576b1bd)
• docs: outline RadioContent를 스토리를 추가합니다 (7091720)
• refactor: style 컴포넌트명을 수정합니다 (66805da)
• docs: RadioContent의 하이퍼링크가 달린 레이블 스토리를 작성합니다 (3842fa9)
• refactor: Radio 컴포넌트에 반응형 토큰을 사용합니다 (6e80840)
• refactor: 린트 수정 및 토큰 구조를 맞게 수정합니다 (5a338cc)
• refactor: Radio 컴포넌트 구조를 변경합니다 (e841db5)
• refactor: RadioRoot를 label에서 div 태그로 변경하고 사용하지 않는 props를 제거합니다. (e6d9e3c)
• refactor: radio 컴포넌트명을 수정합니다. (f1d156c)
• docs: 라디오 컴포넌트 스토리를 수정합니다 (a910310)

Other Changes

• move: Radio 컴포넌트를 radioBasic 폴더로 이동합니다 (4b0271f)

Patch Changes

• 72ccd58: 2차 QA 대응

Minor Changes

• 9a1c7a3: refactor design systems and add code/table design system

@jects/jds

0.0.1

Major Changes

• 050b727: 리팩토링 이전 디자인 시스템 배포 테스트

Major Changes

• 050b727: 리팩토링 이전 디자인 시스템 배포 테스트

Features

• feat: 4기 모집 마감 (#376) (fba063c)

Other Changes

• update: 비전과 스토리 페이지의 구성원 변경 (#370) (3509d94)