@webstudio-is/sdk-components-react 0.205.0 → 0.206.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.
Files changed (15) hide show
  1. package/lib/blockquote.ws.js +13 -13
  2. package/lib/body.ws.js +4 -4
  3. package/lib/checkbox.ws.js +1 -1
  4. package/lib/code-text.ws.js +9 -9
  5. package/lib/form.ws.js +1 -1
  6. package/lib/html-embed.ws.js +3 -3
  7. package/lib/image.ws.js +1 -1
  8. package/lib/italic.ws.js +1 -1
  9. package/lib/list.ws.js +10 -10
  10. package/lib/markdown-embed.ws.js +1 -1
  11. package/lib/option.ws.js +1 -1
  12. package/lib/radio-button.ws.js +1 -1
  13. package/lib/separator.ws.js +7 -7
  14. package/lib/text.ws.js +1 -1
  15. package/package.json +6 -6
package/lib/blockquote.ws.js CHANGED
@@ -4,47 +4,47 @@ import { props as p } from "./__generated__/blockquote.props.js";
4
4
  const r = {
5
5
  blockquote: [
6
6
  {
7
- property: "marginTop",
7
+ property: "margin-top",
8
8
  value: { type: "unit", value: 0, unit: "number" }
9
9
  },
10
10
  {
11
- property: "marginRight",
11
+ property: "margin-right",
12
12
  value: { type: "unit", value: 0, unit: "number" }
13
13
  },
14
14
  {
15
- property: "marginBottom",
15
+ property: "margin-bottom",
16
16
  value: { type: "unit", value: 10, unit: "px" }
17
17
  },
18
18
  {
19
- property: "marginLeft",
19
+ property: "margin-left",
20
20
  value: { type: "unit", value: 0, unit: "number" }
21
21
  },
22
22
  {
23
- property: "paddingTop",
23
+ property: "padding-top",
24
24
  value: { type: "unit", value: 10, unit: "px" }
25
25
  },
26
26
  {
27
- property: "paddingBottom",
27
+ property: "padding-bottom",
28
28
  value: { type: "unit", value: 10, unit: "px" }
29
29
  },
30
30
  {
31
- property: "paddingLeft",
31
+ property: "padding-left",
32
32
  value: { type: "unit", value: 20, unit: "px" }
33
33
  },
34
34
  {
35
- property: "paddingRight",
35
+ property: "padding-right",
36
36
  value: { type: "unit", value: 20, unit: "px" }
37
37
  },
38
38
  {
39
- property: "borderLeftWidth",
39
+ property: "border-left-width",
40
40
  value: { type: "unit", value: 5, unit: "px" }
41
41
  },
42
42
  {
43
- property: "borderLeftStyle",
43
+ property: "border-left-style",
44
44
  value: { type: "keyword", value: "solid" }
45
45
  },
46
46
  {
47
- property: "borderLeftColor",
47
+ property: "border-left-color",
48
48
  value: { type: "rgb", r: 226, g: 226, b: 226, alpha: 1 }
49
49
  }
50
50
  ]
@@ -54,11 +54,11 @@ const r = {
54
54
  icon: t,
55
55
  states: e,
56
56
  presetStyle: r
57
- }, n = {
57
+ }, l = {
58
58
  props: p,
59
59
  initialProps: ["id", "className", "cite"]
60
60
  };
61
61
  export {
62
62
  i as meta,
63
- n as propsMeta
63
+ l as propsMeta
64
64
  };
package/lib/body.ws.js CHANGED
@@ -6,15 +6,15 @@ const a = {
6
6
  body: [
7
7
  ...e,
8
8
  {
9
- property: "WebkitFontSmoothing",
9
+ property: "-webkit-font-smoothing",
10
10
  value: { type: "keyword", value: "antialiased" }
11
11
  },
12
12
  {
13
- property: "MozOsxFontSmoothing",
13
+ property: "-moz-osx-font-smoothing",
14
14
  value: { type: "keyword", value: "grayscale" }
15
15
  }
16
16
  ]
17
- }, m = {
17
+ }, n = {
18
18
  type: "container",
19
19
  icon: o,
20
20
  states: t,
@@ -24,6 +24,6 @@ const a = {
24
24
  initialProps: ["id", "className"]
25
25
  };
26
26
  export {
27
- m as meta,
27
+ n as meta,
28
28
  y as propsMeta
29
29
  };
package/lib/checkbox.ws.js CHANGED
@@ -6,7 +6,7 @@ const r = {
6
6
  input: [
7
7
  ...o,
8
8
  {
9
- property: "marginRight",
9
+ property: "margin-right",
10
10
  value: { type: "unit", unit: "em", value: 0.5 }
11
11
  }
12
12
  ]
package/lib/code-text.ws.js CHANGED
@@ -10,27 +10,27 @@ const p = {
10
10
  value: { type: "keyword", value: "block" }
11
11
  },
12
12
  {
13
- property: "whiteSpaceCollapse",
13
+ property: "white-space-collapse",
14
14
  value: { type: "keyword", value: "preserve" }
15
15
  },
16
16
  {
17
- property: "textWrapMode",
17
+ property: "text-wrap-mode",
18
18
  value: { type: "keyword", value: "wrap" }
19
19
  },
20
20
  {
21
- property: "paddingLeft",
21
+ property: "padding-left",
22
22
  value: { type: "unit", value: 0.2, unit: "em" }
23
23
  },
24
24
  {
25
- property: "paddingRight",
25
+ property: "padding-right",
26
26
  value: { type: "unit", value: 0.2, unit: "em" }
27
27
  },
28
28
  {
29
- property: "backgroundColor",
29
+ property: "background-color",
30
30
  value: { type: "rgb", r: 238, g: 238, b: 238, alpha: 1 }
31
31
  }
32
32
  ]
33
- }, s = {
33
+ }, i = {
34
34
  category: "general",
35
35
  type: "embed",
36
36
  description: "Use this component when you want to display code as text on the page.",
@@ -42,7 +42,7 @@ const p = {
42
42
  states: t,
43
43
  presetStyle: p,
44
44
  order: 5
45
- }, d = {
45
+ }, c = {
46
46
  props: {
47
47
  ...r,
48
48
  code: {
@@ -54,6 +54,6 @@ const p = {
54
54
  initialProps: ["id", "className", "lang", "code"]
55
55
  };
56
56
  export {
57
- s as meta,
58
- d as propsMeta
57
+ i as meta,
58
+ c as propsMeta
59
59
  };
package/lib/form.ws.js CHANGED
@@ -5,7 +5,7 @@ import { props as e } from "./__generated__/form.props.js";
5
5
  const n = {
6
6
  form: [
7
7
  ...r,
8
- { property: "minHeight", value: { type: "unit", unit: "px", value: 20 } }
8
+ { property: "min-height", value: { type: "unit", unit: "px", value: 20 } }
9
9
  ]
10
10
  }, p = {
11
11
  category: "forms",
package/lib/html-embed.ws.js CHANGED
@@ -7,7 +7,7 @@ const i = {
7
7
  value: { type: "keyword", value: "contents" }
8
8
  },
9
9
  {
10
- property: "whiteSpaceCollapse",
10
+ property: "white-space-collapse",
11
11
  value: { type: "keyword", value: "collapse" }
12
12
  }
13
13
  ]
@@ -19,7 +19,7 @@ const i = {
19
19
  icon: t,
20
20
  presetStyle: i,
21
21
  order: 2
22
- }, r = {
22
+ }, s = {
23
23
  props: {
24
24
  ...e,
25
25
  clientOnly: {
@@ -42,5 +42,5 @@ const i = {
42
42
  };
43
43
  export {
44
44
  a as meta,
45
- r as propsMeta
45
+ s as propsMeta
46
46
  };
package/lib/image.ws.js CHANGED
@@ -7,7 +7,7 @@ const a = {
7
7
  ...o,
8
8
  // Otherwise on new image insert onto canvas it can overfit screen size multiple times
9
9
  {
10
- property: "maxWidth",
10
+ property: "max-width",
11
11
  value: { type: "unit", unit: "%", value: 100 }
12
12
  },
13
13
  // inline | inline-block is not suitable because without line-height: 0 on the parent you get unsuitable spaces/margins
package/lib/italic.ws.js CHANGED
@@ -6,7 +6,7 @@ const r = {
6
6
  i: [
7
7
  ...o,
8
8
  {
9
- property: "fontStyle",
9
+ property: "font-style",
10
10
  value: { type: "keyword", value: "italic" }
11
11
  }
12
12
  ]
package/lib/list.ws.js CHANGED
@@ -1,42 +1,42 @@
1
1
  import { ListIcon as e } from "@webstudio-is/icons/svg";
2
- import { defaultStates as r } from "@webstudio-is/sdk";
3
- import { ol as t, ul as o } from "@webstudio-is/sdk/normalize.css";
2
+ import { defaultStates as t } from "@webstudio-is/sdk";
3
+ import { ol as r, ul as o } from "@webstudio-is/sdk/normalize.css";
4
4
  import { props as p } from "./__generated__/list.props.js";
5
5
  const a = {
6
6
  ol: [
7
- ...t,
7
+ ...r,
8
8
  {
9
- property: "marginTop",
9
+ property: "margin-top",
10
10
  value: { type: "keyword", value: "0" }
11
11
  },
12
12
  {
13
- property: "marginBottom",
13
+ property: "margin-bottom",
14
14
  value: { type: "keyword", value: "10px" }
15
15
  },
16
16
  {
17
- property: "paddingLeft",
17
+ property: "padding-left",
18
18
  value: { type: "keyword", value: "40px" }
19
19
  }
20
20
  ],
21
21
  ul: [
22
22
  ...o,
23
23
  {
24
- property: "marginTop",
24
+ property: "margin-top",
25
25
  value: { type: "keyword", value: "0" }
26
26
  },
27
27
  {
28
- property: "marginBottom",
28
+ property: "margin-bottom",
29
29
  value: { type: "keyword", value: "10px" }
30
30
  },
31
31
  {
32
- property: "paddingLeft",
32
+ property: "padding-left",
33
33
  value: { type: "keyword", value: "40px" }
34
34
  }
35
35
  ]
36
36
  }, d = {
37
37
  type: "container",
38
38
  icon: e,
39
- states: r,
39
+ states: t,
40
40
  presetStyle: a
41
41
  }, s = {
42
42
  props: p,
package/lib/markdown-embed.ws.js CHANGED
@@ -10,7 +10,7 @@ const t = {
10
10
  value: { type: "keyword", value: "contents" }
11
11
  },
12
12
  {
13
- property: "whiteSpaceCollapse",
13
+ property: "white-space-collapse",
14
14
  value: { type: "keyword", value: "collapse" }
15
15
  }
16
16
  ]
package/lib/option.ws.js CHANGED
@@ -3,7 +3,7 @@ import { props as t } from "./__generated__/option.props.js";
3
3
  const o = {
4
4
  option: [
5
5
  {
6
- property: "backgroundColor",
6
+ property: "background-color",
7
7
  state: ":checked",
8
8
  value: {
9
9
  type: "rgb",
package/lib/radio-button.ws.js CHANGED
@@ -6,7 +6,7 @@ const i = {
6
6
  input: [
7
7
  ...o,
8
8
  {
9
- property: "marginRight",
9
+ property: "margin-right",
10
10
  value: { type: "unit", unit: "em", value: 0.5 }
11
11
  }
12
12
  ]
package/lib/separator.ws.js CHANGED
@@ -10,23 +10,23 @@ const p = {
10
10
  value: { type: "keyword", value: "1px" }
11
11
  },
12
12
  {
13
- property: "backgroundColor",
13
+ property: "background-color",
14
14
  value: { type: "keyword", value: "gray" }
15
15
  },
16
16
  {
17
- property: "borderTopStyle",
17
+ property: "border-top-style",
18
18
  value: { type: "keyword", value: "none" }
19
19
  },
20
20
  {
21
- property: "borderRightStyle",
21
+ property: "border-right-style",
22
22
  value: { type: "keyword", value: "none" }
23
23
  },
24
24
  {
25
- property: "borderLeftStyle",
25
+ property: "border-left-style",
26
26
  value: { type: "keyword", value: "none" }
27
27
  },
28
28
  {
29
- property: "borderBottomStyle",
29
+ property: "border-bottom-style",
30
30
  value: { type: "keyword", value: "none" }
31
31
  }
32
32
  ]
@@ -38,11 +38,11 @@ const p = {
38
38
  states: o,
39
39
  presetStyle: p,
40
40
  order: 3
41
- }, d = {
41
+ }, s = {
42
42
  props: t,
43
43
  initialProps: ["id", "className"]
44
44
  };
45
45
  export {
46
46
  n as meta,
47
- d as propsMeta
47
+ s as propsMeta
48
48
  };
package/lib/text.ws.js CHANGED
@@ -6,7 +6,7 @@ const r = {
6
6
  div: [
7
7
  ...o,
8
8
  {
9
- property: "minHeight",
9
+ property: "min-height",
10
10
  value: { type: "unit", unit: "em", value: 1 }
11
11
  }
12
12
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/sdk-components-react",
3
- "version": "0.205.0",
3
+ "version": "0.206.0",
4
4
  "description": "Webstudio default library for react",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
@@ -49,10 +49,10 @@
49
49
  "colord": "^2.9.3",
50
50
  "micromark": "^4.0.1",
51
51
  "micromark-extension-gfm-table": "^2.1.0",
52
- "@webstudio-is/icons": "0.205.0",
53
- "@webstudio-is/image": "0.205.0",
54
- "@webstudio-is/react-sdk": "0.205.0",
55
- "@webstudio-is/sdk": "0.205.0"
52
+ "@webstudio-is/icons": "0.206.0",
53
+ "@webstudio-is/image": "0.206.0",
54
+ "@webstudio-is/react-sdk": "0.206.0",
55
+ "@webstudio-is/sdk": "0.206.0"
56
56
  },
57
57
  "devDependencies": {
58
58
  "@testing-library/react": "^14.2.2",
@@ -63,7 +63,7 @@
63
63
  "vitest": "^3.0.4",
64
64
  "@webstudio-is/generate-arg-types": "0.0.0",
65
65
  "@webstudio-is/sdk-cli": "0.94.0",
66
- "@webstudio-is/template": "0.205.0",
66
+ "@webstudio-is/template": "0.206.0",
67
67
  "@webstudio-is/tsconfig": "1.0.7"
68
68
  },
69
69
  "scripts": {