negodesign 0.0.17 → 0.0.19
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.
|
@@ -8,6 +8,8 @@
|
|
|
8
8
|
navMenu,
|
|
9
9
|
children,
|
|
10
10
|
className,
|
|
11
|
+
titleClass,
|
|
12
|
+
descriptionClass,
|
|
11
13
|
intervalMs = 5000,
|
|
12
14
|
transitionMs = 1200,
|
|
13
15
|
}: CarouselHeroProps & {
|
|
@@ -86,12 +88,12 @@
|
|
|
86
88
|
>
|
|
87
89
|
{#each layers as bg, i (i)}
|
|
88
90
|
<div
|
|
89
|
-
class="absolute inset-0 bg-cover bg-center will-change-[opacity]"
|
|
91
|
+
class="absolute inset-0 bg-cover bg-center bg-no-repeat will-change-[opacity]"
|
|
90
92
|
style="
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
background-image: {bg ? `url(${bg})` : 'none'};
|
|
94
|
+
opacity: {i === active ? 1 : 0};
|
|
95
|
+
transition: opacity {transitionMs}ms ease-in-out;
|
|
96
|
+
"
|
|
95
97
|
></div>
|
|
96
98
|
{/each}
|
|
97
99
|
|
|
@@ -109,10 +111,10 @@
|
|
|
109
111
|
class="opacity-0"
|
|
110
112
|
use:fadeIn
|
|
111
113
|
>
|
|
112
|
-
<h1 class="text-white text-2xl md:text-4xl font-bold">
|
|
114
|
+
<h1 class="text-white text-2xl md:text-4xl font-bold {titleClass}">
|
|
113
115
|
{selected.title}
|
|
114
116
|
</h1>
|
|
115
|
-
<p class="text-white/90 mt-2 max-w-2xl">
|
|
117
|
+
<p class="text-white/90 mt-2 max-w-2xl {descriptionClass}">
|
|
116
118
|
{selected.description}
|
|
117
119
|
</p>
|
|
118
120
|
</div>
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
actions,
|
|
17
17
|
navClass = "",
|
|
18
18
|
linkClass = "",
|
|
19
|
+
groupClass = "",
|
|
19
20
|
buttonClass = "",
|
|
20
21
|
align = "LINK_SEPARATED_ACTIONS",
|
|
21
22
|
isLightSwitch = false,
|
|
@@ -94,11 +95,11 @@
|
|
|
94
95
|
{#if responsive.isMobile}
|
|
95
96
|
<NavMenuDrawer {links} {onclickButtonLogin} {onclickButtonRegister} />
|
|
96
97
|
{:else if align === "LINK_SEPARATED_ACTIONS"}
|
|
97
|
-
<MenuLinks {links} {linkClass} orientation="horizontal" />
|
|
98
|
+
<MenuLinks {links} {linkClass} {groupClass} orientation="horizontal" />
|
|
98
99
|
{@render actionButtons()}
|
|
99
100
|
{:else if align === "LINK_INTO_ACTIONS"}
|
|
100
101
|
<div class="flex items-center gap-2">
|
|
101
|
-
<MenuLinks {links} {linkClass} orientation="vertical" />
|
|
102
|
+
<MenuLinks {links} {linkClass} {groupClass} orientation="vertical" />
|
|
102
103
|
{@render actionButtons()}
|
|
103
104
|
</div>
|
|
104
105
|
{/if}
|
package/dist/globals.css
CHANGED