negodesign 0.0.18 → 0.0.20

package/dist/components/core/carousel/hero/CarouselHero.svelte

@@ -88,12 +88,12 @@
   >
     {#each layers as bg, i (i)}
       <div
-        class="absolute inset-0 bg-cover bg-center will-change-[opacity]"
+        class="absolute inset-0 bg-cover bg-center bg-no-repeat will-change-[opacity]"
         style="
-          background-image: {bg ? `url(${bg})` : 'none'};
-          opacity: {i === active ? 1 : 0};
-          transition: opacity {transitionMs}ms ease-in-out;
-        "
+    background-image: {bg ? `url(${bg})` : 'none'};
+    opacity: {i === active ? 1 : 0};
+    transition: opacity {transitionMs}ms ease-in-out;
+  "
       ></div>
     {/each}
 
@@ -108,15 +108,21 @@
         {#key selected.title}
           <div
             style="transition: opacity {transitionMs * 0.6}ms ease-in-out;"
-            class="opacity-0"
+            class="opacity-0 flex flex-col justify-center items-center text-center"
             use:fadeIn
           >
-            <h1 class="text-white text-2xl md:text-4xl font-bold {titleClass}">
-              {selected.title}
-            </h1>
-            <p class="text-white/90 mt-2 max-w-2xl {descriptionClass}">
-              {selected.description}
-            </p>
+            <div>
+              <h1
+                class="text-white text-2xl md:text-4xl font-bold {titleClass}"
+              >
+                {selected.title}
+              </h1>
+            </div>
+            <div class="flex flex-col justify-center items-center">
+              <p class="text-white/90 mt-2 max-w-2xl {descriptionClass}">
+                {selected.description}
+              </p>
+            </div>
           </div>
         {/key}
 

package/dist/components/core/nav/ui/nav-menu.svelte

@@ -14,7 +14,7 @@
     logo,
     links,
     actions,
-    navClass = "",
+    navClass = "w-full",
     linkClass = "",
     groupClass = "",
     buttonClass = "",

package/dist/globals.css

@@ -507,6 +507,9 @@
   .mb-8 {
     margin-bottom: calc(var(--spacing) * 8);
   }
+  .mb-10 {
+    margin-bottom: calc(var(--spacing) * 10);
+  }
   .ml-10 {
     margin-left: calc(var(--spacing) * 10);
   }
@@ -773,6 +776,9 @@
   .w-11 {
     width: calc(var(--spacing) * 11);
   }
+  .w-11\/12 {
+    width: calc(11 / 12 * 100%);
+  }
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
@@ -1469,6 +1475,9 @@
   .bg-center {
     background-position: center;
   }
+  .bg-no-repeat {
+    background-repeat: no-repeat;
+  }
   .fill-current {
     fill: currentcolor;
   }
@@ -3229,6 +3238,9 @@
     .md\:mx-4 {
       margin-inline: calc(var(--spacing) * 4);
     }
+    .md\:my-2 {
+      margin-block: calc(var(--spacing) * 2);
+    }
     .md\:mt-10 {
       margin-top: calc(var(--spacing) * 10);
     }
@@ -3253,6 +3265,9 @@
     .md\:min-h-125 {
       min-height: calc(var(--spacing) * 125);
     }
+    .md\:w-3\/5 {
+      width: calc(3 / 5 * 100%);
+    }
     .md\:w-4\/12 {
       width: calc(4 / 12 * 100%);
     }
@@ -3265,6 +3280,9 @@
     .md\:w-37\.5 {
       width: calc(var(--spacing) * 37.5);
     }
+    .md\:w-225 {
+      width: calc(var(--spacing) * 225);
+    }
     .md\:max-w-md {
       max-width: var(--container-md);
     }
@@ -3280,6 +3298,9 @@
     .md\:gap-5 {
       gap: calc(var(--spacing) * 5);
     }
+    .md\:gap-20 {
+      gap: calc(var(--spacing) * 20);
+    }
     :where(.md\:space-y-3 > :not(:last-child)) {
       --tw-space-y-reverse: 0;
       margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
@@ -3313,6 +3334,10 @@
       font-size: var(--text-base);
       line-height: var(--tw-leading, var(--text-base--line-height));
     }
+    .md\:text-lg {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
     .md\:text-sm {
       font-size: var(--text-sm);
       line-height: var(--tw-leading, var(--text-sm--line-height));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "negodesign",
-	"version": "0.0.18",
+	"version": "0.0.20",
 	"type": "module",
 	"license": "MIT",
 	"sideEffects": [