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

---

13.30.0

June 12, 2024

List of changes:

Kit Enhancements:

• Add Turbo Frame Event Listener to Dialog Kit #3451 (augustomallmann)
• Table_header Flex Removal #3452 (nickamantia)
• Draggable v3 (Beta) #3463 (nidaqg)

Fixed Bugs:

• Fix Kit Generator in Playbook #3459 (elisashapiro)
• Fix Kit Props Table Circle Chart #3448 (markdoeswork)
• Fix for Collapsible Kit Local Env Rendering Issue #3464 (nidaqg)

Improvements:

• Upgrade Phone Number Library #3453 (markdoeswork)
• Horizontal Bar Graph Doc Examples #3460 (nickamantia)

New Kits:

• Overlay Kit (Beta) #3441 (carloslimasd)

Full Changelog

Unlock Ultimate Customization with a Single Prop for All Chart Kits!

June 07, 2024

Our latest addition simplifies customizations for all of our chart kits by allowing users to pass any settings accepted by Highcharts through a single prop. This enhancement ensures you have complete control over your chart’s appearance and behavior without the hassle of managing multiple properties or needing custom, 1-to-1 props to support your unique chart requirements.

13.29.0 full list of changes:

Kit Enhancements:

• Add border_width prop to CircleChart Rails #3457 (nickamantia)
• Draggable Kit v2 (Beta) #3447 (nidaqg)
• Accept all Highcharts Props in Chart Kits #3443 (nickamantia)
• Fix for Icon Rails Kit based on Subdirectory Structure #3438 (jasperfurniss)
• Remove Extra Div from SelectableCard Kit #3437 (markdoeswork)
• Adding outerPadding Prop to Table Kit #3435 (carloslimasd)
• Table kit Subcomponent Alignment + Shift #3426 (nickamantia)
• Adding enableToggleExpansion and subrowHeaders Prop to Advanced Table #3429 (carloslimasd)
• Dropdown Kit with Form Builder #3425 (nidaqg)

Fixed Bugs:

• Fix Form Group DatePicker Border Radius Bug in React #3431 (elisashapiro)
• Card Kit Highlight Overflow w/ Tooltip Error #3419 (elisashapiro)
• Replace Broken Links on Playbook Website #3434 (elisashapiro)
• Checkbox z-index Issue with Sticky #3423 (elisashapiro)

Improvements:

• Adding Vertical Align Global Prop Doc #3450 (carloslimasd)
• Upgrade Highcharts #3427(markdoeswork)
• Make New Designer Guidelines Public Facing #3436 (elisashapiro)
• Fix React Props Table Collapsible kit #3421 (markdoeswork)
• Release Notes Generator #3424 (jasperfurniss)

New Kits:

• Draggable Kit v1 (Beta) #3433 (nidaqg)

Full Changelog