@cloudscape-design/components 3.0.1007 → 3.0.1009

package/collection-preferences/utils.d.ts

@@ -1,87 +1,47 @@
 import React from 'react';
 import { CollectionPreferencesProps } from './interfaces';
-export declare const copyPreferences: ({
-  pageSize,
-  wrapLines,
-  stripedRows,
-  contentDensity,
-  visibleContent,
-  contentDisplay,
-  stickyColumns,
-  custom
-}: CollectionPreferencesProps.Preferences) => CollectionPreferencesProps.Preferences;
+export declare const copyPreferences: ({ pageSize, wrapLines, stripedRows, contentDensity, visibleContent, contentDisplay, stickyColumns, custom, }: CollectionPreferencesProps.Preferences) => CollectionPreferencesProps.Preferences;
 export declare const mergePreferences: (newPref: CollectionPreferencesProps.Preferences, oldPref: CollectionPreferencesProps.Preferences) => CollectionPreferencesProps.Preferences;
 interface ModalContentLayoutProps {
-  left: React.ReactNode;
-  right: React.ReactNode;
+    left: React.ReactNode;
+    right: React.ReactNode;
 }
-export declare const ModalContentLayout: ({
-  left,
-  right
-}: ModalContentLayoutProps) => JSX.Element;
+export declare const ModalContentLayout: ({ left, right }: ModalContentLayoutProps) => JSX.Element;
 interface PageSizePreferenceProps extends CollectionPreferencesProps.PageSizePreference {
-  onChange: (value: number) => void;
-  value?: number;
+    onChange: (value: number) => void;
+    value?: number;
 }
-export declare const PageSizePreference: ({
-  title,
-  options,
-  value,
-  onChange
-}: PageSizePreferenceProps) => JSX.Element;
+export declare const PageSizePreference: ({ title, options, value, onChange }: PageSizePreferenceProps) => JSX.Element;
 interface WrapLinesPreferenceProps extends CollectionPreferencesProps.WrapLinesPreference {
-  onChange: (value: boolean) => void;
-  value?: boolean;
+    onChange: (value: boolean) => void;
+    value?: boolean;
 }
-export declare const WrapLinesPreference: ({
-  label,
-  description,
-  value,
-  onChange
-}: WrapLinesPreferenceProps) => JSX.Element;
+export declare const WrapLinesPreference: ({ label, description, value, onChange }: WrapLinesPreferenceProps) => JSX.Element;
 interface StripedRowsPreferenceProps extends CollectionPreferencesProps.StripedRowsPreference {
-  onChange: (value: boolean) => void;
-  value?: boolean;
+    onChange: (value: boolean) => void;
+    value?: boolean;
 }
-export declare function StripedRowsPreference({
-  label,
-  description,
-  value,
-  onChange
-}: StripedRowsPreferenceProps): JSX.Element;
+export declare function StripedRowsPreference({ label, description, value, onChange }: StripedRowsPreferenceProps): JSX.Element;
 interface ContentDensityPreferenceProps extends CollectionPreferencesProps.ContentDensityPreference {
-  onChange: (value: 'comfortable' | 'compact') => void;
-  value?: 'comfortable' | 'compact';
+    onChange: (value: 'comfortable' | 'compact') => void;
+    value?: 'comfortable' | 'compact';
 }
-export declare const ContentDensityPreference: ({
-  label,
-  description,
-  value,
-  onChange
-}: ContentDensityPreferenceProps) => JSX.Element;
+export declare const ContentDensityPreference: ({ label, description, value, onChange }: ContentDensityPreferenceProps) => JSX.Element;
 interface StickyColumnsPreferenceProps extends CollectionPreferencesProps.StickyColumnsPreference {
-  onChange: (value?: {
-    first?: number;
-    last?: number;
-  }) => void;
-  value?: {
-    first?: number;
-    last?: number;
-  };
+    onChange: (value?: {
+        first?: number;
+        last?: number;
+    }) => void;
+    value?: {
+        first?: number;
+        last?: number;
+    };
 }
