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

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/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/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} />,

package/dist/content/components/canvas/Testimonial/with-large-avatar-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 WithLargeAvatarVariant: 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 items-center gap-x-10 md:max-w-[80%]">
       <div className="hidden aspect-square w-full max-w-xs shrink-0 overflow-hidden rounded-xl lg:block">
         {testimonialPrimaryImage}

package/dist/content/components/canvas/Testimonial/with-overlapping-image-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 WithOverlappingImageVariant: FC<WithLargeAvatarVariantProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
-  fitHeight,
   height,
 }) => (
-  <Container {...{ backgroundColor, spacing, border, fluidContent, fullHeight, fitHeight, height }}>
+  <Container {...{ backgroundColor, spacing, border, fluidContent, height }}>
     <Container className="pb-10 lg:pb-0">
       <div className="mx-auto flex max-w-2xl flex-col items-center gap-10 lg:max-w-none lg:flex-row">
         <div className="-mt-7 aspect-[2/1] w-full shrink-0 overflow-hidden rounded-xl lg:-my-7 lg:aspect-[1/1.4] lg:max-w-xs">

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

@@ -1,11 +1,9 @@
 import { AssetParamValue } from '@uniformdev/assets';
-import { LinkParamValue } from '@uniformdev/canvas';
 import { ComponentProps } from '@uniformdev/canvas-next-rsc/component';
 import { ViewPort } from '@/types/cskTypes';
 
 export type VideoParameters = {
   video?: AssetParamValue;
-  url?: LinkParamValue; // Deprecated. Please use video parameter instead of url
   placeholderImage?: AssetParamValue;
   autoPlay?: boolean;
   lazyLoad?: boolean;

package/dist/content/components/canvas/Video/video.tsx

@@ -8,7 +8,6 @@ import { VideoPlaceholder } from './placeholder';
 
 export const Video: FC<VideoProps> = ({
   video,
-  url, // Deprecated. Please use video parameter instead of url
   placeholderImage,
   autoPlay,
   lazyLoad,
@@ -24,7 +23,7 @@ export const Video: FC<VideoProps> = ({
   const [resolvedVideo] = resolveAsset(video);
   const [resolvedImage] = resolveAsset(placeholderImage);
 
-  const resolvedVideoUrl = resolvedVideo?.url || (url?.type === 'url' ? url.path : undefined);
+  const resolvedVideoUrl = resolvedVideo?.url;
 
   if (!resolvedVideoUrl) {
     return <VideoPlaceholder component={component} context={context} />;

package/dist/content/components/ui/Carousel/carousel.tsx

@@ -11,7 +11,7 @@ export const Carousel: FC<CarouselProps> = ({
   spacing,
   border,
   fluidContent,
-  fullHeight,
+  height,
   itemsPerPage = '1',
   children,
   gapX,
@@ -116,7 +116,7 @@ export const Carousel: FC<CarouselProps> = ({
     });
 
   return (
-    <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, fullHeight }}>
+    <BaseContainer {...{ backgroundColor, spacing, border, fluidContent, height }}>
       <div
         className={cn('relative', {
           [resolveViewPort(gapX, '-mx-{value}')]: gapX,

package/dist/content/components/ui/Carousel/index.ts

@@ -4,7 +4,7 @@ import { ContainerProps as BaseContainerProps } from '@/components/ui/Container'
 
 export type CarouselProps = Pick<
   BaseContainerProps,
-  'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'fullHeight'
+  'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'height'
 > & {
   countOfItems?: number;
   children: (options: { className?: string; style?: React.CSSProperties }) => ReactElement;

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

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 import { cn, formatSpaceParameterValue, resolveViewPort } from '@/utils/styling';
 import { ContainerProps } from '.';
-import { getHeightValue } from './utils';
 
 export const Container: FC<ContainerProps> = ({
   className,
@@ -12,8 +11,6 @@ export const Container: FC<ContainerProps> = ({
   spacing,
   border = '',
   fluidContent = false,
-  fullHeight = false,
-  fitHeight = false,
   height,
   maxWidth,
   ...rest
@@ -23,8 +20,6 @@ export const Container: FC<ContainerProps> = ({
     { marginTop, marginBottom, marginRight, marginLeft, paddingTop, paddingBottom, paddingRight, paddingLeft },
   ] = formatSpaceParameterValue(spacing);
 
-  const heightValue = getHeightValue({ height, fullHeight, fitHeight });
-
   return (
     <div
       className={cn(
@@ -34,7 +29,7 @@ export const Container: FC<ContainerProps> = ({
           'mx-auto w-full': !fluidContent,
           'max-w-7xl max-w-container-width': !maxWidth && !fluidContent,
           [`max-w-${maxWidth}`]: !!maxWidth && !fluidContent,
-          [resolveViewPort(heightValue, 'h-{value}')]: heightValue,
+          [resolveViewPort(height, 'h-{value}')]: height,
         },
         wrapperClassName
       )}
@@ -52,7 +47,7 @@ export const Container: FC<ContainerProps> = ({
             [resolveViewPort(paddingRight, 'pr-{value}')]: paddingRight,
             [resolveViewPort(paddingLeft, 'pl-{value}')]: paddingLeft,
             [resolveViewPort(border, '{value}')]: border,
-            [resolveViewPort(heightValue, 'h-{value}')]: heightValue,
+            [resolveViewPort(height, 'h-{value}')]: height,
           },
           className
         )}

package/dist/content/components/ui/Container/index.ts

@@ -6,15 +6,9 @@ export type ContainerProps = HTMLAttributes<HTMLDivElement> & {
   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?: string | ViewPort<string>;
   wrapperClassName?: string;
   maxWidth?: string;
 };
 
-export { getHeightValue } from './utils';
-
 export { Container as default } from './container';