Skip to content

CHANGELOG.md

Latest commit

 

History

History
1051 lines (537 loc) · 91.8 KB

CHANGELOG.md

File metadata and controls

1051 lines (537 loc) · 91.8 KB

@cloudfour/patterns

17.1.0

Minor Changes

17.0.1

Patch Changes

  • #2275 6c45f6e Thanks @tylersticka! - Prevent visually-hidden language labels from breaking width of overflowing code blocks

17.0.0

Major Changes

  • #2225 7840dce9 Thanks @tylersticka! - Improved text wrapping for headings and subheadings with text-wrap. Removes the u-rescue-orphan utility, which is now redundant.

Patch Changes

16.5.0

Minor Changes

16.4.0

Minor Changes

Patch Changes

16.3.1

Patch Changes

  • #2209 d02e6be6 Thanks @tylersticka! - Prevent Buttons from feeling disconnected from Input Groups when :hover or :active states are applied

  • #2212 9dbe23a6 Thanks @tylersticka! - Disable calc optimization in minified stylesheet. This addresses a warning when calc included a clamp function, and very slightly reduces the size of the stylesheet when compressed.

16.3.0

Minor Changes

Patch Changes

  • #2208 f4569ddb Thanks @spaceninja! - Bugfix: Ground Nav Feature Widths: Better alignment for Ground Nav features with other page content.

16.2.1

Patch Changes

  • #2205 6b59e854 Thanks @spaceninja! - Bugfix: This addresses an issue where when a single Ground Nav feature was set with very short content, the feature could appear too narrow.

16.2.0

Minor Changes

  • #2203 a0073eca Thanks @spaceninja! - Add Block Size Utilities: Adds "full" and "auto" size utility classes for the block direction.

16.1.0

Minor Changes

Patch Changes

  • #2202 f3bcd28d Thanks @spaceninja! - Better Options for Ground Nav:
    • renamed features to feature_count
    • added blocks for each feature

16.0.0

Major Changes

  • #2194 172b3cd Thanks @spaceninja! - Adding v2 of the Ground Nav component, with support for feature blocks.

    Note that this is a breaking change because it removes the "kudos" section and breaks compatibility with the PWA Stats version.

15.3.0

Minor Changes

15.2.0

Minor Changes

Patch Changes

15.1.0

Minor Changes

15.0.2

Patch Changes

15.0.1

Patch Changes

15.0.0

Major Changes

  • #2176 f27b66e2 Thanks @tylersticka! - Revised blockquote and WordPress Quote and Pullquote block styles to address issues of consistency and improve feature support. Content that relied on previous quote styles may need to be reviewed or updated.

Minor Changes

14.0.2

Patch Changes

14.0.1

Patch Changes

  • #2171 cb4d4712 Thanks @tylersticka! - Prevent Media Links from breaking out of Grid or Flex containers

  • #2171 cb4d4712 Thanks @tylersticka! - Hype Group object images with smaller dimensions than their container will no longer appear awkwardly cropped

14.0.0

Major Changes

  • #2168 5924120e Thanks @tylersticka! - The Logo Group previously included padding and center-aligned its contents horizontally. Now, the padding and horizontal justification may be set via a template property or modifier class, which makes the pattern more flexible. To retain the previous appearance, opt into padding and use center justification.

Minor Changes

Patch Changes

  • #2170 956ebf84 Thanks @tylersticka! - Constrain Cloud Cover cloud z-indices to their component to avoid unintended overlap

  • #2167 2c25b270 Thanks @tylersticka! - Prevent the WordPress has-small-font-size utility class from reducing text below 16 pixels for consistency with u-text-small

  • #2166 3d61f2ca Thanks @tylersticka! - Fixed an issue where Media object content could overflow its container if it included flex or grid elements

13.4.1

Patch Changes

13.4.0

Minor Changes

Patch Changes

13.3.0

Minor Changes

13.2.0

Minor Changes

  • #2138 e332d714 Thanks @tylersticka! - Adds support for Syntax-highlighting Code Block's highlighted lines, line number and line wrap features

13.1.0

Minor Changes

Patch Changes

  • #2133 c30c97fc Thanks @tylersticka! - Button Group and Inline Lists now use gap properties instead of margin, removing the need for negative margins on the parent element

  • #2136 6580785e Thanks @tylersticka! - Improves quality of syntax highlighting for JavaScript (and similar languages) using highlight.php 9.x

13.0.0

Major Changes

  • #2111 05d49884 Thanks @tylersticka! - Add Highlight.js theme to support server-side syntax highlighting, replaces Prism theme

