@automattic/jetpack-components 0.72.5 → 0.72.6

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 (12) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/components/boost-score-graph/style-tooltip.scss +2 -1
  3. package/components/button/style.module.scss +3 -3
  4. package/components/contextual-upgrade-trigger/style.module.scss +3 -3
  5. package/components/diff-viewer/styles.module.scss +5 -5
  6. package/components/dot-pager/style.scss +7 -13
  7. package/components/icon-tooltip/style.scss +8 -11
  8. package/components/icons/style.module.scss +0 -4
  9. package/components/popover/style.scss +2 -1
  10. package/components/split-button/style.module.scss +3 -3
  11. package/components/theme-provider/globals.module.scss +1 -1
  12. package/package.json +14 -14
package/CHANGELOG.md CHANGED
@@ -2,6 +2,15 @@
2
2
 
3
3
  ### This is a list detailing changes for the Jetpack RNA Components package releases.
4
4
 
5
+ ## [0.72.6] - 2025-05-05
6
+ ### Changed
7
+ - Update package dependencies. [#43320] [#43326]
8
+
9
+ ### Fixed
10
+ - JS Packages: Decrease CSS priority of global styles to prevent them from applying within the editor. [#43035]
11
+ - Linting: Address final rules in WordPress Stylelint config. [#43296]
12
+ - Linting: Do additional stylesheet cleanup. [#43247]
13
+
5
14
  ## [0.72.5] - 2025-04-28
6
15
  ### Changed
7
16
  - Connection: Mark external links as external. [#43152]
@@ -1376,6 +1385,7 @@
1376
1385
  ### Changed
1377
1386
  - Update node version requirement to 14.16.1
1378
1387
 
1388
+ [0.72.6]: https://github.com/Automattic/jetpack-components/compare/0.72.5...0.72.6
1379
1389
  [0.72.5]: https://github.com/Automattic/jetpack-components/compare/0.72.4...0.72.5
1380
1390
  [0.72.4]: https://github.com/Automattic/jetpack-components/compare/0.72.3...0.72.4
1381
1391
  [0.72.3]: https://github.com/Automattic/jetpack-components/compare/0.72.2...0.72.3
package/components/boost-score-graph/style-tooltip.scss CHANGED
@@ -43,6 +43,7 @@ $white: #fff;
43
43
  &__date {
44
44
  font-size: 1em;
45
45
  font-weight: 600;
46
+ // stylelint-disable-next-line declaration-property-unit-allowed-list -- this should be changed to a unitless value: https://developer.wordpress.org/coding-standards/wordpress-coding-standards/css/#values
46
47
  line-height: 1.6em;
47
48
  }
48
49
 
@@ -69,4 +70,4 @@ $white: #fff;
69
70
  left: 50%;
70
71
  transform: translateX(-50%);
71
72
  }
72
- }
73
+ }
package/components/button/style.module.scss CHANGED
@@ -53,7 +53,7 @@
53
53
  }
54
54
 
55
55
  // With Spinner
56
- & > :global(.components-spinner) {
56
+ > :global(.components-spinner) {
57
57
  height: 20px;
58
58
  }
59
59
  }
@@ -197,12 +197,12 @@
197
197
  justify-content: center;
198
198
  }
199
199
 
