@yosgo/swap-ui 1.0.141 → 2.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/README.md +50 -36
  2. package/build/index.cjs +3693 -0
  3. package/build/index.cjs.map +1 -0
  4. package/build/index.d.cts +710 -0
  5. package/build/index.d.ts +710 -50
  6. package/build/index.js +3553 -13924
  7. package/build/index.js.map +1 -1
  8. package/package.json +63 -63
  9. package/build/AppBar/AppBar.d.ts +0 -4
  10. package/build/AppBar/AppBar.types.d.ts +0 -2
  11. package/build/AutoComplete/AutoComplete.d.ts +0 -6
  12. package/build/AutoComplete/AutoComplete.types.d.ts +0 -23
  13. package/build/AutoComplete/BankCodes.d.ts +0 -5
  14. package/build/Banner/Banner.d.ts +0 -4
  15. package/build/Banner/Banner.types.d.ts +0 -10
  16. package/build/Breadcrumb/Breadcrumb.d.ts +0 -4
  17. package/build/Breadcrumb/Breadcrumb.types.d.ts +0 -7
  18. package/build/BreadcrumbItem/BreadcrumbItem.d.ts +0 -4
  19. package/build/BreadcrumbItem/BreadcrumbItem.types.d.ts +0 -4
  20. package/build/Button/Button.d.ts +0 -4
  21. package/build/Button/Button.types.d.ts +0 -13
  22. package/build/Card/Card.d.ts +0 -4
  23. package/build/Card/Card.types.d.ts +0 -17
  24. package/build/CheckBox/CheckBox.d.ts +0 -4
  25. package/build/CheckBox/CheckBox.types.d.ts +0 -7
  26. package/build/CheckBox/CheckBoxList.d.ts +0 -4
  27. package/build/CheckBox/CheckBoxList.types.d.ts +0 -9
  28. package/build/CheckBox/RadioButton.d.ts +0 -4
  29. package/build/CheckBox/RadioButton.types.d.ts +0 -7
  30. package/build/CheckBox/RadioList.d.ts +0 -4
  31. package/build/CheckBox/RadioList.types.d.ts +0 -9
  32. package/build/Chip/Chip.d.ts +0 -4
  33. package/build/Chip/Chip.types.d.ts +0 -11
  34. package/build/CircularProgress/CircularProgress.d.ts +0 -4
  35. package/build/CircularProgress/CircularProgress.types.d.ts +0 -5
  36. package/build/Container/Container.d.ts +0 -4
  37. package/build/Container/Container.types.d.ts +0 -7
  38. package/build/DatePicker/DatePicker.d.ts +0 -4
  39. package/build/DatePicker/DatePicker.types.d.ts +0 -14
  40. package/build/Dropdown/Dropdown.d.ts +0 -4
  41. package/build/Dropdown/Dropdown.types.d.ts +0 -9
  42. package/build/IconButton/IconButton.d.ts +0 -4
  43. package/build/IconButton/IconButton.types.d.ts +0 -7
  44. package/build/LandingPage/LandingPage.d.ts +0 -4
  45. package/build/LandingPage/LandingPage.types.d.ts +0 -14
  46. package/build/LandingPage/LandingPageMobile.d.ts +0 -4
  47. package/build/LandingPage/LandingPageMobile.types.d.ts +0 -14
  48. package/build/Link/Link.d.ts +0 -4
  49. package/build/Link/Link.types.d.ts +0 -4
  50. package/build/Menu/Menu.d.ts +0 -4
  51. package/build/Menu/Menu.types.d.ts +0 -3
  52. package/build/Menu/MenuItem.d.ts +0 -4
  53. package/build/Menu/MenuItem.types.d.ts +0 -12
  54. package/build/Menu/Select.d.ts +0 -4
  55. package/build/Menu/Select.types.d.ts +0 -41
  56. package/build/Modal/Modal.d.ts +0 -4
  57. package/build/Modal/Modal.types.d.ts +0 -55
  58. package/build/Pagination/Pagination.d.ts +0 -4
  59. package/build/Pagination/Pagination.types.d.ts +0 -3
  60. package/build/Paper/Paper.d.ts +0 -4
  61. package/build/Paper/Paper.types.d.ts +0 -5
  62. package/build/Progress/Progress.d.ts +0 -4
  63. package/build/Progress/Progress.types.d.ts +0 -8
  64. package/build/SWAPAppBar/SWAPAppBar.d.ts +0 -4
  65. package/build/SWAPAppBar/SWAPAppBar.types.d.ts +0 -19
  66. package/build/SWAPBanner/SWAPBanner.d.ts +0 -4
  67. package/build/SWAPBanner/SWAPBanner.types.d.ts +0 -16
  68. package/build/SWAPCopyField/SWAPCopyField.d.ts +0 -4
  69. package/build/SWAPCopyField/SWAPCopyField.types.d.ts +0 -8
  70. package/build/SWAPDialog/SWAPDialog.d.ts +0 -4
  71. package/build/SWAPDialog/SWAPDialog.types.d.ts +0 -18
  72. package/build/SWAPLogo/SWAPLogo.d.ts +0 -4
  73. package/build/SWAPLogo/SWAPLogo.types.d.ts +0 -10
  74. package/build/SWAPModal/SWAPModal.d.ts +0 -4
  75. package/build/SWAPModal/SWAPModal.types.d.ts +0 -29
  76. package/build/SWAPShare/SWAPShare.d.ts +0 -4
  77. package/build/SWAPShare/SWAPShare.types.d.ts +0 -6
  78. package/build/SWAPSpace/SWAPSpace.d.ts +0 -4
  79. package/build/SWAPSpace/SWAPSpace.types.d.ts +0 -3
  80. package/build/SWAPTaxField/SWAPTaxField.d.ts +0 -24
  81. package/build/SWAPTaxField/SWAPTaxField.types.d.ts +0 -13
  82. package/build/SWAPTheme/SWAPTheme.d.ts +0 -7
  83. package/build/SWAPTheme/SWAPTheme.types.d.ts +0 -166
  84. package/build/Skeleton/Skeleton.d.ts +0 -4
  85. package/build/Skeleton/Skeleton.types.d.ts +0 -3
  86. package/build/Snackbar/Snackbar.d.ts +0 -4
  87. package/build/Snackbar/Snackbar.types.d.ts +0 -20
  88. package/build/Styles/Styles.d.ts +0 -4
  89. package/build/Styles/Styles.types.d.ts +0 -8
  90. package/build/Switch/Switch.d.ts +0 -4
  91. package/build/Switch/Switch.types.d.ts +0 -3
  92. package/build/Tab/SegmentedTab.d.ts +0 -4
  93. package/build/Tab/SegmentedTab.types.d.ts +0 -7
  94. package/build/Tab/SegmentedTabs.d.ts +0 -4
  95. package/build/Tab/SegmentedTabs.types.d.ts +0 -5
  96. package/build/Tab/Tab.d.ts +0 -4
  97. package/build/Tab/Tab.types.d.ts +0 -10
  98. package/build/Tab/TabPanel.d.ts +0 -10
  99. package/build/Tab/Tabs.d.ts +0 -4
  100. package/build/Tab/Tabs.types.d.ts +0 -3
  101. package/build/Table/Table.d.ts +0 -4
  102. package/build/Table/Table.types.d.ts +0 -2
  103. package/build/TaxTextField/TaxTextField.d.ts +0 -24
  104. package/build/TaxTextField/TaxTextField.types.d.ts +0 -26
  105. package/build/TextField/TextField.d.ts +0 -4
  106. package/build/TextField/TextField.types.d.ts +0 -7
  107. package/build/Tooltip/Tooltip.d.ts +0 -4
  108. package/build/Tooltip/Tooltip.types.d.ts +0 -15
  109. package/build/Typography/Typography.d.ts +0 -4
  110. package/build/Typography/Typography.types.d.ts +0 -8
  111. package/build/index.esm.js +0 -13928
  112. package/build/index.esm.js.map +0 -1
  113. package/build/utils/useBreakpoints.d.ts +0 -2
