libreria-astro-lefebvre 0.2.16 → 0.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "libreria-astro-lefebvre",
3
- "version": "0.2.16",
3
+ "version": "0.2.17",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
@@ -9,6 +9,14 @@ export const metadata: ComponentMetadata = {
9
9
  priority: 1,
10
10
  tags: ['formulario', 'suscripcion', 'email', 'newsletter', 'minimalista'],
11
11
  fields: [
12
+ {
13
+ name: 'categoria',
14
+ type: 'text',
15
+ help: 'Etiqueta opcional (span) encima del título, con bullet rojo, fondo gris suave y tipografía mono en mayúsculas. Solo se muestra si el campo tiene valor',
16
+ label: 'Categoría',
17
+ mandatory: false,
18
+ example_value: 'Newsletter'
19
+ },
12
20
  {
13
21
  name: 'title',
14
22
  type: 'text',
@@ -104,7 +104,7 @@ const imageUrl = imageBase || extractImageUrl(image);
104
104
  )}
105
105
 
106
106
  <div class={`w-full lg:w-1/2 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
107
- <img src={imageUrl} alt={title} width="600" height="450" class={`max-w-xl w-full h-auto object-cover rounded-[40px] ${orientation === 'left' ? '[transform:perspective(1000px)_rotateY(-7deg)]' : '[transform:perspective(1000px)_rotateY(7deg)]'} m-auto aspect-auto lg:aspect-[58/54]`} loading={loading} />
107
+ <img src={imageUrl} alt={title} width="600" height="450" class={`max-w-xl w-full h-auto object-cover rounded-[40px] ${orientation === 'left' ? '[transform:perspective(1000px)_rotateY(-7deg)]' : '[transform:perspective(1000px)_rotateY(7deg)]'} m-auto aspect-[58/54]`} loading={loading} />
108
108
  </div>
109
109
 
110
110
  {/* <div class={`w-full lg:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'} aspect-square`}>
@@ -1,7 +1,8 @@
1
1
  ---
2
2
 
3
3
  const {
4
- title = "Mantente al día de la IA jurídica",
4
+ categoria = "",
5
+ title ="Mantente al día de la IA jurídica",
5
6
  description = "Recibe en tu email los últimos artículos, tendencias, casos de uso y novedades sobre inteligencia artificial aplicada al sector legal.",
6
7
  lf2FormTitle = "",
7
8
  businessAction = false,
@@ -37,6 +38,7 @@ const structuredData = `<script type="application/ld+json">
37
38
 
38
39
  <div class="w-full max-w-[1200px] flex flex-col md:flex-row p-6 md:py-6 md:px-0 gap-12">
39
40
  <div class="w-full flex flex-col">
41
+ {categoria?.trim() && <span class="self-start inline-flex items-center gap-2 px-2 py-1 mb-4 rounded bg-black/[0.04] text-center font-mono text-sm font-normal leading-5 tracking-[0.84px] uppercase text-[#403830] [font-feature-settings:'liga'_off,'clig'_off]"><span class="size-1.5 rounded-full bg-[#d71635]" aria-hidden="true"></span>{categoria}</span>}
40
42
  <h2 class="font-heading text-[28px] leading-9 md:text-[32px] md:leading-10 font-semibold text-[#1b1b1b] mb-4">{title}</h2>
41
43
  <p class="font-heading text-xl leading-7 font-normal text-[#403830]">{description}</p>
42
44
  </div>