@mw-kit/mw-ui 1.8.12 → 1.8.13

package/dist/components/Input/components/Range/styles/SelectedArea/index.d.ts

@@ -1,5 +1,2 @@
-interface SelectedAreaProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
-    $percent: number;
-}
-declare const SelectedArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectedAreaProps>> & string;
+declare const SelectedArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default SelectedArea;

package/dist/index.js

@@ -10332,17 +10332,25 @@ var Button3 = (props) => {
   };
   const htmlProps = filterObject(props, ["size", "appearance", "color", "loading", "content"]);
   const loaderSize = sizes[defaultValues.$size].lineHeight;
-  return /* @__PURE__ */ (0, import_jsx_runtime306.jsxs)(Button2, { ...defaultValues, ...htmlProps, children: [
-    children || content,
-    props.loading && /* @__PURE__ */ (0, import_jsx_runtime306.jsx)(
-      Loader_default2,
-      {
-        color: defaultValues.$appearance === "solid" ? "white" : "blue",
-        size: loaderSize,
-        borderSize: `calc(${loaderSize} * 0.0757)`
-      }
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime306.jsxs)(
+    Button2,
+    {
+      ...defaultValues,
+      ...htmlProps,
+      formNoValidate: "formNoValidate" in props ? props.formNoValidate : props.type === "submit",
+      children: [
+        children || content,
+        props.loading && /* @__PURE__ */ (0, import_jsx_runtime306.jsx)(
+          Loader_default2,
+          {
+            color: defaultValues.$appearance === "solid" ? "white" : "blue",
+            size: loaderSize,
+            borderSize: `calc(${loaderSize} * 0.0757)`
+          }
+        )
+      ]
+    }
+  );
 };
 var Button_default2 = Button3;
 
@@ -12572,9 +12580,7 @@ var SelectedArea = import_styled_components30.default.div`
   z-index: 1;
 
   > span {
-    width: ${({ $percent: percent }) => percent}%;
-    display: block;
-    box-sizing: border-box;
+    background-color: ${({ theme: theme4 }) => theme4.colors.blue};
     height: 100%;
   }
 `;
@@ -12965,8 +12971,7 @@ var Range = import_react27.default.forwardRef(
     const viewMode = isViewMode() || props.viewMode;
     const { min, max, strict, markers, step, position, value } = getMarkers(props);
     const range = max - min;
-    const percent = 100 / range;
-    const spans = value - min;
+    const percent = (value - min) * 100 / range;
     if (value < min || value > max) {
       throw new Error(
         `Value must be between "${min}" and "${max}". "${value}" given`
@@ -13143,7 +13148,14 @@ var Range = import_react27.default.forwardRef(
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(SelectedArea_default, { $percent: percent, children: Array(spans).fill(1).map((_value, index) => /* @__PURE__ */ (0, import_jsx_runtime319.jsx)("span", {}, index)) })
+                /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(SelectedArea_default, { children: /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(
+                  "span",
+                  {
+                    style: {
+                      width: `calc(${percent}% - (${bulletSize * percent / 100}px)`
+                    }
+                  }
+                ) })
               ] })
             ] }),
             maxLabel && /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(MinMaxLabelContainer_default, { children: maxLabel })

package/dist/index.mjs

@@ -10275,17 +10275,25 @@ var Button3 = (props) => {
   };
   const htmlProps = filterObject(props, ["size", "appearance", "color", "loading", "content"]);
   const loaderSize = sizes[defaultValues.$size].lineHeight;
-  return /* @__PURE__ */ jsxs148(Button2, { ...defaultValues, ...htmlProps, children: [
-    children || content,
-    props.loading && /* @__PURE__ */ jsx306(
-      Loader_default2,
-      {
-        color: defaultValues.$appearance === "solid" ? "white" : "blue",
-        size: loaderSize,
-        borderSize: `calc(${loaderSize} * 0.0757)`
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs148(
+    Button2,
+    {
+      ...defaultValues,
+      ...htmlProps,
+      formNoValidate: "formNoValidate" in props ? props.formNoValidate : props.type === "submit",
+      children: [
+        children || content,
+        props.loading && /* @__PURE__ */ jsx306(
+          Loader_default2,
+          {
+            color: defaultValues.$appearance === "solid" ? "white" : "blue",
+            size: loaderSize,
+            borderSize: `calc(${loaderSize} * 0.0757)`
+          }
+        )
+      ]
+    }
+  );
 };
 var Button_default2 = Button3;
 
@@ -12515,9 +12523,7 @@ var SelectedArea = styled27.div`
   z-index: 1;
 
   > span {
-    width: ${({ $percent: percent }) => percent}%;
-    display: block;
-    box-sizing: border-box;
+    background-color: ${({ theme: theme4 }) => theme4.colors.blue};
     height: 100%;
   }
 `;
@@ -12908,8 +12914,7 @@ var Range = React25.forwardRef(
     const viewMode = isViewMode() || props.viewMode;
     const { min, max, strict, markers, step, position, value } = getMarkers(props);
     const range = max - min;
-    const percent = 100 / range;
-    const spans = value - min;
+    const percent = (value - min) * 100 / range;
     if (value < min || value > max) {
       throw new Error(
         `Value must be between "${min}" and "${max}". "${value}" given`
@@ -13086,7 +13091,14 @@ var Range = React25.forwardRef(
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx319(SelectedArea_default, { $percent: percent, children: Array(spans).fill(1).map((_value, index) => /* @__PURE__ */ jsx319("span", {}, index)) })
+                /* @__PURE__ */ jsx319(SelectedArea_default, { children: /* @__PURE__ */ jsx319(
+                  "span",
+                  {
+                    style: {
+                      width: `calc(${percent}% - (${bulletSize * percent / 100}px)`
+                    }
+                  }
+                ) })
               ] })
             ] }),
             maxLabel && /* @__PURE__ */ jsx319(MinMaxLabelContainer_default, { children: maxLabel })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mw-kit/mw-ui",
-  "version": "1.8.12",
+  "version": "1.8.13",
   "description": "Made with create-react-library",
   "author": "fmgusmao",
   "license": "MIT",