@codecavepro/brand 2.5.4 → 2.6.0

package/dist/src/common/BrandNav.vue

@@ -198,8 +198,22 @@ withDefaults(defineProps<{
   height: 10px;
   border-radius: 50%;
   background: var(--color-error-400);
-  box-shadow: 0 0 12px 0 var(--color-error-400),
-              0 0 4px 0 hsl(from var(--color-error-400) h s l / 0.5);
+  box-shadow:
+    0 0 12px 0 var(--color-error-400),
+    0 0 4px 0 hsl(from var(--color-error-400) h s l / 0.5);
+
+  animation: pulse-opacity 1.5s ease-in-out infinite;
+}
+
+@keyframes pulse-opacity {
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.3;
+  }
 }
 
 .brand-nav-logo {
@@ -223,12 +237,13 @@ withDefaults(defineProps<{
   position: absolute;
   top: 100%;
   left: 0;
-  margin-top: 12px;
+  margin-top: 13px;
   width: max-content;
   opacity: 0;
   visibility: hidden;
   border-radius: 1rem;
   padding: 1.25rem;
+   z-index: 100;
   background: var(--color-surface-primary);
   -webkit-backdrop-filter: blur(24px);
   backdrop-filter: blur(24px);

package/dist/src/common/effects/TypingEffect.vue

@@ -29,7 +29,7 @@ watch(() => [props.text1, props.text2],
 </script>
 
 <template>
-  <div class="flex flex-col items-center leading-[130%] text-heading-sm lg:text-heading-lg font-bold">
+  <div class="flex flex-col items-center leading-[130%] text-heading-md md:text-heading-lg font-bold">
     <h2 :key="text1" class="split-text">
       <span class="block text-heading">{{ text1 }}</span>
       <span class="block text-action">{{ text2 }}</span>

package/dist/src/footer/FooterCta.vue

@@ -7,7 +7,7 @@ import Button from "../common/Button.vue";
   class="p-8 md:p-10 flex flex-col md:flex-row items-center justify-between gap-12 md:gap-7 rounded-3xl bg-primary-800"
 >
   <div class="flex-1">
-    <h3 class="text-heading font-bold text-[32px]">
+    <h3 class="text-heading font-bold xl:text-[32px] text-2xl">
       Grab our AI trends research!
     </h3>
 

package/dist/src/header/mobile-menu.vue

@@ -75,7 +75,7 @@ const handleCloseMenu = () => {
 
 <template>
   <div>
-    <div :class="`fixed z-50 top-0 w-full bg-surface-primary-transparent backdrop-blur-3xl ${isMenuOpen ? 'rounded-b-3xl' : 'rounded-none'}`">
+    <div :class="`fixed z-50 top-0 w-full bg-surface-primary-transparent backdrop-blur-3xl border-b border-surface-quaternary`">
       <div :class="`h-full px-5 ${isMenuOpen ? 'pb-5' : 'pb-0'} flex flex-col gap-2 transition-all`">
         <div class="flex justify-between items-center py-1.5">
           <a :href="homeHref" class="px-1.5 hover:opacity-80 transition-opacity">
@@ -85,12 +85,12 @@ const handleCloseMenu = () => {
             <span></span>
           </button>
         </div>
-        <nav v-if="isMenuOpen" class="h-full text-sm">
+        <nav v-if="isMenuOpen" class="h-full text-sm overflow-y-auto">
           <div v-if="isServicesOpen">
             <h2 class="text-center font-bold text-body-primary py-2.5">
               {{ servicesItem?.submenuTitle }}
             </h2>
-            <ServicesList :items="servicesItem?.submenu ?? []" />
+            <slot name="services" />
             <button class="pt-4" @click="isServicesOpen = false">
               <component class="w-11 h-11 text-action" :is="BackIcon" />
             </button>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codecavepro/brand",
-  "version": "2.5.4",
+  "version": "2.6.0",
   "description": "CODECAVE design system — colour, typography and layout tokens as CSS custom properties and as a typed module.",
   "license": "Unlicense",
   "type": "module",