@cloudscape-design/components 3.0.1012 → 3.0.1014

package/side-navigation/parts.d.ts

@@ -1,19 +1,29 @@
 import React from 'react';
 import { SideNavigationProps } from './interfaces';
 interface BaseItemComponentProps {
-    activeHref?: string;
-    fireChange: (item: SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup, expanded: boolean) => void;
-    fireFollow: (item: SideNavigationProps.Link | SideNavigationProps.Header | SideNavigationProps.LinkGroup | SideNavigationProps.ExpandableLinkGroup, event: React.SyntheticEvent | Event) => void;
-    position?: string;
+  activeHref?: string;
+  fireChange: (item: SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup, expanded: boolean) => void;
+  fireFollow: (item: SideNavigationProps.Link | SideNavigationProps.Header | SideNavigationProps.LinkGroup | SideNavigationProps.ExpandableLinkGroup, event: React.SyntheticEvent | Event) => void;
+  position?: string;
 }
 interface HeaderProps extends BaseItemComponentProps {
-    definition: SideNavigationProps.Header;
+  definition: SideNavigationProps.Header;
 }
-export declare function Header({ definition, activeHref, fireFollow }: HeaderProps): JSX.Element;
+export declare function Header({
+  definition,
+  activeHref,
+  fireFollow
+}: HeaderProps): JSX.Element;
 interface NavigationItemsListProps extends BaseItemComponentProps {
-    items: ReadonlyArray<SideNavigationProps.Item>;
-    variant: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';
+  items: ReadonlyArray<SideNavigationProps.Item>;
+  variant: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';
 }
-export declare function NavigationItemsList({ items, variant, activeHref, fireChange, fireFollow, position, }: NavigationItemsListProps): JSX.Element;
-export {};
-//# sourceMappingURL=parts.d.ts.map
+export declare function NavigationItemsList({
+  items,
+  variant,
+  activeHref,
+  fireChange,
+  fireFollow,
+  position
+}: NavigationItemsListProps): JSX.Element;
+export {};

package/side-navigation/util.d.ts

@@ -3,5 +3,4 @@ type ExpandableItem = SideNavigationProps.Section | SideNavigationProps.Expandab
 export declare function hasActiveLink(items: ReadonlyArray<SideNavigationProps.Item>, activeHref: string): boolean;
 export declare function generateExpandableItemsMapping(items: ReadonlyArray<SideNavigationProps.Item>, mapping?: WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>>, expandableParents?: ReadonlyArray<ExpandableItem>): WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>>;
 export declare function checkDuplicateHrefs(items: ReadonlyArray<SideNavigationProps.Item>): void;
-export {};
-//# sourceMappingURL=util.d.ts.map
+export {};

package/slider/index.d.ts

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

package/slider/interfaces.d.ts

