@eightshift/ui-components 6.0.9 → 6.0.11

package/dist/assets/style-admin.css

@@ -455,6 +455,7 @@
   --es-color-black: #000;
   --es-color-white: #fff;
   --es-spacing: .25rem;
+  --es-container-xs: 20rem;
   --es-container-lg: 32rem;
   --es-container-2xl: 42rem;
   --es-container-4xl: 56rem;
@@ -1503,6 +1504,10 @@ input[data-rac]::-webkit-search-cancel-button {
   top: var(--es-spacing-3_25);
 }
 
+:is(body, body #wpwrap) .es\:top-4 {
+  top: calc(var(--es-spacing) * 4);
+}
+
 :is(body, body #wpwrap) .es\:top-5 {
   top: calc(var(--es-spacing) * 5);
 }
@@ -1531,6 +1536,10 @@ input[data-rac]::-webkit-search-cancel-button {
   right: calc(var(--es-spacing) * 3);
 }
 
+:is(body, body #wpwrap) .es\:right-4 {
+  right: calc(var(--es-spacing) * 4);
+}
+
 :is(body, body #wpwrap) .es\:right-6 {
   right: calc(var(--es-spacing) * 6);
 }
@@ -1663,10 +1672,6 @@ input[data-rac]::-webkit-search-cancel-button {
   margin: calc(var(--es-spacing) * 1.5);
 }
 
-:is(body, body #wpwrap) .es\:m-5 {
-  margin: calc(var(--es-spacing) * 5);
-}
-
 :is(body, body #wpwrap) .es\:m-auto {
   margin: auto;
 }
@@ -1727,10 +1732,6 @@ input[data-rac]::-webkit-search-cancel-button {
   margin-block: calc(var(--es-spacing) * 2);
 }
 
-:is(body, body #wpwrap) .es\:my-5 {
-  margin-block: calc(var(--es-spacing) * 5);
-}
-
 :is(body, body #wpwrap) .es\:my-auto {
   margin-block: auto;
 }
@@ -1779,6 +1780,10 @@ input[data-rac]::-webkit-search-cancel-button {
   margin-top: calc(var(--es-spacing) * 5);
 }
 
+:is(body, body #wpwrap) .es\:mt-auto {
+  margin-top: auto;
+}
+
 :is(body, body #wpwrap) .es\:mr-0\.5 {
   margin-right: calc(var(--es-spacing) * .5);
 }
@@ -2179,10 +2184,6 @@ input[data-rac]::-webkit-search-cancel-button {
   min-height: 100%;
 }
 
-:is(body, body #wpwrap) .es\:min-h-screen {
-  min-height: 100vh;
-}
-
 :is(body, body #wpwrap) .es\:w-fill {
   width: -moz-available;
   width: -webkit-fill-available;
@@ -2297,6 +2298,10 @@ input[data-rac]::-webkit-search-cancel-button {
   width: 1px;
 }
 
+:is(body, body #wpwrap) .es\:w-xs {
+  width: var(--es-container-xs);
+}
+
 :is(body, body #wpwrap) .es\:max-w-2xl {
   max-width: var(--es-container-2xl);
 }
@@ -3117,8 +3122,8 @@ input[data-rac]::-webkit-search-cancel-button {
   overflow-y: visible;
 }
 
-:is(body, body #wpwrap) .es\:overscroll-contain {
-  overscroll-behavior: contain;
+:is(body, body #wpwrap) .es\:overscroll-none {
+  overscroll-behavior: none;
 }
 
 :is(body, body #wpwrap) .es\:rounded {

package/dist/assets/style-editor.css

@@ -455,6 +455,7 @@
   --es-color-black: #000;
   --es-color-white: #fff;
   --es-spacing: .25rem;
+  --es-container-xs: 20rem;
   --es-container-lg: 32rem;
   --es-container-2xl: 42rem;
   --es-container-4xl: 56rem;
@@ -1471,6 +1472,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   top: var(--es-spacing-3_25);
 }
 
+:is(body, #wpwrap #editor) .es\:top-4 {
+  top: calc(var(--es-spacing) * 4);
+}
+
 :is(body, #wpwrap #editor) .es\:top-5 {
   top: calc(var(--es-spacing) * 5);
 }
@@ -1499,6 +1504,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   right: calc(var(--es-spacing) * 3);
 }
 
+:is(body, #wpwrap #editor) .es\:right-4 {
+  right: calc(var(--es-spacing) * 4);
+}
+
 :is(body, #wpwrap #editor) .es\:right-6 {
   right: calc(var(--es-spacing) * 6);
 }
@@ -1631,10 +1640,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin: calc(var(--es-spacing) * 1.5);
 }
 
