@salesmind-ai/design-system 1.5.0 → 1.7.0

package/dist/marketing/index.d.cts

@@ -1,3 +1,3 @@
-export { A as AgitationPoint, a as ArchitectureConnection, b as ArchitectureDiagram, c as ArchitectureDiagramProps, d as ArchitectureNode, e as ArchitectureNodeType, f as AuroraVoid, g as AuroraVoidIntensity, h as AuroraVoidProps, B as BeforeAfterBlock, i as BeforeAfterBlockProps, j as BeforeAfterItem, k as BeforeAfterSide, l as BookingEmbed, m as BookingEmbedProps, C as CaseStudyCard, n as CaseStudyCardProps, o as CaseStudyMetric, p as ComparisonColumn, q as ComparisonRow, r as ComparisonTable, s as ComparisonTableProps, t as CompetitorDiff, u as CompetitorDiffItem, v as CompetitorDiffProps, w as ComplianceGrid, x as ComplianceGridProps, y as ComplianceItem, z as ComplianceStatus, E as EcosystemConnection, D as EcosystemDiagram, F as EcosystemDiagramProps, G as EcosystemLayer, H as EnterpriseSLA, I as EnterpriseSignalCategory, J as EnterpriseSignalItem, K as EnterpriseSignalStatus, L as EnterpriseSignaling, M as EnterpriseSignalingProps, N as EraSentiment, O as EvolutionEra, P as EvolutionTimeline, Q as EvolutionTimelineProps, R as GuaranteeHighlight, S as GuaranteeHighlightProps, T as HeroComposition, U as HeroCompositionProps, V as ICPFilter, W as ICPFilterItem, X as ICPFilterProps, Y as IntelligenceBlock, Z as IntelligenceBlockProps, _ as IntelligenceCapability, $ as IntelligenceMetric, a0 as IntentCTA, a1 as IntentCTAProps, a2 as IntentStage, a3 as IntentTriggerType, a8 as MarketingHero, a9 as MarketingHeroProps, aa as MarketingHeroVariant, ab as MarketingSection, ac as MarketingSectionAlign, ad as MarketingSectionBackground, ae as MarketingSectionProps, af as ObjectionFAQ, ag as ObjectionFAQProps, ah as ObjectionItem, ai as PartnerBenefit, aj as PartnerCalcInput, ak as PartnerCalcOutput, al as PartnerDifferentiator, am as PartnerValueProp, an as PartnerValuePropProps, ao as PricingCard, ap as PricingCardProps, aq as PricingFeature, ar as ProblemAgitation, as as ProblemAgitationProps, at as ROICalculator, au as ROICalculatorProps, av as ROIComparisonItem, aw as SegmentSwitch, ax as SegmentSwitchProps, ay as StickyActionBar, az as StickyActionBarProps, aA as ValueAnchor, aB as ValueAnchorInput, aC as ValueAnchorOutput, aD as ValueAnchorProps } from '../index-I4Xi04oE.cjs';
+export { A as AgitationPoint, a as ArchitectureConnection, b as ArchitectureDiagram, c as ArchitectureDiagramProps, d as ArchitectureNode, e as ArchitectureNodeType, f as AuroraVoid, g as AuroraVoidIntensity, h as AuroraVoidProps, B as BeforeAfterBlock, i as BeforeAfterBlockProps, j as BeforeAfterItem, k as BeforeAfterSide, l as BookingEmbed, m as BookingEmbedProps, C as CaseStudyCard, n as CaseStudyCardProps, o as CaseStudyMetric, p as ComparisonColumn, q as ComparisonRow, r as ComparisonTable, s as ComparisonTableProps, t as CompetitorDiff, u as CompetitorDiffItem, v as CompetitorDiffProps, w as ComplianceGrid, x as ComplianceGridProps, y as ComplianceItem, z as ComplianceStatus, E as EcosystemConnection, D as EcosystemDiagram, F as EcosystemDiagramProps, G as EcosystemLayer, H as EnterpriseSLA, I as EnterpriseSignalCategory, J as EnterpriseSignalItem, K as EnterpriseSignalStatus, L as EnterpriseSignaling, M as EnterpriseSignalingProps, N as EraSentiment, O as EvolutionEra, P as EvolutionTimeline, Q as EvolutionTimelineProps, R as GuaranteeHighlight, S as GuaranteeHighlightProps, T as HeroComposition, U as HeroCompositionProps, V as ICPFilter, W as ICPFilterItem, X as ICPFilterProps, Y as IntelligenceBlock, Z as IntelligenceBlockProps, _ as IntelligenceCapability, $ as IntelligenceMetric, a0 as IntentCTA, a1 as IntentCTAProps, a2 as IntentStage, a3 as IntentTriggerType, a8 as MarketingHero, a9 as MarketingHeroProps, aa as MarketingHeroVariant, ab as MarketingSection, ac as MarketingSectionAlign, ad as MarketingSectionBackground, ae as MarketingSectionProps, af as ObjectionFAQ, ag as ObjectionFAQProps, ah as ObjectionItem, ai as PartnerBenefit, aj as PartnerCalcInput, ak as PartnerCalcOutput, al as PartnerDifferentiator, am as PartnerValueProp, an as PartnerValuePropProps, ao as PricingCard, ap as PricingCardProps, aq as PricingFeature, ar as ProblemAgitation, as as ProblemAgitationProps, at as ROICalculator, au as ROICalculatorProps, av as ROIComparisonItem, aw as SegmentSwitch, ax as SegmentSwitchProps, ay as StickyActionBar, az as StickyActionBarProps, aA as ValueAnchor, aB as ValueAnchorInput, aC as ValueAnchorOutput, aD as ValueAnchorProps } from '../index-kMlM7caH.cjs';
 import 'react';
 import '../SectionShell-CrgrzWK6.cjs';

