@redotech/redo-hydrogen 1.4.0 → 1.4.1

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redotech/redo-hydrogen",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "description": "Utilities to enable and disable Redo coverage on Hydrogen stores",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -19,7 +19,8 @@
19
19
  "peerDependencies": {
20
20
  "@remix-run/react": "^2.15.2",
21
21
  "@shopify/hydrogen": "^2024.10.1",
22
- "@shopify/hydrogen-react": "^2024.10.1"
22
+ "@shopify/hydrogen-react": ">=2024.3.1",
23
+ "react-dom": "~18.3.1"
23
24
  },
24
25
  "devDependencies": {
25
26
  "@rollup/plugin-commonjs": "^28.0.2",
@@ -28,8 +29,10 @@
28
29
  "@rollup/plugin-typescript": "^12.1.2",
29
30
  "@svgr/rollup": "^8.1.0",
30
31
  "@types/react": "^19.0.8",
32
+ "@types/react-dom": "^19.0.4",
31
33
  "nodemon": "^3.1.9",
32
34
  "react": "^18.3.1",
35
+ "react-dom": "^18.3.1",
33
36
  "rollup": "^4.32.1",
34
37
  "rollup-plugin-dts": "^6.1.1",
35
38
  "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -148,12 +148,13 @@ const Modal = ({ open, onClose, infoModalLogoUrl, infoModalImageUrl, modalConten
148
148
  width: '100%',
149
149
  height: '100%',
150
150
  display: 'block',
151
+ marginBottom: '8px'
151
152
  }}>
152
153
  {infoModalLogoUrl ? (
153
154
  <img src={infoModalLogoUrl} className="redo-info-modal__logo" style={{
154
155
  width: 'auto',
155
156
  height: '112px',
156
- display: 'block'
157
+ display: 'block',
157
158
  }}/>
158
159
  ) : <RedoLogo width="112px" height="112px" display="block"/>}
159
160
  </div>
@@ -291,7 +292,6 @@ const RedoInfoCard = ({
291
292
  <>
292
293
  <div className="redo-info-card__container" data-target="info-card-container" style={{
293
294
  display: 'flex',
294
- backgroundColor: '#f0f0f0',
295
295
  borderRadius: '4px',
296
296
  padding: '12px',
297
297
  alignItems: 'center',
@@ -305,7 +305,6 @@ const RedoInfoCard = ({
305
305
  display: 'flex',
306
306
  justifyContent: 'center',
307
307
  alignItems: 'center',
308
- backgroundColor: '#f0f0f0',
309
308
  flexShrink: 0,
310
309
  }}>
311
310
  {infoCardImageUrl ? (
@@ -366,6 +365,7 @@ const RedoInfoCard = ({
366
365
  height: '16px',
367
366
  verticalAlign: 'middle'
368
367
  }}
368
+ className="redo-info-card__infoIcon"
369
369
  />
370
370
  </button>
371
371
  </span>