@dust-tt/sparkle 0.2.606 → 0.2.609

package/dist/esm/stories/NavigationList.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationList.stories.js","sourceRoot":"","sources":["../../../src/stories/NavigationList.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NavigationList.stories.js","sourceRoot":"","sources":["../../../src/stories/NavigationList.stories.tsx"],"names":[],"mappings":"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"}

package/dist/sparkle.css

@@ -5518,6 +5518,11 @@ select {
   border-color: rgb(223 224 226 / var(--tw-border-opacity));
 }
 
+.hover\:s-border-highlight:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(28 145 255 / var(--tw-border-opacity));
+}
+
 .hover\:s-border-highlight-100:hover {
   --tw-border-opacity: 1;
   border-color: rgb(202 235 255 / var(--tw-border-opacity));
@@ -5548,11 +5553,6 @@ select {
   background-color: rgb(75 171 255 / var(--tw-bg-opacity));
 }
 
-.hover\:s-bg-muted:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
-}
-
 .hover\:s-bg-muted-background:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 247 / var(--tw-bg-opacity));
@@ -5566,6 +5566,10 @@ select {
   background-color: rgb(84 93 108 / 0.8);
 }
 
+.hover\:s-bg-muted\/50:hover {
+  background-color: rgb(247 247 247 / 0.5);
+}
+
 .hover\:s-bg-primary-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(238 238 239 / var(--tw-bg-opacity));
@@ -5914,11 +5918,21 @@ select {
   border-color: rgb(238 238 239 / var(--tw-border-opacity));
 }
 
+.disabled\:s-border-border-dark:disabled {
+  --tw-border-opacity: 1;
+  border-color: rgb(223 224 226 / var(--tw-border-opacity));
+}
+
 .disabled\:s-border-primary-100:disabled {
   --tw-border-opacity: 1;
   border-color: rgb(238 238 239 / var(--tw-border-opacity));
 }
 
