Changelog

2026

  1. Minor

    MBSW UI 1.1.0

    Calendar, DatePicker, InlineEdit의 문구를 앱 언어에 맞게 설정할 수 있습니다.

    @mbsw/ui 1.1.0

    변경사항

    • Calendar의 labels로 요일, 탐색 버튼, 날짜 표시와 접근성 문구를 설정합니다. 날짜 언어는 CALENDAR_LOCALES.ko 또는 CALENDAR_LOCALES.en으로 선택합니다.
    • DatePickerContent의 calendarProps.labels로 달력 문구를 설정합니다.
    • InlineEdit의 clearLabel로 한 줄 입력의 지우기 버튼 이름을 설정합니다.

    업데이트

    UI를 1.1.0으로 업데이트하세요.

    npm install @mbsw/ui@1.1.0 @mbsw/tokens@1.1.0

    달력의 전체 문구를 번역하려면 labels의 문자열과 날짜 formatter를 함께 설정하세요. 생략한 문구는 한국어 기본값을 사용합니다.

    설치 가이드
  2. Patch

    MBSW UI 1.0.1

    버튼, 달력, 키 표기의 스타일을 다듬었습니다.

    @mbsw/ui 1.0.1

    변경사항

    • Button의 텍스트 간격과 Linux에서 작은 글자의 렌더링을 개선했습니다.
    • Calendar와 DatePicker의 달력 스크롤바를 숨겼습니다. 휠과 키보드로 계속 이동할 수 있습니다.
    • Kbd에 최소 16×16px 크기를 적용했습니다. 긴 키 이름은 내용에 맞게 넓어집니다.
    • SplitButton의 기본·호버·비활성 배경을 보정했습니다.

    업데이트

    UI를 1.0.1로 업데이트하세요.

    npm install @mbsw/ui@1.0.1 @mbsw/tokens@1.1.0

    기존 CSS import 경로와 공개 API를 그대로 사용할 수 있습니다.

    설치 가이드
  3. Minor

    MBSW Tokens 1.1.0

    에디터 구분선용 riido-border-divider 토큰을 추가했습니다.

    @mbsw/tokens 1.1.0

    새 토큰 사용법

    • CSS 변수 --riido-border-divider로 Light/Dark 테마에 맞는 구분선 색상을 적용할 수 있습니다.
    • Tailwind CSS 4에서는 border-riido-border-divider 유틸리티로 사용할 수 있습니다.

    업데이트

    Tokens를 1.1.0으로 업데이트하세요. UI와 별도로 설치할 수 있습니다.

    npm install @mbsw/tokens@1.1.0

    기존 토큰 이름과 값은 유지됩니다.

    설치 가이드
  4. Major

    MBSW 1.0.0

    MBSW UI와 Tokens의 첫 정식 버전을 배포했습니다. React 컴포넌트와 디자인 토큰을 함께 1.0.0으로 제공합니다.

    @mbsw/ui 1.0.0@mbsw/tokens 1.0.0

    이번 릴리즈의 변경사항

    • UI 0.19.1과 Tokens 0.6.1을 각각 1.0.0으로 전환했습니다. 기존 컴포넌트의 동작, 스타일, 공개 API와 토큰 값은 그대로 유지됩니다.
    • @mbsw/ui가 요구하는 @mbsw/tokens 버전은 ^1.0.0입니다. 두 패키지를 함께 1.x로 업데이트해야 합니다.
    • React 19와 Tailwind CSS 4 지원을 유지합니다. 이번 버전에서 새로 추가하거나 제거한 컴포넌트와 토큰은 없습니다.

    UI에 포함된 기능

    • Button, Input, Select, Calendar와 DatePicker를 비롯해 입력, 탐색, 오버레이, 피드백, 데이터 표시를 위한 React 컴포넌트를 제공합니다.
    • Dialog, Popover, DropdownMenu 등의 조합형 API와 컴포넌트별 TypeScript 타입을 제공합니다. 앱에서 상태, 데이터, 이벤트를 연결해 사용할 수 있습니다.
    • Light/Dark 테마와 토큰 기반 스타일을 지원합니다. 컴포넌트 CSS는 미리 빌드되어 있어 패키지 소스를 복사하거나 Tailwind로 다시 스캔할 필요가 없습니다.
    • Icon 크기는 CSS 토큰을 사용합니다. 전체 UI 스타일 또는 Button 스타일을 불러오면 Icon 스타일이 함께 포함됩니다.

    Tokens에 포함된 기능

    • Primitive, Semantic, Component 색상과 타이포그래피, 간격, 모서리, 테두리, 그림자 등의 디자인 값을 CSS 변수로 제공합니다. 공개 변수 이름은 --riido- 접두사를 유지합니다.
    • Light/Dark 테마에 따라 바뀌는 색상과 Tailwind CSS 4 테마 확장을 제공합니다. 기본 Tailwind 유틸리티와 함께 사용할 수 있습니다.
    • Canvas gradient와 모션 감소 설정을 위한 스타일시트, 토큰 manifest, TypeScript 토큰 이름 타입을 제공합니다. Canvas gradient는 영역의 왼쪽 위에서 오른쪽 아래로 향합니다.

    업데이트

    UI 0.19.1과 Tokens 0.6.1을 사용 중이라면 두 패키지를 함께 올려주세요. 해당 버전에서 사용하던 import 경로, 컴포넌트 API, CSS 변수는 그대로 사용할 수 있습니다.

    npm install @mbsw/ui@1.0.0 @mbsw/tokens@1.0.0

    React와 React DOM 19, Tailwind CSS 4가 필요합니다. Tokens만 사용하는 프로젝트는 @mbsw/tokens만 업데이트하면 됩니다.

    설치 가이드