Releases: Cratis/Components
Releases · Cratis/Components
Release v1.10.1
Fixed
- Moved layout-switch transition behavior into
ToolbarLayoutso 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
Added
- Added
ToolbarLayoutas a transparent, named toolbar region that renders fallback children or slot-contributed content. - Added dedicated
ToolbarLayoutdocumentation with usage patterns for fallback, multiple contributors, and context-sensitive layouts.
Changed
- Added
ToolbarLayoutstories demonstrating default content, injected layouts, multi-contributor composition, and context-sensitive swapping. - Exported
ToolbarLayoutandToolbarLayoutPropsfrom the Toolbar public API. - Updated Toolbar documentation TOC to include the new Toolbar Layout page.
Release v1.9.2
No release notes
Release v1.9.1
Fixed
CommandStepperno 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
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
titlefor 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
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
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
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:
maxColumnsprop (default: 5) andfolderDirectionprop (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 ToolbarFolderSource/Toolbar/Toolbar.stories.tsx— Three demonstration storiesDocumentation/Toolbar/folder.md— Usage guide and API referenceDocumentation/Toolbar/index.md— Updated components tableDocumentation/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
Added
- Added two new
CommandStepperStorybook stories that render inside realistic dialog-style frames.
Changed
- Exported
CommandStepperfrom the root module exports. - Added a dedicated
./CommandStepperpackage export entry inSource/package.json.
Fixed
- Repaired malformed JSX/TypeScript structure in
CommandStepper.stories.tsxso the Source build compiles cleanly.
Release v1.7.0
No release notes