@versini/ui-togglegroup 8.0.1 → 8.1.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/components/index.js +25 -8
- package/package.json +3 -3
package/dist/components/index.js
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-togglegroup v8.0
|
|
2
|
+
@versini/ui-togglegroup v8.1.0
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
import {
|
|
8
|
-
import react , { useContext } from "react";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
import react, { useContext } from "react";
|
|
9
8
|
import clsx from "clsx";
|
|
10
9
|
|
|
10
|
+
import * as __rspack_external__radix_ui_react_toggle_group_4f42c91c from "@radix-ui/react-toggle-group";
|
|
11
|
+
|
|
12
|
+
|
|
11
13
|
const TOGGLEGROUP_CLASSNAME = "av-togglegroup";
|
|
12
14
|
const TOGGLEGROUP_ITEM_WRAPPER_CLASSNAME = "av-togglegroup-item-wrapper";
|
|
13
15
|
const TOGGLEGROUP_ITEM_CLASSNAME = "av-togglegroup-item";
|
|
@@ -16,6 +18,7 @@ const TOGGLEGROUP_ITEM_CLASSNAME = "av-togglegroup-item";
|
|
|
16
18
|
|
|
17
19
|
|
|
18
20
|
|
|
21
|
+
|
|
19
22
|
const ToggleGroupContext = react.createContext({
|
|
20
23
|
size: "medium",
|
|
21
24
|
flat: false
|
|
@@ -50,7 +53,7 @@ const getToggleGroupItemWrapperClasses = ()=>{
|
|
|
50
53
|
const getToggleGroupItemClasses = ({ size, flat })=>{
|
|
51
54
|
return {
|
|
52
55
|
wrapperClass: getToggleGroupItemWrapperClasses(),
|
|
53
|
-
itemClass: clsx(TOGGLEGROUP_ITEM_CLASSNAME, "text-sm cursor-pointer", "flex items-center justify-center bg-transparent", "transition duration-200 ease", getToggleGroupItemSizeClasses({
|
|
56
|
+
itemClass: clsx(TOGGLEGROUP_ITEM_CLASSNAME, "group", "text-sm cursor-pointer", "flex items-center justify-center bg-transparent", "transition duration-200 ease", getToggleGroupItemSizeClasses({
|
|
54
57
|
size
|
|
55
58
|
}), getToggleGroupItemFocusClasses(), getToggleGroupItemActiveClasses({
|
|
56
59
|
flat
|
|
@@ -79,7 +82,7 @@ const ToggleGroup = ({ children, value, onValueChange, disabled, size = "medium"
|
|
|
79
82
|
};
|
|
80
83
|
return /*#__PURE__*/ jsx(ToggleGroupContext.Provider, {
|
|
81
84
|
value: contextValue,
|
|
82
|
-
children: /*#__PURE__*/ jsx(Root, {
|
|
85
|
+
children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_toggle_group_4f42c91c.Root, {
|
|
83
86
|
disabled: disabled,
|
|
84
87
|
className: toggleGroupClasses,
|
|
85
88
|
value: value,
|
|
@@ -96,13 +99,27 @@ const ToggleGroupItem = ({ value, disabled, children })=>{
|
|
|
96
99
|
size,
|
|
97
100
|
flat
|
|
98
101
|
});
|
|
102
|
+
const label = children ?? value;
|
|
99
103
|
return /*#__PURE__*/ jsx("div", {
|
|
100
104
|
className: wrapperClass,
|
|
101
|
-
children: /*#__PURE__*/ jsx(Item, {
|
|
105
|
+
children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_toggle_group_4f42c91c.Item, {
|
|
102
106
|
disabled: disabled,
|
|
103
107
|
className: itemClass,
|
|
104
108
|
value: value,
|
|
105
|
-
children:
|
|
109
|
+
children: /*#__PURE__*/ jsxs("span", {
|
|
110
|
+
className: "grid",
|
|
111
|
+
children: [
|
|
112
|
+
/*#__PURE__*/ jsx("span", {
|
|
113
|
+
"aria-hidden": "true",
|
|
114
|
+
className: "invisible font-semibold [grid-area:1/1]",
|
|
115
|
+
children: label
|
|
116
|
+
}),
|
|
117
|
+
/*#__PURE__*/ jsx("span", {
|
|
118
|
+
className: "[grid-area:1/1] group-data-[state=on]:font-semibold",
|
|
119
|
+
children: label
|
|
120
|
+
})
|
|
121
|
+
]
|
|
122
|
+
})
|
|
106
123
|
})
|
|
107
124
|
});
|
|
108
125
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-togglegroup",
|
|
3
|
-
"version": "8.0
|
|
3
|
+
"version": "8.1.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"@radix-ui/react-toggle-group": "1.1.11",
|
|
48
48
|
"clsx": "2.1.1",
|
|
49
|
-
"tailwindcss": "4.
|
|
49
|
+
"tailwindcss": "4.3.0"
|
|
50
50
|
},
|
|
51
51
|
"sideEffects": [
|
|
52
52
|
"**/*.css"
|
|
53
53
|
],
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "3feeb252f2956067c39799a42e9378d553a9e29a"
|
|
55
55
|
}
|