@uniformdev/csk-components 6.0.113-alpha.1 → 6.0.117-alpha.1

package/dist/content/components/canvas/Container/container.tsx

@@ -13,8 +13,6 @@ export const Container: FC<ContainerProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   className,
 }) => (
@@ -26,8 +24,6 @@ export const Container: FC<ContainerProps> = ({
       spacing,
       border,
       fluidContent,
-      fullHeight,
-      fitHeight,
       height,
       className,
     }}

package/dist/content/components/canvas/Container/parameters.ts

@@ -9,9 +9,5 @@ export type ContainerParameters = {
   spacing?: SpaceType | ViewPort<SpaceType>;
   border?: string | ViewPort<string>;
   fluidContent?: boolean;
-  /** @deprecated Use height prop instead */
-  fullHeight?: boolean;
-  /** @deprecated Use height prop instead */
-  fitHeight?: boolean;
   height?: HeightType | ViewPort<HeightType>;
 };

package/dist/content/components/canvas/DemoHero/atoms.tsx

@@ -104,7 +104,7 @@ export const BaseHeroImage: FC<BaseImageParameters & Omit<ComponentProps, 'param
     const isEditorPreviewMode = context.previewMode === 'editor' && context.isContextualEditing;
     const isPlaceholder = component?._id?.includes('placeholder_');
 
-    if (!isEditorPreviewMode || isPlaceholder || !component.variant) {
+    if (!isEditorPreviewMode || isPlaceholder) {
       return null;
     }
 

package/dist/content/components/canvas/DemoHero/columns-variant.tsx

@@ -8,10 +8,6 @@ type ColumnsVariantProps = {
   spacing: FlexibleHeroParameters['spacing'];
   border: FlexibleHeroParameters['border'];
   fluidContent: FlexibleHeroParameters['fluidContent'];
-  /** @deprecated Use height prop instead */
-  fullHeight: FlexibleHeroParameters['fullHeight'];
-  /** @deprecated Use height prop instead */
-  fitHeight: FlexibleHeroParameters['fitHeight'];
   height: FlexibleHeroParameters['height'];
   variant?: DemoHeroVariants;
   demoHeroMedia: React.ReactNode;
@@ -26,8 +22,6 @@ export const ColumnsVariant: FC<ColumnsVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   variant,
   demoHeroMedia,
@@ -36,7 +30,7 @@ export const ColumnsVariant: FC<ColumnsVariantProps> = ({
   textAlignmentClass,
   buttonAlignmentClass,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className={cn('grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0')}>
       <div className={cn('aspect-square', { 'order-last': variant === DemoHeroVariants.ColumnsReverse })}>
         <div className="flex size-full items-center justify-center overflow-hidden">{demoHeroMedia}</div>

package/dist/content/components/canvas/DemoHero/default-variant.tsx

@@ -8,8 +8,6 @@ type DefaultVariantProps = {
   spacing: FlexibleHeroParameters['spacing'];
   border: FlexibleHeroParameters['border'];
   fluidContent: FlexibleHeroParameters['fluidContent'];
-  fullHeight: FlexibleHeroParameters['fullHeight'];
-  fitHeight: FlexibleHeroParameters['fitHeight'];
   height: FlexibleHeroParameters['height'];
   demoHeroMedia: React.ReactNode;
   demoHeroContent: React.ReactNode;
@@ -23,8 +21,6 @@ export const DefaultVariant: FC<DefaultVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   demoHeroMedia,
   demoHeroContent,
@@ -32,10 +28,7 @@ export const DefaultVariant: FC<DefaultVariantProps> = ({
   textAlignmentClass,
   buttonAlignmentClass,
 }) => (
-  <Container
-    className="relative overflow-hidden"
-    {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}
-  >
+  <Container className="relative overflow-hidden" {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="absolute left-0 top-0 size-full overflow-hidden">{demoHeroMedia}</div>
     <Container className="relative flex flex-col gap-8">
       <div className={cn('flex flex-col gap-4', textAlignmentClass)}>{demoHeroContent}</div>

package/dist/content/components/canvas/DemoHero/demo-hero.tsx

@@ -78,8 +78,6 @@ export const DemoHero: FC<(FixedHeroProps | FlexibleHeroProps) & { isFlexibleHer
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   isFlexibleHero = false,
   component,
@@ -196,8 +194,6 @@ export const DemoHero: FC<(FixedHeroProps | FlexibleHeroProps) & { isFlexibleHer
     spacing,
     border,
     fluidContent,
-    fullHeight,
-    fitHeight,
     height,
     textAlignmentClass: getTextAlignmentClass({ contentAlignment }),
     buttonAlignmentClass: getButtonAlignmentClass({ contentAlignment }),

package/dist/content/components/canvas/DemoHero/fixed-hero.tsx

@@ -3,69 +3,59 @@ import { FixedHeroProps } from '.';
 import { DemoHero } from './demo-hero';
 import { getImageParametersFocalPoint } from './utils';
 
-const getImageOverlayOpacity = (overlayAutoTint?: string, enableOverlayAutoTint?: boolean) => {
-  if (overlayAutoTint) return overlayAutoTint;
-  // Cover deprecated case
-  if (enableOverlayAutoTint) return '0.3';
-  return undefined;
-};
-
-export const FixedHero: FC<FixedHeroProps> = ({ textColor, overlayAutoTint, enableOverlayAutoTint, ...props }) => {
-  const imageOverlayOpacity = getImageOverlayOpacity(overlayAutoTint, enableOverlayAutoTint);
-  return (
-    <DemoHero
-      {...props}
-      // Eyebrow Text Parameters
-      eyebrowTitleTag="span"
-      eyebrowTitleSize={{
-        mobile: 'xs',
-        tablet: 'lg',
-        desktop: 'xl',
-      }}
-      eyebrowTitleWeight="bold"
-      eyebrowTitleTransform="uppercase"
-      eyebrowTitleColor={textColor || props.eyebrowTitleColor}
-      // Title Text Parameters
-      titleSize={{
-        mobile: '3xl',
-        tablet: '4xl',
-        desktop: '4xl',
-      }}
-      titleWeight="bold"
-      titleColor={textColor || props.titleColor}
-      // Description Text Parameters
-      descriptionTag="p"
-      descriptionSize={{
-        mobile: 'sm',
-        tablet: 'lg',
-        desktop: 'xl',
-      }}
-      descriptionWeight="normal"
-      descriptionColor={textColor || props.descriptionColor}
-      // Primary Button Parameters
-      primaryButtonSize="button-medium"
-      primaryButtonTextSize="sm"
-      primaryButtonTextColor="text-secondary"
-      primaryButtonTextWeight="normal"
-      primaryButtonButtonColor="button-primary"
-      primaryButtonTextTransform="uppercase"
-      primaryButtonHoverButtonColor="button-primary-hover"
-      // Image Parameters
-      imagePriority
-      imageObjectFit="cover"
-      imageUnoptimized
-      imageContrastBaseColor={!props.component.variant && imageOverlayOpacity ? textColor : undefined}
-      imageOverlayOpacity={imageOverlayOpacity}
-      {...getImageParametersFocalPoint(!!props.component.variant)}
-      // Presentation Parameters
-      spacing={{
-        paddingTop: 'container-xlarge',
-        paddingLeft: 'container-small',
-        paddingRight: 'container-small',
-        paddingBottom: 'container-xlarge',
-      }}
-      fluidContent={!props.component.variant}
-      isFlexibleHero={false}
-    />
-  );
-};
+export const FixedHero: FC<FixedHeroProps> = ({ textColor, overlayAutoTint, ...props }) => (
+  <DemoHero
+    {...props}
+    // Eyebrow Text Parameters
+    eyebrowTitleTag="span"
+    eyebrowTitleSize={{
+      mobile: 'xs',
+      tablet: 'lg',
+      desktop: 'xl',
+    }}
+    eyebrowTitleWeight="bold"
+    eyebrowTitleTransform="uppercase"
+    eyebrowTitleColor={textColor || props.eyebrowTitleColor}
+    // Title Text Parameters
+    titleSize={{
+      mobile: '3xl',
+      tablet: '4xl',
+      desktop: '4xl',
+    }}
+    titleWeight="bold"
+    titleColor={textColor || props.titleColor}
+    // Description Text Parameters
+    descriptionTag="p"
+    descriptionSize={{
+      mobile: 'sm',
+      tablet: 'lg',
+      desktop: 'xl',
+    }}
+    descriptionWeight="normal"
+    descriptionColor={textColor || props.descriptionColor}
+    // Primary Button Parameters
+    primaryButtonSize="button-medium"
+    primaryButtonTextSize="sm"
+    primaryButtonTextColor="text-secondary"
+    primaryButtonTextWeight="normal"
+    primaryButtonButtonColor="button-primary"
+    primaryButtonTextTransform="uppercase"
+    primaryButtonHoverButtonColor="button-primary-hover"
+    // Image Parameters
+    imagePriority
+    imageObjectFit="cover"
+    imageUnoptimized
+    imageContrastBaseColor={!props.component.variant && overlayAutoTint ? textColor : undefined}
+    imageOverlayOpacity={overlayAutoTint}
+    {...getImageParametersFocalPoint(!!props.component.variant)}
+    // Presentation Parameters
+    spacing={{
+      paddingTop: 'container-xlarge',
+      paddingLeft: 'container-small',
+      paddingRight: 'container-small',
+      paddingBottom: 'container-xlarge',
+    }}
+    fluidContent={!props.component.variant}
+    isFlexibleHero={false}
+  />
+);

package/dist/content/components/canvas/DemoHero/index.tsx

@@ -60,10 +60,7 @@ export type SecondaryButtonParameters = PrefixedKeys<BaseButtonParameters, 'seco
 export type ImageParameters = PrefixedKeys<Omit<BaseImageParameters, 'image'>, 'image'> &
   Pick<BaseImageParameters, 'image'>;
 
-/**
- * @deprecated Use FixedHeroParameters or FlexibleHeroParameters directly instead.
- */
-export type DemoHeroParameters = ContainerParameters & {
+type DemoHeroParameters = ContainerParameters & {
   contentAlignment?: ContentAlignment;
 } & EyebrowTitleTextParameters &
   TitleTextParameters &
@@ -74,10 +71,6 @@ export type DemoHeroParameters = ContainerParameters & {
 
 export type FixedHeroParameters = {
   textColor?: string;
-  /**
-   * @deprecated Use overlayAutoTint instead.
-   */
-  enableOverlayAutoTint?: boolean;
   overlayAutoTint?: string;
 } & DemoHeroParameters;
 
@@ -93,10 +86,6 @@ export enum FlexibleHeroSlots {
   FlexibleHeroCta = 'flexibleHeroCta',
 }
 
-/**
- * @deprecated Use FixedHeroProps or FlexibleHeroProps directly instead.
- */
-export type DemoHeroProps = FixedHeroProps | FlexibleHeroProps;
 export type FixedHeroProps = ComponentProps<FixedHeroParameters>;
 export type FlexibleHeroProps = ComponentProps<FlexibleHeroParameters, FlexibleHeroSlots>;
 

package/dist/content/components/canvas/Flex/flex.tsx

@@ -12,12 +12,10 @@ export const Flex: FC<FlexProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
   slots,
   component,
   context,
   className,
-  fitHeight,
   height,
   wrapperClassName,
 }) => (
@@ -31,8 +29,6 @@ export const Flex: FC<FlexProps> = ({
       spacing,
       border,
       fluidContent,
-      fullHeight,
-      fitHeight,
       height,
       wrapperClassName,
       className,

package/dist/content/components/canvas/Grid/grid.tsx

@@ -11,8 +11,6 @@ export const Grid: FC<GridProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   slots,
   component,
@@ -21,7 +19,7 @@ export const Grid: FC<GridProps> = ({
 }) => (
   <BaseGrid
     className={className}
-    {...{ columnsCount, gapX, gapY, backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}
+    {...{ columnsCount, gapX, gapY, backgroundColor, spacing, border, fluidContent, height }}
   >
     <UniformSlot data={component} context={context} slot={slots.gridInner} />
   </BaseGrid>

package/dist/content/components/canvas/Image/image.tsx

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { imageFrom } from '@uniformdev/assets';
-import { MediaPlaceholder } from '@/components/ui';
 import BaseImage from '@/components/ui/Image';
+import MediaPlaceholder from '@/components/ui/MediaPlaceholder';
 import { resolveAsset } from '@/utils/assets';
 import { ImageProps } from '.';
 
@@ -25,7 +25,7 @@ export const Image: FC<ImageProps> = async ({
     const isEditorPreviewMode = context.previewMode === 'editor' && context.isContextualEditing;
     const isPlaceholder = component?._id?.includes('placeholder_');
 
-    if (!isEditorPreviewMode || isPlaceholder || !component.variant) {
+    if (!isEditorPreviewMode || isPlaceholder) {
       return null;
     }
 

package/dist/content/components/canvas/ImageGallery/image-gallery.tsx

@@ -16,8 +16,6 @@ export const ImageGallery: FC<ImageGalleryProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   config,
   context,
@@ -45,7 +43,7 @@ export const ImageGallery: FC<ImageGalleryProps> = ({
       ?.length;
 
   return (
-    <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+    <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
       <div className="flex flex-col gap-1">
         {showEmptySlot ? (
           <UniformSlot context={context} slot={slots.imageGalleryItems} data={component} />

package/dist/content/components/canvas/Modal/modal.tsx

@@ -1,11 +1,9 @@
 'use client';
 
-import { FC, useCallback, useState, MouseEvent, useRef, useEffect } from 'react';
+import { FC } from 'react';
 import { UniformSlot } from '@uniformdev/canvas-next-rsc/component';
-import { cn } from '@/utils/styling';
+import BaseModal from '@/components/ui/Modal';
 import { ModalProps } from '.';
-import { CloseIcon } from './close-icon';
-import { getCloseButtonClasses, getDialogClasses, getFormClasses } from './style-utils';
 
 export const Modal: FC<ModalProps> = ({
   slots,
@@ -15,68 +13,13 @@ export const Modal: FC<ModalProps> = ({
   backgroundColor,
   closeIconColor,
   disableCloseModalOnClickOutside,
-}) => {
-  const modalActionsRef = useRef<HTMLDivElement>(null);
-  const [showModal, setShowModal] = useState(false);
-
-  const handleClickOutside = useCallback(() => {
-    if (!disableCloseModalOnClickOutside) setShowModal(false);
-  }, [disableCloseModalOnClickOutside]);
-
-  const toggleModal = useCallback(() => {
-    setShowModal(prev => !prev);
-  }, []);
-
-  const handleClickContent = useCallback((e: MouseEvent<HTMLFormElement>) => {
-    e.stopPropagation();
-  }, []);
-
-  useEffect(() => {
-    if (!modalActionsRef.current) return;
-    const currentActions = modalActionsRef.current.querySelectorAll('button, a');
-    const handleClickButton = () => setShowModal(false);
-
-    currentActions.forEach(button => {
-      button.addEventListener('click', handleClickButton);
-    });
-    return () =>
-      currentActions.forEach(button => {
-        button.removeEventListener('click', handleClickButton);
-      });
-  }, []);
-
-  return (
-    <div>
-      <div onClick={toggleModal}>
-        <UniformSlot data={component} context={context} slot={slots.trigger} />
-      </div>
-      <div className={getDialogClasses({ showModal })}>
-        <dialog
-          open={showModal}
-          onClick={handleClickOutside}
-          aria-label="Close modal"
-          aria-modal="true"
-          className="flex size-full items-center justify-center bg-black/50 px-4"
-        >
-          <form method="dialog" className={getFormClasses({ maxWidth, backgroundColor })} onClick={handleClickContent}>
-            <button onClick={toggleModal} className={getCloseButtonClasses({ disableCloseModalOnClickOutside })}>
-              <CloseIcon
-                className={cn({
-                  [`fill-${closeIconColor}`]: closeIconColor,
-                })}
-              />
-            </button>
-            <div className="p-6 md:p-8">
-              <UniformSlot data={component} context={context} slot={slots.modalContent} />
-            </div>
-            {slots?.modalActions?.items?.length && (
-              <div ref={modalActionsRef} className="border-t p-6 md:p-8">
-                <UniformSlot data={component} context={context} slot={slots.modalActions} />
-              </div>
-            )}
-          </form>
-        </dialog>
-      </div>
-    </div>
-  );
-};
+}) => (
+  <BaseModal
+    {...{ maxWidth, backgroundColor, closeIconColor, disableCloseModalOnClickOutside }}
+    trigger={<UniformSlot data={component} context={context} slot={slots.trigger} />}
+    content={<UniformSlot data={component} context={context} slot={slots.modalContent} />}
+    actions={
+      slots?.modalActions?.items?.length && <UniformSlot data={component} context={context} slot={slots.modalActions} />
+    }
+  />
+);

package/dist/content/components/canvas/Review/default-variant.tsx

@@ -18,14 +18,12 @@ export const DefaultVariant: FC<DefaultVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   ReviewImage,
   ReviewPersonInfo,
   ReviewContent,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="mx-auto flex lg:max-w-[60%]">
       <div className="aspect-square size-12 shrink-0 rounded-full">{ReviewImage}</div>
       <div className="ml-6">

package/dist/content/components/canvas/Review/multi-column-variant.tsx

@@ -18,14 +18,12 @@ export const MultiColumnVariant: FC<MultiColumnVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   ReviewImage,
   ReviewPersonInfo,
   ReviewContent,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="grid md:grid-cols-12">
       <div className="mb-2 md:col-span-4 md:my-0">
         <div className="mb-2 aspect-square size-12 rounded-full">{ReviewImage}</div>

package/dist/content/components/canvas/Section/columns-variant.tsx

@@ -8,10 +8,6 @@ type ColumnsVariantProps = {
   spacing: SectionParameters['spacing'];
   border: SectionParameters['border'];
   fluidContent: SectionParameters['fluidContent'];
-  /** @deprecated Use height prop instead */
-  fullHeight: SectionParameters['fullHeight'];
-  /** @deprecated Use height prop instead */
-  fitHeight: SectionParameters['fitHeight'];
   height: SectionParameters['height'];
   variant: SectionVariants;
   sectionMedia: React.ReactNode;
@@ -26,8 +22,6 @@ export const ColumnsVariant: FC<ColumnsVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   variant,
   sectionMedia,
@@ -36,7 +30,7 @@ export const ColumnsVariant: FC<ColumnsVariantProps> = ({
   textAlignmentClass,
   buttonAlignmentClass,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className={cn('grid grid-cols-1 items-center gap-4 px-4 lg:grid-cols-2 xl:px-0')}>
       <div className={cn('aspect-square', { 'order-last': variant === SectionVariants.ColumnsReverse })}>
         <div className="flex size-full items-center justify-center overflow-hidden">{sectionMedia}</div>

package/dist/content/components/canvas/Section/default-variant.tsx

@@ -8,10 +8,6 @@ type DefaultVariantProps = {
   spacing?: SectionParameters['spacing'];
   border?: SectionParameters['border'];
   fluidContent?: SectionParameters['fluidContent'];
-  /** @deprecated Use height prop instead */
-  fullHeight?: SectionParameters['fullHeight'];
-  /** @deprecated Use height prop instead */
-  fitHeight?: SectionParameters['fitHeight'];
   height?: SectionParameters['height'];
   sectionMedia: React.ReactNode;
   sectionContent: React.ReactNode;
@@ -25,8 +21,6 @@ export const DefaultVariant: FC<DefaultVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
   sectionMedia,
   sectionContent,
@@ -34,10 +28,7 @@ export const DefaultVariant: FC<DefaultVariantProps> = ({
   textAlignmentClass,
   buttonAlignmentClass,
 }) => (
-  <Container
-    className="relative overflow-hidden"
-    {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}
-  >
+  <Container className="relative overflow-hidden" {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="absolute left-0 top-0 size-full overflow-hidden">{sectionMedia}</div>
     <Container className="relative flex flex-col gap-8">
       <div className={cn('flex flex-col gap-4', textAlignmentClass)}>{sectionContent}</div>

package/dist/content/components/canvas/Section/section.tsx

@@ -14,8 +14,6 @@ export const Section: FC<SectionProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => {
   const variant = component.variant as SectionVariants;
@@ -26,8 +24,6 @@ export const Section: FC<SectionProps> = ({
     spacing,
     border,
     fluidContent,
-    fullHeight,
-    fitHeight,
     height,
     textAlignmentClass: getTextAlignmentClass({ contentAlignment }),
     buttonAlignmentClass: getButtonAlignmentClass({ contentAlignment }),

package/dist/content/components/canvas/Table/table.tsx

@@ -14,14 +14,9 @@ export const Table: FC<TableProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => (
-  <Container
-    className="flex flex-col gap-5"
-    {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}
-  >
+  <Container className="flex flex-col gap-5" {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="overflow-x-auto">
       <table className={getTableClasses({ size, textColor })}>
         <thead>

package/dist/content/components/canvas/Tabs/tabs.tsx

@@ -16,8 +16,6 @@ export const Tabs: FC<TabsProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => {
   const variant = (component.variant || TabsVariants.Default) as TabsVariants;
@@ -46,10 +44,7 @@ export const Tabs: FC<TabsProps> = ({
   );
 
   return (
-    <Container
-      className="flex flex-col gap-5"
-      {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}
-    >
+    <Container className="flex flex-col gap-5" {...{ backgroundColor, spacing, border, fluidContent, height }}>
       <div className={getButtonContainerClasses({ color, variant })}>
         {tabItems.map((tabItem, index) => (
           <button

package/dist/content/components/canvas/Testimonial/default-variant.tsx

@@ -4,7 +4,7 @@ import { TestimonialProps } from '.';
 
 type WithLargeAvatarVariantProps = Pick<
   TestimonialProps,
-  'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'fullHeight' | 'fitHeight' | 'height'
+  'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'height'
 > & {
   testimonialPrimaryImage: React.ReactNode;
   testimonialContent: React.ReactNode;
@@ -21,11 +21,9 @@ export const DefaultVariant: FC<WithLargeAvatarVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <div className="mx-auto flex flex-col items-center md:max-w-[80%]">
       <div>{testimonialSecondaryImage}</div>
       <div className="my-8">{testimonialContent}</div>

package/dist/content/components/canvas/Testimonial/testimonial.tsx

@@ -13,8 +13,6 @@ export const Testimonial: FC<TestimonialProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => {
   const variant = component.variant as TestimonialVariants | undefined;
@@ -24,8 +22,6 @@ export const Testimonial: FC<TestimonialProps> = ({
     spacing,
     border,
     fluidContent,
-    fullHeight,
-    fitHeight,
     height,
     testimonialPrimaryImage: <UniformSlot context={context} data={component} slot={slots.testimonialPrimaryImage} />,
     testimonialContent: <UniformSlot context={context} data={component} slot={slots.testimonialContent} />,