@versini/ui-togglegroup 6.0.1 → 6.0.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/components/index.js +18 -8
- package/package.json +3 -3
package/dist/components/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-togglegroup v6.0.
|
|
2
|
+
@versini/ui-togglegroup v6.0.3
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -31,9 +31,16 @@ const getToggleGroupItemActiveClasses = ()=>{
|
|
|
31
31
|
};
|
|
32
32
|
const getToggleGroupItemSizeClasses = ({ size })=>{
|
|
33
33
|
return clsx({
|
|
34
|
-
"h-
|
|
35
|
-
"h-
|
|
36
|
-
"h-
|
|
34
|
+
"h-full px-1 sm:px-2": size === "small",
|
|
35
|
+
"h-full px-3": size === "medium",
|
|
36
|
+
"h-full px-4": size === "large"
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
const getToggleGroupSizeClasses = ({ size })=>{
|
|
40
|
+
return clsx({
|
|
41
|
+
"h-6": size === "small",
|
|
42
|
+
"h-8": size === "medium",
|
|
43
|
+
"h-12": size === "large"
|
|
37
44
|
});
|
|
38
45
|
};
|
|
39
46
|
const getToggleGroupItemWrapperClasses = ()=>{
|
|
@@ -42,13 +49,15 @@ const getToggleGroupItemWrapperClasses = ()=>{
|
|
|
42
49
|
const getToggleGroupItemClasses = ({ size })=>{
|
|
43
50
|
return {
|
|
44
51
|
wrapperClass: getToggleGroupItemWrapperClasses(),
|
|
45
|
-
itemClass: clsx(TOGGLEGROUP_ITEM_CLASSNAME, "flex items-center justify-center bg-transparent", "transition duration-200 ease", getToggleGroupItemSizeClasses({
|
|
52
|
+
itemClass: clsx(TOGGLEGROUP_ITEM_CLASSNAME, "text-sm cursor-pointer", "flex items-center justify-center bg-transparent", "transition duration-200 ease", getToggleGroupItemSizeClasses({
|
|
46
53
|
size
|
|
47
54
|
}), getToggleGroupItemFocusClasses(), getToggleGroupItemActiveClasses())
|
|
48
55
|
};
|
|
49
56
|
};
|
|
50
|
-
const getToggleGroupClasses = ({ className })=>{
|
|
51
|
-
return clsx(TOGGLEGROUP_CLASSNAME, "inline-flex", "rounded-md", "border border-border-medium", "bg-surface-light text-copy-dark/70",
|
|
57
|
+
const getToggleGroupClasses = ({ className, size })=>{
|
|
58
|
+
return clsx(TOGGLEGROUP_CLASSNAME, "inline-flex", "rounded-md", "border border-border-medium", "bg-surface-light text-copy-dark/70", getToggleGroupSizeClasses({
|
|
59
|
+
size
|
|
60
|
+
}), className);
|
|
52
61
|
};
|
|
53
62
|
|
|
54
63
|
|
|
@@ -58,7 +67,8 @@ const getToggleGroupClasses = ({ className })=>{
|
|
|
58
67
|
|
|
59
68
|
const ToggleGroup = ({ children, value, onValueChange, disabled, size = "medium", defaultValue, className, ...otherProps })=>{
|
|
60
69
|
const toggleGroupClasses = getToggleGroupClasses({
|
|
61
|
-
className
|
|
70
|
+
className,
|
|
71
|
+
size
|
|
62
72
|
});
|
|
63
73
|
const contextValue = {
|
|
64
74
|
size
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-togglegroup",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"test": "vitest run"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@versini/ui-types": "8.
|
|
40
|
+
"@versini/ui-types": "8.4.0"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@radix-ui/react-toggle-group": "1.1.11",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"sideEffects": [
|
|
48
48
|
"**/*.css"
|
|
49
49
|
],
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "08f46d8b356d5cfbb4e58dca300428ed6bb03789"
|
|
51
51
|
}
|