@lanaco/lnc-react-ui 4.0.39 → 4.0.40

package/dist/CalorieCalculatorSection.js

@@ -3,8 +3,8 @@ import { forwardRef as w, useState as N, useRef as Y } from "react";
 import { n as y } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as T } from "./consts-C1uHV4xc.js";
 import R from "./Button.js";
-import { P as G } from "./index-S5Cd7WrG.js";
-import A from "./RangeSlider.js";
+import { P as A } from "./index-S5Cd7WrG.js";
+import G from "./RangeSlider.js";
 import _ from "./DropdownItem.js";
 import K from "./DropdownMenu.js";
 import X from "./IconButton.js";
@@ -274,9 +274,8 @@ const U = y.div`
   display: inline-flex;
   align-items: center;
   cursor: pointer;
-  background: var(--white);
+  background: var(--white, #fff);
   border-radius: 30px;
-  padding: 0.25em 0.5em;
   user-select: none;
   font-family: Arial, sans-serif;
   font-weight: bold;
@@ -305,7 +304,7 @@ const U = y.div`
     top: 0;
     bottom: 0;
     left: ${(s) => s.checked ? "3rem" : "3px"};
-    background: var(--success-600);
+    background: var(--success-600, #059669);
     border-radius: 30px;
     transition: left 0.3s;
     width: fit-content;
@@ -315,11 +314,11 @@ const U = y.div`
     pointer-events: none;
     font-weight: normal;
     font-size: 0.9rem;
-    color: var(--white);
+    color: var(--white, #fff);
     padding: 0 0.75rem;
     min-height: 2.5rem;
     max-height: 2.5rem;
-    border: 1px solid var(--success-600);
+    border: 1px solid var(--success-600, #059669);
   }
 
   .text {
@@ -329,7 +328,7 @@ const U = y.div`
     display: flex;
     gap: 0.5rem;
     padding: 0.75rem;
-    border: 1px solid var(--gray-95012);
+    border: 1px solid var(--gray-95012, #14161a1f);
     border-radius: 30px;
     min-height: 2.5rem;
     max-height: 2.5rem;
@@ -344,7 +343,7 @@ const U = y.div`
     align-items: center;
     gap: 0.38rem;
   }
-`, I = w((s, b) => {
+`, I = w((s, f) => {
   var m, g, p, h, v, x, k, C;
   const {
     onChange: d = () => {
@@ -361,7 +360,7 @@ const U = y.div`
     /* @__PURE__ */ t("span", { children: (p = a == null ? void 0 : a.at(1)) == null ? void 0 : p.name }),
     /* @__PURE__ */ t("i", { className: (h = a == null ? void 0 : a.at(1)) == null ? void 0 : h.icon })
   ] }), [e, r] = N(!1);
-  return /* @__PURE__ */ i(ne, { checked: e, ...l, children: [
+  return /* @__PURE__ */ i(ne, { ref: f, checked: e, ...l, children: [
     /* @__PURE__ */ t("input", { type: "checkbox", checked: e, onChange: (u) => {
       var L, j;
       r(u.target.checked), d && d(
@@ -382,11 +381,11 @@ const U = y.div`
   ] });
 });
 I.propTypes = {
-  value: G.any,
-  handleClick: G.func,
-  color: G.string
+  value: A.any,
+  handleClick: A.func,
+  color: A.string
 };
-const ie = w((s, b) => {
+const ie = w((s, f) => {
   var C;
   const {
     yearsText: d,
@@ -499,14 +498,14 @@ const ie = w((s, b) => {
       )
     ] })
   ] });
-}), re = w((s, b) => {
+}), re = w((s, f) => {
   const { text: d = "Years", onChange: a = () => {
   } } = s, [l, c] = N(1);
   return /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ t("div", { className: "grid-label", children: d }),
     /* @__PURE__ */ i("div", { className: "caluclating-group", children: [
       /* @__PURE__ */ t(
-        A,
+        G,
         {
           className: "range-input-lnc",
           max: 115,
@@ -538,7 +537,7 @@ const ie = w((s, b) => {
       )
     ] })
   ] });
-}), le = w((s, b) => {
+}), le = w((s, f) => {
   const { text: d = "Height", unitText: a = "cm", onChange: l = () => {
   } } = s, [c, n] = N(1);
   return /* @__PURE__ */ i(z, { children: [
@@ -549,7 +548,7 @@ const ie = w((s, b) => {
     ] }),
     /* @__PURE__ */ i("div", { className: "caluclating-group", children: [
       /* @__PURE__ */ t(
-        A,
+        G,
         {
           className: "range-input-lnc",
           max: 273,
@@ -581,7 +580,7 @@ const ie = w((s, b) => {
       )
     ] })
   ] });
-}), ce = w((s, b) => {
+}), ce = w((s, f) => {
   const { text: d = "Weight", unitText: a = "cm", onChange: l = () => {
   } } = s, [c, n] = N(1);
   return /* @__PURE__ */ i(z, { children: [
@@ -592,7 +591,7 @@ const ie = w((s, b) => {
     ] }),
     /* @__PURE__ */ i("div", { className: "caluclating-group", children: [
       /* @__PURE__ */ t(
-        A,
+        G,
         {
           className: "range-input-lnc",
           max: 400,
@@ -624,7 +623,7 @@ const ie = w((s, b) => {
       )
     ] })
   ] });
-}), oe = w((s, b) => {
+}), oe = w((s, f) => {
   const {
     text: d = "Activity level",
     activityLevels: a,
@@ -648,7 +647,7 @@ const ie = w((s, b) => {
       r
     )) })
   ] });
-}), se = w((s, b) => {
+}), se = w((s, f) => {
   const { text: d = "Goal", goals: a, onChange: l = () => {
   } } = s, [c, n] = N(null);
   return /* @__PURE__ */ i(z, { children: [
@@ -671,7 +670,7 @@ const ie = w((s, b) => {
       r
     )) })
   ] });
-}), de = w((s, b) => {
+}), de = w((s, f) => {
   const {
     caloriesText: d = "Calories",
     carbsText: a = "Carbs",
@@ -752,7 +751,7 @@ const ie = w((s, b) => {
       )
     ] })
   ] });
-}), me = w((s, b) => {
+}), me = w((s, f) => {
   const {
     caloriesText: d,
     carbsText: a,
@@ -778,8 +777,8 @@ const ie = w((s, b) => {
       "From certified dealers from all over Europe"
     ],
     buttonText: M = "Calculate calorie needs"
-  } = s, [W, S] = N(1), [f, B] = N(0);
-  return /* @__PURE__ */ i(J, { ref: b, children: [
+  } = s, [W, S] = N(1), [b, B] = N(0);
+  return /* @__PURE__ */ i(J, { ref: f, children: [
     /* @__PURE__ */ i(Q, { children: [
       /* @__PURE__ */ t("div", { className: "header-title", children: u }),
       /* @__PURE__ */ t("div", { className: "header-subtitle", children: L })
@@ -788,7 +787,7 @@ const ie = w((s, b) => {
       Z,
       {
         buttonText: M,
-        onBannerClick: () => {
+        onButtonAction: () => {
           S(2);
         },
         list: j
@@ -838,14 +837,14 @@ const ie = w((s, b) => {
         fatsText: c,
         calculateAgainText: n,
         onGoBack: () => S(2),
-        calories: f == null ? void 0 : f.calories,
-        fats: f == null ? void 0 : f.fat,
-        carbs: f == null ? void 0 : f.carbs,
-        protein: f == null ? void 0 : f.protein
+        calories: b == null ? void 0 : b.calories,
+        fats: b == null ? void 0 : b.fat,
+        carbs: b == null ? void 0 : b.carbs,
+        protein: b == null ? void 0 : b.protein
       }
     )
   ] });
-}), ke = w((s, b) => /* @__PURE__ */ t(me, { ref: b, ...s }));
+}), ke = w((s, f) => /* @__PURE__ */ t(me, { ref: f, ...s }));
 export {
   ke as default
 };