200
- & > *:not(:global(.components-spinner)) {
200
+ > *:not(:global(.components-spinner)) {
201
201
  visibility: hidden;
202
202
  }
203
203
 
204
204
  // Spinner
205
- & > :global(.components-spinner) {
205
+ > :global(.components-spinner) {
206
206
  margin: 0;
207
207
  position: absolute;
208
208
  }
package/components/contextual-upgrade-trigger/style.module.scss CHANGED
@@ -35,11 +35,11 @@
35
35
  &:focus-within,
36
36
  &:hover {
37
37
 
38
- & .icon {
38
+ .icon {
39
39
  transform: translateX( calc( var( --spacing-base ) * 2 ) );
40
40
  }
41
41
 
42
- & .cta {
42
+ .cta {
43
43
  text-decoration: underline;
44
44
  text-decoration-thickness: 2px;
45
45
  }
@@ -74,4 +74,4 @@
74
74
 
75
75
  .description {
76
76
  display: inline;
77
- }
77
+ }
package/components/diff-viewer/styles.module.scss CHANGED
@@ -33,19 +33,19 @@
33
33
  flex-grow: 1;
34
34
  overflow-x: visible;
35
35
 
36
- & div,
37
- & del,
38
- & ins {
36
+ div,
37
+ del,
38
+ ins {
39
39
  padding: 0 var( --spacing-base ); // 0px | 8px
40
40
  text-decoration: none;
41
41
  }
42
42
 
43
- & del {
43
+ del {
44
44
  background-color: var( --jp-red-0 );
45
45
  color: var( --jp-red-60 );
46
46
  }
47
47
 
48
- & ins {
48
+ ins {
49
49
  background-color: var( --jp-green-5 );
50
50
  color: var( --jp-green-60 );
51
51
  }
package/components/dot-pager/style.scss CHANGED
@@ -50,6 +50,11 @@
50
50
 
51
51
  .dot-pager__control-choose-page {
52
52
  cursor: pointer;
53
+ border-radius: 50%;
54
+ width: 6px;
55
+ height: 6px;
56
+ padding: 0;
57
+ background-color: var(--jp-white-off);
53
58
 
54
59
  &:disabled {
55
60
  cursor: default;
@@ -58,14 +63,6 @@
58
63
  &:focus-visible {
59
64
  box-shadow: 0 0 0 2px var(--jp-gray-90);
60
65
  }
61
- }
62
-
63
- .dot-pager__control-choose-page {
64
- border-radius: 50%;
65
- width: 6px;
66
- height: 6px;
67
- padding: 0;
68
- background-color: var(--jp-white-off);
69
66
 
70
67
  &:hover {
71
68
  background-color: var(--jp-gray-20);
@@ -76,9 +73,6 @@
76
73
  }
77
74
  }
78
75
 
79
- .dot-pager {
80
-
81
- &__button {
82
- margin-right: 10px;
83
- }
76
+ .dot-pager__button {
77
+ margin-right: 10px;
84
78
  }
package/components/icon-tooltip/style.scss CHANGED
@@ -9,6 +9,14 @@ $arrow-color: var( --jp-gray );
9
9
 
10
10
  // Namespace to avoid overriding global styles
11
11
  .icon-tooltip-helper {
12
+ // POPOVER_HELPER_WIDTH
13
+ width: 124px;
14
+ height: 18px;
15
+ position: absolute;
16
+ top: 0;
17
+ // -( POPOVER_HELPER_WIDTH / 2 - iconSize / 2 ) + 'px'
18
+ left: -53px;
19
+ pointer-events: none;
12
20
 
13
21
  /*
14
22
  * Fix arrow placement - section start
@@ -71,17 +79,6 @@ $arrow-color: var( --jp-gray );
71
79
  }
72
80
  }
73
81
 
74
- .icon-tooltip-helper {
75
- // POPOVER_HELPER_WIDTH
76
- width: 124px;
77
- height: 18px;
78
- position: absolute;
79
- top: 0;
80
- // -( POPOVER_HELPER_WIDTH / 2 - iconSize / 2 ) + 'px'
81
- left: -53px;
82
- pointer-events: none;
83
- }
84
-
85
82
  .icon-tooltip-container {
86
83
  // Recover events
87
84
  pointer-events: all;
package/components/icons/style.module.scss CHANGED
@@ -24,10 +24,6 @@
24
24
  }
25
25
  }
26
26
 
27
- &.instagram {
28
- fill: var( --color-instagram );
29
- }
30
-
31
27
  &.twitter {
32
28
  fill: var( --color-twitter );
33
29
  }
package/components/popover/style.scss CHANGED
@@ -19,7 +19,8 @@
19
19
 
20
20
  &__body p {
21
21
  font-weight: 400;
22
+ // stylelint-disable-next-line declaration-property-unit-allowed-list -- this should be changed to a unitless value: https://developer.wordpress.org/coding-standards/wordpress-coding-standards/css/#values
22
23
  line-height: 1.6em;
23
24
  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
24
25
  }
25
- }
26
+ }
package/components/split-button/style.module.scss CHANGED
@@ -9,11 +9,11 @@
9
9
  height: 100%;
10
10
  }
11
11
 
12
- & > .button:first-child {
12
+ > .button:first-child {
13
13
  border-radius: var(--jp-border-radius) 0 0 var(--jp-border-radius);
14
14
  }
15
15
 
16
- & > :global(.components-dropdown) > .button {
16
+ > :global(.components-dropdown) > .button {
17
17
  border-radius: 0 var(--jp-border-radius) var(--jp-border-radius) 0;
18
18
  }
19
19
  }
@@ -23,4 +23,4 @@
23
23
  border-radius: var(--jp-border-radius);
24
24
  height: var(--actions-size);
25
25
  line-height: var(--actions-size);
26
- }
26
+ }
package/components/theme-provider/globals.module.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  /* DO NOT USE THIS TO OVERRIDE STYLES */
2
2
  .global {
3
3
 
4
- & * {
4
+ :where(&) * {
5
5
  box-sizing: border-box;
6
6
  }
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/jetpack-components",
3
- "version": "0.72.5",
3
+ "version": "0.72.6",
4
4
  "description": "Jetpack Components Package",
5
5
  "author": "Automattic",
6
6
  "license": "GPL-2.0-or-later",
@@ -15,19 +15,19 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@automattic/format-currency": "1.0.1",
18
- "@automattic/jetpack-boost-score-api": "^0.1.63",
19
- "@automattic/jetpack-api": "^0.20.1",
18
+ "@automattic/jetpack-boost-score-api": "^0.1.64",
19
+ "@automattic/jetpack-api": "^0.20.2",
20
20
  "@automattic/jetpack-script-data": "^0.4.1",
21
21
  "@babel/runtime": "^7",
22
- "@wordpress/browserslist-config": "6.21.0",
23
- "@wordpress/components": "29.7.0",
24
- "@wordpress/compose": "7.21.0",
25
- "@wordpress/data": "10.21.0",
26
- "@wordpress/date": "5.21.0",
27
- "@wordpress/element": "6.21.0",
28
- "@wordpress/i18n": "5.21.0",
29
- "@wordpress/icons": "10.21.0",
30
- "@wordpress/notices": "5.21.0",
22
+ "@wordpress/browserslist-config": "6.22.0",
23
+ "@wordpress/components": "29.8.0",
24
+ "@wordpress/compose": "7.22.0",
25
+ "@wordpress/data": "10.22.0",
26
+ "@wordpress/date": "5.22.0",
27
+ "@wordpress/element": "6.22.0",
28
+ "@wordpress/i18n": "5.22.0",
29
+ "@wordpress/icons": "10.22.0",
30
+ "@wordpress/notices": "5.22.0",
31
31
  "clsx": "2.1.1",
32
32
  "prop-types": "^15.7.2",
33
33
  "qrcode.react": "4.2.0",
@@ -37,10 +37,10 @@
37
37
  "uplot-react": "1.1.4"
38
38
  },
39
39
  "devDependencies": {
40
- "@automattic/jetpack-base-styles": "^0.7.2",
40
+ "@automattic/jetpack-base-styles": "^0.7.3",
41
41
  "@babel/core": "7.26.10",
42
42
  "@babel/preset-react": "7.26.3",
43
- "@jest/globals": "29.4.3",
43
+ "@jest/globals": "29.7.0",
44
44
  "@storybook/addon-actions": "8.6.7",
45
45
  "@storybook/blocks": "8.6.7",
46
46
  "@storybook/react": "8.6.7",