@dust-tt/sparkle 0.2.647 → 0.2.649

package/src/components/PriceTable.tsx

@@ -14,6 +14,7 @@ interface PriceTableProps {
   className?: string;
   children: ReactNode;
   magnified?: boolean;
+  dataAnalytics?: string;
 }
 
 const colorTable = {
@@ -45,6 +46,7 @@ export function PriceTable({
   priceLabel = "",
   className = "",
   magnified = true,
+  dataAnalytics,
   children, // Use children instead of tableItems
 }: PriceTableProps) {
   // Pass size prop to all PriceTable.Item children
@@ -73,6 +75,7 @@ export function PriceTable({
         colorTable[color],
         className
       )}
+      data-analytics={dataAnalytics}
     >
       <div
         className={classNames(

package/src/components/Sheet.tsx

@@ -89,6 +89,7 @@ interface SheetContentProps
   side?: SheetSideType;
   preventAutoFocusOnClose?: boolean;
   preventAutoFocusOnOpen?: boolean;
+  dataAnalytics?: string;
 }
 
 const SheetContent = React.forwardRef<
@@ -106,6 +107,7 @@ const SheetContent = React.forwardRef<
       preventAutoFocusOnOpen = true,
       onCloseAutoFocus,
       onOpenAutoFocus,
+      dataAnalytics,
       ...props
     },
     ref
@@ -160,6 +162,7 @@ const SheetContent = React.forwardRef<
             onCloseAutoFocus={handleCloseAutoFocus}
             onOpenAutoFocus={handleOpenAutoFocus}
             onKeyDownCapture={onKeyDownCapture}
+            data-analytics={dataAnalytics}
             {...props}
           >
             {children}

package/src/components/Tabs.tsx

@@ -52,6 +52,7 @@ const TabsTrigger = React.forwardRef<
       >
     > & {
       isLoading?: boolean;
+      dataAnalytics?: string;
     } & Omit<LinkWrapperProps, "children" | "className">
 >(
   (
@@ -69,6 +70,7 @@ const TabsTrigger = React.forwardRef<
       variant = "ghost",
       isCounter = false,
       counterValue,
+      dataAnalytics,
       ...props
     },
     ref
@@ -95,6 +97,7 @@ const TabsTrigger = React.forwardRef<
           shallow={shallow}
           isCounter={isCounter}
           counterValue={counterValue}
+          dataAnalytics={dataAnalytics}
           className={cn(
             "s-relative",
             "after:s-absolute after:s-bottom-[-9px] after:s-left-1/2 after:s-h-[2px] after:s-w-full after:s--translate-x-1/2",

package/src/components/ToolCard.tsx

@@ -100,7 +100,7 @@ export const ToolCard = React.forwardRef<HTMLDivElement, ToolCardProps>(
                   e.stopPropagation();
                   toolInfo.onClick();
                 }}
-                className="s-cursor-pointer s-text-sm s-font-semibold s-text-muted-foreground hover:s-text-highlight-light hover:s-underline hover:s-underline-offset-2 dark:s-text-muted-foreground-night dark:hover:s-text-highlight-light-night"
+                className="s-heading-sm s-cursor-pointer s-text-muted-foreground hover:s-text-highlight-light hover:s-underline hover:s-underline-offset-2 dark:s-text-muted-foreground-night dark:hover:s-text-highlight-light-night"
               >
                 {toolInfo.label}
               </a>

package/src/components/ValueCard.tsx

@@ -30,7 +30,7 @@ interface CardTitleProps {
 const Title = ({ className, children }: CardTitleProps) => (
   <div
     className={cn(
-      "s-text-sm s-font-semibold",
+      "s-heading-sm",
       "s-text-foreground dark:s-text-foreground-night",
       className
     )}

package/src/stories/Citation.stories.tsx

@@ -74,7 +74,7 @@ export const CitationsExample = () => (
         </CitationIcons>
         <CitationTitle>Linkedin, Edouard Wautier</CitationTitle>
       </Citation>
-      
+
       <Citation onClick={() => alert("Card clicked")} className="s-w-48">
         <CitationIcons>
           <FaviconIcon websiteUrl="https://github.com" size="sm" />