CHANGELOG.md

4.8.2 (2021-03-04)

Bug Fixes

• matchbox
  • #773 UX-470 Fix bug that caused excessive horizontal scroll on Tabs (@jonambas)
  • #772 UX-469 Fix Tabs on Safari (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.8.1 (2021-02-25)

Bug Fixes

• matchbox
  • #762 UX-445 Expandable update vertical padding with subtitle (@logansparlin)
  • #755 UX-427 Fix full width button loading spinner positioning (@logansparlin)
  • #758 UX-444 Update Snackbar component props to accept maxWidth styled prop (@logansparlin)
  • #757 UX-447 Fix UnstyledLink system props (@jonambas)

Security

• design-tokens, matchbox
  • #752 UX-436 Resolve dependabot vulnerabilities (@jonambas)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.8.0 (2021-02-04)

Features

• matchbox
  • #745 UX-260 Create usePrefersColorScheme hook (@logansparlin)

Enhancements

• matchbox
  • #753 UX-439 Add data-id to Error component (@jonambas)
  • #751 UX-432 Add aria-invalid to Checkbox Radio Select Textfield and ListBox (@jonambas)
  • #741 UX-409 & UX-423 Update Panel padding to 450, Update Expandable styling (@jonambas)
  • #743 UX-422 add new EmptyState.Media to allow Video or Picture elements (@logansparlin)
  • #747 UX-433 UnstyledLink add 'as' prop and deprecate 'component' (@logansparlin)
  • #742 UX-411 Button should accept "as" and deprecate "component" (@logansparlin)
  • #737 UX-412 Add support for EmptyState.Header 'as' and 'looksLike' (@jonambas)

Bug Fixes

• matchbox
  • #725 UX-404 Upgrades react-transition-group to resolve deprecated use of findDomNode (@jonambas)
  • #738 Resolve Issue-730 Add 'returnFocus' prop to Modals focus lock container (@jonambas)
  • #746 UX-431 Align chevron in Page component breadcrumbs (@logansparlin)
  • #736 UX-421 Make EmptyState.Image maxWidth configurable (@jonambas)
  • #735 issue-734 Remove deprecated Button props from Pagination component (@jonambas)

Security

• matchbox
  • #748 UX-417 Uninstall unused react-syntax-highlighter (@jonambas)
• Other
  • #731 UX-413 Add code scanning (@jonambas)
  • #750 Bump nested-object-assign from 1.0.3 to 1.0.4 (@dependabot[bot])
• design-tokens
  • #740 UX-418: Resolve axios vulnerability (@jonambas)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.7.3 (2021-01-14)

Enhancements

• matchbox
  • #712 Closes #706 Add noticable focus indicator on Expandable buttons (@jonambas)

Bug Fixes

• matchbox
  • #733 UX-420 Ensure Banner button is always on top of contents (@jonambas)
• design-tokens, matchbox
  • #732 UX-419 Reduce Empty State Image Size (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.7.2 (2021-01-05)

Features

• matchbox
  • #719 UX-408 Add alignY prop to Inline (@jonambas)

Enhancements

• matchbox
  • #724 UX-410 Make empty state image container responsive (@jonambas)

Bug Fixes

• matchbox
  • #729 Hotfix - Fix modal button clone (@jonambas)
  • #726 UX-407 - Force tab layout shift when tabs are dynamically updated (@logansparlin)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.7.1 (2020-12-14)

Bug Fixes

• matchbox
  • #718 UX-403 & Issue-710 Fix empty Modal.Footer & dynamic children (@jonambas)
  • #717 UX-406 Fix muted banner styles (@jonambas)
  • #711 UX-402 Fix Listbox padding as inline element (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.7.0 (2020-12-09)

Features

• matchbox
  • #704 UX-381 Make Modal.Content height restriction optional (@jonambas)

Enhancements

• matchbox
  • #702 UX-383 Add disabled prop and styles to UnstyledLink (@logansparlin)
  • #689 UX-373 Upgrade styled-components to 5.2 (@jonambas)

Bug Fixes

• matchbox
  • #715 Closes #714 - Adds semantic tags around Panel Header components (@jonambas)
  • #713 UX-400 - Handle disabled Actionlist Actions (@jonambas)
  • #705 UX-401 Disable UnstyledLinks interaction when disabled (@jonambas)
  • #696 UX-374 Omit 'loading' on Buttons (@jonambas)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.6.0 (2020-11-16)

Features

• matchbox
  • #680 UX-261 Create usePrefersReducedMotion hook (@logansparlin)
  • #674 UX-359 Create InlineCode Component (@logansparlin)
  • #669 UX-351 create useInView hook (@logansparlin)
• matchbox-icons
  • #675 UX-361 Add new Material Icons to matchbox-icons (@jonambas)

