@eightshift/ui-components 5.3.1 → 5.3.3

package/dist/assets/style-admin.css

@@ -2182,6 +2182,16 @@
   border-color: var(--es-color-accent-500) !important;
 }
 
+:is(body, body #wpwrap) .es\:border-accent-500\/0 {
+  border-color: var(--es-color-accent-500);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:border-accent-500\/0 {
+    border-color: color-mix(in oklab, var(--es-color-accent-500) 0%, transparent);
+  }
+}
+
 :is(body, body #wpwrap) .es\:border-accent-500\/10 {
   border-color: var(--es-color-accent-500);
 }
@@ -2394,7 +2404,7 @@
   }
 }
 
-:is(body, body #wpwrap) .es\:bg-accent-600, :is(body, body #wpwrap) .es\:bg-accent-600\/15 {
+:is(body, body #wpwrap) .es\:bg-accent-600\/15 {
   background-color: var(--es-color-accent-600);
 }
 
@@ -3616,16 +3626,6 @@
   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-accent-500\/25 {
-  --tw-shadow-color: var(--es-color-accent-500);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, body #wpwrap) .es\:shadow-accent-500\/25 {
-    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
-  }
-}
-
 :is(body, body #wpwrap) .es\:shadow-accent-500\/30 {
   --tw-shadow-color: var(--es-color-accent-500);
 }
@@ -3770,6 +3770,16 @@
   --tw-ring-color: var(--es-color-black);
 }
 
+:is(body, body #wpwrap) .es\:inset-shadow-accent-400\/0 {
+  --tw-inset-shadow-color: var(--es-color-accent-400);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:inset-shadow-accent-400\/0 {
+    --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-400) 0%, transparent) var(--tw-inset-shadow-alpha), transparent);
+  }
+}
+
 :is(body, body #wpwrap) .es\:inset-shadow-accent-400\/75 {
   --tw-inset-shadow-color: var(--es-color-accent-400);
 }
@@ -3814,10 +3824,16 @@
   --tw-inset-ring-color: var(--es-color-accent-500);
 }
 
-:is(body, body #wpwrap) .es\:inset-ring-accent-600 {
+:is(body, body #wpwrap) .es\:inset-ring-accent-600, :is(body, body #wpwrap) .es\:inset-ring-accent-600\/0 {
   --tw-inset-ring-color: var(--es-color-accent-600);
 }
 
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:inset-ring-accent-600\/0 {
+    --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-600) 0%, transparent);
+  }
+}
+
 :is(body, body #wpwrap) .es\:inset-ring-blue-100 {
   --tw-inset-ring-color: var(--es-color-blue-100);
 }
@@ -4092,16 +4108,6 @@
   user-select: none;
 }
 
-:is(body, body #wpwrap) .es\:accent-text-shadow {
-  text-shadow: 0 1px 0 var(--es-color-accent-900);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, body #wpwrap) .es\:accent-text-shadow {
-    text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
-  }
-}
-
 :is(body, body #wpwrap) .es\:motion-delay-300\/blur {
   --motion-filter-delay: .3s;
 }
@@ -4130,8 +4136,8 @@
   --motion-duration: 1.5s;
 }
 
-:is(body, body #wpwrap) .es\:motion-duration-1750 {
-  --motion-duration: 1.75s;
+:is(body, body #wpwrap) .es\:motion-duration-2000 {
+  --motion-duration: 2s;
 }
 
 :is(body, body #wpwrap) .es\:no-webkit-highlight {
@@ -4769,6 +4775,28 @@
   }
 }
 
+:is(body, body #wpwrap) .es\:hover\:bg-accent-500\/10:where([data-rac])[data-hovered] {
+  background-color: var(--es-color-accent-500);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, body #wpwrap) .es\:hover\:bg-accent-500\/10:where([data-rac])[data-hovered] {
+    background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
+  }
+}
+
+@media (hover: hover) {
+  :is(body, body #wpwrap) .es\:hover\:bg-accent-500\/10:where(:not([data-rac])):hover {
+    background-color: var(--es-color-accent-500);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, body #wpwrap) .es\:hover\:bg-accent-500\/10:where(:not([data-rac])):hover {
+      background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
+    }
+  }
+}
+
 :is(body, body #wpwrap) .es\:hover\:bg-red-50:where([data-rac])[data-hovered] {
   background-color: var(--es-color-red-50);
 }
