@nulogy/components 10.2.10 → 10.2.11

package/dist/src/RangeContainer/RangeContainer.d.ts

@@ -6,6 +6,7 @@ type RangeContainerProps = {
     endComponent?: React.ReactNode;
     size?: ComponentSize;
     errorMessages?: (string | undefined)[];
+    children?: React.ReactNode;
 };
-declare const RangeContainer: React.FC<React.PropsWithChildren<RangeContainerProps>>;
+declare const RangeContainer: ({ startComponent, endComponent, errorMessages, labelProps, size, ...props }: RangeContainerProps) => React.JSX.Element;
 export default RangeContainer;

package/dist/src/Select/Select.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from "react";
 import { GroupBase } from "react-windowed-select";
-import type { MenuPlacement, MenuPosition, Props as SelectProps } from "react-select";
+import type { Props as SelectProps } from "react-select";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
 interface WindowedSelectProps extends SelectProps {
     windowThreshold?: number;
@@ -27,38 +27,6 @@ interface CustomProps<Option, IsMulti extends boolean, Group extends GroupBase<O
     [key: string]: any;
 }
 export type NDSSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Omit<WindowedSelectProps, "isSearchable" | "isDisabled" | "isMulti" | "defaultMenuIsOpen" | "defaultInputValue" | "options" | "onChange"> & CustomProps<Option, IsMulti, Group>;
-export declare const SelectDefaultProps: {
-    autocomplete: boolean;
-    disabled: any;
-    defaultValue: any;
-    error: any;
-    errorMessage: any;
-    errorList: any;
-    labelText: any;
-    helpText: any;
-    noOptionsMessage: any;
-    requirementText: any;
-    id: any;
-    initialIsOpen: any;
-    maxHeight: string;
-    menuPosition: MenuPosition;
-    menuPlacement: MenuPlacement;
-    multiselect: boolean;
-    name: any;
-    onBlur: any;
-    onChange: any;
-    placeholder: any;
-    required: boolean;
-    value: any;
-    className: any;
-    classNamePrefix: string;
-    menuIsOpen: any;
-    onMenuOpen: any;
-    onMenuClose: any;
-    onInputChange: any;
-    components: any;
-    closeMenuOnSelect: boolean;
-};
 declare const ReactSelect: React.ForwardRefExoticComponent<Omit<Omit<WindowedSelectProps, "isDisabled" | "isMulti" | "isSearchable" | "onChange" | "options" | "defaultMenuIsOpen" | "defaultInputValue"> & CustomProps<unknown, boolean, GroupBase<unknown>>, "ref"> & React.RefAttributes<unknown>>;
 export declare const getOption: (options: NDSOptionType[], value: unknown) => unknown;
 export default ReactSelect;

package/dist/src/Table/BaseTable.d.ts

@@ -17,21 +17,5 @@ export type BaseTableProps<ColumnMetaData> = {
     onMouseEnter?: any;
     onMouseLeave?: any;
 };
-declare function BaseTable<ColumnMetaData>({ columns, rows, noRowsContent, keyField, id, loading, footerRows, rowHovers, compact, className, stickyHeader, onRowMouseEnter, onRowMouseLeave, ...props }: BaseTableProps<ColumnMetaData>): React.JSX.Element;
-declare namespace BaseTable {
-    var propTypes: any;
-    var defaultProps: {
-        noRowsContent: string;
-        keyField: string;
-        id: any;
-        loading: boolean;
-        footerRows: any[];
-        rowHovers: boolean;
-        compact: boolean;
-        className: any;
-        stickyHeader: boolean;
-        onRowMouseEnter: () => void;
-        onRowMouseLeave: () => void;
-    };
-}
+declare function BaseTable<ColumnMetaData>({ noRowsContent, keyField, loading, footerRows, rowHovers, compact, stickyHeader, onRowMouseEnter, onRowMouseLeave, columns, rows, id, className, ...props }: BaseTableProps<ColumnMetaData>): React.JSX.Element;
 export default BaseTable;

package/dist/src/Table/SortingColumnHeader.d.ts

@@ -1,25 +1,10 @@
 import React from "react";
