@wordpress/block-editor 14.3.4 → 14.4.0

package/build-style/style-rtl.css

@@ -29,6 +29,9 @@
 /**
  * Fonts & basic variables.
  */
+/**
+ * Typography
+ */
 /**
  * Grid System.
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
@@ -43,7 +46,10 @@
  * Dimensions.
  */
 /**
- * Editor widths.
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
  */
 /**
  * Block & Editor UI.
@@ -67,6 +73,9 @@
  * Creates a fading overlay to signify that the content is longer
  * than the space allows.
  */
+/**
+ * Typography
+ */
 /**
  * Breakpoint mixins
  */
@@ -339,6 +348,8 @@ iframe[name=editor-canvas] {
 
 .block-editor-block-inspector__tab-item {
   flex: 1 1 0px;
+  display: flex;
+  justify-content: center;
 }
 
 /**
@@ -414,79 +425,16 @@ iframe[name=editor-canvas] {
   background: #1e1e1e;
 }
 
-/**
- * Block Label for Navigation/Selection Mode
- */
-.block-editor-block-list__block-selection-button {
-  display: inline-flex;
-  padding: 0 12px;
-  z-index: 22;
-  border-radius: 2px;
-  background-color: #1e1e1e;
-  font-size: 13px;
-  height: 48px;
-}
-.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content {
-  margin: auto;
-  display: inline-flex;
-  align-items: center;
-}
-.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item {
-  margin-left: 6px;
-}
-.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle {
-  cursor: grab;
-  padding: 0;
-  height: 24px;
-  min-width: 24px;
-  margin-right: -2px;
-}
-.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg {
-  min-width: 18px;
-  min-height: 18px;
-}
-.block-editor-block-list__block-selection-button .block-editor-block-icon {
-  font-size: 13px;
-  color: #fff;
-  height: 48px;
-}
-.block-editor-block-list__block-selection-button .components-button {
-  min-width: 36px;
-  color: #fff;
-  height: 48px;
-  display: flex;
-}
-.block-editor-block-list__block-selection-button .components-button:focus {
-  box-shadow: none;
-  border: none;
-}
-.block-editor-block-list__block-selection-button .components-button:active {
-  color: #fff;
-}
-.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover {
-  color: #fff;
-}
-.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button {
-  padding: 0;
-}
-.block-editor-block-list__block-selection-button .block-editor-block-mover {
-  background: unset;
-  border: none;
-}
-
 @keyframes hide-during-dragging {
   to {
     position: fixed;
     transform: translate(-9999px, 9999px);
   }
 }
-.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button,
 .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar {
   pointer-events: all;
   margin-top: 8px;
   margin-bottom: 8px;
-}
-.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar {
   border: 1px solid #1e1e1e;
   border-radius: 2px;
   overflow: visible;
@@ -562,12 +510,8 @@ iframe[name=editor-canvas] {
   background: none;
   border: none;
 }
-
-.block-editor-block-tools__zoom-out-mode-inserter-button {
-  visibility: hidden;
-}
-.block-editor-block-tools__zoom-out-mode-inserter-button.is-visible {
-  visibility: visible;
+.zoom-out-toolbar .components-button {
+  height: 40px;
 }
 
 .block-editor-block-lock-modal {
@@ -769,7 +713,7 @@ iframe[name=editor-canvas] {
 .block-editor-block-draggable-chip {
   background-color: #1e1e1e;
   border-radius: 2px;
-  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
   color: #fff;
   cursor: grabbing;
   display: inline-flex;
@@ -828,7 +772,7 @@ iframe[name=editor-canvas] {
 .block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
   background-color: #757575;
   opacity: 1;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
 }
 
 .block-editor-block-mover__move-button-container {
@@ -997,27 +941,14 @@ iframe[name=editor-canvas] {
   padding: 4px;
   justify-content: center;
 }
-.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary {
-  width: auto;
-  height: 32px;
-  justify-content: center;
-}
-.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled {
-  color: #949494;
-  background: none;
-}
-.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled) {
-  color: #fff;
-  background-color: #757575;
-}
 
-.show-icon-labels .block-editor-patterns__grid-pagination .components-button {
+.show-icon-labels .block-editor-patterns__grid-pagination-button {
   width: auto;
 }
-.show-icon-labels .block-editor-patterns__grid-pagination .components-button span {
+.show-icon-labels .block-editor-patterns__grid-pagination-button span {
   display: none;
 }
-.show-icon-labels .block-editor-patterns__grid-pagination .components-button::before {
+.show-icon-labels .block-editor-patterns__grid-pagination-button::before {
   content: attr(aria-label);
 }
 
@@ -1668,10 +1599,14 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-global-styles__shadow-indicator {
+  appearance: none;
+  background: none;
   color: #2f2f2f;
   border: #e0e0e0 1px solid;
   border-radius: 2px;
   cursor: pointer;
+  display: inline-flex;
+  align-items: center;
   padding: 0;
   height: 26px;
   width: 26px;
@@ -2028,25 +1963,14 @@ iframe[name=editor-canvas] {
           hyphens: auto;
 }
 
-.show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button {
-  justify-content: center;
+.block-editor-block-inspector__tabs [role=tablist] {
+  width: 100%;
 }
 
 .block-editor-inspector-popover-header {
   margin-bottom: 16px;
 }
 
-[class].block-editor-inspector-popover-header__action {
-  height: 24px;
-}
-[class].block-editor-inspector-popover-header__action.has-icon {
-  min-width: 24px;
-  padding: 0;
-}
-[class].block-editor-inspector-popover-header__action:not(.has-icon) {
-  text-decoration: underline;
-}
-
 .items-justified-left {
   justify-content: flex-start;
 }
@@ -2432,6 +2356,14 @@ iframe[name=editor-canvas] {
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
   color: var(--wp-admin-theme-color);
 }
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
+  fill: currentColor;
+}
+@media (forced-colors: active) {
+  .block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
+    fill: CanvasText;
+  }
+}
 .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover {
   color: inherit;
 }
@@ -2574,16 +2506,15 @@ iframe[name=editor-canvas] {
   text-align: right;
   position: relative;
   white-space: nowrap;
-}
-.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before::before {
-  content: "";
-  position: absolute;
-  pointer-events: none;
-  transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
-  top: -2px;
-  left: 0;
-  right: 0;
-  border-top: 4px solid var(--wp-admin-theme-color);
+  border-radius: 2px;
+  box-sizing: border-box;
+  color: inherit;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 400;
+  margin: 0;
+  text-decoration: none;
+  transition: box-shadow 0.1s linear;
 }
 .components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents {
   padding-right: 0;
@@ -3077,18 +3008,9 @@ iframe[name=editor-canvas] {
   top: -9999em;
 }
 .block-editor-skip-to-selected-block:focus {
-  height: auto;
-  width: auto;
-  display: block;
   font-size: 14px;
   font-weight: 600;
-  padding: 15px 23px 14px;
   background: #f1f1f1;
-  color: var(--wp-admin-theme-color);
-  line-height: normal;
-  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-  text-decoration: none;
-  outline: none;
   z-index: 100000;
 }
 
@@ -3138,6 +3060,11 @@ iframe[name=editor-canvas] {
   min-width: 280px;
 }
 
+.block-editor-tool-selector__menu .components-menu-item__info {
+  margin-right: 36px;
+  text-align: right;
+}
+
 .block-editor-block-list__block .block-editor-url-input,
 .components-popover .block-editor-url-input,
 .block-editor-url-input {
@@ -3252,11 +3179,6 @@ iframe[name=editor-canvas] {
   min-width: 0;
   align-items: flex-start;
 }
-.block-editor-url-input__button-modal-line .components-button {
-  flex-shrink: 0;
-  width: 36px;
-  height: 36px;
-}
 
 .block-editor-url-popover__additional-controls {
   border-top: 1px solid #1e1e1e;
@@ -3477,9 +3399,12 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 }
 .block-editor-block-toolbar > :last-child,
 .block-editor-block-toolbar > :last-child .components-toolbar-group,
-.block-editor-block-toolbar > :last-child .components-toolbar {
+.block-editor-block-toolbar > :last-child .components-toolbar, .block-editor-block-toolbar:has(> :last-child:empty) > :nth-last-child(2), .block-editor-block-toolbar:has(> :last-child:empty) > :nth-last-child(2) .components-toolbar-group, .block-editor-block-toolbar:has(> :last-child:empty) > :nth-last-child(2) .components-toolbar {
   border-left: none;
 }
+.block-editor-block-toolbar .components-toolbar-group:empty {
+  display: none;
+}
 
 .block-editor-block-contextual-toolbar {
   position: sticky;
@@ -3898,32 +3823,9 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] svg {
   fill: var(--wp-admin-theme-color);
 }
-.block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]::after {
-  content: "";
-  display: block;
-  outline: none;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  border-radius: 2px;
-  opacity: 0.04;
-  background: var(--wp-admin-theme-color);
-  height: 100%;
-}
-.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus-visible, .block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus:not(:disabled) {
-  border-radius: 2px;
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-  outline-offset: 0;
-}
 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab::before {
   display: none;
 }
-.block-editor-inserter__category-tablist .block-editor-inserter__category-tab::after {
-  display: none;
-}
 
 .block-editor-inserter__category-panel {
   outline: 1px solid transparent;

package/build-style/style.css

@@ -29,6 +29,9 @@
 /**
  * Fonts & basic variables.
  */
+/**
+ * Typography
+ */
 /**
  * Grid System.
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
@@ -43,7 +46,10 @@
  * Dimensions.
  */
 /**
- * Editor widths.
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
  */
 /**
  * Block & Editor UI.
@@ -67,6 +73,9 @@
  * Creates a fading overlay to signify that the content is longer
  * than the space allows.
  */
+/**
+ * Typography
+ */
 /**
  * Breakpoint mixins
  */
@@ -339,6 +348,8 @@ iframe[name=editor-canvas] {
 
 .block-editor-block-inspector__tab-item {
   flex: 1 1 0px;
+  display: flex;
+  justify-content: center;
 }
 
 /**
@@ -414,79 +425,16 @@ iframe[name=editor-canvas] {
   background: #1e1e1e;
 }
 
-/**
- * Block Label for Navigation/Selection Mode
- */
-.block-editor-block-list__block-selection-button {
-  display: inline-flex;
-  padding: 0 12px;
-  z-index: 22;
-  border-radius: 2px;
-  background-color: #1e1e1e;
-  font-size: 13px;
-  height: 48px;
-}
-.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content {
-  margin: auto;
-  display: inline-flex;
-  align-items: center;
-}
-.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item {
-  margin-right: 6px;
-}
-.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle {
-  cursor: grab;
-  padding: 0;
-  height: 24px;
-  min-width: 24px;
-  margin-left: -2px;
-}
-.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg {
-  min-width: 18px;
-  min-height: 18px;
-}
-.block-editor-block-list__block-selection-button .block-editor-block-icon {
-  font-size: 13px;
-  color: #fff;
-  height: 48px;
-}
-.block-editor-block-list__block-selection-button .components-button {
-  min-width: 36px;
-  color: #fff;
-  height: 48px;
-  display: flex;
-}
-.block-editor-block-list__block-selection-button .components-button:focus {
-  box-shadow: none;
-  border: none;
-}
-.block-editor-block-list__block-selection-button .components-button:active {
-  color: #fff;
-}
-.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover {
-  color: #fff;
-}
-.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button {
-  padding: 0;
-}
-.block-editor-block-list__block-selection-button .block-editor-block-mover {
-  background: unset;
-  border: none;
-}
-
 @keyframes hide-during-dragging {
   to {
     position: fixed;
     transform: translate(9999px, 9999px);
   }
 }
-.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button,
 .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar {
   pointer-events: all;
   margin-top: 8px;
   margin-bottom: 8px;
-}
-.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar {
   border: 1px solid #1e1e1e;
   border-radius: 2px;
   overflow: visible;
@@ -562,12 +510,8 @@ iframe[name=editor-canvas] {
   background: none;
   border: none;
 }
-
-.block-editor-block-tools__zoom-out-mode-inserter-button {
-  visibility: hidden;
-}
-.block-editor-block-tools__zoom-out-mode-inserter-button.is-visible {
-  visibility: visible;
+.zoom-out-toolbar .components-button {
+  height: 40px;
 }
 
 .block-editor-block-lock-modal {
@@ -769,7 +713,7 @@ iframe[name=editor-canvas] {
 .block-editor-block-draggable-chip {
   background-color: #1e1e1e;
   border-radius: 2px;
-  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
   color: #fff;
   cursor: grabbing;
   display: inline-flex;
@@ -828,7 +772,7 @@ iframe[name=editor-canvas] {
 .block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
   background-color: #757575;
   opacity: 1;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
 }
 
 .block-editor-block-mover__move-button-container {
@@ -997,27 +941,14 @@ iframe[name=editor-canvas] {
   padding: 4px;
   justify-content: center;
 }
-.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary {
-  width: auto;
-  height: 32px;
-  justify-content: center;
-}
-.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled {
-  color: #949494;
-  background: none;
-}
-.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled) {
-  color: #fff;
-  background-color: #757575;
-}
 
-.show-icon-labels .block-editor-patterns__grid-pagination .components-button {
+.show-icon-labels .block-editor-patterns__grid-pagination-button {
   width: auto;
 }
-.show-icon-labels .block-editor-patterns__grid-pagination .components-button span {
+.show-icon-labels .block-editor-patterns__grid-pagination-button span {
   display: none;
 }
-.show-icon-labels .block-editor-patterns__grid-pagination .components-button::before {
+.show-icon-labels .block-editor-patterns__grid-pagination-button::before {
   content: attr(aria-label);
 }
 
@@ -1668,10 +1599,14 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-global-styles__shadow-indicator {
+  appearance: none;
+  background: none;
   color: #2f2f2f;
   border: #e0e0e0 1px solid;
   border-radius: 2px;
   cursor: pointer;
+  display: inline-flex;
+  align-items: center;
   padding: 0;
   height: 26px;
   width: 26px;
@@ -2029,25 +1964,14 @@ iframe[name=editor-canvas] {
           hyphens: auto;
 }
 
-.show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button {
-  justify-content: center;
+.block-editor-block-inspector__tabs [role=tablist] {
+  width: 100%;
 }
 
 .block-editor-inspector-popover-header {
   margin-bottom: 16px;
 }
 
-[class].block-editor-inspector-popover-header__action {
-  height: 24px;
-}
-[class].block-editor-inspector-popover-header__action.has-icon {
-  min-width: 24px;
-  padding: 0;
-}
-[class].block-editor-inspector-popover-header__action:not(.has-icon) {
-  text-decoration: underline;
-}
-
 .items-justified-left {
   justify-content: flex-start;
 }
@@ -2433,6 +2357,14 @@ iframe[name=editor-canvas] {
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
   color: var(--wp-admin-theme-color);
 }
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
+  fill: currentColor;
+}
+@media (forced-colors: active) {
+  .block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
+    fill: CanvasText;
+  }
+}
 .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover {
   color: inherit;
 }
@@ -2575,16 +2507,15 @@ iframe[name=editor-canvas] {
   text-align: left;
   position: relative;
   white-space: nowrap;
-}
-.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before::before {
-  content: "";
-  position: absolute;
-  pointer-events: none;
-  transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
-  top: -2px;
-  right: 0;
-  left: 0;
-  border-top: 4px solid var(--wp-admin-theme-color);
+  border-radius: 2px;
+  box-sizing: border-box;
+  color: inherit;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 400;
+  margin: 0;
+  text-decoration: none;
+  transition: box-shadow 0.1s linear;
 }
 .components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents {
   padding-left: 0;
@@ -3078,18 +3009,9 @@ iframe[name=editor-canvas] {
   top: -9999em;
 }
 .block-editor-skip-to-selected-block:focus {
-  height: auto;
-  width: auto;
-  display: block;
   font-size: 14px;
   font-weight: 600;
-  padding: 15px 23px 14px;
   background: #f1f1f1;
-  color: var(--wp-admin-theme-color);
-  line-height: normal;
-  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-  text-decoration: none;
-  outline: none;
   z-index: 100000;
 }
 
@@ -3139,6 +3061,11 @@ iframe[name=editor-canvas] {
   min-width: 280px;
 }
 
+.block-editor-tool-selector__menu .components-menu-item__info {
+  margin-left: 36px;
+  text-align: left;
+}
+
 .block-editor-block-list__block .block-editor-url-input,
 .components-popover .block-editor-url-input,
 .block-editor-url-input {
@@ -3253,11 +3180,6 @@ iframe[name=editor-canvas] {
   min-width: 0;
   align-items: flex-start;
 }
-.block-editor-url-input__button-modal-line .components-button {
-  flex-shrink: 0;
-  width: 36px;
-  height: 36px;
-}
 
 .block-editor-url-popover__additional-controls {
   border-top: 1px solid #1e1e1e;
@@ -3478,9 +3400,12 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 }
 .block-editor-block-toolbar > :last-child,
 .block-editor-block-toolbar > :last-child .components-toolbar-group,
-.block-editor-block-toolbar > :last-child .components-toolbar {
+.block-editor-block-toolbar > :last-child .components-toolbar, .block-editor-block-toolbar:has(> :last-child:empty) > :nth-last-child(2), .block-editor-block-toolbar:has(> :last-child:empty) > :nth-last-child(2) .components-toolbar-group, .block-editor-block-toolbar:has(> :last-child:empty) > :nth-last-child(2) .components-toolbar {
   border-right: none;
 }
+.block-editor-block-toolbar .components-toolbar-group:empty {
+  display: none;
+}
 
 .block-editor-block-contextual-toolbar {
   position: sticky;
@@ -3899,32 +3824,9 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] svg {
   fill: var(--wp-admin-theme-color);
 }
-.block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]::after {
-  content: "";
-  display: block;
-  outline: none;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  border-radius: 2px;
-  opacity: 0.04;
-  background: var(--wp-admin-theme-color);
-  height: 100%;
-}
-.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus-visible, .block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus:not(:disabled) {
-  border-radius: 2px;
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-  outline-offset: 0;
-}
 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab::before {
   display: none;
 }
-.block-editor-inserter__category-tablist .block-editor-inserter__category-tab::after {
-  display: none;
-}
 
 .block-editor-inserter__category-panel {
   outline: 1px solid transparent;