@salesmind-ai/design-system 0.3.11 → 0.3.13

package/dist/index.css

@@ -113,6 +113,8 @@
   backdrop-filter: var(--glass-backdrop);
   -webkit-backdrop-filter: var(--glass-backdrop);
   border-radius: var(--radius-card);
+  border: 1px solid transparent;
+  background-clip: padding-box;
   overflow: clip;
   box-shadow: var(--shadow-md), var(--glass-shadow-inner);
 }
@@ -3306,7 +3308,7 @@
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   white-space: nowrap;
   border-width: 0;
 }
@@ -4165,7 +4167,7 @@
 [data-state=open] > .ds-grid > .ds-navbar-mega-menu__section {
   opacity: 1;
   transform: translateY(0);
-  filter: blur(0px);
+  filter: blur(0);
 }
 [data-state=open] > .ds-layout-container > .ds-navbar-mega-menu__section:nth-child(1),
 [data-state=open] > .ds-layout-container > .ds-grid > .ds-navbar-mega-menu__section:nth-child(1),
@@ -4236,7 +4238,7 @@
 [data-state=open] .ds-navbar-mega-menu__item-wrapper {
   opacity: 1;
   transform: translateY(0);
-  filter: blur(0px);
+  filter: blur(0);
 }
 [data-state=open] .ds-navbar-mega-menu__item-wrapper:nth-child(1) {
   transition-delay: 80ms;
@@ -4555,7 +4557,7 @@
 .ds-navbar-v2__tab-label-row {
   display: flex;
   align-items: center;
-  gap: 2px;
+  gap: var(--space-1);
 }
 .ds-navbar-v2__tab-chevron {
   display: inline-flex;
@@ -6558,13 +6560,15 @@
   color: var(--text-primary);
 }
 .ds-social-card__source {
-  position: absolute;
-  top: var(--space-6);
-  right: var(--space-6);
+  flex-shrink: 0;
   z-index: 1;
 }
 .ds-social-card--simple .ds-social-card__source {
-  position: static;
+}
+.ds-social-card--social .ds-social-card__source {
+  float: right;
+  margin-left: var(--space-3);
+  margin-bottom: var(--space-2);
 }
 .ds-social-card__badges {
   display: flex;
@@ -6755,6 +6759,26 @@
 .ds-social-featured--spotlight .ds-social-featured__author-large {
   justify-content: center;
 }
+.ds-social-featured__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+}
+.ds-social-featured__logo {
+  display: flex;
+  align-items: center;
+}
+.ds-social-featured__logo img,
+.ds-social-featured__logo svg {
+  max-height: 40px;
+  width: auto;
+}
+.ds-social-featured__trust {
+  display: flex;
+  align-items: center;
+  gap: var(--space-4);
+  flex-wrap: wrap;
+}
 .ds-social-featured__media {
   position: relative;
   width: 100%;
@@ -6866,7 +6890,7 @@
   bottom: -16px;
   right: -12px;
   font-family: var(--font-family-mono);
-  font-size: 10px;
+  font-size: var(--font-size-xs);
   line-height: 1;
   font-weight: 500;
   padding: 3px 6px;
@@ -7673,7 +7697,7 @@
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   white-space: nowrap;
   border: 0;
 }
@@ -8509,6 +8533,9 @@
   gap: var(--space-2);
   margin-bottom: var(--space-6);
 }
+.ds-pricing-card:has(.ds-pricing-card__badge) .ds-pricing-card__header {
+  padding-right: calc(var(--space-4) + 6em);
+}
 .ds-pricing-card__tier {
   margin: 0;
   font-family: var(--font-family);
@@ -14518,7 +14545,7 @@
 .ds-signup__flag-display {
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: var(--space-2);
   padding: var(--space-3) var(--space-3) var(--space-3) var(--space-4);
   height: 100%;
   background: transparent;
@@ -14527,7 +14554,7 @@
   pointer-events: none;
 }
 .ds-signup__flag-icon {
-  font-size: 18px;
+  font-size: var(--font-size-lg);
   line-height: 1;
 }
 .ds-signup__phone-input-native {
@@ -14976,7 +15003,7 @@
   font-weight: var(--font-weight-medium);
   cursor: pointer;
   transition: color var(--transition-glass);
-  margin-left: 3px;
+  margin-left: var(--space-1);
 }
 .ds-forgot__link:hover:not(:disabled) {
   text-decoration: underline;
@@ -16678,8 +16705,8 @@
   align-items: center;
   border: 1px solid var(--rim-light-top);
   border-radius: var(--radius-badge);
-  padding: 4px;
-  gap: 4px;
+  padding: var(--space-1);
+  gap: var(--space-1);
 }
 [data-theme=light] .ds-theme-selector,
 [data-theme=light-contrast] .ds-theme-selector {
@@ -16694,8 +16721,8 @@
 .ds-theme-selector__btn {
   display: flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-3);
   border: none;
   background: transparent;
   color: var(--text-secondary);
@@ -16736,8 +16763,8 @@
 .ds-color-picker {
   display: flex;
   align-items: center;
-  gap: 2px;
-  padding: 2px;
+  gap: var(--space-1);
+  padding: var(--space-1);
   border-radius: var(--radius-badge);
   background: var(--interactive-hover-bg);
   border: 1px solid var(--rim-light-bottom);
@@ -16746,7 +16773,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 4px;
+  padding: var(--space-1);
   border: none;
   border-radius: var(--radius-xs);
   background: transparent;