package/dist/marketing/index.d.ts

@@ -1,3 +1,3 @@
-export { A as AgitationPoint, a as ArchitectureConnection, b as ArchitectureDiagram, c as ArchitectureDiagramProps, d as ArchitectureNode, e as ArchitectureNodeType, f as AuroraVoid, g as AuroraVoidIntensity, h as AuroraVoidProps, B as BeforeAfterBlock, i as BeforeAfterBlockProps, j as BeforeAfterItem, k as BeforeAfterSide, l as BookingEmbed, m as BookingEmbedProps, C as CaseStudyCard, n as CaseStudyCardProps, o as CaseStudyMetric, p as ComparisonColumn, q as ComparisonRow, r as ComparisonTable, s as ComparisonTableProps, t as CompetitorDiff, u as CompetitorDiffItem, v as CompetitorDiffProps, w as ComplianceGrid, x as ComplianceGridProps, y as ComplianceItem, z as ComplianceStatus, E as EcosystemConnection, D as EcosystemDiagram, F as EcosystemDiagramProps, G as EcosystemLayer, H as EnterpriseSLA, I as EnterpriseSignalCategory, J as EnterpriseSignalItem, K as EnterpriseSignalStatus, L as EnterpriseSignaling, M as EnterpriseSignalingProps, N as EraSentiment, O as EvolutionEra, P as EvolutionTimeline, Q as EvolutionTimelineProps, R as GuaranteeHighlight, S as GuaranteeHighlightProps, T as HeroComposition, U as HeroCompositionProps, V as ICPFilter, W as ICPFilterItem, X as ICPFilterProps, Y as IntelligenceBlock, Z as IntelligenceBlockProps, _ as IntelligenceCapability, $ as IntelligenceMetric, a0 as IntentCTA, a1 as IntentCTAProps, a2 as IntentStage, a3 as IntentTriggerType, a8 as MarketingHero, a9 as MarketingHeroProps, aa as MarketingHeroVariant, ab as MarketingSection, ac as MarketingSectionAlign, ad as MarketingSectionBackground, ae as MarketingSectionProps, af as ObjectionFAQ, ag as ObjectionFAQProps, ah as ObjectionItem, ai as PartnerBenefit, aj as PartnerCalcInput, ak as PartnerCalcOutput, al as PartnerDifferentiator, am as PartnerValueProp, an as PartnerValuePropProps, ao as PricingCard, ap as PricingCardProps, aq as PricingFeature, ar as ProblemAgitation, as as ProblemAgitationProps, at as ROICalculator, au as ROICalculatorProps, av as ROIComparisonItem, aw as SegmentSwitch, ax as SegmentSwitchProps, ay as StickyActionBar, az as StickyActionBarProps, aA as ValueAnchor, aB as ValueAnchorInput, aC as ValueAnchorOutput, aD as ValueAnchorProps } from '../index-r__EEywy.js';
+export { A as AgitationPoint, a as ArchitectureConnection, b as ArchitectureDiagram, c as ArchitectureDiagramProps, d as ArchitectureNode, e as ArchitectureNodeType, f as AuroraVoid, g as AuroraVoidIntensity, h as AuroraVoidProps, B as BeforeAfterBlock, i as BeforeAfterBlockProps, j as BeforeAfterItem, k as BeforeAfterSide, l as BookingEmbed, m as BookingEmbedProps, C as CaseStudyCard, n as CaseStudyCardProps, o as CaseStudyMetric, p as ComparisonColumn, q as ComparisonRow, r as ComparisonTable, s as ComparisonTableProps, t as CompetitorDiff, u as CompetitorDiffItem, v as CompetitorDiffProps, w as ComplianceGrid, x as ComplianceGridProps, y as ComplianceItem, z as ComplianceStatus, E as EcosystemConnection, D as EcosystemDiagram, F as EcosystemDiagramProps, G as EcosystemLayer, H as EnterpriseSLA, I as EnterpriseSignalCategory, J as EnterpriseSignalItem, K as EnterpriseSignalStatus, L as EnterpriseSignaling, M as EnterpriseSignalingProps, N as EraSentiment, O as EvolutionEra, P as EvolutionTimeline, Q as EvolutionTimelineProps, R as GuaranteeHighlight, S as GuaranteeHighlightProps, T as HeroComposition, U as HeroCompositionProps, V as ICPFilter, W as ICPFilterItem, X as ICPFilterProps, Y as IntelligenceBlock, Z as IntelligenceBlockProps, _ as IntelligenceCapability, $ as IntelligenceMetric, a0 as IntentCTA, a1 as IntentCTAProps, a2 as IntentStage, a3 as IntentTriggerType, a8 as MarketingHero, a9 as MarketingHeroProps, aa as MarketingHeroVariant, ab as MarketingSection, ac as MarketingSectionAlign, ad as MarketingSectionBackground, ae as MarketingSectionProps, af as ObjectionFAQ, ag as ObjectionFAQProps, ah as ObjectionItem, ai as PartnerBenefit, aj as PartnerCalcInput, ak as PartnerCalcOutput, al as PartnerDifferentiator, am as PartnerValueProp, an as PartnerValuePropProps, ao as PricingCard, ap as PricingCardProps, aq as PricingFeature, ar as ProblemAgitation, as as ProblemAgitationProps, at as ROICalculator, au as ROICalculatorProps, av as ROIComparisonItem, aw as SegmentSwitch, ax as SegmentSwitchProps, ay as StickyActionBar, az as StickyActionBarProps, aA as ValueAnchor, aB as ValueAnchorInput, aC as ValueAnchorOutput, aD as ValueAnchorProps } from '../index-CUkONzzC.js';
 import 'react';
 import '../SectionShell-CrgrzWK6.js';

