@memelabui/ui 0.6.0 → 0.6.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.
- package/dist/index.cjs +1 -5
- package/dist/index.js +1 -5
- package/dist/styles/index.css +39 -0
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1005,7 +1005,7 @@ function RadioGroup({
|
|
|
1005
1005
|
) });
|
|
1006
1006
|
}
|
|
1007
1007
|
function RadioItem({ value, disabled: itemDisabled, children, className }) {
|
|
1008
|
-
const { value: groupValue, onChange, name, disabled: groupDisabled
|
|
1008
|
+
const { value: groupValue, onChange, name, disabled: groupDisabled } = useRadioGroup();
|
|
1009
1009
|
const inputId = React.useId();
|
|
1010
1010
|
const inputRef = React.useRef(null);
|
|
1011
1011
|
const isDisabled = groupDisabled || itemDisabled;
|
|
@@ -1437,10 +1437,6 @@ function Tooltip({ content, delayMs = 500, placement = "top", className, childre
|
|
|
1437
1437
|
const anchorRef = React.useRef(null);
|
|
1438
1438
|
const [open, setOpen] = React.useState(false);
|
|
1439
1439
|
const [pos, setPos] = React.useState(null);
|
|
1440
|
-
React.useMemo(() => {
|
|
1441
|
-
if (typeof content === "string") return content.trim();
|
|
1442
|
-
return "";
|
|
1443
|
-
}, [content]);
|
|
1444
1440
|
const clearTimer = React.useCallback(() => {
|
|
1445
1441
|
if (openTimerRef.current !== null) {
|
|
1446
1442
|
window.clearTimeout(openTimerRef.current);
|
package/dist/index.js
CHANGED
|
@@ -999,7 +999,7 @@ function RadioGroup({
|
|
|
999
999
|
) });
|
|
1000
1000
|
}
|
|
1001
1001
|
function RadioItem({ value, disabled: itemDisabled, children, className }) {
|
|
1002
|
-
const { value: groupValue, onChange, name, disabled: groupDisabled
|
|
1002
|
+
const { value: groupValue, onChange, name, disabled: groupDisabled } = useRadioGroup();
|
|
1003
1003
|
const inputId = useId();
|
|
1004
1004
|
const inputRef = useRef(null);
|
|
1005
1005
|
const isDisabled = groupDisabled || itemDisabled;
|
|
@@ -1431,10 +1431,6 @@ function Tooltip({ content, delayMs = 500, placement = "top", className, childre
|
|
|
1431
1431
|
const anchorRef = useRef(null);
|
|
1432
1432
|
const [open, setOpen] = useState(false);
|
|
1433
1433
|
const [pos, setPos] = useState(null);
|
|
1434
|
-
useMemo(() => {
|
|
1435
|
-
if (typeof content === "string") return content.trim();
|
|
1436
|
-
return "";
|
|
1437
|
-
}, [content]);
|
|
1438
1434
|
const clearTimer = useCallback(() => {
|
|
1439
1435
|
if (openTimerRef.current !== null) {
|
|
1440
1436
|
window.clearTimeout(openTimerRef.current);
|
package/dist/styles/index.css
CHANGED
|
@@ -1004,6 +1004,9 @@ a {
|
|
|
1004
1004
|
.h-20 {
|
|
1005
1005
|
height: 5rem;
|
|
1006
1006
|
}
|
|
1007
|
+
.h-28 {
|
|
1008
|
+
height: 7rem;
|
|
1009
|
+
}
|
|
1007
1010
|
.h-3 {
|
|
1008
1011
|
height: 0.75rem;
|
|
1009
1012
|
}
|
|
@@ -1016,6 +1019,9 @@ a {
|
|
|
1016
1019
|
.h-4 {
|
|
1017
1020
|
height: 1rem;
|
|
1018
1021
|
}
|
|
1022
|
+
.h-40 {
|
|
1023
|
+
height: 10rem;
|
|
1024
|
+
}
|
|
1019
1025
|
.h-5 {
|
|
1020
1026
|
height: 1.25rem;
|
|
1021
1027
|
}
|
|
@@ -1058,6 +1064,9 @@ a {
|
|
|
1058
1064
|
.max-h-60 {
|
|
1059
1065
|
max-height: 15rem;
|
|
1060
1066
|
}
|
|
1067
|
+
.min-h-\[320px\] {
|
|
1068
|
+
min-height: 320px;
|
|
1069
|
+
}
|
|
1061
1070
|
.min-h-\[42px\] {
|
|
1062
1071
|
min-height: 42px;
|
|
1063
1072
|
}
|
|
@@ -1118,6 +1127,9 @@ a {
|
|
|
1118
1127
|
.w-5\/6 {
|
|
1119
1128
|
width: 83.333333%;
|
|
1120
1129
|
}
|
|
1130
|
+
.w-56 {
|
|
1131
|
+
width: 14rem;
|
|
1132
|
+
}
|
|
1121
1133
|
.w-6 {
|
|
1122
1134
|
width: 1.5rem;
|
|
1123
1135
|
}
|
|
@@ -1145,6 +1157,9 @@ a {
|
|
|
1145
1157
|
.w-\[300px\] {
|
|
1146
1158
|
width: 300px;
|
|
1147
1159
|
}
|
|
1160
|
+
.w-\[360px\] {
|
|
1161
|
+
width: 360px;
|
|
1162
|
+
}
|
|
1148
1163
|
.w-\[3px\] {
|
|
1149
1164
|
width: 3px;
|
|
1150
1165
|
}
|
|
@@ -1157,6 +1172,9 @@ a {
|
|
|
1157
1172
|
.w-\[600px\] {
|
|
1158
1173
|
width: 600px;
|
|
1159
1174
|
}
|
|
1175
|
+
.w-\[900px\] {
|
|
1176
|
+
width: 900px;
|
|
1177
|
+
}
|
|
1160
1178
|
.w-fit {
|
|
1161
1179
|
width: -moz-fit-content;
|
|
1162
1180
|
width: fit-content;
|
|
@@ -1170,6 +1188,9 @@ a {
|
|
|
1170
1188
|
.min-w-0 {
|
|
1171
1189
|
min-width: 0px;
|
|
1172
1190
|
}
|
|
1191
|
+
.min-w-52 {
|
|
1192
|
+
min-width: 13rem;
|
|
1193
|
+
}
|
|
1173
1194
|
.min-w-\[10rem\] {
|
|
1174
1195
|
min-width: 10rem;
|
|
1175
1196
|
}
|
|
@@ -1179,6 +1200,9 @@ a {
|
|
|
1179
1200
|
.min-w-\[16px\] {
|
|
1180
1201
|
min-width: 16px;
|
|
1181
1202
|
}
|
|
1203
|
+
.min-w-\[180px\] {
|
|
1204
|
+
min-width: 180px;
|
|
1205
|
+
}
|
|
1182
1206
|
.min-w-\[18px\] {
|
|
1183
1207
|
min-width: 18px;
|
|
1184
1208
|
}
|
|
@@ -1212,9 +1236,15 @@ a {
|
|
|
1212
1236
|
.max-w-full {
|
|
1213
1237
|
max-width: 100%;
|
|
1214
1238
|
}
|
|
1239
|
+
.max-w-lg {
|
|
1240
|
+
max-width: 32rem;
|
|
1241
|
+
}
|
|
1215
1242
|
.max-w-md {
|
|
1216
1243
|
max-width: 28rem;
|
|
1217
1244
|
}
|
|
1245
|
+
.max-w-xl {
|
|
1246
|
+
max-width: 36rem;
|
|
1247
|
+
}
|
|
1218
1248
|
.flex-1 {
|
|
1219
1249
|
flex: 1 1 0%;
|
|
1220
1250
|
}
|
|
@@ -1847,9 +1877,15 @@ a {
|
|
|
1847
1877
|
.p-2\.5 {
|
|
1848
1878
|
padding: 0.625rem;
|
|
1849
1879
|
}
|
|
1880
|
+
.p-3 {
|
|
1881
|
+
padding: 0.75rem;
|
|
1882
|
+
}
|
|
1850
1883
|
.p-4 {
|
|
1851
1884
|
padding: 1rem;
|
|
1852
1885
|
}
|
|
1886
|
+
.p-5 {
|
|
1887
|
+
padding: 1.25rem;
|
|
1888
|
+
}
|
|
1853
1889
|
.p-6 {
|
|
1854
1890
|
padding: 1.5rem;
|
|
1855
1891
|
}
|
|
@@ -2223,6 +2259,9 @@ a {
|
|
|
2223
2259
|
.ring-primary\/20 {
|
|
2224
2260
|
--tw-ring-color: rgb(var(--ml-primary) / 0.2);
|
|
2225
2261
|
}
|
|
2262
|
+
.ring-primary\/30 {
|
|
2263
|
+
--tw-ring-color: rgb(var(--ml-primary) / 0.3);
|
|
2264
|
+
}
|
|
2226
2265
|
.ring-primary\/40 {
|
|
2227
2266
|
--tw-ring-color: rgb(var(--ml-primary) / 0.4);
|
|
2228
2267
|
}
|