@cloudscape-design/components 3.0.1012 → 3.0.1013

package/collection-preferences/utils.d.ts

@@ -1,47 +1,87 @@
 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 {};
-//# sourceMappingURL=utils.d.ts.map
+export declare const CustomPreference: ({
+  value,
+  customPreference,
+  onChange
+}: CustomPreferenceProps) => JSX.Element | null;
+export {};

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

@@ -1,9 +1,13 @@
 /// <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 {};
-//# sourceMappingURL=visible-content.d.ts.map
+export default function VisibleContentPreference({
+  title,
+  options,
+  value,
+  onChange
+}: VisibleContentPreferenceProps): JSX.Element;
+export {};

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

@@ -2,8 +2,14 @@ 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 {};
-//# sourceMappingURL=index.d.ts.map
+export default function FlexibleColumnLayout({
+  columns,
+  minColumnWidth,
+  disableGutters,
+  variant,
+  children,
+  __tagOverride
+}: FlexibleColumnLayoutProps): JSX.Element;
+export {};

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

@@ -2,9 +2,16 @@ 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 {};
-//# sourceMappingURL=grid-column-layout.d.ts.map
+export default function GridColumnLayout({
+  columns,
+  variant,
+  borders,
+  disableGutters,
+  __breakpoint,
+  children,
+  __tagOverride
+}: GridColumnLayoutProps): JSX.Element;
+export {};

package/column-layout/index.d.ts

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

package/column-layout/interfaces.d.ts

@@ -3,46 +3,45 @@ 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';
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  __breakpoint?: ColumnLayoutBreakpoint;
+  /**
+   * Overrides the default wrapper HTML tag.
+   */
+  __tagOverride?: 'dl';
+}

package/column-layout/internal.d.ts

@@ -5,5 +5,15 @@ 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;
-//# sourceMappingURL=internal.d.ts.map
+export default function ColumnLayout({
+  columns,
+  variant,
+  borders,
+  disableGutters,
+  minColumnWidth,
+  children,
+  __tagOverride,
+  __breakpoint,
+  __internalRootRef,
+  ...restProps
+}: InternalColumnLayoutProps): JSX.Element;

package/column-layout/util.d.ts

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

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

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

package/container/index.d.ts

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

package/container/index.js

@@ -1,35 +1,18 @@
-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 { 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 CoreComponent from './internal-do-not-use-core';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-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 })))));
-}
+import { validateProps } from '../internal/base-component';
+
+
+
+const Container = (props) => {
+    validateProps('Container', props, ["disableFooterPaddings"], {});
+    return React.createElement(CoreComponent, props);
+};
+
+
 applyDisplayName(Container, 'Container');
-//# sourceMappingURL=index.js.map
+export default Container;

package/container/interfaces.d.ts

@@ -1,103 +1,102 @@
 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 {
     /**
-     * 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/).
+     * Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.
      */
-    header?: React.ReactNode;
+    content: React.ReactNode;
     /**
-     * Determines whether the container header has padding. If `true`, removes the default padding from the header.
+     * Defines the media slot's position within the container. Defaults to `top`.
      */
-    disableHeaderPaddings?: boolean;
+    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.
      *
-     * 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;
+    width?: string | number;
     /**
-     * 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.
+     * 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.
      *
-     * 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
+     * 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.
      */
-    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
+    height?: string | number;
+  }
+}

package/container/internal-do-not-use-core.js

@@ -0,0 +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 { 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 { 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');
+//# sourceMappingURL=index.js.map