@@ -2,80 +2,79 @@ import { BaseComponentProps } from '../internal/base-component';
 import { FormFieldValidationControlProps } from '../internal/context/form-field-context';
 import { NonCancelableEventHandler } from '../internal/events';
 export interface SliderProps extends BaseComponentProps, FormFieldValidationControlProps {
-    /**
-     * Indicates the current value.
-     */
-    value?: number;
-    /**
-     * Indicates the minimum value.
-     */
-    min: number;
-    /**
-     * Indicates the maximum value.
-     */
-    max: number;
-    /**
-     * Formats the values. This will format both the labels and the tooltip.
-     */
-    valueFormatter?: (value: number) => string;
-    /**
-     * Called when the user selects a value.
-     * The event `detail` contains the current `value`.
-     */
-    onChange?: NonCancelableEventHandler<SliderProps.ChangeDetail>;
-    /**
-     * How big the step size is.
-     */
-    step?: number;
-    /**
-     * Hides the colored fill line, so only the handle is visible.
-     */
-    hideFillLine?: boolean;
-    /**
-     * Show the tick marks along the slider line. Use with stepped sliders, except in extreme cases.
-     */
-    tickMarks?: boolean;
-    /**
-     * Whether or not the slider is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Labels shown between the minimum and maximum values.
-     */
-    referenceValues?: ReadonlyArray<number>;
-    /**
-     * Adds an `aria-label` to the native control.
-     *
-     * Use this if you don't have a visible label for this control.
-     */
-    ariaLabel?: string;
-    /**
-     * Adds an aria-description for slider labels.
-     *
-     * Use when sliders have formatted reference values.
-     */
-    ariaDescription?: string;
-    /**
-     * An object containing all the necessary localized strings required by the component.
-     * @i18n
-     */
-    i18nStrings?: SliderProps.I18nStrings;
-    /**
-     * Specifies if the control is read-only, which prevents the
-     * user from modifying the value, but does not prevent the value from
-     * being included in a form submission. A read-only control is still focusable.
-     */
-    readOnly?: boolean;
+  /**
+   * Indicates the current value.
+   */
+  value?: number;
+  /**
+   * Indicates the minimum value.
+   */
+  min: number;
+  /**
+   * Indicates the maximum value.
+   */
+  max: number;
+  /**
+   * Formats the values. This will format both the labels and the tooltip.
+   */
+  valueFormatter?: (value: number) => string;
+  /**
+   * Called when the user selects a value.
+   * The event `detail` contains the current `value`.
+   */
+  onChange?: NonCancelableEventHandler<SliderProps.ChangeDetail>;
+  /**
+   * How big the step size is.
+   */
+  step?: number;
+  /**
+   * Hides the colored fill line, so only the handle is visible.
+   */
+  hideFillLine?: boolean;
+  /**
+   * Show the tick marks along the slider line. Use with stepped sliders, except in extreme cases.
+   */
+  tickMarks?: boolean;
+  /**
+   * Whether or not the slider is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Labels shown between the minimum and maximum values.
+   */
+  referenceValues?: ReadonlyArray<number>;
+  /**
+   * Adds an `aria-label` to the native control.
+   *
+   * Use this if you don't have a visible label for this control.
+   */
+  ariaLabel?: string;
+  /**
+   * Adds an aria-description for slider labels.
+   *
+   * Use when sliders have formatted reference values.
+   */
+  ariaDescription?: string;
+  /**
+   * An object containing all the necessary localized strings required by the component.
+   * @i18n
+   */
+  i18nStrings?: SliderProps.I18nStrings;
+  /**
+   * Specifies if the control is read-only, which prevents the
+   * user from modifying the value, but does not prevent the value from
+   * being included in a form submission. A read-only control is still focusable.
+   */
+  readOnly?: boolean;
 }
 export declare namespace SliderProps {
-    interface ChangeDetail {
-        value: number;
-    }
-    interface I18nStrings {
-        /**
-          The aria value text displayed when the slider value is between two labeled values.
-         */
-        valueTextRange: (previousValue: string, value: number, nextValue: string) => string;
-    }
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  interface ChangeDetail {
+    value: number;
+  }
+  interface I18nStrings {
+    /**
+      The aria value text displayed when the slider value is between two labeled values.
+     */
+    valueTextRange: (previousValue: string, value: number, nextValue: string) => string;
+  }
+}

package/slider/internal.d.ts

@@ -1,8 +1,23 @@
 /// <reference types="react" />
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { SliderProps } from './interfaces.js';
-interface InternalSliderProps extends SliderProps, InternalBaseComponentProps {
-}
-export default function InternalSlider({ value, min, max, onChange, step, disabled, readOnly, ariaLabel, ariaDescription, referenceValues, tickMarks, hideFillLine, valueFormatter, i18nStrings, __internalRootRef, ...rest }: InternalSliderProps): JSX.Element;
-export {};
-//# sourceMappingURL=internal.d.ts.map
+interface InternalSliderProps extends SliderProps, InternalBaseComponentProps {}
+export default function InternalSlider({
+  value,
+  min,
+  max,
+  onChange,
+  step,
+  disabled,
+  readOnly,
+  ariaLabel,
+  ariaDescription,
+  referenceValues,
+  tickMarks,
+  hideFillLine,
+  valueFormatter,
+  i18nStrings,
+  __internalRootRef,
+  ...rest
+}: InternalSliderProps): JSX.Element;
+export {};

package/slider/slider-labels.d.ts

@@ -1,12 +1,18 @@
 /// <reference types="react" />
 interface SliderLabelProps {
-    min: number;
-    max: number;
-    referenceValues?: ReadonlyArray<number>;
-    valueFormatter?: (value: number) => string;
-    labelsId: string;
-    ariaDescription?: string;
+  min: number;
+  max: number;
+  referenceValues?: ReadonlyArray<number>;
+  valueFormatter?: (value: number) => string;
+  labelsId: string;
+  ariaDescription?: string;
 }
-export default function SliderLabels({ min, max, referenceValues, valueFormatter, labelsId, ariaDescription, }: SliderLabelProps): JSX.Element;
-export {};
-//# sourceMappingURL=slider-labels.d.ts.map
+export default function SliderLabels({
+  min,
+  max,
+  referenceValues,
+  valueFormatter,
+  labelsId,
+  ariaDescription
+}: SliderLabelProps): JSX.Element;
+export {};