@@ -4921,6 +4949,16 @@
   }
 }
 
+:is(body, body #wpwrap) .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
+  color: var(--es-color-accent-700);
+}
+
+@media (hover: hover) {
+  :is(body, body #wpwrap) .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
+    color: var(--es-color-accent-700);
+  }
+}
+
 :is(body, body #wpwrap) .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
   color: var(--es-color-accent-900);
 }
@@ -4971,28 +5009,6 @@
   }
 }
 
-:is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
-  --tw-shadow-color: var(--es-color-accent-600);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
-    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
-  }
-}
-
-@media (hover: hover) {
-  :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
-    --tw-shadow-color: var(--es-color-accent-600);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    :is(body, body #wpwrap) .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
-    }
-  }
-}
-
 :is(body, body #wpwrap) .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
   --tw-inset-shadow-color: var(--es-color-red-100);
 }
@@ -5499,6 +5515,10 @@
   color: var(--es-color-accent-500);
 }
 
+:is(body, body #wpwrap) .es\:active\:text-accent-950:where([data-rac])[data-active], :is(body, body #wpwrap) .es\:active\:text-accent-950:where(:not([data-rac])):active {
+  color: var(--es-color-accent-950);
+}
+
 :is(body, body #wpwrap) .es\:enabled\:not-pending\:cursor-pointer:enabled:not([data-pending]) {
   cursor: pointer;
 }
@@ -5634,10 +5654,6 @@
   border-color: var(--es-color-secondary-200);
 }
 
-:is(body, body #wpwrap) .es\:disabled\:border-secondary-300:is(:disabled, [data-rac][data-disabled]) {
-  border-color: var(--es-color-secondary-300);
-}
-
 :is(body, body #wpwrap) .es\:disabled\:border-transparent\!:is(:disabled, [data-rac][data-disabled]) {
   border-color: #0000 !important;
 }
@@ -6074,6 +6090,14 @@
   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\:pressed\:bg-accent-50[data-pressed] {
+  background-color: var(--es-color-accent-50);
+}
+
+:is(body, body #wpwrap) .es\:pressed\:text-accent-950[data-pressed] {
+  color: var(--es-color-accent-950);
+}
+
 :is(body, body #wpwrap) .es\:enabled\:pressed\:bg-accent-50:enabled[data-pressed] {
   background-color: var(--es-color-accent-50);
 }
@@ -6340,6 +6364,11 @@
   height: calc(var(--es-spacing) * 3);
 }
 
+:is(body, body #wpwrap) .es\:icon\:size-3\! > svg {
+  width: calc(var(--es-spacing) * 3) !important;
+  height: calc(var(--es-spacing) * 3) !important;
+}
+
 :is(body, body #wpwrap) .es\:icon\:size-3\.5 > svg {
   width: calc(var(--es-spacing) * 3.5);
   height: calc(var(--es-spacing) * 3.5);
@@ -6408,6 +6437,10 @@
   stroke-width: 2px;
 }
 
+:is(body, body #wpwrap) .es\:icon\:stroke-2\! > svg {
+  stroke-width: 2px !important;
+}
+
 :is(body, body #wpwrap) .es\:icon\:stroke-3 > svg {
   stroke-width: 3px;
 }

package/dist/assets/style-editor.css

@@ -2182,6 +2182,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-color: var(--es-color-accent-500) !important;
 }
 
