@ciromaciel/auth-react 1.7.0 → 1.7.2

package/dist/index.esm.js

@@ -3046,8 +3046,13 @@ function SignIn({
         gap: "md",
         children: [recentAccounts && accounts.length > 0 && /*#__PURE__*/jsx(Anchor, {
           component: "button",
-          type: "button",
-          size: "sm",
+          type: "button"
+          // Secondary controls wear the card's supporting
+          // size: 12px, like the terms notice and the code's
+          // "Enviado para". At 14px they outweighed the text
+          // they sit under.
+          ,
+          fz: 12,
           c: "dimmed",
           w: "fit-content",
           onClick: () => setIsChoosingOther(false),
@@ -3212,7 +3217,7 @@ function SignIn({
         justify: "space-between",
         gap: "xs",
         children: [/*#__PURE__*/jsx(Anchor, {
-          size: "sm",
+          fz: 12,
           c: "dimmed",
           onClick: () => {
             setSentTo(null);
@@ -3225,7 +3230,7 @@ function SignIn({
           },
           children: labels.changeEmail || 'Usar outro e-mail'
         }), !isCodeLocked && /*#__PURE__*/jsx(Anchor, {
-          size: "sm",
+          fz: 12,
           c: "dimmed",
           onClick: sending ? undefined : handleResend,
           children: sending ? labels.sendingCode || 'Enviando…' : labels.resendCode || 'Reenviar código'
@@ -4672,6 +4677,9 @@ function UserInformation({
   });
 }
 
+// "12.400 de 60.000 páginas", not "12400 de 60000": the History counts pages in the thousands.
+const formatCount = value => Number(value).toLocaleString('pt-BR');
+
 /** The organization, the role and the plan's usage, on the alternate surface. */
 function ContextStrip({
   organization,
@@ -4771,7 +4779,7 @@ function ContextStrip({
           fz: 12,
           fw: isFull ? 700 : 500,
           c: isFull ? 'red.8' : 'gray.6',
-          children: `${plan.used} de ${plan.limit}${plan.unit ? ` ${plan.unit}` : ''}${isFull && !limitNoticeOnTop ? ' · limite atingido' : ''}`
+          children: `${formatCount(plan.used)} de ${formatCount(plan.limit)}${plan.unit ? ` ${plan.unit}` : ''}${isFull && !limitNoticeOnTop ? ' · limite atingido' : ''}`
         }), showsInvite && /*#__PURE__*/jsx(UnstyledButton, {
           onClick: plan.onClick,
           fz: 11,