🤸 🎉 Collapsible, Flexible, Customizable: Introducing the New and Improved Nav Kit!

September 1, 2023

Nesting navigation is easy with the Nav kit's new Collapsible variant. And we didn't stop at a built-in collapsible feature, we refactored the Nav kit to make it more flexible overall! You can now use global props to customize text, spacing, and icons, making Nav kit design possibilities almost endless!

13.2.0 full list of changes:

Kit Enhancements:

• New Collapsible Variant for Nav Kit #2704 (nidaqg)

Improvements:

• Website Doc Updates #2721 (nickamantia)

Full Changelog

🚄 Playbook's On Track: Introducing the New File Upload for Rails ViewComponents! 📂

August 29, 2023

The File Upload kit for Rails ViewComponents redefines HTML's default input to match Playbook's aesthetics, ensuring consistency and elegance for every upload. 🚀📂🎉

13.1.0 full list of changes:

Fixed Bugs:

• Fixed Misalignment on Passphrase Icon in Firefox #2718 (nidaqg)
• dateTime Bug Fixes #2716 (gavhuang)

New Kits:

• File Upload Kit (Rails) #2700 (jasperfurniss)

Full Changelog

💔 Say Goodbye to the Past: We're Breaking Up with moment.js! 🕒

August 22, 2023

Say goodbye to the old and make way for the new as we bid adieu to moment.js in our Playbook design system! We've given our Date and Time kits a makeover, retiring the dated library in favor of a more vibrant and efficient solution. Our kits still handle dates and times flawlessly, but with the breakup, our bundle size has shed a whopping 25%, giving you a snappier experience.

13.0.0 full list of changes:

Breaking changes:

• Remove Moment Packages and Update Date Picker's QuickPick Variants #2707 (gavhuang)

Full Changelog

Collapsible Kit ✨Enhancements✨: External Controls and Customizable Icons!

August 17, 2023

Have a stack of collapsible sections and need a way to expand & collapse them all at once? You can now implement external controls like buttons to do just that! There’s more -- you can also pass custom icons like plus (‘+’) or minus (‘-’) if you don’t fancy chevrons.

12.39.0 full list of changes:

Kit Enhancements:

• Collapsible Kit Enhancements #2692 (nidaqg)

Fixed Bugs:

• Select Kit 'multiple' Variant Fixes #2701 (Israel-Molestina)

Full Changelog

12.38.0

August 15, 2023

List of changes:

Improvements:

• Refactor Date and Time Kits to not Rely on Moment.js #2691 (gavhuang, Israel-Molestina)

Full Changelog

Text Fields Just Got Smarter!

August 9, 2023

Get better control over your forms with our new input_options prop on our Text Input kit! Set any HTML input option as a prop and have it effortlessly get passed down to the styled input!

12.37.0 full list of changes:

Kit Enhancements:

• Groundwork for Upcoming Collapsible Nav Kit #2678 (nidaqg)

Fixed Bugs:

• Fixed Text Input Options Prop #2686 (jasperfurniss)

Improvements:

• Converted Changelog Markdown to a Hash, Object, or Json #2693 (jasoncypret)
• Swift Developer Docs: Badge, Pill, Radio and Timestamp Kits #2690 (nickamantia)

Full Changelog

12.36.0

August 4, 2023

List of changes:

Fixed Bugs:

• [PLAY-941] Fix Dialog Kit Close Event #2672 (gavhuang)
• [PLAY-716] Popover kit closeOnClick issue #2606 (nickamantia, carloslimasd)

Improvements:

• Bump ci-kubed@v6.10.1 #2679 (ryanmrodriguez)

Full Changelog

Tagging Made Easy! Say Hello to Seamless @mentions in Your Messages! 💬 👋

August 2, 2023

Highlight users dynamically within chats with our new Message kit subcomponent, @mentions! Choose 'user' (default, blue) or 'self' (yellow) variants for easy implementation and level up your chat experience!

12.35.0 full list of changes:

Kit Enhancements:

• Preliminary Work for Upcoming Collapsible Nav Kit #2666 (nidaqg)
• Adding Mention Variant to Message Kit #2664 (carloslimasd)

Fixed Bugs:

• Responsive Spacing Global Props not Falling Back to Defaults #2615 (carloslimasd, nickamantia)

Full Changelog

Enhance Chat Engagement: Introducing the Reaction Button for Instant User Reactions!

July 28, 2023

The new Reaction Button variant and its delightful, dynamic UI is our latest enhancement to your users' chat experience! Watch as emoji use and interactions take center stage, making every conversation more immersive and enjoyable. Say goodbye to bland chats and let emotions shine through like never before!

12.34.0 full list of changes:

Kit Enhancements:

• Reaction Button Variant for Button Kit #2658 (nidaqg)

Improvements:

• Bump word-wrap from 1.2.3 to 1.2.4 #2654 (dependabot[bot])

Full Changelog

Get Ready to Hover: Introducing the Global Hover Prop!

July 21, 2023

Add some flair to your page by adjusting the shadow, scaling, or background color of elements when they’re being hovered over. The global hover prop is in beta now, and works with all kits. In particular, try it out with the Card, Button, or Message kit to add interactions to your page!

12.33.0 full list of changes:

Kit Enhancements:

• Center Align Text for Status Dialogs #2657 (gavhuang)
• Refactor Dialog Kit Close on Outside Click #2650 (gavhuang)
• Icon Kit: Self-Hosted Custom Fontawesome Icons Enablement #2647 (jasperfurniss)

Fixed Bugs:

• Fixing Map Kit Button Height for Safari #2655 (carloslimasd)

Improvements:

• Kit Collection Page: Add Kit + Global Props Table to Rails Page #2659 (Israel-Molestina)
• Website Homepage - Social Proof #2641 (Israel-Molestina)
• Refactor Date and Time Kits to not Rely on Moment.js #2627 (Israel-Molestina)

Full Changelog