What's New

11.12.0 (2022-11-15)

Full Changelog

Kit Enhancements:

Charts/Graphs kits legend position #2171 (Israel-Molestina)
Added Hover State to Buttons with Link Variant #2169 (jasperfurniss)
Converted Legend Kit to TS #2156 (nidaqg)
Title kit enhancement: Bold prop/tokens #2154 (Israel-Molestina)
Theming Support For Icons #2106 (nidaqg)

Fixed Bugs:

Reinstated Flatpickr Default AM/PM Toggle #2175 (nidaqg)
Added Missing Export for BreadCrumbItem #2170 (nidaqg)
Radio kit (React) alignment error #2163 (Israel-Molestina)

New Kits:

Dialog Rails Kit with HTML5 #2168 (nidaqg)

Improvements:

Update dependency @types/lodash to v4.14.188 #2164 (renovate[bot])
Walkthrough kit update Joyride version #2162 (Israel-Molestina)
Update dependency flow-bin to v0.193.0 #2161 (renovate[bot])
Update dependency @types/react to v17.0.52 #2160 (renovate[bot])

11.11.0 (2022-10-28)

Full Changelog

Kit Enhancements:

Add Subtitle Prop to User Kit #2159 (stephenmckeon)

Improvements:

Update dependency @types/react to v17.0.51 #2158 (renovate[bot])

11.10.0 (2022-10-25)

Full Changelog

Kit Enhancements:

Tokens for subtle Status and Background Kit colors #2151 (Israel-Molestina)
Legend Kit to Take Custom Colors #2150 (nidaqg)

Fixed Bugs:

Collapsible kit missing hover for button icon #2140 (jasperfurniss)
Fixed Form Group Kit Highlight Missing Border #2139 (nidaqg)
Filter kit doc cleanup #2138 (Israel-Molestina)
Collapsible kit icon size and color #2137 (Israel-Molestina) -Filter Kit Doc Spacing #2136 (nidaqg)
Filter Doc Popover Close On Click #2134 (nidaqg)
Typeahead kit doesn’t align to Playbook color rules for forms #2133 (augustomallmann)
Fixes For Broken Kit Generator #2132 (nidaqg)
Fixed Selectable Card Kit Border Issue on Error #2130 (nidaqg)
Selectable List Radios have extra padding #2124 (Israel-Molestina)

Improvements:

Upgrade ci-kubed to 5.8.1 #2149 (TeamTeaTime)
Bump nokogiri from 1.13.7 to 1.13.9 in /playbook-website #2147 (dependabot[bot])
Bump nokogiri from 1.13.7 to 1.13.9 in /playbook #2146 (dependabot[bot])
Bump nokogiri from 1.13.8 to 1.13.9 in /examples/playbook-rails #2145 (dependabot[bot])
Bump nokogiri from 1.13.8 to 1.13.9 in /examples/playbook-rails-webpack #2144 (dependabot[bot])
Bump nokogiri from 1.13.8 to 1.13.9 in /examples/rails-react-example #2143 (dependabot[bot])

11.9.0 (2022-10-19)

Full Changelog

Fixed Bugs:

Fixed Issue Where Typeahead Kit Was Returning Null Classes #2135 (nidaqg)
Home Address Kit Spacing Bug Fix #2128 (nidaqg)
Checkbox kit checkbox is not red when error state is selected #2125 (Israel-Molestina)
Nav Title Spacing Fix #2123 (nidaqg)
Timeline Kit Errors Fix #2122 (nidaqg)
Rich Text Editor bullet pointing styling misaligned #2121 (augustomallmann)
Table Kit (React) doesn’t have responsive js code #2120 (Israel-Molestina)
Filter Kit Style Bleed Fix #2117 (nidaqg)
Fixed Hover State on Selectable List Rails Kit #2116 (nidaqg)

Improvements:

Update dependency flow-bin to v0.190.0 #2131 (renovate[bot])

11.8.1 (2022-10-13)

Full Changelog

Fixed Bugs:

Fix dialog kit border-radius #2129 (augustomallmann)
[PLAY-426]-Top Nav Z Index Fix #2127 (nidaqg)

