@eightshift/ui-components 6.0.3 → 6.0.5

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);
@@ -2464,6 +2496,11 @@ input[data-rac]::-webkit-search-cancel-button {
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
+:is(body, body #wpwrap) .es\:-translate-y-4 {
+  --tw-translate-y: calc(var(--es-spacing) * -4);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 :is(body, body #wpwrap) .es\:translate-y-0 {
   --tw-translate-y: calc(var(--es-spacing) * 0);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2734,10 +2771,6 @@ input[data-rac]::-webkit-search-cancel-button {
   cursor: not-allowed;
 }
 
-:is(body, body #wpwrap) .es\:cursor-pointer {
-  cursor: pointer;
-}
-
 :is(body, body #wpwrap) .es\:cursor-wait {
   cursor: wait;
 }
@@ -3070,6 +3103,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 +5897,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 +6365,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 +6395,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 +7280,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;
@@ -7796,10 +7865,6 @@ input[data-rac]::-webkit-search-cancel-button {
   border-bottom-left-radius: var(--es-radius-md);
 }
 
-:is(body, body #wpwrap) .es\:not-disabled\:cursor-pointer:not(:is(:disabled, [data-rac][data-disabled])) {
-  cursor: pointer;
-}
-
 :is(body, body #wpwrap) .es\:not-has-any-icon\:aspect-5\/3:not(:has(* svg)) {
   aspect-ratio: 5 / 3;
 }
@@ -8365,11 +8430,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 +8443,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 +8520,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 +11257,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 +11277,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 +11292,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 +11377,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);
@@ -2464,6 +2464,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-y-4 {
+  --tw-translate-y: calc(var(--es-spacing) * -4);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 :is(body, #wpwrap #editor) .es\:translate-y-0 {
   --tw-translate-y: calc(var(--es-spacing) * 0);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2734,10 +2739,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   cursor: not-allowed;
 }
 
-:is(body, #wpwrap #editor) .es\:cursor-pointer {
-  cursor: pointer;
-}
-
 :is(body, #wpwrap #editor) .es\:cursor-wait {
   cursor: wait;
 }
@@ -3070,6 +3071,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 +5865,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 +6333,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 +6363,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 +7248,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;
@@ -7796,10 +7833,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-bottom-left-radius: var(--es-radius-md);
 }
 
-:is(body, #wpwrap #editor) .es\:not-disabled\:cursor-pointer:not(:is(:disabled, [data-rac][data-disabled])) {
-  cursor: pointer;
-}
-
 :is(body, #wpwrap #editor) .es\:not-has-any-icon\:aspect-5\/3:not(:has(* svg)) {
   aspect-ratio: 5 / 3;
 }
@@ -8365,11 +8398,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 +8411,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 +8488,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 +11225,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 +11245,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 +11260,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"])) {