package/dist/marketing/index.js

@@ -1,4 +1,4 @@
-export { ArchitectureDiagram, AuroraVoid, BeforeAfterBlock, BookingEmbed, CaseStudyCard, ComparisonTable, CompetitorDiff, ComplianceGrid, EcosystemDiagram, EnterpriseSignaling, EvolutionTimeline, GuaranteeHighlight, HeroComposition, ICPFilter, IntelligenceBlock, IntentCTA, MarketingHero, MarketingSection, ObjectionFAQ, PartnerValueProp, PricingCard, ProblemAgitation, ROICalculator, SegmentSwitch, StickyActionBar, ValueAnchor } from '../chunk-REEHJV7M.js';
+export { ArchitectureDiagram, AuroraVoid, BeforeAfterBlock, BookingEmbed, CaseStudyCard, ComparisonTable, CompetitorDiff, ComplianceGrid, EcosystemDiagram, EnterpriseSignaling, EvolutionTimeline, GuaranteeHighlight, HeroComposition, ICPFilter, IntelligenceBlock, IntentCTA, MarketingHero, MarketingSection, ObjectionFAQ, PartnerValueProp, PricingCard, ProblemAgitation, ROICalculator, SegmentSwitch, StickyActionBar, ValueAnchor } from '../chunk-2TC5EVSJ.js';
 import '../chunk-HTLWFOLC.js';
 import '../chunk-KJHPOB3J.js';
 import '../chunk-YSYR54XR.js';

