@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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @saas-ui/react
2
2
 
3
+ ## 3.0.0-alpha.26
4
+
5
+ ### Patch Changes
6
+
7
+ - c51e12c: Improved radii tokens
8
+
3
9
  ## 3.0.0-alpha.25
4
10
 
5
11
  ### Minor Changes
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
- "--radius-factor": "1",
224
- "--radius-control": "1",
225
- "--radius-panel": "1",
226
- "--radius-indicator": "1",
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: 2,
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
- Status
3
- } from "./chunk-YKSY7UOM.js";
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
- Tag
39
- } from "./chunk-IEWHAXXU.js";
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
- IconButton
69
- } from "./chunk-MS2ELLDY.js";
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
- menu_exports
88
- } from "./chunk-KFXNVUEZ.js";
89
- import "./chunk-KTLWEUNW.js";
91
+ pagination_exports
92
+ } from "./chunk-MLJN6IOJ.js";
90
93
  import {
91
- navbar_exports
92
- } from "./chunk-Q6SNJJO2.js";
94
+ NumberInput
95
+ } from "./chunk-S5J6REMC.js";
93
96
  import {
94
- SuiContext,
95
- SuiProvider,
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
- "--radius-factor": "1",
277
- "--radius-control": "1",
278
- "--radius-panel": "1",
279
- "--radius-indicator": "1",
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: 2,
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
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saas-ui/react",
3
- "version": "3.0.0-alpha.25",
3
+ "version": "3.0.0-alpha.26",
4
4
  "description": "Saas UI - The React component library for startups.",
5
5
  "type": "module",
6
6
  "exports": {