Enhancements

• matchbox-media
  • #683 UX-371 Replace all images with cropped versions (@jonambas)
• matchbox
  • #679 UX-365 Make LabelValue composable (@logansparlin)
  • #677 UX-360 use Warning icon for banner warning status icon (@logansparlin)
  • #678 UX-362 Update responsive Empty States (@jonambas)
  • #672 UX-352 Add white button color (@logansparlin)
  • #664 Issue 661 Add data-id props to all layout components (@jonambas)
  • #671 UX-356 Focus modal panel when opening (@jonambas)
• Other
  • #670 UX-354 document EmptyState props (@logansparlin)

Bug Fixes

• matchbox
  • #681 UX-367 Fix ListBox key events bug (@logansparlin)
  • #673 UX-357 Use resize observer for suffix and prefix measurements (@jonambas)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.5.0 (2020-10-19)

Features

• matchbox
  • #659 UX-341 EmptyState.List Component (@logansparlin)

Enhancements

• matchbox-media
  • #665 UX-353 Add Signup, Recipient Validation, and Analytics images (@jonambas)
• matchbox
  • #662 UX-350 Add borderless Expandable variant (@jonambas)
  • #656 UX-346 Lower structural border color to gray-300 (@logansparlin)
  • #655 UX-340 Add empty status to banner (@logansparlin)

Bug Fixes

• matchbox
  • #660 UX-349 resize Slider on component size change (@logansparlin)
  • #658 UX-234 Tabs should measure overflow on component resize (@logansparlin)

Breaking Changes

• matchbox
  • #653 UX-339 Componentize EmptyState (@logansparlin)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.4.0 (2020-09-30)

Features

• matchbox
  • #646 UX-327 Video Component (@logansparlin)
  • #643 UX-331 Add LabelValue component (@jonambas)
  • #637 UX-223 Add Picture Component (@jonambas)

Enhancements

• matchbox
  • #652 UX-335 Add ComboBoxTextField delimiter prop (@jonambas)
  • #651 UX-345 Support additional ListBox keyboard interactions (@jonambas)
  • #642 UX-333 Add ListBox Printable Character Searching (@logansparlin)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.3.2 (2020-09-23)

Bug Fixes

• matchbox
  • #647 UX-342 Support prop on Modal.Content (@jonambas)
  • #649 UX-343 useBreakpoint supports SSR builds (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.3.1 (2020-09-21)

Bug Fixes

• matchbox
  • #644 Fix breakpoint hook import (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.3.0 (2020-09-21)

Features

• matchbox
  • #628 UX-264 Create ListBox Component (@logansparlin)
  • #636 UX-325 Create Panel.SubHeader Component (@logansparlin)

Enhancements

• matchbox
  • #640 UX-334 Support grid orientation & Allow non RadioCard children (@jonambas)
  • #641 UX-336 Add Padding system prop to Modal.Content (@logansparlin)
  • #615 UX-289 Set Pagination pageRange to 3 on mobile (@logansparlin)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.2.1 (2020-09-15)

Enhancements

• matchbox
  • #632 Issue 630 - Forward refs to Radio, Checkbox, Textfield and Select (@jonambas)

Bug Fixes

• matchbox
  • #635 UX-330 Revert UX-314 (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.2.0 (2020-09-10)

Features

• matchbox-media
  • #631 UX-322 Include Webp Image Formats (@logansparlin)
• matchbox
  • #588 UX-313 Add Skeleton Components (@jonambas)
  • #609 UX-288 Add useBreakpoint hook (@jonambas)

Enhancements

• matchbox
  • #627 Closes #624 - Add support for data-id for the Panel component (@nicklemmon)
  • #626 Closes #625 - Add support for the className prop for the Column component (@nicklemmon)
  • #621 Issue-608 Add motion to theme (@jonambas)
  • #591 UX-296 Lower table cell font size on mobile (@jonambas)
  • #606 UX-314 Add portalId to the Popover component to fix placement in tables (@jonambas)

Bug Fixes

• matchbox
  • #623 UX-328 Add resize observer polyfill as runtime dependency (@jonambas)
  • #622 Issue 617 Set Modal.Content overflow-y to auto (@jonambas)
  • #613 UX-323 Add margin prop to Button.Icon (@logansparlin)
  • #614 UX-320 Specify Layout.SectionTitle line height (@jonambas)
• Other
  • #619 Closes #618 - Fixes incorrect link to Matchbox Storybook site (@nicklemmon)

Committers: 3

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)
• Nick Lemmon (@nicklemmon)

4.1.1 (2020-08-26)

Features

• matchbox-icons
  • #587 UX-298 Add rocket icon (@jonambas)

Enhancements

• matchbox
  • #578 UX-286 Add indeterminate checkbox support (@jonambas)

