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

Condensed Spacing for Data Heavy Tables

July 11, 2023

Sometimes tables can be very data heavy and users run out of room quickly. With the new default spacing in the first and last columns, there is more room in the table, allowing users to add more data!

12.30.1 full list of changes:

Kit Enhancements:

• Circle Icon Support for Emojis #2633 (nidaqg)
• Implementing Responsive Title #2631 (carloslimasd)
• Tighter Spacing for DataTables #2629 (Israel-Molestina)
• MultiLevelSelect: Expansion Improvement and No Pills Option #2628 (nidaqg)

Fixed Bugs:

• Fixes for flexGrow={0} flexShrink={0} #2634 (neildecapia)

Improvements:

• Use Docker Bake in Playbook #2602 (mfilipe)

**Full Changelog

Introducing Quick Pick: Effortless Date Range Selection with the Enhanced Date Picker

July 6, 2023

A new Quick Pick variant now in DatePicker! This sleek and intuitive component provides a range of pre-defined date options, enhances user experience, and streamlines workflows.

12.29.0 full list of changes:

Kit Enhancements:

• Map Custom Button #2626 (nidaqg)
• New QuickPick Variant for DatePicker with Preset Dropdown #2407 (carloslimasd , Israel-Molestina)

Full Changelog

Updated Phone Number Input: Easier Value Manipulation in React Forms

June 29, 2023

We’ve updated our PhoneNumberInput so that it’s more react-friendly. You can now pass a ref directly to the PhoneNumberInput kit, giving you more control over the input! This should make it much easier to manually clear the values when using with form libraries like formik, react-hook-form, or any form in general.

12.28.0 full list of changes:

Kit Enhancements:

• Implementing Custom Icons for Selectable Card Icon Kit #2620 (carloslimasd)
• Access Phone Number Input Kit’s Input Attributes #2613 (gavhuang)

Fixed Bugs:

• MultiLevelSelect Kit: Fixed Expanded State to Load From TreeData #2621 (jasperfurniss)

Full Changelog