Patch Changes

  • #2129 c91f85d9 Thanks @tylersticka! - Add support for a content property (in addition to comment_content) so the comment component will apply content filters in WordPress/Timber projects

12.8.0

Minor Changes

Patch Changes

12.7.1

Patch Changes

12.7.0

Minor Changes

Patch Changes

12.6.0

Minor Changes

  • #2052 79b7b439 Thanks @tylersticka! - Add support for "ruled" and "numeric" WordPress Table block styles (in addition to the standard default and "stripes" styles)

Patch Changes

12.5.0

Minor Changes

Patch Changes

12.4.0

Minor Changes

Patch Changes

12.3.1

Patch Changes

12.3.0

Minor Changes

Patch Changes

12.2.0

Minor Changes

12.1.0

Minor Changes

12.0.0

Major Changes

Minor Changes

  • #1937 87f012d9 Thanks @AriannaChau! - Add new error modifier for the Alert component, confused face icon, and status color design tokens.

11.4.0

Minor Changes

  • #1954 04f925e5 Thanks @tylersticka!

    • Add Media Summary component, extending the Media object for linked content summaries (events, books, projects, etc.)
    • Deprecated the Event Summary component
  • #1954 04f925e5 Thanks @tylersticka! - Add object_class and content_class properties to the Media object template to make it more extensible

Patch Changes

  • #1955 f284b337 Thanks @tylersticka! - Prevent focused input outlines from being cut off by adjacent elements inside of Input Group objects

11.3.0

Minor Changes

Patch Changes

  • #1952 a84e50f4 Thanks @tylersticka! - Comment permalinks now resolve to the hash URL of the comment ID rather than a nonexistent Timber comment.link property

11.2.1

Patch Changes

11.2.0

Minor Changes

Patch Changes

  • #1936 4708f00a Thanks @spaceninja! - Update Card and Overview to only use header and footer elements if the containing element is an article or section.

11.1.0

Minor Changes

  • #1929 bac89ee7 Thanks @tylersticka! - Increase the supported column modifiers from 4 to 6 for the Deck layout object to support smaller content chunks
  • #1930 a871faa7 Thanks @tylersticka! - Make default, center, full and wide alignment options consistent between WordPress image and video blocks

11.0.0

Major Changes

  • #1917 4e8ef044 Thanks @calebeby! - Remove button-swap component JS. Users of the component will need to implement their own functionality for this component.

Minor Changes

  • #1910 4384eccf Thanks @tylersticka! - Set the tab-size for pre elements to 2 to encourage more accessible code samples without compromising horizontal real estate

10.1.0

Minor Changes

  • #1898 ab6b487c Thanks @AriannaChau! - Add fallback feature illustrations for accessibility, process, systems and maintenance

Patch Changes

10.0.0

Major Changes

  • #1886 8c532dad Thanks @spaceninja! - Changes to support Error Pages:

    This is considered a breaking change because the WordPress theme will need to be updated to support the Page object's new header block.

    • Add a "full height" modifier to Cloud Cover
    • Add option to have no action in Ground Nav
    • Add optional header block to Page
    • Add optional classes to Page blocks

  • #1889 c6ba51d7 Thanks @tylersticka! - Revised WordPress alignment styles based on actual content needs. Changes include:

    • Some blocks that previously required alignwide to fill container padding now do so by default.
    • aligncenter may be used to prevent a block from filling container padding.
    • alignwide now maxes out at the size of our default Container component max-width rather than an arbitrary value.
    • Margin, padding and inline size tweaks have been made to the Image and Group block styles as well as paragraphs with background colors.

Minor Changes

  • #1892 b82e9524 Thanks @calebeby! - Allow customizing the subscribe heading component via heading_level and heading_weight
  • #1896 38ab8b01 Thanks @tylersticka! - Made Cloud Cover column gaps consistent with the Deck layout object to improve visual relationship of content and extra blocks

Patch Changes

9.0.0

Major Changes

  • #1882 1efb5548 Thanks @gerardo-rodriguez! - Enhances the Subscribe component's ability to programmatically control its UI via destroy()/init() methods

    • initSubscribe() was renamed to createSubscribe()
    • init() must now be explicitly called to initialize
    • destroy() hides CTA buttons UI, shows digests sign up form
    // Initialize
const subscribe = createSubscribe(document.querySelector('.js-subscribe'));
subscribe.init();

// Remove all event listeners, show subscription form
subscribe.destroy();

8.2.0

Minor Changes

  • #1868 85de9d29 Thanks @tylersticka! - Add lavish-headings modifier to Rhythm object to simplify constistent spacing within containers
  • #1868 85de9d29 Thanks @tylersticka! - Add amount and heading_amount properties to Rhythm object to simplify usage in templates