11.8.0 (2022-10-12)

Full Changelog

Kit Enhancements:

Lightbox Kit Updates #2104 (nidaqg)
Full-height Variant for Dialog #2092 (augustomallmann)

Fixed Bugs:

Lightbox thumbnails are missing "cursor: pointer" #2126 (Israel-Molestina)
Textarea Doc Bug Fix #2119 (nidaqg)
Getting Started markdown code background styling is the wrong color #2115 (Israel-Molestina)
Page Title Spacing Bug Fix #2114 (nidaqg)
Table kit missing space between doc examples #2113 (Israel-Molestina)
Table kit doc example buttons should be right aligned #2112 (augustomallmann)
Filter Kit Dropdown updates #2111 (Israel-Molestina)
Lists kit docs are broken #2110 (augustomallmann)
Dialog kit docs examples not containing contents #2109 (augustomallmann)
Fixed Example Doc Border Issue #2108 (nidaqg)

Improvements:

Update dependency minimist to v1.2.7 #2118 (renovate[bot])
Bump sqlite3 from 1.5.0 to 1.5.1 in /examples/playbook-rails-webpack #2103 (dependabot[bot])
Bump sqlite3 from 1.5.0 to 1.5.1 in /examples/playbook-rails #2102 (dependabot[bot])
Bump sqlite3 from 1.5.0 to 1.5.1 in /examples/rails-react-example #2101 (dependabot[bot])
Pin dependency @types/react-modal to 3.13.1 #2100 (renovate[bot])

11.7.0 (2022-09-30)

Full Changelog

Kit Enhancements:

Add XXS Spacing Token #2098 (nidaqg)
Typescript Conversion: Dialog #2084 (augustomallmann)
Convert Date Range Stacked to TS + Added Jest Test #2073 (nidaqg)
Typescript Conversion: Date Picker #2071 (augustomallmann)
TS Conversion of Date Stacked kit + Jest Test #2070 (nidaqg)

Fixed Bugs:

Update pb_chart plugin to resize gauge kit on load #2089 (Israel-Molestina)
Lightbox Kit Responsive on Mobile #2088 (nidaqg)
Section Separator Type Bug #2082 (augustomallmann)

Improvements:

Rails Stack - Rails 7 with Webpack - Create an example app using Playbook for reference #2099 (augustomallmann)
Update dependency @actions/core to v1.10.0 #2097 (renovate[bot])
Added Rails React Stack Example #2096 (nidaqg)
Update dependency flow-bin to v0.188.1 #2095 (renovate[bot])
Update dependency @types/lodash to v4.14.186 #2094 (renovate[bot])
Update dependency spring-watcher-listen to "~> 2.1.0" #2090 (renovate[bot])
Rails Stack - Rails 7 (No React) #2076 (augustomallmann)

11.6.0 (2022-09-23)

Full Changelog

Kit Enhancements:

Typescript Conversion Icon Stat Value Kit + Jest Test #2081 (nidaqg)
Typescript Conversion of Icon Value Kit + Jest Test #2079 (nidaqg)
Typescript Conversion of Label Value Kit + Jest Test #2077 (nidaqg)
Typescript Conversion of Home Address Street #2042 (augustomallmann)
Add position prop to filter kit #2067 (augustomallmann)
Button Kit Icon Props + Fixing Examples #2064 (nidaqg)

Fixed Bugs:

Date Pickr SCSS Bug Fix #2086 (nidaqg)
Bug - Text Input not full-width with addOn prop #2083 (augustomallmann)
Add default to position prop #2072 (thestephenmarshall)

Improvements:

Updated .gitignore #2078 (jasperfurniss)
Remove console.log from Layout Kit #2065 (thestephenmarshall)
Limit Number of Jest Workers #2087 (ryanmrodriguez)
[PLAY-315] - Created Example App for a React Only App Using Playbook #2075 (nidaqg)
[PLAY-312] - Remove Rails Visual Guidelines Code and Replace with React #2068 (nidaqg)
Add Jest Tests to Badge Kit #2066 (thestephenmarshall)
Update dependency flow-bin to v0.187.1 #2074 (renovate[bot])
Update dependency @types/react to v17.0.50 #2069 (renovate[bot])
Update dependency moment-timezone to v0.5.35 [SECURITY] #2041 (renovate[bot])
Update dependency rubocop-performance to "~> 1.15.0" #2062 (renovate[bot])
Update dependency rubocop to v1.36.0 #2047 (renovate[bot])

