@moontra/moonui 6.9.0 → 6.10.0
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.d.mts +34 -33
- package/dist/index.d.ts +34 -33
- package/dist/index.global.js +6 -6
- package/dist/index.global.js.map +1 -1
- package/dist/index.js +114 -71
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +114 -71
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/ui/__tests__/checkbox.test.tsx +3 -3
- package/src/components/ui/__tests__/collapsible.test.tsx +5 -5
- package/src/components/ui/__tests__/dialog.test.tsx +2 -2
- package/src/components/ui/__tests__/progress.test.tsx +4 -4
- package/src/components/ui/__tests__/radio-group.test.tsx +4 -4
- package/src/components/ui/__tests__/size-scale-convention.test.ts +189 -0
- package/src/components/ui/__tests__/slider.test.tsx +4 -4
- package/src/components/ui/alert.tsx +5 -3
- package/src/components/ui/avatar.tsx +3 -2
- package/src/components/ui/breadcrumb.tsx +4 -2
- package/src/components/ui/card.tsx +4 -2
- package/src/components/ui/checkbox.tsx +5 -3
- package/src/components/ui/collapsible.tsx +10 -6
- package/src/components/ui/color-picker.tsx +11 -5
- package/src/components/ui/command.tsx +4 -2
- package/src/components/ui/date-picker.tsx +4 -2
- package/src/components/ui/dialog.tsx +7 -5
- package/src/components/ui/popover-pro.tsx +5 -3
- package/src/components/ui/popover.tsx +4 -2
- package/src/components/ui/progress.tsx +6 -4
- package/src/components/ui/radio-group.tsx +5 -3
- package/src/components/ui/skeleton.tsx +4 -2
- package/src/components/ui/slider.tsx +10 -6
- package/src/components/ui/table.tsx +4 -2
- package/src/components/ui/toggle-group.tsx +4 -1
- package/src/components/ui/toggle.tsx +4 -2
|
@@ -171,10 +171,12 @@ const popoverContentVariants = cva(
|
|
|
171
171
|
},
|
|
172
172
|
size: {
|
|
173
173
|
sm: "w-56 p-3",
|
|
174
|
-
|
|
174
|
+
md: "w-72 p-4",
|
|
175
175
|
lg: "w-96 p-6",
|
|
176
176
|
xl: "w-[32rem] p-8",
|
|
177
|
-
auto: "w-auto p-4"
|
|
177
|
+
auto: "w-auto p-4",
|
|
178
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
179
|
+
default: "w-72 p-4",
|
|
178
180
|
},
|
|
179
181
|
overlayBlur: {
|
|
180
182
|
none: "",
|
|
@@ -186,7 +188,7 @@ const popoverContentVariants = cva(
|
|
|
186
188
|
},
|
|
187
189
|
defaultVariants: {
|
|
188
190
|
variant: "default",
|
|
189
|
-
size: "
|
|
191
|
+
size: "md",
|
|
190
192
|
overlayBlur: "none"
|
|
191
193
|
}
|
|
192
194
|
}
|
|
@@ -25,8 +25,10 @@ const popoverContentVariants = cva(
|
|
|
25
25
|
},
|
|
26
26
|
size: {
|
|
27
27
|
sm: "w-48 p-3",
|
|
28
|
-
|
|
28
|
+
md: "w-72 p-4",
|
|
29
29
|
lg: "w-96 p-5",
|
|
30
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
31
|
+
default: "w-72 p-4",
|
|
30
32
|
},
|
|
31
33
|
side: {
|
|
32
34
|
top: "data-[side=top]:slide-in-from-bottom-2",
|
|
@@ -56,7 +58,7 @@ const popoverContentVariants = cva(
|
|
|
56
58
|
},
|
|
57
59
|
defaultVariants: {
|
|
58
60
|
variant: "default",
|
|
59
|
-
size: "
|
|
61
|
+
size: "md",
|
|
60
62
|
radius: "default",
|
|
61
63
|
shadow: "default",
|
|
62
64
|
},
|
|
@@ -32,10 +32,12 @@ const progressVariants = cva(
|
|
|
32
32
|
size: {
|
|
33
33
|
xs: "h-1",
|
|
34
34
|
sm: "h-1.5",
|
|
35
|
+
md: "h-2",
|
|
36
|
+
lg: "h-2.5",
|
|
37
|
+
xl: "h-3",
|
|
38
|
+
"2xl": "h-4",
|
|
39
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
35
40
|
default: "h-2",
|
|
36
|
-
md: "h-2.5",
|
|
37
|
-
lg: "h-3",
|
|
38
|
-
xl: "h-4",
|
|
39
41
|
},
|
|
40
42
|
radius: {
|
|
41
43
|
none: "rounded-none",
|
|
@@ -53,7 +55,7 @@ const progressVariants = cva(
|
|
|
53
55
|
},
|
|
54
56
|
defaultVariants: {
|
|
55
57
|
variant: "default",
|
|
56
|
-
size: "
|
|
58
|
+
size: "md",
|
|
57
59
|
radius: "full",
|
|
58
60
|
animation: "default",
|
|
59
61
|
},
|
|
@@ -24,14 +24,16 @@ const radioGroupItemVariants = cva(
|
|
|
24
24
|
},
|
|
25
25
|
size: {
|
|
26
26
|
sm: "h-3.5 w-3.5",
|
|
27
|
+
md: "h-4 w-4",
|
|
28
|
+
lg: "h-5 w-5",
|
|
29
|
+
xl: "h-6 w-6",
|
|
30
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
27
31
|
default: "h-4 w-4",
|
|
28
|
-
md: "h-5 w-5",
|
|
29
|
-
lg: "h-6 w-6",
|
|
30
32
|
},
|
|
31
33
|
},
|
|
32
34
|
defaultVariants: {
|
|
33
35
|
variant: "default",
|
|
34
|
-
size: "
|
|
36
|
+
size: "md",
|
|
35
37
|
},
|
|
36
38
|
}
|
|
37
39
|
);
|
|
@@ -24,9 +24,11 @@ const skeletonVariants = cva(
|
|
|
24
24
|
accent: "bg-accent",
|
|
25
25
|
},
|
|
26
26
|
size: {
|
|
27
|
-
|
|
27
|
+
md: "",
|
|
28
28
|
sm: "scale-90",
|
|
29
29
|
lg: "scale-110",
|
|
30
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
31
|
+
default: "",
|
|
30
32
|
},
|
|
31
33
|
shape: {
|
|
32
34
|
rect: "rounded-md",
|
|
@@ -41,7 +43,7 @@ const skeletonVariants = cva(
|
|
|
41
43
|
},
|
|
42
44
|
defaultVariants: {
|
|
43
45
|
variant: "default",
|
|
44
|
-
size: "
|
|
46
|
+
size: "md",
|
|
45
47
|
shape: "rect",
|
|
46
48
|
animation: "pulse",
|
|
47
49
|
},
|
|
@@ -18,13 +18,15 @@ const sliderVariants = cva(
|
|
|
18
18
|
variants: {
|
|
19
19
|
size: {
|
|
20
20
|
sm: "h-5",
|
|
21
|
+
md: "h-6",
|
|
22
|
+
lg: "h-8",
|
|
23
|
+
xl: "h-10",
|
|
24
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
21
25
|
default: "h-6",
|
|
22
|
-
md: "h-8",
|
|
23
|
-
lg: "h-10",
|
|
24
26
|
},
|
|
25
27
|
},
|
|
26
28
|
defaultVariants: {
|
|
27
|
-
size: "
|
|
29
|
+
size: "md",
|
|
28
30
|
},
|
|
29
31
|
}
|
|
30
32
|
)
|
|
@@ -84,14 +86,16 @@ const sliderThumbVariants = cva(
|
|
|
84
86
|
},
|
|
85
87
|
size: {
|
|
86
88
|
sm: "h-3 w-3",
|
|
89
|
+
md: "h-4 w-4",
|
|
90
|
+
lg: "h-5 w-5",
|
|
91
|
+
xl: "h-6 w-6",
|
|
92
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
87
93
|
default: "h-4 w-4",
|
|
88
|
-
md: "h-5 w-5",
|
|
89
|
-
lg: "h-6 w-6",
|
|
90
94
|
},
|
|
91
95
|
},
|
|
92
96
|
defaultVariants: {
|
|
93
97
|
variant: "primary",
|
|
94
|
-
size: "
|
|
98
|
+
size: "md",
|
|
95
99
|
},
|
|
96
100
|
}
|
|
97
101
|
)
|
|
@@ -46,13 +46,15 @@ const tableVariants = cva(
|
|
|
46
46
|
},
|
|
47
47
|
size: {
|
|
48
48
|
sm: "text-xs",
|
|
49
|
-
|
|
49
|
+
md: "text-sm",
|
|
50
50
|
lg: "text-base",
|
|
51
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
52
|
+
default: "text-sm",
|
|
51
53
|
},
|
|
52
54
|
},
|
|
53
55
|
defaultVariants: {
|
|
54
56
|
variant: "default",
|
|
55
|
-
size: "
|
|
57
|
+
size: "md",
|
|
56
58
|
},
|
|
57
59
|
}
|
|
58
60
|
);
|
|
@@ -27,7 +27,10 @@ import { toggleVariants } from "./toggle"
|
|
|
27
27
|
const ToggleGroupContext = React.createContext<
|
|
28
28
|
VariantProps<typeof toggleVariants>
|
|
29
29
|
>({
|
|
30
|
-
|
|
30
|
+
// #319: kanonik skalada `default` bir basamak ADI değil; `toggleVariants` artık `md`
|
|
31
|
+
// kullanıyor (aynı CSS: h-10 px-3). Context varsayılanı da ona hizalandı — aksi hâlde
|
|
32
|
+
// context, deprecated alias'ı item'lara yayardı.
|
|
33
|
+
size: "md",
|
|
31
34
|
variant: "default",
|
|
32
35
|
})
|
|
33
36
|
|
|
@@ -16,14 +16,16 @@ const toggleVariants = cva(
|
|
|
16
16
|
"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
|
|
17
17
|
},
|
|
18
18
|
size: {
|
|
19
|
-
|
|
19
|
+
md: "h-10 px-3",
|
|
20
20
|
sm: "h-9 px-2.5",
|
|
21
21
|
lg: "h-11 px-5",
|
|
22
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
23
|
+
default: "h-10 px-3",
|
|
22
24
|
},
|
|
23
25
|
},
|
|
24
26
|
defaultVariants: {
|
|
25
27
|
variant: "default",
|
|
26
|
-
size: "
|
|
28
|
+
size: "md",
|
|
27
29
|
},
|
|
28
30
|
}
|
|
29
31
|
)
|