+:is(body, #wpwrap #editor) .es\:border-accent-500\/0 {
+  border-color: var(--es-color-accent-500);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:border-accent-500\/0 {
+    border-color: color-mix(in oklab, var(--es-color-accent-500) 0%, transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:border-accent-500\/10 {
   border-color: var(--es-color-accent-500);
 }
@@ -2394,7 +2404,7 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
-:is(body, #wpwrap #editor) .es\:bg-accent-600, :is(body, #wpwrap #editor) .es\:bg-accent-600\/15 {
+:is(body, #wpwrap #editor) .es\:bg-accent-600\/15 {
   background-color: var(--es-color-accent-600);
 }
 
@@ -3616,16 +3626,6 @@ 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-accent-500\/25 {
-  --tw-shadow-color: var(--es-color-accent-500);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:shadow-accent-500\/25 {
-    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
-  }
-}
-
 :is(body, #wpwrap #editor) .es\:shadow-accent-500\/30 {
   --tw-shadow-color: var(--es-color-accent-500);
 }
@@ -3770,6 +3770,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --tw-ring-color: var(--es-color-black);
 }
 
+:is(body, #wpwrap #editor) .es\:inset-shadow-accent-400\/0 {
+  --tw-inset-shadow-color: var(--es-color-accent-400);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:inset-shadow-accent-400\/0 {
+    --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-400) 0%, transparent) var(--tw-inset-shadow-alpha), transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:inset-shadow-accent-400\/75 {
   --tw-inset-shadow-color: var(--es-color-accent-400);
 }
@@ -3814,10 +3824,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --tw-inset-ring-color: var(--es-color-accent-500);
 }
 
-:is(body, #wpwrap #editor) .es\:inset-ring-accent-600 {
+:is(body, #wpwrap #editor) .es\:inset-ring-accent-600, :is(body, #wpwrap #editor) .es\:inset-ring-accent-600\/0 {
   --tw-inset-ring-color: var(--es-color-accent-600);
 }
 
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:inset-ring-accent-600\/0 {
+    --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-600) 0%, transparent);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:inset-ring-blue-100 {
   --tw-inset-ring-color: var(--es-color-blue-100);
 }
@@ -4092,16 +4108,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   user-select: none;
 }
 
-:is(body, #wpwrap #editor) .es\:accent-text-shadow {
-  text-shadow: 0 1px 0 var(--es-color-accent-900);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:accent-text-shadow {
-    text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
-  }
-}
-
 :is(body, #wpwrap #editor) .es\:motion-delay-300\/blur {
   --motion-filter-delay: .3s;
 }
@@ -4130,8 +4136,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   --motion-duration: 1.5s;
 }
 
-:is(body, #wpwrap #editor) .es\:motion-duration-1750 {
-  --motion-duration: 1.75s;
+:is(body, #wpwrap #editor) .es\:motion-duration-2000 {
+  --motion-duration: 2s;
 }
 
 :is(body, #wpwrap #editor) .es\:no-webkit-highlight {
@@ -4769,6 +4775,28 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:hover\:bg-accent-500\/10:where([data-rac])[data-hovered] {
+  background-color: var(--es-color-accent-500);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :is(body, #wpwrap #editor) .es\:hover\:bg-accent-500\/10:where([data-rac])[data-hovered] {
+    background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
+  }
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:bg-accent-500\/10:where(:not([data-rac])):hover {
+    background-color: var(--es-color-accent-500);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(body, #wpwrap #editor) .es\:hover\:bg-accent-500\/10:where(:not([data-rac])):hover {
+      background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
+    }
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:hover\:bg-red-50:where([data-rac])[data-hovered] {
   background-color: var(--es-color-red-50);
 }
@@ -4921,6 +4949,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
+:is(body, #wpwrap #editor) .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
+  color: var(--es-color-accent-700);
+}
+
+@media (hover: hover) {
+  :is(body, #wpwrap #editor) .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
+    color: var(--es-color-accent-700);
+  }
+}
+
 :is(body, #wpwrap #editor) .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
   color: var(--es-color-accent-900);
 }
@@ -4971,28 +5009,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   }
 }
 
-:is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
-  --tw-shadow-color: var(--es-color-accent-600);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  :is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
-    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
-  }
-}
-
-@media (hover: hover) {
-  :is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
-    --tw-shadow-color: var(--es-color-accent-600);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    :is(body, #wpwrap #editor) .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
-    }
-  }
-}
-
 :is(body, #wpwrap #editor) .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
   --tw-inset-shadow-color: var(--es-color-red-100);
 }
@@ -5499,6 +5515,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   color: var(--es-color-accent-500);
 }
 
+:is(body, #wpwrap #editor) .es\:active\:text-accent-950:where([data-rac])[data-active], :is(body, #wpwrap #editor) .es\:active\:text-accent-950:where(:not([data-rac])):active {
+  color: var(--es-color-accent-950);
+}
+
 :is(body, #wpwrap #editor) .es\:enabled\:not-pending\:cursor-pointer:enabled:not([data-pending]) {
   cursor: pointer;
 }
@@ -5634,10 +5654,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-color: var(--es-color-secondary-200);
 }
 
