@rango-dev/ui 0.48.1-next.1 → 0.48.1-next.3
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.
- package/dist/index.js +1 -1
- package/dist/index.js.map +3 -3
- package/dist/ui.build.json +1 -1
- package/dist/widget/ui/src/components/TextField/TextField.d.ts +1 -0
- package/dist/widget/ui/src/components/TextField/TextField.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TextField/TextField.types.d.ts +2 -0
- package/dist/widget/ui/src/components/TextField/TextField.types.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +1 -0
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/TextField/TextField.styles.ts +16 -0
- package/src/components/TextField/TextField.tsx +2 -0
- package/src/components/TextField/TextField.types.tsx +2 -0
|
@@ -9,6 +9,7 @@ declare const TextField: React.ForwardRefExoticComponent<{
|
|
|
9
9
|
fullWidth?: boolean;
|
|
10
10
|
labelProps?: import("../Typography/Typography.types.js").TypographyPropTypes;
|
|
11
11
|
style?: import("@stitches/react").CSS;
|
|
12
|
+
status?: "default" | "success" | "warning" | "error" | undefined;
|
|
12
13
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
|
|
13
14
|
children?: React.ReactNode | undefined;
|
|
14
15
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiF1B,QAAA,MAAM,SAAS;qBAzDZ,MAAO,SAAS;aAAa,MAAM,SAAS;aAAY,MAAO,SAAS;;;;;;;;;;0CAyDrB,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -3,6 +3,7 @@ export declare const InputContainer: import("@stitches/react/types/styled-compon
|
|
|
3
3
|
size?: "small" | "large" | undefined;
|
|
4
4
|
variant?: "contained" | "outlined" | "ghost" | undefined;
|
|
5
5
|
disabled?: boolean | "true" | "false" | undefined;
|
|
6
|
+
status?: "default" | "success" | "warning" | "error" | undefined;
|
|
6
7
|
}, {
|
|
7
8
|
xs: string;
|
|
8
9
|
sm: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAgGzB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAsChB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAEhB,CAAC"}
|
|
@@ -4,6 +4,7 @@ import type * as Stitches from '@stitches/react';
|
|
|
4
4
|
type BaseProps = Stitches.VariantProps<typeof InputContainer>;
|
|
5
5
|
type BaseSizes = Exclude<BaseProps['size'], object>;
|
|
6
6
|
type BaseVariants = Exclude<BaseProps['variant'], object>;
|
|
7
|
+
type BaseStatus = Exclude<BaseProps['status'], object>;
|
|
7
8
|
export type Ref = ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
|
|
8
9
|
export type TextFieldPropTypes = {
|
|
9
10
|
label?: string | React.ReactNode;
|
|
@@ -15,6 +16,7 @@ export type TextFieldPropTypes = {
|
|
|
15
16
|
fullWidth?: boolean;
|
|
16
17
|
labelProps?: TypographyPropTypes;
|
|
17
18
|
style?: Stitches.CSS;
|
|
19
|
+
status?: BaseStatus;
|
|
18
20
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'>;
|
|
19
21
|
export {};
|
|
20
22
|
//# sourceMappingURL=TextField.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACpD,KAAK,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACpD,KAAK,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAC1D,KAAK,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAEvD,MAAM,MAAM,GAAG,GACX,CAAC,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC,GAC7C,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GACjC,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC"}
|
|
@@ -331,6 +331,7 @@ export declare const InputAmount: import("@stitches/react/types/styled-component
|
|
|
331
331
|
fullWidth?: boolean;
|
|
332
332
|
labelProps?: import("../../components/index.js").TypographyPropTypes;
|
|
333
333
|
style?: import("@stitches/react").CSS;
|
|
334
|
+
status?: "default" | "success" | "warning" | "error" | undefined;
|
|
334
335
|
} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
|
|
335
336
|
children?: import("react").ReactNode | undefined;
|
|
336
337
|
} & import("react").RefAttributes<HTMLInputElement>>, {}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG1E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAAQ,CAAC;AAEhC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAuBpB,CAAC;AAEH,eAAO,MAAM,WAAW;
|
|
1
|
+
{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rango-dev/ui",
|
|
3
|
-
"version": "0.48.1-next.
|
|
3
|
+
"version": "0.48.1-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"source": "./src/index.ts",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@radix-ui/react-select": "^2.0.0",
|
|
54
54
|
"@radix-ui/react-switch": "^1.0.1",
|
|
55
55
|
"@radix-ui/react-tooltip": "^1.0.2",
|
|
56
|
-
"@rango-dev/wallets-shared": "^0.46.1-next.
|
|
56
|
+
"@rango-dev/wallets-shared": "^0.46.1-next.2",
|
|
57
57
|
"@stitches/react": "^1.2.8",
|
|
58
58
|
"copy-to-clipboard": "^3.3.3",
|
|
59
59
|
"rango-types": "^0.1.88",
|
|
@@ -5,6 +5,8 @@ export const InputContainer = styled('div', {
|
|
|
5
5
|
display: 'flex',
|
|
6
6
|
justifyContent: 'center',
|
|
7
7
|
alignItems: 'center',
|
|
8
|
+
borderWidth: 1,
|
|
9
|
+
borderStyle: 'solid',
|
|
8
10
|
variants: {
|
|
9
11
|
fullWidth: {
|
|
10
12
|
true: {
|
|
@@ -58,6 +60,20 @@ export const InputContainer = styled('div', {
|
|
|
58
60
|
true: {},
|
|
59
61
|
false: {},
|
|
60
62
|
},
|
|
63
|
+
status: {
|
|
64
|
+
default: {
|
|
65
|
+
borderColor: 'transparent',
|
|
66
|
+
},
|
|
67
|
+
error: {
|
|
68
|
+
borderColor: '$error500',
|
|
69
|
+
},
|
|
70
|
+
warning: {
|
|
71
|
+
borderColor: '$warning500',
|
|
72
|
+
},
|
|
73
|
+
success: {
|
|
74
|
+
borderColor: '$secondary500',
|
|
75
|
+
},
|
|
76
|
+
},
|
|
61
77
|
},
|
|
62
78
|
|
|
63
79
|
compoundVariants: [
|
|
@@ -21,6 +21,7 @@ function TextFieldComponent(
|
|
|
21
21
|
variant,
|
|
22
22
|
fullWidth,
|
|
23
23
|
labelProps,
|
|
24
|
+
status = 'default',
|
|
24
25
|
...inputAttributes
|
|
25
26
|
} = props;
|
|
26
27
|
|
|
@@ -63,6 +64,7 @@ function TextFieldComponent(
|
|
|
63
64
|
variant={variant}
|
|
64
65
|
size={size}
|
|
65
66
|
css={style}
|
|
67
|
+
status={status}
|
|
66
68
|
className="_text-field">
|
|
67
69
|
{prefix || null}
|
|
68
70
|
<Input
|
|
@@ -5,6 +5,7 @@ import type * as Stitches from '@stitches/react';
|
|
|
5
5
|
type BaseProps = Stitches.VariantProps<typeof InputContainer>;
|
|
6
6
|
type BaseSizes = Exclude<BaseProps['size'], object>;
|
|
7
7
|
type BaseVariants = Exclude<BaseProps['variant'], object>;
|
|
8
|
+
type BaseStatus = Exclude<BaseProps['status'], object>;
|
|
8
9
|
|
|
9
10
|
export type Ref =
|
|
10
11
|
| ((instance: HTMLInputElement | null) => void)
|
|
@@ -22,4 +23,5 @@ export type TextFieldPropTypes = {
|
|
|
22
23
|
fullWidth?: boolean;
|
|
23
24
|
labelProps?: TypographyPropTypes;
|
|
24
25
|
style?: Stitches.CSS;
|
|
26
|
+
status?: BaseStatus;
|
|
25
27
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'>;
|