package/slider/tick-marks.d.ts

@@ -1,16 +1,15 @@
 /// <reference types="react" />
 interface SliderTicksProps {
-    hideFillLine?: boolean;
-    value: number;
-    isActive: boolean;
-    invalid?: boolean;
-    warning?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    min: number;
-    max: number;
-    step: number;
+  hideFillLine?: boolean;
+  value: number;
+  isActive: boolean;
+  invalid?: boolean;
+  warning?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  min: number;
+  max: number;
+  step: number;
 }
 export default function SliderTickMarks(props: SliderTicksProps): JSX.Element;
-export {};
-//# sourceMappingURL=tick-marks.d.ts.map
+export {};

package/slider/utils.d.ts

@@ -1,10 +1,9 @@
 export declare function getPercent(value: number, range: [min: number, max: number]): number;
 export declare const getStepArray: (step: number, [min, max]: [min: number, max: number]) => number[];
 export declare const findLowerAndHigherValues: <T extends number>(array: readonly T[], value: T) => {
-    lower: T | undefined;
-    higher: T | undefined;
+  lower: T | undefined;
+  higher: T | undefined;
 };
 export declare const valuesAreValid: (referenceValues: ReadonlyArray<number>) => boolean;
 export declare const THUMB_SIZE = 16;
-export declare const THUMB_READONLY_SIZE = 12;
-//# sourceMappingURL=utils.d.ts.map
+export declare const THUMB_READONLY_SIZE = 12;

package/space-between/index.d.ts

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

package/space-between/interfaces.d.ts

@@ -1,26 +1,25 @@
 /// <reference types="react" />
 import { BaseComponentProps } from '../internal/base-component';
 export interface SpaceBetweenProps extends BaseComponentProps {
-    /**
-     * Defines the direction in which the content is laid out.
-     */
-    direction?: SpaceBetweenProps.Direction;
-    /**
-     * Defines the spacing between the individual items of the content.
-     */
-    size: SpaceBetweenProps.Size;
-    /**
-     * Content of this component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Determines how the child elements will be aligned based on the [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) property of the CSS Flexbox.
-     */
-    alignItems?: SpaceBetweenProps.AlignItems;
+  /**
+   * Defines the direction in which the content is laid out.
+   */
+  direction?: SpaceBetweenProps.Direction;
+  /**
+   * Defines the spacing between the individual items of the content.
+   */
+  size: SpaceBetweenProps.Size;
+  /**
+   * Content of this component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Determines how the child elements will be aligned based on the [align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) property of the CSS Flexbox.
+   */
+  alignItems?: SpaceBetweenProps.AlignItems;
 }
 export declare namespace SpaceBetweenProps {
-    type Direction = 'vertical' | 'horizontal';
-    type Size = 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
-    type AlignItems = 'center' | 'start' | 'end';
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  type Direction = 'vertical' | 'horizontal';
+  type Size = 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+  type AlignItems = 'center' | 'start' | 'end';
+}

package/space-between/internal.d.ts

@@ -2,5 +2,4 @@ import React from 'react';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { SpaceBetweenProps } from './interfaces';
 declare const InternalSpaceBetween: React.ForwardRefExoticComponent<SpaceBetweenProps & InternalBaseComponentProps<any> & React.RefAttributes<HTMLDivElement>>;
-export default InternalSpaceBetween;
-//# sourceMappingURL=internal.d.ts.map
+export default InternalSpaceBetween;

package/spinner/index.d.ts

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

package/spinner/interfaces.d.ts

@@ -1,16 +1,15 @@
 import { BaseComponentProps } from '../internal/base-component';
 export interface SpinnerProps extends BaseComponentProps {
-    /**
-     * Specifies the size of the spinner.
-     */
-    size?: SpinnerProps.Size;
-    /**
-     * Specifies the color variant of the spinner. The `normal` variant picks up the current color of its context.
-     */
-    variant?: SpinnerProps.Variant;
+  /**
+   * Specifies the size of the spinner.
+   */
+  size?: SpinnerProps.Size;
+  /**
+   * Specifies the color variant of the spinner. The `normal` variant picks up the current color of its context.
+   */
+  variant?: SpinnerProps.Variant;
 }
 export declare namespace SpinnerProps {
-    type Size = 'normal' | 'big' | 'large';
-    type Variant = 'normal' | 'disabled' | 'inverted';
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  type Size = 'normal' | 'big' | 'large';
+  type Variant = 'normal' | 'disabled' | 'inverted';
+}

