@webstudio-is/sdk-components-react-radix 0.195.0 → 0.196.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/lib/radio-group.ws.js +12 -12
- package/lib/sheet.ws.js +11 -11
- package/lib/templates.js +1 -0
- package/lib/types/templates.d.ts +0 -0
- package/package.json +7 -7
package/lib/radio-group.ws.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RadioGroupIcon as c, ItemIcon as i, TriggerIcon as s, DotIcon as l } from "@webstudio-is/icons/svg";
|
|
2
2
|
import { defaultStates as o } from "@webstudio-is/react-sdk";
|
|
3
3
|
import { div as d, button as u, span as m } from "@webstudio-is/sdk/normalize.css";
|
|
4
|
-
import { flex as t, gap as n, items as y, aspect as b, h as f, w as
|
|
4
|
+
import { flex as t, gap as n, items as y, aspect as b, h as f, w as G, rounded as h, border as a, text as I, focusVisible as R, outline as g, ring as v, disabled as k, cursor as x, opacity as q } from "./theme/tailwind-classes.js";
|
|
5
5
|
import { buttonReset as V } from "./theme/styles.js";
|
|
6
|
-
import { propsRadioGroup as
|
|
6
|
+
import { propsRadioGroup as w, propsRadioGroupItem as C, propsRadioGroupIndicator as S } from "./__generated__/radio-group.props.js";
|
|
7
7
|
const e = ({
|
|
8
8
|
value: r,
|
|
9
|
-
label:
|
|
9
|
+
label: p
|
|
10
10
|
}) => ({
|
|
11
11
|
type: "instance",
|
|
12
12
|
component: "Label",
|
|
@@ -24,12 +24,12 @@ const e = ({
|
|
|
24
24
|
styles: [
|
|
25
25
|
b("square"),
|
|
26
26
|
f(4),
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
G(4),
|
|
28
|
+
h("full"),
|
|
29
29
|
a(),
|
|
30
30
|
a("primary"),
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
I("primary"),
|
|
32
|
+
R(
|
|
33
33
|
[g(), v("ring", 2, "background", 2)].flat()
|
|
34
34
|
),
|
|
35
35
|
k([x("not-allowed"), q(50)].flat())
|
|
@@ -59,7 +59,7 @@ const e = ({
|
|
|
59
59
|
{
|
|
60
60
|
type: "instance",
|
|
61
61
|
component: "Text",
|
|
62
|
-
children: [{ type: "text", value:
|
|
62
|
+
children: [{ type: "text", value: p, placeholder: !0 }]
|
|
63
63
|
}
|
|
64
64
|
]
|
|
65
65
|
}), E = {
|
|
@@ -71,7 +71,7 @@ const e = ({
|
|
|
71
71
|
component: { $eq: "RadioGroupItem" }
|
|
72
72
|
},
|
|
73
73
|
description: "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.",
|
|
74
|
-
icon:
|
|
74
|
+
icon: c,
|
|
75
75
|
states: [
|
|
76
76
|
...o,
|
|
77
77
|
{
|
|
@@ -153,10 +153,10 @@ const e = ({
|
|
|
153
153
|
span: m
|
|
154
154
|
}
|
|
155
155
|
}, N = {
|
|
156
|
-
props:
|
|
156
|
+
props: w,
|
|
157
157
|
initialProps: ["id", "className", "name", "value", "required"]
|
|
158
158
|
}, U = {
|
|
159
|
-
props:
|
|
159
|
+
props: C,
|
|
160
160
|
initialProps: ["value"]
|
|
161
161
|
}, j = {
|
|
162
162
|
props: S
|
package/lib/sheet.ws.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { fixed as m, inset as
|
|
1
|
+
import { MenuIcon as o, LargeXIcon as p } from "@webstudio-is/icons/svg";
|
|
2
|
+
import { fixed as m, inset as d, z as l, bg as t, backdropBlur as g, flex as e, overflow as y, w as a, gap as i, border as r, p as h, shadow as u, relative as b, mr as f, maxW as v, grow as x, my as c, leading as S, text as n, tracking as D, absolute as T, right as B, top as k, rounded as C, opacity as s, items as w, justify as H, h as I, outline as E, hover as M, focus as O, ring as j } from "./theme/tailwind-classes.js";
|
|
3
3
|
import { getButtonStyles as z } from "./theme/styles.js";
|
|
4
4
|
const U = {
|
|
5
5
|
category: "radix",
|
|
@@ -52,10 +52,10 @@ const U = {
|
|
|
52
52
|
**/
|
|
53
53
|
styles: [
|
|
54
54
|
m(),
|
|
55
|
-
|
|
55
|
+
d(0),
|
|
56
56
|
l(50),
|
|
57
57
|
t("background", 80),
|
|
58
|
-
|
|
58
|
+
g("sm"),
|
|
59
59
|
// To allow positioning Content
|
|
60
60
|
e(),
|
|
61
61
|
e("col"),
|
|
@@ -77,11 +77,11 @@ const U = {
|
|
|
77
77
|
l(50),
|
|
78
78
|
e(),
|
|
79
79
|
e("col"),
|
|
80
|
-
|
|
81
|
-
|
|
80
|
+
i(4),
|
|
81
|
+
r(),
|
|
82
82
|
t("background"),
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
h(6),
|
|
84
|
+
u("lg"),
|
|
85
85
|
b(),
|
|
86
86
|
// side=left
|
|
87
87
|
f("auto"),
|
|
@@ -102,7 +102,7 @@ const U = {
|
|
|
102
102
|
type: "instance",
|
|
103
103
|
component: "Box",
|
|
104
104
|
label: "Sheet Header",
|
|
105
|
-
styles: [e(), e("col"),
|
|
105
|
+
styles: [e(), e("col"), i(1)].flat(),
|
|
106
106
|
children: [
|
|
107
107
|
{
|
|
108
108
|
type: "instance",
|
|
@@ -178,11 +178,11 @@ const U = {
|
|
|
178
178
|
C("sm"),
|
|
179
179
|
s(70),
|
|
180
180
|
e(),
|
|
181
|
-
H("center"),
|
|
182
181
|
w("center"),
|
|
182
|
+
H("center"),
|
|
183
183
|
I(4),
|
|
184
184
|
a(4),
|
|
185
|
-
|
|
185
|
+
r(0),
|
|
186
186
|
t("transparent"),
|
|
187
187
|
E(),
|
|
188
188
|
M(s(100)),
|
package/lib/templates.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webstudio-is/sdk-components-react-radix",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.196.0",
|
|
4
4
|
"description": "Webstudio wrapper for radix library",
|
|
5
5
|
"author": "Webstudio <github@webstudio.is>",
|
|
6
6
|
"homepage": "https://webstudio.is",
|
|
@@ -53,10 +53,10 @@
|
|
|
53
53
|
"@radix-ui/react-tooltip": "^1.1.4",
|
|
54
54
|
"@radix-ui/react-use-controllable-state": "^1.1.0",
|
|
55
55
|
"await-interaction-response": "^0.0.2",
|
|
56
|
-
"@webstudio-is/
|
|
57
|
-
"@webstudio-is/
|
|
58
|
-
"@webstudio-is/
|
|
59
|
-
"@webstudio-is/sdk": "0.
|
|
56
|
+
"@webstudio-is/css-engine": "0.196.0",
|
|
57
|
+
"@webstudio-is/icons": "0.196.0",
|
|
58
|
+
"@webstudio-is/react-sdk": "0.196.0",
|
|
59
|
+
"@webstudio-is/sdk": "0.196.0"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"@types/node": "^22.9.3",
|
|
@@ -68,8 +68,8 @@
|
|
|
68
68
|
"@webstudio-is/css-data": "0.0.0",
|
|
69
69
|
"@webstudio-is/generate-arg-types": "0.0.0",
|
|
70
70
|
"@webstudio-is/sdk-cli": "^0.94.0",
|
|
71
|
-
"@webstudio-is/
|
|
72
|
-
"@webstudio-is/
|
|
71
|
+
"@webstudio-is/sdk-components-react": "0.196.0",
|
|
72
|
+
"@webstudio-is/tsconfig": "1.0.7"
|
|
73
73
|
},
|
|
74
74
|
"scripts": {
|
|
75
75
|
"build": "vite build --config ../../vite.sdk-components.config.ts",
|