@automattic/social-previews 3.3.2 → 3.3.4

package/CHANGELOG.md

@@ -5,6 +5,14 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.3.4] - 2026-07-06
+### Changed
+- Update package dependencies. [#50097] [#50183]
+
+## [3.3.3] - 2026-06-29
+### Changed
+- Update dependencies. [#50004]
+
 ## [3.3.2] - 2026-06-26
 ### Changed
 - Update dependencies. [#49464]
@@ -225,6 +233,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Initial release after extracting from Calypso.
 
+[3.3.4]: https://github.com/Automattic/social-previews/compare/v3.3.3...v3.3.4
+[3.3.3]: https://github.com/Automattic/social-previews/compare/v3.3.2...v3.3.3
 [3.3.2]: https://github.com/Automattic/social-previews/compare/v3.3.1...v3.3.2
 [3.3.1]: https://github.com/Automattic/social-previews/compare/v3.3.0...v3.3.1
 [3.3.0]: https://github.com/Automattic/social-previews/compare/v3.2.5...v3.3.0

package/dist/style.css

@@ -154,7 +154,7 @@
   overflow-wrap: break-word;
 }
 .twitter-preview__container .twitter-preview__content .twitter-preview__media {
-  border-radius: 15px; /* stylelint-disable-line scales/radii */
+  border-radius: 15px;
   overflow: hidden;
   display: grid;
   gap: 2px;
@@ -210,7 +210,7 @@
   margin-bottom: 12px;
   overflow: hidden;
   border: 1px solid #e1e8ed;
-  border-radius: 12px; /* stylelint-disable-line scales/radii */
+  border-radius: 12px;
 }
 .twitter-preview__container .twitter-preview__content .twitter-preview__card .twitter-preview__card-summary {
   display: grid;
@@ -390,7 +390,6 @@
   object-fit: cover;
   width: 100%;
 }
-/* stylelint-disable-next-line scales/radii */
 .tumblr-preview__post-icon {
   display: flex;
   align-items: center;
@@ -438,7 +437,6 @@
   width: 18px;
   height: 4px;
 }
-/* stylelint-disable-next-line scales/radii */
 .tumblr-preview__post-actions {
   margin-top: 0.25rem;
   padding: 0 1.25rem;
@@ -479,7 +477,6 @@
   display: flex;
   align-items: center;
 }
-/* stylelint-disable-next-line scales/radii */
 .tumblr-preview__post-header {
   display: flex;
   justify-content: space-between;
@@ -493,7 +490,6 @@
   font-weight: 700;
   line-height: 1.5;
 }
-/* stylelint-disable-next-line scales/radii */
 .tumblr-preview__section.social-preview__section {
   width: clamp(200px, 100%, 604px + 1.25rem);
 }
@@ -537,7 +533,6 @@
 .tumblr-preview__title {
   margin: 0 0 1rem 0;
   padding: 0 1.25rem;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 1.625rem;
   font-weight: 400;
   line-height: 1.3;
@@ -671,7 +666,6 @@
   padding: 0;
   color: #65676b;
   list-style-type: none;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.9375rem;
   font-weight: 600;
   line-height: 1.33;
@@ -706,7 +700,6 @@
 
 .facebook-preview__post-header-name {
   color: #050505;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.9375rem;
   font-weight: 600;
   line-height: 1.33;
@@ -719,7 +712,6 @@
 }
 
 .facebook-preview__post-header-time {
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.8125rem;
   line-height: 1.23;
 }
@@ -756,7 +748,6 @@
   margin: 0;
   padding: 0 1rem 1rem;
   color: #050505;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.9375rem;
   line-height: 1.33;
   overflow-wrap: break-word;
@@ -798,7 +789,6 @@
 .facebook-preview__url {
   margin-bottom: 0.25rem;
   color: #65676b;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.8125rem;
   line-height: 1;
   text-transform: uppercase;
@@ -806,7 +796,6 @@
 
 .facebook-preview__title {
   margin: 0.25rem 0 0.125rem;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.9444rem;
   font-weight: 600;
   line-height: 1.18;
@@ -814,7 +803,6 @@
 
 .facebook-preview__description {
   color: #65676b;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.9375rem;
   line-height: 1.33;
 }
@@ -966,7 +954,6 @@
 
 .mastodon-preview__card-title {
   color: #282c37;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 1.187rem;
   font-weight: 700;
   line-height: 1.4;
@@ -990,7 +977,6 @@
   justify-content: space-between;
   align-items: start;
   margin-bottom: 0.625rem;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.9375rem;
   line-height: 1.47;
 }
@@ -1032,7 +1018,6 @@
   border: 1px solid #c0cdd9;
   color: #444b5d;
   font-family: "mastodon-font-sans-serif", sans-serif;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.9375rem;
   line-height: 1.47;
 }
@@ -1341,7 +1326,6 @@
   gap: 0.5rem;
   max-width: max-content;
   margin-bottom: 0.625rem;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.9375rem;
   line-height: 1.47;
 }
@@ -1396,7 +1380,6 @@
   border-radius: 8px;
   color: #444b5d;
   font-family: "bluesky-font-sans-serif", sans-serif;
-  /* stylelint-disable-next-line scales/font-sizes */
   font-size: 0.9375rem;
   line-height: 1.47;
 }
@@ -1428,7 +1411,6 @@
   width: 100%;
   object-fit: cover;
 }
-/* stylelint-disable scales/radii */
 .threads-preview {
   padding: 20px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/social-previews",
-	"version": "3.3.2",
+	"version": "3.3.4",
 	"description": "A suite of components to generate previews for a post for both social and search engines.",
 	"keywords": [
 		"wordpress",
@@ -39,9 +39,9 @@
 		"typecheck": "tsgo --noEmit"
 	},
 	"dependencies": {
-		"@wordpress/components": "35.0.1",
-		"@wordpress/element": "8.0.1",
-		"@wordpress/i18n": "6.21.1",
+		"@wordpress/components": "36.1.0",
+		"@wordpress/element": "8.2.0",
+		"@wordpress/i18n": "6.23.0",
 		"clsx": "2.1.1"
 	},
 	"devDependencies": {