11.5.0 (2022-09-10)

Full Changelog

Kit Enhancements:

Enable theming for colors and font family for asset pipeline users #2061 (jasoncypret)
Timestamp Kit Last Updated Text as Optional Prop #2058 (nidaqg)
Remove typos from Tooltip Kit #2056 (augustomallmann)
Datepicker Allow Custom Positions #2053 (thestephenmarshall)
Fix Global Responsive Props and Cleanup #2052 (nidaqg)
Typescript Conversion: Layout #2051 (augustomallmann)
Cleanup Jest Tests #2049 (thestephenmarshall)
Typescript Conversion: Date Range Inline Kit #2048 (nidaqg)
Typescript Conversion: Date Year Stacked Kit #2046 (nidaqg)
Typescript Conversion: File Upload #2044 (augustomallmann)
Typescript Conversion: Form Group #2043 (augustomallmann)
Typescript Conversion: Date Time Kit #2037 (nidaqg)
Home ID in HomeAddressStreet should open in a new tab #2023 (Israel-Molestina)

Fixed Bugs:

Add --tag alpha to release script when detected #2060 (thestephenmarshall)
Fix Lightbox Jest Tests #2050 (thestephenmarshall)
Alert Dialog Cleanup #2030 (Israel-Molestina)

Improvements:

Visual Guidelines Improvements #2055 (nidaqg)
Add Sidebar For Visual Guidelines React Page #2054 (nidaqg)
Update dependency flow-bin to v0.186.0 #2045 (renovate[bot])
Update dependency @types/react to v17.0.49 #2038 (renovate[bot])
Visual Guidelines React: Typography Section #2035 (nidaqg)
Update dependency eslint-plugin-react to v7.31.1 #2032 (renovate[bot])

11.4.0 (2022-08-29)

Full Changelog

Kit Enhancements:

[PLAY-269] Time Kit Typescript Conversion #2033 (nidaqg)
[PLAY-264] TS Conversion of Label Pill Kit #2031 (nidaqg)
[PLAY-270] TS Conversion of Section Separator Kit #2009 (nidaqg)
[PLAY-260] TS-Conversion of Icon Circle Kit #2008 (nidaqg)
[PLAY-255] TS Conversion of Fixed Confirmation Toast #2007 (nidaqg)
[PLAY-223] TS Conversion of Currency Kit #2005 (nidaqg)
[PLAY-220] Typescript Conversion of Date Kit #1998 (nidaqg)
[PLAY-213] Typescript Conversion: Circle Icon Button #1978 (Israel-Molestina)
Update Typeahead Kit Prop #1993 (RobGentile17)

Fixed Bugs:

[PLAY-297] Fixing Jest Test that Breaks CI Intermittently #2034 (jasperfurniss)

New Kits:

[PLAY-184] Tooltip - React Kit #1994 (augustomallmann)

Improvements:

Memory Bump #2036 (jasperfurniss)
Pin dependencies #2027 (renovate[bot])
Update dependency eslint-plugin-react to v7.31.0 #2025 (renovate[bot])
Update dependency jest-fail-on-console to v2.5.0 #2024 (renovate[bot])
Update dependency flow-bin to v0.185.2 #2020 (renovate[bot])
[PLAY-252] Expand Contact Kit Tests to Check for Null #2015 (augustomallmann)
[PLAY-253] Add Alpha Support to Release Script #2003 (thestephenmarshall)

14 of 32

Edit this page

Contribute to Playbook

When you start designing a new feature, you may come across a Design Token or Component that isn’t defined in Playbook. If so, you should open an issue or reach out to the team to make a contribution.

Contribute on GitHub

As the highest-rated residential remodeler in the nation, our international technology team builds a custom suite of products that continuously transform our business.

Power

Tech @ Power

Open Positions

About Power

Connect

Github

Connect Chat