@webstudio-is/react-sdk 0.59.0 → 0.61.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 (163) hide show
  1. package/lib/app/custom-components/shared/remix-link.js +2 -2
  2. package/lib/app/index.js +0 -1
  3. package/lib/cjs/app/custom-components/shared/remix-link.js +2 -2
  4. package/lib/cjs/app/index.js +0 -1
  5. package/lib/cjs/components/__generated__/blockquote.props.js +5 -0
  6. package/lib/cjs/components/__generated__/body.props.js +5 -0
  7. package/lib/cjs/components/__generated__/bold.props.js +5 -0
  8. package/lib/cjs/components/__generated__/box.props.js +5 -0
  9. package/lib/cjs/components/__generated__/button.props.js +5 -1
  10. package/lib/cjs/components/__generated__/code.props.js +5 -0
  11. package/lib/cjs/components/__generated__/form.props.js +5 -0
  12. package/lib/cjs/components/__generated__/heading.props.js +5 -0
  13. package/lib/cjs/components/__generated__/image.props.js +5 -0
  14. package/lib/cjs/components/__generated__/input.props.js +11 -2
  15. package/lib/cjs/components/__generated__/italic.props.js +5 -0
  16. package/lib/cjs/components/__generated__/link-block.props.js +5 -1
  17. package/lib/cjs/components/__generated__/link.props.js +5 -1
  18. package/lib/cjs/components/__generated__/list-item.props.js +5 -0
  19. package/lib/cjs/components/__generated__/list.props.js +5 -0
  20. package/lib/cjs/components/__generated__/paragraph.props.js +5 -0
  21. package/lib/cjs/components/__generated__/rich-text-link.props.js +5 -1
  22. package/lib/cjs/components/__generated__/separator.props.js +5 -0
  23. package/lib/cjs/components/__generated__/span.props.js +5 -0
  24. package/lib/cjs/components/__generated__/subscript.props.js +5 -0
  25. package/lib/cjs/components/__generated__/superscript.props.js +5 -0
  26. package/lib/cjs/components/__generated__/text-block.props.js +5 -0
  27. package/lib/cjs/components/blockquote.ws.js +36 -48
  28. package/lib/cjs/components/body.ws.js +19 -24
  29. package/lib/cjs/components/button.ws.js +1 -1
  30. package/lib/cjs/components/code.ws.js +20 -28
  31. package/lib/cjs/components/component-meta.js +2 -1
  32. package/lib/cjs/components/form.ws.js +14 -7
  33. package/lib/cjs/components/heading.ws.js +1 -1
  34. package/lib/cjs/components/image.ws.js +8 -9
  35. package/lib/cjs/components/italic.ws.js +5 -5
  36. package/lib/cjs/components/link-block.ws.js +5 -5
  37. package/lib/cjs/components/link.js +1 -1
  38. package/lib/cjs/components/link.ws.js +9 -10
  39. package/lib/cjs/components/list-item.ws.js +1 -1
  40. package/lib/cjs/components/list.ws.js +22 -22
  41. package/lib/cjs/components/paragraph.ws.js +1 -1
  42. package/lib/cjs/components/separator.ws.js +20 -20
  43. package/lib/cjs/components/text-block.ws.js +6 -7
  44. package/lib/cjs/css/css.js +6 -9
  45. package/lib/cjs/css/normalize.js +166 -185
  46. package/lib/cjs/css/presets.js +14 -34
  47. package/lib/cjs/css/style-rules.js +17 -0
  48. package/lib/cjs/embed-template.js +160 -0
  49. package/lib/cjs/index.js +1 -0
  50. package/lib/components/__generated__/blockquote.props.js +5 -0
  51. package/lib/components/__generated__/body.props.js +5 -0
  52. package/lib/components/__generated__/bold.props.js +5 -0
  53. package/lib/components/__generated__/box.props.js +5 -0
  54. package/lib/components/__generated__/button.props.js +5 -1
  55. package/lib/components/__generated__/code.props.js +5 -0
  56. package/lib/components/__generated__/form.props.js +5 -0
  57. package/lib/components/__generated__/heading.props.js +5 -0
  58. package/lib/components/__generated__/image.props.js +5 -0
  59. package/lib/components/__generated__/input.props.js +11 -2
  60. package/lib/components/__generated__/italic.props.js +5 -0
  61. package/lib/components/__generated__/link-block.props.js +5 -1
  62. package/lib/components/__generated__/link.props.js +5 -1
  63. package/lib/components/__generated__/list-item.props.js +5 -0
  64. package/lib/components/__generated__/list.props.js +5 -0
  65. package/lib/components/__generated__/paragraph.props.js +5 -0
  66. package/lib/components/__generated__/rich-text-link.props.js +5 -1
  67. package/lib/components/__generated__/separator.props.js +5 -0
  68. package/lib/components/__generated__/span.props.js +5 -0
  69. package/lib/components/__generated__/subscript.props.js +5 -0
  70. package/lib/components/__generated__/superscript.props.js +5 -0
  71. package/lib/components/__generated__/text-block.props.js +5 -0
  72. package/lib/components/blockquote.ws.js +36 -48
  73. package/lib/components/body.ws.js +19 -24
  74. package/lib/components/button.ws.js +1 -1
  75. package/lib/components/code.ws.js +20 -28
  76. package/lib/components/component-meta.js +2 -1
  77. package/lib/components/form.ws.js +14 -7
  78. package/lib/components/heading.ws.js +1 -1
  79. package/lib/components/image.ws.js +8 -9
  80. package/lib/components/italic.ws.js +5 -5
  81. package/lib/components/link-block.ws.js +5 -5
  82. package/lib/components/link.js +1 -1
  83. package/lib/components/link.ws.js +9 -10
  84. package/lib/components/list-item.ws.js +1 -1
  85. package/lib/components/list.ws.js +22 -22
  86. package/lib/components/paragraph.ws.js +1 -1
  87. package/lib/components/separator.ws.js +20 -20
  88. package/lib/components/text-block.ws.js +6 -7
  89. package/lib/css/css.js +8 -11
  90. package/lib/css/normalize.js +166 -185
  91. package/lib/css/presets.js +14 -34
  92. package/lib/css/style-rules.js +17 -0
  93. package/lib/embed-template.js +140 -0
  94. package/lib/index.js +1 -0
  95. package/lib/types/app/index.d.ts +0 -1
  96. package/lib/types/components/box.stories.d.ts +2 -2
  97. package/lib/types/components/component-meta.d.ts +20 -5
  98. package/lib/types/components/components-utils.d.ts +1 -1
  99. package/lib/types/css/normalize.d.ts +8786 -2286
  100. package/lib/types/css/presets.d.ts +2 -38
  101. package/lib/types/css/style-rules.d.ts +11 -9
  102. package/lib/types/embed-template.d.ts +1725 -0
  103. package/lib/types/embed-template.test.d.ts +1 -0
  104. package/lib/types/index.d.ts +1 -0
  105. package/package.json +16 -19
  106. package/src/app/custom-components/shared/remix-link.tsx +2 -2
  107. package/src/app/index.ts +0 -1
  108. package/src/components/__generated__/blockquote.props.ts +5 -0
  109. package/src/components/__generated__/body.props.ts +5 -0
  110. package/src/components/__generated__/bold.props.ts +5 -0
  111. package/src/components/__generated__/box.props.ts +5 -0
  112. package/src/components/__generated__/button.props.ts +5 -1
  113. package/src/components/__generated__/code.props.ts +5 -0
  114. package/src/components/__generated__/form.props.ts +5 -0
  115. package/src/components/__generated__/heading.props.ts +5 -0
  116. package/src/components/__generated__/image.props.ts +5 -0
  117. package/src/components/__generated__/input.props.ts +11 -2
  118. package/src/components/__generated__/italic.props.ts +5 -0
  119. package/src/components/__generated__/link-block.props.ts +5 -1
  120. package/src/components/__generated__/link.props.ts +5 -1
  121. package/src/components/__generated__/list-item.props.ts +5 -0
  122. package/src/components/__generated__/list.props.ts +5 -0
  123. package/src/components/__generated__/paragraph.props.ts +5 -0
  124. package/src/components/__generated__/rich-text-link.props.ts +5 -1
  125. package/src/components/__generated__/separator.props.ts +5 -0
  126. package/src/components/__generated__/span.props.ts +5 -0
  127. package/src/components/__generated__/subscript.props.ts +5 -0
  128. package/src/components/__generated__/superscript.props.ts +5 -0
  129. package/src/components/__generated__/text-block.props.ts +5 -0
  130. package/src/components/blockquote.ws.tsx +42 -52
  131. package/src/components/body.ws.tsx +25 -32
  132. package/src/components/bold.ws.tsx +6 -3
  133. package/src/components/box.ws.ts +6 -3
  134. package/src/components/button.ws.tsx +7 -4
  135. package/src/components/code.ws.tsx +26 -32
  136. package/src/components/component-meta.ts +5 -3
  137. package/src/components/form.ws.tsx +19 -9
  138. package/src/components/heading.ws.tsx +7 -4
  139. package/src/components/image.ws.tsx +14 -12
  140. package/src/components/input.ws.tsx +6 -3
  141. package/src/components/italic.ws.tsx +11 -8
  142. package/src/components/link-block.ws.tsx +11 -8
  143. package/src/components/link.tsx +1 -1
  144. package/src/components/link.ws.tsx +15 -13
  145. package/src/components/list-item.ws.tsx +7 -4
  146. package/src/components/list.ws.tsx +28 -25
  147. package/src/components/paragraph.ws.tsx +7 -4
  148. package/src/components/separator.ws.tsx +26 -25
  149. package/src/components/span.ws.tsx +6 -3
  150. package/src/components/subscript.ws.tsx +6 -3
  151. package/src/components/superscript.ws.tsx +6 -3
  152. package/src/components/text-block.ws.tsx +12 -11
  153. package/src/css/css.ts +8 -11
  154. package/src/css/normalize.ts +165 -188
  155. package/src/css/presets.ts +15 -37
  156. package/src/css/style-rules.ts +24 -0
  157. package/src/embed-template.test.ts +210 -0
  158. package/src/embed-template.ts +187 -0
  159. package/src/index.ts +1 -0
  160. package/lib/app/handle-request.server.js +0 -16
  161. package/lib/cjs/app/handle-request.server.js +0 -36
  162. package/lib/types/app/handle-request.server.d.ts +0 -2
  163. package/src/app/handle-request.server.tsx +0 -21
