@automattic/jetpack-components 3.0.2 → 3.1.0

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 (15) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/build/components/icon-tooltip/index.js +2 -2
  3. package/build/components/icon-tooltip/types.d.ts +6 -1
  4. package/build/components/jetpack-footer/index.js +5 -3
  5. package/build/components/notice/style.module.scss +4 -4
  6. package/build/components/pricing-table/styles.module.scss +5 -5
  7. package/components/decorative-card/index.tsx +4 -2
  8. package/components/icon-tooltip/index.tsx +2 -1
  9. package/components/icon-tooltip/types.ts +7 -7
  10. package/components/jetpack-footer/index.tsx +6 -3
  11. package/components/notice/style.module.scss +4 -4
  12. package/components/pricing-table/index.tsx +1 -1
  13. package/components/pricing-table/styles.module.scss +5 -5
  14. package/package.json +23 -23
  15. package/components/pricing-table/gradient.svg +0 -17
package/CHANGELOG.md CHANGED
@@ -2,6 +2,21 @@
2
2
 
3
3
  ### This is a list detailing changes for the Jetpack RNA Components package releases.
4
4
 
5
+ ## [3.1.0] - 2026-09-18
6
+ ### Added
7
+ - IconTooltip: Add a `popoverClassName` prop to style the popover when it renders outside its wrapper. [#52465]
8
+
9
+ ### Changed
10
+ - JetpackFooter: Link to the My Jetpack Features tab when it replaces the Products tab. [#52346]
11
+ - Update package dependencies. [#52187]
12
+
13
+ ### Fixed
14
+ - Notice, PricingTable: Keep the icons colored now that @wordpress/icons 16 draws them as strokes. [#52187]
15
+
16
+ ## [3.0.3] - 2026-09-15
17
+ ### Changed
18
+ - Update package dependencies. [#52297]
19
+
5
20
  ## [3.0.2] - 2026-09-14
6
21
  ### Changed
7
22
  - Update dependencies.
@@ -1931,6 +1946,8 @@
1931
1946
  ### Changed
1932
1947
  - Update node version requirement to 14.16.1
1933
1948
 
1949
+ [3.1.0]: https://github.com/Automattic/jetpack-components/compare/3.0.3...3.1.0
1950
+ [3.0.3]: https://github.com/Automattic/jetpack-components/compare/3.0.2...3.0.3
1934
1951
  [3.0.2]: https://github.com/Automattic/jetpack-components/compare/3.0.1...3.0.2
1935
1952
  [3.0.1]: https://github.com/Automattic/jetpack-components/compare/3.0.0...3.0.1
1936
1953
  [3.0.0]: https://github.com/Automattic/jetpack-components/compare/2.3.0...3.0.0
package/build/components/icon-tooltip/index.js CHANGED
@@ -22,7 +22,7 @@ const placementsToPositions = (placement) => {
22
22
  * @param {IconTooltipProps} props - Props
23
23
  * @return {ReactElement} - JSX element
24
24
  */
25
- const IconTooltip = ({ className = '', iconClassName = '', placement = 'bottom-end', animate = true, iconCode = info, iconSize = 18, offset = 10, title, children, popoverAnchorStyle = 'icon', forceShow = false, hoverShow = false, wide = false, inline = true, shift = false, }) => {
25
+ const IconTooltip = ({ className = '', popoverClassName, iconClassName = '', placement = 'bottom-end', animate = true, iconCode = info, iconSize = 18, offset = 10, title, children, popoverAnchorStyle = 'icon', forceShow = false, hoverShow = false, wide = false, inline = true, shift = false, }) => {
26
26
  const POPOVER_HELPER_WIDTH = 124;
27
27
  const [isVisible, setIsVisible] = useState(false);
28
28
  const [hoverTimeout, setHoverTimeout] = useState(null);
@@ -42,7 +42,7 @@ const IconTooltip = ({ className = '', iconClassName = '', placement = 'bottom-e
42
42
  offset, // The distance (in px) between the anchor and the popover.
43
43
  focusOnMount: 'firstElement',
44
44
  onClose: hideTooltip,
45
- className: 'icon-tooltip-container',
45
+ className: clsx('icon-tooltip-container', popoverClassName),
46
46
  inline,
47
47
  shift,
48
48
  };
package/build/components/icon-tooltip/types.d.ts CHANGED
@@ -7,6 +7,10 @@ export type IconTooltipProps = {
7
7
  * The wrapper class name of this IconTooltip component.
8
8
  */
9
9
  className?: string;
10
+ /**
11
+ * The class name applied to the Popover, which is outside the wrapper when not inline.
12
+ */
13
+ popoverClassName?: string;
10
14
  /**
11
15
  * The class name applied to the icon.
12
16
  */
@@ -56,7 +60,8 @@ export type IconTooltipProps = {
56
60
  */
57
61
  hoverShow?: boolean;
58
62
  /**
59
- * Uses a wider content area when enabled.
63
+ * Uses a wider content area when enabled. Has no effect when `inline` is false: it widens the
64
+ * wrapper element the popover leaves behind, so a portalled popover needs its own width.
60
65
  */
61
66
  wide?: boolean;
62
67
  /**
package/build/components/jetpack-footer/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { isWpcomPlatformSite, getAdminUrl } from '@automattic/jetpack-script-data';
2
+ import { isWpcomPlatformSite, getAdminUrl, getScriptData } from '@automattic/jetpack-script-data';
3
3
  import { __ } from '@wordpress/i18n';
4
4
  import { Stack, Text, Link } from '@wordpress/ui';
5
5
  import clsx from 'clsx';
@@ -16,10 +16,12 @@ import JetpackLogo from '../jetpack-logo/index.js';
16
16
  const JetpackFooter = ({ className, menu, ...otherProps }) => {
17
17
  let items = [];
18
18
  if (!isWpcomPlatformSite() && !window?.JetpackNetworkAdminData) {
19
+ // Published by My Jetpack, whose products tab can be renamed Features.
20
+ const productsSection = getScriptData()?.myJetpack?.productsSection;
19
21
  items = [
20
22
  {
21
- label: __('Products', 'jetpack-components'),
22
- href: getAdminUrl('admin.php?page=my-jetpack#/products'),
23
+ label: productsSection?.label ?? __('Products', 'jetpack-components'),
24
+ href: getAdminUrl(`admin.php?page=my-jetpack#/${productsSection?.slug ?? 'products'}`),
23
25
  },
24
26
  {
25
27
  label: __('Help', 'jetpack-components'),
package/build/components/notice/style.module.scss CHANGED
@@ -91,7 +91,7 @@
91
91
  border-left-color: var(--jp-red);
92
92
 
93
93
  .icon {
94
- fill: var(--jp-red);
94
+ color: var(--jp-red);
95
95
  }
96
96
  }
97
97
 
@@ -99,7 +99,7 @@
99
99
  border-left-color: var(--jp-yellow-20);
100
100
 
101
101
  .icon {
102
- fill: var(--jp-yellow-20);
102
+ color: var(--jp-yellow-20);
103
103
  }
104
104
  }
105
105
 
@@ -107,7 +107,7 @@
107
107
  border-left-color: var(--black);
108
108
 
109
109
  .icon {
110
- fill: var(--black);
110
+ color: var(--black);
111
111
  }
112
112
  }
113
113
 
@@ -115,6 +115,6 @@
115
115
  border-left-color: var(--jp-green);
116
116
 
117
117
  .icon {
118
- fill: var(--jp-green);
118
+ color: var(--jp-green);
119
119
  }
120
120
  }
package/build/components/pricing-table/styles.module.scss CHANGED
@@ -93,7 +93,7 @@
93
93
  border-start-start-radius: 8px;
94
94
  border-start-end-radius: 8px;
95
95
 
96
- background-image: url(./gradient.svg);
96
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgwIiBoZWlnaHQ9IjE4MyIgdmlld0JveD0iMCAwIDM4MCAxODMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuNzUiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfNTk1M18xMTkyNCkiPgo8cGF0aCBkPSJNMzYwIC02MEMzNjAgNy45MzEwMiAzMDQuOTMxIDYzIDIzNyA2M0MxNjkuMDY5IDYzIDExNCA3LjkzMTAyIDExNCAtNjBDMTE0IC0xMjcuOTMxIDE2OS4wNjkgLTE4MyAyMzcgLTE4M0MzMDQuOTMxIC0xODMgMzYwIC0xMjcuOTMxIDM2MCAtNjBaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTk1M18xMTkyNCkiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzU5NTNfMTE5MjQiIHg9Ii02IiB5PSItMzAzIiB3aWR0aD0iNDg2IiBoZWlnaHQ9IjQ4NiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI2MCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzU5NTNfMTE5MjQiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl81OTUzXzExOTI0IiB4MT0iMzYwIiB5MT0iLTYwIiB4Mj0iMTE0IiB5Mj0iLTYwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0OEZGNTAiLz4KPHN0b3Agb2Zmc2V0PSIwLjQ3MTg0NiIgc3RvcC1jb2xvcj0iIzEwODY0MiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRTM4RkEiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
97
97
  background-repeat: no-repeat;
98
98
  background-size: 450px;
99
99
  background-position-x: right;
@@ -178,15 +178,15 @@
178
178
 
179
179
  .icon {
180
180
  margin: 0 var(--spacing-base);
181
- fill: var(--jp-gray);
181
+ color: var(--jp-gray);
182
182
  flex-shrink: 0;
183
183
 
184
184
  &.icon-check {
185
- fill: var(--jp-green-40);
185
+ color: var(--jp-green-40);
186
186
  }
187
187
 
188
188
  &.icon-cross {
189
- fill: var(--jp-red-50);
189
+ color: var(--jp-red-50);
190
190
  }
191
191
  }
192
192
 
@@ -200,7 +200,7 @@
200
200
  }
201
201
 
202
202
  .item .popover-icon {
203
- fill: var(--jp-gray-20);
203
+ color: var(--jp-gray-20);
204
204
  flex-shrink: 0;
205
205
  }
206
206
 
package/components/decorative-card/index.tsx CHANGED
@@ -6,8 +6,10 @@ import './style.scss';
6
6
  // `children` is omitted: the card renders a fixed set of decorative panes, so
7
7
  // there is nowhere to put consumer children. `aria-hidden` is omitted because
8
8
  // the component hardcodes it — see the render below.
9
- export interface DecorativeCardProps
10
- extends Omit< ComponentProps< 'div' >, 'children' | 'aria-hidden' > {
9
+ export interface DecorativeCardProps extends Omit<
10
+ ComponentProps< 'div' >,
11
+ 'children' | 'aria-hidden'
12
+ > {
11
13
  /**
12
14
  * The format of the card (horizontal or vertical)
13
15
  */
package/components/icon-tooltip/index.tsx CHANGED
@@ -28,6 +28,7 @@ const placementsToPositions = ( placement: Placement ): Position => {
28
28
  */
29
29
  const IconTooltip: FC< IconTooltipProps > = ( {
30
30
  className = '',
31
+ popoverClassName,
31
32
  iconClassName = '',
32
33
  placement = 'bottom-end',
33
34
  animate = true,
@@ -66,7 +67,7 @@ const IconTooltip: FC< IconTooltipProps > = ( {
66
67
  offset, // The distance (in px) between the anchor and the popover.
67
68
  focusOnMount: 'firstElement',
68
69
  onClose: hideTooltip,
69
- className: 'icon-tooltip-container',
70
+ className: clsx( 'icon-tooltip-container', popoverClassName ),
70
71
  inline,
71
72
  shift,
72
73
  } satisfies Omit< React.ComponentProps< typeof Popover >, 'children' >;
package/components/icon-tooltip/types.ts CHANGED
@@ -4,18 +4,17 @@ import type { ComponentProps, ReactNode } from 'react';
4
4
  export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
5
5
 
6
6
  export type Position =
7
- | 'top left'
8
- | 'top center'
9
- | 'top right'
10
- | 'bottom left'
11
- | 'bottom center'
12
- | 'bottom right';
7
+ 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right';
13
8
 
14
9
  export type IconTooltipProps = {
15
10
  /**
16
11
  * The wrapper class name of this IconTooltip component.
17
12
  */
18
13
  className?: string;
14
+ /**
15
+ * The class name applied to the Popover, which is outside the wrapper when not inline.
16
+ */
17
+ popoverClassName?: string;
19
18
 
20
19
  /**
21
20
  * The class name applied to the icon.
@@ -78,7 +77,8 @@ export type IconTooltipProps = {
78
77
  hoverShow?: boolean;
79
78
 
80
79
  /**
81
- * Uses a wider content area when enabled.
80
+ * Uses a wider content area when enabled. Has no effect when `inline` is false: it widens the
81
+ * wrapper element the popover leaves behind, so a portalled popover needs its own width.
82
82
  */
83
83
  wide?: boolean;
84
84
 
package/components/jetpack-footer/index.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { isWpcomPlatformSite, getAdminUrl } from '@automattic/jetpack-script-data';
1
+ import { isWpcomPlatformSite, getAdminUrl, getScriptData } from '@automattic/jetpack-script-data';
2
2
  import { __ } from '@wordpress/i18n';
3
3
  import { Stack, Text, Link } from '@wordpress/ui';
4
4
  import clsx from 'clsx';
@@ -28,10 +28,13 @@ const JetpackFooter: FC< JetpackFooterProps > = ( { className, menu, ...otherPro
28
28
  let items: JetpackFooterMenuItem[] = [];
29
29
 
30
30
  if ( ! isWpcomPlatformSite() && ! window?.JetpackNetworkAdminData ) {
31
+ // Published by My Jetpack, whose products tab can be renamed Features.
32
+ const productsSection = getScriptData()?.myJetpack?.productsSection;
33
+
31
34
  items = [
32
35
  {
33
- label: __( 'Products', 'jetpack-components' ),
34
- href: getAdminUrl( 'admin.php?page=my-jetpack#/products' ),
36
+ label: productsSection?.label ?? __( 'Products', 'jetpack-components' ),
37
+ href: getAdminUrl( `admin.php?page=my-jetpack#/${ productsSection?.slug ?? 'products' }` ),
35
38
  },
36
39
  {
37
40
  label: __( 'Help', 'jetpack-components' ),
package/components/notice/style.module.scss CHANGED
@@ -91,7 +91,7 @@
91
91
  border-left-color: var(--jp-red);
92
92
 
93
93
  .icon {
94
- fill: var(--jp-red);
94
+ color: var(--jp-red);
95
95
  }
96
96
  }
97
97
 
@@ -99,7 +99,7 @@
99
99
  border-left-color: var(--jp-yellow-20);
100
100
 
101
101
  .icon {
102
- fill: var(--jp-yellow-20);
102
+ color: var(--jp-yellow-20);
103
103
  }
104
104
  }
105
105
 
@@ -107,7 +107,7 @@
107
107
  border-left-color: var(--black);
108
108
 
109
109
  .icon {
110
- fill: var(--black);
110
+ color: var(--black);
111
111
  }
112
112
  }
113
113
 
@@ -115,6 +115,6 @@
115
115
  border-left-color: var(--jp-green);
116
116
 
117
117
  .icon {
118
- fill: var(--jp-green);
118
+ color: var(--jp-green);
119
119
  }
120
120
  }
package/components/pricing-table/index.tsx CHANGED
@@ -46,7 +46,7 @@ const getItemLabels = ( isComingSoon, isIncluded, featureNameLabel ) => {
46
46
  /* translators: %s: Name of the current feature */
47
47
  __( '%s not included', 'jetpack-components' ),
48
48
  featureNameLabel
49
- ),
49
+ ),
50
50
  };
51
51
  };
52
52
 
package/components/pricing-table/styles.module.scss CHANGED
@@ -93,7 +93,7 @@
93
93
  border-start-start-radius: 8px;
94
94
  border-start-end-radius: 8px;
95
95
 
96
- background-image: url(./gradient.svg);
96
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgwIiBoZWlnaHQ9IjE4MyIgdmlld0JveD0iMCAwIDM4MCAxODMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuNzUiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfNTk1M18xMTkyNCkiPgo8cGF0aCBkPSJNMzYwIC02MEMzNjAgNy45MzEwMiAzMDQuOTMxIDYzIDIzNyA2M0MxNjkuMDY5IDYzIDExNCA3LjkzMTAyIDExNCAtNjBDMTE0IC0xMjcuOTMxIDE2OS4wNjkgLTE4MyAyMzcgLTE4M0MzMDQuOTMxIC0xODMgMzYwIC0xMjcuOTMxIDM2MCAtNjBaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTk1M18xMTkyNCkiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzU5NTNfMTE5MjQiIHg9Ii02IiB5PSItMzAzIiB3aWR0aD0iNDg2IiBoZWlnaHQ9IjQ4NiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI2MCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzU5NTNfMTE5MjQiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl81OTUzXzExOTI0IiB4MT0iMzYwIiB5MT0iLTYwIiB4Mj0iMTE0IiB5Mj0iLTYwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0OEZGNTAiLz4KPHN0b3Agb2Zmc2V0PSIwLjQ3MTg0NiIgc3RvcC1jb2xvcj0iIzEwODY0MiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRTM4RkEiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
97
97
  background-repeat: no-repeat;
98
98
  background-size: 450px;
99
99
  background-position-x: right;
@@ -178,15 +178,15 @@
178
178
 
179
179
  .icon {
180
180
  margin: 0 var(--spacing-base);
181
- fill: var(--jp-gray);
181
+ color: var(--jp-gray);
182
182
  flex-shrink: 0;
183
183
 
184
184
  &.icon-check {
185
- fill: var(--jp-green-40);
185
+ color: var(--jp-green-40);
186
186
  }
187
187
 
188
188
  &.icon-cross {
189
- fill: var(--jp-red-50);
189
+ color: var(--jp-red-50);
190
190
  }
191
191
  }
192
192
 
@@ -200,7 +200,7 @@
200
200
  }
201
201
 
202
202
  .item .popover-icon {
203
- fill: var(--jp-gray-20);
203
+ color: var(--jp-gray-20);
204
204
  flex-shrink: 0;
205
205
  }
206
206
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/jetpack-components",
3
- "version": "3.0.2",
3
+ "version": "3.1.0",
4
4
  "description": "Jetpack Components Package",
5
5
  "homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/components/#readme",
6
6
  "bugs": {
@@ -73,24 +73,24 @@
73
73
  ],
74
74
  "dependencies": {
75
75
  "@automattic/format-currency": "1.0.1",
76
- "@automattic/jetpack-api": "^1.0.33",
77
- "@automattic/jetpack-boost-score-api": "^1.0.58",
78
- "@automattic/jetpack-script-data": "^0.6.6",
79
- "@automattic/number-formatters": "^1.2.8",
76
+ "@automattic/jetpack-api": "^1.0.35",
77
+ "@automattic/jetpack-boost-score-api": "^1.0.60",
78
+ "@automattic/jetpack-script-data": "^0.6.7",
79
+ "@automattic/number-formatters": "^1.2.9",
80
80
  "@babel/runtime": "^7",
81
81
  "@gravatar-com/hovercards": "0.16.0",
82
- "@wordpress/admin-ui": "2.9.0",
83
- "@wordpress/browserslist-config": "6.54.0",
84
- "@wordpress/components": "40.0.0",
85
- "@wordpress/compose": "8.7.0",
86
- "@wordpress/data": "10.54.0",
87
- "@wordpress/date": "5.54.0",
88
- "@wordpress/element": "8.6.0",
89
- "@wordpress/i18n": "6.27.0",
90
- "@wordpress/icons": "15.5.0",
91
- "@wordpress/notices": "5.54.0",
92
- "@wordpress/theme": "2.0.0",
93
- "@wordpress/ui": "0.21.0",
82
+ "@wordpress/admin-ui": "2.10.0",
83
+ "@wordpress/browserslist-config": "6.55.0",
84
+ "@wordpress/components": "40.1.0",
85
+ "@wordpress/compose": "8.8.0",
86
+ "@wordpress/data": "10.55.0",
87
+ "@wordpress/date": "5.55.0",
88
+ "@wordpress/element": "8.7.0",
89
+ "@wordpress/i18n": "6.28.0",
90
+ "@wordpress/icons": "16.0.0",
91
+ "@wordpress/notices": "5.55.0",
92
+ "@wordpress/theme": "2.1.0",
93
+ "@wordpress/ui": "0.22.0",
94
94
  "clsx": "2.1.1",
95
95
  "js-sha256": "0.11.1",
96
96
  "prop-types": "^15.7.2",
@@ -100,19 +100,19 @@
100
100
  "uplot-react": "1.1.4"
101
101
  },
102
102
  "devDependencies": {
103
- "@automattic/jetpack-base-styles": "^1.2.12",
103
+ "@automattic/jetpack-base-styles": "^1.2.13",
104
104
  "@babel/core": "7.29.7",
105
- "@jest/globals": "30.4.1",
105
+ "@jest/globals": "30.5.1",
106
106
  "@storybook/addon-docs": "10.4.6",
107
107
  "@storybook/react": "10.4.6",
108
- "@testing-library/dom": "10.4.1",
109
- "@testing-library/react": "16.3.2",
110
- "@testing-library/user-event": "14.6.1",
108
+ "@testing-library/dom": "10.4.2",
109
+ "@testing-library/react": "16.3.3",
110
+ "@testing-library/user-event": "14.6.7",
111
111
  "@types/jest": "30.0.0",
112
112
  "@types/react": "18.3.31",
113
113
  "@types/react-dom": "18.3.7",
114
114
  "@typescript/native-preview": "7.0.0-dev.20260707.2",
115
- "jest": "30.4.2",
115
+ "jest": "30.5.1",
116
116
  "react": "18.3.1",
117
117
  "react-dom": "18.3.1",
118
118
  "require-from-string": "2.0.2",
package/components/pricing-table/gradient.svg DELETED
@@ -1,17 +0,0 @@
1
- <svg width="380" height="183" viewBox="0 0 380 183" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g opacity="0.75" filter="url(#filter0_f_5953_11924)">
3
- <path d="M360 -60C360 7.93102 304.931 63 237 63C169.069 63 114 7.93102 114 -60C114 -127.931 169.069 -183 237 -183C304.931 -183 360 -127.931 360 -60Z" fill="url(#paint0_linear_5953_11924)"/>
4
- </g>
5
- <defs>
6
- <filter id="filter0_f_5953_11924" x="-6" y="-303" width="486" height="486" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
7
- <feFlood flood-opacity="0" result="BackgroundImageFix"/>
8
- <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
9
- <feGaussianBlur stdDeviation="60" result="effect1_foregroundBlur_5953_11924"/>
10
- </filter>
11
- <linearGradient id="paint0_linear_5953_11924" x1="360" y1="-60" x2="114" y2="-60" gradientUnits="userSpaceOnUse">
12
- <stop stop-color="#48FF50"/>
13
- <stop offset="0.471846" stop-color="#108642"/>
14
- <stop offset="1" stop-color="#2E38FA"/>
15
- </linearGradient>
16
- </defs>
17
- </svg>