@automattic/jetpack-components 0.55.2 → 0.55.4

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ### This is a list detailing changes for the Jetpack RNA Components package releases.
 
+## [0.55.4] - 2024-08-01
+### Added
+- Update Welcome Banner and set async site-only connection [#38534]
+
+## [0.55.3] - 2024-07-30
+### Changed
+- React: Changing global JSX namespace to React.JSX [#38585]
+
 ## [0.55.2] - 2024-07-26
 ### Added
 - Export button props type to be used elsewhere [#38549]
@@ -1102,6 +1110,8 @@
 ### Changed
 - Update node version requirement to 14.16.1
 
+[0.55.4]: https://github.com/Automattic/jetpack-components/compare/0.55.3...0.55.4
+[0.55.3]: https://github.com/Automattic/jetpack-components/compare/0.55.2...0.55.3
 [0.55.2]: https://github.com/Automattic/jetpack-components/compare/0.55.1...0.55.2
 [0.55.1]: https://github.com/Automattic/jetpack-components/compare/0.55.0...0.55.1
 [0.55.0]: https://github.com/Automattic/jetpack-components/compare/0.54.4...0.55.0

package/components/number-slider/types.ts

@@ -54,5 +54,5 @@ export type NumberSliderProps = {
 	renderThumb?: (
 		props: HTMLPropsWithRefCallback< HTMLDivElement >,
 		state: { index: number; value: number | ReadonlyArray< number >; valueNow: number }
-	) => JSX.Element | null;
+	) => React.JSX.Element | null;
 };

package/components/stat-card/types.ts

@@ -7,7 +7,7 @@ export type StatCardProps = {
 	/**
 	 * The stat card icon.
 	 */
-	icon: JSX.Element;
+	icon: React.JSX.Element;
 
 	/**
 	 * The stat label.

package/components/status/index.tsx

@@ -9,7 +9,7 @@ interface StatusProps {
 	className?: string;
 }
 
-const Status = ( { className, label, status = 'inactive' }: StatusProps ): JSX.Element => {
+const Status = ( { className, label, status = 'inactive' }: StatusProps ): React.JSX.Element => {
 	const defaultLabels: Record< string, string > = {
 		active: __( 'Active', 'jetpack' ),
 		error: __( 'Error', 'jetpack' ),

package/components/terms-of-service/index.tsx

@@ -10,8 +10,9 @@ const TermsOfService: React.FC< TermsOfServiceProps > = ( {
 	className,
 	multipleButtons,
 	agreeButtonLabel,
+	...textProps
 } ) => (
-	<Text className={ clsx( className, 'terms-of-service' ) }>
+	<Text className={ clsx( className, 'terms-of-service' ) } { ...textProps }>
 		{ multipleButtons ? (
 			<MultipleButtonsText multipleButtonsLabels={ multipleButtons } />
 		) : (

package/components/terms-of-service/types.ts

@@ -1,3 +1,5 @@
+import { TextProps } from '../text/types';
+
 type MultipleButtonsProps = {
 	/**
 	 * Indicates whether there are multiple buttons present that would imply agreement if clicked.
@@ -22,9 +24,24 @@ type SingleButtonProps = {
 	agreeButtonLabel: string;
 };
 
-export type TermsOfServiceProps = {
-	/**
-	 * Represents additional CSS classes to be added to the component's root.
-	 */
-	className?: string;
-} & ( MultipleButtonsProps | SingleButtonProps );
+export type TermsOfServiceProps = Pick<
+	TextProps,
+	| 'variant'
+	| 'm'
+	| 'mt'
+	| 'mr'
+	| 'mb'
+	| 'ml'
+	| 'mx'
+	| 'my'
+	| 'p'
+	| 'pt'
+	| 'pr'
+	| 'pb'
+	| 'pl'
+	| 'px'
+	| 'py'
+	| 'className'
+	| 'component'
+> &
+	( MultipleButtonsProps | SingleButtonProps );

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-components",
-	"version": "0.55.2",
+	"version": "0.55.4",
 	"description": "Jetpack Components Package",
 	"author": "Automattic",
 	"license": "GPL-2.0-or-later",