fix(/src/lib/components/*): allow theme={} to contain partials (#649)

Thanks @Ncookiez -- All components that can have a `theme={}` should let you pass a partial theme rather than the entire object. See #646
themesberg · Mar 4, 2023 · 863a789 · 863a789
1 parent ed74d13
commit 863a789
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/lib/components/Button/Button.tsx b/src/lib/components/Button/Button.tsx
@@ -1,5 +1,6 @@
 import classNames from 'classnames';
 import { forwardRef, type ComponentProps, type ReactNode } from 'react';
+import type { DeepPartial } from '..';
 import { mergeDeep } from '../../helpers/mergeDeep';
 import type {
   FlowbiteBoolean,
@@ -70,7 +71,7 @@ export interface ButtonProps extends Omit<ComponentProps<'button'>, 'color' | 'r
   pill?: boolean;
   positionInGroup?: keyof PositionInButtonGroup;
   size?: keyof ButtonSizes;
-  theme?: FlowbiteButtonTheme;
+  theme?: DeepPartial<FlowbiteButtonTheme>;
 }
 
 const ButtonComponent = forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(

diff --git a/src/lib/components/Carousel/Carousel.tsx b/src/lib/components/Carousel/Carousel.tsx
@@ -3,6 +3,7 @@ import type { ComponentProps, FC, PropsWithChildren, ReactElement, ReactNode } f
 import { Children, cloneElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { HiOutlineChevronLeft, HiOutlineChevronRight } from 'react-icons/hi';
 import ScrollContainer from 'react-indiana-drag-scroll';
+import type { DeepPartial } from '..';
 import { mergeDeep } from '../../helpers/mergeDeep';
 import windowExists from '../../helpers/window-exists';
 import type { FlowbiteBoolean } from '../Flowbite/FlowbiteTheme';
@@ -49,7 +50,7 @@ export interface CarouselProps extends PropsWithChildren<ComponentProps<'div'>>
   rightControl?: ReactNode;
   slide?: boolean;
   slideInterval?: number;
-  theme?: FlowbiteCarouselTheme;
+  theme?: DeepPartial<FlowbiteCarouselTheme>;
 }
 
 export const Carousel: FC<CarouselProps> = ({