Skip to content

Releases: Cratis/Components

Release v1.10.1

09 May 06:08
6fcef65

Choose a tag to compare

Fixed

  • Moved layout-switch transition behavior into ToolbarLayout so editor layout swaps animate without story-level transition wiring.
  • Updated ToolbarLayout stories to focus on editor scenarios while relying on built-in ToolbarLayout transitions.
  • Fixed Toolbar documentation TOC indentation for the Toolbar Layout entry.

Release v1.10.0

09 May 05:52
0efd18a

Choose a tag to compare

Added

  • Added ToolbarLayout as a transparent, named toolbar region that renders fallback children or slot-contributed content.
  • Added dedicated ToolbarLayout documentation with usage patterns for fallback, multiple contributors, and context-sensitive layouts.

Changed

  • Added ToolbarLayout stories demonstrating default content, injected layouts, multi-contributor composition, and context-sensitive swapping.
  • Exported ToolbarLayout and ToolbarLayoutProps from the Toolbar public API.
  • Updated Toolbar documentation TOC to include the new Toolbar Layout page.

Release v1.9.2

08 May 18:57

Choose a tag to compare

No release notes

Release v1.9.1

07 May 10:15
23b4565

Choose a tag to compare

Fixed

  • CommandStepper no longer allows advancing to a later step — via the Next button or by clicking a later step tab — when the current step has validation errors.

Release v1.9.0

05 May 14:17
b1c2cec

Choose a tag to compare

Added

  • Toolbar groups and slot-based composition for building dynamic toolbar layouts
  • List-mode folder rendering for tool sets that need visible labels
  • Toolbar documentation for groups and slots

Changed

  • Toolbar stories now demonstrate grouped layouts, slot-driven content, and richer context switching examples
  • Toolbar APIs now use title for button labels and tooltip text

Fixed

  • Toolbar section and slot transitions now cross-fade and clip content while the toolbar grows, preventing buttons from floating outside the toolbar bounds during context switches

Release v1.8.2

27 Apr 14:22
f5c5472

Choose a tag to compare

Fixed

  • ToolbarSection no longer stays at its initial (empty) height when toolbar buttons are populated asynchronously from a backend query, preventing overlap with following toolbar groups

Release v1.8.1

26 Apr 14:04
45cad4e

Choose a tag to compare

Fixed

  • Keep ToolbarSection dimensions synchronized with active context content changes after render using ResizeObserver
  • Prevent tooltip clipping inside Toolbar folders by removing the visible-state clip-path constraint

Release v1.8.0

26 Apr 09:07

Choose a tag to compare

Overview

Introduces a new ToolbarFolder component that expands a dynamically-sized grid of buttons when clicked, complementing the existing ToolbarFanOutItem for organizing larger sets of toolbar actions.

Changes

  • ToolbarFolder component: Click-to-toggle expandable folder with balanced grid layout
  • Dynamic sizing: Grid columns auto-balance based on item count (1x1 for 1 item, 2x2 for 4, 5x4 for 20, etc.)
  • Animation: Smooth reveal via clip-path + scale + opacity transitions
  • Configuration: maxColumns prop (default: 5) and folderDirection prop (left/right)
  • API exports: Full public component and props types
  • Storybook stories: 1-button, 4-button, and 20-button demonstration stories
  • Documentation: Complete guide with layout explanation and usage examples

Files Changed

  • Source/Toolbar/ToolbarFolder.tsx — New component (105 lines)
  • Source/Toolbar/Toolbar.css — New folder panel styles (48 lines)
  • Source/Toolbar/index.ts — Export ToolbarFolder
  • Source/Toolbar/Toolbar.stories.tsx — Three demonstration stories
  • Documentation/Toolbar/folder.md — Usage guide and API reference
  • Documentation/Toolbar/index.md — Updated components table
  • Documentation/Toolbar/toc.yml — Added folder documentation entry

Testing

  • Visual verification in Storybook (1/4/20 item grids) ✓
  • TypeScript compile check ✓
  • CSS validation ✓

Release v1.7.1

19 Apr 15:45
701add3

Choose a tag to compare

Added

  • Added two new CommandStepper Storybook stories that render inside realistic dialog-style frames.

Changed

  • Exported CommandStepper from the root module exports.
  • Added a dedicated ./CommandStepper package export entry in Source/package.json.

Fixed

  • Repaired malformed JSX/TypeScript structure in CommandStepper.stories.tsx so the Source build compiles cleanly.

Release v1.7.0

19 Apr 07:06

Choose a tag to compare

No release notes