@dust-tt/sparkle 0.5.6 → 0.5.8-rc-1

package/dist/esm/lottie/spinnerLightXS.d.ts

@@ -41,12 +41,12 @@ declare const animation: {
                     to: number[];
                     ti: number[];
                 } | {
+                    i?: undefined;
+                    o?: undefined;
                     to?: undefined;
                     ti?: undefined;
                     t: number;
                     s: number[];
-                    i?: undefined;
-                    o?: undefined;
                 })[];
                 ix: number;
                 l: number;
@@ -68,6 +68,19 @@ declare const animation: {
         shapes: {
             ty: string;
             it: ({
+                o?: undefined;
+                c?: undefined;
+                bm?: undefined;
+                p?: undefined;
+                a?: undefined;
+                s?: undefined;
+                sk?: undefined;
+                sa?: undefined;
+                r?: undefined;
+                w?: undefined;
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
                 ind: number;
                 ty: string;
                 ix: number;
@@ -90,6 +103,8 @@ declare const animation: {
                             c: boolean;
                         }[];
                     } | {
+                        i?: undefined;
+                        o?: undefined;
                         t: number;
                         s: {
                             i: number[][];
@@ -97,28 +112,22 @@ declare const animation: {
                             v: number[][];
                             c: boolean;
                         }[];
-                        i?: undefined;
-                        o?: undefined;
                     })[];
                     ix: number;
                 };
                 nm: string;
                 mn: string;
                 hd: boolean;
-                o?: undefined;
-                c?: undefined;
-                w?: undefined;
-                lc?: undefined;
-                lj?: undefined;
-                ml?: undefined;
-                bm?: undefined;
+            } | {
                 p?: undefined;
                 a?: undefined;
                 s?: undefined;
-                r?: undefined;
                 sk?: undefined;
                 sa?: undefined;
-            } | {
+                ix?: undefined;
+                r?: undefined;
+                ind?: undefined;
+                ks?: undefined;
                 ty: string;
                 c: {
                     a: number;
@@ -142,16 +151,19 @@ declare const animation: {
                 nm: string;
                 mn: string;
                 hd: boolean;
-                ind?: undefined;
-                ix?: undefined;
-                ks?: undefined;
+            } | {
                 p?: undefined;
                 a?: undefined;
                 s?: undefined;
-                r?: undefined;
                 sk?: undefined;
                 sa?: undefined;
-            } | {
+                ix?: undefined;
+                ind?: undefined;
+                ks?: undefined;
+                w?: undefined;
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
                 ty: string;
                 c: {
                     a: number;
@@ -172,10 +184,10 @@ declare const animation: {
                         t: number;
                         s: number[];
                     } | {
-                        t: number;
-                        s: number[];
                         i?: undefined;
                         o?: undefined;
+                        t: number;
+                        s: number[];
                     })[];
                     ix: number;
                 };
@@ -184,19 +196,18 @@ declare const animation: {
                 nm: string;
                 mn: string;
                 hd: boolean;
-                ind?: undefined;
+            } | {
+                c?: undefined;
+                bm?: undefined;
+                mn?: undefined;
+                hd?: undefined;
                 ix?: undefined;
+                ind?: undefined;
                 ks?: undefined;
                 w?: undefined;
                 lc?: undefined;
                 lj?: undefined;
                 ml?: undefined;
-                p?: undefined;
-                a?: undefined;
-                s?: undefined;
-                sk?: undefined;
-                sa?: undefined;
-            } | {
                 ty: string;
                 p: {
                     a: number;
@@ -234,17 +245,6 @@ declare const animation: {
                     ix: number;
                 };
                 nm: string;
-                ind?: undefined;
-                ix?: undefined;
-                ks?: undefined;
-                c?: undefined;
-                w?: undefined;
-                lc?: undefined;
-                lj?: undefined;
-                ml?: undefined;
-                bm?: undefined;
-                mn?: undefined;
-                hd?: undefined;
             })[];
             nm: string;
             np: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.5.6",
+  "version": "0.5.8-rc-1",
   "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/Card.tsx

@@ -212,7 +212,7 @@ const CardActions = React.forwardRef<
     <div
       ref={ref}
       className={cn(
-        "s-absolute s-right-2 s-top-2 sm:s-opacity-0 s-transition-opacity",
+        "s-absolute s-right-2 s-top-2 s-transition-opacity sm:s-opacity-0",
         "group-focus-within/card:s-opacity-100 group-hover/card:s-opacity-100"
       )}
       {...props}

package/src/components/Dialog.tsx

@@ -182,7 +182,7 @@ const DialogContainer = ({
   );
 
   const scrollableContent = (
-    <ScrollArea className="s-w-full s-flex-grow">
+    <ScrollArea className="s-min-h-0 s-w-full s-flex-grow">
       <div
         className={cn(
           contentStyles,
@@ -197,7 +197,7 @@ const DialogContainer = ({
 
   if (fixedContent) {
     return (
-      <div className="s-flex s-flex-grow s-flex-col s-overflow-hidden">
+      <div className="s-flex s-min-h-0 s-flex-grow s-flex-col s-overflow-hidden">
         <div className={cn(contentStyles, "s-flex-none")}>{fixedContent}</div>
         <Separator />
         {scrollableContent}

package/src/components/NavigationList.tsx

@@ -68,7 +68,8 @@ const NavigationList = React.forwardRef<
 NavigationList.displayName = "NavigationList";
 
 interface NavigationListItemProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     Omit<LinkWrapperProps, "children" | "className"> {
   selected?: boolean;
   label?: string;
@@ -174,8 +175,7 @@ const NavigationListItem = React.forwardRef<
 );
 NavigationListItem.displayName = "NavigationListItem";
 
-interface NavigationListItemActionProps
-  extends React.HTMLAttributes<HTMLDivElement> {
+interface NavigationListItemActionProps extends React.HTMLAttributes<HTMLDivElement> {
   showOnHover?: boolean;
 }
 
@@ -223,8 +223,7 @@ const labelStyles = cva(
   "s-flex s-items-center s-justify-between s-gap-2 s-pt-4 s-pb-2 s-heading-xs s-whitespace-nowrap s-overflow-hidden s-text-ellipsis"
 );
 
-interface NavigationListLabelButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface NavigationListLabelButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   icon?: React.ComponentType;
   children?: React.ReactNode;
 }
@@ -261,7 +260,8 @@ const NavigationListLabelButton = React.forwardRef<
 NavigationListLabelButton.displayName = "NavigationListLabelButton";
 
 interface NavigationListLabelProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof variantStyles> {
   label: string;
   isCollapsible?: boolean;
@@ -312,8 +312,7 @@ const NavigationListLabel = React.forwardRef<
 
 NavigationListLabel.displayName = "NavigationListLabel";
 
-interface NavigationListCollapsibleSectionProps
-  extends React.HTMLAttributes<HTMLDivElement> {
+interface NavigationListCollapsibleSectionProps extends React.HTMLAttributes<HTMLDivElement> {
   label: string;
   action?: React.ReactNode;
   defaultOpen?: boolean;