-export declare const StickyColumnsPreference: ({
-  firstColumns,
-  lastColumns,
-  onChange,
-  value
-}: StickyColumnsPreferenceProps) => JSX.Element;
+export declare const StickyColumnsPreference: ({ firstColumns, lastColumns, onChange, value, }: StickyColumnsPreferenceProps) => JSX.Element;
 interface CustomPreferenceProps<T = any> extends Pick<CollectionPreferencesProps<T>, 'customPreference'> {
-  onChange: (value: T) => void;
-  value: T;
+    onChange: (value: T) => void;
+    value: T;
 }
-export declare const CustomPreference: ({
-  value,
-  customPreference,
-  onChange
-}: CustomPreferenceProps) => JSX.Element | null;
-export {};
+export declare const CustomPreference: ({ value, customPreference, onChange }: CustomPreferenceProps) => JSX.Element | null;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/collection-preferences/visible-content.d.ts

@@ -1,13 +1,9 @@
 /// <reference types="react" />
 import { CollectionPreferencesProps } from './interfaces';
 interface VisibleContentPreferenceProps extends CollectionPreferencesProps.VisibleContentPreference {
-  onChange: (value: ReadonlyArray<string>) => void;
-  value?: ReadonlyArray<string>;
+    onChange: (value: ReadonlyArray<string>) => void;
+    value?: ReadonlyArray<string>;
 }
-export default function VisibleContentPreference({
-  title,
-  options,
-  value,
-  onChange
-}: VisibleContentPreferenceProps): JSX.Element;
-export {};
+export default function VisibleContentPreference({ title, options, value, onChange, }: VisibleContentPreferenceProps): JSX.Element;
+export {};
+//# sourceMappingURL=visible-content.d.ts.map

package/column-layout/flexible-column-layout/index.d.ts

@@ -2,14 +2,8 @@ import React from 'react';
 import { InternalColumnLayoutProps } from '../interfaces';
 export declare function calculcateCssColumnCount(columns: number, minColumnWidth: number, containerWidth: number | null): number;
 interface FlexibleColumnLayoutProps extends Pick<InternalColumnLayoutProps, 'minColumnWidth' | 'columns' | 'variant' | 'borders' | 'disableGutters' | '__tagOverride'> {
-  children: React.ReactNode;
+    children: React.ReactNode;
 }
-export default function FlexibleColumnLayout({
-  columns,
-  minColumnWidth,
-  disableGutters,
-  variant,
-  children,
-  __tagOverride
-}: FlexibleColumnLayoutProps): JSX.Element;
-export {};
+export default function FlexibleColumnLayout({ columns, minColumnWidth, disableGutters, variant, children, __tagOverride, }: FlexibleColumnLayoutProps): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/column-layout/grid-column-layout.d.ts

@@ -2,16 +2,9 @@ import React from 'react';
 import { InternalColumnLayoutProps } from './interfaces';
 import { ColumnLayoutBreakpoint } from './internal';
 interface GridColumnLayoutProps extends Required<Pick<InternalColumnLayoutProps, 'columns' | 'variant' | 'borders' | 'disableGutters'>>, Pick<InternalColumnLayoutProps, '__tagOverride'> {
-  children: React.ReactNode;
-  __breakpoint?: ColumnLayoutBreakpoint;
+    children: React.ReactNode;
+    __breakpoint?: ColumnLayoutBreakpoint;
 }
-export default function GridColumnLayout({
-  columns,
-  variant,
-  borders,
-  disableGutters,
-  __breakpoint,
-  children,
-  __tagOverride
-}: GridColumnLayoutProps): JSX.Element;
-export {};
+export default function GridColumnLayout({ columns, variant, borders, disableGutters, __breakpoint, children, __tagOverride, }: GridColumnLayoutProps): JSX.Element;
+export {};
+//# sourceMappingURL=grid-column-layout.d.ts.map

package/column-layout/index.d.ts

