@mw-kit/mw-ui 1.8.20 → 1.8.22

package/dist/index.js

@@ -1291,7 +1291,7 @@ var ensureFontLoaded = async (fontFamily, fontSize = 64, text = " ") => {
     return false;
   }
   const sampleText = text.trim().length > 0 ? text : " ";
-  const fontSpec = `${fontSize}px "${fontFamily}"`;
+  const fontSpec = `${fontSize}px ${fontFamily}`;
   const maxAttempts = 5;
   for (let attempt = 0; attempt < maxAttempts; attempt += 1) {
     try {
@@ -13008,6 +13008,8 @@ var LabelContainer5 = import_styled_components29.default.div`
 `;
 var Label4 = import_styled_components29.default.label`
   display: flex;
+  align-items: center;
+
   gap: ${({ theme: theme4 }) => theme4.spacings.s1};
 
   min-height: ${size2};
@@ -13066,18 +13068,19 @@ var Label4 = import_styled_components29.default.label`
 
   > input {
     position: absolute;
-    top: 0;
-    left: 0;
-    height: 0;
-    width: 0;
-    /* Chrome, Safari, Edge, Opera */
+    height: 1px;
+    width: 1px;
+    opacity: 0;
+
+    /* Appearance (General) */
+    appearance: none;
+    /* Appearance (Chrome, Safari, Edge, Opera) */
     &:-webkit-outer-spin-button,
     &:-webkit-inner-spin-button {
       -webkit-appearance: none;
       margin: 0;
     }
-
-    /* Firefox */
+    /* Appearance (Firefox) */
     -moz-appearance: none;
   }
 
@@ -17622,6 +17625,7 @@ var CanvasContainer = import_styled_components72.default.div`
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+    text-align: center;
 
     color: ${({ theme: theme4, $invalid: invalid }) => theme4.colors[invalid ? "warningRed" : "darkBlue"]};
 
@@ -17681,7 +17685,11 @@ var CanvasContainer = import_styled_components72.default.div`
 
 // src/components/Signature/index.tsx
 var import_jsx_runtime360 = require("react/jsx-runtime");
-var FONTS = ["Great Vibes", "Pacifico", "Allura"];
+var FONTS = [
+  "GreatVibes",
+  "Pacifico",
+  "Allura"
+];
 var FONT_SIZE = 64;
 var voidFn = () => {
 };
@@ -17724,7 +17732,7 @@ var SignatureInput = ({
         return;
       }
       setLoading(true);
-      const ready = await ensureFontLoaded(font2, FONT_SIZE, trimmed);
+      const ready = await ensureFontLoaded(fonts_default[font2], FONT_SIZE, trimmed);
       setLoading(false);
       if (!ready) return;
       const c = document.createElement("canvas");
@@ -17736,7 +17744,7 @@ var SignatureInput = ({
       ctx.fillStyle = "#000";
       ctx.textAlign = "center";
       ctx.textBaseline = "middle";
-      ctx.font = `${FONT_SIZE}px "${font2}"`;
+      ctx.font = `${FONT_SIZE}px ${fonts_default[font2]}`;
       ctx.fillText(trimmed, c.width / 2, c.height / 2);
       const base64 = c.toDataURL("image/png");
       ref.clear();

package/dist/index.mjs

@@ -1233,7 +1233,7 @@ var ensureFontLoaded = async (fontFamily, fontSize = 64, text = " ") => {
     return false;
   }
   const sampleText = text.trim().length > 0 ? text : " ";
-  const fontSpec = `${fontSize}px "${fontFamily}"`;
+  const fontSpec = `${fontSize}px ${fontFamily}`;
   const maxAttempts = 5;
   for (let attempt = 0; attempt < maxAttempts; attempt += 1) {
     try {
@@ -12950,6 +12950,8 @@ var LabelContainer5 = styled26.div`
 `;
 var Label4 = styled26.label`
   display: flex;
+  align-items: center;
+
   gap: ${({ theme: theme4 }) => theme4.spacings.s1};
 
   min-height: ${size2};
@@ -13008,18 +13010,19 @@ var Label4 = styled26.label`
 
   > input {
     position: absolute;
-    top: 0;
-    left: 0;
-    height: 0;
-    width: 0;
-    /* Chrome, Safari, Edge, Opera */
+    height: 1px;
+    width: 1px;
+    opacity: 0;
+
+    /* Appearance (General) */
+    appearance: none;
+    /* Appearance (Chrome, Safari, Edge, Opera) */
     &:-webkit-outer-spin-button,
     &:-webkit-inner-spin-button {
       -webkit-appearance: none;
       margin: 0;
     }
-
-    /* Firefox */
+    /* Appearance (Firefox) */
     -moz-appearance: none;
   }
 
@@ -17564,6 +17567,7 @@ var CanvasContainer = styled69.div`
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+    text-align: center;
 
     color: ${({ theme: theme4, $invalid: invalid }) => theme4.colors[invalid ? "warningRed" : "darkBlue"]};
 
@@ -17623,7 +17627,11 @@ var CanvasContainer = styled69.div`
 
 // src/components/Signature/index.tsx
 import { jsx as jsx360, jsxs as jsxs183 } from "react/jsx-runtime";
-var FONTS = ["Great Vibes", "Pacifico", "Allura"];
+var FONTS = [
+  "GreatVibes",
+  "Pacifico",
+  "Allura"
+];
 var FONT_SIZE = 64;
 var voidFn = () => {
 };
@@ -17666,7 +17674,7 @@ var SignatureInput = ({
         return;
       }
       setLoading(true);
-      const ready = await ensureFontLoaded(font2, FONT_SIZE, trimmed);
+      const ready = await ensureFontLoaded(fonts_default[font2], FONT_SIZE, trimmed);
       setLoading(false);
       if (!ready) return;
       const c = document.createElement("canvas");
@@ -17678,7 +17686,7 @@ var SignatureInput = ({
       ctx.fillStyle = "#000";
       ctx.textAlign = "center";
       ctx.textBaseline = "middle";
-      ctx.font = `${FONT_SIZE}px "${font2}"`;
+      ctx.font = `${FONT_SIZE}px ${fonts_default[font2]}`;
       ctx.fillText(trimmed, c.width / 2, c.height / 2);
       const base64 = c.toDataURL("image/png");
       ref.clear();

package/package.json

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