Merge branch 'main' of https://github.com/cloudfour/cloudfour.com-pat…

…terns into feature/aspect-ratio

* 'main' of https://github.com/cloudfour/cloudfour.com-patterns: (30 commits)
  Publish Next Version (#2090)
  Expand centered wp-block-image captions (#2089)
  Update dependency stylelint-config-prettier to v9.0.4
  Update dependency postcss to v8.4.19
  Update dependency eslint-plugin-react to v7.31.11 (#2085)
  Update dependency cssnano to v5.1.14
  Update dependency @types/lodash to v4.14.190
  Update dependency @changesets/cli to v2.25.2
  Publish Next Version (#2056)
  Moar social media exodus icons (#2081)
  Update dependency typescript to v4.9.3 (#2031)
  Update brand icons (#2079)
  Set specific Node version (#2080)
  Update dependency eslint to v8.25.0
  Update dependency rollup-plugin-dts to v4.2.3 (#2075)
  Update dependency postcss to v8.4.18 (#2074)
  Update dependency eslint-plugin-react to v7.31.10 (#2073)
  Update dependency @babel/preset-env to v7.19.4 (#2072)
  Update dependency @changesets/cli to v2.25.0
  Update dependency postcss to v8.4.17
  ...

.nvmrc

@@ -1 +1 @@
-lts/*
+lts/gallium

CHANGELOG.md

@@ -1,5 +1,27 @@
 # @cloudfour/patterns
 
+## 12.7.1
+
+### Patch Changes
+
+- [#2089](https://github.com/cloudfour/cloudfour.com-patterns/pull/2089) [`3d3da978`](https://github.com/cloudfour/cloudfour.com-patterns/commit/3d3da978ff5286886e362da84979697e759ea9e7) Thanks [@tylersticka](https://github.com/tylersticka)! - Allow captions for centered WordPress Image Blocks to fill their container
+
+## 12.7.0
+
+### Minor Changes
+
+- [#2055](https://github.com/cloudfour/cloudfour.com-patterns/pull/2055) [`c4e5a411`](https://github.com/cloudfour/cloudfour.com-patterns/commit/c4e5a41176e9790361ed638e67c61fa76bb21704) Thanks [@gerardo-rodriguez](https://github.com/gerardo-rodriguez)! - Use CSS aspect-ratio property for Avatar
+
+- [#2058](https://github.com/cloudfour/cloudfour.com-patterns/pull/2058) [`620c8129`](https://github.com/cloudfour/cloudfour.com-patterns/commit/620c81296c2959ba2b81ac58eeb806838af403f9) Thanks [@tylersticka](https://github.com/tylersticka)! - Add `copy`, `external` and `feed` icons
+
+- [#2057](https://github.com/cloudfour/cloudfour.com-patterns/pull/2057) [`0bb907ae`](https://github.com/cloudfour/cloudfour.com-patterns/commit/0bb907ae8d760c2d43dc1f1a6f46156e92734c5f) Thanks [@gerardo-rodriguez](https://github.com/gerardo-rodriguez)! - Use CSS aspect-ratio for Card component
+
+- [#2079](https://github.com/cloudfour/cloudfour.com-patterns/pull/2079) [`2f824ba7`](https://github.com/cloudfour/cloudfour.com-patterns/commit/2f824ba77408f306275f610d58fb933c970aa108) Thanks [@tylersticka](https://github.com/tylersticka)! - Add brand icons for A Book Apart, An Event Apart, CodePen, Mastodon and Tumblr
+
+### Patch Changes
+
+- [#2079](https://github.com/cloudfour/cloudfour.com-patterns/pull/2079) [`2f824ba7`](https://github.com/cloudfour/cloudfour.com-patterns/commit/2f824ba77408f306275f610d58fb933c970aa108) Thanks [@tylersticka](https://github.com/tylersticka)! - Update brand icon for Speaker Deck
+
 ## 12.6.0
 
 ### Minor Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudfour/patterns",
-  "version": "12.6.0",
+  "version": "12.7.1",
   "author": "Cloud Four",
   "description": "Front-end patterns for cloudfour.com",
   "homepage": "https://github.com/cloudfour/cloudfour.com-patterns",
@@ -43,10 +43,10 @@
     "prismjs": "1.29.0"
   },
   "devDependencies": {
-    "@babel/core": "7.19.0",
-    "@babel/preset-env": "7.19.0",
-    "@changesets/changelog-github": "0.4.6",
-    "@changesets/cli": "2.24.4",
+    "@babel/core": "7.19.3",
+    "@babel/preset-env": "7.19.4",
+    "@changesets/changelog-github": "0.4.7",
+    "@changesets/cli": "2.25.2",
     "@cloudfour/eslint-plugin": "21.1.0",
     "@etchteam/storybook-addon-status": "4.2.1",
     "@rollup/plugin-babel": "5.3.1",
@@ -58,18 +58,18 @@
     "@storybook/html": "6.5.9",
     "@svgr/webpack": "5.5.0",
     "@types/jest": "28.1.8",
-    "@types/lodash": "4.14.185",
+    "@types/lodash": "4.14.190",
     "@types/prismjs": "1.26.0",
     "@whitespace/storybook-addon-html": "5.0.0",
     "@wordpress/block-library": "3.2.20",
     "babel-loader": "8.2.5",
     "browserify-transform-tools": "1.7.0",
     "css-loader": "5.2.7",
-    "cssnano": "5.1.13",
+    "cssnano": "5.1.14",
     "eliminate": "1.1.2",
-    "eslint": "8.23.0",
+    "eslint": "8.25.0",
     "eslint-plugin-mdx": "1.17.1",
-    "eslint-plugin-react": "7.31.8",
+    "eslint-plugin-react": "7.31.11",
     "gulp": "4.0.2",
     "gulp-postcss": "9.0.1",
     "gulp-rename": "2.0.0",
@@ -85,7 +85,7 @@
     "mini-css-extract-plugin": "1.6.2",
     "npm-run-all": "4.1.5",
     "pleasantest": "2.2.0",
-    "postcss": "8.4.16",
+    "postcss": "8.4.19",
     "postcss-inline-svg": "4.1.0",
     "postcss-loader": "4.3.0",
     "postcss-media-minmax": "5.0.0",
@@ -95,25 +95,25 @@
     "remark-preset-lint-recommended": "5.0.0",
     "remark-preset-prettier": "0.5.1",
     "resolve": "1.22.1",
-    "rollup": "2.79.0",
-    "rollup-plugin-dts": "4.2.2",
+    "rollup": "2.79.1",
+    "rollup-plugin-dts": "4.2.3",
     "rollup-plugin-terser": "7.0.2",
-    "sass": "1.54.9",
+    "sass": "1.55.0",
     "sass-loader": "10.3.1",
     "storybook-addon-outline": "1.4.2",
     "storybook-mobile": "0.1.31",
     "style-dictionary": "3.7.1",
     "style-loader": "2.0.0",
-    "stylelint": "14.11.0",
+    "stylelint": "14.13.0",
     "stylelint-config-cloudfour": "6.1.0",
-    "stylelint-config-prettier": "9.0.3",
+    "stylelint-config-prettier": "9.0.4",
     "stylelint-scss": "4.3.0",
     "stylelint-use-logical-spec": "4.1.0",
     "through2": "4.0.2",
     "tiny-glob": "0.2.9",
     "twing": "3.1.1",
     "twing-loader": "3.0.1",
-    "typescript": "4.7.4",
+    "typescript": "4.9.3",
     "val-loader": "2.1.2",
     "webpack": "4.46.0"
   },

src/components/pagination/demo/mock-pagination-data.js

@@ -36,11 +36,9 @@ function mockPageData(page = 1, current = 1) {
  * @see https://timber.github.io/docs/guides/pagination/
  */
 
-export default function mockPaginationData({
-  current = 1,
-  midSize = 2,
-  total = 36,
-} = {}) {
+export default function mockPaginationData(param = {}) {
+  const args = { current: 1, midSize: 2, total: 36, ...param };
+  const { current, midSize, total } = args;
   // If this isn't the first page, mock the previous page data
   const prev = current > 1 && mockPageData(current - 1, current);
   // If this isn't the last page, mock the next page data

src/vendor/wordpress/styles/_core-blocks.scss

@@ -158,6 +158,17 @@ $wp-button-gap: size.$spacing-gap-button-group-default;
     max-inline-size: calc(50% - 0.5em); // 2
   }
 
+  /// By default, WordPress uses table styles to constrain captions to the size
+  /// of the image. This makes sense for left- and right-aligned image blocks,
+  /// but for consistency with our non-block `figure` elements, we allow
+  /// captions to go as wide as they need for centered elements.
+  .aligncenter {
+    &,
+    > figcaption {
+      display: block;
+    }
+  }
+
   /// Apply border only to image
   ///
   /// 1. We're using 1px borders here rather than size.$edge-small because it