@@ -1,12 +1,12 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { Link as RemixLink } from "@remix-run/react";
2
+ import { NavLink as RemixLink } from "@remix-run/react";
3
3
  import { forwardRef } from "react";
4
4
  import { usePropUrl, getInstanceIdFromComponentProps } from "../../../props";
5
5
  const wrapLinkComponent = (BaseLink) => {
6
6
  const Component = forwardRef((props, ref) => {
7
7
  const href = usePropUrl(getInstanceIdFromComponentProps(props), "href");
8
8
  if (href?.type === "page") {
9
- let to = href.page.path;
9
+ let to = href.page.path === "" ? "/" : href.page.path;
10
10
  if (href.hash !== void 0) {
11
11
  to += `#${href.hash}`;
12
12
  }
package/lib/app/index.js CHANGED
@@ -1,3 +1,2 @@
1
1
  export * from "./root";
2
- export * from "./handle-request.server";
3
2
  export * from "./params";
@@ -29,11 +29,11 @@ const wrapLinkComponent = (BaseLink) => {
29
29
  const Component = (0, import_react2.forwardRef)((props, ref) => {
30
30
  const href = (0, import_props.usePropUrl)((0, import_props.getInstanceIdFromComponentProps)(props), "href");
31
31
  if (href?.type === "page") {
32
- let to = href.page.path;
32
+ let to = href.page.path === "" ? "/" : href.page.path;
33
33
  if (href.hash !== void 0) {
34
34
  to += `#${href.hash}`;
35
35
  }
36
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Link, { ...props, to, ref });
36
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.NavLink, { ...props, to, ref });
37
37
  }
38
38
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BaseLink, { ...props, ref });
39
39
  });
@@ -16,5 +16,4 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
16
16
  var app_exports = {};
17
17
  module.exports = __toCommonJS(app_exports);
18
18
  __reExport(app_exports, require("./root"), module.exports);
19
- __reExport(app_exports, require("./handle-request.server"), module.exports);
20
19
  __reExport(app_exports, require("./params"), module.exports);
@@ -39,6 +39,7 @@ const props = {
39
39
  type: "boolean"
40
40
  },
41
41
  accessKey: { required: false, control: "text", type: "string" },
42
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
42
43
  className: { required: false, control: "text", type: "string" },
43
44
  contentEditable: { required: false, control: "text", type: "string" },
44
45
  contextMenu: { required: false, control: "text", type: "string" },
@@ -47,6 +48,7 @@ const props = {
47
48
  hidden: { required: false, control: "boolean", type: "boolean" },
48
49
  id: { required: false, control: "text", type: "string" },
49
50
  lang: { required: false, control: "text", type: "string" },
51
+ nonce: { required: false, control: "text", type: "string" },
50
52
  placeholder: { required: false, control: "text", type: "string" },
51
53
  spellCheck: { required: false, control: "boolean", type: "boolean" },
52
54
  tabIndex: { required: false, control: "number", type: "number" },
@@ -59,11 +61,14 @@ const props = {
59
61
  radioGroup: { required: false, control: "text", type: "string" },
60
62
  role: { required: false, control: "text", type: "string" },
61
63
  about: { required: false, control: "text", type: "string" },
64
+ content: { required: false, control: "text", type: "string" },
62
65
  datatype: { required: false, control: "text", type: "string" },
63
66
  inlist: { required: false, control: "text", type: "string" },
64
67
  prefix: { required: false, control: "text", type: "string" },
65
68
  property: { required: false, control: "text", type: "string" },
69
+ rel: { required: false, control: "text", type: "string" },
66
70
  resource: { required: false, control: "text", type: "string" },
71
+ rev: { required: false, control: "text", type: "string" },
67
72
  typeof: { required: false, control: "text", type: "string" },
68
73
  vocab: { required: false, control: "text", type: "string" },
69
74
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -38,6 +38,7 @@ const props = {
38
38
  type: "boolean"
39
39
  },
40
40
  accessKey: { required: false, control: "text", type: "string" },
41
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
41
42
  className: { required: false, control: "text", type: "string" },
42
43
  contentEditable: { required: false, control: "text", type: "string" },
43
44
  contextMenu: { required: false, control: "text", type: "string" },
@@ -46,6 +47,7 @@ const props = {
46
47
  hidden: { required: false, control: "boolean", type: "boolean" },
47
48
  id: { required: false, control: "text", type: "string" },
48
49
  lang: { required: false, control: "text", type: "string" },
50
+ nonce: { required: false, control: "text", type: "string" },
49
51
  placeholder: { required: false, control: "text", type: "string" },
50
52
  spellCheck: { required: false, control: "boolean", type: "boolean" },
51
53
  tabIndex: { required: false, control: "number", type: "number" },
@@ -58,11 +60,14 @@ const props = {
58
60
  radioGroup: { required: false, control: "text", type: "string" },
59
61
  role: { required: false, control: "text", type: "string" },
60
62
  about: { required: false, control: "text", type: "string" },
63
+ content: { required: false, control: "text", type: "string" },
61
64
  datatype: { required: false, control: "text", type: "string" },
62
65
  inlist: { required: false, control: "text", type: "string" },
63
66
  prefix: { required: false, control: "text", type: "string" },
64
67
  property: { required: false, control: "text", type: "string" },
68
+ rel: { required: false, control: "text", type: "string" },
65
69
  resource: { required: false, control: "text", type: "string" },
70
+ rev: { required: false, control: "text", type: "string" },
66
71
  typeof: { required: false, control: "text", type: "string" },
67
72
  vocab: { required: false, control: "text", type: "string" },
68
73
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -38,6 +38,7 @@ const props = {
38
38
  type: "boolean"
39
39
  },
40
40
  accessKey: { required: false, control: "text", type: "string" },
41
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
41
42
  className: { required: false, control: "text", type: "string" },
42
43
  contentEditable: { required: false, control: "text", type: "string" },
43
44
  contextMenu: { required: false, control: "text", type: "string" },
@@ -46,6 +47,7 @@ const props = {
46
47
  hidden: { required: false, control: "boolean", type: "boolean" },
47
48
  id: { required: false, control: "text", type: "string" },
48
49
  lang: { required: false, control: "text", type: "string" },
50
+ nonce: { required: false, control: "text", type: "string" },
49
51
  placeholder: { required: false, control: "text", type: "string" },
50
52
  spellCheck: { required: false, control: "boolean", type: "boolean" },
51
53
  tabIndex: { required: false, control: "number", type: "number" },
@@ -58,11 +60,14 @@ const props = {
58
60
  radioGroup: { required: false, control: "text", type: "string" },
59
61
  role: { required: false, control: "text", type: "string" },
60
62
  about: { required: false, control: "text", type: "string" },
63
+ content: { required: false, control: "text", type: "string" },
61
64
  datatype: { required: false, control: "text", type: "string" },
62
65
  inlist: { required: false, control: "text", type: "string" },
63
66
  prefix: { required: false, control: "text", type: "string" },
64
67
  property: { required: false, control: "text", type: "string" },
68
+ rel: { required: false, control: "text", type: "string" },
65
69
  resource: { required: false, control: "text", type: "string" },
70
+ rev: { required: false, control: "text", type: "string" },
66
71
  typeof: { required: false, control: "text", type: "string" },
67
72
  vocab: { required: false, control: "text", type: "string" },
68
73
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -38,6 +38,7 @@ const props = {
38
38
  type: "boolean"
39
39
  },
40
40
  accessKey: { required: false, control: "text", type: "string" },
41
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
41
42
  className: { required: false, control: "text", type: "string" },
42
43
  contentEditable: { required: false, control: "text", type: "string" },
43
44
  contextMenu: { required: false, control: "text", type: "string" },
@@ -46,6 +47,7 @@ const props = {
46
47
  hidden: { required: false, control: "boolean", type: "boolean" },
47
48
  id: { required: false, control: "text", type: "string" },
48
49
  lang: { required: false, control: "text", type: "string" },
50
+ nonce: { required: false, control: "text", type: "string" },
49
51
  placeholder: { required: false, control: "text", type: "string" },
50
52
  spellCheck: { required: false, control: "boolean", type: "boolean" },
51
53
  tabIndex: { required: false, control: "number", type: "number" },
@@ -58,11 +60,14 @@ const props = {
58
60
  radioGroup: { required: false, control: "text", type: "string" },
59
61
  role: { required: false, control: "text", type: "string" },
60
62
  about: { required: false, control: "text", type: "string" },
63
+ content: { required: false, control: "text", type: "string" },
61
64
  datatype: { required: false, control: "text", type: "string" },
62
65
  inlist: { required: false, control: "text", type: "string" },
63
66
  prefix: { required: false, control: "text", type: "string" },
64
67
  property: { required: false, control: "text", type: "string" },
68
+ rel: { required: false, control: "text", type: "string" },
65
69
  resource: { required: false, control: "text", type: "string" },
70
+ rev: { required: false, control: "text", type: "string" },
66
71
  typeof: { required: false, control: "text", type: "string" },
67
72
  vocab: { required: false, control: "text", type: "string" },
68
73
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -26,7 +26,6 @@ const props = {
26
26
  slot: { required: false, control: "text", type: "string" },
27
27
  style: { required: false, control: "text", type: "string" },
28
28
  title: { required: false, control: "text", type: "string" },
29
- autoFocus: { required: false, control: "boolean", type: "boolean" },
30
29
  disabled: { required: false, control: "boolean", type: "boolean" },
31
30
  formAction: { required: false, control: "text", type: "string" },
32
31
  formEncType: { required: false, control: "text", type: "string" },
@@ -55,6 +54,7 @@ const props = {
55
54
  type: "boolean"
56
55
  },
57
56
  accessKey: { required: false, control: "text", type: "string" },
57
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
58
58
  className: { required: false, control: "text", type: "string" },
59
59
  contentEditable: { required: false, control: "text", type: "string" },
60
60
  contextMenu: { required: false, control: "text", type: "string" },
@@ -63,6 +63,7 @@ const props = {
63
63
  hidden: { required: false, control: "boolean", type: "boolean" },
64
64
  id: { required: false, control: "text", type: "string" },
65
65
  lang: { required: false, control: "text", type: "string" },
66
+ nonce: { required: false, control: "text", type: "string" },
66
67
  placeholder: { required: false, control: "text", type: "string" },
67
68
  spellCheck: { required: false, control: "boolean", type: "boolean" },
68
69
  tabIndex: { required: false, control: "number", type: "number" },
@@ -75,11 +76,14 @@ const props = {
75
76
  radioGroup: { required: false, control: "text", type: "string" },
76
77
  role: { required: false, control: "text", type: "string" },
77
78
  about: { required: false, control: "text", type: "string" },
79
+ content: { required: false, control: "text", type: "string" },
78
80
  datatype: { required: false, control: "text", type: "string" },
79
81
  inlist: { required: false, control: "text", type: "string" },
80
82
  prefix: { required: false, control: "text", type: "string" },
81
83
  property: { required: false, control: "text", type: "string" },
84
+ rel: { required: false, control: "text", type: "string" },
82
85
  resource: { required: false, control: "text", type: "string" },
86
+ rev: { required: false, control: "text", type: "string" },
83
87
  typeof: { required: false, control: "text", type: "string" },
84
88
  vocab: { required: false, control: "text", type: "string" },
85
89
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -39,6 +39,7 @@ const props = {
39
39
  type: "boolean"
40
40
  },
41
41
  accessKey: { required: false, control: "text", type: "string" },
42
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
42
43
  className: { required: false, control: "text", type: "string" },
43
44
  contentEditable: { required: false, control: "text", type: "string" },
44
45
  contextMenu: { required: false, control: "text", type: "string" },
@@ -47,6 +48,7 @@ const props = {
47
48
  hidden: { required: false, control: "boolean", type: "boolean" },
48
49
  id: { required: false, control: "text", type: "string" },
49
50
  lang: { required: false, control: "text", type: "string" },
51
+ nonce: { required: false, control: "text", type: "string" },
50
52
  placeholder: { required: false, control: "text", type: "string" },
51
53
  spellCheck: { required: false, control: "boolean", type: "boolean" },
52
54
  tabIndex: { required: false, control: "number", type: "number" },
@@ -59,11 +61,14 @@ const props = {
59
61
  radioGroup: { required: false, control: "text", type: "string" },
60
62
  role: { required: false, control: "text", type: "string" },
61
63
  about: { required: false, control: "text", type: "string" },
64
+ content: { required: false, control: "text", type: "string" },
62
65
  datatype: { required: false, control: "text", type: "string" },
63
66
  inlist: { required: false, control: "text", type: "string" },
64
67
  prefix: { required: false, control: "text", type: "string" },
65
68
  property: { required: false, control: "text", type: "string" },
69
+ rel: { required: false, control: "text", type: "string" },
66
70
  resource: { required: false, control: "text", type: "string" },
71
+ rev: { required: false, control: "text", type: "string" },
67
72
  typeof: { required: false, control: "text", type: "string" },
68
73
  vocab: { required: false, control: "text", type: "string" },
69
74
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -46,6 +46,7 @@ const props = {
46
46
  type: "boolean"
47
47
  },
48
48
  accessKey: { required: false, control: "text", type: "string" },
49
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
49
50
  className: { required: false, control: "text", type: "string" },
50
51
  contentEditable: { required: false, control: "text", type: "string" },
51
52
  contextMenu: { required: false, control: "text", type: "string" },
@@ -54,6 +55,7 @@ const props = {
54
55
  hidden: { required: false, control: "boolean", type: "boolean" },
55
56
  id: { required: false, control: "text", type: "string" },
56
57
  lang: { required: false, control: "text", type: "string" },
58
+ nonce: { required: false, control: "text", type: "string" },
57
59
  placeholder: { required: false, control: "text", type: "string" },
58
60
  spellCheck: { required: false, control: "boolean", type: "boolean" },
59
61
  tabIndex: { required: false, control: "number", type: "number" },
@@ -66,11 +68,14 @@ const props = {
66
68
  radioGroup: { required: false, control: "text", type: "string" },
67
69
  role: { required: false, control: "text", type: "string" },
68
70
  about: { required: false, control: "text", type: "string" },
71
+ content: { required: false, control: "text", type: "string" },
69
72
  datatype: { required: false, control: "text", type: "string" },
70
73
  inlist: { required: false, control: "text", type: "string" },
71
74
  prefix: { required: false, control: "text", type: "string" },
72
75
  property: { required: false, control: "text", type: "string" },
76
+ rel: { required: false, control: "text", type: "string" },
73
77
  resource: { required: false, control: "text", type: "string" },
78
+ rev: { required: false, control: "text", type: "string" },
74
79
  typeof: { required: false, control: "text", type: "string" },
75
80
  vocab: { required: false, control: "text", type: "string" },
76
81
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -38,6 +38,7 @@ const props = {
38
38
  type: "boolean"
39
39
  },
40
40
  accessKey: { required: false, control: "text", type: "string" },
41
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
41
42
  className: { required: false, control: "text", type: "string" },
42
43
  contentEditable: { required: false, control: "text", type: "string" },
43
44
  contextMenu: { required: false, control: "text", type: "string" },
@@ -46,6 +47,7 @@ const props = {
46
47
  hidden: { required: false, control: "boolean", type: "boolean" },
47
48
  id: { required: false, control: "text", type: "string" },
48
49
  lang: { required: false, control: "text", type: "string" },
50
+ nonce: { required: false, control: "text", type: "string" },
49
51
  placeholder: { required: false, control: "text", type: "string" },
50
52
  spellCheck: { required: false, control: "boolean", type: "boolean" },
51
53
  tabIndex: { required: false, control: "number", type: "number" },
@@ -58,11 +60,14 @@ const props = {
58
60
  radioGroup: { required: false, control: "text", type: "string" },
59
61
  role: { required: false, control: "text", type: "string" },
60
62
  about: { required: false, control: "text", type: "string" },
63
+ content: { required: false, control: "text", type: "string" },
61
64
  datatype: { required: false, control: "text", type: "string" },
62
65
  inlist: { required: false, control: "text", type: "string" },
63
66
  prefix: { required: false, control: "text", type: "string" },
64
67
  property: { required: false, control: "text", type: "string" },
68
+ rel: { required: false, control: "text", type: "string" },
65
69
  resource: { required: false, control: "text", type: "string" },
70
+ rev: { required: false, control: "text", type: "string" },
66
71
  typeof: { required: false, control: "text", type: "string" },
67
72
  vocab: { required: false, control: "text", type: "string" },
68
73
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -79,6 +79,7 @@ const props = {
79
79
  type: "boolean"
80
80
  },
81
81
  accessKey: { required: false, control: "text", type: "string" },
82
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
82
83
  className: { required: false, control: "text", type: "string" },
83
84
  contentEditable: { required: false, control: "text", type: "string" },
84
85
  contextMenu: { required: false, control: "text", type: "string" },
@@ -87,6 +88,7 @@ const props = {
87
88
  hidden: { required: false, control: "boolean", type: "boolean" },
88
89
  id: { required: false, control: "text", type: "string" },
89
90
  lang: { required: false, control: "text", type: "string" },
91
+ nonce: { required: false, control: "text", type: "string" },
90
92
  placeholder: { required: false, control: "text", type: "string" },
91
93
  spellCheck: { required: false, control: "boolean", type: "boolean" },
92
94
  tabIndex: { required: false, control: "number", type: "number" },
@@ -99,11 +101,14 @@ const props = {
99
101
  radioGroup: { required: false, control: "text", type: "string" },
100
102
  role: { required: false, control: "text", type: "string" },
101
103
  about: { required: false, control: "text", type: "string" },
104
+ content: { required: false, control: "text", type: "string" },
102
105
  datatype: { required: false, control: "text", type: "string" },
103
106
  inlist: { required: false, control: "text", type: "string" },
104
107
  prefix: { required: false, control: "text", type: "string" },
105
108
  property: { required: false, control: "text", type: "string" },
109
+ rel: { required: false, control: "text", type: "string" },
106
110
  resource: { required: false, control: "text", type: "string" },
111
+ rev: { required: false, control: "text", type: "string" },
107
112
  typeof: { required: false, control: "text", type: "string" },
108
113
  vocab: { required: false, control: "text", type: "string" },
109
114
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -30,10 +30,14 @@ const props = {
30
30
  accept: { required: false, control: "text", type: "string" },
31
31
  alt: { required: false, control: "text", type: "string" },
32
32
  autoComplete: { required: false, control: "text", type: "string" },
33
- autoFocus: { required: false, control: "boolean", type: "boolean" },
34
33
  capture: { required: false, control: "text", type: "string" },
35
34
  checked: { required: false, control: "boolean", type: "boolean" },
36
- crossOrigin: { required: false, control: "text", type: "string" },
35
+ crossOrigin: {
36
+ required: false,
37
+ control: "radio",
38
+ type: "string",
39
+ options: ["", "anonymous", "use-credentials"]
40
+ },
37
41
  disabled: { required: false, control: "boolean", type: "boolean" },
38
42
  enterKeyHint: {
39
43
  required: false,
@@ -77,6 +81,7 @@ const props = {
77
81
  type: "boolean"
78
82
  },
79
83
  accessKey: { required: false, control: "text", type: "string" },
84
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
80
85
  className: { required: false, control: "text", type: "string" },
81
86
  contentEditable: { required: false, control: "text", type: "string" },
82
87
  contextMenu: { required: false, control: "text", type: "string" },
@@ -85,6 +90,7 @@ const props = {
85
90
  hidden: { required: false, control: "boolean", type: "boolean" },
86
91
  id: { required: false, control: "text", type: "string" },
87
92
  lang: { required: false, control: "text", type: "string" },
93
+ nonce: { required: false, control: "text", type: "string" },
88
94
  spellCheck: { required: false, control: "boolean", type: "boolean" },
89
95
  tabIndex: { required: false, control: "number", type: "number" },
90
96
  translate: {
@@ -96,11 +102,14 @@ const props = {
96
102
  radioGroup: { required: false, control: "text", type: "string" },
97
103
  role: { required: false, control: "text", type: "string" },
98
104
  about: { required: false, control: "text", type: "string" },
105
+ content: { required: false, control: "text", type: "string" },
99
106
  datatype: { required: false, control: "text", type: "string" },
100
107
  inlist: { required: false, control: "text", type: "string" },
101
108
  prefix: { required: false, control: "text", type: "string" },
102
109
  property: { required: false, control: "text", type: "string" },
110
+ rel: { required: false, control: "text", type: "string" },
103
111
  resource: { required: false, control: "text", type: "string" },
112
+ rev: { required: false, control: "text", type: "string" },
104
113
  typeof: { required: false, control: "text", type: "string" },
105
114
  vocab: { required: false, control: "text", type: "string" },
106
115
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -38,6 +38,7 @@ const props = {
38
38
  type: "boolean"
39
39
  },
40
40
  accessKey: { required: false, control: "text", type: "string" },
41
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
41
42
  className: { required: false, control: "text", type: "string" },
42
43
  contentEditable: { required: false, control: "text", type: "string" },
43
44
  contextMenu: { required: false, control: "text", type: "string" },
@@ -46,6 +47,7 @@ const props = {
46
47
  hidden: { required: false, control: "boolean", type: "boolean" },
47
48
  id: { required: false, control: "text", type: "string" },
48
49
  lang: { required: false, control: "text", type: "string" },
50
+ nonce: { required: false, control: "text", type: "string" },
49
51
  placeholder: { required: false, control: "text", type: "string" },
50
52
  spellCheck: { required: false, control: "boolean", type: "boolean" },
51
53
  tabIndex: { required: false, control: "number", type: "number" },
@@ -58,11 +60,14 @@ const props = {
58
60
  radioGroup: { required: false, control: "text", type: "string" },
59
61
  role: { required: false, control: "text", type: "string" },
60
62
  about: { required: false, control: "text", type: "string" },
63
+ content: { required: false, control: "text", type: "string" },
61
64
  datatype: { required: false, control: "text", type: "string" },
62
65
  inlist: { required: false, control: "text", type: "string" },
63
66
  prefix: { required: false, control: "text", type: "string" },
64
67
  property: { required: false, control: "text", type: "string" },
68
+ rel: { required: false, control: "text", type: "string" },
65
69
  resource: { required: false, control: "text", type: "string" },
70
+ rev: { required: false, control: "text", type: "string" },
66
71
  typeof: { required: false, control: "text", type: "string" },
67
72
  vocab: { required: false, control: "text", type: "string" },
68
73
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -36,7 +36,6 @@ const props = {
36
36
  hrefLang: { required: false, control: "text", type: "string" },
37
37
  media: { required: false, control: "text", type: "string" },
38
38
  ping: { required: false, control: "text", type: "string" },
39
- rel: { required: false, control: "text", type: "string" },
40
39
  type: { required: false, control: "text", type: "string" },
41
40
  referrerPolicy: {
42
41
  required: false,
@@ -67,6 +66,7 @@ const props = {
67
66
  type: "boolean"
68
67
  },
69
68
  accessKey: { required: false, control: "text", type: "string" },
69
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
70
70
  className: { required: false, control: "text", type: "string" },
71
71
  contentEditable: { required: false, control: "text", type: "string" },
72
72
  contextMenu: { required: false, control: "text", type: "string" },
@@ -75,6 +75,7 @@ const props = {
75
75
  hidden: { required: false, control: "boolean", type: "boolean" },
76
76
  id: { required: false, control: "text", type: "string" },
77
77
  lang: { required: false, control: "text", type: "string" },
78
+ nonce: { required: false, control: "text", type: "string" },
78
79
  placeholder: { required: false, control: "text", type: "string" },
79
80
  spellCheck: { required: false, control: "boolean", type: "boolean" },
80
81
  tabIndex: { required: false, control: "number", type: "number" },
@@ -87,11 +88,14 @@ const props = {
87
88
  radioGroup: { required: false, control: "text", type: "string" },
88
89
  role: { required: false, control: "text", type: "string" },
89
90
  about: { required: false, control: "text", type: "string" },
91
+ content: { required: false, control: "text", type: "string" },
90
92
  datatype: { required: false, control: "text", type: "string" },
91
93
  inlist: { required: false, control: "text", type: "string" },
92
94
  prefix: { required: false, control: "text", type: "string" },
93
95
  property: { required: false, control: "text", type: "string" },
96
+ rel: { required: false, control: "text", type: "string" },
94
97
  resource: { required: false, control: "text", type: "string" },
98
+ rev: { required: false, control: "text", type: "string" },
95
99
  typeof: { required: false, control: "text", type: "string" },
96
100
  vocab: { required: false, control: "text", type: "string" },
97
101
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -36,7 +36,6 @@ const props = {
36
36
  hrefLang: { required: false, control: "text", type: "string" },
37
37
  media: { required: false, control: "text", type: "string" },
38
38
  ping: { required: false, control: "text", type: "string" },
39
- rel: { required: false, control: "text", type: "string" },
40
39
  type: { required: false, control: "text", type: "string" },
41
40
  referrerPolicy: {
42
41
  required: false,
@@ -67,6 +66,7 @@ const props = {
67
66
  type: "boolean"
68
67
  },
69
68
  accessKey: { required: false, control: "text", type: "string" },
69
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
70
70
  className: { required: false, control: "text", type: "string" },
71
71
  contentEditable: { required: false, control: "text", type: "string" },
72
72
  contextMenu: { required: false, control: "text", type: "string" },
@@ -75,6 +75,7 @@ const props = {
75
75
  hidden: { required: false, control: "boolean", type: "boolean" },
76
76
  id: { required: false, control: "text", type: "string" },
77
77
  lang: { required: false, control: "text", type: "string" },
78
+ nonce: { required: false, control: "text", type: "string" },
78
79
  placeholder: { required: false, control: "text", type: "string" },
79
80
  spellCheck: { required: false, control: "boolean", type: "boolean" },
80
81
  tabIndex: { required: false, control: "number", type: "number" },
@@ -87,11 +88,14 @@ const props = {
87
88
  radioGroup: { required: false, control: "text", type: "string" },
88
89
  role: { required: false, control: "text", type: "string" },
89
90
  about: { required: false, control: "text", type: "string" },
91
+ content: { required: false, control: "text", type: "string" },
90
92
  datatype: { required: false, control: "text", type: "string" },
91
93
  inlist: { required: false, control: "text", type: "string" },
92
94
  prefix: { required: false, control: "text", type: "string" },
93
95
  property: { required: false, control: "text", type: "string" },
96
+ rel: { required: false, control: "text", type: "string" },
94
97
  resource: { required: false, control: "text", type: "string" },
98
+ rev: { required: false, control: "text", type: "string" },
95
99
  typeof: { required: false, control: "text", type: "string" },
96
100
  vocab: { required: false, control: "text", type: "string" },
97
101
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -39,6 +39,7 @@ const props = {
39
39
  type: "boolean"
40
40
  },
41
41
  accessKey: { required: false, control: "text", type: "string" },
42
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
42
43
  className: { required: false, control: "text", type: "string" },
43
44
  contentEditable: { required: false, control: "text", type: "string" },
44
45
  contextMenu: { required: false, control: "text", type: "string" },
@@ -47,6 +48,7 @@ const props = {
47
48
  hidden: { required: false, control: "boolean", type: "boolean" },
48
49
  id: { required: false, control: "text", type: "string" },
49
50
  lang: { required: false, control: "text", type: "string" },
51
+ nonce: { required: false, control: "text", type: "string" },
50
52
  placeholder: { required: false, control: "text", type: "string" },
51
53
  spellCheck: { required: false, control: "boolean", type: "boolean" },
52
54
  tabIndex: { required: false, control: "number", type: "number" },
@@ -59,11 +61,14 @@ const props = {
59
61
  radioGroup: { required: false, control: "text", type: "string" },
60
62
  role: { required: false, control: "text", type: "string" },
61
63
  about: { required: false, control: "text", type: "string" },
64
+ content: { required: false, control: "text", type: "string" },
62
65
  datatype: { required: false, control: "text", type: "string" },
63
66
  inlist: { required: false, control: "text", type: "string" },
64
67
  prefix: { required: false, control: "text", type: "string" },
65
68
  property: { required: false, control: "text", type: "string" },
69
+ rel: { required: false, control: "text", type: "string" },
66
70
  resource: { required: false, control: "text", type: "string" },
71
+ rev: { required: false, control: "text", type: "string" },
67
72
  typeof: { required: false, control: "text", type: "string" },
68
73
  vocab: { required: false, control: "text", type: "string" },
69
74
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -38,6 +38,7 @@ const props = {
38
38
  type: "boolean"
39
39
  },
40
40
  accessKey: { required: false, control: "text", type: "string" },
41
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
41
42
  className: { required: false, control: "text", type: "string" },
42
43
  contentEditable: { required: false, control: "text", type: "string" },
43
44
  contextMenu: { required: false, control: "text", type: "string" },
@@ -46,6 +47,7 @@ const props = {
46
47
  hidden: { required: false, control: "boolean", type: "boolean" },
47
48
  id: { required: false, control: "text", type: "string" },
48
49
  lang: { required: false, control: "text", type: "string" },
50
+ nonce: { required: false, control: "text", type: "string" },
49
51
  placeholder: { required: false, control: "text", type: "string" },
50
52
  spellCheck: { required: false, control: "boolean", type: "boolean" },
51
53
  tabIndex: { required: false, control: "number", type: "number" },
@@ -58,11 +60,14 @@ const props = {
58
60
  radioGroup: { required: false, control: "text", type: "string" },
59
61
  role: { required: false, control: "text", type: "string" },
60
62
  about: { required: false, control: "text", type: "string" },
63
+ content: { required: false, control: "text", type: "string" },
61
64
  datatype: { required: false, control: "text", type: "string" },
62
65
  inlist: { required: false, control: "text", type: "string" },
63
66
  prefix: { required: false, control: "text", type: "string" },
64
67
  property: { required: false, control: "text", type: "string" },
68
+ rel: { required: false, control: "text", type: "string" },
65
69
  resource: { required: false, control: "text", type: "string" },
70
+ rev: { required: false, control: "text", type: "string" },
66
71
  typeof: { required: false, control: "text", type: "string" },
67
72
  vocab: { required: false, control: "text", type: "string" },
68
73
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -38,6 +38,7 @@ const props = {
38
38
  type: "boolean"
39
39
  },
40
40
  accessKey: { required: false, control: "text", type: "string" },
41
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
41
42
  className: { required: false, control: "text", type: "string" },
42
43
  contentEditable: { required: false, control: "text", type: "string" },
43
44
  contextMenu: { required: false, control: "text", type: "string" },
@@ -46,6 +47,7 @@ const props = {
46
47
  hidden: { required: false, control: "boolean", type: "boolean" },
47
48
  id: { required: false, control: "text", type: "string" },
48
49
  lang: { required: false, control: "text", type: "string" },
50
+ nonce: { required: false, control: "text", type: "string" },
49
51
  placeholder: { required: false, control: "text", type: "string" },
50
52
  spellCheck: { required: false, control: "boolean", type: "boolean" },
51
53
  tabIndex: { required: false, control: "number", type: "number" },
@@ -58,11 +60,14 @@ const props = {
58
60
  radioGroup: { required: false, control: "text", type: "string" },
59
61
  role: { required: false, control: "text", type: "string" },
60
62
  about: { required: false, control: "text", type: "string" },
63
+ content: { required: false, control: "text", type: "string" },
61
64
  datatype: { required: false, control: "text", type: "string" },
62
65
  inlist: { required: false, control: "text", type: "string" },
63
66
  prefix: { required: false, control: "text", type: "string" },
64
67
  property: { required: false, control: "text", type: "string" },
68
+ rel: { required: false, control: "text", type: "string" },
65
69
  resource: { required: false, control: "text", type: "string" },
70
+ rev: { required: false, control: "text", type: "string" },
66
71
  typeof: { required: false, control: "text", type: "string" },
67
72
  vocab: { required: false, control: "text", type: "string" },
68
73
  autoCapitalize: { required: false, control: "text", type: "string" },
@@ -36,7 +36,6 @@ const props = {
36
36
  hrefLang: { required: false, control: "text", type: "string" },
37
37
  media: { required: false, control: "text", type: "string" },
38
38
  ping: { required: false, control: "text", type: "string" },
39
- rel: { required: false, control: "text", type: "string" },
40
39
  type: { required: false, control: "text", type: "string" },
41
40
  referrerPolicy: {
42
41
  required: false,
@@ -67,6 +66,7 @@ const props = {
67
66
  type: "boolean"
68
67
  },
69
68
  accessKey: { required: false, control: "text", type: "string" },
69
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
70
70
  className: { required: false, control: "text", type: "string" },
71
71
  contentEditable: { required: false, control: "text", type: "string" },
72
72
  contextMenu: { required: false, control: "text", type: "string" },
@@ -75,6 +75,7 @@ const props = {
75
75
  hidden: { required: false, control: "boolean", type: "boolean" },
76
76
  id: { required: false, control: "text", type: "string" },
77
77
  lang: { required: false, control: "text", type: "string" },
78
+ nonce: { required: false, control: "text", type: "string" },
78
79
  placeholder: { required: false, control: "text", type: "string" },
79
80
  spellCheck: { required: false, control: "boolean", type: "boolean" },
80
81
  tabIndex: { required: false, control: "number", type: "number" },
@@ -87,11 +88,14 @@ const props = {
87
88
  radioGroup: { required: false, control: "text", type: "string" },
88
89
  role: { required: false, control: "text", type: "string" },
89
90
  about: { required: false, control: "text", type: "string" },
91
+ content: { required: false, control: "text", type: "string" },
90
92
  datatype: { required: false, control: "text", type: "string" },
91
93
  inlist: { required: false, control: "text", type: "string" },
92
94
  prefix: { required: false, control: "text", type: "string" },
93
95
  property: { required: false, control: "text", type: "string" },
96
+ rel: { required: false, control: "text", type: "string" },
94
97
  resource: { required: false, control: "text", type: "string" },
98
+ rev: { required: false, control: "text", type: "string" },
95
99
  typeof: { required: false, control: "text", type: "string" },
96
100
  vocab: { required: false, control: "text", type: "string" },
97
101
  autoCapitalize: { required: false, control: "text", type: "string" },