Update Kubit and Wireframe styles

Author: Hector Arce De Las Heras

src/designSystem/kubit/components/input/styles.ts

@@ -84,10 +84,13 @@ const commonProps = {
   inputIconContainer: {
     position: 'absolute',
     top: '50%',
-    left: '0.625rem',
     transform: 'translate(0%, -50%)',
+    left: '0.625rem',
   },
   inputIconContainerRight: {
+    position: 'absolute',
+    top: '50%',
+    transform: 'translate(0%, -50%)',
     left: 'auto',
     right: '1.1rem',
   },
@@ -157,6 +160,9 @@ const errorProps = {
     color: COLORS.FEEDBACK.color_feedbackError_font_50,
   },
   errorMessageContainer: {
+    display: 'flex',
+    flex_direction: 'row',
+    gap: SPACINGS.spacing_100,
     margin_top: SPACINGS.spacing_150,
     margin_bottom: SPACINGS.spacing_150,
     padding_left: SPACINGS.spacing_0,
@@ -165,9 +171,6 @@ const errorProps = {
     width: SIZES.size_150,
     height: SIZES.size_150,
   },
-  errorMessageIconContainer: {
-    margin_right: SPACINGS.spacing_100,
-  },
   placeholder: {
     ...commonProps.placeholder,
     color: COLORS.FEEDBACK.color_feedbackError_font_50,

src/designSystem/kubitWireframe/commons/components/input/styles.ts

@@ -80,10 +80,13 @@ const commonProps = COLORS => ({
   inputIconContainer: {
     position: 'absolute',
     top: '50%',
-    left: '0.625rem',
     transform: 'translate(0%, -50%)',
+    left: '0.625rem',
   },
   inputIconContainerRight: {
+    position: 'absolute',
+    top: '50%',
+    transform: 'translate(0%, -50%)',
     left: 'auto',
     right: '1.1rem',
   },

src/designSystem/kubitWireframe/commons/components/text/styles.ts

@@ -40,7 +40,6 @@ export const TEXT_STYLES: TextStylesType<TextVariantType> = {
     font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: PARAGRAPH.CAPTION,
   },
-
   [TextVariantType.HEADING_DISPLAY_1_EXTENDED]: {
     font_family: FONT_FAMILY.font_family_nunito_sans,
     typography: HEADING.DISPLAY,