[front] - chore: update tailwind colors (#8399)

* [front] - fix: update @dust-tt/sparkle to version 0.2.291 - Ensures the front-end uses the latest version of @dust-tt/sparkle for enhanced stability and performance - Updates package-lock.json to reflect the new package version and its integrity_sha * [front] - refactor: unify button variant defaults for Carousel components - Changed the default button variant to 'outline' in CarouselPrevious and CarouselNext components - Removed the hardcoded variant 'white' from Carousel controls in several sections to use the new default --------- Co-authored-by: Jules <[email protected]>
dust-tt · Nov 2, 2024 · 077dce1 · 077dce1
1 parent 063ea91
commit 077dce1
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 15 deletions.
diff --git a/front/components/home/Carousel.tsx b/front/components/home/Carousel.tsx
@@ -198,8 +198,7 @@ CarouselItem.displayName = "CarouselItem";
 const CarouselPrevious = React.forwardRef<
   HTMLButtonElement,
   React.ComponentProps<typeof Button>
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
->(({ className = "", variant = "tertiary", size = "sm", ...props }, ref) => {
+>(({ className, variant = "outline", size = "sm", ...props }, ref) => {
   const { scrollPrev, canScrollPrev, isLooping } = useCarousel();
 
   return (
@@ -220,8 +219,7 @@ CarouselPrevious.displayName = "CarouselPrevious";
 const CarouselNext = React.forwardRef<
   HTMLButtonElement,
   React.ComponentProps<typeof Button>
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
->(({ className = "", variant = "tertiary", size = "sm", ...props }, ref) => {
+>(({ className, variant = "outline", size = "sm", ...props }, ref) => {
   const { scrollNext, canScrollNext, isLooping } = useCarousel();
 
   return (

diff --git a/front/components/home/ContentBlocks.tsx b/front/components/home/ContentBlocks.tsx
@@ -229,8 +229,8 @@ export const CarousselContentBlock = ({
         ))}
       </CarouselContent>
       <div className="flex w-full flex-row items-center justify-end gap-3 px-8">
-        <CarouselPrevious variant="white" />
-        <CarouselNext variant="white" />
+        <CarouselPrevious />
+        <CarouselNext />
       </div>
     </Carousel>
   </div>

diff --git a/front/components/home/content/Product/BlogSection.tsx b/front/components/home/content/Product/BlogSection.tsx
@@ -36,8 +36,8 @@ export function BlogSection() {
       <div className="col-span-12 flex flex-col items-center gap-4">
         <Carousel className="w-full">
           <div className="flex w-full flex-row gap-4 md:justify-center">
-            <CarouselPrevious variant="white" />
-            <CarouselNext variant="white" />
+            <CarouselPrevious />
+            <CarouselNext />
           </div>
           <CarouselContent>
             <CarouselItem className="basis-full md:basis-1/2 md:px-6 lg:basis-1/3">

diff --git a/front/components/home/content/Product/VerticalSection.tsx b/front/components/home/content/Product/VerticalSection.tsx
@@ -40,8 +40,8 @@ export function VerticalSection() {
       >
         <Carousel className="w-full rounded-3xl" isLooping={true}>
           <div className="flex w-full flex-row gap-4">
-            <CarouselPrevious variant="white" />
-            <CarouselNext variant="white" />
+            <CarouselPrevious />
+            <CarouselNext />
           </div>
           <CarouselContent className="rounded-xl">
             <CarouselItem className="basis-full">

diff --git a/front/package-lock.json b/front/package-lock.json
diff --git a/front/package.json b/front/package.json
@@ -20,7 +20,7 @@
   "dependencies": {
     "@auth0/nextjs-auth0": "^3.5.0",
     "@dust-tt/client": "file:../sdks/js",
-    "@dust-tt/sparkle": "^0.2.290",
+    "@dust-tt/sparkle": "^0.2.291",
     "@dust-tt/types": "file:../types",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.11",