@saas-ui/react 3.0.0-alpha.27 → 3.0.0-alpha.28

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/{chunk-K2SPPLAY.js → chunk-CD2JUFI2.js} +2 -2
  3. package/dist/components/password-input/index.cjs +2 -2
  4. package/dist/components/password-input/index.js +1 -1
  5. package/dist/index.cjs +5 -5
  6. package/dist/index.js +38 -38
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @saas-ui/react
2
2
 
3
+ ## 3.0.0-alpha.28
4
+
5
+ ### Patch Changes
6
+
7
+ - 6a8bf46: Decreased default overlay translucency
8
+ - 6a8bf46: Fix dialog backdrop z-index
9
+
3
10
  ## 3.0.0-alpha.27
4
11
 
5
12
  ### Patch Changes
package/dist/{chunk-K2SPPLAY.js → chunk-CD2JUFI2.js} RENAMED
@@ -152,10 +152,10 @@ function IconBase(props) {
152
152
 
153
153
  // ../../node_modules/react-icons/lu/index.mjs
154
154
  function LuEyeOff(props) {
155
- return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, "child": [] }, { "tag": "path", "attr": { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, "child": [] }, { "tag": "path", "attr": { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, "child": [] }, { "tag": "path", "attr": { "d": "m2 2 20 20" }, "child": [] }] })(props);
155
+ return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, "child": [] }, { "tag": "path", "attr": { "d": "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, "child": [] }, { "tag": "path", "attr": { "d": "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, "child": [] }, { "tag": "line", "attr": { "x1": "2", "x2": "22", "y1": "2", "y2": "22" }, "child": [] }] })(props);
156
156
  }
157
157
  function LuEye(props) {
158
- return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
158
+ return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
159
159
  }
160
160
 
161
161
  // src/components/password-input/password-input.tsx
package/dist/components/password-input/index.cjs CHANGED
@@ -179,10 +179,10 @@ function IconBase(props) {
179
179
 
180
180
  // ../../node_modules/react-icons/lu/index.mjs
181
181
  function LuEyeOff(props) {
182
- return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, "child": [] }, { "tag": "path", "attr": { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, "child": [] }, { "tag": "path", "attr": { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, "child": [] }, { "tag": "path", "attr": { "d": "m2 2 20 20" }, "child": [] }] })(props);
182
+ return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, "child": [] }, { "tag": "path", "attr": { "d": "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, "child": [] }, { "tag": "path", "attr": { "d": "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, "child": [] }, { "tag": "line", "attr": { "x1": "2", "x2": "22", "y1": "2", "y2": "22" }, "child": [] }] })(props);
183
183
  }
184
184
  function LuEye(props) {
185
- return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
185
+ return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
186
186
  }
187
187
 
188
188
  // src/components/input-group/input-group.tsx
package/dist/components/password-input/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client'
2
2
  import {
3
3
  PasswordInput
4
- } from "../../chunk-K2SPPLAY.js";
4
+ } from "../../chunk-CD2JUFI2.js";
5
5
  import "../../chunk-PKI6YH2V.js";
6
6
  import "../../chunk-RTMS5TJN.js";
