@eightshift/ui-components 6.0.2 → 6.0.4

package/dist/assets/style-admin.css

@@ -1395,6 +1395,38 @@ input[data-rac]::-webkit-search-cancel-button {
   display: none !important;
 }
 
+:where(.es\:css-reset) {
+  font-family: var(--es-font-sans);
+}
+
+:where(.es\:css-reset) ::selection {
+  background-color: var(--es-color-accent-600);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :where(.es\:css-reset) ::selection {
+    background-color: color-mix(in oklab, var(--es-color-accent-600) 15%, transparent);
+  }
+}
+
+:where(.es\:css-reset)::selection {
+  background-color: var(--es-color-accent-600);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :where(.es\:css-reset)::selection {
+    background-color: color-mix(in oklab, var(--es-color-accent-600) 15%, transparent);
+  }
+}
+
+:where(.es\:css-reset) ::selection {
+  color: var(--es-color-accent-950);
+}
+
+:where(.es\:css-reset)::selection {
+  color: var(--es-color-accent-950);
+}
+
 :is(body, body #wpwrap) .es\:\@container {
   container-type: inline-size;
 }
@@ -1759,8 +1791,8 @@ input[data-rac]::-webkit-search-cancel-button {
   margin-right: calc(var(--es-spacing) * 1.25);
 }
 
