🐉 Draggable Kit Now Available For Rails! ✨

November 18, 2024

Now introducing the Draggable Kit for Rails! It’s easy to implement with a simple, flexible subcomponent structure right out of the box and works with almost any kit. Like its React counterpart, it’s fully customizable to fit your Rails project’s unique needs.

14.8.0 full list of changes:

Kit Enhancements:

• Remove react-modal from Drawer Kit (#3891) (@markdoeswork)
• Add Color Hover Docs and Fix Background Hover (#3874) (@markdoeswork)
• Adding defaultDate Prop to Date Picker Quick Pick Variant (#3907) (@carloslimasd)
• Timeline Small Variant: Add "Gap" Prop to Timeline Kit (#3903) (@skduncan)

Fixed Bugs:

• Fix Dark Mode Date Colors- Dots, Icons, and Captions (#3894) (@kangaree)

Improvements:

• Global Hover Visibility Prop (#3905) (@kangaree)
• Bump intl-tel-input from 24.6.0 to 24.7.0 (#3895) (@dependabot)
• Fixing Github Action Errors (#3904) (@jasperfurniss)
• Semver Targets Trigger Correct RCs - Update Version (#3831) (@skduncan)
• Semver Targets Trigger Correct RCs - Check Label (#3822) (@skduncan)

New Kits:

• Draggable Kit in Rails (#3863) (@nidaqg)

Full Changelog

Go Further With Our Custom Timelines!

November 8, 2024

The Timeline kit now lets you swap in custom components, allowing clear, adaptable tracking for projects, processes, and user journeys. This enables your Timelines to be more informative and lets you adjust it to fit your needs!

14.7.0 full list of changes:

Kit Enhancements:

• Custom Cells for Advanced Table First Column (#3889) (@nidaqg)
• Group hover Global Prop (#3833) (@markdoeswork)
• Timeline Sub Components (#3801) (@markdoeswork)
• Tooltip for Truncated Form Pills (#3856) (@ElisaShapiro)
• Currency Kit Comma Separator (#3867) (@jasperfurniss)

Fixed Bugs:

• Fix Height Prop for HtmlOptions Support (#3873) (@jasperfurniss)
• Fix Overflow Container Bug by Using Padding Instead of Outline (#3807) (@kangaree)

Improvements:

• Bump @tiptap/extension-document from 2.1.12 to 2.6.6 (#3879) (@skduncan)
• Fixing parsing kits props (#3857) (@carloslimasd)
• Bump lazysizes from 5.2.2 to 5.3.2 (#3855) (@skduncan)
• Font Awesome Setup Docs: JS Bundle and Asset Pipeline - Phase 2 (#3878) (@kangaree)
• Add Details to Dependencies Docs (#3885) (@markdoeswork)
• Font Awesome Setup Documentation - Phase 1 (#3865) (@kangaree)
• Add Dependencies to Getting Started Page (#3864) (@markdoeswork)
• Swift Changelog Update (#3854) (@RachelRadford21)
• Add README.md to Root in Dist for NPM (#3853) (@kangaree) Update Sentry DSNs (#3843) (@benlangfeld)

New Kits:

• Beta Skeleton Loading Kit - React (#3876) (@ElisaShapiro)
• Beta Link Kit (#3852) (@kangaree)

Full Changelog

Supercharge Your Tables: Custom Components in Advanced Table Cells!

October 22, 2024

We’re excited to announce a new level of flexibility for your tables! The Advanced Table now supports custom components within individual cells. Using the optional customRenderer in columnDefinition, you can access not only the current cell's value but also the entire row's data. This opens up powerful possibilities to render dynamic, tailored content in each cell with ease.

14.6.2 full list of changes:

Kit Enhancements:

• Custom Width for Popover Kit and PopoverProps for Filter Kit #3827 (ElisaShapiro)
• Dropdown Kit - States & Variant Prop #3828 (nickamantia)
• Custom Cells for Advanced Table #3821 (nidaqg)
• Multiple User Bubble Size Prop #3719 (markdoeswork)
• Adding React Dropdown Clearing Feature #3793 (carloslimasd)
• Filter Kit - Filter Kit Displaying Zero Results #3799 (ElisaShapiro)
• Add Reset Functionality to Rails side of MultiLevelSelect #3792 (nidaqg)
• Allow Children for MultiLevelSelect #3661 (nidaqg)
• Loading State for Rails Form, Resolution of Dialog Loading #3753 (skduncan)

Fixed Bugs:

• Advanced Table Kit "toggle all" is Inverted in Rails #3790 (ElisaShapiro)
• Truncating the Typeahead FormPill Text #3738 (carloslimasd)
• Fixing icon display for markdown helper #3754 (skduncan)
• Set Total Tickets Hero Gauge Height to 150px instead of 25% #3752 (kangaree)
• Dropdown ClassName Fix #3845 (@nickamantia)

Improvements:

• Upgrade intl-tel-input to Latest and Make Fixes #3791 (kangaree)
• Bump react-zoom-pan-pinch from 2.6.1 to 3.6.0 #3817 (kangaree)
• Update react modal version #3819 (markdoeswork)
• Add rdbms to playbook-website #3778 (indiebrain)
• Show htmlOptions as a Global Prop #3755 (skduncan)
• Support Multiple Versions of ruby/psych #3751 (xjunior)
• More storage for CI image builds #3767 (benlangfeld)

Full Changelog

🐝 Improved Usability, Flexibility, Customization and More! 🐝

October 1, 2024

We’re back! 14.5.0 is live in Nitro and is packed with improvements, bug fixes and more!
This release focuses on continued improvements to usability, customization, and visual consistency!

14.5.0 full list of changes:

Kit Enhancements:

• Enable Kits Instead of Text for Radio Label - React Only #3691 (nickamantia)
• Remove marginBottom from Typeahead Kit #3680 (elisashapiro)

Fixed Bugs:

• Fixing Minimizing the Dropdown When Clicking Outside #3688 (carloslimasd)
• Make Dialog Close 'x' Icons Same Size #3706 (kangaree)

Improvements:

• Bump Highcharts Packages to Latest #3708 (kangaree)
• Remove FA from the Playbook Website #3687 (skduncan)
• Add Comment When Merge to Master for RC #3727 (markdoeswork)
• Fix Spacing on Radio kit Children Doc Example #3730 (elisashapiro)
• Add Multiple Pagination Components Example and Dynamic Key Copy #3715 (elisashapiro)
• Bump to ci-kubed v8.6.0 [no-cache] #3639 (TeamTeaTime)
• Add Comment Script for RCs #3717 (markdoeswork)
• Use New Icons #3648 (markdoeswork)

New Kits:

• Drawer Beta Kit #3686 (markdoeswork)

Full Changelog

Spot Everyone at a Glance: Meet the New Multiple Users Component!

September 18, 2024

We've added a fresh option to our MultipleUsersStacked component with the new bubble variant! This update showcases full user avatars in a sleek, Apple-inspired grid layout, enhancing recognition and clarity. It's a versatile addition to your toolkit, offering a refined way to display multiple users!

14.4.0 full list of changes:

Kit Enhancements:

• Bubble Variant to Multiple Users Stacked #3692 (kangaree)
• Form Pills: Add All Color Options #3636 (elisashapiro)
• Implementing Radio customChildren Prop #3685 (carloslimasd)

Fixed Bugs:

• Fix Undefined Method Error in SamplesController#show #3675 (skduncan)
• Make Rails Icons fixed-width #3656 (skduncan)

Improvements:

• Remove Bad UTF-8 Character #3679 (@dhhuynh2)
• Playground Sanitization Security #3624
• Upgraded Popper and React-Popper #3681 (jasperfurniss)

Full Changelog

Star Ratings and Page-Turning Upgrades 💫

September 6, 2024

Our Star Rating kit now shines brighter with added interactivity and hover effects! ⭐ And don’t forget to flip through content with our Pagination kit, now available in React in addition to Rails.

14.3.2 full list of changes:

Kit Enhancements:

• Add all Target Options to the Hashtag and Home Address Street Kits #3650 (skduncan)
• Adding Default Value Prop to Rails Star Rating Kit #3629 (carloslimasd)
• Collapsible Optional Icon #3643 (elisashapiro)
• Add "loading" Variant to Circle Icon Button #3633 (kangaree)

Fixed Bugs:

• Return empty string for SVG with HTTP errors [\404s, timeouts] #3658 (kangaree)
• Redirect If Guide Doesn't Exist #3653 (kangaree)
• React pagination glitchiness #3647 (elisashapiro)
• Fix @import playbook.scss Errors - Fix Theming / Overriding SCSS Variables #3608 (kangaree)
• Timestamp Kit Rails: Elapsed Time Variant Issue #3606 (skduncan)
• Fix Github Action Bug that Breaks Build #3655 (jasperfurniss)
• Testing Incrementing for Github Action RC #3651 (jasperfurniss)
• Fix Missing Template Error in PagesController #3645 (skduncan)
• Fixing TextArea Duplicated Classname #3660 (carloslimasd)
• Fix Collapsible Glitchiness When State Changes Quickly #3664 (kangaree)

Improvements:

• Fixes RC Github Action Limit #3666 (jasperfurniss)
• Fix Kebab Logic #3649 (markdoeswork)
• Dialog Disable Rails - Remove Duplicate Data #3646 (markdoeswork)
• RTE Previewer + Output Rails #3625 (elisashapiro)
• Implement Error Handling and Additions for Github Action #3652 (jasperfurniss)

Full Changelog

⭐ Improving Usability, Flexibility, and Accessibility ⭐

August 31st, 2024

This release brings several enhancements and new kits aimed at improving user experience, customization, and visual clarity!
To make things easier on devs, Playbook now allows you to import our custom themes directly into your apps to style Highcharts charts. In this release, we also introduced different size options for form pills, offering more flexibility for you. We added a new form control for star ratings, provided a new error variant for badge notifications to bring clarity for error states, and added a loading state for buttons in the Dialog. Check out all the other great improvements in 14.2.1 here:

Kit Enhancements:

• Export Highchart Theming Files #3615 (nidaqg)
• Form Pill 3 Of 5: Sizes #3607 (elisashapiro)
• Adding Star Rating Form Controls #3600 (carloslimasd)
• Badge Notification Error Variant #3596 (kangaree)
• Add Beta Flag to Kit Generator In Playbook #3589 (skduncan)
• Loading State Of a Button Within a Dialog (react) #3579 (kangaree)
• Add Minwidth Global Prop #3551 (markdoeswork)

Fixed Bugs:

• Fixing Phone Number Input Kit Flag Misalignment #3626 (carloslimasd)
• Bug Fix: Rails Advanced Table Dark Mode #3602 (anthonymig88)

New Kits:

• Gantt Chart Beta Kit #3614 (nidaqg)
• New Pagination Kit In React #3552 (nickamantia)

Improvements:

• Upgrade View_component Gem #3613 (phylum)
• Initial Rc Github Action #3611 (jasperfurniss)
• Rte Advanced Previewer + Output Styles (react) #3578 (elisashapiro)
• Bumping Axecore Dependency to 4.10.0 #3620 (jasperfurniss)(skduncan)
• Testing Dependency Update with New Release Flow #3617 (jasperfurniss)
• Dialog Kit Loading State Buttons #3599 (markdoeswork)
• Bump React-joyride from 2.5.3 to 2.8.2 #3594 (dependabot[bot])
• Upgrade Ci-kubed to 8.3.0 #3585 (benlangfeld)

Full Changelog

⏫ Leveling Up: Enhancements, Bug Fixes, and More! ⏫

August 13, 2024

As always, we’ve been hard at work to bring you new features, bug fixes, and improvements that not only improves our platforms quality and usability but will help you create even better UI and experiences! Here’s everything that shipped on 14.1.0:

Kit Enhancements:

• Swift Changelog #3580 (skduncan)
• Star Rating Kit: Add Styles and Animation #3566 (elisashapiro)
• Online Status Kit Props: Size and No Border #3563 (kangaree)
• Responsive Version Of Advancedtable Kit (react) #3559 (elisashapiro)
• Fix Zindex Global Prop Issues In Playbook (and Nitro) #3545 (kangaree)

Fixed Bugs:

• Horizontal Default Nav - Fix Alignment #3582 (skduncan)
• Updating Datepicker Doc for Rails for Formatting Issue #3581 (skduncan)
• Rails Typeahead Does Not Accept Global Props If Ismulti=false #3575 (elisashapiro)
• Stat Value Kit Inconsistencies #3553 (anthonymig88)

Improvements:

• Add Toggle ("show More") Example to Overlay Kit #3577 (kangaree)
• Linter: Kits T - W (except Typeahead) #3573 (kangaree)
• Document How to Theme Within Playbook #3561 (kangaree)
• Pulling Fonts from Power-fonts #3574 (jasperfurniss)

Full Changelog

🎨 Playbook, Now With Vite! 🌈

August 5, 2024

With 14.0.0, Playbook is now Vite-driven! This means that devs can continue to ship code faster and more efficiently, and it makes contributing to Playbook even easier! Additionally, our bundle size decreased by 24%! Enjoy this new, faster and more efficient Playbook experience!

14.0.0 full list of changes:

Improvements:

• ViteJS in Playbook #3520 (thestephenmarshall)

Full Changelog

🎨 Icon Colors Made Easy! 🌈

July 31, 2024

Customize icons effortlessly with the new color prop! 🎨 Apply any text, status, data, product, or category color with just a prop—no more custom CSS or text wrapping. Enjoy instant, hassle-free updates! 🚀🌟

13.34.1 full list of changes:

Kit Enhancements:

• Implementing Star Rating Interactive Variant for React #3550 (carloslimasd)
• Use New Content Tag #3548 (markdoeswork)
• Form pills 2 of 5:Add Icon Prop #3540 (elisashapiro)
• Icon Kit: Add a Color Prop #3527 (elisashapiro)

Fixed Bugs:

• Fix for Color Icon Scss #3562 (jasperfurniss)
• Fix Dark Mode Styles: Collapsible Kit #3530 (anthonymig88)
• Dark Mode Fix: Contact and DateRangeInline #3526 (anthonymig88)
• Dropdown Kit in Rails Form Fixes #3536 (nidaqg)

Improvements:

• Icons Batch 8 #3541 (markdoeswork)
• Add Variants Specification to Kit Collection View #3516 (kangaree)

Full Changelog