negodesign 0.0.70 → 0.0.71

package/dist/components/core/banner/CtaCardImageBanner.svelte

@@ -19,31 +19,11 @@
   }: CtaCardImageBannerProps = $props();
 </script>
 
-<div class="bg-white">
-  <div class="mx-auto max-w-7xl py-24 sm:px-6 sm:py-32 lg:px-8">
+<div class="w-full">
+  <div class="w-full p-2">
     <div
       class="relative isolate overflow-hidden bg-gradient px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0 {className}"
     >
-      <svg
-        viewBox="0 0 1024 1024"
-        aria-hidden="true"
-        class="absolute top-1/2 left-1/2 -z-10 size-256 -translate-y-1/2 mask-[radial-gradient(closest-side,white,transparent)] sm:left-full sm:-ml-80 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2 lg:translate-y-0"
-      >
-        <circle
-          r="512"
-          cx="512"
-          cy="512"
-          fill="url(#759c1415-0410-454c-8f7c-9a820de03641)"
-          fill-opacity="0.7"
-        />
-        <defs>
-          <radialGradient id="759c1415-0410-454c-8f7c-9a820de03641">
-            <stop stop-color="#7775D6" />
-            <stop offset="1" stop-color="#E935C1" />
-          </radialGradient>
-        </defs>
-      </svg>
-
       {#snippet pill(
         label: string,
         href: string | undefined,
@@ -75,7 +55,7 @@
       {/snippet}
 
       <div
-        class="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left"
+        class="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-10 lg:text-left"
       >
         <h2
           class="text-3xl font-semibold tracking-tight text-balance text-white sm:text-4xl"
@@ -90,11 +70,16 @@
         >
           {@render pill(primaryText, primaryHref, onClickPrimary, "primary")}
           {#if secondaryText}
-            {@render pill(secondaryText, secondaryHref, onClickSecondary, "secondary")}
+            {@render pill(
+              secondaryText,
+              secondaryHref,
+              onClickSecondary,
+              "secondary",
+            )}
           {/if}
         </div>
       </div>
-      <div class="relative mt-16 h-80 lg:mt-8 {imageContainerClass}">
+      <div class="relative mt-16 h-40 lg:mt-8 {imageContainerClass}">
         <img
           src={imageSrc}
           alt={imageAlt}

package/dist/globals.css

@@ -759,10 +759,6 @@
     width: calc(var(--spacing) * 24);
     height: calc(var(--spacing) * 24);
   }
-  .size-256 {
-    width: calc(var(--spacing) * 256);
-    height: calc(var(--spacing) * 256);
-  }
   .size-full {
     width: 100%;
     height: 100%;
@@ -851,6 +847,9 @@
   .h-36 {
     height: calc(var(--spacing) * 36);
   }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
   .h-50 {
     height: calc(var(--spacing) * 50);
   }
@@ -860,9 +859,6 @@
   .h-75 {
     height: calc(var(--spacing) * 75);
   }
-  .h-80 {
-    height: calc(var(--spacing) * 80);
-  }
   .h-\[65px\] {
     height: 65px;
   }
@@ -2038,9 +2034,6 @@
     --tw-gradient-to: var(--muted);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] {
-    mask-image: radial-gradient(closest-side,white,transparent);
-  }
   .bg-clip-padding {
     background-clip: padding-box;
   }
@@ -2176,9 +2169,6 @@
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
-  .py-24 {
-    padding-block: calc(var(--spacing) * 24);
-  }
   .ps-4 {
     padding-inline-start: calc(var(--spacing) * 4);
   }
@@ -4242,12 +4232,6 @@
     .sm\:right-6 {
       right: calc(var(--spacing) * 6);
     }
-    .sm\:left-full {
-      left: 100%;
-    }
-    .sm\:-ml-80 {
-      margin-left: calc(var(--spacing) * -80);
-    }
     .sm\:flex {
       display: flex;
     }
@@ -4299,9 +4283,6 @@
     .sm\:py-14 {
       padding-block: calc(var(--spacing) * 14);
     }
-    .sm\:py-32 {
-      padding-block: calc(var(--spacing) * 32);
-    }
     .sm\:text-2xl {
       font-size: var(--text-2xl);
       line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -4645,9 +4626,6 @@
     .lg\:-bottom-3 {
       bottom: calc(var(--spacing) * -3);
     }
-    .lg\:left-1\/2 {
-      left: calc(1 / 2 * 100%);
-    }
     .lg\:mx-0 {
       margin-inline: 0px;
     }
@@ -4657,9 +4635,6 @@
     .lg\:mt-8 {
       margin-top: calc(var(--spacing) * 8);
     }
-    .lg\:ml-0 {
-      margin-left: 0px;
-    }
     .lg\:block {
       display: block;
     }
@@ -4717,14 +4692,6 @@
     .lg\:flex-auto {
       flex: auto;
     }
-    .lg\:-translate-x-1\/2 {
-      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-    .lg\:translate-y-0 {
-      --tw-translate-y: 0px;
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
     .lg\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -4761,8 +4728,8 @@
     .lg\:px-24 {
       padding-inline: calc(var(--spacing) * 24);
     }
-    .lg\:py-32 {
-      padding-block: calc(var(--spacing) * 32);
+    .lg\:py-10 {
+      padding-block: calc(var(--spacing) * 10);
     }
     .lg\:pt-0 {
       padding-top: 0px;

package/package.json

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