@automattic/jetpack-components 0.67.1 → 0.68.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 ### This is a list detailing changes for the Jetpack RNA Components package releases.
 
+## [0.68.0] - 2025-03-03
+### Added
+- Stat Card: add hideValue prop. [#41454]
+
+### Changed
+- Update package dependencies. [#42081] [#42163]
+
 ## [0.67.1] - 2025-02-24
 ### Changed
 - Update package dependencies. [#41955]
@@ -1294,6 +1301,7 @@
 ### Changed
 - Update node version requirement to 14.16.1
 
+[0.68.0]: https://github.com/Automattic/jetpack-components/compare/0.67.1...0.68.0
 [0.67.1]: https://github.com/Automattic/jetpack-components/compare/0.67.0...0.67.1
 [0.67.0]: https://github.com/Automattic/jetpack-components/compare/0.66.1...0.67.0
 [0.66.1]: https://github.com/Automattic/jetpack-components/compare/0.66.0...0.66.1

package/components/badge/index.tsx

@@ -19,7 +19,7 @@ type BadgeProps = {
  *
  * @return {React.ReactElement} The `Badge` component.
  */
-const Badge: React.FC< BadgeProps > = ( { children, className, variant = 'info', ...props } ) => {
+const Badge: React.FC< BadgeProps > = ( { children, className, variant, ...props } ) => {
 	const classes = clsx(
 		styles.badge,
 		{

package/components/stat-card/index.tsx

@@ -18,7 +18,14 @@ import type React from 'react';
  * @param {StatCardProps} props - Component props.
  * @return {React.ReactNode} - StatCard react component.
  */
-const StatCard = ( { className, icon, label, value, variant = 'square' }: StatCardProps ) => {
+const StatCard = ( {
+	className,
+	hideValue,
+	icon,
+	label,
+	value,
+	variant = 'square',
+}: StatCardProps ) => {
 	const formattedValue = numberFormat( value );
 	const compactValue = numberFormat( value, {
 		notation: 'compact',
@@ -33,12 +40,12 @@ const StatCard = ( { className, icon, label, value, variant = 'square' }: StatCa
 				{ variant === 'square' ? (
 					<Tooltip text={ formattedValue } placement="top">
 						<Text variant="headline-small" className={ clsx( styles.value ) }>
-							{ compactValue }
+							{ hideValue ? '-' : compactValue }
 						</Text>
 					</Tooltip>
 				) : (
 					<Text variant="title-medium-semi-bold" className={ clsx( styles.value ) }>
-						{ formattedValue }
+						{ hideValue ? '-' : formattedValue }
 					</Text>
 				) }
 			</div>

package/components/stat-card/types.ts

@@ -4,6 +4,11 @@ export type StatCardProps = {
 	 */
 	className?: string;
 
+	/**
+	 * Whether to hide the value.
+	 */
+	hideValue?: boolean;
+
 	/**
 	 * The stat card icon.
 	 */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-components",
-	"version": "0.67.1",
+	"version": "0.68.0",
 	"description": "Jetpack Components Package",
 	"author": "Automattic",
 	"license": "GPL-2.0-or-later",
@@ -15,20 +15,20 @@
 	},
 	"dependencies": {
 		"@automattic/format-currency": "1.0.1",
-		"@automattic/jetpack-boost-score-api": "^0.1.57",
-		"@automattic/jetpack-api": "^0.19.0",
-		"@automattic/jetpack-scan": "^0.5.7",
+		"@automattic/jetpack-boost-score-api": "^0.1.58",
+		"@automattic/jetpack-api": "^0.20.0",
+		"@automattic/jetpack-scan": "^0.5.8",
 		"@babel/runtime": "^7",
-		"@wordpress/browserslist-config": "6.17.0",
-		"@wordpress/components": "29.3.0",
-		"@wordpress/compose": "7.17.0",
-		"@wordpress/data": "10.17.0",
-		"@wordpress/dataviews": "4.13.0",
-		"@wordpress/date": "5.17.0",
-		"@wordpress/element": "6.17.0",
-		"@wordpress/i18n": "5.17.0",
-		"@wordpress/icons": "10.17.0",
-		"@wordpress/notices": "5.17.0",
+		"@wordpress/browserslist-config": "6.19.0",
+		"@wordpress/components": "29.5.0",
+		"@wordpress/compose": "7.19.0",
+		"@wordpress/data": "10.19.0",
+		"@wordpress/dataviews": "4.14.0",
+		"@wordpress/date": "5.19.0",
+		"@wordpress/element": "6.19.0",
+		"@wordpress/i18n": "5.19.0",
+		"@wordpress/icons": "10.19.0",
+		"@wordpress/notices": "5.19.0",
 		"clsx": "2.1.1",
 		"prop-types": "^15.7.2",
 		"qrcode.react": "4.2.0",
@@ -38,7 +38,7 @@
 		"uplot-react": "1.1.4"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^0.6.43",
+		"@automattic/jetpack-base-styles": "^0.6.44",
 		"@babel/core": "7.26.0",
 		"@babel/preset-react": "7.26.3",
 		"@jest/globals": "29.4.3",