@salesmind-ai/design-system 0.6.0 → 0.7.0

package/dist/blog/index.css

@@ -336,92 +336,6 @@
   }
 }
 
-/* src/components/LongFormComponents/LongFormComponents.css */
-.ds-insight-callout {
-  display: flex;
-  gap: var(--space-4);
-  padding: var(--space-6);
-  margin: var(--space-8) 0;
-  border-radius: var(--radius-card);
-  background: var(--glass-base);
-  border: 1px solid var(--hc-border-subtle);
-  position: relative;
-  overflow: hidden;
-}
-.ds-insight-callout::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: 4px;
-  background: rgb(var(--accent-rgb));
-}
-.ds-insight-callout__icon {
-  flex-shrink: 0;
-  color: rgb(var(--accent-rgb));
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.ds-insight-callout__icon svg {
-  width: 24px;
-  height: 24px;
-}
-.ds-insight-callout__content {
-  flex: 1 1 0%;
-  min-width: 0;
-  font-family: var(--font-family);
-}
-.ds-insight-callout__title {
-  margin: 0 0 var(--space-2);
-  font-size: var(--font-size-base);
-  font-weight: var(--font-weight-bold);
-  color: var(--text-primary);
-}
-.ds-insight-callout__content > :first-child:not(.ds-insight-callout__title) {
-  margin-top: 0;
-}
-.ds-insight-callout__content > :last-child {
-  margin-bottom: 0;
-}
-.ds-data-highlight {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  padding: var(--space-8);
-  margin: var(--space-8) 0;
-  border-radius: var(--radius-card);
-  background: var(--glass-base);
-  border: 1px solid var(--hc-border-subtle);
-}
-.ds-data-highlight__stat-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  margin-bottom: var(--space-4);
-}
-.ds-data-highlight__stat {
-  font-size: var(--font-size-3xl);
-  font-weight: var(--font-weight-bold);
-  color: rgb(var(--accent-rgb));
-  line-height: 1;
-}
-.ds-data-highlight__label {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-secondary);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-}
-.ds-data-highlight__caption {
-  font-size: var(--font-size-sm);
-  color: var(--text-tertiary);
-  font-style: italic;
-  max-width: 400px;
-}
-
 /* src/components/ArticleCard/ArticleCard.css */
 .ds-article-card {
   display: flex;
@@ -649,370 +563,6 @@
   opacity: 0.25;
 }
 
