@webstudio-is/sdk-components-react-radix 0.268.0 → 0.270.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/__generated__/accordion.props.js +10 -3
- package/lib/accordion.template.js +11 -11
- package/package.json +10 -10
|
@@ -54,11 +54,18 @@ const e = {
|
|
|
54
54
|
type: "string",
|
|
55
55
|
description: "Current value of the element"
|
|
56
56
|
}
|
|
57
|
-
}, t = {},
|
|
57
|
+
}, t = {}, n = {}, r = {
|
|
58
|
+
forceMount: {
|
|
59
|
+
description: "Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries or keeping content available in the DOM.",
|
|
60
|
+
required: !1,
|
|
61
|
+
control: "boolean",
|
|
62
|
+
type: "boolean"
|
|
63
|
+
}
|
|
64
|
+
};
|
|
58
65
|
export {
|
|
59
66
|
e as propsAccordion,
|
|
60
|
-
|
|
67
|
+
r as propsAccordionContent,
|
|
61
68
|
t as propsAccordionHeader,
|
|
62
69
|
o as propsAccordionItem,
|
|
63
|
-
|
|
70
|
+
n as propsAccordionTrigger
|
|
64
71
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { $ as o, PlaceholderValue as a, css as t } from "@webstudio-is/template";
|
|
3
3
|
import { radix as i } from "./shared/proxy.js";
|
|
4
|
-
import { height as
|
|
5
|
-
import { ChevronDownIcon as
|
|
6
|
-
const n = (
|
|
4
|
+
import { height as l, width as h, transition as s, spacing as m, weights as g, fontSize as f, fontSizeLineHeight as p, borderWidth as w, colors as u } from "./shared/theme.js";
|
|
5
|
+
import { ChevronDownIcon as y } from "@webstudio-is/icons/svg";
|
|
6
|
+
const n = (c, d) => /* @__PURE__ */ r(
|
|
7
7
|
i.AccordionItem,
|
|
8
8
|
{
|
|
9
9
|
"ws:style": t`
|
|
10
|
-
border-bottom: ${w.DEFAULT} solid ${
|
|
10
|
+
border-bottom: ${w.DEFAULT} solid ${u.border};
|
|
11
11
|
`,
|
|
12
12
|
children: [
|
|
13
13
|
/* @__PURE__ */ e(
|
|
@@ -24,7 +24,7 @@ const n = (d, l) => /* @__PURE__ */ r(
|
|
|
24
24
|
flex: 1 1 0;
|
|
25
25
|
align-items: center;
|
|
26
26
|
justify-content: between;
|
|
27
|
-
padding: ${
|
|
27
|
+
padding: ${m[4]} 0;
|
|
28
28
|
font-weight: ${g.medium};
|
|
29
29
|
--accordion-trigger-icon-transform: 0deg;
|
|
30
30
|
&:hover {
|
|
@@ -35,20 +35,20 @@ const n = (d, l) => /* @__PURE__ */ r(
|
|
|
35
35
|
}
|
|
36
36
|
`,
|
|
37
37
|
children: [
|
|
38
|
-
/* @__PURE__ */ e(o.Text, { children: new a(
|
|
38
|
+
/* @__PURE__ */ e(o.Text, { children: new a(c) }),
|
|
39
39
|
/* @__PURE__ */ e(
|
|
40
40
|
o.Box,
|
|
41
41
|
{
|
|
42
42
|
"ws:label": "Icon Container",
|
|
43
43
|
"ws:style": t`
|
|
44
44
|
rotate: var(--accordion-trigger-icon-transform);
|
|
45
|
-
height: ${
|
|
46
|
-
width: ${
|
|
45
|
+
height: ${l[4]};
|
|
46
|
+
width: ${h[4]};
|
|
47
47
|
flex-shrink: 0;
|
|
48
48
|
transition: ${s.all};
|
|
49
49
|
transition-duration: 200ms;
|
|
50
50
|
`,
|
|
51
|
-
children: /* @__PURE__ */ e(o.HtmlEmbed, { "ws:label": "Chevron Icon", code:
|
|
51
|
+
children: /* @__PURE__ */ e(o.HtmlEmbed, { "ws:label": "Chevron Icon", code: y })
|
|
52
52
|
}
|
|
53
53
|
)
|
|
54
54
|
]
|
|
@@ -59,12 +59,12 @@ const n = (d, l) => /* @__PURE__ */ r(
|
|
|
59
59
|
/* @__PURE__ */ e(
|
|
60
60
|
i.AccordionContent,
|
|
61
61
|
{
|
|
62
|
+
forceMount: !0,
|
|
62
63
|
"ws:style": t`
|
|
63
64
|
overflow: hidden;
|
|
64
65
|
font-size: ${f.sm};
|
|
65
66
|
line-height: ${p.sm};
|
|
66
67
|
transition: ${s.all};
|
|
67
|
-
padding-bottom: ${c[4]};
|
|
68
68
|
&[data-state="closed"] {
|
|
69
69
|
height: 0;
|
|
70
70
|
}
|
|
@@ -72,7 +72,7 @@ const n = (d, l) => /* @__PURE__ */ r(
|
|
|
72
72
|
height: var(--radix-accordion-content-height);
|
|
73
73
|
}
|
|
74
74
|
`,
|
|
75
|
-
children: new a(
|
|
75
|
+
children: new a(d)
|
|
76
76
|
}
|
|
77
77
|
)
|
|
78
78
|
]
|
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.270.0",
|
|
4
4
|
"description": "Webstudio wrapper for radix library",
|
|
5
5
|
"author": "Webstudio <github@webstudio.is>",
|
|
6
6
|
"homepage": "https://webstudio.is",
|
|
@@ -52,22 +52,22 @@
|
|
|
52
52
|
"@radix-ui/react-tabs": "^1.1.9",
|
|
53
53
|
"@radix-ui/react-tooltip": "^1.2.4",
|
|
54
54
|
"await-interaction-response": "^0.0.2",
|
|
55
|
-
"@webstudio-is/
|
|
56
|
-
"@webstudio-is/
|
|
57
|
-
"@webstudio-is/
|
|
58
|
-
"@webstudio-is/
|
|
55
|
+
"@webstudio-is/css-engine": "0.270.0",
|
|
56
|
+
"@webstudio-is/react-sdk": "0.270.0",
|
|
57
|
+
"@webstudio-is/sdk": "0.270.0",
|
|
58
|
+
"@webstudio-is/icons": "0.270.0"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
61
|
"@types/react": "^18.2.70",
|
|
62
62
|
"@types/react-dom": "^18.2.25",
|
|
63
63
|
"react": "18.3.0-canary-14898b6a9-20240318",
|
|
64
64
|
"react-dom": "18.3.0-canary-14898b6a9-20240318",
|
|
65
|
-
"@webstudio-is/generate-arg-types": "0.0.0",
|
|
66
|
-
"@webstudio-is/css-data": "0.268.0",
|
|
67
65
|
"@webstudio-is/sdk-cli": "^0.94.0",
|
|
68
|
-
"@webstudio-is/
|
|
69
|
-
"@webstudio-is/
|
|
70
|
-
"@webstudio-is/tsconfig": "1.0.7"
|
|
66
|
+
"@webstudio-is/generate-arg-types": "0.0.0",
|
|
67
|
+
"@webstudio-is/sdk-components-react": "0.270.0",
|
|
68
|
+
"@webstudio-is/tsconfig": "1.0.7",
|
|
69
|
+
"@webstudio-is/template": "0.270.0",
|
|
70
|
+
"@webstudio-is/css-data": "0.270.0"
|
|
71
71
|
},
|
|
72
72
|
"scripts": {
|
|
73
73
|
"build": "vite build --config ../../vite.sdk-components.config.ts",
|