@elliemae/ds-pills 2.0.0-rc.6 → 2.0.0

package/cjs/components/types/DropdownPill.js

@@ -57,7 +57,9 @@ const DropdownPill = /*#__PURE__*/React__default["default"].memo(_ref => {
     gutter: "2px",
     alignItems: "center",
     justifyItems: "center"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label), /*#__PURE__*/jsxRuntime.jsx(DSDropdownMenu.DSDropdownMenuV2, _objectSpread(_objectSpread({}, dropdownProps), {}, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label), /*#__PURE__*/jsxRuntime.jsx(DSDropdownMenu.DSDropdownMenuV2, _objectSpread(_objectSpread({
+    placementOrderPreference: ['bottom-start', 'bottom', 'bottom-end', 'right-end', 'top-start', 'top', 'top-end']
+  }, dropdownProps), {}, {
     onClickOutside: e => {
       if (e.code === 'Escape') chevronRef.current.focus();
       if (dropdownProps.onClickOutside) dropdownProps.onClickOutside(e);
@@ -75,7 +77,8 @@ const DropdownPill = /*#__PURE__*/React__default["default"].memo(_ref => {
       onClick: onDropdownClick
     }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {
       color: ['brand-primary', '800'],
-      size: "s"
+      width: 20,
+      height: 20
     }))
   })));
 });

package/cjs/components/types/RemovablePill.js

@@ -63,7 +63,8 @@ const RemovablePill = /*#__PURE__*/React__default["default"].memo(_ref => {
     "aria-label": "Remove ".concat(label),
     type: "right"
   }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
-    size: "s",
+    width: 22.65,
+    height: 22.65,
     color: ['brand-primary', '700']
   })));
 });

package/esm/components/types/DropdownPill.js

@@ -47,7 +47,9 @@ const DropdownPill = /*#__PURE__*/React.memo(_ref => {
     gutter: "2px",
     alignItems: "center",
     justifyItems: "center"
-  }, void 0, /*#__PURE__*/_jsx(TextComponent, {}, void 0, label), /*#__PURE__*/jsx(DSDropdownMenuV2, _objectSpread(_objectSpread({}, dropdownProps), {}, {
+  }, void 0, /*#__PURE__*/_jsx(TextComponent, {}, void 0, label), /*#__PURE__*/jsx(DSDropdownMenuV2, _objectSpread(_objectSpread({
+    placementOrderPreference: ['bottom-start', 'bottom', 'bottom-end', 'right-end', 'top-start', 'top', 'top-end']
+  }, dropdownProps), {}, {
     onClickOutside: e => {
       if (e.code === 'Escape') chevronRef.current.focus();
       if (dropdownProps.onClickOutside) dropdownProps.onClickOutside(e);
@@ -65,7 +67,8 @@ const DropdownPill = /*#__PURE__*/React.memo(_ref => {
       onClick: onDropdownClick
     }, void 0, /*#__PURE__*/_jsx(ChevronSmallDown, {
       color: ['brand-primary', '800'],
-      size: "s"
+      width: 20,
+      height: 20
     }))
   })));
 });

package/esm/components/types/RemovablePill.js

@@ -54,7 +54,8 @@ const RemovablePill = /*#__PURE__*/React.memo(_ref => {
     "aria-label": "Remove ".concat(label),
     type: "right"
   }, void 0, /*#__PURE__*/_jsx(CloseXsmall, {
-    size: "s",
+    width: 22.65,
+    height: 22.65,
     color: ['brand-primary', '700']
   })));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-pills",
-  "version": "2.0.0-rc.6",
+  "version": "2.0.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Pills",
   "module": "./esm/index.js",
