@elliemae/ds-pills 2.3.0-alpha.8 → 2.3.0-alpha.9

package/dist/types/components/Pill.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DSPillProps } from '../index.d';
+declare const DSPillV2: React.ComponentType<DSPillProps>;
+declare const DSPillV2WithSchema: any;
+export { DSPillV2, DSPillV2WithSchema };

package/dist/types/components/PillButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DSButtonPropsT } from '@elliemae/ds-button';
+declare const DSPillButton: React.ComponentType<DSButtonPropsT>;
+declare const DSPillButtonWithSchema: any;
+export { DSPillButton, DSPillButtonWithSchema };

package/dist/types/components/PillGroup.d.ts

@@ -0,0 +1,13 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
+import { DSPillGroupProps } from '../index.d';
+export declare const DSPillGroupV2Context: React.Context<{
+    onKeyboardRemove: (pillUid: string) => void;
+}>;
+declare const DSPillGroupV2: React.ComponentType<DSPillGroupProps>;
+declare const DSPillGroupV2WithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSPillGroupV2, DSPillGroupV2WithSchema };

package/dist/types/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Pill';
+export * from './PillGroup';
+export * from './PillButton';

package/dist/types/components/styled.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export declare const StyledLabelPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    size: 'm' | 's';
+}, never>;
+export declare const StyledValuePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    size: 'm' | 's';
+}, never>;
+export declare const StyledInputPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDropdownPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    size: 'm' | 's';
+}, never>;
+export declare const StyledReadonlyPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledRemovablePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    size: 'm' | 's';
+}, never>;
+export declare const StyledPillGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSpanWithTooltip: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledPillButton: import("styled-components").StyledComponent<{
+    (props: import("@elliemae/ds-button/dist/types/v2/propTypes").DSButtonPropsT): JSX.Element;
+    propTypes: import("react").WeakValidationMap<unknown>;
+}, import("styled-components").DefaultTheme, {
+    width: string;
+    height: string;
+}, never>;

package/dist/types/components/types/DropdownPill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const DropdownPill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/InputPill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const InputPill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/LabelPill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const LabelPill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/ReadOnlyPill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const ReadOnlyPill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/RemovablePill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const RemovablePill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/ValuePill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const ValuePill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './DropdownPill';
+export * from './InputPill';
+export * from './LabelPill';
+export * from './ReadOnlyPill';
+export * from './RemovablePill';
+export * from './ValuePill';

package/dist/types/deprecated/DropdownPill.d.ts

