💔 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

Customize Your Toasts: Introducing 'Children' for Fixed Confirmation Toast Kit!

July 19, 2023

Level up your toasts with our latest feature – "Children" for Fixed Confirmation Toast Kit! 🚀 Now, web developers can fully customize Fixed Confirmation Toast contents by easily passing ‘children’, making it a breeze to add custom content like links to your toasts. Say goodbye to static toasts and say hello to interactive and engaging user experiences! 🎉

12.32.0 full list of changes:

Kit Enhancements:

• Global Hover Prop (Rails) with Doc Examples #2652 (jasperfurniss)
• Adding Children prop to Fixed Confirmation Toast #2651 (carloslimasd)
• MultiLevelSelect: Designs for No Pills Variant #2649 (nidaqg)

Fixed Bugs:

• DatePicker Disabled Dates Conflict #2648 (nidaqg)

Full Changelog

Responsive Design Made Easier: Introducing Responsive Titles!

July 13, 2023

Titles can now dynamically change based on screen size, making responsive design easier to implement. Try it out by passing multiple size values to the size prop!

12.31.0 full list of changes:

Kit Enhancements:

• Global Hover Prop #2644 (jasperfurniss)
• Implementing Responsive Title #2642 (carloslimasd)
• Adding New Dashed Section Separator #2640 (carloslimasd)
• MultiLevelSelect: Added New selectedIds Prop #2639 (nidaqg)
• Adding Badge Notification Variant #2635 (carloslimasd)

Full Changelog