chore: release (next)

[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 spectrum-two, this PR will be updated.

⚠️⚠️⚠️⚠️⚠️⚠️

spectrum-two is currently in pre mode so this branch has prereleases rather than normal releases. If you want to exit prereleases, run changeset pre exit on spectrum-two.

⚠️⚠️⚠️⚠️⚠️⚠️

Releases

@spectrum-css/[email protected]

Major Changes

• #3669 87d7d99 Thanks @castastrophe! - Previously:

  .spectrum-Card.is-selected::before {
  	background-color: rgba(
  		var(
  			--mod-card-selected-background-color-rgb,
  			var(--spectrum-card-selected-background-color-rgb)
  		),
  		var(--spectrum-card-selected-background-opacity)
  	);
  }

  Styles now use --spectrum-card-selection-background-color which maps to a transparent global property of --spectrum-transparent-(black|white)-600 depending on color context.

  Updated:

  .spectrum-Card.is-selected::before {
  	background-color: var(
  		--mod-card-background-color-selected,
  		var(--spectrum-card-selection-background-color)
  	);
  }

  Removed variants

  Removed the quiet variant which is no longer supported in Spectrum 2.

  Removed/replaced properties

  • --mod-card-selected-background-color-rgb. Use --mod-card-background-color-selected to override the selected background color.
  • --mod-card-content-margin-top-quiet. Use --mod-card-content-margin-top with appropriate selectors to override.
  • --mod-card-minimum-width-quiet. Use --mod-card-minimum-width with appropriate selectors to override.
  • --mod-card-actions-background-color-rgb. No replacement, using token value --spectrum-card-selection-background-color directly.
  • --mod-card-actions-background-color-opacity. No replacement, using token value --spectrum-card-selection-background-color directly.

@spectrum-css/[email protected]

Minor Changes

• #3669 87d7d99 Thanks @castastrophe! - Package update from @adobe/[email protected] to @adobe/[email protected].

  New custom properties

  • --spectrum-card-background-loading-color
  • --spectrum-card-background-well-color
  • --spectrum-card-default-width-extra-small
  • --spectrum-card-default-width-small
  • --spectrum-card-default-width-medium
  • --spectrum-card-default-width-large
  • --spectrum-card-default-width-extra-large
  • --spectrum-card-description-to-footer
  • --spectrum-card-edge-to-content-default-extra-small
  • --spectrum-card-edge-to-content-default-small
  • --spectrum-card-edge-to-content-default-medium
  • --spectrum-card-edge-to-content-default-large
  • --spectrum-card-edge-to-content-default-extra-large
  • --spectrum-card-edge-to-content-compact-extra-small
  • --spectrum-card-edge-to-content-compact-small
  • --spectrum-card-edge-to-content-compact-medium
  • --spectrum-card-edge-to-content-compact-large
  • --spectrum-card-edge-to-content-compact-extra-large
  • --spectrum-card-edge-to-content-spacious-extra-small
  • --spectrum-card-edge-to-content-spacious-small
  • --spectrum-card-edge-to-content-spacious-medium
  • --spectrum-card-edge-to-content-spacious-large
  • --spectrum-card-edge-to-content-spacious-extra-large
  • --spectrum-card-header-to-description
  • --spectrum-card-minimum-width-extra-small
  • --spectrum-card-minimum-width-small
  • --spectrum-card-minimum-width-medium
  • --spectrum-card-minimum-width-large
  • --spectrum-card-minimum-width-extra-large
  • --spectrum-card-maximum-width-extra-small
  • --spectrum-card-maximum-width-small
  • --spectrum-card-maximum-width-medium
  • --spectrum-card-maximum-width-large
  • --spectrum-card-maximum-width-extra-large
  • --spectrum-card-minimum-height-extra-small
  • --spectrum-card-minimum-height-small
  • --spectrum-card-minimum-height-medium
  • --spectrum-card-minimum-height-large
  • --spectrum-card-minimum-height-extra-large
  • --spectrum-card-selection-background-size-small
  • --spectrum-card-selection-background-size-medium
  • --spectrum-card-selection-background-size-large
  • --spectrum-card-selection-background-size-extra-large
  • --spectrum-collection-card-minimum-height-extra-small
  • --spectrum-collection-card-minimum-height-small
  • --spectrum-collection-card-minimum-height-medium
  • --spectrum-collection-card-minimum-height-large
  • --spectrum-collection-card-minimum-height-extra-large
  • --spectrum-collection-card-minimum-height-hero-extra-small
  • --spectrum-collection-card-minimum-height-hero-small
  • --spectrum-collection-card-minimum-height-hero-medium
  • --spectrum-collection-card-minimum-height-hero-large
  • --spectrum-collection-card-minimum-height-hero-extra-large
  • --spectrum-segmented-control-item-maximum-width
  • --spectrum-user-card-minimum-height-small
  • --spectrum-user-card-minimum-height-medium
  • --spectrum-user-card-minimum-height-large
  • --spectrum-user-card-minimum-height-extra-large
  • --spectrum-user-card-minimum-height-title-below-small
  • --spectrum-user-card-minimum-height-title-below-medium
  • --spectrum-user-card-minimum-height-title-below-large
  • --spectrum-user-card-minimum-height-title-below-extra-large

  Updated custom properties

  • --spectrum-card-selection-background-color was mapped to var(--spectrum-gray-100); updated to:
    • light: var(--spectrum-transparent-white-600)
    • dark: var(--spectrum-transparent-black-600)

@spectrum-css/[email protected]

Patch Changes

• Updated dependencies [87d7d99]:
  • @spectrum-css/[email protected]

[github-actions]

File metrics

Summary

Total size: 1.38 MB^*

🎉 No changes detected in any packages

* Size is the sum of all main files for packages in the library.
* An ASCII character in UTF-8 is 8 bits or 1 byte.

[github-actions]

🚀 Deployed on https://pr-3676--spectrum-css.netlify.app