@salesmind-ai/design-system 0.3.0 → 0.3.2

package/dist/index.css

@@ -5056,11 +5056,9 @@
 }
 @keyframes ds-hero-fade-up {
   from {
-    opacity: 0;
     transform: translateY(20px);
   }
   to {
-    opacity: 1;
     transform: translateY(0);
   }
 }
@@ -5118,8 +5116,7 @@
 .ds-hero__media-wrapper {
   position: relative;
   perspective: 1000px;
-  animation: ds-hero-fade-up 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
-  opacity: 0;
+  animation: ds-hero-fade-up 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;
 }
 .ds-hero__media {
   position: relative;
@@ -6582,7 +6579,7 @@
   font-size: var(--font-size-sm);
   color: var(--brand-pink);
   font-weight: var(--font-weight-medium);
-  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  transition: color 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
   display: inline-flex;
   align-items: center;
   gap: var(--space-1);
@@ -6826,7 +6823,10 @@
 .ds-social-logos__item {
   opacity: 0.5;
   filter: grayscale(100%);
-  transition: all var(--transition-base);
+  transition:
+    opacity var(--transition-base),
+    filter var(--transition-base),
+    transform var(--transition-base);
   max-width: 160px;
   display: flex;
   align-items: center;
@@ -6862,7 +6862,11 @@
   backdrop-filter: blur(8px);
   white-space: nowrap;
   pointer-events: none;
-  transition: all var(--transition-base);
+  transition:
+    opacity var(--transition-base),
+    background var(--transition-base),
+    color var(--transition-base),
+    border-color var(--transition-base);
   opacity: 0.8;
 }
 .ds-social-logos__item:hover .ds-social-logos__badge {