@cloudscape-design/components 3.0.1012 → 3.0.1014

package/container/internal.d.ts

@@ -3,25 +3,46 @@ 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;
-//# sourceMappingURL=internal.d.ts.map
+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;

package/container/use-sticky-header.d.ts

@@ -1,28 +1,33 @@
 import { RefObject } from 'react';
 interface StickyHeaderContextProps {
-    isStuck: boolean;
-    isStuckAtBottom: boolean;
+  isStuck: boolean;
+  isStuckAtBottom: boolean;
 }
 interface ComputeOffsetProps {
-    isMobile: boolean;
-    __stickyOffset?: number;
-    __mobileStickyOffset?: number;
-    hasInnerOverflowParents: boolean;
-    __additionalOffset?: boolean;
+  isMobile: boolean;
+  __stickyOffset?: number;
+  __mobileStickyOffset?: number;
+  hasInnerOverflowParents: boolean;
+  __additionalOffset?: boolean;
 }
-export declare function computeOffset({ isMobile, __stickyOffset, __mobileStickyOffset, hasInnerOverflowParents, __additionalOffset, }: ComputeOffsetProps): string;
+export declare function computeOffset({
+  isMobile,
+  __stickyOffset,
+  __mobileStickyOffset,
+  hasInnerOverflowParents,
+  __additionalOffset
+}: ComputeOffsetProps): string;
 export declare const StickyHeaderContext: import("react").Context<StickyHeaderContextProps>;
 export declare const useStickyHeader: (rootRef: RefObject<HTMLDivElement>, headerRef: RefObject<HTMLDivElement>, __stickyHeader?: boolean, __stickyOffset?: number, __mobileStickyOffset?: number, __disableMobile?: boolean, __additionalOffset?: boolean) => {
-    isSticky: boolean;
-    isStuck: boolean;
-    isStuckAtBottom: boolean;
-    stickyStyles: {
-        style: {
-            top: string;
-        };
-    } | {
-        style?: undefined;
+  isSticky: boolean;
+  isStuck: boolean;
+  isStuckAtBottom: boolean;
+  stickyStyles: {
+    style: {
+      top: string;
     };
+  } | {
+    style?: undefined;
+  };
 };
-export {};
-//# sourceMappingURL=use-sticky-header.d.ts.map
+export {};

package/content-layout/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
 import { ContentLayoutProps } from './interfaces';
 export { ContentLayoutProps };
-export default function ContentLayout(props: ContentLayoutProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export default function ContentLayout(props: ContentLayoutProps): JSX.Element;

package/content-layout/interfaces.d.ts

@@ -1,72 +1,71 @@
 /// <reference types="react" />
 import { BaseComponentProps } from '../internal/base-component';
 export interface ContentLayoutProps extends BaseComponentProps {
-    /**
-     * Use this slot to render the main content of the layout below the header.
-     * @displayname content
-     */
-    children?: React.ReactNode;
-    /**
-     * Determines whether the layout has an overlap between the header and content.
-     * If true, the overlap will be removed.
-     * @visualrefresh
-     */
-    disableOverlap?: boolean;
-    /**
-     * Use this slot to render the header content for the layout.
-     */
-    header?: React.ReactNode;
-    /**
-     * Determines the visual treatment for the header. Specifically:
-     * * `default` - Does not apply any visual treatment.
-     * * `high-contrast` - Applies high-contrast to the background of the header and the elements contained within it.
-     *     If you are using the AppLayout component, set `headerVariant="high-contrast"` to apply the same treatment to the breadcrumbs and notifications slots.
-     * * `divider` - Adds a horizontal separator between the header and the content.
-     * @visualrefresh `high-contrast` headerVariant
-     */
-    headerVariant?: 'default' | 'high-contrast' | 'divider';
-    /**
-     * Maximum width for the content.
-     * If set, all elements of the content layout (header, content, notifications, breadcrumbs) will be center-aligned and have the desired maximum width.
-     * If not set, all elements will occupy the full available width.
-     */
-    maxContentWidth?: number;
-    /**
-     * Set it to `true` if your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
-     * In that case, the content layout will become sensitive to the state of drawers in app layout and leave the necessary padding to avoid visual overlap with those elements.
-     */
-    defaultPadding?: boolean;
-    /**
-     * Use this slot to display [notifications](/components/flashbar/) to the content layout:
-     * * If your page does not use the [app layout component](/components/app-layout/), which already offers a `notifications` slot.
-     * * If your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
-     *
-     * Do not use in conjunction with the `notifications` slot in the [app layout component](/components/app-layout/).
-     */
-    notifications?: React.ReactNode;
-    /**
-     * Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the content layout:
-     * * if your application does not use the [app layout component](/components/app-layout/), which already offers a `breadcrumbs` slot.
-     * * If your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
-     *
-     * Do not use in conjunction with the `breadcrumbs` slot in the [app layout component](/components/app-layout/).
-     */
-    breadcrumbs?: React.ReactNode;
-    /**
-     * Use this property to style the background of the header.
-     *
-     * It can be:
-     * * a string representing the CSS `background` value for the header element.
-     * * a function that receives the mode ("light" or "dark") as a parameter and returns a string.
-     *
-     *  The header background spans across the full available width, independent of the specified `maxContentWidth`.
-     *  If set, the component will not add the default background color to the header.
-     */
-    headerBackgroundStyle?: string | ((mode: 'light' | 'dark') => string);
-    /**
-     * Use this slot to add a secondary element inside the header. The secondary element will be displayed next to main header and occupy 25% of the available space.
-     * Note that the secondary header will not have a high-contrast treatement, even if you set `headerVariant` to `high-contrast`.
-     */
-    secondaryHeader?: React.ReactNode;
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  /**
+   * Use this slot to render the main content of the layout below the header.
+   * @displayname content
+   */
+  children?: React.ReactNode;
+  /**
+   * Determines whether the layout has an overlap between the header and content.
+   * If true, the overlap will be removed.
+   * @visualrefresh
+   */
+  disableOverlap?: boolean;
+  /**
+   * Use this slot to render the header content for the layout.
+   */
+  header?: React.ReactNode;
+  /**
+   * Determines the visual treatment for the header. Specifically:
+   * * `default` - Does not apply any visual treatment.
+   * * `high-contrast` - Applies high-contrast to the background of the header and the elements contained within it.
+   *     If you are using the AppLayout component, set `headerVariant="high-contrast"` to apply the same treatment to the breadcrumbs and notifications slots.
+   * * `divider` - Adds a horizontal separator between the header and the content.
+   * @visualrefresh `high-contrast` headerVariant
+   */
+  headerVariant?: 'default' | 'high-contrast' | 'divider';
+  /**
+   * Maximum width for the content.
+   * If set, all elements of the content layout (header, content, notifications, breadcrumbs) will be center-aligned and have the desired maximum width.
+   * If not set, all elements will occupy the full available width.
+   */
+  maxContentWidth?: number;
+  /**
+   * Set it to `true` if your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
+   * In that case, the content layout will become sensitive to the state of drawers in app layout and leave the necessary padding to avoid visual overlap with those elements.
+   */
+  defaultPadding?: boolean;
+  /**
+   * Use this slot to display [notifications](/components/flashbar/) to the content layout:
+   * * If your page does not use the [app layout component](/components/app-layout/), which already offers a `notifications` slot.
+   * * If your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
+   *
+   * Do not use in conjunction with the `notifications` slot in the [app layout component](/components/app-layout/).
+   */
+  notifications?: React.ReactNode;
+  /**
+   * Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the content layout:
+   * * if your application does not use the [app layout component](/components/app-layout/), which already offers a `breadcrumbs` slot.
+   * * If your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
+   *
+   * Do not use in conjunction with the `breadcrumbs` slot in the [app layout component](/components/app-layout/).
+   */
+  breadcrumbs?: React.ReactNode;
+  /**
+   * Use this property to style the background of the header.
+   *
+   * It can be:
+   * * a string representing the CSS `background` value for the header element.
+   * * a function that receives the mode ("light" or "dark") as a parameter and returns a string.
+   *
+   *  The header background spans across the full available width, independent of the specified `maxContentWidth`.
+   *  If set, the component will not add the default background color to the header.
+   */
+  headerBackgroundStyle?: string | ((mode: 'light' | 'dark') => string);
+  /**
+   * Use this slot to add a secondary element inside the header. The secondary element will be displayed next to main header and occupy 25% of the available space.
+   * Note that the secondary header will not have a high-contrast treatement, even if you set `headerVariant` to `high-contrast`.
+   */
+  secondaryHeader?: React.ReactNode;
+}

package/content-layout/internal.d.ts

@@ -2,6 +2,18 @@
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { ContentLayoutProps } from './interfaces';
 type InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;
-export default function InternalContentLayout({ children, disableOverlap, header, headerVariant, headerBackgroundStyle, __internalRootRef, maxContentWidth, breadcrumbs, notifications, defaultPadding, secondaryHeader, ...rest }: InternalContentLayoutProps): JSX.Element;
-export {};
-//# sourceMappingURL=internal.d.ts.map
+export default function InternalContentLayout({
+  children,
+  disableOverlap,
+  header,
+  headerVariant,
+  headerBackgroundStyle,
+  __internalRootRef,
+  maxContentWidth,
+  breadcrumbs,
+  notifications,
+  defaultPadding,
+  secondaryHeader,
+  ...rest
+}: InternalContentLayoutProps): JSX.Element;
+export {};

package/contexts/form-field.d.ts

@@ -1,2 +1 @@
-export { FormFieldValidationControlProps as FormFieldContextValue, useFormFieldContext, } from '../internal/context/form-field-context';
-//# sourceMappingURL=form-field.d.ts.map
+export { FormFieldValidationControlProps as FormFieldContextValue, useFormFieldContext } from '../internal/context/form-field-context';

package/copy-to-clipboard/index.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import { CopyToClipboardProps } from './interfaces';
 export { CopyToClipboardProps };
-export default function CopyToClipboard({ variant, popoverRenderWithPortal, ...restProps }: CopyToClipboardProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export default function CopyToClipboard({
+  variant,
+  popoverRenderWithPortal,
+  ...restProps
+}: CopyToClipboardProps): JSX.Element;

package/copy-to-clipboard/interfaces.d.ts

@@ -1,59 +1,58 @@
 import { BaseComponentProps } from '../internal/base-component';
 export interface CopyToClipboardProps extends BaseComponentProps {
-    /** Determines the general styling of the copy button as follows:
-     *
-     * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.
-     * * `icon` to display a standalone icon-only (no text) button.
-     * * `inline` to display an icon-only (no text) button within a text context.
-     *
-     * Defaults to `button`.
-     */
-    variant?: CopyToClipboardProps.Variant;
-    /**
-     * The text of the copy button (for variant="button").
-     */
-    copyButtonText?: string;
-    /**
-     * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,
-     * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.
-     */
-    copyButtonAriaLabel?: string;
-    /**
-     * The text content to be copied. It is displayed next to the copy button when `variant="inline"` unless when `content` is specified, and is not shown otherwise.
-     */
-    textToCopy: string;
-    /**
-     * The text content to display next to the copy button when `variant="inline"`. If not provided, `textToCopy` will be displayed instead.
-     */
-    textToDisplay?: string;
-    /**
-     * The message shown when the text is copied successfully.
-     */
-    copySuccessText: string;
-    /**
-     * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).
-     */
-    copyErrorText: string;
-    /**
-     * By default, the popover is constrained to fit inside its parent
-     * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).
-     * Enabling this property will allow the popover to be rendered in the root stack context using
-     * [React Portals](https://reactjs.org/docs/portals.html).
-     * Enable this setting if you need the popover to ignore its parent stacking context.
-     */
-    popoverRenderWithPortal?: boolean;
-    /**
-     * Renders the copy to clipboard button as disabled and prevents clicks.
-     */
-    disabled?: boolean;
-    /**
-     * Provides a reason why the copy to clipboard button is disabled (only when `disabled` is `true`).
-     * If provided, the copy to clipboard button becomes focusable.
-     * Applicable for all variants except inline.
-     */
-    disabledReason?: string;
+  /** Determines the general styling of the copy button as follows:
+   *
+   * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.
+   * * `icon` to display a standalone icon-only (no text) button.
+   * * `inline` to display an icon-only (no text) button within a text context.
+   *
+   * Defaults to `button`.
+   */
+  variant?: CopyToClipboardProps.Variant;
+  /**
+   * The text of the copy button (for variant="button").
+   */
+  copyButtonText?: string;
+  /**
+   * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,
+   * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.
+   */
+  copyButtonAriaLabel?: string;
+  /**
+   * The text content to be copied. It is displayed next to the copy button when `variant="inline"` unless when `content` is specified, and is not shown otherwise.
+   */
+  textToCopy: string;
+  /**
+   * The text content to display next to the copy button when `variant="inline"`. If not provided, `textToCopy` will be displayed instead.
+   */
+  textToDisplay?: string;
+  /**
+   * The message shown when the text is copied successfully.
+   */
+  copySuccessText: string;
+  /**
+   * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).
+   */
+  copyErrorText: string;
+  /**
+   * By default, the popover is constrained to fit inside its parent
+   * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).
+   * Enabling this property will allow the popover to be rendered in the root stack context using
+   * [React Portals](https://reactjs.org/docs/portals.html).
+   * Enable this setting if you need the popover to ignore its parent stacking context.
+   */
+  popoverRenderWithPortal?: boolean;
+  /**
+   * Renders the copy to clipboard button as disabled and prevents clicks.
+   */
+  disabled?: boolean;
+  /**
+   * Provides a reason why the copy to clipboard button is disabled (only when `disabled` is `true`).
+   * If provided, the copy to clipboard button becomes focusable.
+   * Applicable for all variants except inline.
+   */
+  disabledReason?: string;
 }
 export declare namespace CopyToClipboardProps {
-    type Variant = 'button' | 'icon' | 'inline';
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  type Variant = 'button' | 'icon' | 'inline';
+}

package/copy-to-clipboard/internal.d.ts

@@ -1,8 +1,19 @@
 /// <reference types="react" />
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { CopyToClipboardProps } from './interfaces';
-interface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {
-}
-export default function InternalCopyToClipboard({ variant, copyButtonAriaLabel, copyButtonText, copySuccessText, copyErrorText, textToCopy, textToDisplay, popoverRenderWithPortal, disabled, disabledReason, __internalRootRef, ...restProps }: InternalCopyToClipboardProps): JSX.Element;
-export {};
-//# sourceMappingURL=internal.d.ts.map
+interface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {}
+export default function InternalCopyToClipboard({
+  variant,
+  copyButtonAriaLabel,
+  copyButtonText,
+  copySuccessText,
+  copyErrorText,
+  textToCopy,
+  textToDisplay,
+  popoverRenderWithPortal,
+  disabled,
+  disabledReason,
+  __internalRootRef,
+  ...restProps
+}: InternalCopyToClipboardProps): JSX.Element;
+export {};

package/date-input/index.d.ts

@@ -2,5 +2,4 @@ import React from 'react';
 import { DateInputProps } from './interfaces';
 export { DateInputProps };
 declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
-export default DateInput;
-//# sourceMappingURL=index.d.ts.map
+export default DateInput;

package/date-input/interfaces.d.ts

@@ -2,12 +2,11 @@ import { BaseInputProps, InputProps } from '../input/interfaces';
 import { BaseComponentProps } from '../internal/base-component';
 import { FormFieldValidationControlProps } from '../internal/context/form-field-context';
 export interface DateInputProps extends BaseInputProps, FormFieldValidationControlProps, BaseComponentProps {
-    /**
-     * The current input value, in YYYY-MM-DD format.
-     */
-    value: string;
+  /**
+   * The current input value, in YYYY-MM-DD format.
+   */
+  value: string;
 }
 export declare namespace DateInputProps {
-    type Ref = InputProps.Ref;
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  type Ref = InputProps.Ref;
+}

package/date-input/internal.d.ts

@@ -3,7 +3,6 @@ import { CalendarProps } from '../calendar/interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { DateInputProps } from './interfaces';
 declare const InternalDateInput: React.ForwardRefExoticComponent<DateInputProps & InternalBaseComponentProps<any> & {
-    granularity?: CalendarProps.Granularity | undefined;
+  granularity?: CalendarProps.Granularity | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export default InternalDateInput;
-//# sourceMappingURL=internal.d.ts.map
+export default InternalDateInput;

package/date-input/utils.d.ts

@@ -1,7 +1,9 @@
 import { CalendarProps } from '../calendar/interfaces';
 import { MaskArgs } from '../internal/components/masked-input/utils/mask-format';
 export interface GenerateMaskArgsProps extends Pick<CalendarProps, 'granularity'> {
-    isIso?: boolean;
+  isIso?: boolean;
 }
-export declare const generateMaskArgs: ({ granularity, isIso, }?: GenerateMaskArgsProps) => MaskArgs;
-//# sourceMappingURL=utils.d.ts.map
+export declare const generateMaskArgs: ({
+  granularity,
+  isIso
+}?: GenerateMaskArgsProps) => MaskArgs;

package/date-picker/index.d.ts

@@ -2,5 +2,4 @@ import React from 'react';
 import { DatePickerProps } from './interfaces';
 export { DatePickerProps };
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerProps.Ref>>;
-export default DatePicker;
-//# sourceMappingURL=index.d.ts.map
+export default DatePicker;