@@ -144,22 +144,27 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-rc.6",
-    "@elliemae/ds-dropdownmenu": "2.0.0-rc.6",
-    "@elliemae/ds-form": "2.0.0-rc.6",
-    "@elliemae/ds-grid": "2.0.0-rc.6",
-    "@elliemae/ds-icons": "2.0.0-rc.6",
-    "@elliemae/ds-modal": "2.0.0-rc.6",
-    "@elliemae/ds-popover": "2.0.0-rc.6",
-    "@elliemae/ds-shared": "2.0.0-rc.6",
-    "@elliemae/ds-system": "2.0.0-rc.6",
-    "@elliemae/ds-tooltip": "2.0.0-rc.6",
-    "@elliemae/ds-utilities": "2.0.0-rc.6",
+    "@elliemae/ds-button": "2.0.0",
+    "@elliemae/ds-classnames": "2.0.0",
+    "@elliemae/ds-dropdownmenu": "2.0.0",
+    "@elliemae/ds-form": "2.0.0",
+    "@elliemae/ds-grid": "2.0.0",
+    "@elliemae/ds-icons": "2.0.0",
+    "@elliemae/ds-modal": "2.0.0",
+    "@elliemae/ds-popover": "2.0.0",
+    "@elliemae/ds-props-helpers": "2.0.0",
+    "@elliemae/ds-shared": "2.0.0",
+    "@elliemae/ds-system": "2.0.0",
+    "@elliemae/ds-tooltip": "2.0.0",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0",
+    "@elliemae/ds-utilities": "2.0.0",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
   },
   "devDependencies": {
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
     "styled-components": "~5.3.3"
   },
   "peerDependencies": {

package/types/components/PillGroup.d.ts

@@ -1,8 +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: any;
+declare const DSPillGroupV2WithSchema: {
+    (props?: React.PropsWithChildren<DSPillGroupProps> | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSPillGroupV2, DSPillGroupV2WithSchema };

package/types/components/styled.d.ts

@@ -17,25 +17,7 @@ export declare const StyledPillGroup: import("styled-components").StyledComponen
 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/types/v2/propTypes").DSButtonPropsT): JSX.Element;
-    propTypes: {
-        id: any;
-        buttonType: any;
-        size: any;
-        disabled: any;
-        onClick: any;
-        onKeyDown: any;
-        onBlur: any;
-        onFocus: any;
-        className: any;
-        tabIndex: any;
-        innerRef: any;
-        'aria-label': any;
-        'aria-pressed': any;
-        'data-testid': any;
-        role: any;
-        children: any;
-        'data-testemulatestate': any;
-    };
+    propTypes: import("react").WeakValidationMap<unknown>;
 }, import("styled-components").DefaultTheme, {
     width: string;
     height: string;

package/types/deprecated/DropdownPill.d.ts

@@ -1,3 +1,4 @@
+/// <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;
@@ -12,20 +13,63 @@ declare function DropdownPill({ containerProps, label, variant, tabIndex, closeM
 declare namespace DropdownPill {
     var propTypes: {
         /** props injected to component wrapper */
-        containerProps: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** labeled pill text label */
         label: any;
         /** pill variant */
-        variant: any;
+        variant: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** html focus border */
-        tabIndex: any;
+        tabIndex: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** close menu on item selection */
-        closeMenuOnItemSelection: any;
+        closeMenuOnItemSelection: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** pill max width */
-        maxWidth: any;
+        maxWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** pill min width */
-        minWidth: any;
+        minWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const DSDropdownPillWithSchema: any;
+declare const DSDropdownPillWithSchema: {
+    (props?: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        label?: string | undefined;
+        variant: any;
+        tabIndex?: number | undefined;
+        closeMenuOnItemSelection?: boolean | undefined;
+        maxWidth: any;
+        minWidth: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DropdownPill, DSDropdownPillWithSchema };

package/types/deprecated/LabeledDropdownPills.d.ts

@@ -1,3 +1,4 @@
+/// <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;
@@ -14,24 +15,79 @@ declare function LabeledDropdownPills({ label, value, type, onFocusNextGroup, on
 declare namespace LabeledDropdownPills {
     var propTypes: {
         /** pill type */
-        type: any;
+        type: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** focus next group callback */
-        onFocusNextGroup: any;
+        onFocusNextGroup: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** focus prev group callback */
-        onFocusPreviousGroup: any;
+        onFocusPreviousGroup: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** focus group set callback */
-        onFocusGroupSet: any;
+        onFocusGroupSet: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** pill max width */
-        maxWidth: any;
+        maxWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** pill min width */
-        minWidth: any;
+        minWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** fixed pill */
-        fixed: any;
+        fixed: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** pill label text */
         label: any;
         /** pill value */
-        value: any;
+        value: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const DSLabeledDropdownPillsWithSchema: any;
+declare const DSLabeledDropdownPillsWithSchema: {
+    (props?: {
+        [x: string]: any;
+        label?: string | undefined;
+        value: any;
+        type: any;
+        onFocusNextGroup: any;
+        onFocusPreviousGroup: any;
+        onFocusGroupSet: any;
+        maxWidth: any;
+        minWidth: any;
+        fixed: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };

package/types/deprecated/LabeledPills.d.ts

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

package/types/deprecated/OverflowPill.d.ts

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

package/types/deprecated/Pill.d.ts

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

package/types/deprecated/PillGroup.d.ts

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

package/types/deprecated/ReadOnlyPill.d.ts

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

package/types/deprecated/RemovablePill.d.ts

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

package/types/props.d.ts

@@ -1,29 +1,68 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 export declare const DSPillV2PropTypes: {
-    label: any;
-    type: any;
-    innerRef: any;
-    size: any;
-    ariaLabel: any;
-    labelTruncated: any;
-    tooltipValue: any;
-    iconLeft: any;
-    iconRight: any;
-    onRemove: any;
-    inputPlaceholder: any;
-    onInputChange: any;
-    onInputClear: any;
-    inputWidth: any;
-    dropdownProps: any;
-    onDropdownClick: any;
+    label: import("react-desc").PropTypesDescValidator;
+    type: import("react-desc").PropTypesDescValidator;
+    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: any;
-    width: any;
-    height: any;
+    type: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    width: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    height: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
 };
 export declare const DSPillGroupPropTypes: {
-    width: any;
-    innerRef: any;
+    width: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    innerRef: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
 };
 export declare const DSPillV2DefaultProps: {
     innerRef: () => null;