@xfers/design-system 5.1.0 → 6.0.0-dev.253ef83467

package/dist/components/Table/index.js

@@ -31,7 +31,7 @@ var antd_1 = require("antd");
 var emotion_1 = require("emotion");
 var colors_1 = require("src/constants/Colors/colors");
 var TypographyStyles_1 = require("src/shared/TypographyStyles");
-var baseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  -webkit-font-smoothing: antialiased;\n  font-family: ", ";\n  color: ", ";\n"], ["\n  -webkit-font-smoothing: antialiased;\n  font-family: ", ";\n  color: ", ";\n"])), TypographyStyles_1.MAIN_FONT, colors_1.BLACK.DEFAULT);
+var baseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  -webkit-font-smoothing: antialiased;\n  font-family: ", ";\n  color: ", ";\n  width: 100%;\n\n  .ant-table {\n    border-radius: 0;\n  }\n\n  .ant-table-container {\n    border-radius: 0;\n  }\n\n  .ant-table-container table {\n    border-radius: 0 !important;\n  }\n\n  .ant-table-thead > tr > th {\n    padding: 12px;\n    height: 48px;\n    max-height: 48px;\n    background: ", ";\n    font-weight: 700;\n    font-size: 14px;\n    color: ", ";\n    border-bottom: 1px solid ", ";\n    border-radius: 0 !important;\n  }\n\n  .ant-table-tbody > tr > td {\n    padding: 12px;\n    max-height: 60px;\n    font-size: 14px;\n    color: ", ";\n    border-bottom: 1px solid ", ";\n    overflow: hidden;\n  }\n\n  .ant-table-tbody > tr:hover > td {\n    background: ", ";\n  }\n"], ["\n  -webkit-font-smoothing: antialiased;\n  font-family: ", ";\n  color: ", ";\n  width: 100%;\n\n  .ant-table {\n    border-radius: 0;\n  }\n\n  .ant-table-container {\n    border-radius: 0;\n  }\n\n  .ant-table-container table {\n    border-radius: 0 !important;\n  }\n\n  .ant-table-thead > tr > th {\n    padding: 12px;\n    height: 48px;\n    max-height: 48px;\n    background: ", ";\n    font-weight: 700;\n    font-size: 14px;\n    color: ", ";\n    border-bottom: 1px solid ", ";\n    border-radius: 0 !important;\n  }\n\n  .ant-table-tbody > tr > td {\n    padding: 12px;\n    max-height: 60px;\n    font-size: 14px;\n    color: ", ";\n    border-bottom: 1px solid ", ";\n    overflow: hidden;\n  }\n\n  .ant-table-tbody > tr:hover > td {\n    background: ", ";\n  }\n"])), TypographyStyles_1.MAIN_FONT, colors_1.BASE.ON_NEUTRAL, colors_1.SURFACE.SECONDARY_NEUTRAL, colors_1.BASE.ON_NEUTRAL, colors_1.BASE.LINE, colors_1.BASE.ON_NEUTRAL, colors_1.BASE.LINE, colors_1.INTERACTIVE.HOVER_SURFACE);
 var CustomTable = function (_a) {
     var className = _a.className, emptyText = _a.emptyText, restProps = __rest(_a, ["className", "emptyText"]);
     return (react_1.default.createElement(antd_1.Table, __assign({ className: (0, emotion_1.cx)(baseStyle, className), locale: {

package/dist/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,6BAAwC;AACxC,mCAAiC;AACjC,sDAAmD;AACnD,gEAAuD;AAQvD,IAAM,SAAS,OAAG,aAAG,sJAAA,2DAEJ,EAAS,cACf,EAAa,KACvB,KAFgB,4BAAS,EACf,cAAK,CAAC,OAAO,CACvB,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,EAIF;IAHjB,IAAA,SAAS,eAAA,EACT,SAAS,eAAA,EACN,SAAS,cAHO,0BAIpB,CADa;IACU,OAAA,CACtB,8BAAC,YAAK,aACJ,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,EACnC,MAAM,EAAE;YACN,SAAS,WAAA;SACV,IACG,SAAS,EACb,CACH,CAAA;CAAA,CAAA;AACD,kBAAe,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,6BAAwC;AACxC,mCAAiC;AACjC,sDAAwE;AACxE,gEAAuD;AASvD,IAAM,SAAS,OAAG,aAAG,+0BAAA,2DAEJ,EAAS,cACf,EAAe,oTAmBR,EAAyB,6DAG9B,EAAe,kCACG,EAAS,0JAQ3B,EAAe,kCACG,EAAS,yFAKtB,EAAyB,UAE1C,KAxCgB,4BAAS,EACf,aAAI,CAAC,UAAU,EAmBR,gBAAO,CAAC,iBAAiB,EAG9B,aAAI,CAAC,UAAU,EACG,aAAI,CAAC,IAAI,EAQ3B,aAAI,CAAC,UAAU,EACG,aAAI,CAAC,IAAI,EAKtB,oBAAW,CAAC,aAAa,CAE1C,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,EAIF;IAHjB,IAAA,SAAS,eAAA,EACT,SAAS,eAAA,EACN,SAAS,cAHO,0BAIpB,CADa;IACU,OAAA,CACtB,8BAAC,YAAK,aACJ,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,EACnC,MAAM,EAAE;YACN,SAAS,WAAA;SACV,IACG,SAAS,EACb,CACH,CAAA;CAAA,CAAA;AACD,kBAAe,WAAW,CAAA"}

package/dist/types/components/Alert/styles.d.ts

@@ -1,4 +1,6 @@
-export declare const StyledAlert: import("@emotion/styled-base").StyledComponent<import("antd").AlertProps & import("react").RefAttributes<import("antd/es/alert/Alert").AlertRef>, {
+export declare const StyledAlert: import("@emotion/styled-base").StyledComponent<Omit<import("antd").AlertProps & import("react").RefAttributes<import("antd/es/alert/Alert").AlertRef>, "ref"> & {
+    ref?: ((instance: import("antd/es/alert/Alert").AlertRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("antd/es/alert/Alert").AlertRef> | null | undefined;
+}, {
     type: "success" | "warning" | "error" | "info";
 }, object>;
 export declare const StyledAlertMessageContainer: 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>;

package/dist/types/components/CopyBox/styles.d.ts

@@ -9,4 +9,8 @@ export declare const TextContainer: import("@emotion/styled-base").StyledCompone
 export declare const TextValueStyles: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isBankAddress: boolean;
 }, object>;
-export declare const CopyButton: import("@emotion/styled-base").StyledComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, Pick<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, keyof import("antd").ButtonProps>, object>;
+export declare const CopyButton: import("@emotion/styled-base").StyledComponent<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLAnchorElement> | null | undefined;
+}, Pick<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLAnchorElement> | null | undefined;
+}, keyof import("antd").ButtonProps>, object>;

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

@@ -18,15 +18,11 @@ declare const DynamicSelect: {
 export declare const AddIcon: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<React.ClassAttributes<HTMLImageElement> & React.ImgHTMLAttributes<HTMLImageElement>, keyof React.ImgHTMLAttributes<HTMLImageElement>>, object>;
 export declare const AddButton: import("@emotion/styled-base").StyledComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
     theme?: object | undefined;
-} & {
-    children?: import("react").ReactNode | undefined;
 }, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, Pick<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
     theme?: object | undefined;
-} & {
-    children?: import("react").ReactNode | undefined;
 }, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "theme" | keyof React.HTMLAttributes<HTMLDivElement>>, object>;
 export default DynamicSelect;

package/dist/types/components/Grid/Section.d.ts

@@ -1,29 +1,21 @@
 declare const Section: {
     Title: import("@emotion/styled-base").StyledComponent<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         theme?: object | undefined;
-    } & {
-        children?: import("react").ReactNode | undefined;
     }, "ref"> & {
-        ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+        ref?: ((instance: HTMLHeadingElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
     }, Pick<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         theme?: object | undefined;
-    } & {
-        children?: import("react").ReactNode | undefined;
     }, "ref"> & {
-        ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+        ref?: ((instance: HTMLHeadingElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
     }, "theme" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
     Subtitle: import("@emotion/styled-base").StyledComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         theme?: object | undefined;
-    } & {
-        children?: import("react").ReactNode | undefined;
     }, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
     }, Pick<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         theme?: object | undefined;
-    } & {
-        children?: import("react").ReactNode | undefined;
     }, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
     }, "theme" | keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
     Row: 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>;
     Left: 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>;

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

@@ -25,7 +25,7 @@ declare const MainInput: {
     Password({ addonBefore, placeholder, disabled, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: PasswordProps): React.JSX.Element;
     Search({ addonBefore, placeholder, className, onChange, onSearch, size, helperText, error, ...rest }: SearchProps): React.JSX.Element;
     TextArea({ className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: TextAreaProps): React.JSX.Element;
-    Group: import("react").FC<import("antd/es/input").GroupProps>;
+    Group: React.FC<import("antd/es/input").GroupProps>;
 };
 type PasswordProps = BaseInputProps & {
     addonBefore?: string;

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

@@ -1,9 +1,11 @@
 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").SelectProps<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> & {
+export declare const StyledAntSelect: import("@emotion/styled-base").StyledComponent<Omit<import("antd").SelectProps<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> & {
     children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<import("antd").RefSelectProps>, {
+} & import("react").RefAttributes<import("antd").RefSelectProps>, "ref"> & {
+    ref?: ((instance: import("antd").RefSelectProps | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("antd").RefSelectProps> | null | undefined;
+}, {
     $size: "sm" | "lg";
     $mode?: "multiple";
     disabled: boolean;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { TableProps } from 'antd';
-type CustomTableProps = TableProps<any> & {
+type CustomTableProps = TableProps<Record<string, unknown>> & {
     className?: string;
-    emptyText?: React.ReactNode;
+    emptyText?: NonNullable<TableProps<Record<string, unknown>>['locale']>['emptyText'];
 };
 declare const CustomTable: ({ className, emptyText, ...restProps }: CustomTableProps) => React.JSX.Element;
 export default CustomTable;

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

@@ -7,6 +7,6 @@ type Props = {
 };
 declare const Tabs: {
     ({ children, ...rest }: Props): React.JSX.Element;
-    TabPane: import("react").FC<import("antd").TabPaneProps>;
+    TabPane: React.FC<import("antd").TabPaneProps>;
 };
 export default Tabs;

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

@@ -2,6 +2,6 @@ import React from 'react';
 import { TimelineProps } from 'antd';
 declare const CustomTimeline: {
     ({ className, ...rest }: TimelineProps): React.JSX.Element;
-    Item: import("react").FC<import("antd").TimelineItemProps>;
+    Item: React.FC<import("antd").TimelineItemProps>;
 };
 export default CustomTimeline;