@wordpress/nux 9.15.0 → 9.16.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.
- package/CHANGELOG.md +2 -0
- package/README.md +1 -1
- package/build-style/style-rtl.css +5 -1
- package/build-style/style.css +5 -1
- package/package.json +9 -9
- package/src/components/dot-tip/style.scss +4 -1
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -59,7 +59,7 @@ console.log( isVisible ); // true or false
|
|
|
59
59
|
|
|
60
60
|
## Disabling and enabling tips
|
|
61
61
|
|
|
62
|
-
Tips can be
|
|
62
|
+
Tips can be programmatically disabled or enabled using the `disableTips` and `enableTips` dispatch methods. You can query the current setting by using the `areTipsEnabled` select method.
|
|
63
63
|
|
|
64
64
|
Calling `enableTips` will also un-dismiss all previously dismissed tips.
|
|
65
65
|
|
|
@@ -123,7 +123,6 @@
|
|
|
123
123
|
position: absolute;
|
|
124
124
|
}
|
|
125
125
|
.nux-dot-tip::before {
|
|
126
|
-
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
|
|
127
126
|
background: rgba(0, 115, 156, 0.9);
|
|
128
127
|
opacity: 0.9;
|
|
129
128
|
height: 24px;
|
|
@@ -132,6 +131,11 @@
|
|
|
132
131
|
transform: scale(0.3333333333);
|
|
133
132
|
width: 24px;
|
|
134
133
|
}
|
|
134
|
+
@media not (prefers-reduced-motion) {
|
|
135
|
+
.nux-dot-tip::before {
|
|
136
|
+
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
|
|
137
|
+
}
|
|
138
|
+
}
|
|
135
139
|
.nux-dot-tip::after {
|
|
136
140
|
background: #00739c;
|
|
137
141
|
height: 8px;
|
package/build-style/style.css
CHANGED
|
@@ -123,7 +123,6 @@
|
|
|
123
123
|
position: absolute;
|
|
124
124
|
}
|
|
125
125
|
.nux-dot-tip::before {
|
|
126
|
-
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
|
|
127
126
|
background: rgba(0, 115, 156, 0.9);
|
|
128
127
|
opacity: 0.9;
|
|
129
128
|
height: 24px;
|
|
@@ -132,6 +131,11 @@
|
|
|
132
131
|
transform: scale(0.3333333333);
|
|
133
132
|
width: 24px;
|
|
134
133
|
}
|
|
134
|
+
@media not (prefers-reduced-motion) {
|
|
135
|
+
.nux-dot-tip::before {
|
|
136
|
+
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
|
|
137
|
+
}
|
|
138
|
+
}
|
|
135
139
|
.nux-dot-tip::after {
|
|
136
140
|
background: #00739c;
|
|
137
141
|
height: 8px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/nux",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.16.0",
|
|
4
4
|
"description": "NUX (New User eXperience) module for WordPress.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -33,13 +33,13 @@
|
|
|
33
33
|
],
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@babel/runtime": "7.25.7",
|
|
36
|
-
"@wordpress/components": "^29.
|
|
37
|
-
"@wordpress/compose": "^7.
|
|
38
|
-
"@wordpress/data": "^10.
|
|
39
|
-
"@wordpress/deprecated": "^4.
|
|
40
|
-
"@wordpress/element": "^6.
|
|
41
|
-
"@wordpress/i18n": "^5.
|
|
42
|
-
"@wordpress/icons": "^10.
|
|
36
|
+
"@wordpress/components": "^29.2.0",
|
|
37
|
+
"@wordpress/compose": "^7.16.0",
|
|
38
|
+
"@wordpress/data": "^10.16.0",
|
|
39
|
+
"@wordpress/deprecated": "^4.16.0",
|
|
40
|
+
"@wordpress/element": "^6.16.0",
|
|
41
|
+
"@wordpress/i18n": "^5.16.0",
|
|
42
|
+
"@wordpress/icons": "^10.16.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": "^18.0.0",
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"publishConfig": {
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "f48b9f56629e400891abb5ae491504de475237ff"
|
|
52
52
|
}
|
|
@@ -12,7 +12,6 @@ $dot-scale: 3; // How much the pulse animation should scale up by in size
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
&::before {
|
|
15
|
-
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
|
|
16
15
|
background: rgba(#00739c, 0.9);
|
|
17
16
|
opacity: 0.9;
|
|
18
17
|
height: $dot-size * $dot-scale;
|
|
@@ -20,6 +19,10 @@ $dot-scale: 3; // How much the pulse animation should scale up by in size
|
|
|
20
19
|
top: -($dot-size * $dot-scale) * 0.5;
|
|
21
20
|
transform: scale(math.div(1, $dot-scale));
|
|
22
21
|
width: $dot-size * $dot-scale;
|
|
22
|
+
|
|
23
|
+
@media not (prefers-reduced-motion) {
|
|
24
|
+
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
|
|
25
|
+
}
|
|
23
26
|
}
|
|
24
27
|
|
|
25
28
|
&::after {
|