7
7
  export {
package/dist/index.cjs CHANGED
@@ -226,7 +226,7 @@ var globalCss = (0, import_react3.defineGlobalStyles)({
226
226
  // '--radius-indicator': '1',
227
227
  "--radius-full": "9999px",
228
228
  "--scale-factor": "1",
229
- "--overlay-translucency": "90%",
229
+ "--overlay-translucency": "95%",
230
230
  "--overlay-effect": "blur({blurs.lg})",
231
231
  "--backdrop-effect": "none"
232
232
  },
@@ -2589,7 +2589,7 @@ var dialogSlotRecipe = (0, import_react31.defineSlotRecipe)({
2589
2589
  top: 0,
2590
2590
  w: "100vw",
2591
2591
  h: "100dvh",
2592
- zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0) - 1)",
2592
+ zIndex: "calc(var(--z-index) - 1)",
2593
2593
  _open: {
2594
2594
  animationName: "fade-in",
2595
2595
  animationDuration: "slow"
@@ -2810,7 +2810,7 @@ var drawerSlotRecipe = (0, import_react32.defineSlotRecipe)({
2810
2810
  top: 0,
2811
2811
  w: "100vw",
2812
2812
  h: "100dvh",
2813
- zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0) - 1)",
2813
+ zIndex: "calc(var(--z-index) - 1)",
2814
2814
  _open: {
2815
2815
  animationName: "fade-in",
2816
2816
  animationDuration: "slow"
@@ -10359,10 +10359,10 @@ function IconBase(props) {
10359
10359
 
10360
10360
  // ../../node_modules/react-icons/lu/index.mjs
10361
10361
  function LuEyeOff(props) {
10362
- return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, "child": [] }, { "tag": "path", "attr": { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, "child": [] }, { "tag": "path", "attr": { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, "child": [] }, { "tag": "path", "attr": { "d": "m2 2 20 20" }, "child": [] }] })(props);
10362
+ return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, "child": [] }, { "tag": "path", "attr": { "d": "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, "child": [] }, { "tag": "path", "attr": { "d": "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, "child": [] }, { "tag": "line", "attr": { "x1": "2", "x2": "22", "y1": "2", "y2": "22" }, "child": [] }] })(props);
10363
10363
  }
10364
10364
  function LuEye(props) {
10365
- return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
10365
+ return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
10366
10366
  }
10367
10367
 
10368
10368
  // src/components/password-input/password-input.tsx
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
- Switch
3
- } from "./chunk-SA3OGTOO.js";
2
+ Tag
3
+ } from "./chunk-IEWHAXXU.js";
4
4
  import {
5
5
  Toaster,
6
6
  toast
@@ -11,35 +11,41 @@ import {
11
11
  import {
12
12
  colors
13
13
  } from "./chunk-3MO37LYW.js";
14
+ import {
15
+ SegmentedControl
16
+ } from "./chunk-SKXSBAOS.js";
17
+ import {
18
+ namespace_exports
19
+ } from "./chunk-3JZ42NYM.js";
14
20
  import {
15
21
  sidebar_exports,
16
22
  useSidebar,
17
23
  useSidebarItemStyles,
18
24
  useSidebarStyles
19
25
  } from "./chunk-U23VDAWJ.js";
20
- import {
21
- namespace_exports
22
- } from "./chunk-3JZ42NYM.js";
23
- import {
24
- SearchInput
25
- } from "./chunk-46ISJZBS.js";
26
26
  import {
27
27
  Status
28
28
  } from "./chunk-YKSY7UOM.js";
29
29
  import {
30
30
  steps_exports
31
31
  } from "./chunk-VZG7EJ64.js";
32
+ import {
33
+ Switch
34
+ } from "./chunk-SA3OGTOO.js";
32
35
  import {
33
36
  Tabs,
34
37
  useTabsContext,
35
38
  useTabsStyles
36
39
  } from "./chunk-IVLUAUU5.js";
37
40
  import {
38
- Tag
39
- } from "./chunk-IEWHAXXU.js";
41
+ NumberInput
42
+ } from "./chunk-S5J6REMC.js";
43
+ import {
44
+ pagination_exports
45
+ } from "./chunk-MLJN6IOJ.js";
40
46
  import {
41
47
  PasswordInput
42
- } from "./chunk-K2SPPLAY.js";
48
+ } from "./chunk-CD2JUFI2.js";
43
49
  import {
44
50
  Persona,
45
51
  PersonaAvatar,
@@ -48,54 +54,48 @@ import {
48
54
  import {
49
55
  PinInput
50
56
  } from "./chunk-2EUACKRH.js";
51
- import {
52
- loading_overlay_exports,
53
- useLoadingOverlayStyles
54
- } from "./chunk-7VSTNV2B.js";
55
- import {
56
- Spinner
57
- } from "./chunk-32JGENDB.js";
58
57
  import {
59
58
  popover_exports
60
59
  } from "./chunk-KE5AC3TZ.js";
61
- import {
62
- navbar_exports
63
- } from "./chunk-Q6SNJJO2.js";
64
60
  import {
65
61
  Radio,
66
62
  RadioGroup
67
63
  } from "./chunk-WYLMBMAH.js";
68
64
  import {
69
- SegmentedControl
70
- } from "./chunk-SKXSBAOS.js";
65
+ SearchInput
66
+ } from "./chunk-46ISJZBS.js";
71
67
  import {
72
68
  IconBadge
73
69
  } from "./chunk-I2RXEKTB.js";
74
70
  import {
75
71
  IconButton
76
72
  } from "./chunk-MS2ELLDY.js";
73
+ import {
74
+ InputGroup
75
+ } from "./chunk-PKI6YH2V.js";
77
76
  import {
78
77
  Link
79
78
  } from "./chunk-TZBAM4AD.js";
80
79
  import {
81
- SuiContext,
82
- SuiProvider,
83
- useLink,
84
- useSui
85
- } from "./chunk-O2WVT2BP.js";
80
+ loading_overlay_exports,
81
+ useLoadingOverlayStyles
82
+ } from "./chunk-7VSTNV2B.js";
83
+ import {
84
+ Spinner
85
+ } from "./chunk-32JGENDB.js";
86
86
  import {
87
87
  menu_exports
88
88
  } from "./chunk-KFXNVUEZ.js";
