[ci] release v1.x-2022-07

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to v1.x-2022-07, this PR will be updated.

Releases

@shopify/[email protected]

Minor Changes

• #1257 5cd7a672 Thanks @frandiox! - Support for CSS Modules has been improved. It now behaves closer to the default behavior in Vite where styles are collected automatically.

  Remove the StyleTag component that was needed before:

  export default function MyComponent() {
    return (
      <div>
  -      <myStyles.StyleTag />
        <h1>Title</h1>
      </div>
    );
  }

  Optionally, update your wildcard imports to default or named imports:

  -import * as myStyles from './my.module.css';
  +import myStyles from './my.module.css';
  // Or
  +import {red, green, blue} from './my.module.css';

• #1271 9d0359b8 Thanks @frehner! - ## <Image/>

  The <Image/> component and related utility functions were reworked and the following changes apply:

  • useImageUrl is no longer available; use shopifyImageLoader instead, which is available to run both server- and client-side.
  • The TypeScript experience with <Image/> is improved; props will be validated better, and loader and loaderOptions will be better typed
  • When using the src prop, width and height are now required
  • When using the data prop, data.width and data.height or width and height props are required
  • The src and data props are mutually exclusive
  • The loader prop now receives a singular param as an object
  • options has been merged with loaderOptions. When using the data prop, loaderOptions will be the options for Shopify CDN images. When using the src prop, loaderOptions will be whatever you define them to be.
  • The TypeScript type ImageSizeOptions is now named ShopifyLoaderOptions
  • The TypeScript type ImageLoaderOptions is now named ShopifyLoaderParams
  • The priority prop was removed; use the HTML-standard loading prop instead

  <Video/>

  • The <Video/> component's options props was renamed to imagePreviewOptions to add clarity as to what the options were for.
  • imagePreviewOptions matches the (newly updated) shape of <Image/>'s loaderOptions

• #1290 437b1616 Thanks @jplhomer! - Allow cart queries to be customized by adding a new cartFragment prop to CartProvider. Learn more.

Patch Changes

• #1247 ee64873e Thanks @frandiox! - Improve the way client components are discovered in order to reduce bundle sizes.

• #1276 c6ce6a43 Thanks @frandiox! - Fix page loading in Firefox during development (known bug).

• #1286 53270249 Thanks @jplhomer! - Fix some sourcemap warnings in server console

[email protected]