v0.98.0

Minor Changes

• #923 cb6340ef Thanks @tenphi! - Rework of Button component to align its implementation and layout with Item and ItemButton components.

• #924 fd497403 Thanks @tenphi! - Add tokens prop to tasty components for defining CSS custom properties as inline styles. Tokens support design system values ($name for regular properties, #name for colors with RGB variants) and are merged from component defaults to instance usage. Use tokens instead of style prop for dynamic CSS custom properties.

• #924 fd497403 Thanks @tenphi! - Add dynamic icon support to Button and Item components. The icon and rightIcon props now support:

  • true - renders an empty slot (reserves space but shows nothing)
  • Function ({ loading, selected, ...mods }) => ReactNode | true - dynamically renders icon based on component modifiers

  Also made Mods type generic for better type definitions: Mods<{ loading?: boolean }> instead of extending interface.

Patch Changes

• #924 fd497403 Thanks @tenphi! - Enlarge the size of the fullscreen dialog.

• #924 fd497403 Thanks @tenphi! - Add IconSwitch component for icon transitions.

• #924 fd497403 Thanks @tenphi! - Remove redundant isButton prop from Item component.

• #924 fd497403 Thanks @tenphi! - Add tight modifier to preset style for setting line-height to the same value as font-size.

• #924 fd497403 Thanks @tenphi! - Add card type to Item component.

• #924 fd497403 Thanks @tenphi! - Add preserveContent prop to DisplayTransition component. When enabled (default: true), the component preserves children content during exit transitions, ensuring smooth animations even when parent components remove content immediately after hiding.

• #924 fd497403 Thanks @tenphi! - Add title type support to Item component.

• #924 fd497403 Thanks @tenphi! - Remove the selected mod in DisclosureTrigger.'

• #924 fd497403 Thanks @tenphi! - Fix Layout.PanelHeader props type.

v0.97.1

Patch Changes

• #921 974b8af4 Thanks @tenphi! - Layout sub-components now automatically add bottom borders between elements when the layout has vertical flow. This eliminates the need to manually set borders on individual components to create visual separation.

v0.97.0

Minor Changes

• #917 c64cd31b Thanks @tenphi! - Added Layout.Container and Layout.Center sub-components for centered content layouts:

  • Layout.Container - Horizontally centered content with constrained width (min 40x, max 120x). Ideal for forms, articles, and focused content.
  • Layout.Center - Extends Container with vertical centering and text-align center. Ideal for empty states, loading screens, and hero sections.

  Both components support innerStyles prop for customizing the inner container.

• #917 c64cd31b Thanks @tenphi! - Add new mode prop to Layout.Panel with support for sticky and overlay modes:

  • sticky - Panel floats over content without pushing it aside
  • overlay - Panel with dismissable backdrop (closes on backdrop click, Escape key, or focus change to main content)

  New props: mode, isDismissable, overlayStyles

Patch Changes

• #918 ecdc6ff3 Thanks @tenphi! - Add text highlighting support to Item component with highlight, highlightCaseSensitive, and highlightStyles props.

v0.96.0

Minor Changes

• fe46a7f2 Thanks @tenphi! - Add new Layout component with compound sub-components for building complex application layouts. Includes Layout.Header, Layout.Footer, Layout.Content, Layout.Toolbar, Layout.Pane, Layout.Panel, Layout.PanelHeader, Layout.Block, Layout.Flex, Layout.Grid, and standalone GridLayout.

v0.95.0

Minor Changes

• #911 33990457 Thanks @tenphi! - Added TextItem component for displaying text with automatic overflow handling and tooltips. Features include:

  • Auto-tooltip on text overflow (enabled by default)
  • Text highlighting with highlight prop for search results
  • Customizable highlight styles via highlightStyles prop
  • Case-sensitive/insensitive highlight matching
  • Inherits all Text component props

  Added Text.Highlight sub-component for semantic text highlighting (uses <mark> element).

  Breaking: Removed Text.Selection in favor of Text.Highlight.

v0.94.2

Patch Changes

• #905 bb390e25 Thanks @tenphi! - Fix form fields to prevent internal form prop from being spread to DOM elements

• #912 6ef9986e Thanks @tenphi! - Fixed styles prop leaking to inner elements in TextInput and Switch components

v0.94.1

Patch Changes

• #909 b72ca0dd Thanks @tenphi! - Fix the focused state styles of text inputs.

v0.94.0

Minor Changes

• #906 9fd69a24 Thanks @tenphi! - Add new Disclosure component for expandable/collapsible content sections. Features include:

  • Disclosure - Single expandable panel with trigger and content
  • Disclosure.Trigger - Built on ItemButton with full support for icons, descriptions, and actions
  • Disclosure.Content - Collapsible content area with smooth height animations
  • Disclosure.Group - Accordion container for multiple disclosures with single or multiple expanded support
  • Disclosure.Item - Individual item within a group

  Supports controlled/uncontrolled state, shape variants (default, card, sharp), disabled state, custom transition duration, and render prop API for custom triggers.

Patch Changes

• #908 21d8a310 Thanks @tenphi! - Fix content visibility in Disclosure.

v0.93.1

Patch Changes

• #903 e0214842 Thanks @tenphi! - Add fixed modifier to height and width styles. Use fixed 10x to set min, base, and max dimensions to the same value, creating a truly fixed size that cannot flex.

v0.93.0

Minor Changes

• #901 1d980997 Thanks @tenphi! - Added unified support for fieldProps, fieldStyles, labelProps, and labelStyles across all field components. The fieldStyles and labelStyles props serve as shorthands for fieldProps.styles and labelProps.styles respectively, with shorthand props taking priority. All merging logic is centralized in the wrapWithField helper.

  Breaking changes:

  • Removed wrapperStyles prop from TextInputBase and Select components (use styles prop instead for the root element).

Patch Changes

• #901 1d980997 Thanks @tenphi! - Added onOpenChange callback prop to Picker, FilterPicker, ComboBox, and Select components. This callback is invoked when the popover/overlay open state changes, receiving a boolean parameter indicating the new open state.