-:is(body, body #wpwrap) .es\:mr-4\.25 {
-  margin-right: calc(var(--es-spacing) * 4.25);
+:is(body, body #wpwrap) .es\:mr-1\.75 {
+  margin-right: calc(var(--es-spacing) * 1.75);
 }
 
 :is(body, body #wpwrap) .es\:mr-auto {
@@ -1803,8 +1835,8 @@ input[data-rac]::-webkit-search-cancel-button {
   margin-left: calc(var(--es-spacing) * 1.25);
 }
 
-:is(body, body #wpwrap) .es\:ml-4\.25 {
-  margin-left: calc(var(--es-spacing) * 4.25);
+:is(body, body #wpwrap) .es\:ml-1\.75 {
+  margin-left: calc(var(--es-spacing) * 1.75);
 }
 
 :is(body, body #wpwrap) .es\:ml-auto {
@@ -2389,11 +2421,6 @@ input[data-rac]::-webkit-search-cancel-button {
   transform-origin: top;
 }
 
-:is(body, body #wpwrap) .es\:-translate-x-0\.25 {
-  --tw-translate-x: calc(var(--es-spacing) * -.25);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
-
 :is(body, body #wpwrap) .es\:-translate-x-1 {
   --tw-translate-x: calc(var(--es-spacing) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2414,13 +2441,13 @@ input[data-rac]::-webkit-search-cancel-button {
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
-:is(body, body #wpwrap) .es\:translate-x-0 {
-  --tw-translate-x: calc(var(--es-spacing) * 0);
+:is(body, body #wpwrap) .es\:-translate-x-px {
+  --tw-translate-x: -1px;
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
-:is(body, body #wpwrap) .es\:translate-x-0\.25 {
-  --tw-translate-x: calc(var(--es-spacing) * .25);
+:is(body, body #wpwrap) .es\:translate-x-0 {
+  --tw-translate-x: calc(var(--es-spacing) * 0);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
@@ -2449,6 +2476,11 @@ input[data-rac]::-webkit-search-cancel-button {
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
+:is(body, body #wpwrap) .es\:translate-x-px {
+  --tw-translate-x: 1px;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 :is(body, body #wpwrap) .es\:-translate-y-1\/2 {
   --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3070,6 +3102,10 @@ input[data-rac]::-webkit-search-cancel-button {
   justify-self: flex-end;
 }
 
+:is(body, body #wpwrap) .es\:justify-self-start {
+  justify-self: flex-start;
+}
+
 :is(body, body #wpwrap) .es\:overflow-clip {
   overflow: clip;
 }
@@ -5860,11 +5896,21 @@ input[data-rac]::-webkit-search-cancel-button {
   line-height: var(--tw-leading, var(--es-text-12--line-height));
 }
 
+:is(body, body #wpwrap) .es\:text-12\! {
+  font-size: var(--es-text-12) !important;
+  line-height: var(--tw-leading, var(--es-text-12--line-height)) !important;
+}
+
 :is(body, body #wpwrap) .es\:text-13 {
   font-size: var(--es-text-13);
   line-height: var(--tw-leading, var(--es-text-13--line-height));
 }
 
+:is(body, body #wpwrap) .es\:text-13\! {
+  font-size: var(--es-text-13) !important;
+  line-height: var(--tw-leading, var(--es-text-13--line-height)) !important;
+}
+
 :is(body, body #wpwrap) .es\:text-14 {
   font-size: var(--es-text-14);
   line-height: var(--tw-leading, var(--es-text-14--line-height));
@@ -6318,6 +6364,11 @@ input[data-rac]::-webkit-search-cancel-button {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
+:is(body, body #wpwrap) .es\:shadow-xs\! {
+  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+
 :is(body, body #wpwrap) .es\:ring, :is(body, body #wpwrap) .es\:ring-1 {
   --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -6343,6 +6394,11 @@ input[data-rac]::-webkit-search-cancel-button {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
+:is(body, body #wpwrap) .es\:inset-ring\! {
+  --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+
 :is(body, body #wpwrap) .es\:shadow-accent-600\/25 {
   --tw-shadow-color: var(--es-color-accent-600);
 }
@@ -7223,6 +7279,18 @@ input[data-rac]::-webkit-search-cancel-button {
   }
 }
 
+:is(body, body #wpwrap) .es\:outline-hidden\! {
+  --tw-outline-style: none !important;
+  outline-style: none !important;
+}
+
+@media (forced-colors: active) {
+  :is(body, body #wpwrap) .es\:outline-hidden\! {
+    outline-offset: 2px !important;
+    outline: 2px solid #0000 !important;
+  }
+}
+
 :is(body, body #wpwrap) .es\:outline {
   outline-style: var(--tw-outline-style);
   outline-width: 1px;
@@ -8365,11 +8433,6 @@ input[data-rac]::-webkit-search-cancel-button {
   border-bottom-left-radius: var(--es-radius-2xl);
 }
 
-:is(body, body #wpwrap) .es\:first\:rounded-l-xl:first-child {
-  border-top-left-radius: var(--es-radius-xl);
-  border-bottom-left-radius: var(--es-radius-xl);
-}
-
 :is(body, body #wpwrap) .es\:first\:pt-2:first-child {
   padding-top: calc(var(--es-spacing) * 2);
 }
@@ -8383,11 +8446,6 @@ input[data-rac]::-webkit-search-cancel-button {
   border-bottom-right-radius: var(--es-radius-2xl);
 }
 
-:is(body, body #wpwrap) .es\:last\:rounded-r-xl:last-child {
-  border-top-right-radius: var(--es-radius-xl);
-  border-bottom-right-radius: var(--es-radius-xl);
-}
-
 :is(body, body #wpwrap) .es\:last\:rounded-b-2xl:last-child {
   border-bottom-right-radius: var(--es-radius-2xl);
   border-bottom-left-radius: var(--es-radius-2xl);
@@ -8465,6 +8523,16 @@ input[data-rac]::-webkit-search-cancel-button {
   }
 }
 
+:is(body, body #wpwrap) .es\:hover\:rounded-18:where([data-rac])[data-hovered] {
+  border-radius: var(--es-radius-18);
+}
+
+@media (hover: hover) {
+  :is(body, body #wpwrap) .es\:hover\:rounded-18:where(:not([data-rac])):hover {
+    border-radius: var(--es-radius-18);
+  }
+}
+
 :is(body, body #wpwrap) .es\:hover\:rounded-lg:where([data-rac])[data-hovered] {
   border-radius: var(--es-radius-lg);
 }
@@ -11192,9 +11260,14 @@ input[data-rac]::-webkit-search-cancel-button {
   border-bottom-left-radius: var(--es-radius-20) !important;
 }
 
-:is(body, body #wpwrap) .es\:before-current\:rounded-l-xl:has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) {
-  border-top-left-radius: var(--es-radius-xl);
-  border-bottom-left-radius: var(--es-radius-xl);
+:is(body, body #wpwrap) .es\:before-current\:rounded-r-2xl:has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) {
+  border-top-right-radius: var(--es-radius-2xl);
+  border-bottom-right-radius: var(--es-radius-2xl);
+}
+
+:is(body, body #wpwrap) .es\:before-current\:rounded-b-2xl:has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) {
+  border-bottom-right-radius: var(--es-radius-2xl);
+  border-bottom-left-radius: var(--es-radius-2xl);
 }
 
 :is(body, body #wpwrap) .es\:before-current\:rounded-b-lg:has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) {
@@ -11207,6 +11280,11 @@ input[data-rac]::-webkit-search-cancel-button {
   border-bottom-left-radius: var(--es-radius-xl);
 }
 
+:where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"]) + :is(:is(body, body #wpwrap) .es\:after-current\:rounded-t-2xl) {
+  border-top-left-radius: var(--es-radius-2xl);
+  border-top-right-radius: var(--es-radius-2xl);
+}
+
 :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"]) + :is(:is(body, body #wpwrap) .es\:after-current\:rounded-t-lg) {
   border-top-left-radius: var(--es-radius-lg);
   border-top-right-radius: var(--es-radius-lg);
@@ -11217,9 +11295,9 @@ input[data-rac]::-webkit-search-cancel-button {
   border-top-right-radius: var(--es-radius-xl);
 }
 
-:where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"]) + :is(:is(body, body #wpwrap) .es\:after-current\:rounded-r-xl) {
-  border-top-right-radius: var(--es-radius-xl);
-  border-bottom-right-radius: var(--es-radius-xl);
+:where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"]) + :is(:is(body, body #wpwrap) .es\:after-current\:rounded-l-2xl) {
+  border-top-left-radius: var(--es-radius-2xl);
+  border-bottom-left-radius: var(--es-radius-2xl);
 }
 
 :is(body, body #wpwrap) .es\:before-selected\:rounded-b-md:has( + :where([data-selected="true"])) {
@@ -11302,6 +11380,10 @@ input[data-rac]::-webkit-search-cancel-button {
   border-bottom-left-radius: var(--es-radius-2xl);
 }
 
+:is(body, body #wpwrap):has(.es\:css-reset) {
+  background-color: var(--es-color-white) !important;
+}
+
 @layer base {
   @property --motion-bounce {
     syntax: "*"; inherits: false; initial-value: linear(0, .004, .016, .035, .063, .098, .141 13.6%, .25, .391, .563, .765, 1, .891 40.9%, .848, .813, .785, .766, .754, .75, .754, .766, .785, .813, .848, .891 68.2%, 1 72.7%, .973, .953, .941, .938, .941, .953, .973, 1, .988, .984, .988, 1) ;

package/dist/assets/style-editor.css

@@ -1759,8 +1759,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin-right: calc(var(--es-spacing) * 1.25);
 }
 
-:is(body, #wpwrap #editor) .es\:mr-4\.25 {
-  margin-right: calc(var(--es-spacing) * 4.25);
+:is(body, #wpwrap #editor) .es\:mr-1\.75 {
+  margin-right: calc(var(--es-spacing) * 1.75);
 }
 
 :is(body, #wpwrap #editor) .es\:mr-auto {
@@ -1803,8 +1803,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin-left: calc(var(--es-spacing) * 1.25);
 }
 
-:is(body, #wpwrap #editor) .es\:ml-4\.25 {
-  margin-left: calc(var(--es-spacing) * 4.25);
+:is(body, #wpwrap #editor) .es\:ml-1\.75 {
+  margin-left: calc(var(--es-spacing) * 1.75);
 }
 
 :is(body, #wpwrap #editor) .es\:ml-auto {
@@ -2389,11 +2389,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   transform-origin: top;
 }
 
-:is(body, #wpwrap #editor) .es\:-translate-x-0\.25 {
-  --tw-translate-x: calc(var(--es-spacing) * -.25);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
-
 :is(body, #wpwrap #editor) .es\:-translate-x-1 {
   --tw-translate-x: calc(var(--es-spacing) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2414,13 +2409,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
-:is(body, #wpwrap #editor) .es\:translate-x-0 {
-  --tw-translate-x: calc(var(--es-spacing) * 0);
+:is(body, #wpwrap #editor) .es\:-translate-x-px {
+  --tw-translate-x: -1px;
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
-:is(body, #wpwrap #editor) .es\:translate-x-0\.25 {
-  --tw-translate-x: calc(var(--es-spacing) * .25);
+:is(body, #wpwrap #editor) .es\:translate-x-0 {
+  --tw-translate-x: calc(var(--es-spacing) * 0);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
@@ -2449,6 +2444,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
+:is(body, #wpwrap #editor) .es\:translate-x-px {
+  --tw-translate-x: 1px;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 :is(body, #wpwrap #editor) .es\:-translate-y-1\/2 {
   --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3070,6 +3070,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   justify-self: flex-end;
 }
 
+:is(body, #wpwrap #editor) .es\:justify-self-start {
+  justify-self: flex-start;
+}
+
 :is(body, #wpwrap #editor) .es\:overflow-clip {
   overflow: clip;
 }
@@ -5860,11 +5864,21 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   line-height: var(--tw-leading, var(--es-text-12--line-height));
 }
 
+:is(body, #wpwrap #editor) .es\:text-12\! {
+  font-size: var(--es-text-12) !important;
+  line-height: var(--tw-leading, var(--es-text-12--line-height)) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:text-13 {
   font-size: var(--es-text-13);
   line-height: var(--tw-leading, var(--es-text-13--line-height));
 }
 
+:is(body, #wpwrap #editor) .es\:text-13\! {
+  font-size: var(--es-text-13) !important;
+  line-height: var(--tw-leading, var(--es-text-13--line-height)) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:text-14 {
   font-size: var(--es-text-14);
   line-height: var(--tw-leading, var(--es-text-14--line-height));
@@ -6318,6 +6332,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
+:is(body, #wpwrap #editor) .es\:shadow-xs\! {
+  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:ring, :is(body, #wpwrap #editor) .es\:ring-1 {
   --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -6343,6 +6362,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
+:is(body, #wpwrap #editor) .es\:inset-ring\! {
+  --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:shadow-accent-600\/25 {
   --tw-shadow-color: var(--es-color-accent-600);
 }
@@ -7223,6 +7247,18 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:outline-hidden\! {
+  --tw-outline-style: none !important;
+  outline-style: none !important;
+}
+
+@media (forced-colors: active) {
+  :is(body, #wpwrap #editor) .es\:outline-hidden\! {
+    outline-offset: 2px !important;
+    outline: 2px solid #0000 !important;
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:outline {
   outline-style: var(--tw-outline-style);
   outline-width: 1px;
@@ -8365,11 +8401,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-bottom-left-radius: var(--es-radius-2xl);
 }
 
-:is(body, #wpwrap #editor) .es\:first\:rounded-l-xl:first-child {
-  border-top-left-radius: var(--es-radius-xl);
-  border-bottom-left-radius: var(--es-radius-xl);
-}
-
 :is(body, #wpwrap #editor) .es\:first\:pt-2:first-child {
   padding-top: calc(var(--es-spacing) * 2);
 }
@@ -8383,11 +8414,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-bottom-right-radius: var(--es-radius-2xl);
 }
 
-:is(body, #wpwrap #editor) .es\:last\:rounded-r-xl:last-child {
-  border-top-right-radius: var(--es-radius-xl);
-  border-bottom-right-radius: var(--es-radius-xl);
-}
-
 :is(body, #wpwrap #editor) .es\:last\:rounded-b-2xl:last-child {
   border-bottom-right-radius: var(--es-radius-2xl);
   border-bottom-left-radius: var(--es-radius-2xl);
@@ -8465,6 +8491,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:hover\:rounded-18:where([data-rac])[data-hovered] {
+  border-radius: var(--es-radius-18);
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:rounded-18:where(:not([data-rac])):hover {
+    border-radius: var(--es-radius-18);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:hover\:rounded-lg:where([data-rac])[data-hovered] {
   border-radius: var(--es-radius-lg);
 }
@@ -11192,9 +11228,14 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-bottom-left-radius: var(--es-radius-20) !important;
 }
 
-:is(body, #wpwrap #editor) .es\:before-current\:rounded-l-xl:has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) {
-  border-top-left-radius: var(--es-radius-xl);
-  border-bottom-left-radius: var(--es-radius-xl);
+:is(body, #wpwrap #editor) .es\:before-current\:rounded-r-2xl:has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) {
+  border-top-right-radius: var(--es-radius-2xl);
+  border-bottom-right-radius: var(--es-radius-2xl);
+}
+
+:is(body, #wpwrap #editor) .es\:before-current\:rounded-b-2xl:has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) {
+  border-bottom-right-radius: var(--es-radius-2xl);
+  border-bottom-left-radius: var(--es-radius-2xl);
 }
 
 :is(body, #wpwrap #editor) .es\:before-current\:rounded-b-lg:has( + :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"])) {
@@ -11207,6 +11248,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-bottom-left-radius: var(--es-radius-xl);
 }
 
+:where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"]) + :is(:is(body, #wpwrap #editor) .es\:after-current\:rounded-t-2xl) {
+  border-top-left-radius: var(--es-radius-2xl);
+  border-top-right-radius: var(--es-radius-2xl);
+}
+
 :where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"]) + :is(:is(body, #wpwrap #editor) .es\:after-current\:rounded-t-lg) {
   border-top-left-radius: var(--es-radius-lg);
   border-top-right-radius: var(--es-radius-lg);
@@ -11217,9 +11263,9 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-top-right-radius: var(--es-radius-xl);
 }
 
-:where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"]) + :is(:is(body, #wpwrap #editor) .es\:after-current\:rounded-r-xl) {
-  border-top-right-radius: var(--es-radius-xl);
-  border-bottom-right-radius: var(--es-radius-xl);
+:where(:pressed, :active, [data-selected="true"], [data-focus-visible="true"], [data-hovered="true"], [aria-expanded="true"], [data-expanded="true"]) + :is(:is(body, #wpwrap #editor) .es\:after-current\:rounded-l-2xl) {
+  border-top-left-radius: var(--es-radius-2xl);
+  border-bottom-left-radius: var(--es-radius-2xl);
 }
 
 :is(body, #wpwrap #editor) .es\:before-selected\:rounded-b-md:has( + :where([data-selected="true"])) {