@@ -1,55 +0,0 @@
1
- /// <reference types="react" />
2
- import { MyTooltipProps } from "../Tooltip/Tooltip.types";
3
- declare type OmitTooltipProps = Omit<MyTooltipProps, "children">;
4
- export interface ModalProps {
5
- footer?: React.ReactNode;
6
- multiline?: boolean;
7
- titleStyle?: React.CSSProperties;
8
- bodyStyle?: React.CSSProperties;
9
- open: boolean;
10
- checked?: boolean;
11
- failed?: boolean;
12
- buttonFullWidth?: boolean;
13
- footerDisplayColumn?: boolean;
14
- mobile?: boolean;
15
- fullWidth?: boolean;
16
- fullScreen?: boolean;
17
- onClose: () => void;
18
- width?: string | number;
19
- maxWidth?: string | number;
20
- height?: string | number;
21
- title?: string | React.ReactNode;
22
- helpText?: string | React.ReactNode;
23
- size?: "medium" | "large" | "small" | "extraSmall";
24
- headpadding?: number | string;
25
- headChildren?: React.ReactNode;
26
- children?: React.ReactNode;
27
- label?: React.ReactNode;
28
- bodyPadding?: number | string;
29
- bodyMaxHeight?: number | string;
30
- onExit?: boolean;
31
- secondaryButton?: {
32
- title?: string | React.ReactNode;
33
- onClick?: () => void;
34
- disabled?: boolean;
35
- style?: React.CSSProperties;
36
- variant?: "primary" | "secondary" | "text" | "tertiary" | "black" | "danger";
37
- loading?: boolean;
38
- tooltip?: OmitTooltipProps;
39
- };
40
- primaryButton?: {
41
- title?: string | React.ReactNode;
42
- onClick?: () => void;
43
- disabled?: boolean;
44
- style?: React.CSSProperties;
45
- variant?: "primary" | "secondary" | "text" | "tertiary" | "black" | "danger";
46
- loading?: boolean;
47
- tooltip?: OmitTooltipProps;
48
- };
49
- disUnderLine?: boolean;
50
- disCloseIcon?: boolean;
51
- icon?: React.ReactNode;
52
- checkIconColor?: "primary" | "secondary" | "tertiary" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "primaryA11y" | "secondary50" | "secondary100" | "secondary200" | "secondary300" | "secondary400" | "secondary500" | "secondary600" | "secondary700" | "secondary800" | "secondary900" | "secondaryA11y" | "danger50" | "danger100" | "danger200" | "danger300" | "danger400" | "danger500" | "danger600" | "danger700" | "danger800" | "danger900" | "dangerA11y" | "success50" | "success100" | "success200" | "success300" | "success400" | "success500" | "success600" | "success700" | "success800" | "success900" | "successA11y" | "white" | "black100" | "black200" | "black300" | "black400" | "black500" | "black600" | "black700" | "black800" | "black900" | "black1000";
53
- iconColor?: "primary" | "secondary" | "tertiary" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "primaryA11y" | "secondary50" | "secondary100" | "secondary200" | "secondary300" | "secondary400" | "secondary500" | "secondary600" | "secondary700" | "secondary800" | "secondary900" | "secondaryA11y" | "danger50" | "danger100" | "danger200" | "danger300" | "danger400" | "danger500" | "danger600" | "danger700" | "danger800" | "danger900" | "dangerA11y" | "success50" | "success100" | "success200" | "success300" | "success400" | "success500" | "success600" | "success700" | "success800" | "success900" | "successA11y" | "white" | "black100" | "black200" | "black300" | "black400" | "black500" | "black600" | "black700" | "black800" | "black900" | "black1000";
54
- }
55
- export {};
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { MyPaginationProps } from "./Pagination.types";
3
- declare const Pagination: React.FC<MyPaginationProps>;
4
- export default Pagination;
@@ -1,3 +0,0 @@
1
- import { PaginationProps } from "@material-ui/lab";
2
- export interface MyPaginationProps extends PaginationProps {
3
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { MyPaperProps } from "./Paper.types";
3
- declare const Paper: React.FC<MyPaperProps>;
4
- export default Paper;
@@ -1,5 +0,0 @@
1
- import { PaperProps } from "@material-ui/core";
2
- export interface MyPaperProps extends PaperProps {
3
- width?: number | string;
4
- height: number | string;
5
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { ProgressProps } from "./Progress.types";
3
- declare const Progress: React.FC<ProgressProps>;
4
- export default Progress;
@@ -1,8 +0,0 @@
1
- import { BoxProps } from "@material-ui/core";
2
- import React from "react";
3
- export interface ProgressProps extends Pick<BoxProps, Exclude<keyof BoxProps, "onClick">> {
4
- step: number;
5
- count: number;
6
- label?: Array<React.ReactNode>;
7
- size?: number | string;
8
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SWAPAppBarProps } from "./SWAPAppBar.types";
3
- declare const SWAPAppBar: React.FC<SWAPAppBarProps>;
4
- export default SWAPAppBar;
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- export interface SWAPAppBarProps {
3
- logo?: React.ReactNode | string;
4
- primaryButton: {
5
- title: string;
6
- onClick: () => void;
7
- disabled?: boolean;
8
- };
9
- navigations?: Array<{
10
- title: string;
11
- onClick: () => void;
12
- disabled?: boolean;
13
- }>;
14
- secondaryButton?: {
15
- title: string;
16
- onClick: () => void;
17
- disabled?: boolean;
18
- };
19
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SWAPBannerProps } from "./SWAPBanner.types";
3
- declare const SWAPBanner: React.FC<SWAPBannerProps>;
4
- export default SWAPBanner;
@@ -1,16 +0,0 @@
1
- export interface SWAPBannerProps {
2
- status: "success" | "warning" | "critical";
3
- title: string;
4
- content: string;
5
- focus?: boolean;
6
- primaryButton?: {
7
- title: string;
8
- onClick: () => void;
9
- disabled?: boolean;
10
- };
11
- secondaryButton?: {
12
- title: string;
13
- onClick: () => void;
14
- disabled?: boolean;
15
- };
16
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SWAPCopyFieldProps } from "./SWAPCopyField.types";
3
- declare const SWAPCopyField: React.FC<SWAPCopyFieldProps>;
4
- export default SWAPCopyField;
@@ -1,8 +0,0 @@
1
- export interface SWAPCopyFieldProps {
2
- sharedText: string;
3
- multiline?: boolean;
4
- rows?: number;
5
- copyInputLabel?: string;
6
- copyButtonText?: string;
7
- copySuccessMessage?: string;
8
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SWAPDialogProps } from "./SWAPDialog.types";
3
- declare const SWAPDialog: React.FC<SWAPDialogProps>;
4
- export default SWAPDialog;
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- export interface SWAPDialogProps {
3
- status: "success" | "warning" | "critical";
4
- title: string;
5
- helpText?: string;
6
- open: boolean;
7
- primaryButton: {
8
- title: string;
9
- onClick: () => void;
10
- disabled?: boolean;
11
- };
12
- secondaryButton?: {
13
- title: string;
14
- onClick: () => void;
15
- disabled?: boolean;
16
- };
17
- children?: React.ReactNode;
18
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SWAPLogoProps } from "./SWAPLogo.types";
3
- declare const SWAPLogo: React.FC<SWAPLogoProps>;
4
- export default SWAPLogo;
@@ -1,10 +0,0 @@
1
- export interface SWAPLogoProps {
2
- business?: boolean;
3
- dark?: boolean;
4
- size?: "small" | "middle" | "large" | string | number;
5
- width?: number | string;
6
- height?: number | string;
7
- chinese?: boolean;
8
- black?: boolean;
9
- iconOnly?: boolean;
10
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SWAPModalProps } from "./SWAPModal.types";
3
- declare const SWAPModal: React.FC<SWAPModalProps>;
4
- export default SWAPModal;
@@ -1,29 +0,0 @@
1
- /// <reference types="react" />
2
- export interface SWAPModalProps {
3
- title: string;
4
- helpText?: string;
5
- onClose: () => void;
6
- open: boolean;
7
- primaryButton: {
8
- title: string;
9
- onClick: () => void;
10
- disabled?: boolean;
11
- };
12
- secondaryButton?: {
13
- title: string;
14
- onClick: () => void;
15
- disabled?: boolean;
16
- };
17
- steps?: Array<{
18
- stepTitle: string;
19
- stepChildren?: React.ReactNode;
20
- prevStepText?: string;
21
- nextStepText?: string;
22
- }>;
23
- children?: React.ReactNode;
24
- successMessage?: string;
25
- errorMessage?: string;
26
- closeWindowOnSuccessMessage?: boolean;
27
- reloadOnWindowClose?: boolean;
28
- fullScreen?: boolean;
29
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SWAPShareProps } from "./SWAPShare.types";
3
- declare const SWAPShare: React.FC<SWAPShareProps>;
4
- export default SWAPShare;
@@ -1,6 +0,0 @@
1
- export interface SWAPShareProps {
2
- url?: string;
3
- emailSubject?: string;
4
- sharedContent?: string;
5
- size?: number;
6
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SWAPSpaceProps } from "./SWAPSpace.types";
3
- declare const SWAPSpace: React.FC<SWAPSpaceProps>;
4
- export default SWAPSpace;
@@ -1,3 +0,0 @@
1
- export interface SWAPSpaceProps {
2
- size?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl" | number;
3
- }
@@ -1,24 +0,0 @@
1
- import React from "react";
2
- import { SWAPTaxFieldProps, ExpenseCodeProps, IncomeCodeProps } from "./SWAPTaxField.types";
3
- declare const SWAPTaxField: React.FC<SWAPTaxFieldProps>;
4
- export default SWAPTaxField;
5
- declare const SWAPIncomeTypes: Array<{
6
- code: IncomeCodeProps;
7
- label: string;
8
- }>;
9
- declare const SWAPExpenseTypes: Array<{
10
- code: ExpenseCodeProps;
11
- source: IncomeCodeProps;
12
- label: string;
13
- expenseRatio: string;
14
- }>;
15
- declare const SWAPTaxIncomeLabel: (incomeCode: IncomeCodeProps) => string;
16
- declare const SWAPTaxExpenseLabel: (expenseCode: ExpenseCodeProps) => string;
17
- declare const SWAPTaxDescription: (incomeCode: IncomeCodeProps, expenseCode: ExpenseCodeProps) => string;
18
- export { SWAPIncomeTypes, SWAPExpenseTypes, SWAPTaxIncomeLabel, SWAPTaxExpenseLabel, SWAPTaxDescription, };
19
- /**
20
- * 邏輯設定
21
- * 1. 所得類別為 9A, 9B 時,費用類別為必填
22
- * 2. 費用類別中的選項會依據,所得類別為 9A, 9B 而有所不同
23
- * 3. 所得類別為50薪資時不會有費用類別
24
- */
@@ -1,13 +0,0 @@
1
- export declare type TaxFiledValueProps = {
2
- incomeCode: IncomeCodeProps;
3
- incomeLabel: string;
4
- expenseCode: ExpenseCodeProps;
5
- expenseLabel: string;
6
- taxDescription: string;
7
- };
8
- export interface SWAPTaxFieldProps {
9
- taxDescription: string | undefined;
10
- onChange?: (value: TaxFiledValueProps) => void;
11
- }
12
- export declare type IncomeCodeProps = "9A" | "9B" | "50";
13
- export declare type ExpenseCodeProps = "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "21" | "22" | "23" | "24" | "25" | "26" | "27" | "28" | "29" | "30" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | "41" | "42" | "43" | "44" | "45" | "46" | "47" | "48" | "49" | "50" | "51" | "52" | "53" | "54" | "55" | "56" | "57" | "58" | "59" | "60" | "61" | "62" | "63" | "64" | "65" | "66" | "67" | "68" | "69" | "70" | "71" | "72" | "73" | "74" | "75" | "76" | "77" | "78" | "79" | "80" | "81" | "82" | "83" | "84" | "85" | "86" | "87" | "88" | "89" | "90" | "91" | "92" | "93" | "94" | "95" | "96" | "97" | "98" | "99" | "" | undefined;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
3
- import { SWAPThemeProps } from "./SWAPTheme.types";
4
- import { CssBaseline } from "@material-ui/core";
5
- declare const SWAPTheme: React.FC<SWAPThemeProps>;
6
- export { createMuiTheme, CssBaseline, ThemeProvider };
7
- export default SWAPTheme;
@@ -1,166 +0,0 @@
1
- /// <reference types="react" />
2
- import { ThemeOptions } from "@material-ui/core";
3
- export interface SWAPThemeProps {
4
- themeOptions?: ThemeOptions;
5
- children: React.ReactNode;
6
- }
7
- declare module "@material-ui/core/styles" {
8
- interface Theme {
9
- primary: {
10
- primary50: React.CSSProperties["color"];
11
- primary100: React.CSSProperties["color"];
12
- primary200: React.CSSProperties["color"];
13
- primary300: React.CSSProperties["color"];
14
- primary400: React.CSSProperties["color"];
15
- primary500: React.CSSProperties["color"];
16
- primary600: React.CSSProperties["color"];
17
- primary700: React.CSSProperties["color"];
18
- primary800: React.CSSProperties["color"];
19
- primary900: React.CSSProperties["color"];
20
- primaryA11y: React.CSSProperties["color"];
21
- };
22
- secondary: {
23
- secondary50: React.CSSProperties["color"];
24
- secondary100: React.CSSProperties["color"];
25
- secondary200: React.CSSProperties["color"];
26
- secondary300: React.CSSProperties["color"];
27
- secondary400: React.CSSProperties["color"];
28
- secondary500: React.CSSProperties["color"];
29
- secondary600: React.CSSProperties["color"];
30
- secondary700: React.CSSProperties["color"];
31
- secondary800: React.CSSProperties["color"];
32
- secondary900: React.CSSProperties["color"];
33
- secondaryA11y: React.CSSProperties["color"];
34
- };
35
- danger: {
36
- danger50: React.CSSProperties["color"];
37
- danger100: React.CSSProperties["color"];
38
- danger200: React.CSSProperties["color"];
39
- danger300: React.CSSProperties["color"];
40
- danger400: React.CSSProperties["color"];
41
- danger500: React.CSSProperties["color"];
42
- danger600: React.CSSProperties["color"];
43
- danger700: React.CSSProperties["color"];
44
- danger800: React.CSSProperties["color"];
45
- danger900: React.CSSProperties["color"];
46
- dangerA11y: React.CSSProperties["color"];
47
- };
48
- success: {
49
- success50: React.CSSProperties["color"];
50
- success100: React.CSSProperties["color"];
51
- success200: React.CSSProperties["color"];
52
- success300: React.CSSProperties["color"];
53
- success400: React.CSSProperties["color"];
54
- success500: React.CSSProperties["color"];
55
- success600: React.CSSProperties["color"];
56
- success700: React.CSSProperties["color"];
57
- success800: React.CSSProperties["color"];
58
- success900: React.CSSProperties["color"];
59
- successA11y: React.CSSProperties["color"];
60
- };
61
- black: {
62
- white: React.CSSProperties["color"];
63
- black100: React.CSSProperties["color"];
64
- black200: React.CSSProperties["color"];
65
- black300: React.CSSProperties["color"];
66
- black400: React.CSSProperties["color"];
67
- black500: React.CSSProperties["color"];
68
- black600: React.CSSProperties["color"];
69
- black700: React.CSSProperties["color"];
70
- black800: React.CSSProperties["color"];
71
- black900: React.CSSProperties["color"];
72
- black1000: React.CSSProperties["color"];
73
- };
74
- borderRadius: {
75
- s: React.CSSProperties["borderRadius"];
76
- m: React.CSSProperties["borderRadius"];
77
- l: React.CSSProperties["borderRadius"];
78
- xl: React.CSSProperties["borderRadius"];
79
- };
80
- boxShadow: {
81
- s: React.CSSProperties["boxShadow"];
82
- m: React.CSSProperties["boxShadow"];
83
- l: React.CSSProperties["boxShadow"];
84
- xl: React.CSSProperties["boxShadow"];
85
- };
86
- }
87
- interface ThemeOptions {
88
- primary: {
89
- primary50: React.CSSProperties["color"];
90
- primary100: React.CSSProperties["color"];
91
- primary200: React.CSSProperties["color"];
92
- primary300: React.CSSProperties["color"];
93
- primary400: React.CSSProperties["color"];
94
- primary500: React.CSSProperties["color"];
95
- primary600: React.CSSProperties["color"];
96
- primary700: React.CSSProperties["color"];
97
- primary800: React.CSSProperties["color"];
98
- primary900: React.CSSProperties["color"];
99
- primaryA11y: React.CSSProperties["color"];
100
- };
101
- secondary: {
102
- secondary50: React.CSSProperties["color"];
103
- secondary100: React.CSSProperties["color"];
104
- secondary200: React.CSSProperties["color"];
105
- secondary300: React.CSSProperties["color"];
106
- secondary400: React.CSSProperties["color"];
107
- secondary500: React.CSSProperties["color"];
108
- secondary600: React.CSSProperties["color"];
109
- secondary700: React.CSSProperties["color"];
110
- secondary800: React.CSSProperties["color"];
111
- secondary900: React.CSSProperties["color"];
112
- secondaryA11y: React.CSSProperties["color"];
113
- };
114
- danger: {
115
- danger50: React.CSSProperties["color"];
116
- danger100: React.CSSProperties["color"];
117
- danger200: React.CSSProperties["color"];
118
- danger300: React.CSSProperties["color"];
119
- danger400: React.CSSProperties["color"];
120
- danger500: React.CSSProperties["color"];
121
- danger600: React.CSSProperties["color"];
122
- danger700: React.CSSProperties["color"];
123
- danger800: React.CSSProperties["color"];
124
- danger900: React.CSSProperties["color"];
125
- dangerA11y: React.CSSProperties["color"];
126
- };
127
- success: {
128
- success50: React.CSSProperties["color"];
129
- success100: React.CSSProperties["color"];
130
- success200: React.CSSProperties["color"];
131
- success300: React.CSSProperties["color"];
132
- success400: React.CSSProperties["color"];
133
- success500: React.CSSProperties["color"];
134
- success600: React.CSSProperties["color"];
135
- success700: React.CSSProperties["color"];
136
- success800: React.CSSProperties["color"];
137
- success900: React.CSSProperties["color"];
138
- successA11y: React.CSSProperties["color"];
139
- };
140
- black: {
141
- white: React.CSSProperties["color"];
142
- black100: React.CSSProperties["color"];
143
- black200: React.CSSProperties["color"];
144
- black300: React.CSSProperties["color"];
145
- black400: React.CSSProperties["color"];
146
- black500: React.CSSProperties["color"];
147
- black600: React.CSSProperties["color"];
148
- black700: React.CSSProperties["color"];
149
- black800: React.CSSProperties["color"];
150
- black900: React.CSSProperties["color"];
151
- black1000: React.CSSProperties["color"];
152
- };
153
- borderRadius: {
154
- s: React.CSSProperties["borderRadius"];
155
- m: React.CSSProperties["borderRadius"];
156
- l: React.CSSProperties["borderRadius"];
157
- xl: React.CSSProperties["borderRadius"];
158
- };
159
- boxShadow: {
160
- s: React.CSSProperties["boxShadow"];
161
- m: React.CSSProperties["boxShadow"];
162
- l: React.CSSProperties["boxShadow"];
163
- xl: React.CSSProperties["boxShadow"];
164
- };
165
- }
166
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { MySkeletonProps } from "./Skeleton.types";
3
- declare const Skeleton: React.FC<MySkeletonProps>;
4
- export default Skeleton;
@@ -1,3 +0,0 @@
1
- import { SkeletonProps } from "@material-ui/lab";
2
- export interface MySkeletonProps extends SkeletonProps {
3
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { MySnackbarProps } from "./Snackbar.types";
3
- declare const Snackbar: React.FC<MySnackbarProps>;
4
- export default Snackbar;
@@ -1,20 +0,0 @@
1
- import { SnackbarProps } from "@material-ui/core";
2
- import React from "react";
3
- export interface MySnackbarProps extends SnackbarProps {
4
- transitionDirection?: "left" | "right" | "up" | "down";
5
- width?: number | string;
6
- height?: number | string;
7
- variant?: "success" | "error";
8
- revertButton?: {
9
- label?: React.ReactNode;
10
- onClick?: () => void;
11
- };
12
- closeIcon?: {
13
- icon?: React.ReactNode;
14
- hoverColor?: string;
15
- onClick?: () => void;
16
- };
17
- icon?: React.ReactNode;
18
- checkIcon?: boolean;
19
- errorIcon?: boolean;
20
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { StylesProps } from "./Styles.types";
3
- declare const Styles: React.FC<StylesProps>;
4
- export default Styles;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export interface StylesProps {
3
- color?: string;
4
- borderRadius?: string;
5
- boxShadow?: string;
6
- style?: React.CSSProperties;
7
- cobyText?: string;
8
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { MySwitchProps } from "./Switch.types";
3
- declare const Switch: React.FC<MySwitchProps>;
4
- export default Switch;
@@ -1,3 +0,0 @@
1
- import { SwitchProps } from "@material-ui/core";
2
- export interface MySwitchProps extends SwitchProps {
3
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SegmentedTabProps } from "./SegmentedTab.types";
3
- declare const SegmentedTab: React.FC<SegmentedTabProps>;
4
- export default SegmentedTab;
@@ -1,7 +0,0 @@
1
- import { TabProps } from "@material-ui/core";
2
- export interface SegmentedTabProps extends TabProps {
3
- width?: number | string;
4
- height?: number | string;
5
- fontSize?: number | string;
6
- flex?: number;
7
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SegmentedTabsProps } from "./SegmentedTabs.types";
3
- declare const SegmentedTabs: React.FC<SegmentedTabsProps>;
4
- export default SegmentedTabs;
@@ -1,5 +0,0 @@
1
- import { TabsProps } from "@material-ui/core";
2
- export interface SegmentedTabsProps extends TabsProps {
3
- width?: number | string;
4
- slide?: boolean;
5
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { MyTabProps } from "./Tab.types";
3
- declare const Tab: React.FC<MyTabProps>;
4
- export default Tab;
@@ -1,10 +0,0 @@
1
- import { TabProps } from "@material-ui/core";
2
- export interface MyTabProps extends TabProps {
3
- selected?: boolean;
4
- width?: number | string;
5
- height?: number | string;
6
- margin?: number | string;
7
- fontSize?: number | string;
8
- noIndicator?: boolean;
9
- animation?: boolean;
10
- }
@@ -1,10 +0,0 @@
1
- import { TabPanelProps } from "@material-ui/lab";
2
- import React from "react";
3
- interface MyTabPanelProps {
4
- children?: React.ReactNode;
5
- index: any;
6
- value: any;
7
- other?: TabPanelProps;
8
- }
9
- declare function TabPanel(props: MyTabPanelProps): JSX.Element;
10
- export default TabPanel;
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { MyTabsProps } from "./Tabs.types";
3
- declare const Tabs: React.FC<MyTabsProps>;
4
- export default Tabs;
@@ -1,3 +0,0 @@
1
- import { TabsProps } from "@material-ui/core";
2
- export interface MyTabsProps extends TabsProps {
3
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { MyTableProps } from "./Table.types";
3
- declare const Table: React.FC<MyTableProps>;
4
- export default Table;
@@ -1,2 +0,0 @@
1
- export interface MyTableProps {
2
- }