8.1.1

Patch Changes

8.1.0

Minor Changes

  • #1858 b3752bc4 Thanks @tylersticka! - Add new title property to Icon component to make semantic fallback text much more straightforward

Patch Changes

  • #1858 b3752bc4 Thanks @tylersticka! - The Ground Nav button's icon is no longer presented inconsistently with other button icons

8.0.0

Major Changes

  • #1828 097a72fb Thanks @AriannaChau! - Refactor cloud cover component to handle headings and copy content separately. This will break spacing if templates don't transition to using heading instead of content.
  • #1849 810ed0e4 Thanks @tylersticka! - Adjusted breakpoints, max-widths and padding sizes of all full-width patterns (most notably the Container and Deck objects and the Sky Nav component) to better compose actual site content.

  • #1855 a4047b58 Thanks @spaceninja! - This change improves the Cloud Cover component's layout when used with the Subscribe component. It makes the Subscribe headings optional, and improved the layout to switch to horizontal when there's enough room for two buttons, rather than a fixed breakpoint.

    This is a breaking change because it removes the default values of the Subscribe component's headings.

Minor Changes

  • #1851 4a95532f Thanks @tylersticka! - Card covers within an alternate theme container will be brightened slightly to better offset covers with similar backgrounds to the container
  • #1848 0b9d5286 Thanks @spaceninja! - Update Columns block to use our standard rhythm styles so items contained in the columns will have the proper spacing.
  • #1847 22b2c7f3 Thanks @spaceninja! - Outdent Group blocks with backgrounds so their contents align with the page content.
  • #1850 0b967661 Thanks @tylersticka! - Add the "lavish" Rhythm object modifier for separating entire sections with the same fluid whitespace as padded containers

Patch Changes

7.9.0

Minor Changes

  • #1808 339b360f Thanks @calebeby! - Add color and other miscellaneous fixes to improve accessibility of content in older browsers

7.8.0

Minor Changes

  • #1805 4a41c79a Thanks @spaceninja! - Update styles for vanilla blockquotes and tables in Markdown blocks, HTML blocks, and legacy posts to match Gutenberg block styles.

7.7.0

Minor Changes

Patch Changes

7.6.0

Minor Changes

7.5.0

Minor Changes

  • #1776 1f29383c Thanks @spaceninja! - Disables WordPress default line wrapping behavior for Code blocks in favor of scrolling.

7.4.0

Minor Changes

7.3.0

Minor Changes

7.2.0

Minor Changes

7.1.1

Patch Changes

  • #1752 f3268e34 Thanks @gerardo-rodriguez! - Fixes a couple of layout issues for the Bio object:

    • the meta contact was not within the prose width container on medium viewports
    • the meta content was too low when the bio was longer on larger viewports

7.1.0

Minor Changes

  • #1744 ab373f86 Thanks @spaceninja! - Update the Deck object to better handle the WordPress block alignment styles alignwide and alignfull. By default, these would pull the Deck content flush with the edge of the screen and even clip a bit in certain circumstances. To resolve this, we add some padding to prevent the content from going full-bleed.

Patch Changes

7.0.0

Major Changes

  • #1740 5502b9f3 Thanks @tylersticka! - Replaces the size.$padding-container-* tokens into size.$padding-container-vertical-* and size.$padding-container-horizontal-* tokens so the vertical padding will not need to be overridden across actual layout templates.

Patch Changes

6.1.1

Patch Changes

6.1.0

Minor Changes

6.0.0

Major Changes

5.4.0

Minor Changes

  • #1719 8e7c6311 Thanks @tylersticka! - Avatar values passed to the Author component may now be an object, which will be passed directly to the Avatar component. This allows additional properties like srcset, sizes, etc. to be set.

5.3.0

Minor Changes

5.2.0

Minor Changes

5.1.0

Minor Changes

  • #1679 fc595a80 Thanks @gerardo-rodriguez!
    • Add Subscribe component
    • Update CI workflow to use Node 16
    • Add a button_class template prop to the Button Swap component
    • Add a class template prop to the Input Group component
  • #1595 aa215279 Thanks @tylersticka! - Use logical properties across existing styles to improve future-friendliness of patterns.

Patch Changes

  • #1612 b4f2b743 Thanks @tylersticka! - Fix for List objects with columns in Safari that include visually hidden elements or elements with content divided between columns

5.0.0

Major Changes

