@salesmind-ai/design-system 0.1.10 → 0.1.11

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
@@ -4504,7 +4504,7 @@
4504
4504
  gap: var(--space-1);
4505
4505
  padding: var(--space-2);
4506
4506
  flex-shrink: 0;
4507
- background: rgba(255, 255, 255, 0.07);
4507
+ background: var(--glass-base, rgba(255, 255, 255, 0.07));
4508
4508
  backdrop-filter: var(--glass-backdrop);
4509
4509
  -webkit-backdrop-filter: var(--glass-backdrop);
4510
4510
  border-radius: var(--radius-card);
@@ -4589,7 +4589,7 @@
4589
4589
  transition: opacity var(--transition-glass);
4590
4590
  }
4591
4591
  .ds-navbar-v2__tab:hover {
4592
- background: rgba(255, 255, 255, 0.06);
4592
+ background: var(--glass-base-hover, rgba(255, 255, 255, 0.06));
4593
4593
  color: var(--text-secondary);
4594
4594
  }
4595
4595
  .ds-navbar-v2__tab:hover::before {
@@ -6390,7 +6390,7 @@
6390
6390
  background:
6391
6391
  linear-gradient(
6392
6392
  to top,
6393
- rgba(0, 0, 0, 0.5) 0%,
6393
+ var(--overlay-medium, rgba(0, 0, 0, 0.5)) 0%,
6394
6394
  transparent 60%);
6395
6395
  pointer-events: none;
6396
6396
  z-index: 1;
@@ -6421,7 +6421,7 @@
6421
6421
  position: absolute;
6422
6422
  inset: -6px;
6423
6423
  border-radius: 50%;
6424
- border: 2px solid rgba(255, 255, 255, 0.3);
6424
+ border: 2px solid var(--border-subtle, rgba(255, 255, 255, 0.3));
6425
6425
  animation: ds-play-pulse 2s ease-out infinite;
6426
6426
  }
6427
6427
  @keyframes ds-play-pulse {
@@ -6759,7 +6759,7 @@
6759
6759
  background:
6760
6760
  linear-gradient(
6761
6761
  135deg,
6762
- rgba(0, 0, 0, 0.8) 0%,
6762
+ var(--overlay-heavy, rgba(0, 0, 0, 0.8)) 0%,
6763
6763
  var(--glass-base, rgba(0, 0, 0, 0.4)) 100%);
6764
6764
  border-color: rgba(var(--brand-pink-rgb, 249, 115, 22), 0.15);
6765
6765
  }
@@ -6894,9 +6894,9 @@
6894
6894
  font-weight: 500;
6895
6895
  padding: 3px 6px;
6896
6896
  border-radius: 999px;
6897
- background: rgba(255, 255, 255, 0.1);
6897
+ background: var(--glass-base, rgba(255, 255, 255, 0.1));
6898
6898
  color: var(--text-secondary);
6899
- border: 1px solid rgba(255, 255, 255, 0.15);
6899
+ border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.15));
6900
6900
  backdrop-filter: blur(8px);
6901
6901
  white-space: nowrap;
6902
6902
  pointer-events: none;
@@ -6905,9 +6905,9 @@
6905
6905
  }
6906
6906
  .ds-social-logos__item:hover .ds-social-logos__badge {
6907
6907
  opacity: 1;
6908
- background: rgba(255, 255, 255, 0.15);
6908
+ background: var(--glass-base-hover, rgba(255, 255, 255, 0.15));
6909
6909
  color: var(--text-primary);
6910
- border-color: rgba(255, 255, 255, 0.3);
6910
+ border-color: var(--border-subtle-hover, rgba(255, 255, 255, 0.3));
6911
6911
  }
6912
6912
  @media (prefers-reduced-motion: reduce) {
6913
6913
  .ds-social-card {
@@ -13975,7 +13975,7 @@
13975
13975
  .ds-change-email__social-btn:hover:not(:disabled) {
13976
13976
  background: var(--glass-base-hover);
13977
13977
  transform: translateY(-2px);
13978
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
13978
+ box-shadow: 0 8px 24px var(--shadow-color-heavy, rgba(0, 0, 0, 0.2));
13979
13979
  }
13980
13980
  .ds-change-email__social-btn:hover:not(:disabled)::before {
13981
13981
  background:
@@ -14074,8 +14074,8 @@
14074
14074
  display: inline-block;
14075
14075
  width: 20px;
14076
14076
  height: 20px;
14077
- border: 2px solid rgba(255, 255, 255, 0.3);
14078
- border-top-color: white;
14077
+ border: 2px solid var(--border-subtle, rgba(255, 255, 255, 0.3));
14078
+ border-top-color: var(--text-primary, white);
14079
14079
  border-radius: 50%;
14080
14080
  animation: ds-change-email-spin 0.8s linear infinite;
14081
14081
  }