sbwb-ds 2.2.1 → 2.2.2

package/dist/sbwb-ds.js

@@ -5594,7 +5594,7 @@ const y3e = X.div`
 `, _3e = X.input`
   ${j}
   font-family: ${y.fonts.fontFamily.fontFamilyPrimary};
-  font-size: ${({ size: e }) => e === "Small" ? y.fonts.fontSize.fontSizeBodyMd : y.fonts.fontSize.fontSizeBodyLg};
+  font-size: ${({ size: e, variant: t }) => t === "table" ? e === "large" ? "12px" : "10px" : e === "Small" ? y.fonts.fontSize.fontSizeBodyMd : y.fonts.fontSize.fontSizeBodyLg};
   background-color: ${({ disabled: e }) => e ? y.colors.brandColors.colorBrandSeSoft : "transparent"};
   outline: none;
   border: none;
@@ -5603,7 +5603,7 @@ const y3e = X.div`
 
   &::placeholder {
     font-family: ${y.fonts.fontFamily.fontFamilyPrimary};
-    font-size: ${({ size: e }) => e === "Small" ? y.fonts.fontSize.fontSizeBodyMd : y.fonts.fontSize.fontSizeBodyLg};
+    font-size: ${({ size: e, variant: t }) => t === "table" ? e === "large" ? "12px" : "10px" : e === "Small" ? y.fonts.fontSize.fontSizeBodyMd : y.fonts.fontSize.fontSizeBodyLg};
     color: ${({ error: e, variant: t }) => e && t === "table" ? y.colors.feedbackColors.colorFeedbackError : y.colors.neutralColors.colorNeutralCleanest};
   }
 

package/dist/sbwb-ds.umd.cjs

@@ -1216,7 +1216,7 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
 `,UG=X.input`
   ${j}
   font-family: ${y.fonts.fontFamily.fontFamilyPrimary};
-  font-size: ${({size:e})=>e==="Small"?y.fonts.fontSize.fontSizeBodyMd:y.fonts.fontSize.fontSizeBodyLg};
+  font-size: ${({size:e,variant:t})=>t==="table"?e==="large"?"12px":"10px":e==="Small"?y.fonts.fontSize.fontSizeBodyMd:y.fonts.fontSize.fontSizeBodyLg};
   background-color: ${({disabled:e})=>e?y.colors.brandColors.colorBrandSeSoft:"transparent"};
   outline: none;
   border: none;
@@ -1225,7 +1225,7 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
 
   &::placeholder {
     font-family: ${y.fonts.fontFamily.fontFamilyPrimary};
-    font-size: ${({size:e})=>e==="Small"?y.fonts.fontSize.fontSizeBodyMd:y.fonts.fontSize.fontSizeBodyLg};
+    font-size: ${({size:e,variant:t})=>t==="table"?e==="large"?"12px":"10px":e==="Small"?y.fonts.fontSize.fontSizeBodyMd:y.fonts.fontSize.fontSizeBodyLg};
     color: ${({error:e,variant:t})=>e&&t==="table"?y.colors.feedbackColors.colorFeedbackError:y.colors.neutralColors.colorNeutralCleanest};
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sbwb-ds",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "type": "module",
   "description": "Sistema de design para padronização dos processos visuais do portal SUBWEB",
   "main": "dist/sbwb-ds.js",

package/src/presentation/components/atoms/Input/styles.ts

@@ -226,10 +226,15 @@ interface InputProps {
 export const Input = styled.input<InputProps>`
   ${resetStyles}
   font-family: ${sg.fonts.fontFamily.fontFamilyPrimary};
-  font-size: ${({ size }) =>
-    size === 'Small'
-      ? sg.fonts.fontSize.fontSizeBodyMd
-      : sg.fonts.fontSize.fontSizeBodyLg};
+  font-size: ${({ size, variant }) => {
+    if (variant === 'table') {
+      return size === 'large' ? '12px' : '10px';
+    } else {
+      return size === 'Small'
+        ? sg.fonts.fontSize.fontSizeBodyMd
+        : sg.fonts.fontSize.fontSizeBodyLg;
+    }
+  }};
   background-color: ${({ disabled }) =>
     disabled ? sg.colors.brandColors.colorBrandSeSoft : 'transparent'};
   outline: none;
@@ -239,10 +244,15 @@ export const Input = styled.input<InputProps>`
 
   &::placeholder {
     font-family: ${sg.fonts.fontFamily.fontFamilyPrimary};
-    font-size: ${({ size }) =>
-      size === 'Small'
-        ? sg.fonts.fontSize.fontSizeBodyMd
-        : sg.fonts.fontSize.fontSizeBodyLg};
+    font-size: ${({ size, variant }) => {
+      if (variant === 'table') {
+        return size === 'large' ? '12px' : '10px';
+      } else {
+        return size === 'Small'
+          ? sg.fonts.fontSize.fontSizeBodyMd
+          : sg.fonts.fontSize.fontSizeBodyLg;
+      }
+    }};
     color: ${({ error, variant }) => {
       if (error && variant === 'table') {
         return sg.colors.feedbackColors.colorFeedbackError;