@wordpress/edit-site 6.0.6 → 6.0.8

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 (4) hide show
  1. package/build-style/style-rtl.css +18 -5
  2. package/build-style/style.css +18 -5
  3. package/package.json +10 -10
  4. package/src/components/layout/style.scss +26 -8
package/build-style/style-rtl.css CHANGED
@@ -2226,8 +2226,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2226
2226
  .edit-site-layout__view-mode-toggle.components-button:hover, .edit-site-layout__view-mode-toggle.components-button:active {
2227
2227
  color: #fff;
2228
2228
  }
2229
- .edit-site-layout__view-mode-toggle.components-button:focus {
2230
- box-shadow: none;
2229
+ .edit-site-layout__view-mode-toggle.components-button:focus-visible, .edit-site-layout__view-mode-toggle.components-button:focus {
2230
+ box-shadow: 0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
2231
+ outline: 4px solid #0000;
2232
+ outline-offset: 4px;
2231
2233
  }
2232
2234
  .edit-site-layout__view-mode-toggle.components-button::before {
2233
2235
  transition: box-shadow 0.1s ease;
@@ -2247,9 +2249,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2247
2249
  transition-delay: 0s;
2248
2250
  }
2249
2251
  }
2250
- .edit-site-layout__view-mode-toggle.components-button:focus::before {
2251
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2252
- }
2253
2252
  .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
2254
2253
  display: flex;
2255
2254
  height: 64px;
@@ -2302,6 +2301,20 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2302
2301
  padding-left: 16px;
2303
2302
  }
2304
2303
 
2304
+ .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible, .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus {
2305
+ box-shadow: none;
2306
+ outline: none;
2307
+ outline-offset: 0;
2308
+ }
2309
+ .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible .edit-site-site-icon svg, .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus .edit-site-site-icon svg {
2310
+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #3858e9);
2311
+ outline: 3px solid #0000;
2312
+ height: 40px;
2313
+ width: 40px;
2314
+ padding: 2px;
2315
+ border-radius: 2px;
2316
+ }
2317
+
2305
2318
  .edit-site-save-hub {
2306
2319
  color: #949494;
2307
2320
  border-top: 1px solid #2f2f2f;
package/build-style/style.css CHANGED
@@ -2227,8 +2227,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2227
2227
  .edit-site-layout__view-mode-toggle.components-button:hover, .edit-site-layout__view-mode-toggle.components-button:active {
2228
2228
  color: #fff;
2229
2229
  }
2230
- .edit-site-layout__view-mode-toggle.components-button:focus {
2231
- box-shadow: none;
2230
+ .edit-site-layout__view-mode-toggle.components-button:focus-visible, .edit-site-layout__view-mode-toggle.components-button:focus {
2231
+ box-shadow: 0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
2232
+ outline: 4px solid #0000;
2233
+ outline-offset: 4px;
2232
2234
  }
2233
2235
  .edit-site-layout__view-mode-toggle.components-button::before {
2234
2236
  transition: box-shadow 0.1s ease;
@@ -2248,9 +2250,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2248
2250
  transition-delay: 0s;
2249
2251
  }
2250
2252
  }
2251
- .edit-site-layout__view-mode-toggle.components-button:focus::before {
2252
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2253
- }
2254
2253
  .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
2255
2254
  display: flex;
2256
2255
  height: 64px;
@@ -2303,6 +2302,20 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2303
2302
  padding-right: 16px;
2304
2303
  }
2305
2304
 
