@splunk/react-ui 4.43.0 → 5.0.0-beta.2

package/types/src/FormRows/Row.d.ts

@@ -1,5 +1,5 @@
-import React, { Component } from 'react';
-import FormRowsContext from './FormRowsContext';
+import React from 'react';
+import PropTypes from 'prop-types';
 type RowKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>, data: {
     index: number;
 }) => void;
@@ -20,11 +20,15 @@ interface RowPropsBase {
     /** The contents of Row */
     value?: React.ReactNode;
 }
-declare class Row extends Component<RowPropsBase, {}> {
-    static propTypes: React.WeakValidationMap<RowPropsBase>;
-    context: React.ContextType<typeof FormRowsContext>;
-    static contextType: React.Context<FormRowsContext>;
-    render(): JSX.Element;
+declare function Row({ children, elementRef, ...otherProps }: RowPropsBase): React.JSX.Element;
+declare namespace Row {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+        index: PropTypes.Requireable<number>;
+        onRequestRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
 }
 export default Row;
 export type { RowKeyDownHandler, RowPropsBase, RowRequestRemoveHandler };

package/types/src/FormRows/SortableList.d.ts

@@ -6,6 +6,6 @@ type SortEndHandler = ({ oldIndex, newIndex }: {
 declare const SortableList: ({ children, onSortEnd, }: {
     children?: React.ReactNode;
     onSortEnd: SortEndHandler;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default SortableList;
 export { SortEndHandler };

package/types/src/FormRows/docs/examples/Basic.d.ts

@@ -7,6 +7,6 @@ declare class Basic extends Component<{}, {
     handleRequestAdd: () => void;
     handleRequestMove: FormRowsRequestMoveHandler;
     handleRequestRemove: RowRequestRemoveHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Basic;

package/types/src/FormRows/docs/examples/Header.d.ts

@@ -7,6 +7,6 @@ declare class Header extends Component<{}, {
     handleRequestAdd: () => void;
     handleRequestMove: FormRowsRequestMoveHandler;
     handleRequestRemove: RowRequestRemoveHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Header;

package/types/src/FormRows/docs/examples/Menu.d.ts

@@ -8,6 +8,6 @@ declare class Menu extends Component<{}, {
     handleRequestAdd: SelectChangeHandler;
     handleRequestMove: FormRowsRequestMoveHandler;
     handleRequestRemove: RowRequestRemoveHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Menu;

package/types/src/FormRows/docs/examples/ReorderOnly.d.ts

@@ -5,6 +5,6 @@ declare class ReorderOnly extends Component<{}, {
 }> {
     constructor(props: {});
     handleRequestMove: FormRowsRequestMoveHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ReorderOnly;

package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts

@@ -1,2 +1,3 @@
-declare const FormRowsPlusIcon: () => JSX.Element;
+import React from 'react';
+declare const FormRowsPlusIcon: () => React.JSX.Element;
 export default FormRowsPlusIcon;

package/types/src/Heading/Heading.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { TypographyTitleVariant } from '@splunk/themes/mixins';
+import { StyledTypography } from './HeadingStyles';
 import { ComponentProps } from '../utils/types';
 interface HeadingPropsBase {
-    children?: React.ReactNode;
+    children: React.ReactNode;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
@@ -11,12 +12,8 @@ interface HeadingPropsBase {
     /**
      * Corresponds to the respective `<hX>` HTML tags and `typography(titleX)` `@splunk/themes` typography variant.
      * Styles will be set corresponding to level if variant is not provided: e.g. `level=3` will default to using `title3` from `mixins`.
-     *
-     * @deprecatedValue 's' and 'ss'
-     * The `s` and `ss` values are deprecated and will be removed in a future major version.
-     * See the migration guide for how to maintain the same styling as `level="s"` and `level="ss"`.
      */
-    level?: 1 | 2 | 3 | 4 | 's' | 'ss' | 5 | 6;
+    level: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Styles the component based on typography mixin title preset styles.
      * If a variant is not provided, styles will be set corresponding to level: e.g. `level=3` will default to using `title3` from `mixins`.
@@ -24,24 +21,15 @@ interface HeadingPropsBase {
     variant?: TypographyTitleVariant;
 }
 type HeadingProps = ComponentProps<HeadingPropsBase, 'h1'>;
-declare const levelToElement: {
-    readonly '1': "h1";
-    readonly '2': "h2";
-    readonly '3': "h3";
-    readonly '4': "h4";
-    readonly s: "h4";
-    readonly ss: "h5";
-    readonly '5': "h5";
-    readonly '6': "h6";
-};
-declare function Heading({ children, elementRef, level, variant, ...otherProps }: HeadingProps): JSX.Element;
+declare const levelToElement: Record<number, React.ElementType>;
+declare function Heading({ level, elementRef, children, variant, ...otherProps }: HeadingProps): React.JSX.Element;
 declare namespace Heading {
     var propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         elementRef: PropTypes.Requireable<object>;
-        level: PropTypes.Requireable<string | number>;
+        level: PropTypes.Validator<number>;
         variant: PropTypes.Requireable<string>;
     };
 }
 export default Heading;
-export { levelToElement };
+export { levelToElement, StyledTypography as StyledHeading };

package/types/src/Heading/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Heading/docs/examples/Variant.d.ts

@@ -1,2 +1,3 @@
-declare function Variant(): JSX.Element;
+import React from 'react';
+declare function Variant(): React.JSX.Element;
 export default Variant;

package/types/src/Heading/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Heading';
+export * from './Heading';

package/types/src/Image/Image.d.ts

@@ -1,6 +1,6 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type ImageImageChangeHandler = (data: {
     filename: string | null;
@@ -33,18 +33,14 @@ interface ImagePropsBase {
      * `null` if the image was removed. */
     onImageChange?: ImageImageChangeHandler;
 }
-declare const defaultProps: Required<Pick<ImagePropsBase, 'allowExtensions' | 'disabled' | 'dropAnywhere' | 'error' | 'maxHeight'>>;
-type ImageProps = ClassComponentProps<ImagePropsBase, typeof defaultProps, 'div'>;
-interface ImageState {
-    filename?: string | null;
-    imageDataURI?: string | null;
-}
+type ImageProps = ComponentProps<ImagePropsBase, 'div'>;
+declare const isAllowedFilename: (filename: string, allowExtensions: string[]) => boolean;
 /**
  * Image provides the ability to accept image files and present a preview of the image.
  */
-declare class Image extends Component<ImageProps, ImageState> {
-    private fileReader;
-    static propTypes: {
+declare function Image({ allowExtensions, defaultFilename: defaultFilenameProp, defaultImageDataURI, disabled, error, maxHeight, onImageChange, ...otherProps }: ImageProps): React.JSX.Element;
+declare namespace Image {
+    var propTypes: {
         allowExtensions: PropTypes.Requireable<(string | null | undefined)[]>;
         defaultFilename: PropTypes.Requireable<string>;
         defaultImageDataURI: PropTypes.Requireable<string>;
@@ -55,14 +51,7 @@ declare class Image extends Component<ImageProps, ImageState> {
         maxHeight: PropTypes.Requireable<number>;
         onImageChange: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    static defaultProps: Required<Pick<ImagePropsBase, "disabled" | "maxHeight" | "error" | "dropAnywhere" | "allowExtensions">>;
-    static isAllowedFilename(filename: string, allowExtensions: string[]): boolean;
-    constructor(props: Readonly<ImageProps>);
-    componentDidUpdate(prevProps: Readonly<ImageProps>): void;
-    private handleAddFiles;
-    private handleRemoveFile;
-    render(): JSX.Element;
 }
 export default Image;
-export { ImageImageChangeHandler };
+export { ImageImageChangeHandler, isAllowedFilename };
 export type { ImagePropsBase };

package/types/src/Image/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Image/icons/Cross.d.ts

@@ -1,2 +1,3 @@
-declare const CrossIcon: () => JSX.Element;
+import React from 'react';
+declare const CrossIcon: () => React.JSX.Element;
 export default CrossIcon;

package/types/src/JSONTree/JSONTree.d.ts

@@ -22,14 +22,10 @@ interface JSONTreePropsBase {
      */
     elementRef?: React.Ref<HTMLElement>;
     /**
-     * @deprecated The `expandChildren="withShiftModifier"` value is deprecated and will be removed in a future major version. Use the `expandChildrenOnShiftKey` prop instead.
-     *
-     * If set to `true`, `expandChildren` will expand all nodes on initial render
-     * and expand all descendant nodes of any expanded node. The default is `false`, which expands only the first
-     * level of properties. If set to `withShiftModifier`, using `shift + click` or `shift + enter` will
-     * expand or collapse all descendant nodes of the tree at once.
+     * If set to `true`, `defaultExpanded` will expand all nodes on initial render.
+     * The default is `false`, which expands only the first level of properties.
      */
-    expandChildren?: boolean | 'withShiftModifier';
+    defaultExpanded?: boolean;
     /**
      * Number of space characters per level of indentation.
      */
@@ -60,7 +56,7 @@ interface JSONTreePropsBase {
     /**
      * If set to `true`, using `shift + click` or `shift + enter` will expand all descendant nodes
      * of the tree at once. A tooltip is added to the expand all / collapse all button to indicate that this feature
-     * is enabled.
+     * is enabled. Defaults to `true`.
      */
     expandChildrenOnShiftKey?: boolean;
 }
@@ -68,11 +64,11 @@ type JSONTreeProps = ComponentProps<JSONTreePropsBase, 'code'>;
 /**
  * Used to visualize a JSON string.
  */
-declare function JSONTree({ elementRef, expandChildren, indent, json, onClickKey, onClickValue, overflow, expandChildrenOnShiftKey, ...otherProps }: JSONTreeProps): JSX.Element;
+declare function JSONTree({ elementRef, defaultExpanded, indent, json, onClickKey, onClickValue, overflow, expandChildrenOnShiftKey, ...otherProps }: JSONTreeProps): React.JSX.Element;
 declare namespace JSONTree {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;
-        expandChildren: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        defaultExpanded: PropTypes.Requireable<boolean>;
         indent: PropTypes.Requireable<number>;
         json: PropTypes.Validator<NonNullable<NonNullable<string | number | boolean | object | null | undefined>>>;
         onClickKey: PropTypes.Requireable<(...args: any[]) => any>;

package/types/src/JSONTree/JSONTreeItem.d.ts

@@ -25,7 +25,7 @@ interface JSONTreeItemPropsBase extends TreeItemPropsBase {
     value?: JSONElement;
 }
 type JSONTreeItemProps = ComponentProps<JSONTreeItemPropsBase, 'li'>;
-export declare function JSONTreeItem({ clickableKeyRef, clickableValRef, hasChildren, indentArray, index, initialOpenState, onFocus, properties, propertyDataPath, propertyElement, renderExpandLink, representation, value, ...otherProps }: JSONTreeItemProps): JSX.Element;
+export declare function JSONTreeItem({ clickableKeyRef, clickableValRef, hasChildren, indentArray, index, initialOpenState, onFocus, properties, propertyDataPath, propertyElement, renderExpandLink, representation, value, ...otherProps }: JSONTreeItemProps): React.JSX.Element;
 export declare namespace JSONTreeItem {
     var propTypes: {
         clickableKeyRef: PropTypes.Requireable<object>;

package/types/src/JSONTree/docs/examples/Basic.d.ts

@@ -1 +1,2 @@
-export default function Basic(): JSX.Element;
+import React from 'react';
+export default function Basic(): React.JSX.Element;

package/types/src/JSONTree/docs/examples/Events.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { JSONTreeClickValueHandler, JSONTreeClickKeyHandler } from '@splunk/react-ui/JSONTree';
 declare class Events extends Component<{}, {
     key: string;
@@ -8,6 +8,6 @@ declare class Events extends Component<{}, {
     constructor(props: {});
     onClickJSONValue: JSONTreeClickValueHandler;
     onClickJSONKey: JSONTreeClickKeyHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Events;

package/types/src/JSONTree/docs/examples/ExpandChildrenOnShiftKey.d.ts

@@ -1 +1,2 @@
-export default function ExpandChildrenOnShiftKey(): JSX.Element;
+import React from 'react';
+export default function ExpandChildrenOnShiftKey(): React.JSX.Element;

package/types/src/JSONTree/renderTreeItems.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { JSONElement, JSONTreeClickKeyHandler, JSONTreeClickValueHandler } from './JSONTree';
 type RenderTreeItemsProps = {
     defaultOpen?: boolean;
-    expandChildren?: boolean | 'withShiftModifier';
+    defaultExpanded?: boolean;
     expandChildrenOnShiftKey?: boolean;
     indent?: number;
     indentLevel?: number;
@@ -13,5 +14,5 @@ type RenderTreeItemsProps = {
     shift?: boolean;
     updateShift: ((newShift: boolean) => void) | undefined;
 };
-export declare function renderTreeItems({ defaultOpen, expandChildren, expandChildrenOnShiftKey, indent, indentLevel, obj, onClickKey, onClickValue, overflow, path, shift, updateShift, }: RenderTreeItemsProps): JSX.Element | JSX.Element[];
+export declare function renderTreeItems({ defaultOpen, defaultExpanded, expandChildrenOnShiftKey, indent, indentLevel, obj, onClickKey, onClickValue, overflow, path, shift, updateShift, }: RenderTreeItemsProps): React.JSX.Element | React.JSX.Element[];
 export {};

package/types/src/Layer/Layer.d.ts

@@ -1,5 +1,4 @@
-import React, { Component } from 'react';
-import { LayerStackContext } from './LayerStack';
+import React, { JSXElementConstructor } from 'react';
 /** @public */
 type LayerPossibleCloseReason = 'clickAway' | 'escapeKey';
 /** @public */
@@ -7,7 +6,7 @@ type LayerRequestCloseHandler = (data: {
     event: MouseEvent | KeyboardEvent | TouchEvent;
     reason: LayerPossibleCloseReason;
 }) => void;
-interface LayerPropsBase {
+interface LayerProps {
     children?: React.ReactNode;
     /**
      * An array of reasons (`clickAway`, `escapeKey`) for which this `Layer` should close.
@@ -23,26 +22,10 @@ interface LayerPropsBase {
      */
     open?: boolean;
 }
-declare const defaultProps: Required<Pick<LayerPropsBase, 'closeReasons' | 'open'>>;
-type LayerProps = LayerPropsBase & typeof defaultProps;
-declare class Layer extends Component<LayerProps, {}> {
-    private layerClickEvent;
-    private static layerContainer;
-    static possibleCloseReasons: LayerPossibleCloseReason[];
-    static propTypes: React.WeakValidationMap<LayerProps>;
-    static defaultProps: Required<Pick<LayerPropsBase, "open" | "closeReasons">>;
-    context: React.ContextType<typeof LayerStackContext>;
-    static contextType: React.Context<Layer[]>;
-    constructor(props: Readonly<LayerProps>);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<LayerProps>): void;
-    componentWillUnmount(): void;
-    private getLayerStack;
-    private static handleFullScreenChange;
-    private handleClickOnLayer;
-    private handleClickOnWindow;
-    private handleKeyDownOnWindow;
-    render(): JSX.Element;
-}
+declare const Layer: JSXElementConstructor<LayerProps> & {
+    layerContainer: HTMLDivElement | null;
+    possibleCloseReasons: LayerPossibleCloseReason[];
+    propTypes: React.WeakValidationMap<LayerProps>;
+};
 export default Layer;
-export { LayerPossibleCloseReason, LayerRequestCloseHandler };
+export { LayerProps, LayerPossibleCloseReason, LayerRequestCloseHandler };

package/types/src/Layer/LayerStack.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Layer from './Layer';
 /**
  * `LayerStackContext` is used to manage the array that `Layer` (and components that
  * depend on it, such as `Modal`) uses to determine the order of open layers.
  * @public
  */
-export declare const LayerStackContext: React.Context<Layer[]>;
+export declare const LayerStackContext: React.Context<string[]>;
 interface LayerContextProps {
     /** Whether or not to have each layer create its own CSS stacking context. */
     separateStackingContexts?: boolean;
@@ -26,7 +25,7 @@ interface LayerStackGlobalProviderProps extends LayerContextProps {
  * Applications should only use this provider if there's a known need to support multiple
  * instances of this library on the same page.
  */
-declare function LayerStackGlobalProvider({ children, name, scope, separateStackingContexts, }: LayerStackGlobalProviderProps): JSX.Element;
+declare function LayerStackGlobalProvider({ children, name, scope, separateStackingContexts, }: LayerStackGlobalProviderProps): React.JSX.Element;
 declare namespace LayerStackGlobalProvider {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/Layer/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Layout/Layout.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+interface LayoutPropsBase {
+    children?: React.ReactNode;
+    /**
+     * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLDivElement>;
+}
+type LayoutProps = ComponentProps<LayoutPropsBase, 'div'>;
+/**
+ * Renders a container to layout children using standard spacing values.
+ */
+export declare function Layout({ children, elementRef, ...otherProps }: LayoutProps): React.JSX.Element;
+export declare namespace Layout {
+    var propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        elementRef: PropTypes.Requireable<object>;
+    };
+}
+export default Layout;

package/types/src/Layout/docs/examples/Basic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Basic(): React.JSX.Element;
+export default Basic;

package/types/src/Layout/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Layout';
+export * from './Layout';

package/types/src/Layout/test/Layout.unit.d.ts

@@ -0,0 +1 @@
+export {};

package/types/src/Link/Link.d.ts

@@ -1,15 +1,13 @@
-import React, { Component } from 'react';
-import { legacyRefMode } from '@splunk/react-ui/Dropdown';
-import { ClassComponentProps } from '../utils/types';
+import React from 'react';
+import { ComponentProps } from '../utils/types';
 interface LinkPropsBase {
     /**
-     * Links may need to be rendered as "disabled": e.g. last link in a breadcrumb. Disabled links, must have the `to` (ideally to '') and `disabled` props set.
-     *  @private
+     * Changes the style of the link.
      */
-    allowDisabledLink?: boolean;
+    appearance?: 'inline' | 'standalone';
     children?: React.ReactNode;
     /**
-     * Adds a disabled attribute and prevent clicking.
+     * Adds an aria-disabled attribute and prevents clicking.
      */
     disabled?: boolean;
     /**
@@ -34,24 +32,13 @@ interface LinkPropsBase {
      */
     to?: string;
 }
-declare const defaultProps: Required<Pick<LinkPropsBase, 'disabled' | 'openInNewContext'>>;
-type LinkLinkProps = ClassComponentProps<LinkPropsBase, typeof defaultProps, 'a', 'href'>;
-type LinkButtonProps = ClassComponentProps<LinkPropsBase, typeof defaultProps, 'button'>;
+type LinkLinkProps = ComponentProps<LinkPropsBase, 'a', 'href'>;
+type LinkButtonProps = ComponentProps<LinkPropsBase, 'button'>;
 type LinkProps = LinkLinkProps | LinkButtonProps;
 /**
  * `Link` is a simple method for configuring `Button` for inline links. For more complex behaviors,
  * see the `Button` documentation.
  */
-declare class Link extends Component<LinkProps> {
-    private component;
-    static propTypes: React.WeakValidationMap<LinkProps>;
-    static defaultProps: Required<Pick<LinkPropsBase, "disabled" | "openInNewContext">>;
-    static [legacyRefMode]: boolean;
-    private handleMount;
-    /**
-     * Place focus on the link.
-     */
-    focus(): void;
-    render(): JSX.Element;
-}
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Link;
+export { LinkProps };

package/types/src/Link/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Link/docs/examples/Disabled.d.ts

@@ -1,2 +1,3 @@
-declare function Disabled(): JSX.Element;
+import React from 'react';
+declare function Disabled(): React.JSX.Element;
 export default Disabled;

package/types/src/Link/docs/examples/NewWindow.d.ts

@@ -1,2 +1,3 @@
-declare function NewWindow(): JSX.Element;
+import React from 'react';
+declare function NewWindow(): React.JSX.Element;
 export default NewWindow;

package/types/src/Link/docs/examples/Standalone.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Standalone(): React.JSX.Element;
+export default Standalone;

package/types/src/Link/icons/External.d.ts

@@ -1,2 +1,3 @@
-declare function External(): JSX.Element;
+/// <reference types="react" />
+declare const External: import("styled-components").StyledComponent<({ children, variant, ...otherprops }: import("@splunk/react-icons/ArrowSquareTopRightInset").IconBaseProps) => import("react").JSX.Element | null, any, {}, never>;
 export default External;

package/types/src/List/Item.d.ts

@@ -12,7 +12,7 @@ type ItemProps = ComponentProps<ItemPropsBase, 'li'>;
 /**
  * A container for items of a `List`.
  */
-declare function Item({ children, elementRef, ...otherProps }: ItemProps): JSX.Element;
+declare function Item({ children, elementRef, ...otherProps }: ItemProps): React.JSX.Element;
 declare namespace Item {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/List/List.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Item from './Item';
+import { Styled } from './ListStyles';
 import { ComponentProps } from '../utils/types';
 interface ListPropsBase {
     children?: React.ReactNode;
@@ -12,38 +13,25 @@ interface ListPropsBase {
     elementRef?: React.Ref<HTMLOListElement | HTMLUListElement>;
     /** Sets the element as an `HTMLOListElement`  otherwise it defaults to `HTMLUListElement`. */
     ordered?: boolean;
-    /**
-     * @deprecated
-     * This prop is deprecated and will be removed in a future major version. List will default to `HTMLUListElement`. Use `ordered` prop to set list to `HTMLOListElement`. Use CSS to style the `list-style-type` property.
-     */
-    type?: 'disc' | 'decimal' | 'lower-alpha' | 'upper-alpha';
 }
 interface ListOrderedPropsBase extends ListPropsBase {
     elementRef?: React.Ref<HTMLOListElement>;
     ordered: true;
-    type?: never;
-}
-interface ListOrderedTypePropsBase extends ListPropsBase {
-    elementRef?: React.Ref<HTMLOListElement>;
-    ordered?: never;
-    type?: 'decimal' | 'lower-alpha' | 'upper-alpha';
 }
 interface ListUnorderedPropsBase extends ListPropsBase {
     elementRef?: React.Ref<HTMLUListElement>;
-    type?: 'disc';
 }
-type ListOrderedProps = ComponentProps<ListOrderedPropsBase | ListOrderedTypePropsBase, 'ol'>;
 type ListUnorderedProps = ComponentProps<ListUnorderedPropsBase, 'ul'>;
-type ListProps = ListOrderedProps | ListUnorderedProps;
-declare function List({ children, elementRef, type, ordered, ...otherProps }: ListProps): JSX.Element;
+type ListOrderedProps = ComponentProps<ListOrderedPropsBase, 'ol'>;
+type ListProps = ListUnorderedProps | ListOrderedProps;
+declare function List({ children, elementRef, ordered, ...otherProps }: ListProps): React.JSX.Element;
 declare namespace List {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
         ordered: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
     };
     var Item: typeof import("./Item").default;
 }
 export default List;
-export { Item };
+export { Item, Styled as StyledList };

package/types/src/List/docs/examples/CustomizedList.d.ts

@@ -1,2 +1,3 @@
-declare function CustomizedList(): JSX.Element;
+import React from 'react';
+declare function CustomizedList(): React.JSX.Element;
 export default CustomizedList;

package/types/src/List/docs/examples/OrderedList.d.ts

@@ -1,2 +1,3 @@
-declare function Ordered(): JSX.Element;
+import React from 'react';
+declare function Ordered(): React.JSX.Element;
 export default Ordered;

package/types/src/List/docs/examples/UnorderedList.d.ts

@@ -1,2 +1,3 @@
-declare function UnorderedList(): JSX.Element;
+import React from 'react';
+declare function UnorderedList(): React.JSX.Element;
 export default UnorderedList;