@xfers/design-system 4.4.9-dev.0b5a2ef1f0 → 4.5.0-dev.212fe8feb4

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

@@ -1,29 +1,31 @@
 import React, { RefObject } from 'react';
 import { SelectProps } from 'antd/es/select';
+import type { BaseSelectRef } from 'rc-select';
+import type { BaseOptionType, DefaultOptionType } from 'rc-select/lib/Select';
 import 'antd/es/select/style/css';
-import 'antd/es/tag/style/css';
 export type Props = {
     disabled?: boolean;
     children?: React.ReactNode;
-    className?: string;
-    type?: 'dropdown' | 'filter';
     placeholder?: string;
-    style?: Record<string, unknown>;
-    dropdownstyle?: Record<string, unknown>;
-    open?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    mode?: 'multiple' | 'tags';
+    mode?: 'multiple';
     label?: string;
-    dropdownAlign?: object;
-    selectRef?: RefObject<any>;
-} & Omit<SelectProps<any>, 'disabled' | 'mode' | 'className'>;
+    size?: 'sm' | 'lg';
+    error?: boolean;
+    labelTooltip?: React.ReactElement;
+    secondaryText?: string;
+    helperText?: string;
+    options?: Array<{
+        value: string;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ComponentType<{
+            style?: React.CSSProperties;
+        }>;
+    }>;
+    selectRef?: RefObject<BaseSelectRef>;
+} & Omit<SelectProps<unknown, DefaultOptionType | BaseOptionType>, 'disabled' | 'size'>;
 declare const Select: {
-    ({ className, children, disabled, type, mode, label, selectRef, ...rest }: Props): React.JSX.Element;
-    Tag({ className, ...props }: {
-        [x: string]: any;
-        className?: string | undefined;
-    }): React.JSX.Element;
-    OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
+    ({ children, disabled, size, mode, label, labelTooltip, selectRef, placeholder, error, secondaryText, helperText, options, ...rest }: Props): React.JSX.Element;
     Option: import("rc-select/lib/Option").OptionFC;
 };
 export default Select;

package/dist/types/components/Select/style.d.ts

@@ -1,2 +1,20 @@
-import { Props } from './index';
-export default function ({ mode, disabled, type }: Pick<Props, 'mode' | 'disabled' | 'type'>): string;
+export declare const LabelContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const OptionContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const SelectContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const StyledAntSelect: import("@emotion/styled-base").StyledComponent<import("antd/es/select").SelectProps<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: import("react").Ref<import("rc-select/lib/BaseSelect").BaseSelectRef> | undefined;
+}, {
+    $size: "sm" | "lg";
+    $mode?: "multiple";
+    disabled: boolean;
+    error: boolean;
+}, object>;
+export declare const StyledDropdown: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: "sm" | "lg";
+}, object>;
+export declare const dropdownStyle: {
+    padding: number;
+    borderRadius: string;
+};

package/dist/types/index.d.ts

@@ -11,6 +11,7 @@ export { default as Dropdown } from './components/Dropdown';
 export { default as DynamicSelect } from './components/DynamicSelect';
 export { default as Form } from './components/Form';
 export { default as Input } from './components/Input';
+export { default as InputWithButton } from './components/InputWithButton';
 export { default as Tag } from './components/Tag';
 export { default as Modal } from './components/Modal';
 export { default as DeprecatedModal } from './components/DeprecatedModal';