package/spinner/internal.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { SpinnerProps } from './interfaces';
-interface InternalSpinnerProps extends SpinnerProps, InternalBaseComponentProps {
-}
-export default function InternalSpinner({ size, variant, __internalRootRef, ...props }: InternalSpinnerProps): JSX.Element;
-export {};
-//# sourceMappingURL=internal.d.ts.map
+interface InternalSpinnerProps extends SpinnerProps, InternalBaseComponentProps {}
+export default function InternalSpinner({
+  size,
+  variant,
+  __internalRootRef,
+  ...props
+}: InternalSpinnerProps): JSX.Element;
+export {};

package/split-panel/bottom.d.ts

@@ -1,9 +1,20 @@
 import React from 'react';
 import { SplitPanelContentProps, SplitPanelProps } from './interfaces';
 interface SplitPanelContentBottomProps extends SplitPanelContentProps {
-    appLayoutMaxWidth: React.CSSProperties | undefined;
-    closeBehavior: SplitPanelProps['closeBehavior'];
+  appLayoutMaxWidth: React.CSSProperties | undefined;
+  closeBehavior: SplitPanelProps['closeBehavior'];
 }
-export declare function SplitPanelContentBottom({ closeBehavior, baseProps, isOpen, splitPanelRef, cappedSize, header, resizeHandle, children, appLayoutMaxWidth, panelHeaderId, onToggle, }: SplitPanelContentBottomProps): JSX.Element;
-export {};
-//# sourceMappingURL=bottom.d.ts.map
+export declare function SplitPanelContentBottom({
+  closeBehavior,
+  baseProps,
+  isOpen,
+  splitPanelRef,
+  cappedSize,
+  header,
+  resizeHandle,
+  children,
+  appLayoutMaxWidth,
+  panelHeaderId,
+  onToggle
+}: SplitPanelContentBottomProps): JSX.Element;
+export {};

package/split-panel/icons/bottom-icon-refresh.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const bottomPositionIcon: JSX.Element;
-export default bottomPositionIcon;
-//# sourceMappingURL=bottom-icon-refresh.d.ts.map
+export default bottomPositionIcon;

package/split-panel/icons/bottom-icon.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const bottomPositionIcon: JSX.Element;
-export default bottomPositionIcon;
-//# sourceMappingURL=bottom-icon.d.ts.map
+export default bottomPositionIcon;

package/split-panel/icons/side-position-refresh.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
 export interface SVGTableRowProps {
-    offset: number;
-    separator?: boolean;
-    isHeader?: boolean;
+  offset: number;
+  separator?: boolean;
+  isHeader?: boolean;
 }
 export declare const getClassName: (suffix: string) => string;
 declare const bottomPositionIcon: JSX.Element;
-export default bottomPositionIcon;
-//# sourceMappingURL=side-position-refresh.d.ts.map
+export default bottomPositionIcon;

package/split-panel/icons/side-position.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const sidePositionIcon: JSX.Element;
-export default sidePositionIcon;
-//# sourceMappingURL=side-position.d.ts.map
+export default sidePositionIcon;

package/split-panel/implementation.d.ts

@@ -3,6 +3,13 @@ import { InternalBaseComponentProps } from '../internal/hooks/use-base-component
 import { SomeRequired } from '../internal/types';
 import { SplitPanelProps } from './interfaces';
 export type SplitPanelImplementationProps = SomeRequired<SplitPanelProps, 'hidePreferencesButton' | 'closeBehavior'> & InternalBaseComponentProps;
-export declare function SplitPanelImplementation({ __internalRootRef, header, children, hidePreferencesButton, closeBehavior, i18nStrings, ...restProps }: SplitPanelImplementationProps): JSX.Element;
-export declare const createWidgetizedSplitPanel: (Loader?: typeof SplitPanelImplementation | undefined) => typeof SplitPanelImplementation;
-//# sourceMappingURL=implementation.d.ts.map
+export declare function SplitPanelImplementation({
+  __internalRootRef,
+  header,
+  children,
+  hidePreferencesButton,
+  closeBehavior,
+  i18nStrings,
+  ...restProps
+}: SplitPanelImplementationProps): JSX.Element;
+export declare const createWidgetizedSplitPanel: (Loader?: typeof SplitPanelImplementation | undefined) => typeof SplitPanelImplementation;

package/split-panel/index.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
 import { SplitPanelProps } from './interfaces';
 export { SplitPanelProps };
-export default function SplitPanel({ hidePreferencesButton, closeBehavior, i18nStrings, ...restProps }: SplitPanelProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export default function SplitPanel({
+  hidePreferencesButton,
+  closeBehavior,
+  i18nStrings,
+  ...restProps
+}: SplitPanelProps): JSX.Element;