-import PropTypes from "prop-types";
-declare const SortingColumnHeader: {
-    ({ onChange, label, ascending, active, ariaLabel }: {
-        onChange: any;
-        label: any;
-        ascending: any;
-        active: any;
-        ariaLabel: any;
-    }): React.JSX.Element;
-    propTypes: {
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        ariaLabel: PropTypes.Requireable<string>;
-        label: PropTypes.Requireable<string>;
-        ascending: PropTypes.Requireable<boolean>;
-        active: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        ariaLabel: any;
-        label: any;
-        ascending: boolean;
-        active: boolean;
-    };
-};
+interface SortingColumnHeaderProps {
+    onChange?: React.MouseEventHandler<HTMLButtonElement>;
+    ariaLabel?: string;
+    label?: string;
+    ascending?: boolean;
+    active?: boolean;
+}
+declare function SortingColumnHeader({ onChange, label, ariaLabel, ascending, active, }: SortingColumnHeaderProps): React.JSX.Element;
 export default SortingColumnHeader;

package/dist/src/Table/StatefulTable.d.ts

@@ -26,14 +26,6 @@ type StatefulTableState = {
 };
 declare class StatefulTable<ColumnMetaData> extends Component<StatefulTableProps<ColumnMetaData>, StatefulTableState> {
     static defaultProps: {
-        hasSelectableRows: boolean;
-        selectedRows: any[];
-        isHeaderSelected: boolean;
-        onRowExpansionChange: () => void;
-        selectAllAriaLabel: any;
-        deselectAllAriaLabel: any;
-        paginationCss: any;
-        paginationProps: {};
         noRowsContent: string;
         keyField: string;
         id: any;
@@ -45,6 +37,14 @@ declare class StatefulTable<ColumnMetaData> extends Component<StatefulTableProps
         stickyHeader: boolean;
         onRowMouseEnter: () => void;
         onRowMouseLeave: () => void;
+        hasSelectableRows: boolean;
+        selectedRows: any[];
+        isHeaderSelected: boolean;
+        onRowExpansionChange: () => void;
+        selectAllAriaLabel: any;
+        deselectAllAriaLabel: any;
+        paginationCss: any;
+        paginationProps: {};
     };
     constructor(props: any);
     static getDerivedStateFromProps(nextProps: any, prevState: any): {

package/dist/src/Table/Table.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import SortingColumnHeader from "./SortingColumnHeader";
 import { StatefulTableProps } from "./StatefulTable";
 import { ColumnType, RowType, CellInfoType } from "./Table.types";
 export type TableProps<ColumnMetadata = unknown> = StatefulTableProps<ColumnMetadata>;
@@ -7,27 +8,6 @@ export type TableRowType = RowType;
 export type TableCellInfoType<ColumnMetadata = unknown> = CellInfoType<ColumnMetadata>;
 declare function Table<ColumnMetadata>({ hasSelectableRows, rowsPerPage, hasExpandableRows, selectedRows, onRowSelectionChange, onRowExpansionChange, onPageChange, selectAllAriaLabel, deselectAllAriaLabel, paginationCss, paginationProps, ...props }: TableProps<ColumnMetadata>): React.JSX.Element;
 declare namespace Table {
-    var SortingHeader: {
-        ({ onChange, label, ascending, active, ariaLabel }: {
-            onChange: any;
-            label: any;
-            ascending: any;
-            active: any;
-            ariaLabel: any;
-        }): React.JSX.Element;
-        propTypes: {
-            onChange: import("prop-types").Validator<(...args: any[]) => any>;
-            ariaLabel: import("prop-types").Requireable<string>;
-            label: import("prop-types").Requireable<string>;
-            ascending: import("prop-types").Requireable<boolean>;
-            active: import("prop-types").Requireable<boolean>;
-        };
-        defaultProps: {
-            ariaLabel: any;
-            label: any;
-            ascending: boolean;
-            active: boolean;
-        };
-    };
+    var SortingHeader: typeof SortingColumnHeader;
 }
 export default Table;

package/dist/src/Table/Table.types.d.ts

@@ -1,5 +1,4 @@
 import type { Key } from "react";
-import PropTypes from "prop-types";
 export type RowType = any;
 export interface CellInfoType<ColumnMetadata> {
     cellData: any;
@@ -24,30 +23,4 @@ export type ColumnType<ColumnMetadata> = {
     key?: never | undefined;
 });
 export type Columns<ColumnMetadata> = ColumnType<ColumnMetadata>[];
-export declare const columnPropType: PropTypes.Requireable<PropTypes.InferProps<{
-    align: PropTypes.Requireable<string>;
-    label: PropTypes.Requireable<string>;
-    dataKey: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<number>>;
-    key: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<number>>;
-    cellFormatter: PropTypes.Requireable<(...args: any[]) => any>;
-    cellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-    headerRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-    width: PropTypes.Requireable<string>;
-}>>;
-export declare const rowPropType: PropTypes.Requireable<{
-    [x: string]: NonNullable<PropTypes.ReactNodeLike>;
-}>;
-export declare const columnsPropType: PropTypes.Requireable<PropTypes.InferProps<{
-    align: PropTypes.Requireable<string>;
-    label: PropTypes.Requireable<string>;
-    dataKey: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<number>>;
-    key: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<number>>;
-    cellFormatter: PropTypes.Requireable<(...args: any[]) => any>;
-    cellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-    headerRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-    width: PropTypes.Requireable<string>;
-}>[]>;
-export declare const rowsPropType: PropTypes.Requireable<{
-    [x: string]: NonNullable<PropTypes.ReactNodeLike>;
-}[]>;
 export {};

package/dist/src/Table/TableCell.d.ts

@@ -3,8 +3,8 @@ type TableCellProps = {
     column?: any;
     row?: any;
     colSpan?: number;
-    cellData?: object | React.ReactNode | boolean;
+    cellData?: Record<string, unknown> | React.ReactNode | boolean;
     compact?: boolean;
 };
-declare const TableCell: React.FC<React.PropsWithChildren<TableCellProps>>;
+declare const TableCell: ({ column, row, cellData, colSpan, compact }: TableCellProps) => React.JSX.Element;
 export default TableCell;

package/dist/src/Table/TableFoot.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { RowType, Columns } from "./Table.types";
 declare function TableFoot<ColumnMetadata>({ columns, rows, keyField, loading, compact, }: {
     columns: Columns<ColumnMetadata>;
@@ -8,29 +7,4 @@ declare function TableFoot<ColumnMetadata>({ columns, rows, keyField, loading, c
     loading?: boolean;
     compact?: boolean;
 }): React.JSX.Element;
-declare namespace TableFoot {
-    var propTypes: {
-        columns: PropTypes.Validator<PropTypes.InferProps<{
-            align: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            dataKey: PropTypes.Requireable<PropTypes.Requireable<number> | PropTypes.Requireable<string>>;
-            key: PropTypes.Requireable<PropTypes.Requireable<number> | PropTypes.Requireable<string>>;
-            cellFormatter: PropTypes.Requireable<(...args: any[]) => any>;
-            cellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-            headerRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-            width: PropTypes.Requireable<string>;
-        }>[]>;
-        rows: PropTypes.Validator<{
-            [x: string]: NonNullable<PropTypes.ReactNodeLike>;
-        }[]>;
-        keyField: PropTypes.Requireable<string>;
-        loading: PropTypes.Requireable<boolean>;
-        compact: PropTypes.Requireable<boolean>;
-    };
-    var defaultProps: {
-        keyField: string;
-        loading: boolean;
-        compact: boolean;
-    };
-}
 export default TableFoot;

package/dist/src/Tabs/Tab.d.ts

@@ -8,5 +8,5 @@ type TabButtonProps = React.ComponentPropsWithRef<"button"> & {
 type TabProps = TabButtonProps & {
     label?: React.ReactNode;
 };
-declare const Tab: React.FC<React.PropsWithChildren<TabProps>>;
+declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Tab;

package/dist/src/Tabs/TabScrollIndicator.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+type Side = "left" | "right";
 type TabScrollIndicatorProps = {
-    onClick?: (...args: any[]) => any;
-    side?: "left" | "right";
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    side?: Side;
     width?: string | number;
     ariaLabelLeft?: string;
     ariaLabelRight?: string;

package/dist/src/Toast/Toast.d.ts

@@ -32,15 +32,5 @@ export declare const toastAnimationConfig: {
         };
     };
 };
-export declare const Toast: {
-    ({ triggered, onHide, onShow, isCloseable, children, showDuration, onHidden, zIndex, ...props }: ToastProps): React.JSX.Element;
-    defaultProps: {
-        triggered: boolean;
-        isCloseable: boolean;
-        showDuration: number;
-        onShow: () => void;
-        onHide: () => void;
-        onHidden: () => void;
-    };
-};
+export declare const Toast: ({ triggered, isCloseable, showDuration, onHide, onShow, children, onHidden, zIndex, ...props }: ToastProps) => React.JSX.Element;
 export default Toast;

package/dist/src/ToastContainer/ToastContainer.d.ts

@@ -6,16 +6,5 @@ type ToastContainerProps = {
     maxVisibleToasts?: number;
     toastOptions?: ToastOptions;
 } & Omit<ToasterProps, "gutter" | "toastOptions">;
-declare const ToastContainer: {
-    ({ gap, maxVisibleToasts, toastOptions, ...props }: ToastContainerProps): React.JSX.Element;
-    defaultProps: {
-        position: string;
-        reverseOrder: boolean;
-        containerClassName: string;
-        toastOptions: {
-            duration: number;
-        };
-        maxVisibleToasts: number;
-    };
-};
+declare const ToastContainer: ({ gap, position, reverseOrder, containerClassName, toastOptions, maxVisibleToasts, ...props }: ToastContainerProps) => React.JSX.Element;
 export default ToastContainer;

package/dist/src/Toggle/Toggle.d.ts

@@ -12,7 +12,7 @@ declare const ToggleComponent: React.ForwardRefExoticComponent<SpaceProps<Requir
     id?: string;
     className?: string;
     required?: boolean;
-    helpText?: any;
+    helpText?: string;
     labelText?: string;
     requirementText?: string;
     error?: boolean;

package/dist/src/Toggle/ToggleButton.d.ts

@@ -7,5 +7,5 @@ type ToggleButtonProps = React.ComponentPropsWithRef<"input"> & {
     name?: string;
     theme?: DefaultNDSThemeType;
 };
-declare const ToggleButton: React.FC<React.PropsWithChildren<ToggleButtonProps>>;
+declare const ToggleButton: React.ForwardRefExoticComponent<Omit<ToggleButtonProps, "ref"> & React.RefAttributes<React.Ref<HTMLInputElement>>>;
 export default ToggleButton;

package/dist/src/Tooltip/Tooltip.d.ts

@@ -9,5 +9,5 @@ export type TooltipProps = {
     maxWidth?: string;
     children?: React.ReactNode;
 };
-declare const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>>;
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<React.Ref<unknown>>>;
 export default Tooltip;

package/dist/src/TruncatedText/MaybeTooltip.d.ts

@@ -1,18 +1,7 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { TooltipProps } from "../Tooltip/Tooltip";
 type MaybeTooltipProps = TooltipProps & {
     showTooltip?: boolean;
 };
-declare const MaybeTooltip: {
-    ({ children, showTooltip, ...props }: MaybeTooltipProps): React.JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        showTooltip: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        children: string;
-        showTooltip: boolean;
-    };
-};
+declare const MaybeTooltip: ({ children, showTooltip, ...props }: MaybeTooltipProps) => React.JSX.Element;
 export default MaybeTooltip;

package/dist/src/TruncatedText/TruncatedText.d.ts

@@ -1,27 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { TruncatedTextProps } from "./TruncatedTextProps";
-declare const TruncatedText: {
-    ({ fullWidth, children, ...props }: TruncatedTextProps): React.JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        indicator: PropTypes.Requireable<string>;
-        element: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        maxCharacters: PropTypes.Requireable<number>;
-        showTooltip: PropTypes.Requireable<boolean>;
-        fullWidth: PropTypes.Requireable<boolean>;
-        "data-testid": PropTypes.Requireable<string>;
-        tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    };
-    defaultProps: {
-        children: any;
-        indicator: string;
-        element: React.JSX.Element;
-        maxCharacters: number;
-        fullWidth: boolean;
-        showTooltip: boolean;
-        "data-testid": string;
-        tooltipProps: any;
-    };
-};
+declare const TruncatedText: ({ indicator, element, maxCharacters, fullWidth, showTooltip, "data-testid": dataTestId, children, ...props }: TruncatedTextProps) => React.JSX.Element;
 export default TruncatedText;

package/dist/src/TruncatedText/TruncatedTextProps.d.ts

@@ -1,9 +1,10 @@
+import { ReactElement } from "react";
 import { TooltipProps } from "../Tooltip/Tooltip";
 import { TextProps } from "../Type";
 export interface TruncatedTextProps extends TextProps {
     children?: string;
     indicator?: string;
-    element?: any;
+    element?: ReactElement;
     maxCharacters?: number;
     showTooltip?: boolean;
     fullWidth?: boolean;

package/dist/src/Validation/InlineValidation.d.ts

@@ -6,5 +6,5 @@ type InlineValidationProps = SpaceProps & {
     errorList?: string[];
     children?: React.ReactNode;
 };
-declare const InlineValidation: React.FC<React.PropsWithChildren<InlineValidationProps>>;
-export default InlineValidation;
+export default function InlineValidation({ className, errorMessage, errorList, children, ...boxProps }: InlineValidationProps): React.JSX.Element;
+export {};

package/dist/src/locales.const.d.ts

@@ -1,13 +1,13 @@
 export declare const NDS_TO_DATE_FN_LOCALES_MAP: {
-    de_DE: Locale;
-    en_US: Locale;
-    es_MX: Locale;
-    fr_FR: Locale;
-    nl_NL: Locale;
-    pl_PL: Locale;
-    pt_BR: Locale;
-    ro_RO: Locale;
-    zh_CN: Locale;
+    readonly de_DE: Locale;
+    readonly en_US: Locale;
+    readonly es_MX: Locale;
+    readonly fr_FR: Locale;
+    readonly nl_NL: Locale;
+    readonly pl_PL: Locale;
+    readonly pt_BR: Locale;
+    readonly ro_RO: Locale;
+    readonly zh_CN: Locale;
 };
 export declare const ALL_NDS_LOCALES: {
     label: string;

package/dist/src/utils/DetectOutsideClick.d.ts

@@ -1,23 +1,8 @@
-export default DetectOutsideClick;
-declare class DetectOutsideClick extends React.Component<any, any, any> {
+export default class DetectOutsideClick extends React.Component<any, any, any> {
     constructor(props: any);
     handleOutsideClick(e: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): React.JSX.Element;
 }
-declare namespace DetectOutsideClick {
-    namespace propTypes {
-        const onClick: PropTypes.Validator<(...args: any[]) => any>;
-        const clickRef: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{}>>>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-    namespace defaultProps {
-        const clickRef_1: any;
-        export { clickRef_1 as clickRef };
-        const children_1: any;
-        export { children_1 as children };
-    }
-}
 import React from "react";
-import PropTypes from "prop-types";

package/dist/src/utils/PreventBodyElementScrolling.d.ts

@@ -1,22 +1,8 @@
-export default PreventBodyElementScrolling;
-declare class PreventBodyElementScrolling extends React.Component<any, any, any> {
+export default class PreventBodyElementScrolling extends React.Component<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): React.JSX.Element;
 }
-declare namespace PreventBodyElementScrolling {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const scrollableRef: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{}>>>;
-    }
-    namespace defaultProps {
-        const children_1: any;
-        export { children_1 as children };
-        const scrollableRef_1: any;
-        export { scrollableRef_1 as scrollableRef };
-    }
-}
 import React from "react";
-import PropTypes from "prop-types";

package/dist/src/utils/ScrollIndicators.d.ts

@@ -13,10 +13,4 @@ declare class ScrollIndicators extends React.Component<any, any, any> {
     contentHiddenAbove(): boolean;
     render(): React.JSX.Element;
 }
-declare namespace ScrollIndicators {
-    namespace propTypes {
-        const children: PropTypes.Validator<PropTypes.ReactElementLike>;
-    }
-}
 import React from "react";
-import PropTypes from "prop-types";

package/dist/src/utils/localized-date-fns.d.ts

@@ -1 +1 @@
-export function localizedFormat(date: any, stringFormat: any, ndsLocale: any): string;
+export declare function localizedFormat(date: number, dateFormat: string, ndsLocale: string): string;

package/dist/src/utils/subset.d.ts

@@ -1,2 +1,3 @@
 export function getSubset(o: any, propObj: any): any;
 export function omitSubset(o: any, propObj: any): {};
+export function pick(o: any, ...fields: any[]): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "10.2.10",
+  "version": "10.2.11",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -63,7 +63,7 @@
     "@babel/preset-env": "7.3.1",
     "@babel/preset-typescript": "^7.10.4",
     "@nulogy/eslint-config-nulogy": "^1.0.0",
-    "@nulogy/icons": "^4.26.0",
+    "@nulogy/icons": "4.34.1",
     "@rollup/plugin-babel": "^5.0.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@semantic-release/changelog": "^6.0.2",
@@ -116,7 +116,6 @@
     "jscodeshift": "^0.11.0",
     "mockdate": "^3.0.2",
     "plop": "^2.4.0",
-    "prop-types": "15.7.2",
     "react": "17.0.2",
     "react-color": "^2.18.1",
     "react-dom": "17.0.2",
@@ -142,6 +141,7 @@
     "@nulogy/tokens": "^5.4.0",
     "@styled-system/prop-types": "^5.1.4",
     "@styled-system/theme-get": "^5.1.2",
+    "@types/styled-system": "5.1.22",
     "body-scroll-lock": "^3.1.5",
     "core-js": "3",
     "create-react-context": "^0.3.0",
@@ -160,11 +160,10 @@
     "react-popper": "1.3.11",
     "react-popper-2": "npm:react-popper@2.2.4",
     "react-resize-detector": "^9.1.0",
+    "react-select": "^5.8.0",
     "react-windowed-select": "^5.2.0",
     "smoothscroll-polyfill": "^0.4.4",
-    "react-select": "^5.8.0",
-    "styled-system": "^5.1.4",
-    "@types/styled-system": "5.1.22"
+    "styled-system": "^5.1.4"
   },
   "husky": {
     "hooks": {