@wordpress/components 26.0.1-next.5a1d1283.0 → 26.0.1

package/build-style/style-rtl.css

@@ -317,8 +317,6 @@
   background: transparent;
   transform: none;
   opacity: 1;
-  box-shadow: none;
-  outline: none;
 }
 .components-button.is-secondary {
   box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
@@ -327,23 +325,32 @@
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   background: transparent;
 }
-.components-button.is-secondary:hover:not(:disabled) {
+.components-button.is-secondary:hover:not(:disabled, [aria-disabled=true]) {
   box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
 }
+.components-button.is-secondary:disabled:not(:focus), .components-button.is-secondary[aria-disabled=true]:not(:focus), .components-button.is-secondary[aria-disabled=true]:hover:not(:focus) {
+  box-shadow: inset 0 0 0 1px #ddd;
+}
 .components-button.is-tertiary {
   white-space: nowrap;
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   background: transparent;
 }
 .components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true]) {
+  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
   background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 }
 .components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) {
+  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
   background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
 }
 p + .components-button.is-tertiary {
   margin-right: -6px;
 }
+.components-button.is-tertiary:disabled:not(:focus), .components-button.is-tertiary[aria-disabled=true]:not(:focus), .components-button.is-tertiary[aria-disabled=true]:hover:not(:focus) {
+  box-shadow: none;
+  outline: none;
+}
 .components-button.is-destructive {
   --wp-components-color-accent: #cc1818;
   --wp-components-color-accent-darker-10: #9e1313;
@@ -401,6 +408,11 @@ p + .components-button.is-tertiary {
   background-image: linear-gradient(45deg, #fafafa 33%, #e0e0e0 33%, #e0e0e0 70%, #fafafa 70%);
   /* stylelint-enable */
 }
+@media (prefers-reduced-motion: reduce) {
+  .components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] {
+    animation-duration: 0s;
+  }
+}
 .components-button.is-compact {
   height: 32px;
 }
@@ -518,7 +530,7 @@ p + .components-button.is-tertiary {
 }
 .components-checkbox-control__input[type=checkbox]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder {
@@ -717,13 +729,13 @@ svg.components-checkbox-control__indeterminate {
 .components-circular-option-picker__option:hover {
   box-shadow: inset 0 0 0 14px !important;
 }
-.components-circular-option-picker__option.is-pressed {
+.components-circular-option-picker__option[aria-pressed=true], .components-circular-option-picker__option[aria-selected=true] {
   box-shadow: inset 0 0 0 4px;
   position: relative;
   z-index: 1;
   overflow: visible;
 }
-.components-circular-option-picker__option.is-pressed + svg {
+.components-circular-option-picker__option[aria-pressed=true] + svg, .components-circular-option-picker__option[aria-selected=true] + svg {
   position: absolute;
   right: 2px;
   top: 2px;
@@ -745,14 +757,15 @@ svg.components-checkbox-control__indeterminate {
 }
 .components-circular-option-picker__option:focus::after {
   content: "";
-  border: 2px solid #757575;
-  width: 32px;
-  height: 32px;
-  position: absolute;
-  top: -2px;
-  right: -2px;
   border-radius: 50%;
   box-shadow: inset 0 0 0 2px #fff;
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+  border: 2px solid #757575;
+  width: calc(100% + 4px);
+  height: calc(100% + 4px);
 }
 .components-circular-option-picker__option.components-button:focus {
   background-color: transparent;
@@ -773,7 +786,7 @@ svg.components-checkbox-control__indeterminate {
 }
 
 .components-palette-edit__popover-gradient-picker {
-  width: 280px;
+  width: 260px;
   padding: 8px;
 }
 
@@ -848,7 +861,7 @@ input.components-combobox-control__input[type=text]:focus {
 }
 .components-combobox-control__suggestions-container:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-combobox-control__suggestions-container::-webkit-input-placeholder {
@@ -863,7 +876,7 @@ input.components-combobox-control__input[type=text]:focus {
 }
 .components-combobox-control__suggestions-container:focus-within {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 
@@ -932,11 +945,6 @@ input.components-combobox-control__input[type=text]:focus {
   visibility: hidden;
 }
 
-.components-custom-gradient-picker:not(.is-next-has-no-margin) {
-  margin-top: 12px;
-  margin-bottom: 24px;
-}
-
 .components-custom-gradient-picker__gradient-bar {
   border-radius: 2px;
   width: 100%;
@@ -1067,7 +1075,7 @@ input.components-combobox-control__input[type=text]:focus {
   cursor: default;
   line-height: 28px;
 }
-.components-custom-select-control__item:not(.is-next-36px-default-size) {
+.components-custom-select-control__item:not(.is-next-40px-default-size) {
   padding: 8px;
 }
 .components-custom-select-control__item.has-hint {
@@ -1187,6 +1195,10 @@ body.is-dragging-components-draggable {
   white-space: nowrap;
 }
 
+.components-dropdown-menu__toggle {
+  vertical-align: top;
+}
+
 .components-dropdown-menu__menu {
   width: 100%;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -1300,6 +1312,7 @@ body.is-dragging-components-draggable {
   display: inline-block;
 }
 .components-form-toggle .components-form-toggle__track {
+  position: relative;
   content: "";
   display: inline-block;
   box-sizing: border-box;
@@ -1309,7 +1322,8 @@ body.is-dragging-components-draggable {
   width: 36px;
   height: 18px;
   border-radius: 9px;
-  transition: 0.2s background ease;
+  transition: 0.2s background-color ease, 0.2s border-color ease;
+  overflow: hidden;
 }
 @media (prefers-reduced-motion: reduce) {
   .components-form-toggle .components-form-toggle__track {
@@ -1317,6 +1331,21 @@ body.is-dragging-components-draggable {
     transition-delay: 0s;
   }
 }
+.components-form-toggle .components-form-toggle__track::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  box-sizing: border-box;
+  border-top: 18px solid transparent;
+  transition: 0.2s opacity ease;
+  opacity: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  .components-form-toggle .components-form-toggle__track::after {
+    transition-duration: 0s;
+    transition-delay: 0s;
+  }
+}
 .components-form-toggle .components-form-toggle__thumb {
   display: block;
   position: absolute;
@@ -1326,9 +1355,9 @@ body.is-dragging-components-draggable {
   width: 12px;
   height: 12px;
   border-radius: 50%;
-  transition: 0.1s transform ease;
+  transition: 0.2s transform ease, 0.2s background-color ease-out;
   background-color: #1e1e1e;
-  border: 5px solid #1e1e1e;
+  border: 6px solid transparent;
 }
 @media (prefers-reduced-motion: reduce) {
   .components-form-toggle .components-form-toggle__thumb {
@@ -1338,8 +1367,10 @@ body.is-dragging-components-draggable {
 }
 .components-form-toggle.is-checked .components-form-toggle__track {
   background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  border: 1px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  border: 9px solid transparent;
+  border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+}
+.components-form-toggle.is-checked .components-form-toggle__track::after {
+  opacity: 1;
 }
 .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
@@ -1404,7 +1435,7 @@ body.is-dragging-components-draggable {
 }
 .components-form-token-field__input-container:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-form-token-field__input-container::-webkit-input-placeholder {
@@ -1423,7 +1454,7 @@ body.is-dragging-components-draggable {
 }
 .components-form-token-field__input-container.is-active {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-form-token-field__input-container input[type=text].components-form-token-field__input {
@@ -1546,11 +1577,11 @@ body.is-dragging-components-draggable {
 .components-form-token-field__suggestions-list {
   flex: 1 0 100%;
   min-width: 100%;
-  max-height: 9em;
+  max-height: 128px;
   overflow-y: auto;
   transition: all 0.15s ease-in-out;
   list-style: none;
-  border-top: 1px solid var(--wp-components-color-gray-600, #949494);
+  box-shadow: inset 0 1px 0 0 #949494;
   margin: 0;
   padding: 0;
 }
@@ -1562,22 +1593,20 @@ body.is-dragging-components-draggable {
 }
 
 .components-form-token-field__suggestion {
-  color: #757575;
+  color: #1e1e1e;
   display: block;
   font-size: 13px;
-  padding: 4px 8px;
+  padding: 8px 12px;
+  min-height: 32px;
   margin: 0;
   cursor: pointer;
+  box-sizing: border-box;
 }
 .components-form-token-field__suggestion.is-selected {
   background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   color: #fff;
 }
 
-.components-form-token-field__suggestion-match {
-  text-decoration: underline;
-}
-
 @media (min-width: 600px) {
   .components-guide {
     width: 600px;
@@ -1648,7 +1677,7 @@ body.is-dragging-components-draggable {
   color: #e0e0e0;
 }
 .components-guide__page-control li[aria-current=step] .components-button {
-  color: var(--wp-components-color-accent, var(--wp-admin-theme-color));
+  color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
 }
 
 .components-modal__frame.components-guide {
@@ -1869,6 +1898,26 @@ body.is-dragging-components-draggable {
     max-width: none;
   }
 }
+@media (min-width: 600px) {
+  .components-modal__frame.has-size-small, .components-modal__frame.has-size-medium, .components-modal__frame.has-size-large {
+    width: 100%;
+  }
+}
+@media (min-width: 600px) {
+  .components-modal__frame.has-size-small {
+    max-width: 384px;
+  }
+}
+@media (min-width: 600px) {
+  .components-modal__frame.has-size-medium {
+    max-width: 512px;
+  }
+}
+@media (min-width: 600px) {
+  .components-modal__frame.has-size-large {
+    max-width: 840px;
+  }
+}
 @media (min-width: 960px) {
   .components-modal__frame {
     max-height: 70%;
@@ -1945,7 +1994,7 @@ body.is-dragging-components-draggable {
   padding-top: 32px;
 }
 .components-modal__content.is-scrollable:focus-visible {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
@@ -1956,12 +2005,10 @@ body.is-dragging-components-draggable {
   font-size: 13px;
   background-color: #fff;
   border-right: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  margin: 5px 15px 2px;
   padding: 8px 12px;
   align-items: center;
 }
 .components-notice.is-dismissible {
-  padding-left: 36px;
   position: relative;
 }
 .components-notice.is-success {
@@ -2183,10 +2230,10 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 
 .components-placeholder.components-placeholder {
+  font-size: 13px;
   box-sizing: border-box;
   position: relative;
   padding: 1em;
-  min-height: 200px;
   width: 100%;
   text-align: right;
   margin: 0;
@@ -2202,7 +2249,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   .components-placeholder.components-placeholder {
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: top;
     align-items: flex-start;
   }
 }
@@ -2213,6 +2260,10 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 .components-placeholder__fieldset {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 13px;
+  letter-spacing: initial;
+  line-height: initial;
+  text-transform: none;
+  font-weight: normal;
 }
 
 .components-placeholder__label {
@@ -2251,16 +2302,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   font-size: 13px;
 }
 
-.components-placeholder__fieldset.components-placeholder__fieldset {
-  border: none;
-  padding: 0;
-}
-.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions {
-  padding: 0;
-  font-weight: normal;
-  font-size: 1em;
-}
-
 .components-placeholder__fieldset.is-column-layout,
 .components-placeholder__fieldset.is-column-layout form {
   flex-direction: column;
@@ -2295,7 +2336,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 .components-placeholder__input[type=url]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-placeholder__input[type=url]::-webkit-input-placeholder {
@@ -2353,9 +2394,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 .components-placeholder.is-small .components-button {
   padding: 0 8px 2px;
 }
-.components-placeholder .components-placeholder__learn-more .components-external-link {
-  color: var(--wp-admin-theme-color);
-}
 
 /**
  * Dashed style placeholders
@@ -2364,13 +2402,12 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   color: inherit;
   display: flex;
   box-shadow: none;
-  min-width: 100px;
   -webkit-backdrop-filter: blur(100px);
           backdrop-filter: blur(100px);
   background-color: transparent;
   backface-visibility: hidden;
   border-radius: 2px;
-  overflow: hidden;
+  overflow: auto;
 }
 .is-dark-theme .components-placeholder.has-illustration {
   background-color: rgba(0, 0, 0, 0.1);
@@ -2431,9 +2468,15 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 
 .components-popover {
+  box-sizing: border-box;
   z-index: 1000000;
   will-change: transform;
 }
+.components-popover *,
+.components-popover *::before,
+.components-popover *::after {
+  box-sizing: inherit;
+}
 .components-popover.is-expanded {
   position: fixed;
   top: 0;
@@ -2541,6 +2584,18 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   stroke: #1e1e1e;
 }
 
+.components-popover-pointer-events-trap {
+  z-index: 1000000;
+  position: fixed;
+  inset: 0;
+  background-color: transparent;
+}
+
+.components-radio-control__option {
+  display: flex;
+  align-items: center;
+}
+
 .components-radio-control__input[type=radio] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
@@ -2558,8 +2613,12 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   border-radius: 50%;
   width: 24px;
   height: 24px;
-  margin-top: 0;
-  margin-left: 6px;
+  display: inline-flex;
+  margin: 0 0 0 6px;
+  padding: 0;
+  -webkit-appearance: none;
+          appearance: none;
+  cursor: pointer;
 }
 @media (prefers-reduced-motion: reduce) {
   .components-radio-control__input[type=radio] {
@@ -2576,7 +2635,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 .components-radio-control__input[type=radio]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-radio-control__input[type=radio]::-webkit-input-placeholder {
@@ -2617,6 +2676,21 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   background: var(--wp-admin-theme-color);
   border-color: var(--wp-admin-theme-color);
 }
+.components-radio-control__input[type=radio]:focus {
+  box-shadow: 0 0 0 2px var(--wp-components-color-background, #fff), 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+}
+.components-radio-control__input[type=radio]:checked {
+  background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+  border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+}
+.components-radio-control__input[type=radio]:checked::before {
+  content: "";
+  border-radius: 50%;
+}
+
+.components-radio-control__label {
+  cursor: pointer;
+}
 
 .components-resizable-box__handle {
   display: none;
@@ -2812,93 +2886,6 @@ body.lockscroll {
   overflow: hidden;
 }
 
-.components-search-control {
-  position: relative;
-}
-.components-search-control input[type=search].components-search-control__input {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  padding: 6px 8px;
-  box-shadow: 0 0 0 transparent;
-  transition: box-shadow 0.1s linear;
-  border-radius: 2px;
-  border: 1px solid #949494;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-  /* Override core line-height. To be reviewed. */
-  line-height: normal;
-  display: block;
-  padding: 16px 16px 16px 48px;
-  background: #f0f0f0;
-  border: none;
-  width: 100%;
-  height: 48px;
-  margin-right: 0;
-  margin-left: 0;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-}
-@media (prefers-reduced-motion: reduce) {
-  .components-search-control input[type=search].components-search-control__input {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-@media (min-width: 600px) {
-  .components-search-control input[type=search].components-search-control__input {
-    font-size: 13px;
-    /* Override core line-height. To be reviewed. */
-    line-height: normal;
-  }
-}
-.components-search-control input[type=search].components-search-control__input:focus {
-  border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
-.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.components-search-control input[type=search].components-search-control__input::-moz-placeholder {
-  opacity: 1;
-  color: rgba(30, 30, 30, 0.62);
-}
-.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-@media (min-width: 600px) {
-  .components-search-control input[type=search].components-search-control__input {
-    font-size: 13px;
-  }
-}
-.components-search-control input[type=search].components-search-control__input:focus {
-  background: #fff;
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-}
-.components-search-control input[type=search].components-search-control__input::placeholder {
-  color: #757575;
-}
-.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration {
-  -webkit-appearance: none;
-}
-
-.components-search-control__icon {
-  position: absolute;
-  top: 0;
-  width: 24px;
-  left: 12px;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.components-search-control__icon > svg {
-  margin: 8px 0;
-}
-
-.components-search-control__input-wrapper {
-  position: relative;
-}
-
 .components-select-control__input {
   outline: 0;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
@@ -2938,12 +2925,13 @@ body.lockscroll {
   cursor: default;
 }
 .components-snackbar .components-snackbar__content-with-icon {
-  margin-right: 24px;
+  position: relative;
+  padding-right: 24px;
 }
 .components-snackbar .components-snackbar__icon {
   position: absolute;
-  top: 24px;
-  right: 28px;
+  right: -8px;
+  top: calc((5.8px) / -2);
 }
 .components-snackbar .components-snackbar__dismiss-button {
   margin-right: 24px;
@@ -3079,6 +3067,7 @@ body.lockscroll {
 .components-text-control__input[type=month],
 .components-text-control__input[type=number] {
   width: 100%;
+  height: 32px;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
   box-shadow: 0 0 0 transparent;
@@ -3144,7 +3133,7 @@ body.lockscroll {
 .components-text-control__input[type=month]:focus,
 .components-text-control__input[type=number]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-text-control__input::-webkit-input-placeholder,
@@ -3196,6 +3185,22 @@ body.lockscroll {
 .components-text-control__input[type=number]:-ms-input-placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
+.components-text-control__input.is-next-40px-default-size,
+.components-text-control__input[type=text].is-next-40px-default-size,
+.components-text-control__input[type=tel].is-next-40px-default-size,
+.components-text-control__input[type=time].is-next-40px-default-size,
+.components-text-control__input[type=url].is-next-40px-default-size,
+.components-text-control__input[type=week].is-next-40px-default-size,
+.components-text-control__input[type=password].is-next-40px-default-size,
+.components-text-control__input[type=color].is-next-40px-default-size,
+.components-text-control__input[type=date].is-next-40px-default-size,
+.components-text-control__input[type=datetime].is-next-40px-default-size,
+.components-text-control__input[type=datetime-local].is-next-40px-default-size,
+.components-text-control__input[type=email].is-next-40px-default-size,
+.components-text-control__input[type=month].is-next-40px-default-size,
+.components-text-control__input[type=number].is-next-40px-default-size {
+  height: 40px;
+}
 
 .components-tip {
   display: flex;
@@ -3220,6 +3225,12 @@ body.lockscroll {
 .components-accessible-toolbar > .components-toolbar-group:last-child {
   border-left: none;
 }
+.components-accessible-toolbar.is-unstyled {
+  border: none;
+}
+.components-accessible-toolbar.is-unstyled > .components-toolbar-group {
+  border-left: none;
+}
 
 .components-accessible-toolbar .components-button,
 .components-toolbar .components-button {
@@ -3274,7 +3285,7 @@ body.lockscroll {
 }
 .components-accessible-toolbar .components-button:focus::before,
 .components-toolbar .components-button:focus::before {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
+  box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 2px solid transparent;
 }
 .components-accessible-toolbar .components-button.has-icon.has-icon,
@@ -3319,9 +3330,6 @@ body.lockscroll {
   left: 8px;
   bottom: 10px;
 }
-.components-toolbar__control.components-button:active::before {
-  display: none;
-}
 .components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]::after {
   color: #fff;
 }
@@ -3397,42 +3405,17 @@ div.components-toolbar > div + div.has-left-divider::before {
   height: 20px;
 }
 
-.components-tooltip.components-popover {
-  z-index: 1000002;
-}
-.components-tooltip.components-popover .components-popover__content {
-  min-width: min-content;
-}
-
-.components-tooltip .components-popover__content {
+.components-tooltip {
   background: #000;
   border-radius: 2px;
-  border-width: 0;
-  outline: none;
   color: #f0f0f0;
-  white-space: nowrap;
   text-align: center;
   line-height: 1.4;
   font-size: 12px;
-  box-shadow: none;
   padding: 4px 8px;
+  z-index: 1000002;
 }
 
 .components-tooltip__shortcut {
-  display: inline-block;
   margin-right: 8px;
-}
-
-.disabled-element-wrapper {
-  position: relative;
-}
-.disabled-element-wrapper .event-catcher {
-  z-index: 100002;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
 }