-/* src/components/ArticleLayout/ArticleLayout.css */
-.ds-article-layout {
-  width: 100%;
-  max-width: var(--content-width-standard);
-  margin: 0 auto;
-  padding: var(--space-8) var(--space-4);
-  font-family: var(--font-family);
-}
-.ds-article-layout__header {
-  max-width: var(--content-width-prose);
-  margin: 0 auto var(--space-12);
-  text-align: center;
-}
-.ds-article-layout__title {
-  font-size: var(--font-size-5xl);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-display);
-  color: var(--text-primary);
-  margin: 0 0 var(--space-6);
-  text-wrap: balance;
-}
-.ds-article-layout__meta {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-3);
-  font-size: var(--font-size-base);
-  color: var(--text-secondary);
-}
-.ds-article-layout__hero {
-  width: 100%;
-  aspect-ratio: 16/9;
-  border-radius: var(--radius-panel);
-  overflow: hidden;
-  margin-bottom: var(--space-12);
-  background-color: var(--hc-surface-subtle);
-  box-shadow: var(--shadow-interactive-rest);
-}
-.ds-article-layout__hero img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.ds-article-layout__body {
-  display: flex;
-  gap: var(--space-12);
-  max-width: var(--content-width-standard);
-  margin: 0 auto;
-}
-.ds-article-layout__content {
-  flex: 1;
-  min-width: 0;
-  max-width: var(--content-width-prose);
-  margin: 0 auto;
-}
-.ds-article-layout__sidebar {
-  width: 280px;
-  flex-shrink: 0;
-}
-.ds-article-layout__sidebar-inner {
-  position: sticky;
-  top: var(--space-20);
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-8);
-}
-.ds-prose {
-  color: var(--text-secondary);
-  font-size: var(--font-size-lg);
-  line-height: var(--line-height-relaxed);
-}
-.ds-prose p {
-  margin-top: 0;
-  margin-bottom: var(--space-6);
-}
-.ds-prose h2,
-.ds-prose h3,
-.ds-prose h4 {
-  color: var(--text-primary);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-tight);
-  margin-top: var(--space-10);
-  margin-bottom: var(--space-4);
-}
-.ds-prose h2 {
-  font-size: var(--font-size-3xl);
-  border-bottom: 1px solid var(--hc-surface-subtle);
-  padding-bottom: var(--space-2);
-}
-.ds-prose h3 {
-  font-size: var(--font-size-2xl);
-}
-.ds-prose h4 {
-  font-size: var(--font-size-xl);
-}
-.ds-prose a {
-  color: rgb(var(--accent-rgb));
-  text-decoration: underline;
-  text-underline-offset: 4px;
-  text-decoration-color: rgba(var(--accent-rgb), 0.3);
-  transition: text-decoration-color var(--transition-fast);
-}
-.ds-prose a:hover {
-  text-decoration-color: rgb(var(--accent-rgb));
-}
-.ds-prose ul,
-.ds-prose ol {
-  margin-top: 0;
-  margin-bottom: var(--space-6);
-  padding-left: var(--space-6);
-}
-.ds-prose li {
-  margin-bottom: var(--space-2);
-}
-.ds-prose img {
-  width: 100%;
-  border-radius: var(--radius-card);
-  margin: var(--space-8) 0;
-}
-.ds-prose blockquote {
-  border-left: 4px solid rgb(var(--accent-rgb));
-  margin: var(--space-8) 0;
-  padding: var(--space-4) var(--space-6);
-  background: var(--surface-alpha-1);
-  border-radius: 0 var(--radius-card) var(--radius-card) 0;
-  color: var(--text-primary);
-  font-style: italic;
-}
-.ds-prose pre {
-  background: var(--void-base);
-  border: 1px solid var(--hc-surface-subtle);
-  border-radius: var(--radius-card);
-  padding: var(--space-4);
-  overflow-x: auto;
-  margin: var(--space-8) 0;
-}
-.ds-prose code {
-  font-family: var(--font-family-mono);
-  font-size: var(--font-size-code-inline);
-}
-@media (max-width: 1024px) {
-  .ds-article-layout__body {
-    flex-direction: column;
-  }
-  .ds-article-layout__sidebar {
-    width: 100%;
-    order: -1;
-  }
-  .ds-article-layout__sidebar-inner {
-    position: static;
-  }
-}
-@media (max-width: 640px) {
-  .ds-article-layout__title {
-    font-size: var(--font-size-4xl);
-  }
-}
-
-/* src/components/LayoutPrimitives/LayoutPrimitives.css */
-.ds-box {
-  display: block;
-  box-sizing: border-box;
-  min-width: 0;
-}
-.ds-stack {
-  display: flex;
-  flex-direction: column;
-}
-.ds-stack--horizontal {
-  flex-direction: row;
-}
-.ds-grid {
-  display: grid;
-}
-.ds-grid--cols-1 {
-  grid-template-columns: repeat(1, 1fr);
-}
-.ds-grid--cols-2 {
-  grid-template-columns: repeat(1, 1fr);
-}
-@media (min-width: 640px) {
-  .ds-grid--cols-2 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-.ds-grid--cols-3 {
-  grid-template-columns: repeat(1, 1fr);
-}
-@media (min-width: 640px) {
-  .ds-grid--cols-3 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media (min-width: 1024px) {
-  .ds-grid--cols-3 {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-.ds-grid--cols-4 {
-  grid-template-columns: repeat(1, 1fr);
-}
-@media (min-width: 640px) {
-  .ds-grid--cols-4 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media (min-width: 1024px) {
-  .ds-grid--cols-4 {
-    grid-template-columns: repeat(4, 1fr);
-  }
-}
-.ds-grid--cols-5 {
-  grid-template-columns: repeat(1, 1fr);
-}
-@media (min-width: 640px) {
-  .ds-grid--cols-5 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media (min-width: 768px) {
-  .ds-grid--cols-5 {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-@media (min-width: 1280px) {
-  .ds-grid--cols-5 {
-    grid-template-columns: repeat(5, 1fr);
-  }
-}
-.ds-grid--cols-6 {
-  grid-template-columns: repeat(1, 1fr);
-}
-@media (min-width: 640px) {
-  .ds-grid--cols-6 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media (min-width: 768px) {
-  .ds-grid--cols-6 {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-@media (min-width: 1280px) {
-  .ds-grid--cols-6 {
-    grid-template-columns: repeat(6, 1fr);
-  }
-}
-@media (min-width: 1920px) {
-  .ds-grid--cols-3:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(4, 1fr);
-  }
-}
-@media (min-width: 2560px) {
-  .ds-grid--cols-2:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .ds-grid--cols-3:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(4, 1fr);
-  }
-  .ds-grid--cols-4:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(5, 1fr);
-  }
-  .ds-grid--cols-5:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(6, 1fr);
-  }
-  .ds-grid--cols-6:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(8, 1fr);
-  }
-}
-@media (min-width: 3840px) {
-  .ds-grid--cols-2:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .ds-grid--cols-3:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(5, 1fr);
-  }
-  .ds-grid--cols-4:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(6, 1fr);
-  }
-  .ds-grid--cols-5:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(8, 1fr);
-  }
-  .ds-grid--cols-6:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(10, 1fr);
-  }
-}
-:root {
-  --container-default-max: 1200px;
-}
-@media (min-width: 1537px) {
-  :root {
-    --container-default-max: 1400px;
-  }
-}
-@media (min-width: 1921px) {
-  :root {
-    --container-default-max: 1600px;
-  }
-}
-@media (min-width: 2561px) {
-  :root {
-    --container-default-max: 1920px;
-  }
-}
-.ds-container {
-  width: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: var(--container-padding-x, var(--space-4));
-  padding-right: var(--container-padding-x, var(--space-4));
-}
-@media (min-width: 1537px) {
-  .ds-container {
-    --container-padding-x: var(--space-6);
-  }
-}
-@media (min-width: 2561px) {
-  .ds-container {
-    --container-padding-x: var(--space-8);
-  }
-}
-.ds-section-block {
-  position: relative;
-}
-.ds-section-block--none {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.ds-section-block--sm {
-  padding-top: var(--space-8, 2rem);
-  padding-bottom: var(--space-8, 2rem);
-}
-.ds-section-block--md {
-  padding-top: var(--space-16, 4rem);
-  padding-bottom: var(--space-16, 4rem);
-}
-@media (min-width: 768px) {
-  .ds-section-block--md {
-    padding-top: var(--space-24, 6rem);
-    padding-bottom: var(--space-24, 6rem);
-  }
-}
-.ds-section-block--lg {
-  padding-top: var(--space-24, 6rem);
-  padding-bottom: var(--space-24, 6rem);
-}
-@media (min-width: 768px) {
-  .ds-section-block--lg {
-    padding-top: var(--space-32, 8rem);
-    padding-bottom: var(--space-32, 8rem);
-  }
-}
-.ds-visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 /* src/components/SectionShell/SectionShell.css */
 .ds-section {
   position: relative;
@@ -1211,135 +761,6 @@
   }
 }
 
-/* src/components/VersionedContent/VersionedContent.css */
-.ds-versioned-alert {
-  position: sticky;
-  top: 0;
-  z-index: 50;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-4);
-  padding: var(--space-3) var(--space-6);
-  background: var(--marketing-urgency, rgba(255, 170, 0, 0.15));
-  border-bottom: 1px solid var(--hc-border-subtle);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  color: var(--text-primary);
-}
-@media (max-width: 767px) {
-  .ds-versioned-alert {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}
-.ds-versioned-alert__content {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-3);
-}
-.ds-versioned-alert__icon {
-  font-size: var(--font-size-base);
-  line-height: 1;
-}
-.ds-versioned-alert__text {
-  line-height: var(--line-height-normal);
-}
-.ds-versioned-alert__delta {
-  opacity: 0.8;
-  font-style: italic;
-}
-.ds-versioned-alert__actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-4);
-  flex-shrink: 0;
-}
-.ds-versioned-alert__button {
-  text-decoration: none;
-  white-space: nowrap;
-}
-.ds-versioned-alert__close {
-  background: transparent;
-  border: none;
-  color: var(--text-tertiary);
-  font-size: var(--font-size-xl);
-  line-height: 1;
-  padding: var(--space-1);
-  cursor: pointer;
-  transition: color var(--transition-fast);
-}
-.ds-versioned-alert__close:hover {
-  color: var(--text-primary);
-}
-.ds-versioned-navigator {
-  background: var(--glass-base);
-  border: 1px solid var(--hc-border-subtle);
-  border-radius: var(--radius-card);
-  padding: var(--space-6);
-  font-family: var(--font-family);
-  margin-bottom: var(--space-8);
-}
-.ds-versioned-navigator__header {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  margin-bottom: var(--space-6);
-}
-.ds-versioned-navigator__label {
-  font-size: var(--font-size-xs);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-  color: var(--text-tertiary);
-  margin-bottom: var(--space-1);
-}
-.ds-versioned-navigator__title {
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-primary);
-  text-decoration: none;
-  transition: color var(--transition-fast);
-}
-.ds-versioned-navigator__title:hover {
-  color: rgb(var(--accent-rgb));
-}
-.ds-versioned-navigator__timeline {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-wrap: wrap;
-}
-.ds-versioned-navigator__connector {
-  height: 2px;
-  width: 32px;
-  background: var(--hc-border-subtle);
-  margin: 0 var(--space-2);
-}
-.ds-versioned-navigator__node {
-  padding: var(--space-2) var(--space-4);
-  border-radius: var(--radius-pill);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-secondary);
-  background: var(--interactive-hover-bg);
-  text-decoration: none;
-  transition: all var(--transition-fast);
-  border: 1px solid transparent;
-}
-.ds-versioned-navigator__node:hover {
-  color: var(--text-primary);
-  background: var(--interactive-active-bg);
-}
-.ds-versioned-navigator__node--active {
-  color: var(--btn-primary-text, #fff);
-  background: rgb(var(--accent-rgb));
-  border-color: var(--surface-alpha-3);
-  box-shadow: var(--shadow-interactive-rest), 0 0 12px rgba(var(--accent-rgb), 0.3);
-}
-
 /* src/components/BrowserFrame/BrowserFrame.css */
 .ds-browser-frame {
   position: relative;