@salesmind-ai/design-system 0.1.8 → 0.1.9

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
@@ -4312,9 +4312,9 @@
4312
4312
  padding-bottom: 0;
4313
4313
  }
4314
4314
  .ds-navbar-v2--scrolled .ds-navbar-v2__container {
4315
- background: rgba(var(--void-base-rgb), 0.92);
4316
- backdrop-filter: blur(60px) saturate(180%) brightness(90%);
4317
- -webkit-backdrop-filter: blur(60px) saturate(180%) brightness(90%);
4315
+ background: rgba(var(--void-base-rgb), 0.97);
4316
+ backdrop-filter: blur(80px) saturate(180%) brightness(90%);
4317
+ -webkit-backdrop-filter: blur(80px) saturate(180%) brightness(90%);
4318
4318
  border-color: var(--rim-light-bottom);
4319
4319
  box-shadow: var(--glass-shadow-elevated-combined), 0 1px 0 0 var(--rim-light-top) inset;
4320
4320
  }
@@ -4617,9 +4617,9 @@
4617
4617
  border-radius: 0;
4618
4618
  }
4619
4619
  .ds-navbar-v2__container {
4620
- background: rgba(var(--void-base-rgb), 0.92);
4621
- backdrop-filter: blur(60px) saturate(180%) brightness(90%);
4622
- -webkit-backdrop-filter: blur(60px) saturate(180%) brightness(90%);
4620
+ background: rgba(var(--void-base-rgb), 0.97);
4621
+ backdrop-filter: blur(80px) saturate(180%) brightness(90%);
4622
+ -webkit-backdrop-filter: blur(80px) saturate(180%) brightness(90%);
4623
4623
  border-bottom: 1px solid var(--rim-light-bottom);
4624
4624
  }
4625
4625
  .ds-navbar-v2__tabs {
@@ -8594,6 +8594,31 @@
8594
8594
  aspect-ratio: 16/9;
8595
8595
  }
8596
8596
  }
8597
+ .ds-article-card--no-image .ds-article-card__placeholder {
8598
+ position: relative;
8599
+ width: 100%;
8600
+ aspect-ratio: 16/9;
8601
+ overflow: hidden;
8602
+ background:
8603
+ linear-gradient(
8604
+ 135deg,
8605
+ var(--hc-surface-subtle) 0%,
8606
+ var(--hc-surface) 50%,
8607
+ rgba(var(--accent-rgb), 0.08) 100%);
8608
+ display: flex;
8609
+ align-items: center;
8610
+ justify-content: center;
8611
+ }
8612
+ .ds-article-card__placeholder-icon {
8613
+ width: 48px;
8614
+ height: 48px;
8615
+ opacity: 0.15;
8616
+ color: var(--text-tertiary);
8617
+ transition: opacity var(--transition-base);
8618
+ }
8619
+ .ds-article-card:hover .ds-article-card__placeholder-icon {
8620
+ opacity: 0.25;
8621
+ }
8597
8622
 
8598
8623
  /* src/components/ArticleLayout/ArticleLayout.css */
8599
8624
  .ds-article-layout {
@@ -10435,12 +10460,15 @@
10435
10460
  flex-direction: row;
10436
10461
  align-items: flex-start;
10437
10462
  gap: var(--space-12);
10463
+ max-width: 72rem;
10464
+ margin-left: auto;
10465
+ margin-right: auto;
10438
10466
  }
10439
10467
  }
10440
10468
  .ds-longform-layout__main {
10441
10469
  flex: 1 1 0%;
10442
10470
  min-width: 0;
10443
- max-width: var(--content-width-prose, 42.5rem);
10471
+ max-width: var(--content-width-prose, 50rem);
10444
10472
  width: 100%;
10445
10473
  }
10446
10474
  .ds-longform-layout:not(:has(.ds-longform-layout__sidebar)) .ds-longform-layout__main {
@@ -10452,7 +10480,7 @@
10452
10480
  }
10453
10481
  @media (min-width: 1024px) {
10454
10482
  .ds-longform-layout__sidebar {
10455
- width: 280px;
10483
+ width: 320px;
10456
10484
  flex-shrink: 0;
10457
10485
  position: sticky;
10458
10486
  top: calc(var(--space-16) + var(--navbar-height, 64px));