Changelog

2026

  1. Minor

    MBSW UI 1.1.0

    Set labels in Calendar, DatePicker and InlineEdit to match your app’s language.

    @mbsw/ui 1.1.0

    Changes

    • Use Calendar’s labels to set weekdays, navigation, date formatting and accessible labels. Choose the date language with CALENDAR_LOCALES.ko or CALENDAR_LOCALES.en.
    • Pass calendar labels through DatePickerContent’s calendarProps.labels.
    • Use InlineEdit’s clearLabel to name the single-line clear button.

    Update

    Update UI to 1.1.0.

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

    To translate the whole calendar, set both the strings and date formatters in labels. Omitted labels use the Korean defaults.

    Installation guide
  2. Patch

    MBSW UI 1.0.1

    Refines styles for buttons, calendars and key labels.

    @mbsw/ui 1.0.1

    Changes

    • Improves Button text spacing and small-text rendering on Linux.
    • Hides the scrollbar in Calendar, including inside DatePicker. Wheel scrolling and keyboard navigation remain available.
    • Gives Kbd a minimum size of 16×16px. Longer key names expand to fit their content.
    • Corrects SplitButton backgrounds in default, hover and disabled states.

    Update

    Update UI to 1.0.1.

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

    Keep using your existing CSS import paths and public APIs.

    Installation guide
  3. Minor

    MBSW Tokens 1.1.0

    Adds riido-border-divider for editor dividers.

    @mbsw/tokens 1.1.0

    Using the new token

    • Use the CSS variable --riido-border-divider for a divider color that follows the light or dark theme.
    • With Tailwind CSS 4, use the border-riido-border-divider utility.

    Update

    Update Tokens to 1.1.0. You can install it independently of UI.

    npm install @mbsw/tokens@1.1.0

    Existing token names and values are unchanged.

    Installation guide
  4. Major

    MBSW 1.0.0

    MBSW UI and Tokens are now stable at version 1.0.0.

    @mbsw/ui 1.0.0@mbsw/tokens 1.0.0

    Changes in this release

    • UI moves from 0.19.1 to 1.0.0, and Tokens from 0.6.1 to 1.0.0. Component behavior, styles, public APIs and token values are unchanged.
    • @mbsw/ui requires @mbsw/tokens ^1.0.0. Update both packages to 1.x together.
    • React 19 and Tailwind CSS 4 support is unchanged. No components or tokens are added or removed.

    Included in UI

    • React components for forms, navigation, overlays, feedback and data display, including Button, Input, Select, Calendar and DatePicker.
    • Dialog, Popover and DropdownMenu provide composable APIs and component-specific TypeScript types. Use their public APIs to connect your app's state, data and events.
    • Components support light and dark themes and use token-based styles. CSS is prebuilt; you do not need to copy the package source or scan it with Tailwind.
    • Icon sizes use CSS tokens. Import the full UI stylesheet or the Button stylesheet to include Icon styles.

    Included in Tokens

    • CSS variables for Primitive, Semantic and Component colors, typography, spacing, radii, borders, shadows and other design values. Public variable names keep the --riido- prefix.
    • Light and dark theme colors and a Tailwind CSS 4 theme extension that works alongside the default utilities.
    • Canvas gradient and reduced-motion stylesheets, a token manifest and TypeScript token name types. Canvas gradients run from the top left to the bottom right of their container.

    Update

    If you use UI 0.19.1 and Tokens 0.6.1, update both packages together. Import paths, component APIs and CSS variables are unchanged.

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

    React 19, React DOM 19 and Tailwind CSS 4 are required. If you only use Tokens, you can update @mbsw/tokens on its own.

    Installation guide