-:is(body, #wpwrap #editor) .es\:m-5 {
-  margin: calc(var(--es-spacing) * 5);
-}
-
 :is(body, #wpwrap #editor) .es\:m-auto {
   margin: auto;
 }
@@ -1695,10 +1700,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin-block: calc(var(--es-spacing) * 2);
 }
 
-:is(body, #wpwrap #editor) .es\:my-5 {
-  margin-block: calc(var(--es-spacing) * 5);
-}
-
 :is(body, #wpwrap #editor) .es\:my-auto {
   margin-block: auto;
 }
@@ -1747,6 +1748,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   margin-top: calc(var(--es-spacing) * 5);
 }
 
+:is(body, #wpwrap #editor) .es\:mt-auto {
+  margin-top: auto;
+}
+
 :is(body, #wpwrap #editor) .es\:mr-0\.5 {
   margin-right: calc(var(--es-spacing) * .5);
 }
@@ -2147,10 +2152,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   min-height: 100%;
 }
 
-:is(body, #wpwrap #editor) .es\:min-h-screen {
-  min-height: 100vh;
-}
-
 :is(body, #wpwrap #editor) .es\:w-fill {
   width: -moz-available;
   width: -webkit-fill-available;
@@ -2265,6 +2266,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   width: 1px;
 }
 
+:is(body, #wpwrap #editor) .es\:w-xs {
+  width: var(--es-container-xs);
+}
+
 :is(body, #wpwrap #editor) .es\:max-w-2xl {
   max-width: var(--es-container-2xl);
 }
@@ -3085,8 +3090,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   overflow-y: visible;
 }
 
-:is(body, #wpwrap #editor) .es\:overscroll-contain {
-  overscroll-behavior: contain;
+:is(body, #wpwrap #editor) .es\:overscroll-none {
+  overscroll-behavior: none;
 }
 
 :is(body, #wpwrap #editor) .es\:rounded {

package/dist/assets/style.css

@@ -455,6 +455,7 @@
   --es-color-black: #000;
   --es-color-white: #fff;
   --es-spacing: .25rem;
+  --es-container-xs: 20rem;
   --es-container-lg: 32rem;
   --es-container-2xl: 42rem;
   --es-container-4xl: 56rem;
@@ -1956,6 +1957,10 @@ input[data-rac]::-webkit-search-cancel-button {
     top: var(--es-spacing-3_25);
   }
 
+  .es\:top-4 {
+    top: calc(var(--es-spacing) * 4);
+  }
+
   .es\:top-5 {
     top: calc(var(--es-spacing) * 5);
   }
@@ -1984,6 +1989,10 @@ input[data-rac]::-webkit-search-cancel-button {
     right: calc(var(--es-spacing) * 3);
   }
 
+  .es\:right-4 {
+    right: calc(var(--es-spacing) * 4);
+  }
+
   .es\:right-6 {
     right: calc(var(--es-spacing) * 6);
   }
@@ -2116,10 +2125,6 @@ input[data-rac]::-webkit-search-cancel-button {
     margin: calc(var(--es-spacing) * 1.5);
   }
 
-  .es\:m-5 {
-    margin: calc(var(--es-spacing) * 5);
-  }
-
   .es\:m-auto {
     margin: auto;
   }
@@ -2180,10 +2185,6 @@ input[data-rac]::-webkit-search-cancel-button {
     margin-block: calc(var(--es-spacing) * 2);
   }
 
-  .es\:my-5 {
-    margin-block: calc(var(--es-spacing) * 5);
-  }
-
   .es\:my-auto {
     margin-block: auto;
   }
@@ -2232,6 +2233,10 @@ input[data-rac]::-webkit-search-cancel-button {
     margin-top: calc(var(--es-spacing) * 5);
   }
 
+  .es\:mt-auto {
+    margin-top: auto;
+  }
+
   .es\:mr-0\.5 {
     margin-right: calc(var(--es-spacing) * .5);
   }
@@ -2632,10 +2637,6 @@ input[data-rac]::-webkit-search-cancel-button {
     min-height: 100%;
   }
 
-  .es\:min-h-screen {
-    min-height: 100vh;
-  }
-
   .es\:w-fill {
     width: -moz-available;
     width: -webkit-fill-available;
@@ -2750,6 +2751,10 @@ input[data-rac]::-webkit-search-cancel-button {
     width: 1px;
   }
 
+  .es\:w-xs {
+    width: var(--es-container-xs);
+  }
+
   .es\:max-w-2xl {
     max-width: var(--es-container-2xl);
   }
@@ -3570,8 +3575,8 @@ input[data-rac]::-webkit-search-cancel-button {
     overflow-y: visible;
   }
 
-  .es\:overscroll-contain {
-    overscroll-behavior: contain;
+  .es\:overscroll-none {
+    overscroll-behavior: none;
   }
 
   .es\:rounded {