@automattic/jetpack-components 1.11.0 → 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 +12 -2
  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 +10 -10
package/CHANGELOG.md CHANGED
@@ -2,18 +2,26 @@
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
+
9
+ ## [1.11.1] - 2026-05-14
10
+ ### Changed
11
+ - Update package dependencies. [#48696]
12
+
5
13
  ## [1.11.0] - 2026-05-11
6
14
  ### Added
7
15
  - AdminPage: Add admin-page and jetpack-footer sub-path exports for use in wp-build dashboards. [#48510]
8
- - Gravatar: Add a component with hovercard support at the `./gravatar` subpath, shared across products that render subscriber or response avatars. [#48581]
9
16
  - Global Notices: Add global-notices sub-path export for use in wp-build dashboards. [#48586]
17
+ - Gravatar: Add a component with hovercard support at the `./gravatar` subpath, shared across products that render subscriber or response avatars. [#48581]
10
18
 
11
19
  ### Changed
12
20
  - AdminPage: Update to @wordpress/admin-ui 2.0.0 and use the new `visual` prop to render the Jetpack logo alongside the page title. [#48410]
13
21
  - Components: Use Link from `@wordpress/ui` instead of ExternalLink. [#48529]
14
22
 
15
23
  ### Removed
16
- - Components: Remove Gridicon component. Use Icon and named icon exports from `@wordpress/icons` instead. [#48537]
24
+ - Components: Remove Gridicon component. [#48537]
17
25
 
18
26
  ### Fixed
19
27
  - AdminPage: Pass a stable `jp-admin-page__page` className to admin-ui's Page so layout overrides survive admin-ui 2.0.0's switch to CSS Modules; pin the header heading level to `<h2>` and center the new `visual` slot to keep the Jetpack logo aligned with the title. [#48410]
@@ -1780,6 +1788,8 @@
1780
1788
  ### Changed
1781
1789
  - Update node version requirement to 14.16.1
1782
1790
 
1791
+ [1.11.2]: https://github.com/Automattic/jetpack-components/compare/1.11.1...1.11.2
1792
+ [1.11.1]: https://github.com/Automattic/jetpack-components/compare/1.11.0...1.11.1
1783
1793
  [1.11.0]: https://github.com/Automattic/jetpack-components/compare/1.10.0...1.11.0
1784
1794
  [1.10.0]: https://github.com/Automattic/jetpack-components/compare/1.9.0...1.10.0
1785
1795
  [1.9.0]: https://github.com/Automattic/jetpack-components/compare/1.8.3...1.9.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.0",
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.40",
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,17 +84,17 @@
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.1",
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",
96
- "@storybook/addon-docs": "10.3.5",
97
- "@storybook/react": "10.3.5",
96
+ "@storybook/addon-docs": "10.3.6",
97
+ "@storybook/react": "10.3.6",
98
98
  "@testing-library/dom": "10.4.1",
99
99
  "@testing-library/react": "16.3.2",
100
100
  "@testing-library/user-event": "14.6.1",
@@ -107,7 +107,7 @@
107
107
  "react": "18.3.1",
108
108
  "react-dom": "18.3.1",
109
109
  "require-from-string": "2.0.2",
110
- "storybook": "10.3.5",
110
+ "storybook": "10.3.6",
111
111
  "ts-dedent": "2.2.0",
112
112
  "typescript": "5.9.3",
113
113
  "webpack": "5.105.2",