-:is(body, #wpwrap #editor) .es\:disabled\:border-secondary-300:is(:disabled, [data-rac][data-disabled]) {
-  border-color: var(--es-color-secondary-300);
-}
-
 :is(body, #wpwrap #editor) .es\:disabled\:border-transparent\!:is(:disabled, [data-rac][data-disabled]) {
   border-color: #0000 !important;
 }
@@ -6074,6 +6090,14 @@ 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) !important;
 }
 
+:is(body, #wpwrap #editor) .es\:pressed\:bg-accent-50[data-pressed] {
+  background-color: var(--es-color-accent-50);
+}
+
+:is(body, #wpwrap #editor) .es\:pressed\:text-accent-950[data-pressed] {
+  color: var(--es-color-accent-950);
+}
+
 :is(body, #wpwrap #editor) .es\:enabled\:pressed\:bg-accent-50:enabled[data-pressed] {
   background-color: var(--es-color-accent-50);
 }
@@ -6340,6 +6364,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   height: calc(var(--es-spacing) * 3);
 }
 
+:is(body, #wpwrap #editor) .es\:icon\:size-3\! > svg {
+  width: calc(var(--es-spacing) * 3) !important;
+  height: calc(var(--es-spacing) * 3) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:icon\:size-3\.5 > svg {
   width: calc(var(--es-spacing) * 3.5);
   height: calc(var(--es-spacing) * 3.5);
@@ -6408,6 +6437,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   stroke-width: 2px;
 }
 
+:is(body, #wpwrap #editor) .es\:icon\:stroke-2\! > svg {
+  stroke-width: 2px !important;
+}
+
 :is(body, #wpwrap #editor) .es\:icon\:stroke-3 > svg {
   stroke-width: 3px;
 }

package/dist/assets/style.css

@@ -2667,6 +2667,16 @@
     border-color: var(--es-color-accent-500) !important;
   }
 
+  .es\:border-accent-500\/0 {
+    border-color: var(--es-color-accent-500);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:border-accent-500\/0 {
+      border-color: color-mix(in oklab, var(--es-color-accent-500) 0%, transparent);
+    }
+  }
+
   .es\:border-accent-500\/10 {
     border-color: var(--es-color-accent-500);
   }
@@ -2879,7 +2889,7 @@
     }
   }
 
-  .es\:bg-accent-600, .es\:bg-accent-600\/15 {
+  .es\:bg-accent-600\/15 {
     background-color: var(--es-color-accent-600);
   }
 
@@ -4101,16 +4111,6 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .es\:shadow-accent-500\/25 {
-    --tw-shadow-color: var(--es-color-accent-500);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .es\:shadow-accent-500\/25 {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
-    }
-  }
-
   .es\:shadow-accent-500\/30 {
     --tw-shadow-color: var(--es-color-accent-500);
   }
@@ -4255,6 +4255,16 @@
     --tw-ring-color: var(--es-color-black);
   }
 
+  .es\:inset-shadow-accent-400\/0 {
+    --tw-inset-shadow-color: var(--es-color-accent-400);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:inset-shadow-accent-400\/0 {
+      --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-400) 0%, transparent) var(--tw-inset-shadow-alpha), transparent);
+    }
+  }
+
   .es\:inset-shadow-accent-400\/75 {
     --tw-inset-shadow-color: var(--es-color-accent-400);
   }
@@ -4299,10 +4309,16 @@
     --tw-inset-ring-color: var(--es-color-accent-500);
   }
 
-  .es\:inset-ring-accent-600 {
+  .es\:inset-ring-accent-600, .es\:inset-ring-accent-600\/0 {
     --tw-inset-ring-color: var(--es-color-accent-600);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:inset-ring-accent-600\/0 {
+      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-accent-600) 0%, transparent);
+    }
+  }
+
   .es\:inset-ring-blue-100 {
     --tw-inset-ring-color: var(--es-color-blue-100);
   }
@@ -4577,16 +4593,6 @@
     user-select: none;
   }
 
-  .es\:accent-text-shadow {
-    text-shadow: 0 1px 0 var(--es-color-accent-900);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .es\:accent-text-shadow {
-      text-shadow: 0 1px 0 color-mix(in oklab, var(--es-color-accent-900) 25%, transparent);
-    }
-  }
-
   .es\:motion-delay-300\/blur {
     --motion-filter-delay: .3s;
   }
@@ -4615,8 +4621,8 @@
     --motion-duration: 1.5s;
   }
 
