@bigbinary/neeto-themes-frontend 4.0.32 → 4.0.34

package/dist/cjs/v2/NeetoThemesBuilder.js

@@ -1818,9 +1818,8 @@ var Card = function Card(_ref) {
         }) : /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "absolute start-0 top-0 z-10 flex h-full w-full items-center justify-center px-3 pb-3 pt-3",
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: classnames("-translate-y-9 flex w-full items-center justify-between gap-2", {
-              hidden: !isPreviewing,
-              "group-hover:flex": true
+            className: classnames("-translate-y-9 flex w-full items-center justify-between gap-2 transition-all duration-300 ease-in-out", {
+              "pointer-events-none opacity-0 group-hover:pointer-events-auto! group-hover:opacity-100! group-focus-within:pointer-events-auto! group-focus-within:opacity-100!": !isPreviewing
             }),
             children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
               "data-testid": "preview-theme-button",
@@ -1829,13 +1828,13 @@ var Card = function Card(_ref) {
               variant: "secondary",
               className: classnames({
                 "neeto-themes-theme-thumbnail__preview-btn--disabled opacity-100": isPreviewing,
-                "neeto-themes-theme-thumbnail__preview-btn w-[8.125rem] max-w-full shrink-0 justify-center": true
+                "neeto-themes-theme-thumbnail__preview-btn hover:bg-secondary! w-[8.125rem] max-w-full min-w-0 shrink justify-center": true
               }),
               onClick: function onClick() {
                 return onSetPreviewTheme(theme);
               }
             }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
-              className: "neeto-themes-theme-thumbnail__apply-btn w-[8.125rem] max-w-full shrink-0 justify-center disabled:opacity-100!",
+              className: "neeto-themes-theme-thumbnail__apply-btn hover:bg-primary! w-[8.125rem] max-w-full min-w-0 shrink justify-center disabled:opacity-100!",
               "data-testid": "apply-theme-button",
               disabled: isApplyingTheme,
               label: t("neetoThemes.common.useTheme"),
@@ -2243,9 +2242,9 @@ var Sidebar = function Sidebar(_ref) {
     isSize = _useBreakpoints.isSize;
   var isLargerScreen = !isSize("mobile");
   var _useState9 = react.useState(!isLargerScreen),
-    _useState10 = _slicedToArray(_useState9, 2),
-    isThemesSidebarCollapsed = _useState10[0],
-    setIsThemesSidebarCollapsed = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    isThemesSidebarCollapsed = _useState0[0],
+    setIsThemesSidebarCollapsed = _useState0[1];
   var history = reactRouterDom.useHistory();
   react.useEffect(function () {
     setIsThemesSidebarCollapsed(!isLargerScreen);
@@ -2318,10 +2317,10 @@ var Sidebar = function Sidebar(_ref) {
   var themeToDelete = react.useRef(null);
   var themeToEdit = react.useRef(null);
   var isCustomCssScreen = isScreenCustomCSS(currentScreen);
-  var _useState11 = react.useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    isSearchVisible = _useState12[0],
-    setIsSearchVisible = _useState12[1];
+  var _useState1 = react.useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    isSearchVisible = _useState10[0],
+    setIsSearchVisible = _useState10[1];
   var handleToggleSearch = function handleToggleSearch() {
     setIsSearchVisible(function (prev) {
       var next = !prev;