@saas-ui/react 3.0.0-alpha.25 → 3.0.0-alpha.26
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/CHANGELOG.md +6 -0
- package/dist/index.cjs +46 -20
- package/dist/index.js +83 -57
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/dist/index.cjs
CHANGED
@@ -220,10 +220,10 @@ var globalCss = (0, import_react3.defineGlobalStyles)({
|
|
220
220
|
"--global-font-body": "fonts.body",
|
221
221
|
"--global-color-border": "colors.border",
|
222
222
|
"--cursor-button": "default",
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
|
223
|
+
// '--radius-factor': '1',
|
224
|
+
// '--radius-control': '1',
|
225
|
+
// '--radius-panel': '1',
|
226
|
+
// '--radius-indicator': '1',
|
227
227
|
"--radius-full": "9999px",
|
228
228
|
"--scale-factor": "1",
|
229
229
|
"--overlay-translucency": "90%",
|
@@ -477,7 +477,7 @@ var buttonRecipe = (0, import_react6.defineRecipe)({
|
|
477
477
|
h: "6",
|
478
478
|
minW: "6",
|
479
479
|
textStyle: "xs",
|
480
|
-
borderRadius: "sm",
|
480
|
+
borderRadius: "control.sm",
|
481
481
|
px: "2"
|
482
482
|
},
|
483
483
|
sm: {
|
@@ -485,14 +485,14 @@ var buttonRecipe = (0, import_react6.defineRecipe)({
|
|
485
485
|
h: "7",
|
486
486
|
minW: "7",
|
487
487
|
textStyle: "sm",
|
488
|
-
borderRadius: "md",
|
488
|
+
borderRadius: "control.md",
|
489
489
|
px: "2.5"
|
490
490
|
},
|
491
491
|
md: {
|
492
492
|
gap: "2",
|
493
493
|
h: "8",
|
494
494
|
minW: "8",
|
495
|
-
borderRadius: "md",
|
495
|
+
borderRadius: "control.md",
|
496
496
|
textStyle: "sm",
|
497
497
|
px: "3"
|
498
498
|
},
|
@@ -500,7 +500,7 @@ var buttonRecipe = (0, import_react6.defineRecipe)({
|
|
500
500
|
gap: "3",
|
501
501
|
h: "10",
|
502
502
|
minW: "10",
|
503
|
-
borderRadius: "lg",
|
503
|
+
borderRadius: "control.lg",
|
504
504
|
textStyle: "md",
|
505
505
|
px: "4.5"
|
506
506
|
},
|
@@ -508,7 +508,7 @@ var buttonRecipe = (0, import_react6.defineRecipe)({
|
|
508
508
|
gap: "3",
|
509
509
|
h: "12",
|
510
510
|
minW: "12",
|
511
|
-
borderRadius: "lg",
|
511
|
+
borderRadius: "control.lg",
|
512
512
|
textStyle: "lg",
|
513
513
|
px: "6"
|
514
514
|
}
|
@@ -2230,35 +2230,35 @@ var semanticRadii = import_react26.defineSemanticTokens.radii({
|
|
2230
2230
|
l3: { value: "{radii.md}" },
|
2231
2231
|
control: {
|
2232
2232
|
sm: {
|
2233
|
-
value: "calc({radii.xs} * var(--scale-factor) * var(--radius-control))"
|
2233
|
+
value: "calc({radii.xs} * var(--scale-factor, 1) * var(--radius-control, 1))"
|
2234
2234
|
},
|
2235
2235
|
md: {
|
2236
|
-
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-control))"
|
2236
|
+
value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-control, 1))"
|
2237
2237
|
},
|
2238
2238
|
lg: {
|
2239
|
-
value: "calc({radii.md} * var(--scale-factor) * var(--radius-control))"
|
2239
|
+
value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-control, 1))"
|
2240
2240
|
}
|
2241
2241
|
},
|
2242
2242
|
panel: {
|
2243
2243
|
sm: {
|
2244
|
-
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-panel))"
|
2244
|
+
value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-panel, 1))"
|
2245
2245
|
},
|
2246
2246
|
md: {
|
2247
|
-
value: "calc({radii.md} * var(--scale-factor) * var(--radius-panel))"
|
2247
|
+
value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-panel, 1 ))"
|
2248
2248
|
},
|
2249
2249
|
lg: {
|
2250
|
-
value: "calc({radii.lg} * var(--scale-factor) * var(--radius-panel))"
|
2250
|
+
value: "calc({radii.lg} * var(--scale-factor, 1) * var(--radius-panel, 1))"
|
2251
2251
|
}
|
2252
2252
|
},
|
2253
2253
|
indicator: {
|
2254
2254
|
sm: {
|
2255
|
-
value: "calc({radii.xs} * var(--scale-factor) * var(--radius-indicator))"
|
2255
|
+
value: "calc({radii.xs} * var(--scale-factor, 1) * var(--radius-indicator, 1))"
|
2256
2256
|
},
|
2257
2257
|
md: {
|
2258
|
-
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-indicator))"
|
2258
|
+
value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-indicator, 1 ))"
|
2259
2259
|
},
|
2260
2260
|
lg: {
|
2261
|
-
value: "calc({radii.md} * var(--scale-factor) * var(--radius-indicator))"
|
2261
|
+
value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-indicator, 1))"
|
2262
2262
|
}
|
2263
2263
|
}
|
2264
2264
|
});
|
@@ -4029,18 +4029,44 @@ var sidebarNavItemSlotRecipe = (0, import_react42.defineSlotRecipe)({
|
|
4029
4029
|
}
|
4030
4030
|
},
|
4031
4031
|
size: {
|
4032
|
+
sm: {
|
4033
|
+
item: {
|
4034
|
+
fontSize: "sm"
|
4035
|
+
},
|
4036
|
+
button: {
|
4037
|
+
borderRadius: "control.md",
|
4038
|
+
px: 1.5,
|
4039
|
+
height: 7
|
4040
|
+
},
|
4041
|
+
endElement: {
|
4042
|
+
pe: "1"
|
4043
|
+
}
|
4044
|
+
},
|
4032
4045
|
md: {
|
4033
4046
|
item: {
|
4034
4047
|
fontSize: "sm"
|
4035
4048
|
},
|
4036
4049
|
button: {
|
4037
|
-
borderRadius: "md",
|
4038
|
-
px:
|
4050
|
+
borderRadius: "control.md",
|
4051
|
+
px: 3,
|
4039
4052
|
height: 8
|
4040
4053
|
},
|
4041
4054
|
endElement: {
|
4042
4055
|
pe: "1"
|
4043
4056
|
}
|
4057
|
+
},
|
4058
|
+
lg: {
|
4059
|
+
item: {
|
4060
|
+
fontSize: "sm"
|
4061
|
+
},
|
4062
|
+
button: {
|
4063
|
+
borderRadius: "control.lg",
|
4064
|
+
px: 3,
|
4065
|
+
height: 10
|
4066
|
+
},
|
4067
|
+
endElement: {
|
4068
|
+
pe: "1"
|
4069
|
+
}
|
4044
4070
|
}
|
4045
4071
|
}
|
4046
4072
|
},
|
package/dist/index.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import {
|
2
|
-
|
3
|
-
} from "./chunk-
|
2
|
+
Tag
|
3
|
+
} from "./chunk-IEWHAXXU.js";
|
4
4
|
import {
|
5
5
|
Toaster,
|
6
6
|
toast
|
@@ -17,15 +17,18 @@ import {
|
|
17
17
|
import {
|
18
18
|
SegmentedControl
|
19
19
|
} from "./chunk-SKXSBAOS.js";
|
20
|
+
import {
|
21
|
+
Status
|
22
|
+
} from "./chunk-YKSY7UOM.js";
|
23
|
+
import {
|
24
|
+
steps_exports
|
25
|
+
} from "./chunk-VZG7EJ64.js";
|
20
26
|
import {
|
21
27
|
sidebar_exports,
|
22
28
|
useSidebar,
|
23
29
|
useSidebarItemStyles,
|
24
30
|
useSidebarStyles
|
25
31
|
} from "./chunk-U23VDAWJ.js";
|
26
|
-
import {
|
27
|
-
steps_exports
|
28
|
-
} from "./chunk-VZG7EJ64.js";
|
29
32
|
import {
|
30
33
|
Switch
|
31
34
|
} from "./chunk-SA3OGTOO.js";
|
@@ -35,14 +38,8 @@ import {
|
|
35
38
|
useTabsStyles
|
36
39
|
} from "./chunk-IVLUAUU5.js";
|
37
40
|
import {
|
38
|
-
|
39
|
-
} from "./chunk-
|
40
|
-
import {
|
41
|
-
NumberInput
|
42
|
-
} from "./chunk-S5J6REMC.js";
|
43
|
-
import {
|
44
|
-
pagination_exports
|
45
|
-
} from "./chunk-MLJN6IOJ.js";
|
41
|
+
navbar_exports
|
42
|
+
} from "./chunk-Q6SNJJO2.js";
|
46
43
|
import {
|
47
44
|
PasswordInput
|
48
45
|
} from "./chunk-K2SPPLAY.js";
|
@@ -51,31 +48,38 @@ import {
|
|
51
48
|
PersonaAvatar,
|
52
49
|
defaultPresenceOptions
|
53
50
|
} from "./chunk-GWC5GCMW.js";
|
54
|
-
import {
|
55
|
-
PinInput
|
56
|
-
} from "./chunk-2EUACKRH.js";
|
57
51
|
import {
|
58
52
|
popover_exports
|
59
53
|
} from "./chunk-KE5AC3TZ.js";
|
54
|
+
import {
|
55
|
+
PinInput
|
56
|
+
} from "./chunk-2EUACKRH.js";
|
60
57
|
import {
|
61
58
|
Radio,
|
62
59
|
RadioGroup
|
63
60
|
} from "./chunk-WYLMBMAH.js";
|
61
|
+
import {
|
62
|
+
menu_exports
|
63
|
+
} from "./chunk-KFXNVUEZ.js";
|
64
64
|
import {
|
65
65
|
SearchInput
|
66
66
|
} from "./chunk-46ISJZBS.js";
|
67
67
|
import {
|
68
|
-
|
69
|
-
} from "./chunk-
|
68
|
+
EmptyState
|
69
|
+
} from "./chunk-NGGISORT.js";
|
70
70
|
import {
|
71
71
|
IconBadge
|
72
72
|
} from "./chunk-I2RXEKTB.js";
|
73
|
-
import
|
74
|
-
InputGroup
|
75
|
-
} from "./chunk-PKI6YH2V.js";
|
73
|
+
import "./chunk-KTLWEUNW.js";
|
76
74
|
import {
|
77
75
|
Link
|
78
76
|
} from "./chunk-TZBAM4AD.js";
|
77
|
+
import {
|
78
|
+
SuiContext,
|
79
|
+
SuiProvider,
|
80
|
+
useLink,
|
81
|
+
useSui
|
82
|
+
} from "./chunk-O2WVT2BP.js";
|
79
83
|
import {
|
80
84
|
loading_overlay_exports,
|
81
85
|
useLoadingOverlayStyles
|
@@ -84,18 +88,14 @@ import {
|
|
84
88
|
Spinner
|
85
89
|
} from "./chunk-32JGENDB.js";
|
86
90
|
import {
|
87
|
-
|
88
|
-
} from "./chunk-
|
89
|
-
import "./chunk-KTLWEUNW.js";
|
91
|
+
pagination_exports
|
92
|
+
} from "./chunk-MLJN6IOJ.js";
|
90
93
|
import {
|
91
|
-
|
92
|
-
} from "./chunk-
|
94
|
+
NumberInput
|
95
|
+
} from "./chunk-S5J6REMC.js";
|
93
96
|
import {
|
94
|
-
|
95
|
-
|
96
|
-
useLink,
|
97
|
-
useSui
|
98
|
-
} from "./chunk-O2WVT2BP.js";
|
97
|
+
InputGroup
|
98
|
+
} from "./chunk-PKI6YH2V.js";
|
99
99
|
import {
|
100
100
|
Command
|
101
101
|
} from "./chunk-UASXI64E.js";
|
@@ -103,15 +103,12 @@ import {
|
|
103
103
|
DataList,
|
104
104
|
useDataListStyles
|
105
105
|
} from "./chunk-52XM5VXJ.js";
|
106
|
-
import {
|
107
|
-
drawer_exports
|
108
|
-
} from "./chunk-6MMPBMKN.js";
|
109
|
-
import {
|
110
|
-
EmptyState
|
111
|
-
} from "./chunk-NGGISORT.js";
|
112
106
|
import {
|
113
107
|
dialog_exports
|
114
108
|
} from "./chunk-CZVNG73V.js";
|
109
|
+
import {
|
110
|
+
drawer_exports
|
111
|
+
} from "./chunk-6MMPBMKN.js";
|
115
112
|
import "./chunk-JMYI6YXR.js";
|
116
113
|
import {
|
117
114
|
file_upload_exports
|
@@ -123,6 +120,9 @@ import "./chunk-4TPVIHNO.js";
|
|
123
120
|
import {
|
124
121
|
grid_list_exports
|
125
122
|
} from "./chunk-NSD5HRIP.js";
|
123
|
+
import {
|
124
|
+
IconButton
|
125
|
+
} from "./chunk-MS2ELLDY.js";
|
126
126
|
import {
|
127
127
|
AppShell
|
128
128
|
} from "./chunk-6ZNR6N2K.js";
|
@@ -273,10 +273,10 @@ var globalCss = defineGlobalStyles({
|
|
273
273
|
"--global-font-body": "fonts.body",
|
274
274
|
"--global-color-border": "colors.border",
|
275
275
|
"--cursor-button": "default",
|
276
|
-
|
277
|
-
|
278
|
-
|
279
|
-
|
276
|
+
// '--radius-factor': '1',
|
277
|
+
// '--radius-control': '1',
|
278
|
+
// '--radius-panel': '1',
|
279
|
+
// '--radius-indicator': '1',
|
280
280
|
"--radius-full": "9999px",
|
281
281
|
"--scale-factor": "1",
|
282
282
|
"--overlay-translucency": "90%",
|
@@ -530,7 +530,7 @@ var buttonRecipe = defineRecipe2({
|
|
530
530
|
h: "6",
|
531
531
|
minW: "6",
|
532
532
|
textStyle: "xs",
|
533
|
-
borderRadius: "sm",
|
533
|
+
borderRadius: "control.sm",
|
534
534
|
px: "2"
|
535
535
|
},
|
536
536
|
sm: {
|
@@ -538,14 +538,14 @@ var buttonRecipe = defineRecipe2({
|
|
538
538
|
h: "7",
|
539
539
|
minW: "7",
|
540
540
|
textStyle: "sm",
|
541
|
-
borderRadius: "md",
|
541
|
+
borderRadius: "control.md",
|
542
542
|
px: "2.5"
|
543
543
|
},
|
544
544
|
md: {
|
545
545
|
gap: "2",
|
546
546
|
h: "8",
|
547
547
|
minW: "8",
|
548
|
-
borderRadius: "md",
|
548
|
+
borderRadius: "control.md",
|
549
549
|
textStyle: "sm",
|
550
550
|
px: "3"
|
551
551
|
},
|
@@ -553,7 +553,7 @@ var buttonRecipe = defineRecipe2({
|
|
553
553
|
gap: "3",
|
554
554
|
h: "10",
|
555
555
|
minW: "10",
|
556
|
-
borderRadius: "lg",
|
556
|
+
borderRadius: "control.lg",
|
557
557
|
textStyle: "md",
|
558
558
|
px: "4.5"
|
559
559
|
},
|
@@ -561,7 +561,7 @@ var buttonRecipe = defineRecipe2({
|
|
561
561
|
gap: "3",
|
562
562
|
h: "12",
|
563
563
|
minW: "12",
|
564
|
-
borderRadius: "lg",
|
564
|
+
borderRadius: "control.lg",
|
565
565
|
textStyle: "lg",
|
566
566
|
px: "6"
|
567
567
|
}
|
@@ -2283,35 +2283,35 @@ var semanticRadii = defineSemanticTokens2.radii({
|
|
2283
2283
|
l3: { value: "{radii.md}" },
|
2284
2284
|
control: {
|
2285
2285
|
sm: {
|
2286
|
-
value: "calc({radii.xs} * var(--scale-factor) * var(--radius-control))"
|
2286
|
+
value: "calc({radii.xs} * var(--scale-factor, 1) * var(--radius-control, 1))"
|
2287
2287
|
},
|
2288
2288
|
md: {
|
2289
|
-
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-control))"
|
2289
|
+
value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-control, 1))"
|
2290
2290
|
},
|
2291
2291
|
lg: {
|
2292
|
-
value: "calc({radii.md} * var(--scale-factor) * var(--radius-control))"
|
2292
|
+
value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-control, 1))"
|
2293
2293
|
}
|
2294
2294
|
},
|
2295
2295
|
panel: {
|
2296
2296
|
sm: {
|
2297
|
-
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-panel))"
|
2297
|
+
value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-panel, 1))"
|
2298
2298
|
},
|
2299
2299
|
md: {
|
2300
|
-
value: "calc({radii.md} * var(--scale-factor) * var(--radius-panel))"
|
2300
|
+
value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-panel, 1 ))"
|
2301
2301
|
},
|
2302
2302
|
lg: {
|
2303
|
-
value: "calc({radii.lg} * var(--scale-factor) * var(--radius-panel))"
|
2303
|
+
value: "calc({radii.lg} * var(--scale-factor, 1) * var(--radius-panel, 1))"
|
2304
2304
|
}
|
2305
2305
|
},
|
2306
2306
|
indicator: {
|
2307
2307
|
sm: {
|
2308
|
-
value: "calc({radii.xs} * var(--scale-factor) * var(--radius-indicator))"
|
2308
|
+
value: "calc({radii.xs} * var(--scale-factor, 1) * var(--radius-indicator, 1))"
|
2309
2309
|
},
|
2310
2310
|
md: {
|
2311
|
-
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-indicator))"
|
2311
|
+
value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-indicator, 1 ))"
|
2312
2312
|
},
|
2313
2313
|
lg: {
|
2314
|
-
value: "calc({radii.md} * var(--scale-factor) * var(--radius-indicator))"
|
2314
|
+
value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-indicator, 1))"
|
2315
2315
|
}
|
2316
2316
|
}
|
2317
2317
|
});
|
@@ -4085,18 +4085,44 @@ var sidebarNavItemSlotRecipe = defineSlotRecipe15({
|
|
4085
4085
|
}
|
4086
4086
|
},
|
4087
4087
|
size: {
|
4088
|
+
sm: {
|
4089
|
+
item: {
|
4090
|
+
fontSize: "sm"
|
4091
|
+
},
|
4092
|
+
button: {
|
4093
|
+
borderRadius: "control.md",
|
4094
|
+
px: 1.5,
|
4095
|
+
height: 7
|
4096
|
+
},
|
4097
|
+
endElement: {
|
4098
|
+
pe: "1"
|
4099
|
+
}
|
4100
|
+
},
|
4088
4101
|
md: {
|
4089
4102
|
item: {
|
4090
4103
|
fontSize: "sm"
|
4091
4104
|
},
|
4092
4105
|
button: {
|
4093
|
-
borderRadius: "md",
|
4094
|
-
px:
|
4106
|
+
borderRadius: "control.md",
|
4107
|
+
px: 3,
|
4095
4108
|
height: 8
|
4096
4109
|
},
|
4097
4110
|
endElement: {
|
4098
4111
|
pe: "1"
|
4099
4112
|
}
|
4113
|
+
},
|
4114
|
+
lg: {
|
4115
|
+
item: {
|
4116
|
+
fontSize: "sm"
|
4117
|
+
},
|
4118
|
+
button: {
|
4119
|
+
borderRadius: "control.lg",
|
4120
|
+
px: 3,
|
4121
|
+
height: 10
|
4122
|
+
},
|
4123
|
+
endElement: {
|
4124
|
+
pe: "1"
|
4125
|
+
}
|
4100
4126
|
}
|
4101
4127
|
}
|
4102
4128
|
},
|