🐝 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

🗂️ Tabbing Your Way Through Rails! 🛤️

July 19, 2024

Hey Rails devs! 🎉 Our Nav Kit just got an upgrade with a new tabbing variant! Now, you can navigate dynamic content like a pro. Dive in and let your content flow! 📚✨ Happy coding! 💻🎨

13.33.0 full list of changes:

Kit Enhancements:

• Adding Tabbing Prop to the Nav Kit #3521 (carloslimasd)
• Star Rating Kit: Interactive Form Variant (Rails) #3523 (nickamantia)
• Form Pills: Match Handoff (Primary + Default) #3505 (elisashapiro)
• Implementing Form Resetting and Blank Selection Prop #3529) (carloslimasd)
• Implementing Default Value for Dropdown Kit #3510 (carloslimasd)

Fixed Bugs:

• RTE Custom Extension Dropdown Button Bug Fix #3528 (anthonymig88)
• Improve Consistency in Docs for Default Variant of Typeahead #3511 (anthonymig88)

Improvements:

• Create a Doc for Border Radius Global Props #3534 (elisashapiro)
• Update Highcharts CustomOptions Formatting Note #3515 (anthonymig88)
• Add Alias Map Entrypoint #3514 (markdoeswork)
• Hide Beta Versions of Kits within Kit Categories (with menu.yml) #3513 (elisashapiro)
• Linter implementation: kits T - W #3504 (kangaree)
• Playbook Icons Styles #3491 (markdoeswork)

Full Changelog

🐉 Effortless Drag and Drop Functionality with the NEW Draggable Kit! ⬆️⬇️

July 10, 2024

We are excited to introduce the new Draggable kit, a highly flexible solution for all your drag-and-drop needs! Use the simple subcomponent structure for greater flexibility or use the customized solutions for the List, Selectable List or Card kits for super easy implementation out of the box!

13.32.0 full list of changes:

Kit Enhancements:

• Implementing Dropdown Form Validation #3507 (carloslimasd)

Fixed Bugs:

• Remove Duplicate "block" Button in RTE on Start #3501 (kangaree)
• Hide Beta Versions of Kits within Beta Index (with menu.yml) #3500 (elisashapiro)
• Date Year Stacked Left Align Text Color Bug #3508 (anthonymig88)

Improvements:

• Power Centra in Playbook Part 2 (Change Variable Settings) #3134 (jasoncypret)
• Add Category to Playbook Kit Generator #3488 (elisashapiro)
• Bump ci-kubed v8.2.0 and Convert to use Remote buildkit cache mounts #3413 (TeamTeaTime)

New Kits:

• Draggable Kit #3487 (nidaqg)

Full Changelog

🌁 Introducing the New Overlay Kit — A Seamless Way to Implement Overlays! ‍🌁

June 28, 2024

Our latest Overlay component provides depth and dynamic feel to otherwise flat page elements. From artfully containing overflowing content, to improving page readability, to directing your users' attention to important content and actions; our Overlays give you even more power to expertly control your users' experience.

13.31.0 full list of changes:

Kit Enhancements:

• Adding Error State to the Dropdown Kit #3485 (carloslimasd)
• Adding Collapsed Prop to Collapsible Nav on Rails #3483 (nidaqg)
• Adding Column Sort to Advanced Table Kit #3481 (carloslimasd)
• Support Aliasing for Playbook-icons #3479 (jasperfurniss)
• Allow Any Icon to Be Used In Fixed Confirmation Toast #3478 (elisashapiro)
• Draggable V4 (beta) #3472 (nidaqg)

Fixed Bugs:

• Loading Advanced Table Mock Data In All Pages We Need #3480 (carloslimasd)
• Fix Timeline Kit (react) Not Accepting Global Props #3475 (elisashapiro)

Improvements:

• Website: Allow Type-specific Kit Doc Description Markdown #3466 (elisashapiro)
• Figma Changelog #3454 (markdoeswork)
• Date Time Stacked Docs #3486 (rachelradford21)

New Kits:

• Overlay Kit In Rails #3474 (nickamantia)

Full Changelog

---