-  .es\:motion-duration-1750 {
-    --motion-duration: 1.75s;
+  .es\:motion-duration-2000 {
+    --motion-duration: 2s;
   }
 
   .es\:no-webkit-highlight {
@@ -5254,6 +5260,28 @@
     }
   }
 
+  .es\:hover\:bg-accent-500\/10:where([data-rac])[data-hovered] {
+    background-color: var(--es-color-accent-500);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:hover\:bg-accent-500\/10:where([data-rac])[data-hovered] {
+      background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
+    }
+  }
+
+  @media (hover: hover) {
+    .es\:hover\:bg-accent-500\/10:where(:not([data-rac])):hover {
+      background-color: var(--es-color-accent-500);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .es\:hover\:bg-accent-500\/10:where(:not([data-rac])):hover {
+        background-color: color-mix(in oklab, var(--es-color-accent-500) 10%, transparent);
+      }
+    }
+  }
+
   .es\:hover\:bg-red-50:where([data-rac])[data-hovered] {
     background-color: var(--es-color-red-50);
   }
@@ -5406,6 +5434,16 @@
     }
   }
 
+  .es\:hover\:text-accent-700:where([data-rac])[data-hovered] {
+    color: var(--es-color-accent-700);
+  }
+
+  @media (hover: hover) {
+    .es\:hover\:text-accent-700:where(:not([data-rac])):hover {
+      color: var(--es-color-accent-700);
+    }
+  }
+
   .es\:hover\:text-accent-900:where([data-rac])[data-hovered] {
     color: var(--es-color-accent-900);
   }
@@ -5456,28 +5494,6 @@
     }
   }
 
-  .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
-    --tw-shadow-color: var(--es-color-accent-600);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .es\:hover\:shadow-accent-600\/50:where([data-rac])[data-hovered] {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
-    }
-  }
-
-  @media (hover: hover) {
-    .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
-      --tw-shadow-color: var(--es-color-accent-600);
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      .es\:hover\:shadow-accent-600\/50:where(:not([data-rac])):hover {
-        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-accent-600) 50%, transparent) var(--tw-shadow-alpha), transparent);
-      }
-    }
-  }
-
   .es\:hover\:inset-shadow-red-100:where([data-rac])[data-hovered] {
     --tw-inset-shadow-color: var(--es-color-red-100);
   }
@@ -5984,6 +6000,10 @@
     color: var(--es-color-accent-500);
   }
 
+  .es\:active\:text-accent-950:where([data-rac])[data-active], .es\:active\:text-accent-950:where(:not([data-rac])):active {
+    color: var(--es-color-accent-950);
+  }
+
   .es\:enabled\:not-pending\:cursor-pointer:enabled:not([data-pending]) {
     cursor: pointer;
   }
@@ -6119,10 +6139,6 @@
     border-color: var(--es-color-secondary-200);
   }
 
-  .es\:disabled\:border-secondary-300:is(:disabled, [data-rac][data-disabled]) {
-    border-color: var(--es-color-secondary-300);
-  }
-
   .es\:disabled\:border-transparent\!:is(:disabled, [data-rac][data-disabled]) {
     border-color: #0000 !important;
   }
@@ -6559,6 +6575,14 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
 
+  .es\:pressed\:bg-accent-50[data-pressed] {
+    background-color: var(--es-color-accent-50);
+  }
+
+  .es\:pressed\:text-accent-950[data-pressed] {
+    color: var(--es-color-accent-950);
+  }
+
   .es\:enabled\:pressed\:bg-accent-50:enabled[data-pressed] {
     background-color: var(--es-color-accent-50);
   }
@@ -6825,6 +6849,11 @@
     height: calc(var(--es-spacing) * 3);
   }
 
+  .es\:icon\:size-3\! > svg {
+    width: calc(var(--es-spacing) * 3) !important;
+    height: calc(var(--es-spacing) * 3) !important;
+  }
+
   .es\:icon\:size-3\.5 > svg {
     width: calc(var(--es-spacing) * 3.5);
     height: calc(var(--es-spacing) * 3.5);
@@ -6893,6 +6922,10 @@
     stroke-width: 2px;
   }
 
+  .es\:icon\:stroke-2\! > svg {
+    stroke-width: 2px !important;
+  }
+
   .es\:icon\:stroke-3 > svg {
     stroke-width: 3px;
   }