libreria-astro-lefebvre 0.0.7 → 0.0.8
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 +1 -1
- package/src/carbins/Contenido_2025_Montevideo.ts +56 -0
- package/src/carbins/{Repetidor_2025_Seatle.ts → Repetidor_2025_Seattle.ts} +1 -1
- package/src/components/Astro/Contenido_2025_Montevideo.astro +34 -0
- package/src/components/Astro/Repetidor_2025_Estocolmo.astro +12 -23
- package/src/components/Astro/Repetidor_2025_Seattle.astro +25 -0
- package/src/generated/componentRegistry.ts +4 -2
- package/src/index.ts +5 -3
- package/src/components/Astro/Repetidor_2025_Seatle.astro +0 -32
package/package.json
CHANGED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import type { ComponentMetadata } from '../interfaces/types';
|
|
2
|
+
|
|
3
|
+
export const metadata: ComponentMetadata = {
|
|
4
|
+
component_name: 'Contenido_2025_Montevideo',
|
|
5
|
+
category: 'Contenido',
|
|
6
|
+
name: 'Contenido card con etiqueta Genial 2025',
|
|
7
|
+
description: 'Contenido card con imagen y etiqueta para el directorio de Genial en la corporativa de Lefebvre',
|
|
8
|
+
framework: 'Astro',
|
|
9
|
+
priority: 1,
|
|
10
|
+
tags: ['contenido', 'card','imagen', 'genial'],
|
|
11
|
+
fields: [
|
|
12
|
+
{
|
|
13
|
+
name: 'title',
|
|
14
|
+
type: 'text',
|
|
15
|
+
label: 'Texto del título',
|
|
16
|
+
mandatory: false,
|
|
17
|
+
example_value: 'Pruébalo ya'
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
name: 'altImage',
|
|
21
|
+
type: 'text',
|
|
22
|
+
label: 'Texto alternativo de la imagen',
|
|
23
|
+
mandatory: false,
|
|
24
|
+
example_value: 'Descripción de la imagen'
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
name: 'description',
|
|
28
|
+
type: 'text',
|
|
29
|
+
label: 'Texto de la descripción',
|
|
30
|
+
mandatory: false,
|
|
31
|
+
example_value: 'Texto descriptivo del título'
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
name: 'link',
|
|
35
|
+
type: 'text',
|
|
36
|
+
label: 'Url del enlace',
|
|
37
|
+
mandatory: false,
|
|
38
|
+
example_value: 'https://www.ejemplo.com'
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
name: 'image',
|
|
42
|
+
type: 'text',
|
|
43
|
+
label: 'Src de la imagen',
|
|
44
|
+
mandatory: false,
|
|
45
|
+
example_value: 'https://www.ejemplo.com/imagen.jpg'
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
name: 'tag',
|
|
49
|
+
type: 'text',
|
|
50
|
+
label: 'Etiqueta del contenido',
|
|
51
|
+
mandatory: false,
|
|
52
|
+
example_value: 'Genial 2025'
|
|
53
|
+
},
|
|
54
|
+
|
|
55
|
+
]
|
|
56
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ComponentMetadata } from '../interfaces/types';
|
|
2
2
|
|
|
3
3
|
export const metadata: ComponentMetadata = {
|
|
4
|
-
component_name: '
|
|
4
|
+
component_name: 'Repetidor_2025_Seattle',
|
|
5
5
|
category: 'Repetidor',
|
|
6
6
|
name: 'Repetidor con cards Genial 2025',
|
|
7
7
|
description: 'Repetidor con tarjetas para el directorio de Genial en la corporativa de Lefebvre',
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
---
|
|
2
|
+
|
|
3
|
+
import Titulo_2025_Santorini from './Titulo_2025_Santorini.astro';
|
|
4
|
+
|
|
5
|
+
const {
|
|
6
|
+
link='#',
|
|
7
|
+
image='',
|
|
8
|
+
altImage='',
|
|
9
|
+
title='',
|
|
10
|
+
tag='',
|
|
11
|
+
description=''
|
|
12
|
+
} = Astro.props;
|
|
13
|
+
|
|
14
|
+
---
|
|
15
|
+
|
|
16
|
+
<a href={link} class="w-full flex flex-col cursor-pointer">
|
|
17
|
+
<article class="w-full h-full flex flex-col rounded-lg border border-gray-200 items-center shadow-sm hover:bg-gradient-to-r from-[#001978] via-[#2134F1] to-[#F81BBD] transition-all duration-300 p-[1px]">
|
|
18
|
+
<div class="bg-white mt-[1px] rounded-tl-[7px] rounded-tr-[7px] h-full">
|
|
19
|
+
<div class="w-full">
|
|
20
|
+
<img class="cursor-pointer rounded-tr-lg rounded-tl-lg mx-auto h-full" src={image} alt={altImage} />
|
|
21
|
+
</div>
|
|
22
|
+
<div class="p-6 flex-grow flex flex-col">
|
|
23
|
+
{tag && tag !== '' && <Titulo_2025_Santorini description={tag} />}
|
|
24
|
+
<div class="mt-2 flex items-center gap-2 flex-grow">
|
|
25
|
+
<div class="flex flex-col text-[#262626] h-full">
|
|
26
|
+
<p class="text-lg font-semibold leading-tight mb-[8px]">{title}</p>
|
|
27
|
+
<p class="text-base font-normal leading-tight mb-[8px]">{description}</p>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="bg-red-100 h-[12px]"></div>
|
|
33
|
+
</article>
|
|
34
|
+
</a>
|
|
@@ -1,34 +1,23 @@
|
|
|
1
1
|
---
|
|
2
|
+
|
|
3
|
+
import Contenido_2025_Montevideo from "./Contenido_2025_Montevideo.astro";
|
|
4
|
+
|
|
2
5
|
const {
|
|
3
6
|
items,
|
|
4
7
|
} = Astro.props;
|
|
5
8
|
|
|
6
|
-
import Titulo_2025_Santorini from './Titulo_2025_Santorini.astro';
|
|
7
|
-
|
|
8
9
|
---
|
|
9
10
|
<div class="w-full flex flex-row flex-wrap items-center justify-center mb-4">
|
|
10
|
-
<div class="max-w-7xl flex flex-col md:flex-row flex-nowrap items-stretch justify-center mb-0">
|
|
11
|
+
<div class="max-w-7xl gap-3 flex flex-col md:flex-row flex-nowrap items-stretch justify-center mb-0">
|
|
11
12
|
{items.map(item => (
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
<Titulo_2025_Santorini description={item.tag} />
|
|
21
|
-
<div class="mt-2 flex items-center gap-2 flex-grow">
|
|
22
|
-
<div class="flex flex-col text-[#262626] h-full">
|
|
23
|
-
<p class="text-lg font-semibold leading-tight mb-[8px]">{item.title}</p>
|
|
24
|
-
<p class="text-base font-normal leading-tight mb-[8px]">{item.description}</p>
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
</div>
|
|
29
|
-
</div>
|
|
30
|
-
</article>
|
|
31
|
-
</a>
|
|
13
|
+
<Contenido_2025_Montevideo
|
|
14
|
+
link={item.link}
|
|
15
|
+
image={item.image}
|
|
16
|
+
altImage={item.altImage}
|
|
17
|
+
title={item.title}
|
|
18
|
+
tag={item.tag}
|
|
19
|
+
description={item.description} />
|
|
20
|
+
|
|
32
21
|
))}
|
|
33
22
|
</div>
|
|
34
23
|
</div>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
import Contenido_2025_Montevideo from "./Contenido_2025_Montevideo.astro";
|
|
3
|
+
|
|
4
|
+
const {
|
|
5
|
+
items,
|
|
6
|
+
} = Astro.props;
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
---
|
|
11
|
+
<div class="w-full flex flex-row flex-wrap items-center justify-center mb-4">
|
|
12
|
+
<div class="max-w-7xl gap-3 flex flex-col md:flex-row flex-nowrap items-stretch justify-center mb-0">
|
|
13
|
+
{items.map(item => (
|
|
14
|
+
|
|
15
|
+
<Contenido_2025_Montevideo
|
|
16
|
+
link={item.link}
|
|
17
|
+
image={item.image}
|
|
18
|
+
altImage={item.altImage}
|
|
19
|
+
title={item.title}
|
|
20
|
+
description={item.description}
|
|
21
|
+
/>
|
|
22
|
+
|
|
23
|
+
))}
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
@@ -6,6 +6,7 @@ import * as Cabecera_2025_Madrid from '../carbins/Cabecera_2025_Madrid.ts';
|
|
|
6
6
|
import * as Contenido_2025_Alcorcon from '../carbins/Contenido_2025_Alcorcon.ts';
|
|
7
7
|
import * as Contenido_2025_Granada from '../carbins/Contenido_2025_Granada.ts';
|
|
8
8
|
import * as Contenido_2025_Malaga from '../carbins/Contenido_2025_Malaga.ts';
|
|
9
|
+
import * as Contenido_2025_Montevideo from '../carbins/Contenido_2025_Montevideo.ts';
|
|
9
10
|
import * as CorpFooter from '../carbins/CorpFooter.ts';
|
|
10
11
|
import * as CorpHero from '../carbins/CorpHero.ts';
|
|
11
12
|
import * as FooterCorporativo from '../carbins/FooterCorporativo.ts';
|
|
@@ -24,7 +25,7 @@ import * as Repetidor_2025_Michigan from '../carbins/Repetidor_2025_Michigan.ts'
|
|
|
24
25
|
import * as Repetidor_2025_Orcasitas from '../carbins/Repetidor_2025_Orcasitas.ts';
|
|
25
26
|
import * as Repetidor_2025_Oslo from '../carbins/Repetidor_2025_Oslo.ts';
|
|
26
27
|
import * as Repetidor_2025_Quito from '../carbins/Repetidor_2025_Quito.ts';
|
|
27
|
-
import * as
|
|
28
|
+
import * as Repetidor_2025_Seattle from '../carbins/Repetidor_2025_Seattle.ts';
|
|
28
29
|
import * as Repetidor_2025_Tokyo from '../carbins/Repetidor_2025_Tokyo.ts';
|
|
29
30
|
import * as Repetidor_2025_Ubeda from '../carbins/Repetidor_2025_Ubeda.ts';
|
|
30
31
|
import * as Repetidor_2025_Yakarta from '../carbins/Repetidor_2025_Yakarta.ts';
|
|
@@ -49,6 +50,7 @@ export const components = [
|
|
|
49
50
|
{component: Contenido_2025_Alcorcon},
|
|
50
51
|
{component: Contenido_2025_Granada},
|
|
51
52
|
{component: Contenido_2025_Malaga},
|
|
53
|
+
{component: Contenido_2025_Montevideo},
|
|
52
54
|
{component: CorpFooter},
|
|
53
55
|
{component: CorpHero},
|
|
54
56
|
{component: FooterCorporativo},
|
|
@@ -67,7 +69,7 @@ export const components = [
|
|
|
67
69
|
{component: Repetidor_2025_Orcasitas},
|
|
68
70
|
{component: Repetidor_2025_Oslo},
|
|
69
71
|
{component: Repetidor_2025_Quito},
|
|
70
|
-
{component:
|
|
72
|
+
{component: Repetidor_2025_Seattle},
|
|
71
73
|
{component: Repetidor_2025_Tokyo},
|
|
72
74
|
{component: Repetidor_2025_Ubeda},
|
|
73
75
|
{component: Repetidor_2025_Yakarta},
|
package/src/index.ts
CHANGED
|
@@ -11,6 +11,7 @@ import Cabecera_2025_Madrid from './components/Astro/Cabecera_2025_Madrid.astro'
|
|
|
11
11
|
import Contenido_2025_Alcorcon from './components/Astro/Contenido_2025_Alcorcon.astro';
|
|
12
12
|
import Contenido_2025_Granada from './components/Astro/Contenido_2025_Granada.astro';
|
|
13
13
|
import Contenido_2025_Malaga from './components/Astro/Contenido_2025_Malaga.astro';
|
|
14
|
+
import Contenido_2025_Montevideo from './components/Astro/Contenido_2025_Montevideo.astro';
|
|
14
15
|
import CorpFooter from './components/Astro/CorpFooter.astro';
|
|
15
16
|
import CorpHero from './components/Astro/CorpHero.astro';
|
|
16
17
|
import CorpNavigation from './components/Astro/CorpNavigation.astro';
|
|
@@ -30,7 +31,7 @@ import Repetidor_2025_Michigan from './components/Astro/Repetidor_2025_Michigan.
|
|
|
30
31
|
import Repetidor_2025_Orcasitas from './components/Astro/Repetidor_2025_Orcasitas.astro';
|
|
31
32
|
import Repetidor_2025_Oslo from './components/Astro/Repetidor_2025_Oslo.astro';
|
|
32
33
|
import Repetidor_2025_Quito from './components/Astro/Repetidor_2025_Quito.astro';
|
|
33
|
-
import
|
|
34
|
+
import Repetidor_2025_Seattle from './components/Astro/Repetidor_2025_Seattle.astro';
|
|
34
35
|
import Repetidor_2025_Tokyo from './components/Astro/Repetidor_2025_Tokyo.astro';
|
|
35
36
|
import Repetidor_2025_Ubeda from './components/Astro/Repetidor_2025_Ubeda.astro';
|
|
36
37
|
import Repetidor_2025_Yakarta from './components/Astro/Repetidor_2025_Yakarta.astro';
|
|
@@ -51,7 +52,7 @@ import ReactButton from './components/React/ReactButton.jsx';
|
|
|
51
52
|
// Exporta todos los componentes uno a uno para que puedan ser usados directamente.
|
|
52
53
|
|
|
53
54
|
|
|
54
|
-
export { VueButton, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Contenido_2025_Alcorcon, Contenido_2025_Granada, Contenido_2025_Malaga, CorpFooter, CorpHero, CorpNavigation, FooterCorporativo, Footer_2025_Napoles, Formulario_2025_Seul, GeometricShape, GeometricShapeCard, HeaderCorporativo, ImageTextSimple, Imagen_2025_Bogota, Repetidor_2025_Cabra, Repetidor_2025_Dubai, Repetidor_2025_Estocolmo, Repetidor_2025_Menorca, Repetidor_2025_Michigan, Repetidor_2025_Orcasitas, Repetidor_2025_Oslo, Repetidor_2025_Quito,
|
|
55
|
+
export { VueButton, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Contenido_2025_Alcorcon, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, CorpFooter, CorpHero, CorpNavigation, FooterCorporativo, Footer_2025_Napoles, Formulario_2025_Seul, GeometricShape, GeometricShapeCard, HeaderCorporativo, ImageTextSimple, Imagen_2025_Bogota, Repetidor_2025_Cabra, Repetidor_2025_Dubai, Repetidor_2025_Estocolmo, Repetidor_2025_Menorca, Repetidor_2025_Michigan, Repetidor_2025_Orcasitas, Repetidor_2025_Oslo, Repetidor_2025_Quito, Repetidor_2025_Seattle, Repetidor_2025_Tokyo, Repetidor_2025_Ubeda, Repetidor_2025_Yakarta, Separador_2025_Reinosa, SpectrumSeparator, TestHijo, TestPadre, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, ReactButton };
|
|
55
56
|
|
|
56
57
|
|
|
57
58
|
// Exporta la función listComponents para que sea usado en el Pagebuilder en Vue.
|
|
@@ -74,6 +75,7 @@ export const components = {
|
|
|
74
75
|
Contenido_2025_Alcorcon: Contenido_2025_Alcorcon,
|
|
75
76
|
Contenido_2025_Granada: Contenido_2025_Granada,
|
|
76
77
|
Contenido_2025_Malaga: Contenido_2025_Malaga,
|
|
78
|
+
Contenido_2025_Montevideo: Contenido_2025_Montevideo,
|
|
77
79
|
CorpFooter: CorpFooter,
|
|
78
80
|
CorpHero: CorpHero,
|
|
79
81
|
CorpNavigation: CorpNavigation,
|
|
@@ -93,7 +95,7 @@ export const components = {
|
|
|
93
95
|
Repetidor_2025_Orcasitas: Repetidor_2025_Orcasitas,
|
|
94
96
|
Repetidor_2025_Oslo: Repetidor_2025_Oslo,
|
|
95
97
|
Repetidor_2025_Quito: Repetidor_2025_Quito,
|
|
96
|
-
|
|
98
|
+
Repetidor_2025_Seattle: Repetidor_2025_Seattle,
|
|
97
99
|
Repetidor_2025_Tokyo: Repetidor_2025_Tokyo,
|
|
98
100
|
Repetidor_2025_Ubeda: Repetidor_2025_Ubeda,
|
|
99
101
|
Repetidor_2025_Yakarta: Repetidor_2025_Yakarta,
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
const {
|
|
3
|
-
items,
|
|
4
|
-
} = Astro.props;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
---
|
|
8
|
-
<div class="w-full flex flex-row flex-wrap items-center justify-center mb-4">
|
|
9
|
-
<div class="max-w-7xl flex flex-col md:flex-row flex-nowrap items-stretch justify-center mb-0">
|
|
10
|
-
{items.map(item => (
|
|
11
|
-
<a href={item.link} class="w-full flex flex-col cursor-pointer">
|
|
12
|
-
<article class="w-full p-[12px] h-full">
|
|
13
|
-
<div class="w-full h-full flex flex-col rounded-lg border border-gray-200 hover:items-center shadow-sm hover:bg-gradient-to-r from-[#001978] via-[#2134F1] to-[#F81BBD] transition-all duration-300">
|
|
14
|
-
<div class="bg-white hover:h-[calc(100%-12px)] hover:w-[calc(100%-1px)] mt-[1px] rounded-tl-[7px] rounded-tr-[7px]">
|
|
15
|
-
<div class="w-full">
|
|
16
|
-
<img class="cursor-pointer rounded-tr-lg rounded-tl-lg mx-auto h-full" src={item.image} alt={item.altImage} />
|
|
17
|
-
</div>
|
|
18
|
-
<div class="p-6 flex-grow flex flex-col">
|
|
19
|
-
<div class="mt-2 flex items-center gap-2 flex-grow">
|
|
20
|
-
<div class="flex flex-col text-[#262626] h-full">
|
|
21
|
-
<p class="text-lg font-semibold leading-tight mb-[8px]">{item.title}</p>
|
|
22
|
-
<p class="text-base font-normal leading-tight mb-[8px]">{item.description}</p>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
</article>
|
|
29
|
-
</a>
|
|
30
|
-
))}
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|