@automattic/jetpack-components 1.11.1 → 1.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/build/components/status/index.d.ts +11 -0
  3. package/build/components/status/index.js +11 -0
  4. package/components/status/index.tsx +11 -0
  5. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  ### This is a list detailing changes for the Jetpack RNA Components package releases.
4
4
 
5
+ ## [1.11.2] - 2026-05-19
6
+ ### Changed
7
+ - Deprecate Status; inline @wordpress/ui Text in consumers. [#48711]
8
+
5
9
  ## [1.11.1] - 2026-05-14
6
10
  ### Changed
7
11
  - Update package dependencies. [#48696]
@@ -1784,6 +1788,7 @@
1784
1788
  ### Changed
1785
1789
  - Update node version requirement to 14.16.1
1786
1790
 
1791
+ [1.11.2]: https://github.com/Automattic/jetpack-components/compare/1.11.1...1.11.2
1787
1792
  [1.11.1]: https://github.com/Automattic/jetpack-components/compare/1.11.0...1.11.1
1788
1793
  [1.11.0]: https://github.com/Automattic/jetpack-components/compare/1.10.0...1.11.0
1789
1794
  [1.10.0]: https://github.com/Automattic/jetpack-components/compare/1.9.0...1.10.0
package/build/components/status/index.d.ts CHANGED
@@ -4,5 +4,16 @@ export interface StatusProps {
4
4
  label?: string;
5
5
  className?: string;
6
6
  }
7
+ /**
8
+ * Status component.
9
+ *
10
+ * @deprecated Inline the equivalent JSX using `Text` from `@wordpress/ui` and a small color-coded indicator span. The wrapper renders a flex container at `body-sm` size with `font-weight: 600` and a `0.666em` round indicator coloured by status using WPDS design tokens (`var(--wpds-color-fg-content-success-weak)` for `active`, `--wpds-color-fg-content-error-weak` for `error`, `--wpds-color-fg-content-neutral-weak` for `inactive`, `--wpds-color-fg-content-warning-weak` for `action`, `--wpds-color-fg-content-info-weak` for `initializing`). Include a fallback hex for surfaces that don't load `@wordpress/theme/design-tokens.css` (e.g. the legacy Jetpack settings dashboard).
11
+ *
12
+ * @param {StatusProps} props - The component properties.
13
+ * @param {string} props.className - Optional className forwarded to the outer element.
14
+ * @param {string} props.label - Status label. Defaults to a status-derived string.
15
+ * @param {string} props.status - Status key: `active | error | inactive | action | initializing`.
16
+ * @return {JSX.Element} The `Status` component.
17
+ */
7
18
  declare const Status: ({ className, label, status }: StatusProps) => JSX.Element;
8
19
  export default Status;
package/build/components/status/index.js CHANGED
@@ -3,6 +3,17 @@ import { __ } from '@wordpress/i18n';
3
3
  import clsx from 'clsx';
4
4
  import Text from '../text/index.js';
5
5
  import styles from './style.module.scss';
6
+ /**
7
+ * Status component.
8
+ *
9
+ * @deprecated Inline the equivalent JSX using `Text` from `@wordpress/ui` and a small color-coded indicator span. The wrapper renders a flex container at `body-sm` size with `font-weight: 600` and a `0.666em` round indicator coloured by status using WPDS design tokens (`var(--wpds-color-fg-content-success-weak)` for `active`, `--wpds-color-fg-content-error-weak` for `error`, `--wpds-color-fg-content-neutral-weak` for `inactive`, `--wpds-color-fg-content-warning-weak` for `action`, `--wpds-color-fg-content-info-weak` for `initializing`). Include a fallback hex for surfaces that don't load `@wordpress/theme/design-tokens.css` (e.g. the legacy Jetpack settings dashboard).
10
+ *
11
+ * @param {StatusProps} props - The component properties.
12
+ * @param {string} props.className - Optional className forwarded to the outer element.
13
+ * @param {string} props.label - Status label. Defaults to a status-derived string.
14
+ * @param {string} props.status - Status key: `active | error | inactive | action | initializing`.
15
+ * @return {JSX.Element} The `Status` component.
16
+ */
6
17
  const Status = ({ className, label, status = 'inactive' }) => {
7
18
  const defaultLabels = {
8
19
  active: __('Active', 'jetpack-components'),
package/components/status/index.tsx CHANGED
@@ -10,6 +10,17 @@ export interface StatusProps {
10
10
  className?: string;
11
11
  }
12
12
 
13
+ /**
14
+ * Status component.
15
+ *
16
+ * @deprecated Inline the equivalent JSX using `Text` from `@wordpress/ui` and a small color-coded indicator span. The wrapper renders a flex container at `body-sm` size with `font-weight: 600` and a `0.666em` round indicator coloured by status using WPDS design tokens (`var(--wpds-color-fg-content-success-weak)` for `active`, `--wpds-color-fg-content-error-weak` for `error`, `--wpds-color-fg-content-neutral-weak` for `inactive`, `--wpds-color-fg-content-warning-weak` for `action`, `--wpds-color-fg-content-info-weak` for `initializing`). Include a fallback hex for surfaces that don't load `@wordpress/theme/design-tokens.css` (e.g. the legacy Jetpack settings dashboard).
17
+ *
18
+ * @param {StatusProps} props - The component properties.
19
+ * @param {string} props.className - Optional className forwarded to the outer element.
20
+ * @param {string} props.label - Status label. Defaults to a status-derived string.
21
+ * @param {string} props.status - Status key: `active | error | inactive | action | initializing`.
22
+ * @return {JSX.Element} The `Status` component.
23
+ */
13
24
  const Status = ( { className, label, status = 'inactive' }: StatusProps ): JSX.Element => {
14
25
  const defaultLabels: Record< string, string > = {
15
26
  active: __( 'Active', 'jetpack-components' ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/jetpack-components",
3
- "version": "1.11.1",
3
+ "version": "1.11.2",
4
4
  "description": "Jetpack Components Package",
5
5
  "homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/components/#readme",
6
6
  "bugs": {
@@ -61,10 +61,10 @@
61
61
  ],
62
62
  "dependencies": {
63
63
  "@automattic/format-currency": "1.0.1",
64
- "@automattic/jetpack-api": "^1.0.24",
65
- "@automattic/jetpack-boost-score-api": "^1.0.41",
66
- "@automattic/jetpack-script-data": "^0.6.3",
67
- "@automattic/number-formatters": "^1.1.7",
64
+ "@automattic/jetpack-api": "^1.0.25",
65
+ "@automattic/jetpack-boost-score-api": "^1.0.42",
66
+ "@automattic/jetpack-script-data": "^0.6.4",
67
+ "@automattic/number-formatters": "^1.1.8",
68
68
  "@babel/runtime": "^7",
69
69
  "@gravatar-com/hovercards": "0.16.0",
70
70
  "@wordpress/admin-ui": "2.0.0",
@@ -84,12 +84,12 @@
84
84
  "prop-types": "^15.7.2",
85
85
  "qrcode.react": "4.2.0",
86
86
  "react-slider": "2.0.5",
87
- "social-logos": "^3.3.14",
87
+ "social-logos": "^3.3.15",
88
88
  "uplot": "1.6.31",
89
89
  "uplot-react": "1.1.4"
90
90
  },
91
91
  "devDependencies": {
92
- "@automattic/jetpack-base-styles": "^1.2.2",
92
+ "@automattic/jetpack-base-styles": "^1.2.3",
93
93
  "@babel/core": "7.29.0",
94
94
  "@babel/preset-react": "7.28.5",
95
95
  "@jest/globals": "30.3.0",