@dust-tt/sparkle 0.2.192 → 0.2.195

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.192",
+  "version": "0.2.195",
   "scripts": {
     "build": "rm -rf dist && rollup -c",
     "build:with-tw-base": "rollup -c --environment INCLUDE_TW_BASE:true",

package/src/_index.ts

@@ -208,6 +208,7 @@ import {
   Salesforce as SalesforceLogo,
   Slack as SlackLogo,
   Zapier as ZapierLogo,
+  Zendesk as ZendeskLogo,
 } from "./logo/platforms";
 
 export {
@@ -244,6 +245,7 @@ export {
   SalesforceLogo,
   SlackLogo,
   ZapierLogo,
+  ZendeskLogo,
 };
 
 import {

package/src/components/Citation.tsx

@@ -10,6 +10,7 @@ import {
   Microsoft,
   Notion,
   Slack,
+  Zendesk,
 } from "@sparkle/logo/platforms";
 
 import {
@@ -30,6 +31,7 @@ export type CitationType =
   | "image"
   | "intercom"
   | "microsoft"
+  | "zendesk"
   | "notion"
   | "slack";
 
@@ -55,6 +57,7 @@ const typeIcons = {
   google_drive: Drive,
   intercom: Intercom,
   microsoft: Microsoft,
+  zendesk: Zendesk,
   notion: Notion,
   slack: Slack,
   image: Image,

package/src/components/ContextItem.tsx

@@ -48,7 +48,7 @@ export function ContextItem({
             <div className="s-min-w-0 s-overflow-hidden s-text-ellipsis s-whitespace-nowrap s-text-base s-font-semibold">
               {title}
             </div>
-            <div className="s-flex s-flex-shrink-0 s-items-center s-gap-3 s-whitespace-nowrap s-pt-0.5 s-text-sm s-text-element-600">
+            <div className="s-flex s-flex-shrink-0 s-items-center s-gap-3 s-overflow-hidden s-pt-0.5 s-text-sm s-text-element-600">
               {subElement}
             </div>
           </div>

package/src/components/Tooltip.tsx

@@ -22,7 +22,7 @@ export function Tooltip({
   const handleMouseOver = () => {
     const id = window.setTimeout(() => {
       setIsHovered(true);
-    }, 800);
+    }, 600);
     setTimerId(id);
   };
 

package/src/logo/platforms/Zendesk.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgZapier = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 -30.5 256 256"
+    {...props}
+  >
+    <g>
+      <path
+        d="M118.249172,51.2326115 L118.249172,194.005605 L0,194.005605 L118.249172,51.2326115 Z M118.249172,2.84217094e-14 C118.249172,32.6440764 91.7686624,59.124586 59.124586,59.124586 C26.4805096,59.124586 0,32.6440764 0,2.84217094e-14 L118.249172,2.84217094e-14 Z M137.750828,194.005605 C137.750828,161.328917 164.198726,134.881019 196.875414,134.881019 C229.552102,134.881019 256,161.361529 256,194.005605 L137.750828,194.005605 Z M137.750828,142.740382 L137.750828,0 L256,0 L137.750828,142.740382 Z"
+        fill="#03363D"
+      ></path>
+    </g>
+  </svg>
+);
+export default SvgZapier;

package/src/logo/platforms/index.ts

@@ -31,3 +31,4 @@ export { default as Replicate } from "./Replicate";
 export { default as Salesforce } from "./Salesforce";
 export { default as Slack } from "./Slack";
 export { default as Zapier } from "./Zapier";
+export { default as Zendesk } from "./Zendesk";

package/src/stories/ContextItem.stories.tsx

@@ -39,9 +39,11 @@ export const ListItemExample = () => (
             </div>
           </>
         }
-        action={<Chip size="xs" label="Last Sync ~7 days ago" color="pink" />}
         visual={<Icon visual={FolderIcon} size="md" />}
       >
+        <div className="s-py-2">
+          <Chip size="xs" label="Last Sync ~7 days ago" color="pink" />
+        </div>
         <ContextItem.Description description="Lats, pricing, history of contacts, contact message" />
       </ContextItem>
       <ContextItem.SectionHeader