@eightshift/ui-components 2.0.0 → 2.0.1

package/dist/assets/style.css

@@ -494,7 +494,7 @@
   --color-secondary-950: var(--es-color-gray-950);
 }
 
-.es\:no-tw-css-reset * {
+.es\:no-css-reset * {
   all: revert-layer;
 }
 
@@ -4104,10 +4104,6 @@
       background-color: var(--es-color-red-50);
     }
 
-    .es\:hover\:bg-red-500\/5:hover {
-      background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
-    }
-
     .es\:hover\:bg-red-500\/15:hover {
       background-color: color-mix(in oklab, var(--es-color-red-500) 15%, transparent);
     }
@@ -4180,7 +4176,11 @@
       }
     }
 
-    .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:disabled, [data-rac][data-disabled]):not([data-selected]):hover {
+    .es\:not-disabled\:hover\:bg-red-500\/5:not(:disabled, [data-rac][data-disabled]):hover {
+      background-color: color-mix(in oklab, var(--es-color-red-500) 5%, transparent);
+    }
+
+    .es\:not-disabled\:hover\:bg-secondary-100:not(:disabled, [data-rac][data-disabled]):hover, .es\:not-disabled\:not-selected\:hover\:bg-secondary-100:not(:disabled, [data-rac][data-disabled]):not([data-selected]):hover {
       background-color: var(--es-color-secondary-100);
     }
 

package/dist/components/button/button.js

@@ -150,7 +150,7 @@ const Button = (props) => {
       "es:btn-group-mid:rounded-none",
       "es:btn-group-h-start:rounded-r-none es:btn-group-v-start:rounded-b-none",
       "es:btn-group-h-end:rounded-l-none es:btn-group-v-end:rounded-t-none",
-      "es:cursor-pointer",
+      "es:not-disabled:cursor-pointer",
       "es:shrink-0",
       icon && children ? "es:justify-start" : "es:justify-center",
       className
@@ -163,13 +163,13 @@ const Button = (props) => {
           large: "es:icon:size-6 es:rounded-lg"
         },
         type: {
-          default: ["es:bg-radial-[at_50%_125%]", "es:inset-ring es:inset-shadow-xs"],
-          selected: ["es:bg-radial-[at_50%_125%]", "es:inset-ring es:inset-shadow-xs"],
-          danger: ["es:bg-radial-[at_50%_125%]", "es:inset-ring es:inset-shadow-xs"],
-          ghost: ["es:border-transparent es:text-secondary-700", "es:hover:bg-secondary-100", "es:disabled:border-transparent!"],
+          default: "es:bg-radial-[at_50%_125%] es:inset-ring es:inset-shadow-xs",
+          selected: "es:bg-radial-[at_50%_125%] es:inset-ring es:inset-shadow-xs",
+          danger: "es:bg-radial-[at_50%_125%] es:inset-ring es:inset-shadow-xs",
+          ghost: "es:border-transparent es:text-secondary-700 es:not-disabled:hover:bg-secondary-100 es:disabled:border-transparent!",
           dangerGhost: [
             "es:border-transparent es:text-red-600",
-            "es:hover:bg-red-500/5",
+            "es:not-disabled:hover:bg-red-500/5",
             "es:focus-visible:text-red-700",
             "es:focus-visible:ring-red-500/30 es:focus-visible:border-red-600 es:focus-visible:inset-ring-red-100",
             "es:disabled:border-transparent!"

package/dist/style-admin.js

@@ -0,0 +1 @@
+import './assets/style-admin.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eightshift/ui-components",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -23,6 +23,7 @@
     "./utilities": "./dist/utilities/index.js",
     "./dist/assets/style.css": "./dist/assets/style.css",
     "./dist/assets/style-editor.css": "./dist/assets/style-editor.css",
+    "./dist/assets/style-admin.css": "./dist/assets/style-admin.css",
     "./dist/assets/wp-font-enhancements.css": "./dist/assets/wp-font-enhancements.css",
     "./dist/assets/wp-ui-enhancements.css": "./dist/assets/wp-ui-enhancements.css",
     "./styles": "./dist/assets/style.css",