@mxenabled/connect-widget 2.17.6 → 2.17.7

package/dist/index.es.js

@@ -75899,8 +75899,8 @@ const TouchIndicator = ({
   const { hover, selected } = theme.palette.action;
   const styles = {
     position: "absolute",
-    height: "36px",
-    width: "36px",
+    height: "37px",
+    width: "37px",
     background: `radial-gradient(circle, ${hover} 0%, ${selected} 100%)`,
     stroke: theme.palette.divider,
     filter: "drop-shadow(0 2px 8px rgba(0, 0, 0, 0.12))",
@@ -75914,7 +75914,7 @@ const TouchIndicator = ({
 
 const ExampleCheckbox = ({ id, showTouchIndicator, pseudoFocusColor }) => {
   const theme = useTheme();
-  const checkboxSize = "1em";
+  const checkboxSize = "15px";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "aria-hidden": "true", style: { position: "relative" }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
@@ -75929,6 +75929,7 @@ const ExampleCheckbox = ({ id, showTouchIndicator, pseudoFocusColor }) => {
           marginTop: "8px",
           marginBottom: "8px",
           marginRight: "12px",
+          marginLeft: "4px",
           width: checkboxSize,
           height: checkboxSize
         },
@@ -75936,7 +75937,7 @@ const ExampleCheckbox = ({ id, showTouchIndicator, pseudoFocusColor }) => {
         type: "checkbox"
       }
     ),
-    showTouchIndicator && /* @__PURE__ */ jsxRuntimeExports.jsx(TouchIndicator, { style: { left: "-9px", top: "-4px" } }),
+    showTouchIndicator && /* @__PURE__ */ jsxRuntimeExports.jsx(TouchIndicator, { style: { left: "-8px", top: "-4px" } }),
     showTouchIndicator && /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
@@ -76060,7 +76061,7 @@ function PredirectInstructions(props) {
             break;
         }
         const isLastItem = index === checkboxItems.length - 1;
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               ExampleCheckbox,
@@ -76071,9 +76072,9 @@ function PredirectInstructions(props) {
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(L, { className: "psuedo-checkbox-label", variant: "body1", children: text })
-          ] }, item),
-          !isLastItem && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}, `divider-${index}`)
-        ] });
+          ] }),
+          !isLastItem && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {})
+        ] }, item);
       }) }) })
     ] }) })
   ] });