@@ -0,0 +1,66 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function DropdownPill({ containerProps, label, variant, tabIndex, closeMenuOnItemSelection, maxWidth, minWidth, ...dropdownProps }: {
+    [x: string]: any;
+    containerProps?: {} | undefined;
+    label?: string | undefined;
+    variant: any;
+    tabIndex?: number | undefined;
+    closeMenuOnItemSelection?: boolean | undefined;
+    maxWidth: any;
+    minWidth: any;
+}): JSX.Element;
+declare namespace DropdownPill {
+    var propTypes: {
+        /** props injected to component wrapper */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** labeled pill text label */
+        label: any;
+        /** pill variant */
+        variant: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** html focus border */
+        tabIndex: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** close menu on item selection */
+        closeMenuOnItemSelection: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** pill max width */
+        maxWidth: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** pill min width */
+        minWidth: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const DSDropdownPillWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DropdownPill, DSDropdownPillWithSchema };

package/dist/types/deprecated/InputPill.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare function InputPill({ containerProps, placeholder, onChange, onRemove, value, type, ...otherProps }: {
+    [x: string]: any;
+    containerProps?: {} | undefined;
+    placeholder?: string | undefined;
+    onChange?: (() => void) | undefined;
+    onRemove: any;
+    value: any;
+    type: any;
+}): JSX.Element;

package/dist/types/deprecated/LabeledDropdownPills.d.ts

@@ -0,0 +1,82 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function LabeledDropdownPills({ label, value, type, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, fixed, ...menuProps }: {
+    [x: string]: any;
+    label?: string | undefined;
+    value: any;
+    type: any;
+    onFocusNextGroup: any;
+    onFocusPreviousGroup: any;
+    onFocusGroupSet: any;
+    maxWidth: any;
+    minWidth: any;
+    fixed: any;
+}): JSX.Element;
+declare namespace LabeledDropdownPills {
+    var propTypes: {
+        /** pill type */
+        type: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** focus next group callback */
+        onFocusNextGroup: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** focus prev group callback */
+        onFocusPreviousGroup: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** focus group set callback */
+        onFocusGroupSet: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** pill max width */
+        maxWidth: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** pill min width */
+        minWidth: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** fixed pill */
+        fixed: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** pill label text */
+        label: any;
+        /** pill value */
+        value: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const DSLabeledDropdownPillsWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema; /** fixed pill */
+};
+export { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };

package/dist/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare function LabeledDropdownCascadeMenuPill({ label, options, value: optionValue, onChange, onRemove, value: selection, placeholder, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, ...menuProps }: {
+    [x: string]: any;
+    label: any;
+    options: any;
+    value?: {} | undefined;
+    onChange: any;
+    onRemove: any;
+    placeholder?: string | undefined;
+    onFocusNextGroup: any;
+    onFocusPreviousGroup: any;
+    onFocusGroupSet: any;
+    maxWidth: any;
+    minWidth: any;
+}): JSX.Element;
+export { LabeledDropdownCascadeMenuPill };
+export default LabeledDropdownCascadeMenuPill;

package/dist/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare function LabeledDropdownMultiPills({ label, options, value, onSelect, onRemove, onChange, // if this is defined, then it's calculating the next result onSelect or onRemove
+maxWidth, minWidth, ...menuProps }: {
+    [x: string]: any;
+    label: any;
+    options?: never[] | undefined;
+    value?: never[] | undefined;
+    onSelect?: (() => null) | undefined;
+    onRemove?: (() => null) | undefined;
+    onChange: any;
+    maxWidth: any;
+    minWidth: any;
+}): JSX.Element;
+export { LabeledDropdownMultiPills };
+export default LabeledDropdownMultiPills;

package/dist/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare function LabeledDropdownSinglePill({ label, labelIsValue, options, value, onSelect, onChange, maxWidth, minWidth, fixed, ...menuProps }: {
+    [x: string]: any;
+    label: any;
+    labelIsValue?: boolean | undefined;
+    options: any;
+    value: any;
+    onSelect?: (() => null) | undefined;
+    onChange: any;
+    maxWidth: any;
+    minWidth: any;
+    fixed?: boolean | undefined;
+}): JSX.Element;
+declare namespace LabeledDropdownSinglePill {
+    var propTypes: {
+        label: PropTypes.Requireable<string>;
+        labelIsValue: PropTypes.Requireable<boolean>;
+        options: PropTypes.Requireable<any[]>;
+        value: PropTypes.Requireable<string | number>;
+        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        maxWidth: PropTypes.Requireable<string | number>;
+        minWidth: PropTypes.Requireable<string | number>;
+        fixed: PropTypes.Requireable<boolean>;
+    };
+}
+export { LabeledDropdownSinglePill };
+export default LabeledDropdownSinglePill;

package/dist/types/deprecated/LabeledDropdownPillsTypes/utils.d.ts

@@ -0,0 +1 @@
+export declare const hasOptionChanged: (prevOptions: any, options: any) => boolean;

package/dist/types/deprecated/LabeledPills.d.ts

@@ -0,0 +1,52 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function LabeledPills({ children, label, leftAddon, onFocusGroupSet, onFocusNextGroup, onFocusPreviousGroup, }: {
+    children: any;
+    label?: string | undefined;
+    leftAddon: any;
+    onFocusGroupSet: any;
+    onFocusNextGroup: any;
+    onFocusPreviousGroup: any;
+}): JSX.Element;
+declare namespace LabeledPills {
+    var propTypes: {
+        /** labeled pill text label */
+        label: any;
+        /** pill to add the label to */
+        children: any;
+        /** addon component to left */
+        leftAddon: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** focus next group callback */
+        onFocusNextGroup: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** focus prev group callback */
+        onFocusPreviousGroup: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** focus group set callback */
+        onFocusGroupSet: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const DSLabeledPillsWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { LabeledPills, DSLabeledPillsWithSchema };

package/dist/types/deprecated/OverflowPill.d.ts

@@ -0,0 +1,33 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function OverflowPill({ containerProps, label, options }: {
+    containerProps?: {} | undefined;
+    label?: string | undefined;
+    options?: never[] | undefined;
+}): JSX.Element;
+declare namespace OverflowPill {
+    var propTypes: {
+        /** props to inject to pill wrapper */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** pill text label */
+        label: any;
+        /** overflow pills options */
+        options: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const DSOverflowPillWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { OverflowPill, DSOverflowPillWithSchema };

package/dist/types/deprecated/Pill.d.ts

@@ -0,0 +1,59 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function Pill({ containerProps, label, leftAddon, rightAddon, variant, size, ...otherProps }: {
+    [x: string]: any;
+    containerProps?: {} | undefined;
+    label?: string | undefined;
+    leftAddon: any;
+    rightAddon: any;
+    variant?: string | undefined;
+    size?: string | undefined;
+}): JSX.Element;
+declare namespace Pill {
+    var propTypes: {
+        /** props to inject to pill wrapper */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** pill text label */
+        label: any;
+        /** pill size */
+        size: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** pill variant */
+        variant: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** addon component to left */
+        leftAddon: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** addon component to right */
+        rightAddon: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const DSPillWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { Pill, DSPillWithSchema };
+export default Pill;

package/dist/types/deprecated/PillGroup.d.ts

@@ -0,0 +1,50 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
+export declare const Container: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare const PillGroup: {
+    ({ containerProps, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, children, }: {
+        containerProps?: {} | undefined;
+        onFocusNextGroup: any;
+        onFocusPreviousGroup: any;
+        onFocusGroupSet: any;
+        children: any;
+    }): JSX.Element;
+    propTypes: {
+        /** props injected to component wrapper */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** focus next group callback */
+        onFocusNextGroup: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** focus prev group callback */
+        onFocusPreviousGroup: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** focus group set callback */
+        onFocusGroupSet: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** pill components */
+        children: any;
+    };
+};
+declare const DSPillGroupWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { PillGroup, DSPillGroupWithSchema };

package/dist/types/deprecated/ReadOnlyPill.d.ts

@@ -0,0 +1,56 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const ReadOnlyPill: {
+    ({ containerProps, modalContent, label, leftAddon, modalTitle, tooltipText, }: {
+        containerProps?: {} | undefined;
+        modalContent?: string | undefined;
+        label?: string | undefined;
+        leftAddon: any;
+        modalTitle?: string | undefined;
+        tooltipText?: string | undefined;
+    }): JSX.Element;
+    propTypes: {
+        /** props injected to component wrapper */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** labeled pill text label */
+        label: any;
+        /** addon component to left */
+        leftAddon: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** read only pill modal content */
+        modalContent: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** read only pill modal title */
+        modalTitle: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        tooltipText: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSReadOnlyPillWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { ReadOnlyPill, DSReadOnlyPillWithSchema };

package/dist/types/deprecated/RemovablePill.d.ts

@@ -0,0 +1,49 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function RemovablePill({ containerProps, label, onRemove, size, leftAddon }: {
+    containerProps?: {} | undefined;
+    label?: string | undefined;
+    onRemove: any;
+    size?: string | undefined;
+    leftAddon: any;
+}): JSX.Element;
+declare namespace RemovablePill {
+    var propTypes: {
+        /** props injected to component wrapper */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** labeled pill text label */
+        label: any;
+        /** remove click callback */
+        onRemove: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** pill size */
+        size: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** addon component to left */
+        leftAddon: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const DSRemovablePillWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { RemovablePill, DSRemovablePillWithSchema };

package/dist/types/deprecated/index.d.ts

@@ -0,0 +1,9 @@
+export * from './Pill';
+export * from './PillGroup';
+export * from './LabeledDropdownPills';
+export * from './LabeledPills';
+export * from './DropdownPill';
+export * from './RemovablePill';
+export * from './ReadOnlyPill';
+export * from './OverflowPill';
+export { default } from './Pill';

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './deprecated';
+export * from './components';
+export { default } from './deprecated';

package/dist/types/props.d.ts

@@ -0,0 +1,92 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const DSPillV2PropTypes: {
+    label: import("react-desc").PropTypesDescValue;
+    type: import("react-desc").PropTypesDescValue;
+    innerRef: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    size: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    ariaLabel: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    labelTruncated: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    tooltipValue: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    iconLeft: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    iconRight: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onRemove: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    inputPlaceholder: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onInputChange: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onInputClear: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    inputWidth: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    dropdownProps: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onDropdownClick: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};
+export declare const DSPillButtonPropTypes: {
+    type: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    width: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    height: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};
+export declare const DSPillGroupPropTypes: {
+    width: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    innerRef: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};
+export declare const DSPillV2DefaultProps: {
+    innerRef: () => null;
+    ariaLabel: string;
+    size: string;
+    labelTruncated: boolean;
+    tooltipValue: string;
+    iconLeft: null;
+    iconRight: null;
+    onRemove: () => null;
+    inputPlaceholder: string;
+    onInputChange: () => null;
+    onInputClear: () => null;
+    inputWidth: number;
+    inputRender: any;
+    dropdownProps: {};
+    onDropdownClick: () => null;
+};
+export declare const DSPillButtonDefaultProps: {
+    type: string;
+    width: string;
+    height: string;
+};
+export declare const DSPillGroupDefaultProps: {
+    width: string;
+    innerRef: () => null;
+};

package/dist/types/tests/DSPill.test.d.ts

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

package/dist/types/tests/DSPillGroup.test.d.ts

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

package/dist/types/tests/events/DSPill.events.keyboard.test.d.ts

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

package/dist/types/tests/events/DSPill.events.test.d.ts

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

package/dist/types/tests/events/DSPillGroup.events.keyboard.test.d.ts

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

package/dist/types/tests/events/DSPillGroup.events.test.d.ts

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

package/dist/types/utils.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare type refInterfaceType = React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);
+export declare const setMultipleRefs: (...refs: refInterfaceType[]) => (_ref: HTMLElement) => void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-pills",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-alpha.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Pills",
   "files": [
@@ -141,20 +141,20 @@
   },
   "author": "ICE MT",
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.8",
-    "@elliemae/ds-classnames": "2.3.0-alpha.8",
-    "@elliemae/ds-dropdownmenu": "2.3.0-alpha.8",
-    "@elliemae/ds-form": "2.3.0-alpha.8",
-    "@elliemae/ds-grid": "2.3.0-alpha.8",
-    "@elliemae/ds-icons": "2.3.0-alpha.8",
-    "@elliemae/ds-modal": "2.3.0-alpha.8",
-    "@elliemae/ds-popover": "2.3.0-alpha.8",
-    "@elliemae/ds-props-helpers": "2.3.0-alpha.8",
-    "@elliemae/ds-shared": "2.3.0-alpha.8",
-    "@elliemae/ds-system": "2.3.0-alpha.8",
-    "@elliemae/ds-tooltip": "2.3.0-alpha.8",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.8",
-    "@elliemae/ds-utilities": "2.3.0-alpha.8",
+    "@elliemae/ds-button": "2.3.0-alpha.9",
+    "@elliemae/ds-classnames": "2.3.0-alpha.9",
+    "@elliemae/ds-dropdownmenu": "2.3.0-alpha.9",
+    "@elliemae/ds-form": "2.3.0-alpha.9",
+    "@elliemae/ds-grid": "2.3.0-alpha.9",
+    "@elliemae/ds-icons": "2.3.0-alpha.9",
+    "@elliemae/ds-modal": "2.3.0-alpha.9",
+    "@elliemae/ds-popover": "2.3.0-alpha.9",
+    "@elliemae/ds-props-helpers": "2.3.0-alpha.9",
+    "@elliemae/ds-shared": "2.3.0-alpha.9",
+    "@elliemae/ds-system": "2.3.0-alpha.9",
+    "@elliemae/ds-tooltip": "2.3.0-alpha.9",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.9",
+    "@elliemae/ds-utilities": "2.3.0-alpha.9",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"