package/dist/styles/styles.css

@@ -49,6 +49,9 @@
   --font-size-6xl: 3.75rem;
   --font-size-display: clamp(3rem, 5vw + 1rem, 4.5rem);
   --font-size-display-sm: clamp(2.25rem, 3.5vw + 0.75rem, 3rem);
+  --font-size-display-hero: clamp(4.5rem, 7.4vw, 7.25rem);
+  --font-size-display-monument: clamp(4rem, 9vw, 9rem);
+  --font-size-display-mega: clamp(7.5rem, 14vw, 13.75rem);
   --font-size-code-inline: 0.875em;
   --font-size-suffix: 0.6em;
   --font-weight-normal: 400;
@@ -179,6 +182,10 @@
   --glass-1: var(--glass-base);
   --glass-2: var(--glass-elevated);
   --glass-3: var(--glass-heavy);
+  --glass-blur-sm: 12px;
+  --glass-blur-md: 20px;
+  --glass-blur-lg: 28px;
+  --text-on-brand: #ffffff;
 }
 :root,
 :root[data-theme=dark] {
@@ -215,6 +222,7 @@
   --glass-highlight-bright: rgba(255, 255, 255, 0.35);
   --glass-knob-start: rgba(255, 255, 255, 0.95);
   --glass-knob-end: rgba(255, 255, 255, 0.85);
+  --glass-void: rgba(8,4,10,0.72);
   --outline-rim-top: rgba(255, 255, 255, 0.15);
   --outline-rim-bottom: rgba(255, 255, 255, 0.05);
   --interactive-hover-bg: rgba(255, 255, 255, 0.05);
@@ -240,6 +248,7 @@
   --shadow-interactive-hover: 0 12px 40px rgba(0, 0, 0, 0.35);
   --shadow-interactive-hover-subtle: 0 12px 40px rgba(0, 0, 0, 0.3);
   --shadow-interactive-active: 0 4px 20px rgba(0, 0, 0, 0.3);
+  --surface-0: rgba(0,0,0,0.4);
   --surface-alpha-1: rgba(255, 255, 255, 0.05);
   --surface-alpha-2: rgba(255, 255, 255, 0.1);
   --surface-alpha-3: rgba(255, 255, 255, 0.15);
@@ -293,6 +302,9 @@
   --illus-label-color: rgba(255, 255, 255, 0.5);
   --illus-label-active-color: rgba(255, 255, 255, 0.9);
   --illus-glow-color: rgba(var(--accent-rgb), 0.15);
+  --border-subtle: rgba(255,255,255,0.06);
+  --border-default: rgba(255,255,255,0.1);
+  --border-strong: rgba(255,255,255,0.18);
 }
 :root[data-theme=dark-contrast] {
   --void-base: #08040a;
@@ -315,6 +327,7 @@
   --glass-backdrop-heavy: blur(60px) saturate(100%) brightness(60%);
   --glass-shadow-outer: 0 20px 50px rgba(0, 0, 0, 0.5);
   --glass-shadow-inner: inset 0 1px 1px rgba(255, 255, 255, 0.15);
+  --glass-void: rgba(8,4,10,0.9);
   --rim-light-top: rgba(255, 255, 255, 0.35);
   --rim-light-bottom: rgba(255, 255, 255, 0.12);
   --rim-light-hover-top: rgba(255, 255, 255, 0.45);
@@ -327,6 +340,7 @@
   --shadow-interactive-hover: 0 12px 40px rgba(0, 0, 0, 0.45);
   --shadow-interactive-hover-subtle: 0 12px 40px rgba(0, 0, 0, 0.4);
   --shadow-interactive-active: 0 4px 20px rgba(0, 0, 0, 0.4);
+  --surface-0: rgba(0,0,0,0.6);
   --surface-alpha-1: rgba(255, 255, 255, 0.05);
   --surface-alpha-2: rgba(255, 255, 255, 0.1);
   --surface-alpha-3: rgba(255, 255, 255, 0.15);
@@ -352,6 +366,9 @@
   --illus-label-color: rgba(255, 255, 255, 0.7);
   --illus-label-active-color: rgba(255, 255, 255, 1);
   --illus-glow-color: rgba(var(--accent-rgb), 0.2);
+  --border-subtle: rgba(255,255,255,0.12);
+  --border-default: rgba(255,255,255,0.2);
+  --border-strong: rgba(255,255,255,0.32);
 }
 :root[data-theme=light] {
   --void-base: #f4f5f7;
@@ -387,6 +404,7 @@
   --glass-highlight-bright: rgba(255, 255, 255, 0.8);
   --glass-knob-start: rgba(255, 255, 255, 1);
   --glass-knob-end: rgba(255, 255, 255, 0.95);
+  --glass-void: rgba(244,245,247,0.7);
   --outline-rim-top: rgba(0, 0, 0, 0.08);
   --outline-rim-bottom: rgba(0, 0, 0, 0.03);
   --interactive-hover-bg: rgba(0, 0, 0, 0.04);
@@ -412,6 +430,7 @@
   --shadow-interactive-hover: 0 12px 40px rgba(0, 0, 0, 0.15);
   --shadow-interactive-hover-subtle: 0 12px 40px rgba(0, 0, 0, 0.12);
   --shadow-interactive-active: 0 4px 20px rgba(0, 0, 0, 0.1);
+  --surface-0: rgba(0,0,0,0.06);
   --surface-alpha-1: rgba(0, 0, 0, 0.03);
   --surface-alpha-2: rgba(0, 0, 0, 0.06);
   --surface-alpha-3: rgba(0, 0, 0, 0.09);
@@ -465,6 +484,9 @@
   --illus-label-color: rgba(0, 0, 0, 0.45);
   --illus-label-active-color: rgba(0, 0, 0, 0.85);
   --illus-glow-color: rgba(var(--accent-rgb), 0.1);
+  --border-subtle: rgba(0,0,0,0.06);
+  --border-default: rgba(0,0,0,0.1);
+  --border-strong: rgba(0,0,0,0.18);
 }
 :root[data-theme=light-contrast] {
   --void-base: #ffffff;
@@ -491,6 +513,7 @@
   --glass-shadow-combined: var(--glass-shadow-outer), var(--glass-shadow-inner);
   --glass-shadow-elevated: 0 16px 32px rgba(0, 0, 0, 0.12);
   --glass-shadow-elevated-combined: var(--glass-shadow-elevated), var(--glass-shadow-inner);
+  --glass-void: rgba(244,245,247,0.92);
   --rim-light-top: rgba(0, 0, 0, 0.08);
   --rim-light-bottom: rgba(0, 0, 0, 0.02);
   --rim-light-hover-top: rgba(0, 0, 0, 0.12);
@@ -501,6 +524,7 @@
   --shadow-interactive-hover: 0 12px 40px rgba(0, 0, 0, 0.22);
   --shadow-interactive-hover-subtle: 0 12px 40px rgba(0, 0, 0, 0.18);
   --shadow-interactive-active: 0 4px 20px rgba(0, 0, 0, 0.15);
+  --surface-0: rgba(0,0,0,0.1);
   --surface-alpha-1: rgba(0, 0, 0, 0.05);
   --surface-alpha-2: rgba(0, 0, 0, 0.08);
   --surface-alpha-3: rgba(0, 0, 0, 0.12);
@@ -526,6 +550,9 @@
   --illus-label-color: rgba(0, 0, 0, 0.6);
   --illus-label-active-color: rgba(0, 0, 0, 1);
   --illus-glow-color: rgba(var(--accent-rgb), 0.15);
+  --border-subtle: rgba(0,0,0,0.12);
+  --border-default: rgba(0,0,0,0.2);
+  --border-strong: rgba(0,0,0,0.32);
 }
 :root,
 :root[data-brand=default] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesmind-ai/design-system",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "Salesmind AI Design System",
   "license": "MIT",
   "type": "module",
@@ -227,7 +227,7 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test-storybook": "test-storybook",
-    "test-storybook:ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"npx http-server storybook-static --port 6006 --silent\" \"npx wait-on tcp:6006 && npm run test-storybook\"",
+    "test-storybook:ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"npx http-server storybook-static --port 6006 --silent\" \"npx wait-on http-get://127.0.0.1:6006/iframe.html && npm run test-storybook -- --maxWorkers=2\"",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "guard": "node scripts/guard.mjs",