Minor Changes

  • #1579 98ffb8b7 Thanks @dromo77! - Add o-media--1-by-X modifier so we can size media objects and content relative to each other. This is especially useful when you want to align the object of one media element with another.
  • #1570 ba905bfa Thanks @tylersticka! - Styles that relied on media queries or complicated nesting to negate rounded corners have been simplified using conditional border radius. Some elements like code blocks now benefit from conditional rounded corners as well. The Alert component's full-width modifier and full_width template options are no longer necessary.
  • #1586 98192431 Thanks @tylersticka! - Add --icon-size CSS custom property to the Icon component to allow sizing via CSS without impacting font-size or selector depth.

  • #1579 98ffb8b7 Thanks @dromo77! - o-deck automatically creates columns so sometimes there are multiple columns when only 1 column is desired. The o-deck--X-column@Y modifier has been updated so we can specify when we want 1 column.

    When using multiple media objects inside of a deck, some media objects were top-aligned and some were middle-aligned. To fix the mismatched alignment, we've also added the o-deck--align-start modifier, which forces all content to align-top.

  • #1577 1561c598 Thanks @tylersticka! - Add heading_id attribute to Card component to improve experience in the VoiceOver rotor

Patch Changes

  • #1586 98192431 Thanks @tylersticka! - Size Icons consistently in Buttons. Previously, Icon-only Buttons achieved by including an Icon as the primary content were inconsistently sized compared to Icons included before or after a label.

4.3.0

Minor Changes

4.2.0

Minor Changes

Patch Changes

4.1.0

Minor Changes

  • #1491 910cd6b5 Thanks @tylersticka! - Add o-container__fill and o-container__fill-pad elements for content intended to stretch into inline container padding

4.0.1

Patch Changes

4.0.0

Major Changes

  • #1490 78afde6e Thanks @calebeby! - Change button default type to the browser's default. This is breaking because if you were using the button component in a form without a type property, then the default type has changed from button to submit, to match the browser's default behavior.

Minor Changes

  • #1492 3e923d26 Thanks @tylersticka! - Add the c-card--circle-cover modifier for circular card covers, intended for team member listings
  • #1465 b09f9732 Thanks @tylersticka! - Define weights for b and strong elements nested inside of c-heading when c-heading--light modifier is applied, allowing certain key words or phrases to be emphasized visually
  • #1471 b20b6392 Thanks @tylersticka! - The o-rhythm--default modifier may now be used to revert to default spacing in nested rhythm objects.
  • #1471 b20b6392 Thanks @tylersticka! - Elements with a class containing 'heading' will now be affected by o-rhythm--generous-headings

3.1.1

Patch Changes

3.1.0

Minor Changes

3.0.0

Major Changes

  • #1406 7bce7132 Thanks @Paul-Hebert! - Renamed the Heading property from permalink_id to id and allowed you to use id when permalink is false.

Minor Changes

Patch Changes

2.0.0

Major Changes

  • #1355 e0475be4 Thanks @tylersticka! - Revised icon set! All icons have improved weights and proportions. There are now more caret- icons and a speech-balloon icon. The notifications-off icon has been removed since we now have dynamic toggle icons. Other icons have been renamed to separate what they are from how they are used: attachment is now paperclip, close is now x, notifications is now bell, reply is now arrow-down-right, return is now arrow-hook-left and search is now magnifying-glass.
  • #1373 76051bbd Thanks @tylersticka! - Replace Message component with Alert component that takes into account inline and full-width use cases and responds to themes

Minor Changes

1.2.1

Patch Changes

1.2.0

Minor Changes

Patch Changes

1.1.0

Minor Changes

1.0.0

Major Changes

Minor Changes

  • #1239 f089a5d Thanks @calebeby! - Add animation to Sky Nav on small screens. In order to enable this animation, the js-sky-nav class must be added to the containing element that has c-sky-nav.

Patch Changes

  • #1297 a1f7d76 Thanks @AriannaChau! - Add border radius to Gutenberg Groups styles when the has-background class is present

0.7.0

Minor Changes

0.6.0

Minor Changes

0.5.0

Minor Changes

Patch Changes

  • 28ff9c1 #1040 Thanks @tylersticka! - Remove unnecessary theme prop from container which would conflict with Timber/WordPress prop of same name

0.4.0

Minor Changes

  • ef67b15 #1016 Thanks @spaceninja! - Code refactor of the elastic textarea javascript results in a slight performance improvement for IE11.

Patch Changes

0.3.2

Patch Changes

0.3.1

Patch Changes

0.3.0

Minor Changes

  • 62b6525: Adds visual support for WP Gutenberg file blocks

0.2.0

Minor Changes

  • eeba7a8f: Adds visual styles that support gutenberg image blocks

0.1.0

  • Initial release