@rufous/ui 0.1.37 → 0.1.39
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/Buttons/index.cjs +2 -1
- package/dist/Buttons/index.js +1 -1
- package/dist/Buttons/submitButton.cjs +2 -1
- package/dist/Buttons/submitButton.d.cts +1 -0
- package/dist/Buttons/submitButton.d.ts +1 -0
- package/dist/Buttons/submitButton.js +1 -1
- package/dist/Dialogs/BaseDialog.css +7 -0
- package/dist/Dialogs/BaseDialog.js +1 -1
- package/dist/Dialogs/index.css +7 -0
- package/dist/Dialogs/index.js +1 -1
- package/dist/{chunk-5MMHFGWQ.js → chunk-3WUD5EX4.js} +2 -1
- package/dist/main.cjs +2 -1
- package/dist/main.css +7 -0
- package/dist/main.js +1 -1
- package/dist/style.css +7 -0
- package/dist/styles/button.css +7 -0
- package/package.json +1 -1
package/dist/Buttons/index.cjs
CHANGED
|
@@ -50,11 +50,12 @@ var SubmitButton = ({
|
|
|
50
50
|
type = "submit",
|
|
51
51
|
onClick,
|
|
52
52
|
loading = false,
|
|
53
|
+
bgGradiant = false,
|
|
53
54
|
...props
|
|
54
55
|
}) => {
|
|
55
56
|
const buttonProps = {
|
|
56
57
|
...props,
|
|
57
|
-
className: `btn submit-btn ${props.className ?? ""}`,
|
|
58
|
+
className: `btn submit-btn ${bgGradiant && "submit-btn-gradiant"} ${props.className ?? ""}`,
|
|
58
59
|
onClick,
|
|
59
60
|
disabled: props.disabled || loading,
|
|
60
61
|
...onClick ? {} : { type }
|
package/dist/Buttons/index.js
CHANGED
|
@@ -38,11 +38,12 @@ var SubmitButton = ({
|
|
|
38
38
|
type = "submit",
|
|
39
39
|
onClick,
|
|
40
40
|
loading = false,
|
|
41
|
+
bgGradiant = false,
|
|
41
42
|
...props
|
|
42
43
|
}) => {
|
|
43
44
|
const buttonProps = {
|
|
44
45
|
...props,
|
|
45
|
-
className: `btn submit-btn ${props.className ?? ""}`,
|
|
46
|
+
className: `btn submit-btn ${bgGradiant && "submit-btn-gradiant"} ${props.className ?? ""}`,
|
|
46
47
|
onClick,
|
|
47
48
|
disabled: props.disabled || loading,
|
|
48
49
|
...onClick ? {} : { type }
|
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
interface SubmitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
type?: "button" | "submit" | "reset";
|
|
6
|
+
bgGradiant?: boolean;
|
|
6
7
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
7
8
|
loading?: boolean;
|
|
8
9
|
}
|
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
interface SubmitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
type?: "button" | "submit" | "reset";
|
|
6
|
+
bgGradiant?: boolean;
|
|
6
7
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
7
8
|
loading?: boolean;
|
|
8
9
|
}
|
|
@@ -62,6 +62,13 @@
|
|
|
62
62
|
.submit-btn:hover {
|
|
63
63
|
background-color: #9b1906;
|
|
64
64
|
}
|
|
65
|
+
.submit-btn.submit-btn-gradiant {
|
|
66
|
+
background:
|
|
67
|
+
transparent linear-gradient(
|
|
68
|
+
250deg,
|
|
69
|
+
#9b1906 0%,
|
|
70
|
+
#e62508 100%) 0% 0% no-repeat padding-box;
|
|
71
|
+
}
|
|
65
72
|
.add-btn {
|
|
66
73
|
min-width: fit-content;
|
|
67
74
|
padding: 7px 10px;
|
package/dist/Dialogs/index.css
CHANGED
|
@@ -62,6 +62,13 @@
|
|
|
62
62
|
.submit-btn:hover {
|
|
63
63
|
background-color: #9b1906;
|
|
64
64
|
}
|
|
65
|
+
.submit-btn.submit-btn-gradiant {
|
|
66
|
+
background:
|
|
67
|
+
transparent linear-gradient(
|
|
68
|
+
250deg,
|
|
69
|
+
#9b1906 0%,
|
|
70
|
+
#e62508 100%) 0% 0% no-repeat padding-box;
|
|
71
|
+
}
|
|
65
72
|
.add-btn {
|
|
66
73
|
min-width: fit-content;
|
|
67
74
|
padding: 7px 10px;
|
package/dist/Dialogs/index.js
CHANGED
|
@@ -5,11 +5,12 @@ var SubmitButton = ({
|
|
|
5
5
|
type = "submit",
|
|
6
6
|
onClick,
|
|
7
7
|
loading = false,
|
|
8
|
+
bgGradiant = false,
|
|
8
9
|
...props
|
|
9
10
|
}) => {
|
|
10
11
|
const buttonProps = {
|
|
11
12
|
...props,
|
|
12
|
-
className: `btn submit-btn ${props.className ?? ""}`,
|
|
13
|
+
className: `btn submit-btn ${bgGradiant && "submit-btn-gradiant"} ${props.className ?? ""}`,
|
|
13
14
|
onClick,
|
|
14
15
|
disabled: props.disabled || loading,
|
|
15
16
|
...onClick ? {} : { type }
|
package/dist/main.cjs
CHANGED
|
@@ -1100,11 +1100,12 @@ var SubmitButton = ({
|
|
|
1100
1100
|
type = "submit",
|
|
1101
1101
|
onClick,
|
|
1102
1102
|
loading = false,
|
|
1103
|
+
bgGradiant = false,
|
|
1103
1104
|
...props
|
|
1104
1105
|
}) => {
|
|
1105
1106
|
const buttonProps = {
|
|
1106
1107
|
...props,
|
|
1107
|
-
className: `btn submit-btn ${props.className ?? ""}`,
|
|
1108
|
+
className: `btn submit-btn ${bgGradiant && "submit-btn-gradiant"} ${props.className ?? ""}`,
|
|
1108
1109
|
onClick,
|
|
1109
1110
|
disabled: props.disabled || loading,
|
|
1110
1111
|
...onClick ? {} : { type }
|
package/dist/main.css
CHANGED
|
@@ -62,6 +62,13 @@
|
|
|
62
62
|
.submit-btn:hover {
|
|
63
63
|
background-color: #9b1906;
|
|
64
64
|
}
|
|
65
|
+
.submit-btn.submit-btn-gradiant {
|
|
66
|
+
background:
|
|
67
|
+
transparent linear-gradient(
|
|
68
|
+
250deg,
|
|
69
|
+
#9b1906 0%,
|
|
70
|
+
#e62508 100%) 0% 0% no-repeat padding-box;
|
|
71
|
+
}
|
|
65
72
|
.add-btn {
|
|
66
73
|
min-width: fit-content;
|
|
67
74
|
padding: 7px 10px;
|
package/dist/main.js
CHANGED
package/dist/style.css
CHANGED
|
@@ -62,6 +62,13 @@
|
|
|
62
62
|
.submit-btn:hover {
|
|
63
63
|
background-color: #9b1906;
|
|
64
64
|
}
|
|
65
|
+
.submit-btn.submit-btn-gradiant {
|
|
66
|
+
background:
|
|
67
|
+
transparent linear-gradient(
|
|
68
|
+
250deg,
|
|
69
|
+
#9b1906 0%,
|
|
70
|
+
#e62508 100%) 0% 0% no-repeat padding-box;
|
|
71
|
+
}
|
|
65
72
|
.add-btn {
|
|
66
73
|
min-width: fit-content;
|
|
67
74
|
padding: 7px 10px;
|
package/dist/styles/button.css
CHANGED
|
@@ -62,6 +62,13 @@
|
|
|
62
62
|
.submit-btn:hover {
|
|
63
63
|
background-color: #9b1906;
|
|
64
64
|
}
|
|
65
|
+
.submit-btn.submit-btn-gradiant {
|
|
66
|
+
background:
|
|
67
|
+
transparent linear-gradient(
|
|
68
|
+
250deg,
|
|
69
|
+
#9b1906 0%,
|
|
70
|
+
#e62508 100%) 0% 0% no-repeat padding-box;
|
|
71
|
+
}
|
|
65
72
|
.add-btn {
|
|
66
73
|
min-width: fit-content;
|
|
67
74
|
padding: 7px 10px;
|