2305
+ .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible, .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus {
2306
+ box-shadow: none;
2307
+ outline: none;
2308
+ outline-offset: 0;
2309
+ }
2310
+ .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible .edit-site-site-icon svg, .edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus .edit-site-site-icon svg {
2311
+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #3858e9);
2312
+ outline: 3px solid #0000;
2313
+ height: 40px;
2314
+ width: 40px;
2315
+ padding: 2px;
2316
+ border-radius: 2px;
2317
+ }
2318
+
2306
2319
  .edit-site-save-hub {
2307
2320
  color: #949494;
2308
2321
  border-top: 1px solid #2f2f2f;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-site",
3
- "version": "6.0.6",
3
+ "version": "6.0.8",
4
4
  "description": "Edit Site Page module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -32,20 +32,20 @@
32
32
  "@wordpress/a11y": "^4.0.1",
33
33
  "@wordpress/api-fetch": "^7.0.1",
34
34
  "@wordpress/blob": "^4.0.1",
35
- "@wordpress/block-editor": "^13.0.5",
36
- "@wordpress/block-library": "^9.0.6",
35
+ "@wordpress/block-editor": "^13.0.6",
36
+ "@wordpress/block-library": "^9.0.7",
37
37
  "@wordpress/blocks": "^13.0.3",
38
38
  "@wordpress/commands": "^1.0.3",
39
39
  "@wordpress/components": "^28.0.3",
40
40
  "@wordpress/compose": "^7.0.1",
41
- "@wordpress/core-commands": "^1.0.5",
42
- "@wordpress/core-data": "^7.0.5",
41
+ "@wordpress/core-commands": "^1.0.6",
42
+ "@wordpress/core-data": "^7.0.6",
43
43
  "@wordpress/data": "^10.0.2",
44
44
  "@wordpress/dataviews": "^2.0.4",
45
45
  "@wordpress/date": "^5.0.1",
46
46
  "@wordpress/deprecated": "^4.0.1",
47
47
  "@wordpress/dom": "^4.0.1",
48
- "@wordpress/editor": "^14.0.5",
48
+ "@wordpress/editor": "^14.0.7",
49
49
  "@wordpress/element": "^6.0.1",
50
50
  "@wordpress/escape-html": "^3.0.1",
51
51
  "@wordpress/hooks": "^4.0.1",
@@ -55,18 +55,18 @@
55
55
  "@wordpress/keyboard-shortcuts": "^5.0.2",
56
56
  "@wordpress/keycodes": "^4.0.1",
57
57
  "@wordpress/notices": "^5.0.2",
58
- "@wordpress/patterns": "^2.0.5",
58
+ "@wordpress/patterns": "^2.0.6",
59
59
  "@wordpress/plugins": "^7.0.3",
60
60
  "@wordpress/preferences": "^4.0.3",
61
61
  "@wordpress/primitives": "^4.0.1",
62
62
  "@wordpress/priority-queue": "^3.0.1",
63
63
  "@wordpress/private-apis": "^1.0.2",
64
- "@wordpress/reusable-blocks": "^5.0.5",
64
+ "@wordpress/reusable-blocks": "^5.0.6",
65
65
  "@wordpress/router": "^1.0.2",
66
66
  "@wordpress/style-engine": "^2.0.2",
67
67
  "@wordpress/url": "^4.0.1",
68
68
  "@wordpress/viewport": "^6.0.2",
69
- "@wordpress/widgets": "^4.0.5",
69
+ "@wordpress/widgets": "^4.0.6",
70
70
  "@wordpress/wordcount": "^4.0.1",
71
71
  "change-case": "^4.1.2",
72
72
  "clsx": "^2.1.1",
@@ -82,5 +82,5 @@
82
82
  "publishConfig": {
83
83
  "access": "public"
84
84
  },
85
- "gitHead": "38063ae466e1b62d400b910136757a4cafdbe7fa"
85
+ "gitHead": "5c1d6bb774e6f78f0bbd4cdc85c4a7087da2f8a0"
86
86
  }
package/src/components/layout/style.scss CHANGED
@@ -175,8 +175,11 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
175
175
  color: $white;
176
176
  }
177
177
 
178
+ &:focus-visible,
178
179
  &:focus {
179
- box-shadow: none;
180
+ box-shadow: 0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
181
+ outline: 4px solid #0000;
182
+ outline-offset: 4px;
180
183
  }
181
184
 
182
185
  &::before {
@@ -193,13 +196,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
193
196
  box-shadow: none;
194
197
  }
195
198
 
196
- // Lightened spot color focus.
197
- &:focus::before {
198
- box-shadow:
199
- inset 0 0 0 var(--wp-admin-border-width-focus) rgba($white, 0.1),
200
- inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
201
- }
202
-
203
199
  .edit-site-layout__view-mode-toggle-icon {
204
200
  display: flex;
205
201
  height: $grid-unit-80;
@@ -255,3 +251,25 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
255
251
  padding-left: 16px;
256
252
  padding-right: 16px;
257
253
  }
254
+
255
+ .edit-site-layout.is-full-canvas {
256
+ .edit-site-layout__view-mode-toggle.components-button {
257
+ &:focus-visible,
258
+ &:focus {
259
+
260
+ box-shadow: none;
261
+ outline: none;
262
+ outline-offset: 0;
263
+
264
+ .edit-site-site-icon svg {
265
+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #3858e9);
266
+ outline: 3px solid #0000;
267
+ height: 40px;
268
+ width: 40px;
269
+ padding: 2px;
270
+ border-radius: 2px;
271
+ }
272
+
273
+ }
274
+ }
275
+ }