@bigbinary/neeto-themes-frontend 4.2.1 → 4.2.2

package/app/javascript/src/translations/en.json

@@ -111,7 +111,7 @@
             "title": "Logo position",
             "belowLeft": "Below the cover image",
             "belowLeftDescription": "Logo appears left-aligned below the cover image.",
-            "overLeft": "Overlapping with the cover image",
+            "overLeft": "Over the cover image",
             "overLeftDescription": "Logo overlaps partially with the cover image."
           },
           "themeCloned": "Theme has been cloned successfully.",

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-10-31T19:43:00.227Z
+Built at 2026-11-02T07:56:31.873Z

package/dist/NeetoThemesBuilder.js

@@ -7,7 +7,7 @@ import { useTranslation, Trans } from 'react-i18next';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import Toastr from '@bigbinary/neetoui/Toastr';
-import { n, u as useShowGlobalTheme, a as useFetchTheme, b as useCreateTheme, c as useUpdateTheme, d as routes, e as useCloneTheme, f as useApplyTheme, g as useListThemes, h as useShowThemeEntity, i as useDeleteTheme, r as registerNeetoThemesTranslations } from './useGlobalThemesApi-B1xhx83z.js';
+import { n, u as useShowGlobalTheme, a as useFetchTheme, b as useCreateTheme, c as useUpdateTheme, d as routes, e as useCloneTheme, f as useApplyTheme, g as useListThemes, h as useShowThemeEntity, i as useDeleteTheme, r as registerNeetoThemesTranslations } from './useGlobalThemesApi-C-jx4UaU.js';
 import { a as useExpandedSection, b as useConfigStore, c as useThemeStore, u as useThemeUtils, P as POSITION_OPTIONS, H as HUNDRED, O as OVERLAY_OPACITY_SLIDER_MARKS, F as FONT_OPTIONS, d as useSyncExpandedSectionFromUrl, T as THEME_VALIDATION_SCHEMA, A as APPLY_SPINNER_DELAY } from './useExpandedSection-MjgB7rh6.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classnames from 'classnames';

package/dist/cjs/NeetoThemesBuilder.js

@@ -9,7 +9,7 @@ var reactI18next = require('react-i18next');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var Toastr = require('@bigbinary/neetoui/Toastr');
-var useGlobalThemesApi = require('../useGlobalThemesApi-Coy_QCaR.js');
+var useGlobalThemesApi = require('../useGlobalThemesApi-BUWGKtCL.js');
 var useExpandedSection = require('../useExpandedSection-BTBI4UqP.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var classnames = require('classnames');

package/dist/cjs/index.js

@@ -2,7 +2,7 @@
 
 var NeetoThemesBuilder = require('./NeetoThemesBuilder.js');
 var useExpandedSection = require('../useExpandedSection-BTBI4UqP.js');
-var useGlobalThemesApi = require('../useGlobalThemesApi-Coy_QCaR.js');
+var useGlobalThemesApi = require('../useGlobalThemesApi-BUWGKtCL.js');
 var utils = require('../index-CZdpMMBb.js');
 require('zustand/shallow');
 require('react');

package/dist/cjs/v2/NeetoThemesBuilder.js

@@ -6,7 +6,7 @@ var neetoAtoms = require('@bigbinary/neeto-atoms');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils$1 = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 var reactI18next = require('react-i18next');
-var useGlobalThemesApi = require('../../useGlobalThemesApi-Coy_QCaR.js');
+var useGlobalThemesApi = require('../../useGlobalThemesApi-BUWGKtCL.js');
 var useExpandedSection = require('../../useExpandedSection-BTBI4UqP.js');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
@@ -505,6 +505,7 @@ var CustomCSS = function CustomCSS(_ref) {
 var LogoPosition = function LogoPosition() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var labelId = react.useId();
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values;
   var index = neetoCist.findIndexBy({
@@ -512,58 +513,61 @@ var LogoPosition = function LogoPosition() {
   }, values.properties);
   // Do not show this field if the logo_position property is not present.
   if (index === -1) return null;
-  return /*#__PURE__*/jsxRuntime.jsxs(formik$1.RadioGroup, {
-    name: "properties[".concat(index, "].value"),
-    orientation: "vertical",
-    label: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
       asChild: true,
       className: "my-3",
       variant: "body2",
       weight: "semibold",
       children: /*#__PURE__*/jsxRuntime.jsx("span", {
+        id: labelId,
         children: t("neetoThemes.build.leftSideBar.themes.logoPosition.title")
       })
-    }),
-    children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.RadioGroup.Item, {
-      value: "over_left",
-      label: /*#__PURE__*/jsxRuntime.jsxs("span", {
-        className: "flex flex-col gap-1",
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          asChild: true,
-          variant: "body2",
-          weight: "semibold",
-          children: /*#__PURE__*/jsxRuntime.jsx("span", {
-            children: t("neetoThemes.build.leftSideBar.themes.logoPosition.overLeft")
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(formik$1.RadioGroup, {
+      "aria-labelledby": labelId,
+      className: "border-border !gap-0 overflow-hidden rounded-lg border",
+      name: "properties[".concat(index, "].value"),
+      orientation: "vertical",
+      children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.RadioGroup.Item, {
+        className: "p-3",
+        value: "over_left",
+        helpText: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           asChild: true,
           variant: "body3",
           weight: "normal",
           children: /*#__PURE__*/jsxRuntime.jsx("span", {
             children: t("neetoThemes.build.leftSideBar.themes.logoPosition.overLeftDescription")
           })
-        })]
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(formik$1.RadioGroup.Item, {
-      value: "below_left",
-      label: /*#__PURE__*/jsxRuntime.jsxs("span", {
-        className: "flex flex-col gap-1",
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        }),
+        label: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           asChild: true,
           variant: "body2",
           weight: "semibold",
           children: /*#__PURE__*/jsxRuntime.jsx("span", {
-            children: t("neetoThemes.build.leftSideBar.themes.logoPosition.belowLeft")
+            children: t("neetoThemes.build.leftSideBar.themes.logoPosition.overLeft")
           })
-        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(formik$1.RadioGroup.Item, {
+        className: "border-border border-t p-3",
+        value: "below_left",
+        helpText: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           asChild: true,
           variant: "body3",
           weight: "normal",
           children: /*#__PURE__*/jsxRuntime.jsx("span", {
             children: t("neetoThemes.build.leftSideBar.themes.logoPosition.belowLeftDescription")
           })
-        })]
-      })
+        }),
+        label: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          asChild: true,
+          variant: "body2",
+          weight: "semibold",
+          children: /*#__PURE__*/jsxRuntime.jsx("span", {
+            children: t("neetoThemes.build.leftSideBar.themes.logoPosition.belowLeft")
+          })
+        })
+      })]
     })]
   });
 };