@kanso-labs/kanso-ui 0.40.6 → 0.40.7
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.
|
@@ -95,7 +95,7 @@ function Dialog$1(t0) {
|
|
|
95
95
|
}
|
|
96
96
|
function DialogBody(t0) {
|
|
97
97
|
const $ = c(7);
|
|
98
|
-
const { ref: callerRef, ...props$
|
|
98
|
+
const { ref: callerRef, ...props$2 } = t0;
|
|
99
99
|
const isBasic = useContext(BasicContext);
|
|
100
100
|
const ref = useRef(null);
|
|
101
101
|
const scrollable = useScrollable(ref);
|
|
@@ -108,17 +108,17 @@ function DialogBody(t0) {
|
|
|
108
108
|
} else t2 = $[1];
|
|
109
109
|
const merged = t2;
|
|
110
110
|
const t3 = scrollable ? 0 : void 0;
|
|
111
|
-
const t4 = mergeStyles(props(styles.body, isBasic && basic.body, overlay.modalBodyRing), props$
|
|
111
|
+
const t4 = mergeStyles(props(styles.body, isBasic && basic.body, overlay.modalBodyRing), props$2);
|
|
112
112
|
let t5;
|
|
113
|
-
if ($[2] !== merged || $[3] !== props$
|
|
113
|
+
if ($[2] !== merged || $[3] !== props$2 || $[4] !== t3 || $[5] !== t4) {
|
|
114
114
|
t5 = /* @__PURE__ */ jsx("div", {
|
|
115
115
|
tabIndex: t3,
|
|
116
|
-
...props$
|
|
116
|
+
...props$2,
|
|
117
117
|
ref: merged,
|
|
118
118
|
...t4
|
|
119
119
|
});
|
|
120
120
|
$[2] = merged;
|
|
121
|
-
$[3] = props$
|
|
121
|
+
$[3] = props$2;
|
|
122
122
|
$[4] = t3;
|
|
123
123
|
$[5] = t4;
|
|
124
124
|
$[6] = t5;
|
|
@@ -162,12 +162,12 @@ function DialogContent(t0) {
|
|
|
162
162
|
let isKeyboardDismissDisabled;
|
|
163
163
|
let isOpen;
|
|
164
164
|
let onOpenChange;
|
|
165
|
-
let props$
|
|
165
|
+
let props$1;
|
|
166
166
|
let ref;
|
|
167
167
|
let style;
|
|
168
168
|
let t1;
|
|
169
169
|
if ($[0] !== t0) {
|
|
170
|
-
({children, className, container, defaultOpen, isDismissable: t1, isKeyboardDismissDisabled, isOpen, onOpenChange, ref, style, ...props$
|
|
170
|
+
({children, className, container, defaultOpen, isDismissable: t1, isKeyboardDismissDisabled, isOpen, onOpenChange, ref, style, ...props$1} = t0);
|
|
171
171
|
$[0] = t0;
|
|
172
172
|
$[1] = children;
|
|
173
173
|
$[2] = className;
|
|
@@ -176,7 +176,7 @@ function DialogContent(t0) {
|
|
|
176
176
|
$[5] = isKeyboardDismissDisabled;
|
|
177
177
|
$[6] = isOpen;
|
|
178
178
|
$[7] = onOpenChange;
|
|
179
|
-
$[8] = props$
|
|
179
|
+
$[8] = props$1;
|
|
180
180
|
$[9] = ref;
|
|
181
181
|
$[10] = style;
|
|
182
182
|
$[11] = t1;
|
|
@@ -188,13 +188,13 @@ function DialogContent(t0) {
|
|
|
188
188
|
isKeyboardDismissDisabled = $[5];
|
|
189
189
|
isOpen = $[6];
|
|
190
190
|
onOpenChange = $[7];
|
|
191
|
-
props$
|
|
191
|
+
props$1 = $[8];
|
|
192
192
|
ref = $[9];
|
|
193
193
|
style = $[10];
|
|
194
194
|
t1 = $[11];
|
|
195
195
|
}
|
|
196
196
|
const isDismissable = t1 === void 0 ? true : t1;
|
|
197
|
-
const isBasic = props$
|
|
197
|
+
const isBasic = props$1.role === "alertdialog";
|
|
198
198
|
let t2;
|
|
199
199
|
if ($[12] !== isBasic) {
|
|
200
200
|
t2 = props(overlay.scrim, styles.centre, isBasic && basic.centre);
|
|
@@ -221,14 +221,14 @@ function DialogContent(t0) {
|
|
|
221
221
|
$[18] = t4;
|
|
222
222
|
} else t4 = $[18];
|
|
223
223
|
let t5;
|
|
224
|
-
if ($[19] !== children || $[20] !== props$
|
|
224
|
+
if ($[19] !== children || $[20] !== props$1) {
|
|
225
225
|
t5 = /* @__PURE__ */ jsx(Dialog, {
|
|
226
|
-
...props$
|
|
226
|
+
...props$1,
|
|
227
227
|
...t4,
|
|
228
228
|
children
|
|
229
229
|
});
|
|
230
230
|
$[19] = children;
|
|
231
|
-
$[20] = props$
|
|
231
|
+
$[20] = props$1;
|
|
232
232
|
$[21] = t5;
|
|
233
233
|
} else t5 = $[21];
|
|
234
234
|
let t6;
|
|
@@ -90,21 +90,21 @@ function leadingFor(state, leading) {
|
|
|
90
90
|
* The call site's `className` and `style` land on the container, which is
|
|
91
91
|
* the element a layout positions.
|
|
92
92
|
*/
|
|
93
|
-
function NavigationTree$1(props$
|
|
93
|
+
function NavigationTree$1(props$2) {
|
|
94
94
|
const $ = c(5);
|
|
95
95
|
let t0;
|
|
96
|
-
if ($[0] !== props$
|
|
97
|
-
t0 = mergeStatefulStyles(props(collectionStyles.container), props$
|
|
98
|
-
$[0] = props$
|
|
96
|
+
if ($[0] !== props$2) {
|
|
97
|
+
t0 = mergeStatefulStyles(props(collectionStyles.container), props$2);
|
|
98
|
+
$[0] = props$2;
|
|
99
99
|
$[1] = t0;
|
|
100
100
|
} else t0 = $[1];
|
|
101
101
|
let t1;
|
|
102
|
-
if ($[2] !== props$
|
|
102
|
+
if ($[2] !== props$2 || $[3] !== t0) {
|
|
103
103
|
t1 = /* @__PURE__ */ jsx(NavigationTree, {
|
|
104
|
-
...props$
|
|
104
|
+
...props$2,
|
|
105
105
|
...t0
|
|
106
106
|
});
|
|
107
|
-
$[2] = props$
|
|
107
|
+
$[2] = props$2;
|
|
108
108
|
$[3] = t0;
|
|
109
109
|
$[4] = t1;
|
|
110
110
|
} else t1 = $[4];
|
|
@@ -213,12 +213,12 @@ function NavigationTreeSection$1(t0) {
|
|
|
213
213
|
let t1;
|
|
214
214
|
let t2;
|
|
215
215
|
if ($[0] !== t0) {
|
|
216
|
-
const { children: t3, header: t4, ...props$
|
|
216
|
+
const { children: t3, header: t4, ...props$1 } = t0;
|
|
217
217
|
children = t3;
|
|
218
218
|
header = t4;
|
|
219
219
|
T0 = NavigationTreeSection;
|
|
220
|
-
t1 = props$
|
|
221
|
-
t2 = mergeStyles(props(collectionStyles.section), props$
|
|
220
|
+
t1 = props$1;
|
|
221
|
+
t2 = mergeStyles(props(collectionStyles.section), props$1);
|
|
222
222
|
$[0] = t0;
|
|
223
223
|
$[1] = T0;
|
|
224
224
|
$[2] = children;
|
|
@@ -114,10 +114,10 @@ function groupContent(label, children, description, error, horizontal) {
|
|
|
114
114
|
*/
|
|
115
115
|
function Radio(t0) {
|
|
116
116
|
const $ = c(13);
|
|
117
|
-
const { children, description, ...props$
|
|
117
|
+
const { children, description, ...props$2 } = t0;
|
|
118
118
|
const ripple = useRipple();
|
|
119
119
|
const T0 = RadioField;
|
|
120
|
-
const t1 = mergeStatefulStyles(props(controlStyles.field), props$
|
|
120
|
+
const t1 = mergeStatefulStyles(props(controlStyles.field), props$2);
|
|
121
121
|
let t2;
|
|
122
122
|
if ($[0] !== children || $[1] !== ripple) {
|
|
123
123
|
t2 = buttonContent(children, ripple);
|
|
@@ -141,14 +141,14 @@ function Radio(t0) {
|
|
|
141
141
|
$[6] = t4;
|
|
142
142
|
} else t4 = $[6];
|
|
143
143
|
let t5;
|
|
144
|
-
if ($[7] !== T0 || $[8] !== props$
|
|
144
|
+
if ($[7] !== T0 || $[8] !== props$2 || $[9] !== t1 || $[10] !== t3 || $[11] !== t4) {
|
|
145
145
|
t5 = /* @__PURE__ */ jsxs(T0, {
|
|
146
|
-
...props$
|
|
146
|
+
...props$2,
|
|
147
147
|
...t1,
|
|
148
148
|
children: [t3, t4]
|
|
149
149
|
});
|
|
150
150
|
$[7] = T0;
|
|
151
|
-
$[8] = props$
|
|
151
|
+
$[8] = props$2;
|
|
152
152
|
$[9] = t1;
|
|
153
153
|
$[10] = t3;
|
|
154
154
|
$[11] = t4;
|
|
@@ -169,7 +169,7 @@ function Radio(t0) {
|
|
|
169
169
|
*/
|
|
170
170
|
function RadioGroup$1(t0) {
|
|
171
171
|
const $ = c(16);
|
|
172
|
-
const { children, description, error, label, orientation: t1, ...props$
|
|
172
|
+
const { children, description, error, label, orientation: t1, ...props$1 } = t0;
|
|
173
173
|
const orientation = t1 === void 0 ? "vertical" : t1;
|
|
174
174
|
const validationBehavior = useFieldValidationBehavior();
|
|
175
175
|
const T0 = RadioGroup;
|
|
@@ -179,7 +179,7 @@ function RadioGroup$1(t0) {
|
|
|
179
179
|
$[0] = error;
|
|
180
180
|
$[1] = t2;
|
|
181
181
|
} else t2 = $[1];
|
|
182
|
-
const t3 = mergeStatefulStyles(props(groupStyles.root), props$
|
|
182
|
+
const t3 = mergeStatefulStyles(props(groupStyles.root), props$1);
|
|
183
183
|
const t4 = orientation === "horizontal";
|
|
184
184
|
let t5;
|
|
185
185
|
if ($[2] !== children || $[3] !== description || $[4] !== error || $[5] !== label || $[6] !== t4) {
|
|
@@ -192,18 +192,18 @@ function RadioGroup$1(t0) {
|
|
|
192
192
|
$[7] = t5;
|
|
193
193
|
} else t5 = $[7];
|
|
194
194
|
let t6;
|
|
195
|
-
if ($[8] !== T0 || $[9] !== orientation || $[10] !== props$
|
|
195
|
+
if ($[8] !== T0 || $[9] !== orientation || $[10] !== props$1 || $[11] !== t2 || $[12] !== t3 || $[13] !== t5 || $[14] !== validationBehavior) {
|
|
196
196
|
t6 = /* @__PURE__ */ jsx(T0, {
|
|
197
197
|
isInvalid: t2,
|
|
198
198
|
orientation,
|
|
199
199
|
validationBehavior,
|
|
200
|
-
...props$
|
|
200
|
+
...props$1,
|
|
201
201
|
...t3,
|
|
202
202
|
children: t5
|
|
203
203
|
});
|
|
204
204
|
$[8] = T0;
|
|
205
205
|
$[9] = orientation;
|
|
206
|
-
$[10] = props$
|
|
206
|
+
$[10] = props$1;
|
|
207
207
|
$[11] = t2;
|
|
208
208
|
$[12] = t3;
|
|
209
209
|
$[13] = t5;
|
|
@@ -66,7 +66,7 @@ function Sheet(t0) {
|
|
|
66
66
|
}
|
|
67
67
|
function SheetBody(t0) {
|
|
68
68
|
const $ = c(7);
|
|
69
|
-
const { ref: callerRef, ...props$
|
|
69
|
+
const { ref: callerRef, ...props$1 } = t0;
|
|
70
70
|
const ref = useRef(null);
|
|
71
71
|
const scrollable = useScrollable(ref);
|
|
72
72
|
const t1 = callerRef ?? void 0;
|
|
@@ -78,17 +78,17 @@ function SheetBody(t0) {
|
|
|
78
78
|
} else t2 = $[1];
|
|
79
79
|
const merged = t2;
|
|
80
80
|
const t3 = scrollable ? 0 : void 0;
|
|
81
|
-
const t4 = mergeStyles(props(styles.body, overlay.modalBodyRing), props$
|
|
81
|
+
const t4 = mergeStyles(props(styles.body, overlay.modalBodyRing), props$1);
|
|
82
82
|
let t5;
|
|
83
|
-
if ($[2] !== merged || $[3] !== props$
|
|
83
|
+
if ($[2] !== merged || $[3] !== props$1 || $[4] !== t3 || $[5] !== t4) {
|
|
84
84
|
t5 = /* @__PURE__ */ jsx("div", {
|
|
85
85
|
tabIndex: t3,
|
|
86
|
-
...props$
|
|
86
|
+
...props$1,
|
|
87
87
|
ref: merged,
|
|
88
88
|
...t4
|
|
89
89
|
});
|
|
90
90
|
$[2] = merged;
|
|
91
|
-
$[3] = props$
|
|
91
|
+
$[3] = props$1;
|
|
92
92
|
$[4] = t3;
|
|
93
93
|
$[5] = t4;
|
|
94
94
|
$[6] = t5;
|
|
@@ -123,12 +123,12 @@ function SheetContent(t0) {
|
|
|
123
123
|
let isKeyboardDismissDisabled;
|
|
124
124
|
let isOpen;
|
|
125
125
|
let onOpenChange;
|
|
126
|
-
let props$
|
|
126
|
+
let props$2;
|
|
127
127
|
let ref;
|
|
128
128
|
let style;
|
|
129
129
|
let t1;
|
|
130
130
|
if ($[0] !== t0) {
|
|
131
|
-
({children, className, container, defaultOpen, isDismissable: t1, isKeyboardDismissDisabled, isOpen, onOpenChange, ref, style, ...props$
|
|
131
|
+
({children, className, container, defaultOpen, isDismissable: t1, isKeyboardDismissDisabled, isOpen, onOpenChange, ref, style, ...props$2} = t0);
|
|
132
132
|
$[0] = t0;
|
|
133
133
|
$[1] = children;
|
|
134
134
|
$[2] = className;
|
|
@@ -137,7 +137,7 @@ function SheetContent(t0) {
|
|
|
137
137
|
$[5] = isKeyboardDismissDisabled;
|
|
138
138
|
$[6] = isOpen;
|
|
139
139
|
$[7] = onOpenChange;
|
|
140
|
-
$[8] = props$
|
|
140
|
+
$[8] = props$2;
|
|
141
141
|
$[9] = ref;
|
|
142
142
|
$[10] = style;
|
|
143
143
|
$[11] = t1;
|
|
@@ -149,7 +149,7 @@ function SheetContent(t0) {
|
|
|
149
149
|
isKeyboardDismissDisabled = $[5];
|
|
150
150
|
isOpen = $[6];
|
|
151
151
|
onOpenChange = $[7];
|
|
152
|
-
props$
|
|
152
|
+
props$2 = $[8];
|
|
153
153
|
ref = $[9];
|
|
154
154
|
style = $[10];
|
|
155
155
|
t1 = $[11];
|
|
@@ -176,14 +176,14 @@ function SheetContent(t0) {
|
|
|
176
176
|
$[16] = t4;
|
|
177
177
|
} else t4 = $[16];
|
|
178
178
|
let t5;
|
|
179
|
-
if ($[17] !== children || $[18] !== props$
|
|
179
|
+
if ($[17] !== children || $[18] !== props$2) {
|
|
180
180
|
t5 = /* @__PURE__ */ jsx(Dialog, {
|
|
181
|
-
...props$
|
|
181
|
+
...props$2,
|
|
182
182
|
...t4,
|
|
183
183
|
children
|
|
184
184
|
});
|
|
185
185
|
$[17] = children;
|
|
186
|
-
$[18] = props$
|
|
186
|
+
$[18] = props$2;
|
|
187
187
|
$[19] = t5;
|
|
188
188
|
} else t5 = $[19];
|
|
189
189
|
let t6;
|
|
@@ -263,11 +263,11 @@ function TreeLoadMore(t0) {
|
|
|
263
263
|
let t1;
|
|
264
264
|
let t2;
|
|
265
265
|
if ($[0] !== t0) {
|
|
266
|
-
const { label: t3, ...props$
|
|
266
|
+
const { label: t3, ...props$1 } = t0;
|
|
267
267
|
label = t3;
|
|
268
268
|
T0 = TreeLoadMoreItem;
|
|
269
|
-
t1 = props$
|
|
270
|
-
t2 = mergeStatefulStyles(props(collectionStyles.loading), props$
|
|
269
|
+
t1 = props$1;
|
|
270
|
+
t2 = mergeStatefulStyles(props(collectionStyles.loading), props$1);
|
|
271
271
|
$[0] = t0;
|
|
272
272
|
$[1] = T0;
|
|
273
273
|
$[2] = label;
|
|
@@ -314,12 +314,12 @@ function TreeSection$1(t0) {
|
|
|
314
314
|
let t1;
|
|
315
315
|
let t2;
|
|
316
316
|
if ($[0] !== t0) {
|
|
317
|
-
const { children: t3, header: t4, ...props$
|
|
317
|
+
const { children: t3, header: t4, ...props$2 } = t0;
|
|
318
318
|
children = t3;
|
|
319
319
|
header = t4;
|
|
320
320
|
T0 = TreeSection;
|
|
321
|
-
t1 = props$
|
|
322
|
-
t2 = mergeStyles(props(collectionStyles.section), props$
|
|
321
|
+
t1 = props$2;
|
|
322
|
+
t2 = mergeStyles(props(collectionStyles.section), props$2);
|
|
323
323
|
$[0] = t0;
|
|
324
324
|
$[1] = T0;
|
|
325
325
|
$[2] = children;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kanso-labs/kanso-ui",
|
|
3
|
-
"version": "0.40.
|
|
3
|
+
"version": "0.40.7",
|
|
4
4
|
"description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
"@commitlint/cli": "21.2.3",
|
|
85
85
|
"@commitlint/config-conventional": "21.2.3",
|
|
86
86
|
"@eslint/js": "10.0.1",
|
|
87
|
-
"@kanso-labs/unplugin-style-dictionary": "0.10.
|
|
87
|
+
"@kanso-labs/unplugin-style-dictionary": "0.10.24",
|
|
88
88
|
"@microsoft/api-extractor": "7.59.4",
|
|
89
89
|
"@rolldown/plugin-babel": "0.2.4",
|
|
90
90
|
"@storybook/addon-a11y": "10.6.1",
|
|
@@ -115,15 +115,15 @@
|
|
|
115
115
|
"lint-staged": "17.6.0",
|
|
116
116
|
"oxfmt": "0.72.0",
|
|
117
117
|
"oxlint": "1.87.0",
|
|
118
|
-
"oxlint-tsgolint": "7.0.
|
|
118
|
+
"oxlint-tsgolint": "7.0.2004",
|
|
119
119
|
"playwright": "1.64.0",
|
|
120
120
|
"publint": "0.3.25",
|
|
121
121
|
"react": "19.3.0",
|
|
122
122
|
"react-dom": "19.3.0",
|
|
123
123
|
"rimraf": "6.1.3",
|
|
124
124
|
"storybook": "10.6.1",
|
|
125
|
-
"style-dictionary": "5.6.
|
|
126
|
-
"tsdown": "0.23.
|
|
125
|
+
"style-dictionary": "5.6.1",
|
|
126
|
+
"tsdown": "0.23.1",
|
|
127
127
|
"typescript": "6.0.3",
|
|
128
128
|
"typescript-eslint": "8.71.1",
|
|
129
129
|
"vite": "8.3.4",
|