89
89
  import "./chunk-KTLWEUNW.js";
90
90
  import {
91
- NumberInput
92
- } from "./chunk-S5J6REMC.js";
93
- import {
94
- InputGroup
95
- } from "./chunk-PKI6YH2V.js";
91
+ navbar_exports
92
+ } from "./chunk-Q6SNJJO2.js";
96
93
  import {
97
- pagination_exports
98
- } from "./chunk-MLJN6IOJ.js";
94
+ SuiContext,
95
+ SuiProvider,
96
+ useLink,
97
+ useSui
98
+ } from "./chunk-O2WVT2BP.js";
99
99
  import {
100
100
  Command
101
101
  } from "./chunk-UASXI64E.js";
@@ -279,7 +279,7 @@ var globalCss = defineGlobalStyles({
279
279
  // '--radius-indicator': '1',
280
280
  "--radius-full": "9999px",
281
281
  "--scale-factor": "1",
282
- "--overlay-translucency": "90%",
282
+ "--overlay-translucency": "95%",
283
283
  "--overlay-effect": "blur({blurs.lg})",
284
284
  "--backdrop-effect": "none"
285
285
  },
@@ -2642,7 +2642,7 @@ var dialogSlotRecipe = defineSlotRecipe4({
2642
2642
  top: 0,
2643
2643
  w: "100vw",
2644
2644
  h: "100dvh",
2645
- zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0) - 1)",
2645
+ zIndex: "calc(var(--z-index) - 1)",
2646
2646
  _open: {
2647
2647
  animationName: "fade-in",
2648
2648
  animationDuration: "slow"
@@ -2863,7 +2863,7 @@ var drawerSlotRecipe = defineSlotRecipe5({
2863
2863
  top: 0,
2864
2864
  w: "100vw",
2865
2865
  h: "100dvh",
2866
- zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0) - 1)",
2866
+ zIndex: "calc(var(--z-index) - 1)",
2867
2867
  _open: {
2868
2868
  animationName: "fade-in",
2869
2869
  animationDuration: "slow"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saas-ui/react",
3
- "version": "3.0.0-alpha.27",
3
+ "version": "3.0.0-alpha.28",
4
4
  "description": "Saas UI - The React component library for startups.",
5
5
  "type": "module",
6
6
  "exports": {