Version Packages

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to dev, this PR will be updated.

Releases

@jects/jds@0.7.0

Minor Changes

• 6fc7ae7: Divider

  variant="dashed"의 대시가 6px 선, 6px 간격으로 그려집니다. 이전에는 브라우저가 대시 길이를 정했습니다. DividerProps가 variant 값에 따라 갈리는 유니온 타입이 되었고, 선이 border가 아닌 background로 그려집니다.

  소비처 영향 (코드 수정 필요)

  AS-IS	TO-BE
  interface X extends DividerProps { ... }	type X = DividerProps & { ... }
  border로 선 두께나 색을 덮어쓰기	thickness prop, dividerColorVar로 지정

  DividerProps를 확장하던 타입은 교차 타입으로 바꿉니다.

  -interface MyDividerProps extends DividerProps {
  -  spacing?: number;
  -}
  +type MyDividerProps = DividerProps & {
  +  spacing?: number;
  +};

  border로 선을 덮어쓰던 스타일은 제거합니다. 기본 선을 대체하지 않고 겹쳐 그려지며, 요소 높이가 thickness만큼 늘어납니다.

  -<Divider className='border-t-2 border-red-500' />
  +<Divider thickness='bold' />

  dashLength와 dashGap은 variant="dashed"를 함께 지정해야 쓸 수 있습니다.

  추가

  • dashLength — 점선 한 칸의 길이(px), 기본값 6, 최솟값 1
  • dashGap — 점선 사이 간격(px), 지정하지 않으면 하한이 적용된 dashLength를 따라감, 최솟값 1

  <Divider variant='dashed' />                             // 6 / 6
  <Divider variant='dashed' dashLength={2} />              // 2 / 2
  <Divider variant='dashed' dashLength={2} dashGap={6} />  // 2 / 6

  동작 변경 (코드 수정 불필요)

  • 강제 색상 모드(forced-colors: active)에서 dashLength와 dashGap이 반영되지 않음, 브라우저가 정한 대시가 적용됨
  • dividerColorVar로 색을 덮어쓰는 방식은 그대로 동작
  • orientation, thickness, variant와 렌더 엘리먼트, role은 변경 없음

Patch Changes

• 1ffb35f: Listbox

  내부 프리미티브인 Listbox에 표면을 그리지 않는 surface 옵션을 추가했습니다. Listbox는 배럴에 공개되지 않으므로 소비처에서 직접 사용할 수 없습니다.

  Select, MultiSelect, SelectField, MultiSelectField, SuggestionField는 기본값을 사용하므로 렌더 결과가 바뀌지 않습니다.

• 60370aa: Menu (Menu.Anchor / DropdownMenu.Anchor)

  Menu.Anchor와 DropdownMenu.Anchor에 asChild prop을 추가했습니다. asChild를 사용하면 Next.js의 Link나 React Router의 Link 같은 라우팅 컴포넌트를 메뉴 항목의 루트 요소로 사용할 수 있습니다. asChild를 사용하지 않고 href를 직접 전달하는 방식도 계속 지원합니다.

  추가

  • asChild (false) — 자식 라우팅 컴포넌트를 메뉴 앵커의 루트 요소로 합성
  • asChild 사용 시 단일 React 요소를 children으로 전달, disabled와 동시 사용 불가

  import NextLink from "next/link";
  
  <Menu.Anchor asChild>
    <NextLink href='/mypage'>마이페이지</NextLink>
  </Menu.Anchor>;

  동작 변경 (코드 수정 불필요)

  • disabled인 Menu.Anchor, DropdownMenu.Anchor의 href 제거, 각각 link, menuitem 역할 유지, 키보드 포커스와 클릭 핸들러 호출 차단

• 09be450: radix-ui 의존성을 1.6.7로 업데이트했습니다. 기존 JDS 공개 API와 사용 방법은 동일합니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
ject-official-web-site-client-web	Ready	Preview	Sep 21, 2026 6:45am UTC

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: 276d8912-a9fc-4e90-a90a-79dad6ac6fe6

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}