v0.98.4

Patch Changes

• #934 488bda2d Thanks @tenphi! - Fix infinite loop in IconSwitch component caused by unnecessary state updates when children prop reference changes. The component now renders current children directly for the active icon instead of storing it in state, preventing render loops while maintaining proper transition behavior.

v0.98.3

Patch Changes

• #932 ec68eae0 Thanks @tenphi! - Remove root header tag in LayoutPanelHeader.

v0.98.2

Patch Changes

• #930 51ebcf44 Thanks @tenphi! - Allow description wrapping in items.

• #930 51ebcf44 Thanks @tenphi! - Fix paddings for Layout.PanelHeader

• #930 51ebcf44 Thanks @tenphi! - Apply header tag to Item title in card type.

v0.98.1

Patch Changes

• #928 45ff2f40 Thanks @tenphi! - Add icons: ColumnTotalIcon, RowTotalsIcon, SubtotalsIcon.

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