@@ -1,10 +1,5 @@
 /// <reference types="react" />
 import { ColumnLayoutProps } from './interfaces';
 export { ColumnLayoutProps };
-export default function ColumnLayout({
-  columns,
-  variant,
-  borders,
-  disableGutters,
-  ...props
-}: ColumnLayoutProps): JSX.Element;
+export default function ColumnLayout({ columns, variant, borders, disableGutters, ...props }: ColumnLayoutProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/column-layout/interfaces.d.ts

@@ -3,45 +3,46 @@ import { BaseComponentProps } from '../internal/base-component';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { ColumnLayoutBreakpoint } from './internal';
 export interface ColumnLayoutProps extends BaseComponentProps {
-  /**
-   * Specifies the number of columns in each grid row.
-   * When `minColumnWidth` is not set, only up to 4 columns are supported.
-   */
-  columns?: number;
-  /**
-   * Specifies the content type. This determines the spacing of the grid.
-   */
-  variant?: ColumnLayoutProps.Variant;
-  /**
-   * Controls whether dividers are placed between rows and columns.
-   *
-   * Note: This is not supported when used with `minColumnWidth`.
-   */
-  borders?: ColumnLayoutProps.Borders;
-  /**
-   * Determines whether the default gutters between columns are removed.
-   */
-  disableGutters?: boolean;
-  /**
-   * Use together with `columns` to specify the desired minimum width for each column in pixels.
-   *
-   * The number of columns is determined by the value of this property, the available space,
-   * and the maximum number of columns as defined by the `columns` property.
-   */
-  minColumnWidth?: number;
-  /**
-   * The columns to render.
-   */
-  children?: React.ReactNode;
+    /**
+     * Specifies the number of columns in each grid row.
+     * When `minColumnWidth` is not set, only up to 4 columns are supported.
+     */
+    columns?: number;
+    /**
+     * Specifies the content type. This determines the spacing of the grid.
+     */
+    variant?: ColumnLayoutProps.Variant;
+    /**
+     * Controls whether dividers are placed between rows and columns.
+     *
+     * Note: This is not supported when used with `minColumnWidth`.
+     */
+    borders?: ColumnLayoutProps.Borders;
+    /**
+     * Determines whether the default gutters between columns are removed.
+     */
+    disableGutters?: boolean;
+    /**
+     * Use together with `columns` to specify the desired minimum width for each column in pixels.
+     *
+     * The number of columns is determined by the value of this property, the available space,
+     * and the maximum number of columns as defined by the `columns` property.
+     */
+    minColumnWidth?: number;
+    /**
+     * The columns to render.
+     */
+    children?: React.ReactNode;
 }
 export declare namespace ColumnLayoutProps {
-  type Variant = 'default' | 'text-grid';
-  type Borders = 'none' | 'vertical' | 'horizontal' | 'all';
+    type Variant = 'default' | 'text-grid';
+    type Borders = 'none' | 'vertical' | 'horizontal' | 'all';
 }
 export interface InternalColumnLayoutProps extends ColumnLayoutProps, InternalBaseComponentProps {
-  __breakpoint?: ColumnLayoutBreakpoint;
-  /**
-   * Overrides the default wrapper HTML tag.
-   */
-  __tagOverride?: 'dl';
-}
+    __breakpoint?: ColumnLayoutBreakpoint;
+    /**
+     * Overrides the default wrapper HTML tag.
+     */
+    __tagOverride?: 'dl';
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/column-layout/internal.d.ts

@@ -5,15 +5,5 @@ export type ColumnLayoutBreakpoint = (typeof COLUMN_TRIGGERS)[number] | null;
 /**
  * A responsive grid layout.
  */
-export default function ColumnLayout({
-  columns,
-  variant,
-  borders,
-  disableGutters,
-  minColumnWidth,
-  children,
-  __tagOverride,
-  __breakpoint,
-  __internalRootRef,
-  ...restProps
-}: InternalColumnLayoutProps): JSX.Element;
+export default function ColumnLayout({ columns, variant, borders, disableGutters, minColumnWidth, children, __tagOverride, __breakpoint, __internalRootRef, ...restProps }: InternalColumnLayoutProps): JSX.Element;
+//# sourceMappingURL=internal.d.ts.map

package/column-layout/util.d.ts

@@ -1 +1,2 @@
-export declare function repeat<T>(value: T, times: number): T[];
+export declare function repeat<T>(value: T, times: number): T[];
+//# sourceMappingURL=util.d.ts.map

package/container/analytics-metadata/interfaces.d.ts

@@ -1,5 +1,6 @@
 import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 export interface GeneratedAnalyticsMetadataContainerComponent {
-  name: 'awsui.Container';
-  label: string | LabelIdentifier;
-}
+    name: 'awsui.Container';
+    label: string | LabelIdentifier;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/container/index.d.ts

@@ -1,10 +1,5 @@
 /// <reference types="react" />
 import { ContainerProps } from './interfaces';
 export { ContainerProps };
-export default function Container({
-  variant,
-  disableHeaderPaddings,
-  disableContentPaddings,
-  fitHeight,
-  ...props
-}: ContainerProps): JSX.Element;
+export default function Container({ variant, disableHeaderPaddings, disableContentPaddings, fitHeight, ...props }: ContainerProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/container/index.js

@@ -1,18 +1,35 @@
+import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
-
-import CoreComponent from './internal-do-not-use-core';
+import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
+import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
+import { getAnalyticsMetadataProps } from '../internal/base-component';
+import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { validateProps } from '../internal/base-component';
-
-
-
-const Container = (props) => {
-    validateProps('Container', props, ["disableFooterPaddings"], {});
-    return React.createElement(CoreComponent, props);
-};
-
-
+import { getExternalProps } from '../internal/utils/external-props';
+import { InternalContainerAsSubstep } from './internal';
+export default function Container(_a) {
+    var { variant = 'default', disableHeaderPaddings = false, disableContentPaddings = false, fitHeight = false } = _a, props = __rest(_a, ["variant", "disableHeaderPaddings", "disableContentPaddings", "fitHeight"]);
+    const analyticsMetadata = getAnalyticsMetadataProps(props);
+    const baseComponentProps = useBaseComponent('Container', {
+        props: {
+            disableContentPaddings,
+            disableHeaderPaddings,
+            fitHeight,
+            variant,
+        },
+        metadata: {
+            hasInstanceIdentifier: Boolean(analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier),
+        },
+    }, analyticsMetadata);
+    const externalProps = getExternalProps(props);
+    const analyticsComponentMetadata = {
+        name: 'awsui.Container',
+        label: { root: 'self' },
+    };
+    return (React.createElement(AnalyticsFunnelSubStep, { subStepIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, subStepErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext },
+        React.createElement(InternalContainerAsSubstep, Object.assign({ variant: variant, disableContentPaddings: disableContentPaddings, disableHeaderPaddings: disableHeaderPaddings, fitHeight: fitHeight }, props, externalProps, baseComponentProps, getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })))));
+}
 applyDisplayName(Container, 'Container');