+.disabled\:s-bg-background:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 .disabled\:s-bg-highlight-muted:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(142 178 211 / var(--tw-bg-opacity));
@@ -6059,6 +6073,11 @@ select {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.data-\[swipe\=move\]\:s-translate-y-\[var\(--toast-swipe-move-y\)\][data-swipe=move] {
+  --tw-translate-y: var(--toast-swipe-move-y);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 @keyframes s-collapse-up {
   from {
     height: var(--radix-collapsible-content-height);
@@ -8329,6 +8348,16 @@ select {
   border-color: rgb(42 50 65 / var(--tw-border-opacity));
 }
 
+:is(.s-dark .hover\:dark\:s-border-highlight):hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(28 145 255 / var(--tw-border-opacity));
+}
+
+:is(.s-dark .dark\:hover\:s-bg-highlight-100-night:hover) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 53 95 / var(--tw-bg-opacity));
+}
+
 :is(.s-dark .dark\:hover\:s-bg-highlight-600:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(19 127 227 / var(--tw-bg-opacity));
@@ -8352,9 +8381,8 @@ select {
   background-color: rgb(150 156 165 / 0.8);
 }
 
-:is(.s-dark .dark\:hover\:s-bg-muted-night:hover) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 20 24 / var(--tw-bg-opacity));
+:is(.s-dark .dark\:hover\:s-bg-muted-night\/50:hover) {
+  background-color: rgb(17 20 24 / 0.5);
 }
 
 :is(.s-dark .dark\:hover\:s-bg-primary-100-night:hover) {
@@ -8635,6 +8663,16 @@ select {
   border-color: rgb(28 34 45 / var(--tw-border-opacity));
 }
 
+:is(.s-dark .disabled\:dark\:s-border-border-dark-night):disabled {
+  --tw-border-opacity: 1;
+  border-color: rgb(54 65 83 / var(--tw-border-opacity));
+}
+
+:is(.s-dark .dark\:disabled\:s-bg-background-night:disabled) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
 :is(.s-dark .dark\:disabled\:s-bg-highlight-muted-night:disabled) {
   --tw-bg-opacity: 1;
   background-color: rgb(142 178 211 / var(--tw-bg-opacity));
@@ -8770,6 +8808,16 @@ select {
   }
 }
 
+.\[\&\:hover\:not\(\:has\(input\:hover\)\)\:not\(\:has\(button\:hover\)\)\]\:s-bg-muted:hover:not(:has(input:hover)):not(:has(button:hover)) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
+}
+
+:is(.s-dark .dark\:\[\&\:hover\:not\(\:has\(input\:hover\)\)\:not\(\:has\(button\:hover\)\)\]\:s-bg-muted-night:hover:not(:has(input:hover)):not(:has(button:hover))) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 20 24 / var(--tw-bg-opacity));
+}
+
 .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:s-rotate-90[data-panel-group-direction=vertical]>div {
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.606",
+  "version": "0.2.609",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

package/src/components/Checkbox.tsx

@@ -19,11 +19,12 @@ const checkboxSizeVariant: Record<CheckboxSizeType, string> = {
 
 const checkboxStyles = cva(
   cn(
-    "s-shrink-0 s-peer s-border",
-    "s-s-border-border-dark dark:s-s-border-border-dark-night",
+    "s-shrink-0 s-peer s-border s-transition s-duration-200 s-ease-in-out",
+    "s-border-border-dark dark:s-border-border-dark-night s-bg-background dark:s-bg-background-night",
     "s-text-foreground dark:s-text-foreground-night",
     "focus-visible:s-ring-ring s-ring-offset-background focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2",
-    "disabled:s-cursor-not-allowed disabled:s-opacity-50"
+    "hover:s-border-highlight hover:s-bg-highlight-50 dark:hover:s-bg-highlight-100-night hover:dark:s-border-highlight",
+    "disabled:s-cursor-not-allowed disabled:s-opacity-50 disabled:s-border-border-dark disabled:dark:s-border-border-dark-night disabled:s-bg-background dark:disabled:s-bg-background-night"
   ),
   {
     variants: {

package/src/components/DataTable.tsx

@@ -728,16 +728,15 @@ DataTable.Row = function Row({
   return (
     <tr
       className={cn(
-        "s-group/dt s-justify-center s-border-b s-transition-colors s-duration-300 s-ease-out",
+        "s-group/dt-row s-justify-center s-border-b s-transition-colors s-duration-300 s-ease-out",
         "s-border-separator dark:s-border-separator-night",
-        onClick
-          ? "s-cursor-pointer hover:s-bg-muted dark:hover:s-bg-muted-night"
-          : "",
+        onClick &&
+          "s-cursor-pointer [&:hover:not(:has(input:hover)):not(:has(button:hover))]:s-bg-muted dark:[&:hover:not(:has(input:hover)):not(:has(button:hover))]:s-bg-muted-night",
         props["data-selected"] && "s-bg-muted/50 dark:s-bg-muted/50",
         widthClassName,
         className
       )}
-      onClick={onClick ? onClick : undefined}
+      onClick={onClick || undefined}
       {...props}
     >
       {children}

package/src/components/Notification.tsx

@@ -11,7 +11,7 @@ import { assertNever, cn } from "@sparkle/lib/utils";
 
 import { Icon } from "./Icon";
 
-const NOTIFICATION_DELAY = 5000;
+const NOTIFICATION_DELAY = 3000;
 
 export type NotificationType = {
   title?: string;
@@ -22,15 +22,13 @@ export type NotificationType = {
 const NotificationsContext = React.createContext<(n: NotificationType) => void>(
   (n) => n
 );
-export interface NotificationProps {
-  className?: string;
-  description?: string;
-  title?: string;
-  variant: "success" | "error" | "info";
-  onClick?: () => void;
-}
 
-function NotificationContent({ type, title, description }: NotificationType) {
+function NotificationContent({
+  type,
+  title,
+  description,
+  onDismiss,
+}: NotificationType & { onDismiss?: () => void }) {
   const icon = (() => {
     switch (type) {
       case "success":
@@ -60,8 +58,9 @@ function NotificationContent({ type, title, description }: NotificationType) {
         "s-pointer-events-auto s-flex s-max-w-[400px] s-flex-row s-items-center s-gap-2 s-rounded-xl s-border",
         "s-border-border dark:s-border-border-night",
         "s-bg-background dark:s-bg-background-night",
-        "s-p-4 s-shadow-xl"
+        "s-cursor-pointer s-p-4 s-shadow-xl s-transition-colors hover:s-bg-muted/50 dark:hover:s-bg-muted-night/50"
       )}
+      onClick={onDismiss}
     >
       <Icon
         size="lg"
@@ -69,7 +68,7 @@ function NotificationContent({ type, title, description }: NotificationType) {
         className={variantClassName({ type })}
         aria-hidden="true"
       />
-      <div className="s-flex s-flex-col">
+      <div className="s-flex s-min-w-0 s-flex-grow s-flex-col">
         <div
           className={cn(
             "s-text-md s-line-clamp-1 s-h-6 s-grow s-font-semibold",
@@ -82,7 +81,7 @@ function NotificationContent({ type, title, description }: NotificationType) {
           <div
             className={cn(
               "s-text-muted-foreground dark:s-text-muted-foreground-night",
-              "s-line-clamp-3 s-pr-2 s-text-sm s-font-normal"
+              "s-line-clamp-3 s-text-sm s-font-normal"
             )}
           >
             {description}
@@ -98,11 +97,12 @@ export const Notification = {
     const sendNotification = React.useCallback(
       (notification: NotificationType) => {
         toast.custom(
-          () => (
+          (t) => (
             <NotificationContent
               type={notification.type}
               title={notification.title}
               description={notification.description}
+              onDismiss={() => toast.dismiss(t)}
             />
           ),
           {
@@ -119,9 +119,10 @@ export const Notification = {
         <Toaster
           toastOptions={{
             className: cn(
-              "s-transition-all s-duration-300",
+              "s-transition-all s-duration-300 s-select-none",
               "data-[state=open]:s-animate-in data-[state=closed]:s-animate-out",
               "data-[swipe=move]:s-translate-x-[var(--toast-swipe-move-x)]",
+              "data-[swipe=move]:s-translate-y-[var(--toast-swipe-move-y)]",
               "data-[state=closed]:s-fade-out-80 data-[state=closed]:s-slide-out-to-right-full",
               "data-[state=open]:s-slide-in-from-right-full"
             ),
@@ -132,6 +133,7 @@ export const Notification = {
           closeButton={false}
           expand={false}
           invert={false}
+          swipeDirections={["right"]}
         />
       </NotificationsContext.Provider>
     );

package/src/components/RadioGroup.tsx

@@ -9,13 +9,14 @@ import { cn } from "@sparkle/lib/utils";
 
 export const radioStyles = cva(
   cn(
-    "s-aspect-square s-rounded-full s-border",
-    "s-s-border-border-dark dark:s-border-primary-500",
+    "s-aspect-square s-rounded-full s-border s-transition s-duration-200 s-ease-in-out",
+    "s-border-border-dark dark:s-border-primary-500",
     "s-bg-background dark:s-bg-background-night",
     "s-text-foreground dark:s-text-foreground-night",
     "s-flex s-items-center s-justify-center",
     "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2 focus-visible:s-ring-ring",
-    "disabled:s-cursor-not-allowed disabled:s-opacity-50",
+    "hover:s-border-highlight hover:s-bg-highlight-50 dark:hover:s-bg-highlight-100-night hover:dark:s-border-highlight",
+    "disabled:s-cursor-not-allowed disabled:s-opacity-50 disabled:s-border-border-dark disabled:dark:s-border-border-dark-night disabled:s-bg-background dark:disabled:s-bg-background-night",
     "checked:s-ring-0",
     "checked:s-bg-highlight-500 dark:checked:s-bg-highlight-500-night"
   ),

package/src/components/Sheet.tsx

@@ -184,7 +184,11 @@ interface SheetContainerProps extends React.HTMLAttributes<HTMLDivElement> {
   noScroll?: boolean;
 }
 
-const SheetContainer = ({ children, noScroll }: SheetContainerProps) => {
+const SheetContainer = ({
+  children,
+  noScroll,
+  className,
+}: SheetContainerProps) => {
   const ScrollContainer = noScroll
     ? ({
         children,
@@ -201,7 +205,12 @@ const SheetContainer = ({ children, noScroll }: SheetContainerProps) => {
         "s-border-t s-border-border/60 s-transition-all s-duration-300 dark:s-border-border-night/60"
       )}
     >
-      <div className="s-relative s-flex s-h-full s-flex-col s-gap-5 s-px-5 s-pt-3 s-text-left s-text-sm s-text-foreground dark:s-text-foreground-night">
+      <div
+        className={cn(
+          "s-relative s-flex s-h-full s-flex-col s-gap-5 s-px-5 s-pt-3 s-text-left s-text-sm s-text-foreground dark:s-text-foreground-night",
+          className
+        )}
+      >
         {children}
       </div>
     </ScrollContainer>

package/src/stories/MultiPageDialog.stories.tsx

@@ -20,7 +20,7 @@ import {
 import { GmailLogo } from "@sparkle/logo/platforms";
 
 const meta: Meta<typeof MultiPageDialogContent> = {
-  title: "Primitives/MultiPageDialog",
+  title: "Modules/MultiPageDialog",
   component: MultiPageDialogContent,
 };
 

package/src/stories/MultiPageSheet.stories.tsx

@@ -13,7 +13,7 @@ import {
 import { Cog6ToothIcon, DocumentTextIcon, UserIcon } from "@sparkle/icons/app";
 
 const meta: Meta<typeof MultiPageSheetContent> = {
-  title: "Primitives/MultiPageSheet",
+  title: "Modules/MultiPageSheet",
   component: MultiPageSheetContent,
 };
 

package/src/stories/NavigationList.stories.tsx

@@ -16,7 +16,7 @@ import {
 } from "../index_with_tw_base";
 
 const meta = {
-  title: "Primitives/NavigationList",
+  title: "Modules/NavigationList",
 } satisfies Meta;
 
 export default meta;