@automattic/jetpack-components 0.45.2 → 0.45.4

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 (3) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/components/action-popover/index.tsx +39 -36
  3. package/package.json +16 -16
package/CHANGELOG.md CHANGED
@@ -2,6 +2,14 @@
2
2
 
3
3
  ### This is a list detailing changes for the Jetpack RNA Components package releases.
4
4
 
5
+ ## [0.45.4] - 2023-12-03
6
+ ### Changed
7
+ - Updated package dependencies. [#34411] [#34427]
8
+
9
+ ## [0.45.3] - 2023-11-21
10
+ ### Fixed
11
+ - Fixed ActionPopover CSS variables. [#34226]
12
+
5
13
  ## [0.45.2] - 2023-11-20
6
14
 
7
15
  ## [0.45.1] - 2023-11-14
@@ -882,6 +890,8 @@
882
890
  ### Changed
883
891
  - Update node version requirement to 14.16.1
884
892
 
893
+ [0.45.4]: https://github.com/Automattic/jetpack-components/compare/0.45.3...0.45.4
894
+ [0.45.3]: https://github.com/Automattic/jetpack-components/compare/0.45.2...0.45.3
885
895
  [0.45.2]: https://github.com/Automattic/jetpack-components/compare/0.45.1...0.45.2
886
896
  [0.45.1]: https://github.com/Automattic/jetpack-components/compare/0.45.0...0.45.1
887
897
  [0.45.0]: https://github.com/Automattic/jetpack-components/compare/0.44.4...0.45.0
package/components/action-popover/index.tsx CHANGED
@@ -10,6 +10,7 @@ import Text from '../text';
10
10
  /**
11
11
  * Internal dependencies
12
12
  */
13
+ import ThemeProvider from '../theme-provider';
13
14
  import styles from './styles.module.scss';
14
15
  /**
15
16
  * Types
@@ -60,44 +61,46 @@ const ActionPopover = ( {
60
61
 
61
62
  return (
62
63
  <Popover { ...popoverProps }>
63
- <div className={ styles.wrapper }>
64
- <div className={ styles.header }>
65
- <Text variant="title-small" className={ styles.title }>
66
- { title }
67
- </Text>
68
- { ! hideCloseButton && (
69
- <>
70
- <Button
71
- size="small"
72
- variant="tertiary"
73
- aria-label="close"
74
- className={ styles[ 'close-button' ] }
75
- icon={ close }
76
- iconSize={ 16 }
77
- onClick={ onClose }
78
- />
79
- </>
80
- ) }
81
- </div>
82
- { children }
83
- <div className={ styles.footer }>
84
- { showSteps && (
85
- <Text variant="body" className={ styles.steps }>
86
- { stepsText }
64
+ <ThemeProvider>
65
+ <div className={ styles.wrapper }>
66
+ <div className={ styles.header }>
67
+ <Text variant="title-small" className={ styles.title }>
68
+ { title }
87
69
  </Text>
88
- ) }
89
- <Button
90
- variant="primary"
91
- className={ styles[ 'action-button' ] }
92
- disabled={ buttonDisabled }
93
- onClick={ onClick }
94
- isExternalLink={ buttonExternalLink }
95
- href={ buttonHref }
96
- >
97
- { buttonContent }
98
- </Button>
70
+ { ! hideCloseButton && (
71
+ <>
72
+ <Button
73
+ size="small"
74
+ variant="tertiary"
75
+ aria-label="close"
76
+ className={ styles[ 'close-button' ] }
77
+ icon={ close }
78
+ iconSize={ 16 }
79
+ onClick={ onClose }
80
+ />
81
+ </>
82
+ ) }
83
+ </div>
84
+ { children }
85
+ <div className={ styles.footer }>
86
+ { showSteps && (
87
+ <Text variant="body" className={ styles.steps }>
88
+ { stepsText }
89
+ </Text>
90
+ ) }
91
+ <Button
92
+ variant="primary"
93
+ className={ styles[ 'action-button' ] }
94
+ disabled={ buttonDisabled }
95
+ onClick={ onClick }
96
+ isExternalLink={ buttonExternalLink }
97
+ href={ buttonHref }
98
+ >
99
+ { buttonContent }
100
+ </Button>
101
+ </div>
99
102
  </div>
100
- </div>
103
+ </ThemeProvider>
101
104
  </Popover>
102
105
  );
103
106
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/jetpack-components",
3
- "version": "0.45.2",
3
+ "version": "0.45.4",
4
4
  "description": "Jetpack Components Package",
5
5
  "author": "Automattic",
6
6
  "license": "GPL-2.0-or-later",
@@ -15,16 +15,16 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@automattic/format-currency": "1.0.1",
18
- "@automattic/jetpack-boost-score-api": "^0.1.17",
18
+ "@automattic/jetpack-boost-score-api": "^0.1.18",
19
19
  "@babel/runtime": "^7",
20
- "@wordpress/browserslist-config": "5.28.0",
21
- "@wordpress/components": "25.11.0",
22
- "@wordpress/compose": "6.22.0",
23
- "@wordpress/data": "9.15.0",
24
- "@wordpress/date": "4.45.0",
25
- "@wordpress/element": "5.22.0",
26
- "@wordpress/i18n": "4.45.0",
27
- "@wordpress/icons": "9.36.0",
20
+ "@wordpress/browserslist-config": "5.30.0",
21
+ "@wordpress/components": "25.13.0",
22
+ "@wordpress/compose": "6.24.0",
23
+ "@wordpress/data": "9.17.0",
24
+ "@wordpress/date": "4.47.0",
25
+ "@wordpress/element": "5.24.0",
26
+ "@wordpress/i18n": "4.47.0",
27
+ "@wordpress/icons": "9.38.0",
28
28
  "classnames": "2.3.2",
29
29
  "prop-types": "^15.7.2",
30
30
  "qrcode.react": "3.1.0",
@@ -34,25 +34,25 @@
34
34
  "uplot-react": "1.1.4"
35
35
  },
36
36
  "devDependencies": {
37
- "@automattic/jetpack-base-styles": "^0.6.13",
37
+ "@automattic/jetpack-base-styles": "^0.6.14",
38
38
  "@babel/core": "7.23.2",
39
39
  "@babel/preset-react": "7.22.15",
40
40
  "@jest/globals": "29.4.3",
41
41
  "@storybook/addon-actions": "7.4.6",
42
42
  "@storybook/blocks": "7.4.6",
43
43
  "@storybook/react": "7.4.6",
44
- "@testing-library/dom": "8.19.1",
44
+ "@testing-library/dom": "8.20.1",
45
45
  "@testing-library/react": "13.4.0",
46
- "@testing-library/user-event": "14.4.3",
47
- "@types/jest": "29.2.5",
46
+ "@testing-library/user-event": "14.5.1",
47
+ "@types/jest": "29.5.10",
48
48
  "@types/qrcode.react": "1.0.4",
49
49
  "@types/react": "18.2.33",
50
50
  "@types/react-dom": "18.2.14",
51
51
  "@types/react-slider": "1.3.3",
52
52
  "@types/react-test-renderer": "18.0.5",
53
53
  "@types/testing-library__jest-dom": "5.14.9",
54
- "jest": "29.4.3",
55
- "jest-environment-jsdom": "29.4.3",
54
+ "jest": "29.7.0",
55
+ "jest-environment-jsdom": "29.7.0",
56
56
  "react": "18.2.0",
57
57
  "react-dom": "18.2.0",
58
58
  "react-test-renderer": "18.2.0",