@webstudio-is/sdk-components-react 0.196.0 → 0.198.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__/image.props.js +1 -0
- package/lib/__generated__/vimeo-preview-image.props.js +6 -1
- package/lib/__generated__/vimeo.props.js +4 -5
- package/lib/__generated__/youtube.props.js +665 -0
- package/lib/blockquote.template.js +11 -0
- package/lib/blockquote.ws.js +5 -15
- package/lib/body.ws.js +1 -1
- package/lib/bold.ws.js +1 -1
- package/lib/box.ws.js +1 -1
- package/lib/button.ws.js +1 -1
- package/lib/checkbox.template.js +14 -0
- package/lib/checkbox.ws.js +5 -25
- package/lib/code-text.ws.js +1 -1
- package/lib/components.js +35 -33
- package/lib/content-embed.template.js +83 -0
- package/lib/form.ws.js +1 -1
- package/lib/heading.template.js +11 -0
- package/lib/heading.ws.js +12 -22
- package/lib/image.ws.js +17 -22
- package/lib/input.ws.js +1 -1
- package/lib/italic.ws.js +1 -1
- package/lib/label.template.js +10 -0
- package/lib/label.ws.js +13 -28
- package/lib/link.template.js +11 -0
- package/lib/link.ws.js +3 -13
- package/lib/list-item.template.js +11 -0
- package/lib/list-item.ws.js +8 -18
- package/lib/list.ws.js +1 -1
- package/lib/markdown-embed.js +10 -5
- package/lib/markdown-embed.template.js +75 -0
- package/lib/markdown-embed.ws.js +9 -87
- package/lib/metas.js +59 -59
- package/lib/option.ws.js +4 -5
- package/lib/paragraph.template.js +11 -0
- package/lib/paragraph.ws.js +10 -20
- package/lib/props.js +32 -30
- package/lib/radio-button.template.js +14 -0
- package/lib/radio-button.ws.js +7 -27
- package/lib/rich-text-link.ws.js +3 -5
- package/lib/select.template.js +16 -0
- package/lib/select.ws.js +11 -63
- package/lib/separator.ws.js +1 -1
- package/lib/span.ws.js +1 -1
- package/lib/subscript.ws.js +1 -1
- package/lib/superscript.ws.js +1 -1
- package/lib/templates.js +34 -6
- package/lib/text.template.js +11 -0
- package/lib/text.ws.js +9 -25
- package/lib/textarea.ws.js +1 -1
- package/lib/time.ws.js +1 -1
- package/lib/types/__generated__/blockquote.props.d.ts +1 -1
- package/lib/types/__generated__/body.props.d.ts +1 -1
- package/lib/types/__generated__/bold.props.d.ts +1 -1
- package/lib/types/__generated__/box.props.d.ts +1 -1
- package/lib/types/__generated__/button.props.d.ts +1 -1
- package/lib/types/__generated__/checkbox.props.d.ts +1 -1
- package/lib/types/__generated__/code-text.props.d.ts +1 -1
- package/lib/types/__generated__/form.props.d.ts +1 -1
- package/lib/types/__generated__/fragment.props.d.ts +1 -1
- package/lib/types/__generated__/heading.props.d.ts +1 -1
- package/lib/types/__generated__/html-embed.props.d.ts +1 -1
- package/lib/types/__generated__/image.props.d.ts +1 -1
- package/lib/types/__generated__/input.props.d.ts +1 -1
- package/lib/types/__generated__/italic.props.d.ts +1 -1
- package/lib/types/__generated__/label.props.d.ts +1 -1
- package/lib/types/__generated__/link.props.d.ts +1 -1
- package/lib/types/__generated__/list-item.props.d.ts +1 -1
- package/lib/types/__generated__/list.props.d.ts +1 -1
- package/lib/types/__generated__/markdown-embed.props.d.ts +1 -1
- package/lib/types/__generated__/option.props.d.ts +1 -1
- package/lib/types/__generated__/paragraph.props.d.ts +1 -1
- package/lib/types/__generated__/radio-button.props.d.ts +1 -1
- package/lib/types/__generated__/rich-text-link.props.d.ts +1 -1
- package/lib/types/__generated__/select.props.d.ts +1 -1
- package/lib/types/__generated__/separator.props.d.ts +1 -1
- package/lib/types/__generated__/slot.props.d.ts +1 -1
- package/lib/types/__generated__/span.props.d.ts +1 -1
- package/lib/types/__generated__/subscript.props.d.ts +1 -1
- package/lib/types/__generated__/superscript.props.d.ts +1 -1
- package/lib/types/__generated__/text.props.d.ts +1 -1
- package/lib/types/__generated__/textarea.props.d.ts +1 -1
- package/lib/types/__generated__/time.props.d.ts +1 -1
- package/lib/types/__generated__/vimeo-play-button.props.d.ts +1 -1
- package/lib/types/__generated__/vimeo-preview-image.props.d.ts +1 -1
- package/lib/types/__generated__/vimeo-spinner.props.d.ts +1 -1
- package/lib/types/__generated__/vimeo.props.d.ts +1 -1
- package/lib/types/__generated__/webhook-form.props.d.ts +1 -1
- package/lib/types/__generated__/xml-node.props.d.ts +1 -1
- package/lib/types/__generated__/xml-time.props.d.ts +1 -1
- package/lib/types/__generated__/youtube.props.d.ts +2 -0
- package/lib/types/blockquote.template.d.ts +2 -0
- package/lib/types/blockquote.ws.d.ts +1 -1
- package/lib/types/body.ws.d.ts +1 -1
- package/lib/types/bold.ws.d.ts +1 -1
- package/lib/types/box.ws.d.ts +1 -1
- package/lib/types/button.ws.d.ts +1 -1
- package/lib/types/checkbox.d.ts +1 -1
- package/lib/types/checkbox.template.d.ts +2 -0
- package/lib/types/checkbox.ws.d.ts +1 -1
- package/lib/types/code-text.ws.d.ts +1 -1
- package/lib/types/components.d.ts +1 -0
- package/lib/types/content-embed.template.d.ts +2 -0
- package/lib/types/form.ws.d.ts +1 -1
- package/lib/types/fragment.ws.d.ts +1 -1
- package/lib/types/heading.template.d.ts +2 -0
- package/lib/types/heading.ws.d.ts +1 -1
- package/lib/types/html-embed.ws.d.ts +1 -1
- package/lib/types/image.ws.d.ts +1 -9
- package/lib/types/input.ws.d.ts +1 -1
- package/lib/types/italic.ws.d.ts +1 -1
- package/lib/types/label.template.d.ts +2 -0
- package/lib/types/label.ws.d.ts +1 -1
- package/lib/types/link.template.d.ts +2 -0
- package/lib/types/link.ws.d.ts +1 -1
- package/lib/types/list-item.template.d.ts +2 -0
- package/lib/types/list-item.ws.d.ts +1 -1
- package/lib/types/list.ws.d.ts +1 -1
- package/lib/types/markdown-embed.template.d.ts +2 -0
- package/lib/types/markdown-embed.ws.d.ts +1 -1
- package/lib/types/metas.d.ts +1 -1
- package/lib/types/option.ws.d.ts +1 -1
- package/lib/types/paragraph.template.d.ts +2 -0
- package/lib/types/paragraph.ws.d.ts +1 -1
- package/lib/types/props.d.ts +1 -0
- package/lib/types/radio-button.d.ts +1 -1
- package/lib/types/radio-button.template.d.ts +2 -0
- package/lib/types/radio-button.ws.d.ts +1 -1
- package/lib/types/rich-text-link.ws.d.ts +1 -1
- package/lib/types/select.template.d.ts +2 -0
- package/lib/types/select.ws.d.ts +1 -1
- package/lib/types/separator.ws.d.ts +1 -1
- package/lib/types/slot.ws.d.ts +1 -1
- package/lib/types/span.ws.d.ts +1 -1
- package/lib/types/subscript.ws.d.ts +1 -1
- package/lib/types/superscript.ws.d.ts +1 -1
- package/lib/types/templates.d.ts +14 -0
- package/lib/types/text.template.d.ts +2 -0
- package/lib/types/text.ws.d.ts +1 -1
- package/lib/types/textarea.ws.d.ts +1 -1
- package/lib/types/time.ws.d.ts +1 -1
- package/lib/types/vimeo-play-button.ws.d.ts +1 -1
- package/lib/types/vimeo-preview-image.d.ts +21 -21
- package/lib/types/vimeo-preview-image.ws.d.ts +1 -1
- package/lib/types/vimeo-spinner.ws.d.ts +1 -1
- package/lib/types/vimeo.d.ts +12 -2
- package/lib/types/vimeo.ws.d.ts +1 -1
- package/lib/types/webhook-form.d.ts +1 -0
- package/lib/types/webhook-form.template.d.ts +2 -0
- package/lib/types/webhook-form.ws.d.ts +1 -1
- package/lib/types/xml-node.ws.d.ts +1 -1
- package/lib/types/xml-time.ws.d.ts +1 -1
- package/lib/types/youtube.d.ts +143 -0
- package/lib/types/youtube.template.d.ts +2 -0
- package/lib/types/youtube.ws.d.ts +3 -0
- package/lib/vimeo-play-button.ws.js +8 -8
- package/lib/vimeo-preview-image.ws.js +17 -9
- package/lib/vimeo-spinner.ws.js +8 -8
- package/lib/vimeo.js +88 -87
- package/lib/vimeo.template.js +17 -16
- package/lib/vimeo.ws.js +8 -7
- package/lib/webhook-form.template.js +49 -0
- package/lib/webhook-form.ws.js +17 -118
- package/lib/xml-node.js +18 -14
- package/lib/xml-node.ws.js +4 -5
- package/lib/xml-time.ws.js +4 -5
- package/lib/youtube.js +200 -0
- package/lib/youtube.template.js +97 -0
- package/lib/youtube.ws.js +51 -0
- package/package.json +14 -11
- package/lib/content-embed.ws.js +0 -77
- package/lib/types/__generated__/local-date.props.d.ts +0 -2
- package/lib/types/content-embed.ws.d.ts +0 -2
package/lib/radio-button.ws.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RadioCheckedIcon as e } from "@webstudio-is/icons/svg";
|
|
2
|
-
import { defaultStates as t } from "@webstudio-is/
|
|
2
|
+
import { defaultStates as t } from "@webstudio-is/sdk";
|
|
3
3
|
import { radio as o } from "@webstudio-is/sdk/normalize.css";
|
|
4
|
-
import { props as
|
|
4
|
+
import { props as r } from "./__generated__/radio-button.props.js";
|
|
5
5
|
const i = {
|
|
6
6
|
input: [
|
|
7
7
|
...o,
|
|
@@ -10,18 +10,15 @@ const i = {
|
|
|
10
10
|
value: { type: "unit", unit: "em", value: 0.5 }
|
|
11
11
|
}
|
|
12
12
|
]
|
|
13
|
-
},
|
|
14
|
-
category: "forms",
|
|
13
|
+
}, p = {
|
|
15
14
|
constraints: {
|
|
16
15
|
relation: "ancestor",
|
|
17
16
|
component: { $nin: ["Button", "Link"] }
|
|
18
17
|
},
|
|
19
18
|
type: "control",
|
|
20
19
|
label: "Radio",
|
|
21
|
-
description: "Use within a form to allow your users to select a single option from a set of mutually exclusive choices. Group multiple radios by matching their “Name” properties.",
|
|
22
20
|
icon: e,
|
|
23
21
|
presetStyle: i,
|
|
24
|
-
order: 5,
|
|
25
22
|
states: [
|
|
26
23
|
...t,
|
|
27
24
|
{ selector: ":checked", label: "Checked" },
|
|
@@ -32,29 +29,12 @@ const i = {
|
|
|
32
29
|
//{ selector: ":enabled", label: "Enabled" },
|
|
33
30
|
//{ selector: ":read-only", label: "Read Only" },
|
|
34
31
|
//{ selector: ":read-write", label: "Read Write" },
|
|
35
|
-
],
|
|
36
|
-
template: [
|
|
37
|
-
{
|
|
38
|
-
type: "instance",
|
|
39
|
-
component: "Label",
|
|
40
|
-
label: "Radio Field",
|
|
41
|
-
children: [
|
|
42
|
-
{ type: "instance", component: "RadioButton", props: [], children: [] },
|
|
43
|
-
{
|
|
44
|
-
type: "instance",
|
|
45
|
-
component: "Text",
|
|
46
|
-
label: "Radio Label",
|
|
47
|
-
props: [{ type: "string", name: "tag", value: "span" }],
|
|
48
|
-
children: [{ type: "text", value: "Radio", placeholder: !0 }]
|
|
49
|
-
}
|
|
50
|
-
]
|
|
51
|
-
}
|
|
52
32
|
]
|
|
53
|
-
},
|
|
54
|
-
props:
|
|
33
|
+
}, s = {
|
|
34
|
+
props: r,
|
|
55
35
|
initialProps: ["id", "className", "name", "value", "required", "checked"]
|
|
56
36
|
};
|
|
57
37
|
export {
|
|
58
|
-
|
|
59
|
-
|
|
38
|
+
p as meta,
|
|
39
|
+
s as propsMeta
|
|
60
40
|
};
|
package/lib/rich-text-link.ws.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { meta as t, propsMeta as e } from "./link.ws.js";
|
|
2
|
-
const
|
|
2
|
+
const a = {
|
|
3
3
|
...t,
|
|
4
|
-
|
|
5
|
-
type: "rich-text-child",
|
|
6
|
-
template: []
|
|
4
|
+
type: "rich-text-child"
|
|
7
5
|
}, o = e;
|
|
8
6
|
export {
|
|
9
|
-
|
|
7
|
+
a as meta,
|
|
10
8
|
o as propsMeta
|
|
11
9
|
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsxs as t, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { $ as e } from "@webstudio-is/template";
|
|
3
|
+
const n = {
|
|
4
|
+
category: "forms",
|
|
5
|
+
description: "A drop-down menu for users to select a single option from a predefined list.",
|
|
6
|
+
order: 4,
|
|
7
|
+
template: /* @__PURE__ */ t(e.Select, { children: [
|
|
8
|
+
/* @__PURE__ */ o(e.Option, { label: "Please choose an option", value: "" }),
|
|
9
|
+
/* @__PURE__ */ o(e.Option, { label: "Option A", value: "a" }),
|
|
10
|
+
/* @__PURE__ */ o(e.Option, { label: "Option B", value: "b" }),
|
|
11
|
+
/* @__PURE__ */ o(e.Option, { label: "Option C", value: "c" })
|
|
12
|
+
] })
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
n as meta
|
|
16
|
+
};
|
package/lib/select.ws.js
CHANGED
|
@@ -1,26 +1,23 @@
|
|
|
1
1
|
import { SelectIcon as e } from "@webstudio-is/icons/svg";
|
|
2
|
-
import { defaultStates as t } from "@webstudio-is/
|
|
3
|
-
import { select as
|
|
4
|
-
import { props as
|
|
5
|
-
const
|
|
2
|
+
import { defaultStates as t } from "@webstudio-is/sdk";
|
|
3
|
+
import { select as l } from "@webstudio-is/sdk/normalize.css";
|
|
4
|
+
import { props as o } from "./__generated__/select.props.js";
|
|
5
|
+
const r = {
|
|
6
6
|
select: [
|
|
7
|
-
...
|
|
7
|
+
...l,
|
|
8
8
|
{
|
|
9
9
|
property: "display",
|
|
10
10
|
value: { type: "keyword", value: "block" }
|
|
11
11
|
}
|
|
12
12
|
]
|
|
13
|
-
},
|
|
14
|
-
category: "forms",
|
|
13
|
+
}, c = {
|
|
15
14
|
constraints: {
|
|
16
15
|
relation: "ancestor",
|
|
17
16
|
component: { $nin: ["Button", "Link"] }
|
|
18
17
|
},
|
|
19
18
|
type: "container",
|
|
20
|
-
description: "A drop-down menu for users to select a single option from a predefined list.",
|
|
21
19
|
icon: e,
|
|
22
|
-
presetStyle:
|
|
23
|
-
order: 4,
|
|
20
|
+
presetStyle: r,
|
|
24
21
|
states: [
|
|
25
22
|
...t,
|
|
26
23
|
{ selector: "::placeholder", label: "Placeholder" },
|
|
@@ -28,58 +25,9 @@ const o = {
|
|
|
28
25
|
{ selector: ":invalid", label: "Invalid" },
|
|
29
26
|
{ selector: ":required", label: "Required" },
|
|
30
27
|
{ selector: ":optional", label: "Optional" }
|
|
31
|
-
],
|
|
32
|
-
template: [
|
|
33
|
-
{
|
|
34
|
-
type: "instance",
|
|
35
|
-
component: "Select",
|
|
36
|
-
label: "Select",
|
|
37
|
-
children: [
|
|
38
|
-
{
|
|
39
|
-
type: "instance",
|
|
40
|
-
component: "Option",
|
|
41
|
-
label: "Option",
|
|
42
|
-
props: [
|
|
43
|
-
{ type: "string", name: "label", value: "Please choose an option" },
|
|
44
|
-
{ type: "string", name: "value", value: "" }
|
|
45
|
-
],
|
|
46
|
-
children: []
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
type: "instance",
|
|
50
|
-
component: "Option",
|
|
51
|
-
label: "Option",
|
|
52
|
-
props: [
|
|
53
|
-
{ type: "string", name: "label", value: "Option A" },
|
|
54
|
-
{ type: "string", name: "value", value: "a" }
|
|
55
|
-
],
|
|
56
|
-
children: []
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
type: "instance",
|
|
60
|
-
component: "Option",
|
|
61
|
-
label: "Option",
|
|
62
|
-
props: [
|
|
63
|
-
{ type: "string", name: "label", value: "Option B" },
|
|
64
|
-
{ type: "string", name: "value", value: "b" }
|
|
65
|
-
],
|
|
66
|
-
children: []
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
type: "instance",
|
|
70
|
-
component: "Option",
|
|
71
|
-
label: "Option",
|
|
72
|
-
props: [
|
|
73
|
-
{ type: "string", name: "label", value: "Option C" },
|
|
74
|
-
{ type: "string", name: "value", value: "c" }
|
|
75
|
-
],
|
|
76
|
-
children: []
|
|
77
|
-
}
|
|
78
|
-
]
|
|
79
|
-
}
|
|
80
28
|
]
|
|
81
|
-
},
|
|
82
|
-
props:
|
|
29
|
+
}, p = {
|
|
30
|
+
props: o,
|
|
83
31
|
initialProps: [
|
|
84
32
|
"id",
|
|
85
33
|
"className",
|
|
@@ -91,6 +39,6 @@ const o = {
|
|
|
91
39
|
]
|
|
92
40
|
};
|
|
93
41
|
export {
|
|
94
|
-
|
|
95
|
-
|
|
42
|
+
c as meta,
|
|
43
|
+
p as propsMeta
|
|
96
44
|
};
|
package/lib/separator.ws.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MinusIcon as e } from "@webstudio-is/icons/svg";
|
|
2
|
-
import { defaultStates as o } from "@webstudio-is/
|
|
2
|
+
import { defaultStates as o } from "@webstudio-is/sdk";
|
|
3
3
|
import { hr as r } from "@webstudio-is/sdk/normalize.css";
|
|
4
4
|
import { props as t } from "./__generated__/separator.props.js";
|
|
5
5
|
const p = {
|
package/lib/span.ws.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PaintBrushIcon as t } from "@webstudio-is/icons/svg";
|
|
2
|
-
import { defaultStates as o } from "@webstudio-is/
|
|
2
|
+
import { defaultStates as o } from "@webstudio-is/sdk";
|
|
3
3
|
import { span as r } from "@webstudio-is/sdk/normalize.css";
|
|
4
4
|
import { props as e } from "./__generated__/span.props.js";
|
|
5
5
|
const s = {
|
package/lib/subscript.ws.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SubscriptIcon as t } from "@webstudio-is/icons/svg";
|
|
2
|
-
import { defaultStates as o } from "@webstudio-is/
|
|
2
|
+
import { defaultStates as o } from "@webstudio-is/sdk";
|
|
3
3
|
import { sub as r } from "@webstudio-is/sdk/normalize.css";
|
|
4
4
|
import { props as s } from "./__generated__/subscript.props.js";
|
|
5
5
|
const e = {
|
package/lib/superscript.ws.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SuperscriptIcon as t } from "@webstudio-is/icons/svg";
|
|
2
|
-
import { defaultStates as r } from "@webstudio-is/
|
|
2
|
+
import { defaultStates as r } from "@webstudio-is/sdk";
|
|
3
3
|
import { sup as o } from "@webstudio-is/sdk/normalize.css";
|
|
4
4
|
import { props as p } from "./__generated__/superscript.props.js";
|
|
5
5
|
const e = {
|
package/lib/templates.js
CHANGED
|
@@ -1,8 +1,36 @@
|
|
|
1
|
-
import { meta as
|
|
2
|
-
import { meta as
|
|
3
|
-
import { meta as s } from "./
|
|
1
|
+
import { meta as o } from "./content-embed.template.js";
|
|
2
|
+
import { meta as m } from "./markdown-embed.template.js";
|
|
3
|
+
import { meta as s } from "./text.template.js";
|
|
4
|
+
import { meta as p } from "./heading.template.js";
|
|
5
|
+
import { meta as n } from "./paragraph.template.js";
|
|
6
|
+
import { meta as b } from "./link.template.js";
|
|
7
|
+
import { meta as u } from "./button.template.js";
|
|
8
|
+
import { meta as L } from "./webhook-form.template.js";
|
|
9
|
+
import { meta as l } from "./blockquote.template.js";
|
|
10
|
+
import { meta as g } from "./list.template.js";
|
|
11
|
+
import { meta as C } from "./list-item.template.js";
|
|
12
|
+
import { meta as T } from "./label.template.js";
|
|
13
|
+
import { meta as w } from "./radio-button.template.js";
|
|
14
|
+
import { meta as H } from "./checkbox.template.js";
|
|
15
|
+
import { meta as M } from "./vimeo.template.js";
|
|
16
|
+
import { meta as R } from "./youtube.template.js";
|
|
17
|
+
import { meta as V } from "./select.template.js";
|
|
4
18
|
export {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
19
|
+
l as Blockquote,
|
|
20
|
+
u as Button,
|
|
21
|
+
H as Checkbox,
|
|
22
|
+
o as ContentEmbed,
|
|
23
|
+
L as Form,
|
|
24
|
+
p as Heading,
|
|
25
|
+
T as Label,
|
|
26
|
+
b as Link,
|
|
27
|
+
g as List,
|
|
28
|
+
C as ListItem,
|
|
29
|
+
m as MarkdownEmbed,
|
|
30
|
+
n as Paragraph,
|
|
31
|
+
w as RadioButton,
|
|
32
|
+
V as Select,
|
|
33
|
+
s as Text,
|
|
34
|
+
M as Vimeo,
|
|
35
|
+
R as YouTube
|
|
8
36
|
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { $ as t, PlaceholderValue as o } from "@webstudio-is/template";
|
|
3
|
+
const a = {
|
|
4
|
+
category: "typography",
|
|
5
|
+
description: "A generic container for any text content that is not a heading or a link.",
|
|
6
|
+
order: 0,
|
|
7
|
+
template: /* @__PURE__ */ e(t.Text, { children: new o("The text you can edit") })
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
a as meta
|
|
11
|
+
};
|
package/lib/text.ws.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { TextIcon as t } from "@webstudio-is/icons/svg";
|
|
2
|
-
import { defaultStates as e } from "@webstudio-is/
|
|
2
|
+
import { defaultStates as e } from "@webstudio-is/sdk";
|
|
3
3
|
import { div as o } from "@webstudio-is/sdk/normalize.css";
|
|
4
|
-
import { props as
|
|
5
|
-
const
|
|
4
|
+
import { props as i } from "./__generated__/text.props.js";
|
|
5
|
+
const r = {
|
|
6
6
|
div: [
|
|
7
7
|
...o,
|
|
8
8
|
{
|
|
@@ -10,32 +10,16 @@ const n = {
|
|
|
10
10
|
value: { type: "unit", unit: "em", value: 1 }
|
|
11
11
|
}
|
|
12
12
|
]
|
|
13
|
-
},
|
|
14
|
-
category: "typography",
|
|
13
|
+
}, n = {
|
|
15
14
|
type: "container",
|
|
16
|
-
description: "A generic container for any text content that is not a heading or a link.",
|
|
17
15
|
icon: t,
|
|
18
16
|
states: e,
|
|
19
|
-
presetStyle:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
{
|
|
23
|
-
type: "instance",
|
|
24
|
-
component: "Text",
|
|
25
|
-
children: [
|
|
26
|
-
{
|
|
27
|
-
type: "text",
|
|
28
|
-
value: "The text you can edit",
|
|
29
|
-
placeholder: !0
|
|
30
|
-
}
|
|
31
|
-
]
|
|
32
|
-
}
|
|
33
|
-
]
|
|
34
|
-
}, m = {
|
|
35
|
-
props: r,
|
|
17
|
+
presetStyle: r
|
|
18
|
+
}, c = {
|
|
19
|
+
props: i,
|
|
36
20
|
initialProps: ["id", "className", "tag"]
|
|
37
21
|
};
|
|
38
22
|
export {
|
|
39
|
-
|
|
40
|
-
|
|
23
|
+
n as meta,
|
|
24
|
+
c as propsMeta
|
|
41
25
|
};
|
package/lib/textarea.ws.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FormTextAreaIcon as e } from "@webstudio-is/icons/svg";
|
|
2
|
-
import { defaultStates as o } from "@webstudio-is/
|
|
2
|
+
import { defaultStates as o } from "@webstudio-is/sdk";
|
|
3
3
|
import { textarea as t } from "@webstudio-is/sdk/normalize.css";
|
|
4
4
|
import { props as r } from "./__generated__/textarea.props.js";
|
|
5
5
|
const l = {
|
package/lib/time.ws.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CalendarIcon as t } from "@webstudio-is/icons/svg";
|
|
2
|
-
import { defaultStates as e } from "@webstudio-is/
|
|
2
|
+
import { defaultStates as e } from "@webstudio-is/sdk";
|
|
3
3
|
import { time as a } from "@webstudio-is/sdk/normalize.css";
|
|
4
4
|
import { props as o } from "./__generated__/time.props.js";
|
|
5
5
|
const r = {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { PropMeta } from "@webstudio-is/
|
|
1
|
+
import type { PropMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const props: Record<string, PropMeta>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/
|
|
1
|
+
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const meta: WsComponentMeta;
|
|
3
3
|
export declare const propsMeta: WsComponentPropsMeta;
|
package/lib/types/body.ws.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/
|
|
1
|
+
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const meta: WsComponentMeta;
|
|
3
3
|
export declare const propsMeta: WsComponentPropsMeta;
|
package/lib/types/bold.ws.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/
|
|
1
|
+
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const meta: WsComponentMeta;
|
|
3
3
|
export declare const propsMeta: WsComponentPropsMeta;
|
package/lib/types/box.ws.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/
|
|
1
|
+
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const meta: WsComponentMeta;
|
|
3
3
|
export declare const propsMeta: WsComponentPropsMeta;
|
package/lib/types/button.ws.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/
|
|
1
|
+
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const meta: WsComponentMeta;
|
|
3
3
|
export declare const propsMeta: WsComponentPropsMeta;
|
package/lib/types/checkbox.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const defaultTag = "input";
|
|
2
|
-
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "
|
|
2
|
+
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "type"> & {
|
|
3
3
|
value?: string;
|
|
4
4
|
}, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/
|
|
1
|
+
import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
|
|
2
2
|
export declare const meta: WsComponentMeta;
|
|
3
3
|
export declare const propsMeta: WsComponentPropsMeta;
|