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

Level Up Your UI With Our NEW Dropdown Kit!

May 21, 2024

Our new Dropdown kit was carefully crafted without third-party dependencies or config requirements to ensure ease of use. In fact, the only thing easier than implementing our dropdown is customizing it; custom triggers, multi-component options with complex layouts, custom displays for select options, and much more are easier done than said. Experience unparalleled customization with Playbook's meticulously crafted Dropdown kit!

13.28.0 full list of changes:

Kit Enhancements:

• Dropdown Custom Option Padding #3416 (nidaqg)
• Collapsible Kit With Custom Collapsible.main #3410 (nidaqg)
• Dry Up the Content_tag Portion Of Rails Kits: "simple Kits" #3405 (elisashapiro)
• Dropdown Doc Examples Cleanup #3402 (nidaqg)
• Making Phone Number Input Kit Compatible With Pb_form_with #3399 (carloslimasd)
• Avatar Overlaycomponent Variant [center Positions] #3395 (nickamantia)
• Card Kit Subtle Backgrounds #3393 (elisashapiro)
• Dropdown Rails V2 #3389 (nidaqg)
• Change Darkmode Button and Link Color #3373 (markdoeswork)

Fixed Bugs:

• Fix for Nitro Style Bleed With Pagination Kit #3408 (nidaqg)
• Fix Text Input Add-on Dark Mode Border and Message Color #3407 (elisashapiro)
• Fix Text Input Addon Border Radius Within a Form Group #3400 (elisashapiro)
• Fix Multiple Users Padding Overflow #3396 (elisashapiro)
• Fixed Styling When Select Kit Is Used Within a Flex Kit #3414 (jasperfurniss)

Improvements:

• Update _button_mixins.scss to Remove Underline for Users Not Including Reset.css #3390 (jasoncypret)
• Fixed Confirmation Toast Docs #3353 (rachelradford21)
• Date Time Docs #3314 (rachelradford21)

Full Changelog

⛰️ Elevate Your Avatars With Our Latest Component Overlays! ⛰️

May 06, 2024

Customize your Avatars with our new, innovative component overlay feature. Seamlessly integrate essential information and interactive elements with an intuitive prop API to effortlessly enhance your Avatar kits.

13.27.0 full list of changes:

Kit Enhancements:

• Dropdown to Use Content Tag Instead Of Pb_content_tag #3392 (nidaqg)
• Add Loading Inline Custom Text Option #3387 (elisashapiro)
• Implementing Expand/collapse to Rails Advanced Table Kit #3383 (carloslimasd)
• Avatar Componentoverlay Variant [corner Positions] #3382 (nickamantia)

Fixed Bugs:

• Fix Tooltips Wrapping Form Elements Causing Misalignment #3380 (elisashapiro)
• Revert "implement New Custom Content Tag In Rails Kits" #3391 (jasperfurniss)
• Update Milano Links #3386 (thestephenmarshall)

New Kits:

• Dropdown Kit Rails V1 #3379 (nidaqg)

Full Changelog

13.26.0

May 01, 2024

List of changes:

Kit Enhancements:

• Disabled State for Radio and Checkbox #3374 (elisashapiro)
• Dropdown Kit V4 #3367 (nidaqg)
• Dropdown Kit Beta V3 #3358 (nidaqg)
• Implement New Custom Content Tag In Rails Kits #3354 (markdoeswork)

Fixed Bugs:

• Fix Bar Graph Axistitle Requirement #3372 (nickamantia)
• Section Separator Vertical Variant Fixes #3370 (markdoeswork)
• Fix Kit Collection Page When Pagination Is Present #3369 (elisashapiro)
• Global Padding Props Don't Affect Buttons #3366 (elisashapiro)
• Dialog Kit Cancel Button Hidden on Mobile View #3363 (elisashapiro)
• Update Text Styles to Prevent Inconsistent Tiptap Output #3340 (elisashapiro)

Improvements:

• Document Reset Css for Ruby on Rails Setup Guide #3384 (terryfinn)
• Updated Docs for Datepicker #3381 (jasperfurniss)
• Update Progress Simple Docs to Use Flex #3378 (markdoeswork)
• Bump @powerhome/playbook-icons from 0.0.1-alpha.8 to 0.0.1-alpha.16 #3371 (dependabot[bot])
• Disable Playground #3364 (terryfinn)
• Install Power Fonts #3342 (markdoeswork)
• Currency Docs #3316 (rachelradford21)
• Date Range Stacked Docs #3299 (rachelradford21)

Full Changelog

Upgrade Your Data Game: Explore the Enhanced Features of Bar Charts!

April 22, 2024

Say hello to a whole new level of versatility! With our new updates, you can showcase negative values, stack data for clearer insights, and effortlessly integrate a secondary yAxis for comprehensive data representation—all in a single, dynamic graph. Elevate your data visualization game and unlock limitless possibilities with Playbook's enhanced Bar Chart. Here is what else we shipped with 13.25.0:

Kit Enhancements:

• Dropdown Kit V2 #3355 (nidaqg)
• Update Badge Color for Readability #3347 (elisashapiro)
• POC Bar Chart: Show Negative Numbers, a Median Line, and Stacked Bar Data #3332 (nickamantia)
• Investigation: Test Typeahead With Consideration for New Prop for Menulist #3324 (thestephenmarshall)
• Investigation: Displaying Numbers on the Right Side of the Bar Chart Graph #3319 (nickamantia)