Bug Fixes

• matchbox
  • #610 UX-324 Page and Actionlist actions render with null actions (@jonambas)
  • #600 UX-318 Remove RadioCard.Group disabled prop (@jonambas)
  • #592 UX-295 Zebra stripes begin on odd rows (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.1.0 (2020-08-14)

Features

• matchbox
  • #584 UX-224 Support composable ActionList components (@jonambas)
  • #577 UX-236 Banner.Action Component (@logansparlin)
  • #576 UX-292 Add Button.Icon (@jonambas)
  • #563 UX-237 Add new Panel, Panel.Header, Panel.Section, Panel.Action components (@jonambas)
  • #562 UX-270 Create Layout Component (@logansparlin)
  • #554 UX-226 Add RadioCard and RadioCard.Group components (@jonambas)
  • #558 UX-230 Add useResizeObserver hook (@jonambas)
  • #533 UX-247 Add useCopyToClipboard hook (@jonambas)
• design-tokens, matchbox
  • #535 UX-225 Add new Table.TotalsRow component (@jonambas)

Enhancements

• matchbox
  • #581 UX-287 Limit Modal Content Height (@logansparlin)
  • #574 UX-271 Compact Banner (@logansparlin)
  • #573 UX-263 Adds Button variant prop (@jonambas)
  • #544 UX-222 Modal component update (@logansparlin)

Bug Fixes

• matchbox
  • #583 Closes #582 - Adds missing semicolon to CodeBlock component styles (@nicklemmon)

Committers: 3

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)
• Nick Lemmon (@nicklemmon)

4.0.14 (2020-08-13)

Enhancements

• matchbox
  • #586 UX-297 Support color in Page primary action (@jonambas)

Bug Fixes

• matchbox
  • #579 UX-291 Fix global anchor tag hover styles (@jonambas)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.0.13 (2020-08-04)

Features

• matchbox-icons, matchbox-media
  • #568 UX-272 Create @sparkpost/matchbox-media (@logansparlin)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.0.13 (2020-08-03)

Features

• matchbox
  • #565 UX-279 Export all styled-component helpers (@jonambas)

Enhancements

• design-tokens
  • #572 UX-282 Add spacing-900 token (@jonambas)
• matchbox
  • #567 UX-281 Focus on Drawer container on open (@jonambas)
  • #561 UX-283 & UX-285 Add new alignY prop to Table.Row & Fix element overflow on Table (@jonambas)

Bug Fixes

• matchbox
  • #564 UX-284 Darken button hover background colors (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.0.10 (2020-07-20)

Enhancements

• Other
  • #553 UX-277 Use fixed versioning (@jonambas)
• matchbox
  • #542 Closes #540 - Pass through role to UnstyledLinks with wrappers or to links (@jonambas)

Bug Fixes

• matchbox
  • #552 Closes #551 - Adds correct vertical margin between collapsed columns (@jonambas)
  • #541 Closes #518 - Add 4px margin top to select and textfield help text (@jonambas)
• design-tokens, matchbox-icons, matchbox
  • #550 Resolve matchbox security dependencies (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.0.8 (2020-07-14)

Bug Fixes

• matchbox
  • #538 UX-278 Modal content now expands to its container (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.0.7 (2020-07-14)

Bug Fixes

• matchbox
  • #536 Add missing styled-system/css external dependency (@jonambas)

Committers: 1

• Jon Ambas (@jonambas)

4.0.6 (2020-07-13)

Bug Fixes

• matchbox
  • #530 Closes #517 - Page secondary actions now render correctly, Adjust Page responsive behavior (@jonambas)
  • #534 UX-276 ProgressBar progress now renders correctly (@logansparlin)
  • #532 UX-275 Removes datepicker's outside and disabled days click events (@jonambas)
  • #531 Closes #529 - className is now accepted by Panel.Section (@jonambas)
  • #526 UX-274 Fixes a console warning for the timeout prop on Button Transition (@logansparlin)
  • #527 UX-256 Top align Table.Cell contents (@logansparlin)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.0.5 (2020-07-02)

Enhancements

• matchbox
  • #509 Add border, width, height system props to Panel (@jonambas)
  • #501 UX-242 Add Optional Prop to Form Components (@logansparlin)

Bug Fixes

• matchbox
  • #516 Closes #502 - Changes tag screen reader text to 'Remove' (@jonambas)

Committers: 2

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)

4.0.2 (2020-06-26)

Enhancements

• matchbox
  • #503 UX-252 Add helptext prop to Actionlist.Action (@jonambas)
  • #500 UX-220 Drawers and Modals do not lock focus if inside iframes (@jonambas)

Committers: 3

• Jon Ambas (@jonambas)
• Logan Sparlin (@logansparlin)
• Tim Reeder (@tokonoma)