@nattui/react-components 0.0.36 → 0.0.37
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.
|
@@ -51,12 +51,8 @@
|
|
|
51
51
|
/* ===================================================== */
|
|
52
52
|
/* Rounded */
|
|
53
53
|
/* ===================================================== */
|
|
54
|
-
.button__rounded_base {
|
|
55
|
-
border-radius: 12px;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
54
|
.button__rounded_full {
|
|
59
|
-
border-radius: 9999px;
|
|
55
|
+
border-radius: 9999px !important;
|
|
60
56
|
}
|
|
61
57
|
|
|
62
58
|
/* ===================================================== */
|
|
@@ -65,26 +61,31 @@
|
|
|
65
61
|
.button__size_32 {
|
|
66
62
|
--size: 32px;
|
|
67
63
|
padding: 0 10px;
|
|
64
|
+
border-radius: 8px;
|
|
68
65
|
}
|
|
69
66
|
|
|
70
67
|
.button__size_36 {
|
|
71
68
|
--size: 36px;
|
|
72
69
|
padding: 0 12px;
|
|
70
|
+
border-radius: 10px;
|
|
73
71
|
}
|
|
74
72
|
|
|
75
73
|
.button__size_40 {
|
|
76
74
|
--size: 40px;
|
|
77
75
|
padding: 0 14px;
|
|
76
|
+
border-radius: 12px;
|
|
78
77
|
}
|
|
79
78
|
|
|
80
79
|
.button__size_44 {
|
|
81
80
|
--size: 44px;
|
|
82
81
|
padding: 0 16px;
|
|
82
|
+
border-radius: 14px;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.button__size_48 {
|
|
86
86
|
--size: 48px;
|
|
87
87
|
padding: 0 18px;
|
|
88
|
+
border-radius: 16px;
|
|
88
89
|
}
|
|
89
90
|
|
|
90
91
|
/* ===================================================== */
|
package/dist/index.js
CHANGED
|
@@ -7,7 +7,7 @@ function ButtonSpinner(props) {
|
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
// src/button.tsx
|
|
10
|
-
import styles2 from "./button.module-
|
|
10
|
+
import styles2 from "./button.module-NMNZK4JZ.module.css";
|
|
11
11
|
import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
12
12
|
function Button(props) {
|
|
13
13
|
const {
|
|
@@ -79,7 +79,7 @@ var BUTTON_CLASS_NAME = {
|
|
|
79
79
|
};
|
|
80
80
|
|
|
81
81
|
// src/input.tsx
|
|
82
|
-
import styles3 from "./input.module-
|
|
82
|
+
import styles3 from "./input.module-37F7SSOT.module.css";
|
|
83
83
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
84
84
|
function Input(props) {
|
|
85
85
|
const {
|
|
@@ -207,7 +207,7 @@ var SWITCH_CLASS_NAME = {
|
|
|
207
207
|
};
|
|
208
208
|
|
|
209
209
|
// src/textarea.tsx
|
|
210
|
-
import inputStyles from "./input.module-
|
|
210
|
+
import inputStyles from "./input.module-37F7SSOT.module.css";
|
|
211
211
|
import styles7 from "./textarea.module-6GUVSFC7.module.css";
|
|
212
212
|
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
213
213
|
function Textarea(props) {
|
|
@@ -65,10 +65,6 @@
|
|
|
65
65
|
/* ===================================================== */
|
|
66
66
|
/* Rounded */
|
|
67
67
|
/* ===================================================== */
|
|
68
|
-
.input__rounded_base {
|
|
69
|
-
border-radius: 12px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
68
|
.input__rounded_full {
|
|
73
69
|
border-radius: 9999px;
|
|
74
70
|
}
|
|
@@ -78,20 +74,25 @@
|
|
|
78
74
|
/* ===================================================== */
|
|
79
75
|
.input__size_32 {
|
|
80
76
|
--height: 32px;
|
|
77
|
+
border-radius: 8px;
|
|
81
78
|
}
|
|
82
79
|
|
|
83
80
|
.input__size_36 {
|
|
84
81
|
--height: 36px;
|
|
82
|
+
border-radius: 10px;
|
|
85
83
|
}
|
|
86
84
|
|
|
87
85
|
.input__size_40 {
|
|
88
86
|
--height: 40px;
|
|
87
|
+
border-radius: 12px;
|
|
89
88
|
}
|
|
90
89
|
|
|
91
90
|
.input__size_44 {
|
|
92
91
|
--height: 44px;
|
|
92
|
+
border-radius: 14px;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.input__size_48 {
|
|
96
96
|
--height: 48px;
|
|
97
|
+
border-radius: 16px;
|
|
97
98
|
}
|