New styles

Include new styles for message and input

Author: Hector Arce De Las Heras

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

@@ -206,10 +206,6 @@ export const INPUT_STYLES: InputStylesType<InputVariantType> = {
   [InputVariantType.DEFAULT]: {
     [InputState.EMPTY]: {
       ...commonProps,
-      inputIcon: {
-        ...commonProps.inputIcon,
-        color: COLORS.NEUTRAL.color_neutral_icon_50,
-      },
     },
     [InputState.ACTIVE]: {
       ...commonProps,
@@ -220,10 +216,6 @@ export const INPUT_STYLES: InputStylesType<InputVariantType> = {
     },
     [InputState.FILLED]: {
       ...commonProps,
-      inputIcon: {
-        ...commonProps.inputIcon,
-        color: COLORS.NEUTRAL.color_neutral_icon_50,
-      },
       ...informationAssociatedProps,
     },
     [InputState.ERROR_EMPTY]: {

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

@@ -33,6 +33,7 @@ const commonProps = {
     font_variant: TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,
     color: COLORS.NEUTRAL.color_neutral_font_50,
     font_weight: FONT_WEIGHT.font_weight_500,
+    word_break: 'break-word',
   },
   contentContainerLargeMessage: {
     [DeviceBreakpointsType.MOBILE]: {
@@ -43,6 +44,7 @@ const commonProps = {
     font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
     color: COLORS.NEUTRAL.color_neutral_font_150,
     font_weight: FONT_WEIGHT.font_weight_400,
+    word_break: 'break-word',
   },
   infoIcon: {
     width: SIZES.size_250,