Fixed Bugs:

• Circle Icon Kit: Fix Sizing Error When Global Spacing Props Are Used #3352 (elisashapiro)
• Background Kit Remove Empty Inline Styles/attributes #3348 (elisashapiro)
• Update Text Styles to Prevent Inconsistent Tiptap Output #3340 (elisashapiro)

New Kits:

• New Kit: Dropdown #3343 (nidaqg)

Improvements:

• Add Px to Max Width Global Prop Values Left Aligned #3356 (elisashapiro)
• Verified Version Of Typography Guidelines #3346 (jasperfurniss)
• Design Guidelines: Spacing #3309 (kristiflin)
• Dry Up the Content Tag Portion Of Rails Kits: Avatar #3331 (thestephenmarshall)
• Add Run.sh #3351 (thestephenmarshall)
• Dialog Docs #3349 (rachelradford21)
• Bump @babel/core from 7.20.12 to 7.24.4 #3338 (dependabot[bot])
• Bump Jest-fail-on-console from 2.5.0 to 3.2.0 #3337 (dependabot[bot])

Full Changelog

🙌 Teamwork Makes the Dream Work 🙌

April 02, 2024

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:

• Add Xxs Icon Circle Size Variant #3290 (nickamantia)
• Global Positioning Props to Allow Inset Value #3289 (nidaqg)
• Make Rails Disable Prop for Toggle Kit #3266 (markdoeswork)
• Enable Online Status & New Colors + Hide Date Range Picker Docs #3260 (jasoncypret)

Fixed Bugs:

• Hotfix: Fix Advanced Table Doc #3318 (thestephenmarshall)
• Fix UI Samples Code View #3308 (nickamantia)
• Fix Formgroup Kit Breaking Borders Between Phone Number Input and Selects #3275 (nickamantia)
• Default Cancel and Close Button Type to Prevent Submission #3273 (thestephenmarshall)
• Fix Nav Category Page #3296 (markdoeswork)

Improvements:

• Playbook Designer Guideline - Markdown Create Color Guidelines #3305 (thestephenmarshall)
• Moving Advanced Table Mock Data #3300 (carloslimasd)
• Fix Typos: Phone Number Input Kit Error Message #3283 (co1in-1ewis)
• Fix Typos: Homepage + Number Spacing #3282 (co1in-1ewis)
• Upgrade Rails #3281 (thestephenmarshall)
• Update Multilevel React Doc for Clarity on Selectedids #3277 (elisashapiro)
• Letting User Reset Row Expansion In Advanced Table #3269 (carloslimasd)

Full Changelog

🔨 Squashing Bugs, Enhancing Kits, and Introducing New Features! 🔨

March 27, 2024

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:

• Advanced Table Kit: Further Improve "expand All" Subrows Expansion Speed #3258 (nickamantia)
• Add Global Html Options for Rails Kits #3247 (markdoeswork)

Fixed Bugs:

• Fix for Datepicker Year Bug #3268 (nidaqg)
• Make Border Of Breadcrumbs Kit Transparent #3246 (elisashapiro)
• Fixing Advanced Table Hover #3240 (carloslimasd)
• Fix Confirmation Toast Bobile Bug #3203 (markdoeswork)
• Fix Bottom Margin Datepicker #3280 (markdoeswork)
• Aligned Spacing Around Icons Correctly #3256 (thestephenmarshall)
• Fix Broken Doc Page Layouts #3257 (elisashapiro)

New Kits:

• Advanced Table Kit: Rails #3238 (nidaqg)

Improvements:

• Ruby 3.3.0 Upgrade #3254 (jasperfurniss)
• Adding Advanced Table Improvements #3241 (carloslimasd)
• Enable Remote Shell #3217 (thestephenmarshall)

Full Changelog

✨ Enhance Your UI Flexibility with Absolute Positioning in Global Props for Advanced Kit Layering ✨

March 18, 2024

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:

• Global Position Props & Examples #3228 (jasperfurniss)
• Add Advanced Table Kit Dark Mode Styles #3219 (nickamantia)
• Table Kit Subcomponents React #3204 (nidaqg)
• Table Kit Sub Components for Rails #3198 (nidaqg)

Fixed Bugs:

• Fix Colors Guidelines Layout #3196 (thestephenmarshall)
• Fix Addon Input Child #3202 (thestephenmarshall)
• Fix Bold Nav Icon Color #3218 (markdoeswork)
• Fix Message Kit Description Typos #3239 (co1in-1ewis)

Improvements:

• Add Turbo to Playbook #3211 (nickamantia)
• Figma Library Getting Started Markdown - Create Figma_setup.md #3195 (bianca0303)
• Date Doc Update #3235 (rachelradford21)
• Update Setup Guide #3226 (elisashapiro)
• User Presence Docs #3200 (rachelradford21)
• Rebuild Playbook-icons-react for Use In Nitro #3199 (thestephenmarshall)
• Docs: Add Truncate Global Prop Doc #3197 (markdoeswork)

Full Changelog

13.20.0

March 05, 2024

List of changes:

Kit Enhancements:

• Adding Div Support for Table Kit #3188 (carloslimasd)

Fixed Bugs:

• Fixing Kit Props Table for Advanced Table #3183 (carloslimasd)
• Fixes for Spelling Errors In Advanced Table Docs #3190 (nidaqg)
• Fix Icon Kit for Playbook Icons Usage #3201 (markdoeswork)

Full Changelog