We’ve been hard at work to ship requests from teams! To keep you up to date, our latest release, 13.23.0, is live in nitro-web, so keep an eye out for that.
In an effort to keep supporting all of you great developers, we're excited to announce that we shipped 2 feature requests to teams, as well as fixed 5 bugs! In addition to that, we have also made a huge improvement to our system by upgrading to rails 7.0.8.1.
Lastly, we're continuing to monitor and upgrade key parts of our system to keep Playbook up-to-date, so you can keep shipping great work!
13.23.0 full list of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
We squashed a lot of bugs, and spruced up Playbook as a whole by upgrading to Ruby 3.3.0.
We're also proud to announce that we will be upgrading Rails to 7.0.8 in the next release. 🙌
13.22.0 full list of changes:
Kit Enhancements:
Fixed Bugs:
New Kits:
Improvements:
Take your UI design to the next level! Our latest update introduces absolute positioning in our global position props, empowering you to seamlessly arrange and layer kits. Great for intuitive status indication, notification placement, and overall enhanced user experience. 💅🎨
13.21.0 full list of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
List of changes:
Kit Enhancements:
Fixed Bugs:
Explore depths of nested data effortlessly. This latest addition to Playbook's design system brings clarity and control, transforming complex tables into intuitive insights.
13.19.0 full list of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
List of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
List of changes:
New Kits:
Improvements:
List of changes:
Fixed Bugs:
Improvements:
List of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
xxl As Max Width Value #2986 (israel-molestina)Say goodbye to generic date options! Quick Pick Custom Ranges is here, allowing you to define and label your own date presets or add personalized choices to our default selection.
13.14.0 full list of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
List of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
Gone are the days that a tooltip appears on its own. You can now control tooltips' visible state via props, so they are rendered conditionally. Text truncation? Data values? You have the power to dynamically display your Tooltips when and where you need them!
13.12.0 full list of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
Introducing the upgraded Multilevel component with customizable radio selectors🚀🌟 – now with a touch of tech magic! 🪄📻
Say goodbye to boring checkboxes and hello to snazzy radio buttons that let you pick just ONE option. Why? Because less is more!
📢🚨New Feature Alert! - Hide those unwanted radios from any tree node that's not in the mood to play. 🌳🎩💫
Level up your kit with some radio button charm and dynamic hide-and-seek.
13.11.1 full list of changes:
Kit Enhancements:
Improvements:
List of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
List of changes:
Bugs:
Improvements:
Now, with a simple boolean prop and our versatile typography kits, your currency displays can effortlessly adapt to any style for a more flexible user experience!
13.8.0 full list of changes:
Kit Enhancements:
Improvements:
Got text content that’s too long to fully display? No job’s too large for the new truncate prop. Pop it into the Body or Title kit, set the number of lines to truncate to, and your overflow text will… 👋
13.7.0 full list of changes:
Fixed Bugs:
Improvements:
List of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
Gone are the days of adding custom CSS to align kits. With the global text-align prop, you can align any kit left, center, just by using textAlign=” ” as a prop!
13.5.0 full list of changes:
Improvements:
In addition to the Date and Time kit, the Timestamp now also supports the 'unstyled' variant! The days of not having styled options for Date/Time kits are over. The new & improved Timestamp kit is now more flexible than ever with the ability to customize font sizes, weight, and color by wrapping the kit in any of our typography kits!
13.4.0 full list of changes:
Kit Enhancements:
Fixed Bugs:
Improvements:
List of changes:
Kit Enhancements:
Improvements:
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:
Improvements:
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:
New Kits:
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:
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:
Fixed Bugs:
List of changes:
Improvements:
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:
Fixed Bugs:
Improvements:
List of changes:
Fixed Bugs:
Improvements:
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:
Fixed Bugs:
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:
Improvements:
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:
Fixed Bugs:
Improvements:
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:
Fixed Bugs:
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:
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:
Fixed Bugs:
Improvements:
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:
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:
Fixed Bugs:
We're excited to announce the release of our Multi Level Select kit for Rails and React. With this zero-dependency component, developers can easily add data to complex forms, bringing effortless navigation to any application.
12.27.0 full list of changes:
Kit Enhancements:
Improvements:
Need to display a wealth of information without cluttering your UI? Look no further than our brand-new Detail Kit! Designed specifically for showcasing hierarchical relationships of text and maintaining clarity in data-rich layouts, Detail is your go-to solution for tables, charts, and data-heavy UI.
12.26.1 full list of changes:
Kit Enhancements:
New Kits:
Improvements:
Sometimes you don't need all the styles that ship with the Date kit.
We have added a simple boolean prop called "unstyled" that puts control in your hands.
You can now wrap our Date kit with any of our typography kits (Title, Body, Caption, etc) and the date kit will inherit that component's styles! 🎉
12.25.0 full list of changes:
Kit Enhancements:
Improvements:
