Title2 component (remap titles)

[yceballost]

Description

Create new title between 2 and 3. This cause a breaking change in dev side.

Title remapping:

• Title1 → no change
• Title2 → the new one
• Title3 → The old title2
• Title4 → The old title3

Title1 : 12px
Title2: 16px
Title3: 20px (Vivo: 18px)
Title4: 24px

Tasks

• Update specs
• Design documentation
• Update brand libraries
  • Movistar
  • Movistar Classic
  • Blau
  • O2 new
  • O2
  • Telefonica
  • Vivo
  • Vivo-new
  • Tu
  • Roboto | Movistar
  • Roboto | O2 | Vivo | Telefónica | Blau
  • OnAir Font
  • OnAir Font (o2)
  • Vivo Type
• Add to mobile library
• Add to desktop library
• Add to UI Kit
• Android ticket
• iOS ticket
• Web ticket

[paulasuarezb]

discussed here -> #1486

[aweell]

Estrategia de cambio:

• Actualizar librerías de marca: renombrar title2 a 3. Crear un token title2 con la definición de peso = actual title2. Mergear y publicar las librerías de marca.
• Actualizar librerías de figma: Crear un nuevo title2 y los antiguos renombrarlos uno para arriba
• Actualizar los tokens JSON de marca renombrando title2 por title3.
• Crear token de peso para title2 y definir que pesos son los adecuados para cada marca ya que en algunas actualmente es light y no parece adecuado para un texto de 16px
• En desarrollo además de cambiarle el nombre al componente title2 por title3 tendrán que cambiar el nombre de los tokens a title3 para que esos cambios de tamaño y line-height entre vivo-new y el resto sigan aplicando. Vease: el nuevo title3 en todas será de 20px menos en vivo que es de 18px (solo mobile)
  El nuevo title 2 es para todas 16px mobile / 18px desktop, por lo que no tiene tokens ni de size ni line height