@salesmind-ai/design-system 0.3.0 → 0.3.1

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.
package/dist/index.css CHANGED
@@ -5056,11 +5056,9 @@
5056
5056
  }
5057
5057
  @keyframes ds-hero-fade-up {
5058
5058
  from {
5059
- opacity: 0;
5060
5059
  transform: translateY(20px);
5061
5060
  }
5062
5061
  to {
5063
- opacity: 1;
5064
5062
  transform: translateY(0);
5065
5063
  }
5066
5064
  }
@@ -5118,8 +5116,7 @@
5118
5116
  .ds-hero__media-wrapper {
5119
5117
  position: relative;
5120
5118
  perspective: 1000px;
5121
- animation: ds-hero-fade-up 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
5122
- opacity: 0;
5119
+ animation: ds-hero-fade-up 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;
5123
5120
  }
5124
5121
  .ds-hero__media {
5125
5122
  position: relative;
@@ -6582,7 +6579,7 @@
6582
6579
  font-size: var(--font-size-sm);
6583
6580
  color: var(--brand-pink);
6584
6581
  font-weight: var(--font-weight-medium);
6585
- transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
6582
+ transition: color 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
6586
6583
  display: inline-flex;
6587
6584
  align-items: center;
6588
6585
  gap: var(--space-1);
@@ -6826,7 +6823,10 @@
6826
6823
  .ds-social-logos__item {
6827
6824
  opacity: 0.5;
6828
6825
  filter: grayscale(100%);
6829
- transition: all var(--transition-base);
6826
+ transition:
6827
+ opacity var(--transition-base),
6828
+ filter var(--transition-base),
6829
+ transform var(--transition-base);
6830
6830
  max-width: 160px;
6831
6831
  display: flex;
6832
6832
  align-items: center;
@@ -6862,7 +6862,11 @@
6862
6862
  backdrop-filter: blur(8px);
6863
6863
  white-space: nowrap;
6864
6864
  pointer-events: none;
6865
- transition: all var(--transition-base);
6865
+ transition:
6866
+ opacity var(--transition-base),
6867
+ background var(--transition-base),
6868
+ color var(--transition-base),
6869
+ border-color var(--transition-base);
6866
6870
  opacity: 0.8;
6867
6871
  }
6868
6872
  .ds-social-logos__item:hover .ds-social-logos__badge {