-export default Container;
+//# sourceMappingURL=index.js.map

package/container/interfaces.d.ts

@@ -1,102 +1,103 @@
 import React from 'react';
 import { BaseComponentProps } from '../internal/base-component';
 export interface ContainerProps extends BaseComponentProps {
-  /**
-   * Specifies additional analytics-related metadata.
-   * * `instanceIdentifier` - A unique string that identifies this component instance in your application.
-   * @analytics
-   */
-  analyticsMetadata?: ContainerProps.AnalyticsMetadata;
-  /**
-   * Heading element of the container. Use the [header component](/components/header/).
-   */
-  header?: React.ReactNode;
-  /**
-   * Determines whether the container header has padding. If `true`, removes the default padding from the header.
-   */
-  disableHeaderPaddings?: boolean;
-  /**
-   *
-   * Use this slot to render a media element. Supported element types are 'img', 'video', and 'picture'.
-   * You can define different positions and sizes for the media element within the container.
-   *
-   * * `content` - Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.
-   *
-   * * `position` - Defines the media slot's position within the container. Defaults to `top`.
-   *
-   * * `width` - Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.
-   * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.
-   * Note: This value is considered only when `position` is set to `side`.
-   * If no width is provided, the media slot will take a maximum of 66% of the container's width.
-   *
-   * * `height` - Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.
-   * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.   * Note: This value is only considered if `position` is set to `top`.
-   * If no height is provided, the media slot will be displayed at its full height.
-   *
-   */
-  media?: ContainerProps.Media;
-  /**
-   * Main content of the container.
-   */
-  children?: React.ReactNode;
-  /**
-   * Determines whether the container content has padding. If `true`, removes the default padding from the content area.
-   */
-  disableContentPaddings?: boolean;
-  /**
-   * Enabling this property will make the container to fit into available height. If content is too short, the container
-   * will stretch, if too long, the container will shrink and show vertical scrollbar.
-   *
-   * Use this property to align heights of multiple containers displayed in a single row. It is recommended to stretch
-   * all containers to the height of the longest one, to avoid extra vertical scroll areas.
-   */
-  fitHeight?: boolean;
-  /**
-   * Footer of the container.
-   */
-  footer?: React.ReactNode;
-  /**
-   * Determines whether the container footer has padding. If `true`, removes the default padding from the footer.
-   * @awsuiSystem core
-   */
-
-  /**
-   * Specify a container variant with one of the following:
-   * * `default` - Use this variant in standalone context.
-   * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,
-   *               table).
-   * @visualrefresh `stacked` variant
-   */
-  variant?: 'default' | 'stacked';
-}
-export declare namespace ContainerProps {
-  interface AnalyticsMetadata {
-    instanceIdentifier?: string;
-  }
-  interface Media {
     /**
-     * Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.
+     * Specifies additional analytics-related metadata.
+     * * `instanceIdentifier` - A unique string that identifies this component instance in your application.
+     * @analytics
+     */
+    analyticsMetadata?: ContainerProps.AnalyticsMetadata;
+    /**
+     * Heading element of the container. Use the [header component](/components/header/).
      */
-    content: React.ReactNode;
+    header?: React.ReactNode;
     /**
-     * Defines the media slot's position within the container. Defaults to `top`.
+     * Determines whether the container header has padding. If `true`, removes the default padding from the header.
      */
-    position?: 'top' | 'side';
+    disableHeaderPaddings?: boolean;
     /**
-     * Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.
-     * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.
      *
+     * Use this slot to render a media element. Supported element types are 'img', 'video', and 'picture'.
+     * You can define different positions and sizes for the media element within the container.
+     *
+     * * `content` - Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.
+     *
+     * * `position` - Defines the media slot's position within the container. Defaults to `top`.
+     *
+     * * `width` - Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.
+     * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.
      * Note: This value is considered only when `position` is set to `side`.
      * If no width is provided, the media slot will take a maximum of 66% of the container's width.
+     *
+     * * `height` - Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.
+     * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.   * Note: This value is only considered if `position` is set to `top`.
+     * If no height is provided, the media slot will be displayed at its full height.
+     *
+     */
+    media?: ContainerProps.Media;
+    /**
+     * Main content of the container.
      */
-    width?: string | number;
+    children?: React.ReactNode;
     /**
-     * Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.
-     * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.
+     * Determines whether the container content has padding. If `true`, removes the default padding from the content area.
+     */
+    disableContentPaddings?: boolean;
+    /**
+     * Enabling this property will make the container to fit into available height. If content is too short, the container
+     * will stretch, if too long, the container will shrink and show vertical scrollbar.
      *
-     * Note: This value is only considered if `position` is set to `top`.
-     * If no height is provided, the media slot will be displayed at its full height.
+     * Use this property to align heights of multiple containers displayed in a single row. It is recommended to stretch
+     * all containers to the height of the longest one, to avoid extra vertical scroll areas.
+     */
+    fitHeight?: boolean;
+    /**
+     * Footer of the container.
+     */
+    footer?: React.ReactNode;
+    /**
+     * Determines whether the container footer has padding. If `true`, removes the default padding from the footer.
+     * @awsuiSystem core
+     */
+    disableFooterPaddings?: boolean;
+    /**
+     * Specify a container variant with one of the following:
+     * * `default` - Use this variant in standalone context.
+     * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,
+     *               table).
+     * @visualrefresh `stacked` variant
      */
-    height?: string | number;
-  }
-}
+    variant?: 'default' | 'stacked';
+}
+export declare namespace ContainerProps {
+    interface AnalyticsMetadata {
+        instanceIdentifier?: string;
+    }
+    interface Media {
+        /**
+         * Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.
+         */
+        content: React.ReactNode;
+        /**
+         * Defines the media slot's position within the container. Defaults to `top`.
+         */
+        position?: 'top' | 'side';
+        /**
+         * Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.
+         * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.
+         *
+         * Note: This value is considered only when `position` is set to `side`.
+         * If no width is provided, the media slot will take a maximum of 66% of the container's width.
+         */
+        width?: string | number;
+        /**
+         * Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.
+         * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.
+         *
+         * Note: This value is only considered if `position` is set to `top`.
+         * If no height is provided, the media slot will be displayed at its full height.
+         */
+        height?: string | number;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/container/internal.d.ts

@@ -3,46 +3,25 @@ import { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { ContainerProps } from './interfaces';
 export interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {
-  disableFooterPaddings?: boolean;
-  __stickyHeader?: boolean;
-  __stickyOffset?: number;
-  __mobileStickyOffset?: number;
-  __disableFooterDivider?: boolean;
-  __hiddenContent?: boolean;
-  __headerRef?: React.RefObject<HTMLDivElement>;
-  __fullPage?: boolean;
-  __disableStickyMobile?: boolean;
-  /**
-   * Additional internal variant:
-   * * `embedded` - Use this variant within a parent container (such as a modal,
-   *                expandable section, container or split panel).
-   * * `full-page` – Only for internal use in table, cards and other components
-   */
-  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';
-  __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];
-  __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];
+    disableFooterPaddings?: boolean;
+    __stickyHeader?: boolean;
+    __stickyOffset?: number;
+    __mobileStickyOffset?: number;
+    __disableFooterDivider?: boolean;
+    __hiddenContent?: boolean;
+    __headerRef?: React.RefObject<HTMLDivElement>;
+    __fullPage?: boolean;
+    __disableStickyMobile?: boolean;
+    /**
+     * Additional internal variant:
+     * * `embedded` - Use this variant within a parent container (such as a modal,
+     *                expandable section, container or split panel).
+     * * `full-page` – Only for internal use in table, cards and other components
+     */
+    variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';
+    __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];
+    __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];
 }
 export declare function InternalContainerAsSubstep(props: InternalContainerProps): JSX.Element;
-export default function InternalContainer({
-  header,
-  footer,
-  children,
-  variant,
-  disableHeaderPaddings,
-  disableContentPaddings,
-  disableFooterPaddings,
-  fitHeight,
-  media,
-  __stickyOffset,
-  __mobileStickyOffset,
-  __stickyHeader,
-  __internalRootRef,
-  __disableFooterDivider,
-  __hiddenContent,
-  __headerRef,
-  __fullPage,
-  __disableStickyMobile,
-  __funnelSubStepProps,
-  __subStepRef,
-  ...restProps
-}: InternalContainerProps): JSX.Element;
+export default function InternalContainer({ header, footer, children, variant, disableHeaderPaddings, disableContentPaddings, disableFooterPaddings, fitHeight, media, __stickyOffset, __mobileStickyOffset, __stickyHeader, __internalRootRef, __disableFooterDivider, __hiddenContent, __headerRef, __fullPage, __disableStickyMobile, __funnelSubStepProps, __subStepRef, ...restProps }: InternalContainerProps): JSX.Element;
+//# sourceMappingURL=internal.d.ts.map